react-animated-text-writer 1.0.2 → 1.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/index.js +1 -1
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +1 -1
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +1 -1
  6. package/src/components/AnimatedTextWriter.tsx +19 -5
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";var A=require("react/jsx-runtime"),n=require("react");!function(A,n){void 0===n&&(n={});var e=n.insertAt;if("undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],t=document.createElement("style");t.type="text/css","top"===e&&r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.styleSheet?t.styleSheet.cssText=A:t.appendChild(document.createTextNode(A))}}('\r\nh1.animated-text-title-header {\r\n text-align: center;\r\n}\r\n\r\n.animated-text-writer-blinking-cursor {\r\n /* line-height: 1rem; */\r\n margin-left: 2px;\r\n animation: pulse-blinking-cursor 1s ease-in-out infinite;\r\n}\r\n\r\n@keyframes pulse-blinking-cursor {\r\n 0% { opacity: 1; }\r\n 50% { opacity: 0; }\r\n 100% { opacity: 1; }\r\n}\r\n\r\n.animated-text-writer-code-container {\r\n font-size: 18px;\r\n font-family: source-code-pro, Menlo, Monaco, Consolas, \'Courier New\', monospace;\r\n overflow: auto;\r\n padding: 10px 15px 20px;\r\n line-height: 20px !important;\r\n /* position: relative; */\r\n /* margin: -5px -7px; */\r\n}\r\n\r\n.animated-text-writer-code-container .copy-button {\r\n float: right;\r\n}\r\n\r\n.animated-text-writer-code-container.nowrap {\r\n white-space: pre;\r\n}\r\n\r\n.animated-text-writer-code-container:not(.hide-line-number)::before {\r\n color: #999;\r\n font-size: 15px;\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10";\r\n float: left;\r\n position: sticky;\r\n left: -18px;\r\n /* top: 0px; */\r\n margin-left: -18px;\r\n margin-right: 5px;\r\n margin-top: 1px;\r\n padding-right: 4px;\r\n white-space: pre;\r\n width: 30px;\r\n text-align: right;\r\n overflow-y: hidden;\r\n border-right: 1px solid;\r\n /* line-height: 20.5px!important; */\r\n}\r\n\r\n.animated-text-writer-code-container code {\r\n font-family: source-code-pro, Menlo, Monaco, Consolas, \'Courier New\', monospace;\r\n color: #000;\r\n overflow-y: auto;\r\n}\r\n\r\n.animated-text-writer-code-container code.dark {\r\n color: #FFF;\r\n}\r\n\r\n.animated-text-writer-code-container code .reserve, .animated-text-writer-code-container code .meta {\r\n color: #00C;\r\n}\r\n\r\n.animated-text-writer-code-container code.dark .reserve, .animated-text-writer-code-container code.dark .meta {\r\n color: #4040f1;\r\n}\r\n\r\n.animated-text-writer-code-container code .keyword {\r\n color: #c03adb;\r\n}\r\n\r\n.animated-text-writer-code-container code .variable {\r\n color: #3BC1FF;\r\n}\r\n\r\n.animated-text-writer-code-container code .variable2, .animated-text-writer-code-container code .class {\r\n color: #2eada3;\r\n}\r\n\r\n.animated-text-writer-code-container code .variable3, .animated-text-writer-code-container code .class_ {\r\n color: #248b83;\r\n}\r\n\r\n.animated-text-writer-code-container code .function {\r\n color: #DCDC9D;\r\n}\r\n\r\n.animated-text-writer-code-container code .built_in {\r\n color: #c9c972;\r\n}\r\n\r\n.animated-text-writer-code-container code .comment {\r\n color: #FF8000;\r\n color: #3C3;\r\n}\r\n\r\n.animated-text-writer-code-container code .comment2 {\r\n color: #090;\r\n}\r\n\r\n.animated-text-writer-code-container code .namespace, .animated-text-writer-code-container code .literal {\r\n color: #2666CB;\r\n}\r\n\r\n.animated-text-writer-code-container code .quotation, .animated-text-writer-code-container code .string {\r\n color: #CE836A;\r\n}\r\n\r\n.animated-text-writer-code-container code .number {\r\n color: #94CE9B;\r\n}\r\n\r\n.animated-text-writer-code-container code .bracket {\r\n color: #F19F1C;\r\n}\r\n\r\n.animated-text-writer-code-container code .bracket2 {\r\n color: #DA5583;\r\n}\r\n\r\n.animated-text-writer-code-container code .bracket3, .animated-text-writer-code-container code .property {\r\n color: #5583DA;\r\n}\r\n\r\n\r\n.animated-text-writer-code-container code.c-and-c-plus-plus .include {\r\n color: #0000B7;\r\n background: #00A5AC;\r\n}\r\n\r\n.animated-text-writer-code-container code.c-and-c-plus-plus .comment {\r\n color: #009EB3;\r\n}\r\n\r\n.animated-text-writer-code-container code.c-and-c-plus-plus .keyword {\r\n color: #FFF;\r\n}\r\n\r\n.animated-text-writer-code-container code.c-and-c-plus-plus .function {\r\n color: #FFFF6D;\r\n}\r\n\r\n.animated-text-writer-code-container code.c-and-c-plus-plus .quotation {\r\n color: #B50000;\r\n}\r\n\r\n.animated-text-writer-code-container code.java .quotation {\r\n color: #B50000;\r\n}\r\n\r\n.animated-text-writer-code-container code.flutter .reserve {\r\n color: #09F;\r\n}\r\n\r\n.animated-text-writer-code-container code.sql .keyword {\r\n color: #f92672;\r\n}\r\n\r\n.animated-text-writer-code-container code.php .keyword {\r\n color: #f92672;\r\n}\r\n\r\n@media only screen and (max-width: 1200px) {\r\n h1.animated-text-title-header {\r\n font-size: 20px;\r\n }\r\n\r\n .animated-text-writer-code-container {\r\n font-size: 16px;\r\n line-height: 18px !important;\r\n }\r\n\r\n .animated-text-writer-code-container:not(.hide-line-number)::before {\r\n font-size: 13px;\r\n }\r\n}\r\n\r\n@media only screen and (max-width: 1000px) {\r\n h1.animated-text-title-header {\r\n font-size: 18px;\r\n }\r\n\r\n .animated-text-writer-code-container {\r\n font-size: 14px;\r\n line-height: 16px !important;\r\n }\r\n\r\n .animated-text-writer-code-container:not(.hide-line-number)::before {\r\n font-size: 11px;\r\n }\r\n}\r\n\r\n@media only screen and (max-width: 800px) {\r\n h1.animated-text-title-header {\r\n font-size: 16px;\r\n }\r\n\r\n .animated-text-writer-code-container {\r\n font-size: 12px;\r\n padding: 10px 15px 20px;\r\n line-height: 14px !important;\r\n }\r\n\r\n .animated-text-writer-code-container:not(.hide-line-number)::before {\r\n font-size: 9px;\r\n }\r\n}\r\n\r\n@media only screen and (max-width: 600px) {\r\n h1.animated-text-title-header {\r\n font-size: 14px;\r\n }\r\n\r\n .animated-text-writer-code-container {\r\n font-size: 10px;\r\n padding: 10px 15px 20px;\r\n line-height: 12px !important;\r\n }\r\n}\r\n\r\n.displayMoreButton .buttonText.showMore {\r\n animation: show-more-loader 0.6s infinite alternate;\r\n}\r\n\r\n.displayMoreButton .buttonText.showLess {\r\n opacity: 0.4;\r\n}\r\n\r\n.bouncingDotAnimation {\r\n display: inline flex;\r\n margin-top: 8px;\r\n margin-left: 10px;\r\n justify-content: center;\r\n}\r\n\r\n.bouncingDotAnimation > div {\r\n width: 4px;\r\n height: 4px;\r\n margin: 3px 2px;\r\n border-radius: 50%;\r\n background-color: var(--accent-color);\r\n opacity: 1;\r\n animation: bouncing-dot-loader 0.6s infinite alternate;\r\n}\r\n\r\n@keyframes bouncing-dot-loader {\r\n to {\r\n opacity: 0.1;\r\n transform: translateY(-4px);\r\n }\r\n}\r\n\r\n@keyframes show-more-loader {\r\n to {\r\n opacity: 0.4;\r\n }\r\n}\r\n\r\n@keyframes showly-appear {\r\n from { opacity: 0; max-height: 0; }\r\n to { opacity: 1; max-height: 100vh; }\r\n}\r\n\r\n@keyframes showly-disappear {\r\n from { opacity: 1; height: var(--client-height); }\r\n to { opacity: 0; height: 0px; }\r\n}\r\n\r\n.bouncingDotAnimation > div:nth-child(2) {\r\n animation-delay: 0.2s;\r\n}\r\n\r\n.bouncingDotAnimation > div:nth-child(3) {\r\n animation-delay: 0.4s;\r\n}\r\n\r\n\r\n.animated-text-writer-code-container.n1:not(.hide-line-number)::before {\r\n content: "1";\r\n}\r\n\r\n.animated-text-writer-code-container.n2:not(.hide-line-number)::before {\r\n content: "1\\A 2";\r\n}\r\n\r\n.animated-text-writer-code-container.n3:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3";\r\n}\r\n\r\n.animated-text-writer-code-container.n4:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4";\r\n}\r\n\r\n.animated-text-writer-code-container.n5:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5";\r\n}\r\n\r\n.animated-text-writer-code-container.n6:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6";\r\n}\r\n\r\n.animated-text-writer-code-container.n7:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7";\r\n}\r\n\r\n.animated-text-writer-code-container.n8:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8";\r\n}\r\n\r\n.animated-text-writer-code-container.n9:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9";\r\n}\r\n\r\n.animated-text-writer-code-container.n10:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10";\r\n}\r\n\r\n.animated-text-writer-code-container.n11:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11";\r\n}\r\n\r\n.animated-text-writer-code-container.n12:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12";\r\n}\r\n\r\n.animated-text-writer-code-container.n13:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13";\r\n}\r\n\r\n.animated-text-writer-code-container.n14:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14";\r\n}\r\n\r\n.animated-text-writer-code-container.n15:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15";\r\n}\r\n\r\n.animated-text-writer-code-container.n16:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16";\r\n}\r\n\r\n.animated-text-writer-code-container.n17:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17";\r\n}\r\n\r\n.animated-text-writer-code-container.n18:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18";\r\n}\r\n\r\n.animated-text-writer-code-container.n19:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19";\r\n}\r\n\r\n.animated-text-writer-code-container.n20:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20";\r\n}\r\n\r\n.animated-text-writer-code-container.n21:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21";\r\n}\r\n\r\n.animated-text-writer-code-container.n22:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22";\r\n}\r\n\r\n.animated-text-writer-code-container.n23:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23";\r\n}\r\n\r\n.animated-text-writer-code-container.n24:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24";\r\n}\r\n\r\n.animated-text-writer-code-container.n25:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25";\r\n}\r\n\r\n.animated-text-writer-code-container.n26:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26";\r\n}\r\n\r\n.animated-text-writer-code-container.n27:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27";\r\n}\r\n\r\n.animated-text-writer-code-container.n28:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28";\r\n}\r\n\r\n.animated-text-writer-code-container.n29:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29";\r\n}\r\n\r\n.animated-text-writer-code-container.n30:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30";\r\n}\r\n\r\n.animated-text-writer-code-container.n31:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31";\r\n}\r\n\r\n.animated-text-writer-code-container.n32:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32";\r\n}\r\n\r\n.animated-text-writer-code-container.n33:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33";\r\n}\r\n\r\n.animated-text-writer-code-container.n34:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34";\r\n}\r\n\r\n.animated-text-writer-code-container.n35:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35";\r\n}\r\n\r\n.animated-text-writer-code-container.n36:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36";\r\n}\r\n\r\n.animated-text-writer-code-container.n37:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37";\r\n}\r\n\r\n.animated-text-writer-code-container.n38:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38";\r\n}\r\n\r\n.animated-text-writer-code-container.n39:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39";\r\n}\r\n\r\n.animated-text-writer-code-container.n40:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40";\r\n}\r\n\r\n.animated-text-writer-code-container.n41:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41";\r\n}\r\n\r\n.animated-text-writer-code-container.n42:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42";\r\n}\r\n\r\n.animated-text-writer-code-container.n43:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43";\r\n}\r\n\r\n.animated-text-writer-code-container.n44:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44";\r\n}\r\n\r\n.animated-text-writer-code-container.n45:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45";\r\n}\r\n\r\n.animated-text-writer-code-container.n46:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46";\r\n}\r\n\r\n.animated-text-writer-code-container.n47:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47";\r\n}\r\n\r\n.animated-text-writer-code-container.n48:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48";\r\n}\r\n\r\n.animated-text-writer-code-container.n49:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49";\r\n}\r\n\r\n.animated-text-writer-code-container.n50:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50";\r\n}\r\n\r\n.animated-text-writer-code-container.n51:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51";\r\n}\r\n\r\n.animated-text-writer-code-container.n52:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52";\r\n}\r\n\r\n.animated-text-writer-code-container.n53:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53";\r\n}\r\n\r\n.animated-text-writer-code-container.n54:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54";\r\n}\r\n\r\n.animated-text-writer-code-container.n55:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55";\r\n}\r\n\r\n.animated-text-writer-code-container.n56:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56";\r\n}\r\n\r\n.animated-text-writer-code-container.n57:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57";\r\n}\r\n\r\n.animated-text-writer-code-container.n58:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58";\r\n}\r\n\r\n.animated-text-writer-code-container.n59:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59";\r\n}\r\n\r\n.animated-text-writer-code-container.n60:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60";\r\n}\r\n\r\n.animated-text-writer-code-container.n61:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61";\r\n}\r\n\r\n.animated-text-writer-code-container.n62:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62";\r\n}\r\n\r\n.animated-text-writer-code-container.n63:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63";\r\n}\r\n\r\n.animated-text-writer-code-container.n64:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64";\r\n}\r\n\r\n.animated-text-writer-code-container.n65:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65";\r\n}\r\n\r\n.animated-text-writer-code-container.n66:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66";\r\n}\r\n\r\n.animated-text-writer-code-container.n67:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67";\r\n}\r\n\r\n.animated-text-writer-code-container.n68:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68";\r\n}\r\n\r\n.animated-text-writer-code-container.n69:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69";\r\n}\r\n\r\n.animated-text-writer-code-container.n70:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70";\r\n}\r\n\r\n.animated-text-writer-code-container.n71:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71";\r\n}\r\n\r\n.animated-text-writer-code-container.n72:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72";\r\n}\r\n\r\n.animated-text-writer-code-container.n73:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73";\r\n}\r\n\r\n.animated-text-writer-code-container.n74:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74";\r\n}\r\n\r\n.animated-text-writer-code-container.n75:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75";\r\n}\r\n\r\n.animated-text-writer-code-container.n76:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76";\r\n}\r\n\r\n.animated-text-writer-code-container.n77:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77";\r\n}\r\n\r\n.animated-text-writer-code-container.n78:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78";\r\n}\r\n\r\n.animated-text-writer-code-container.n79:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79";\r\n}\r\n\r\n.animated-text-writer-code-container.n80:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80";\r\n}\r\n\r\n.animated-text-writer-code-container.n81:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81";\r\n}\r\n\r\n.animated-text-writer-code-container.n82:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82";\r\n}\r\n\r\n.animated-text-writer-code-container.n83:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83";\r\n}\r\n\r\n.animated-text-writer-code-container.n84:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84";\r\n}\r\n\r\n.animated-text-writer-code-container.n85:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85";\r\n}\r\n\r\n.animated-text-writer-code-container.n86:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86";\r\n}\r\n\r\n.animated-text-writer-code-container.n87:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87";\r\n}\r\n\r\n.animated-text-writer-code-container.n88:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88";\r\n}\r\n\r\n.animated-text-writer-code-container.n89:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89";\r\n}\r\n\r\n.animated-text-writer-code-container.n90:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89\\A 90";\r\n}\r\n\r\n.animated-text-writer-code-container.n91:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89\\A 90\\A 91";\r\n}\r\n\r\n.animated-text-writer-code-container.n92:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89\\A 90\\A 91\\A 92";\r\n}\r\n\r\n.animated-text-writer-code-container.n93:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89\\A 90\\A 91\\A 92\\A 93";\r\n}\r\n\r\n.animated-text-writer-code-container.n94:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89\\A 90\\A 91\\A 92\\A 93\\A 94";\r\n}\r\n\r\n.animated-text-writer-code-container.n95:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89\\A 90\\A 91\\A 92\\A 93\\A 94\\A 95";\r\n}\r\n\r\n.animated-text-writer-code-container.n96:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89\\A 90\\A 91\\A 92\\A 93\\A 94\\A 95\\A 96";\r\n}\r\n\r\n.animated-text-writer-code-container.n97:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89\\A 90\\A 91\\A 92\\A 93\\A 94\\A 95\\A 96\\A 97";\r\n}\r\n\r\n.animated-text-writer-code-container.n98:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89\\A 90\\A 91\\A 92\\A 93\\A 94\\A 95\\A 96\\A 97\\A 98";\r\n}\r\n\r\n.animated-text-writer-code-container.n99:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89\\A 90\\A 91\\A 92\\A 93\\A 94\\A 95\\A 96\\A 97\\A 98\\A 99";\r\n}\r\n\r\n.animated-text-writer-code-container.n100:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89\\A 90\\A 91\\A 92\\A 93\\A 94\\A 95\\A 96\\A 97\\A 98\\A 99\\A 100";\r\n}\r\n');var e=[" ","<","&"],r=["",">",";"],t=function(A,n,o){void 0===o&&(o=!0);var i=1,a=0,c=A.substring(n,n+1),d=e.indexOf(c);if(-1!==d){if(0===r[d].length)i=2,a=1,!1===o&&(i=1,a=0);else{var m=A.indexOf(r[d],n);-1!==m&&(i=m-n+1)}var l=A.substring(n+i-a,n+i-a+1);e.includes(l)&&(i+=t(A,n+i-a,!1))}return i};module.exports=function(e){var r,o=e.content,i=void 0===o?"This is a Sample Text":o,a=e.prefix,c=void 0===a?"":a,d=e.suffix,m=void 0===d?"":d,l=e.replacablePrefix,b=void 0===l?"":l,x=e.codePrefix,u=void 0===x?"":x,s=e.codeSuffix,h=void 0===s?"":s,w=e.delay,f=void 0===w?250:w,p=e.startDelay,v=void 0===p?1e3:p,y=e.displayCursor,g=void 0===y||y,C=e.displayCursorEnd,k=void 0===C||C,T=e.displayCodeWrapper,F=void 0===T||T,M=e.displayCodeLineNumber,B=void 0===M||M,S=e.displayCodeLineNumberMax,j=void 0===S?10:S,z=e.className,D=void 0===z?"":z,N=e.cursorColor,L=void 0===N?"#000":N,E=e.cursorLineHeight,q=void 0===E?"1rem":E,H=e.codeWrapperClasses,_=void 0===H?"":H,W=e.codeWrapperStyle,P=void 0===W?"":W,O=e.codeWrapperWhiteSpace,I=void 0===O?"auto":O,R=e.displayClickMoreButtonAndPause,Y=void 0!==R&&R,G=e.displayFullContentOnClickMoreButton,J=void 0!==G&&G,K=e.clickMoreHeaderText,Q=void 0===K?"":K,U=e.clickMoreHeaderClassString,V=void 0===U?"":U,X=e.viewMoreButtonText,Z=void 0===X?"More":X,$=e.viewLessButtonText,AA=void 0===$?"Less":$,nA=e.showContentAuto,eA=void 0!==nA&&nA,rA=e.sx,tA=void 0===rA?{}:rA,oA=n.useState(0),iA=oA[0],aA=oA[1],cA=n.useState(""),dA=cA[0],mA=cA[1],lA=n.useState(!Y),bA=lA[0],xA=lA[1],uA=n.useState(eA),sA=uA[0],hA=uA[1],wA=n.useState(!eA),fA=wA[0],pA=wA[1],vA=n.useState(0),yA=vA[0],gA=vA[1],CA=n.useState(0),kA=CA[0],TA=CA[1],FA=n.useRef(null),MA=F?'<div class="animated-text-writer-code-container '.concat(B?"":"hide-line-number"," ").concat(j?"n"+j:""," ").concat("auto"===I?B?"nowrap":"":"nowrap"===I?"nowrap":""," ").concat(_,'" style="').concat(P,'">'):"",BA=F?"</div>":"",SA='<span class="animated-text-writer-blinking-cursor" style="color: '.concat(L,"; line-height: ").concat(q,'">𝙸</span>');n.useEffect(function(){var A=(new Date).getTime();if(0===yA&&(mA(SA),gA(A)),yA+v>A)bA&&setTimeout(function(){TA(kA+1)},f);else if(mA(c+(0===kA?b:"")+MA+u+(i.length&&iA<i.length?i.substring(0,iA)+(g&&bA?SA:""):"")+h+BA+m),iA<i.length){var n=t(i,iA);setTimeout(function(){aA(iA+n)},f)}else mA(c+MA+u+i+(k?SA:"")+h+BA+m)},[kA,iA,bA,yA,v,c,b,MA,u,i,g,SA,h,BA,m,f,k]);var jA=function(){J?sA?(document.documentElement.style.setProperty("--client-height",FA.current.clientHeight+"px"),pA(!0),r=setTimeout(function(){hA(!1),pA(!1)},1800)):(pA(!1),hA(!0),r&&clearTimeout(r)):xA(!0)};return A.jsxs("div",{className:D,style:tA,children:[bA&&A.jsx("div",{dangerouslySetInnerHTML:{__html:dA}}),!bA&&A.jsxs("h4",{className:V,onClick:jA,style:{cursor:"pointer"},children:[Q,A.jsxs("button",{className:"displayMoreButton buttonButton",onClick:jA,children:[A.jsx("span",{className:"buttonText ".concat(sA?"showLess":"showMore"),children:sA?AA:Z}),A.jsxs("div",{className:"bouncingDotAnimation",children:[" ",A.jsx("div",{}),A.jsx("div",{})," ",A.jsx("div",{})," "]})]})]}),J&&sA&&A.jsx("div",{ref:FA,style:{animation:fA?"showly-disappear 2s ease":"showly-appear 2s ease",overflow:"hidden",marginTop:"-2px"},dangerouslySetInnerHTML:{__html:i}})]})};
1
+ "use strict";var A=require("react/jsx-runtime"),n=require("react");!function(A,n){void 0===n&&(n={});var e=n.insertAt;if("undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],t=document.createElement("style");t.type="text/css","top"===e&&r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.styleSheet?t.styleSheet.cssText=A:t.appendChild(document.createTextNode(A))}}('\r\nh1.animated-text-title-header {\r\n text-align: center;\r\n}\r\n\r\n.animated-text-writer-blinking-cursor {\r\n /* line-height: 1rem; */\r\n margin-left: 2px;\r\n animation: pulse-blinking-cursor 1s ease-in-out infinite;\r\n}\r\n\r\n@keyframes pulse-blinking-cursor {\r\n 0% { opacity: 1; }\r\n 50% { opacity: 0; }\r\n 100% { opacity: 1; }\r\n}\r\n\r\n.animated-text-writer-code-container {\r\n font-size: 18px;\r\n font-family: source-code-pro, Menlo, Monaco, Consolas, \'Courier New\', monospace;\r\n overflow: auto;\r\n padding: 10px 15px 20px;\r\n line-height: 20px !important;\r\n /* position: relative; */\r\n /* margin: -5px -7px; */\r\n}\r\n\r\n.animated-text-writer-code-container .copy-button {\r\n float: right;\r\n}\r\n\r\n.animated-text-writer-code-container.nowrap {\r\n white-space: pre;\r\n}\r\n\r\n.animated-text-writer-code-container:not(.hide-line-number)::before {\r\n color: #999;\r\n font-size: 15px;\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10";\r\n float: left;\r\n position: sticky;\r\n left: -18px;\r\n /* top: 0px; */\r\n margin-left: -18px;\r\n margin-right: 5px;\r\n margin-top: 1px;\r\n padding-right: 4px;\r\n white-space: pre;\r\n width: 30px;\r\n text-align: right;\r\n overflow-y: hidden;\r\n border-right: 1px solid;\r\n /* line-height: 20.5px!important; */\r\n}\r\n\r\n.animated-text-writer-code-container code {\r\n font-family: source-code-pro, Menlo, Monaco, Consolas, \'Courier New\', monospace;\r\n color: #000;\r\n overflow-y: auto;\r\n}\r\n\r\n.animated-text-writer-code-container code.dark {\r\n color: #FFF;\r\n}\r\n\r\n.animated-text-writer-code-container code .reserve, .animated-text-writer-code-container code .meta {\r\n color: #00C;\r\n}\r\n\r\n.animated-text-writer-code-container code.dark .reserve, .animated-text-writer-code-container code.dark .meta {\r\n color: #4040f1;\r\n}\r\n\r\n.animated-text-writer-code-container code .keyword {\r\n color: #c03adb;\r\n}\r\n\r\n.animated-text-writer-code-container code .variable {\r\n color: #3BC1FF;\r\n}\r\n\r\n.animated-text-writer-code-container code .variable2, .animated-text-writer-code-container code .class {\r\n color: #2eada3;\r\n}\r\n\r\n.animated-text-writer-code-container code .variable3, .animated-text-writer-code-container code .class_ {\r\n color: #248b83;\r\n}\r\n\r\n.animated-text-writer-code-container code .function {\r\n color: #DCDC9D;\r\n}\r\n\r\n.animated-text-writer-code-container code .built_in {\r\n color: #c9c972;\r\n}\r\n\r\n.animated-text-writer-code-container code .comment {\r\n color: #FF8000;\r\n color: #3C3;\r\n}\r\n\r\n.animated-text-writer-code-container code .comment2 {\r\n color: #090;\r\n}\r\n\r\n.animated-text-writer-code-container code .namespace, .animated-text-writer-code-container code .literal {\r\n color: #2666CB;\r\n}\r\n\r\n.animated-text-writer-code-container code .quotation, .animated-text-writer-code-container code .string {\r\n color: #CE836A;\r\n}\r\n\r\n.animated-text-writer-code-container code .number {\r\n color: #94CE9B;\r\n}\r\n\r\n.animated-text-writer-code-container code .bracket {\r\n color: #F19F1C;\r\n}\r\n\r\n.animated-text-writer-code-container code .bracket2 {\r\n color: #DA5583;\r\n}\r\n\r\n.animated-text-writer-code-container code .bracket3, .animated-text-writer-code-container code .property {\r\n color: #5583DA;\r\n}\r\n\r\n\r\n.animated-text-writer-code-container code.c-and-c-plus-plus .include {\r\n color: #0000B7;\r\n background: #00A5AC;\r\n}\r\n\r\n.animated-text-writer-code-container code.c-and-c-plus-plus .comment {\r\n color: #009EB3;\r\n}\r\n\r\n.animated-text-writer-code-container code.c-and-c-plus-plus .keyword {\r\n color: #FFF;\r\n}\r\n\r\n.animated-text-writer-code-container code.c-and-c-plus-plus .function {\r\n color: #FFFF6D;\r\n}\r\n\r\n.animated-text-writer-code-container code.c-and-c-plus-plus .quotation {\r\n color: #B50000;\r\n}\r\n\r\n.animated-text-writer-code-container code.java .quotation {\r\n color: #B50000;\r\n}\r\n\r\n.animated-text-writer-code-container code.flutter .reserve {\r\n color: #09F;\r\n}\r\n\r\n.animated-text-writer-code-container code.sql .keyword {\r\n color: #f92672;\r\n}\r\n\r\n.animated-text-writer-code-container code.php .keyword {\r\n color: #f92672;\r\n}\r\n\r\n@media only screen and (max-width: 1200px) {\r\n h1.animated-text-title-header {\r\n font-size: 20px;\r\n }\r\n\r\n .animated-text-writer-code-container {\r\n font-size: 16px;\r\n line-height: 18px !important;\r\n }\r\n\r\n .animated-text-writer-code-container:not(.hide-line-number)::before {\r\n font-size: 13px;\r\n }\r\n}\r\n\r\n@media only screen and (max-width: 1000px) {\r\n h1.animated-text-title-header {\r\n font-size: 18px;\r\n }\r\n\r\n .animated-text-writer-code-container {\r\n font-size: 14px;\r\n line-height: 16px !important;\r\n }\r\n\r\n .animated-text-writer-code-container:not(.hide-line-number)::before {\r\n font-size: 11px;\r\n }\r\n}\r\n\r\n@media only screen and (max-width: 800px) {\r\n h1.animated-text-title-header {\r\n font-size: 16px;\r\n }\r\n\r\n .animated-text-writer-code-container {\r\n font-size: 12px;\r\n padding: 10px 15px 20px;\r\n line-height: 14px !important;\r\n }\r\n\r\n .animated-text-writer-code-container:not(.hide-line-number)::before {\r\n font-size: 9px;\r\n }\r\n}\r\n\r\n@media only screen and (max-width: 600px) {\r\n h1.animated-text-title-header {\r\n font-size: 14px;\r\n }\r\n\r\n .animated-text-writer-code-container {\r\n font-size: 10px;\r\n padding: 10px 15px 20px;\r\n line-height: 12px !important;\r\n }\r\n}\r\n\r\n.displayMoreButton .buttonText.showMore {\r\n animation: show-more-loader 0.6s infinite alternate;\r\n}\r\n\r\n.displayMoreButton .buttonText.showLess {\r\n opacity: 0.4;\r\n}\r\n\r\n.bouncingDotAnimation {\r\n display: inline flex;\r\n margin-top: 8px;\r\n margin-left: 10px;\r\n justify-content: center;\r\n}\r\n\r\n.bouncingDotAnimation > div {\r\n width: 4px;\r\n height: 4px;\r\n margin: 3px 2px;\r\n border-radius: 50%;\r\n background-color: var(--accent-color);\r\n opacity: 1;\r\n animation: bouncing-dot-loader 0.6s infinite alternate;\r\n}\r\n\r\n@keyframes bouncing-dot-loader {\r\n to {\r\n opacity: 0.1;\r\n transform: translateY(-4px);\r\n }\r\n}\r\n\r\n@keyframes show-more-loader {\r\n to {\r\n opacity: 0.4;\r\n }\r\n}\r\n\r\n@keyframes showly-appear {\r\n from { opacity: 0; max-height: 0; }\r\n to { opacity: 1; max-height: 100vh; }\r\n}\r\n\r\n@keyframes showly-disappear {\r\n from { opacity: 1; height: var(--client-height); }\r\n to { opacity: 0; height: 0px; }\r\n}\r\n\r\n.bouncingDotAnimation > div:nth-child(2) {\r\n animation-delay: 0.2s;\r\n}\r\n\r\n.bouncingDotAnimation > div:nth-child(3) {\r\n animation-delay: 0.4s;\r\n}\r\n\r\n\r\n.animated-text-writer-code-container.n1:not(.hide-line-number)::before {\r\n content: "1";\r\n}\r\n\r\n.animated-text-writer-code-container.n2:not(.hide-line-number)::before {\r\n content: "1\\A 2";\r\n}\r\n\r\n.animated-text-writer-code-container.n3:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3";\r\n}\r\n\r\n.animated-text-writer-code-container.n4:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4";\r\n}\r\n\r\n.animated-text-writer-code-container.n5:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5";\r\n}\r\n\r\n.animated-text-writer-code-container.n6:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6";\r\n}\r\n\r\n.animated-text-writer-code-container.n7:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7";\r\n}\r\n\r\n.animated-text-writer-code-container.n8:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8";\r\n}\r\n\r\n.animated-text-writer-code-container.n9:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9";\r\n}\r\n\r\n.animated-text-writer-code-container.n10:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10";\r\n}\r\n\r\n.animated-text-writer-code-container.n11:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11";\r\n}\r\n\r\n.animated-text-writer-code-container.n12:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12";\r\n}\r\n\r\n.animated-text-writer-code-container.n13:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13";\r\n}\r\n\r\n.animated-text-writer-code-container.n14:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14";\r\n}\r\n\r\n.animated-text-writer-code-container.n15:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15";\r\n}\r\n\r\n.animated-text-writer-code-container.n16:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16";\r\n}\r\n\r\n.animated-text-writer-code-container.n17:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17";\r\n}\r\n\r\n.animated-text-writer-code-container.n18:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18";\r\n}\r\n\r\n.animated-text-writer-code-container.n19:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19";\r\n}\r\n\r\n.animated-text-writer-code-container.n20:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20";\r\n}\r\n\r\n.animated-text-writer-code-container.n21:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21";\r\n}\r\n\r\n.animated-text-writer-code-container.n22:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22";\r\n}\r\n\r\n.animated-text-writer-code-container.n23:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23";\r\n}\r\n\r\n.animated-text-writer-code-container.n24:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24";\r\n}\r\n\r\n.animated-text-writer-code-container.n25:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25";\r\n}\r\n\r\n.animated-text-writer-code-container.n26:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26";\r\n}\r\n\r\n.animated-text-writer-code-container.n27:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27";\r\n}\r\n\r\n.animated-text-writer-code-container.n28:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28";\r\n}\r\n\r\n.animated-text-writer-code-container.n29:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29";\r\n}\r\n\r\n.animated-text-writer-code-container.n30:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30";\r\n}\r\n\r\n.animated-text-writer-code-container.n31:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31";\r\n}\r\n\r\n.animated-text-writer-code-container.n32:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32";\r\n}\r\n\r\n.animated-text-writer-code-container.n33:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33";\r\n}\r\n\r\n.animated-text-writer-code-container.n34:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34";\r\n}\r\n\r\n.animated-text-writer-code-container.n35:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35";\r\n}\r\n\r\n.animated-text-writer-code-container.n36:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36";\r\n}\r\n\r\n.animated-text-writer-code-container.n37:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37";\r\n}\r\n\r\n.animated-text-writer-code-container.n38:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38";\r\n}\r\n\r\n.animated-text-writer-code-container.n39:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39";\r\n}\r\n\r\n.animated-text-writer-code-container.n40:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40";\r\n}\r\n\r\n.animated-text-writer-code-container.n41:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41";\r\n}\r\n\r\n.animated-text-writer-code-container.n42:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42";\r\n}\r\n\r\n.animated-text-writer-code-container.n43:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43";\r\n}\r\n\r\n.animated-text-writer-code-container.n44:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44";\r\n}\r\n\r\n.animated-text-writer-code-container.n45:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45";\r\n}\r\n\r\n.animated-text-writer-code-container.n46:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46";\r\n}\r\n\r\n.animated-text-writer-code-container.n47:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47";\r\n}\r\n\r\n.animated-text-writer-code-container.n48:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48";\r\n}\r\n\r\n.animated-text-writer-code-container.n49:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49";\r\n}\r\n\r\n.animated-text-writer-code-container.n50:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50";\r\n}\r\n\r\n.animated-text-writer-code-container.n51:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51";\r\n}\r\n\r\n.animated-text-writer-code-container.n52:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52";\r\n}\r\n\r\n.animated-text-writer-code-container.n53:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53";\r\n}\r\n\r\n.animated-text-writer-code-container.n54:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54";\r\n}\r\n\r\n.animated-text-writer-code-container.n55:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55";\r\n}\r\n\r\n.animated-text-writer-code-container.n56:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56";\r\n}\r\n\r\n.animated-text-writer-code-container.n57:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57";\r\n}\r\n\r\n.animated-text-writer-code-container.n58:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58";\r\n}\r\n\r\n.animated-text-writer-code-container.n59:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59";\r\n}\r\n\r\n.animated-text-writer-code-container.n60:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60";\r\n}\r\n\r\n.animated-text-writer-code-container.n61:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61";\r\n}\r\n\r\n.animated-text-writer-code-container.n62:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62";\r\n}\r\n\r\n.animated-text-writer-code-container.n63:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63";\r\n}\r\n\r\n.animated-text-writer-code-container.n64:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64";\r\n}\r\n\r\n.animated-text-writer-code-container.n65:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65";\r\n}\r\n\r\n.animated-text-writer-code-container.n66:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66";\r\n}\r\n\r\n.animated-text-writer-code-container.n67:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67";\r\n}\r\n\r\n.animated-text-writer-code-container.n68:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68";\r\n}\r\n\r\n.animated-text-writer-code-container.n69:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69";\r\n}\r\n\r\n.animated-text-writer-code-container.n70:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70";\r\n}\r\n\r\n.animated-text-writer-code-container.n71:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71";\r\n}\r\n\r\n.animated-text-writer-code-container.n72:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72";\r\n}\r\n\r\n.animated-text-writer-code-container.n73:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73";\r\n}\r\n\r\n.animated-text-writer-code-container.n74:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74";\r\n}\r\n\r\n.animated-text-writer-code-container.n75:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75";\r\n}\r\n\r\n.animated-text-writer-code-container.n76:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76";\r\n}\r\n\r\n.animated-text-writer-code-container.n77:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77";\r\n}\r\n\r\n.animated-text-writer-code-container.n78:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78";\r\n}\r\n\r\n.animated-text-writer-code-container.n79:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79";\r\n}\r\n\r\n.animated-text-writer-code-container.n80:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80";\r\n}\r\n\r\n.animated-text-writer-code-container.n81:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81";\r\n}\r\n\r\n.animated-text-writer-code-container.n82:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82";\r\n}\r\n\r\n.animated-text-writer-code-container.n83:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83";\r\n}\r\n\r\n.animated-text-writer-code-container.n84:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84";\r\n}\r\n\r\n.animated-text-writer-code-container.n85:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85";\r\n}\r\n\r\n.animated-text-writer-code-container.n86:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86";\r\n}\r\n\r\n.animated-text-writer-code-container.n87:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87";\r\n}\r\n\r\n.animated-text-writer-code-container.n88:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88";\r\n}\r\n\r\n.animated-text-writer-code-container.n89:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89";\r\n}\r\n\r\n.animated-text-writer-code-container.n90:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89\\A 90";\r\n}\r\n\r\n.animated-text-writer-code-container.n91:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89\\A 90\\A 91";\r\n}\r\n\r\n.animated-text-writer-code-container.n92:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89\\A 90\\A 91\\A 92";\r\n}\r\n\r\n.animated-text-writer-code-container.n93:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89\\A 90\\A 91\\A 92\\A 93";\r\n}\r\n\r\n.animated-text-writer-code-container.n94:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89\\A 90\\A 91\\A 92\\A 93\\A 94";\r\n}\r\n\r\n.animated-text-writer-code-container.n95:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89\\A 90\\A 91\\A 92\\A 93\\A 94\\A 95";\r\n}\r\n\r\n.animated-text-writer-code-container.n96:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89\\A 90\\A 91\\A 92\\A 93\\A 94\\A 95\\A 96";\r\n}\r\n\r\n.animated-text-writer-code-container.n97:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89\\A 90\\A 91\\A 92\\A 93\\A 94\\A 95\\A 96\\A 97";\r\n}\r\n\r\n.animated-text-writer-code-container.n98:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89\\A 90\\A 91\\A 92\\A 93\\A 94\\A 95\\A 96\\A 97\\A 98";\r\n}\r\n\r\n.animated-text-writer-code-container.n99:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89\\A 90\\A 91\\A 92\\A 93\\A 94\\A 95\\A 96\\A 97\\A 98\\A 99";\r\n}\r\n\r\n.animated-text-writer-code-container.n100:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89\\A 90\\A 91\\A 92\\A 93\\A 94\\A 95\\A 96\\A 97\\A 98\\A 99\\A 100";\r\n}\r\n');var e=[" ","<","&"],r=["",">",";"],t=function(A,n,o){void 0===o&&(o=!0);var i=1,a=0,c=A.substring(n,n+1),d=e.indexOf(c);if(-1!==d){if(0===r[d].length)i=2,a=1,!1===o&&(i=1,a=0);else{var m=A.indexOf(r[d],n);-1!==m&&(i=m-n+1)}var l=A.substring(n+i-a,n+i-a+1);e.includes(l)&&(i+=t(A,n+i-a,!1))}return i};module.exports=function(e){var r,o=e.content,i=void 0===o?"This is a Sample Text":o,a=e.prefix,c=void 0===a?"":a,d=e.suffix,m=void 0===d?"":d,l=e.replacablePrefix,b=void 0===l?"":l,x=e.codePrefix,u=void 0===x?"":x,s=e.codeSuffix,h=void 0===s?"":s,f=e.delay,w=void 0===f?250:f,p=e.startDelay,v=void 0===p?1e3:p,y=e.displayCursor,g=void 0===y||y,C=e.displayCursorEnd,k=void 0===C||C,M=e.displayCodeWrapper,T=void 0===M||M,F=e.displayCodeLineNumber,B=void 0===F||F,S=e.displayCodeLineNumberMax,j=void 0===S?10:S,z=e.className,D=void 0===z?"":z,N=e.cursorColor,E=void 0===N?"#000":N,L=e.cursorLineHeight,q=void 0===L?"1rem":L,H=e.codeWrapperClasses,_=void 0===H?"":H,W=e.codeWrapperStyle,P=void 0===W?"":W,O=e.codeWrapperWhiteSpace,I=void 0===O?"auto":O,R=e.displayClickMoreButtonAndPause,Y=void 0!==R&&R,G=e.displayFullContentOnClickMoreButton,J=void 0!==G&&G,K=e.clickMoreHeaderText,Q=void 0===K?"":K,U=e.clickMoreHeaderClassString,V=void 0===U?"":U,X=e.viewMoreButtonText,Z=void 0===X?"More":X,$=e.viewLessButtonText,AA=void 0===$?"Less":$,nA=e.showContentAuto,eA=void 0!==nA&&nA,rA=e.sx,tA=void 0===rA?{}:rA,oA=n.useState(0),iA=oA[0],aA=oA[1],cA=n.useState(""),dA=cA[0],mA=cA[1],lA=n.useState(!Y),bA=lA[0],xA=lA[1],uA=n.useState(eA),sA=uA[0],hA=uA[1],fA=n.useState(!eA),wA=fA[0],pA=fA[1],vA=n.useState(0),yA=vA[0],gA=vA[1],CA=n.useState(0),kA=CA[0],MA=CA[1],TA=n.useRef(null),FA=n.useMemo(function(){return T?'<div class="animated-text-writer-code-container '.concat(B?"":"hide-line-number"," ").concat(j?"n"+j:""," ").concat("auto"===I?B?"nowrap":"":"nowrap"===I?"nowrap":""," ").concat(_,'" style="').concat(P,'">'):""},[T,B,j,I,_,P]),BA=n.useMemo(function(){return T?"</div>":""},[T]),SA=n.useMemo(function(){return'<span class="animated-text-writer-blinking-cursor" style="color: '.concat(E,"; line-height: ").concat(q,'">𝙸</span>')},[E,q]);n.useEffect(function(){return function(){r&&clearTimeout(r)}},[]),n.useEffect(function(){var A,n=(new Date).getTime();if(0===yA&&(mA(SA),gA(n)),!(yA+v>n)){if(mA(c+(0===kA?b:"")+FA+u+(i.length&&iA<i.length?i.substring(0,iA)+(g&&bA?SA:""):"")+h+BA+m),iA<i.length){var e=t(i,iA);A=setTimeout(function(){aA(iA+e)},w)}else mA(c+FA+u+i+(k?SA:"")+h+BA+m);return function(){A&&clearTimeout(A)}}bA&&(A=setTimeout(function(){MA(kA+1)},w))},[kA,iA,bA,yA,v,c,b,FA,u,i,g,SA,h,BA,m,w,k]);var jA=function(){J?sA?(document.documentElement.style.setProperty("--client-height",TA.current.clientHeight+"px"),pA(!0),r=setTimeout(function(){hA(!1),pA(!1)},1800)):(pA(!1),hA(!0),r&&clearTimeout(r)):xA(!0)};return A.jsxs("div",{className:D,style:tA,children:[bA&&A.jsx("div",{dangerouslySetInnerHTML:{__html:dA}}),!bA&&A.jsxs("h4",{className:V,onClick:jA,style:{cursor:"pointer"},children:[Q,A.jsxs("button",{className:"displayMoreButton buttonButton",onClick:jA,children:[A.jsx("span",{className:"buttonText ".concat(sA?"showLess":"showMore"),children:sA?AA:Z}),A.jsxs("div",{className:"bouncingDotAnimation",children:[" ",A.jsx("div",{}),A.jsx("div",{})," ",A.jsx("div",{})," "]})]})]}),J&&sA&&A.jsx("div",{ref:TA,style:{animation:wA?"showly-disappear 2s ease":"showly-appear 2s ease",overflow:"hidden",marginTop:"-2px"},dangerouslySetInnerHTML:{__html:i}})]})};
2
2
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/components/AnimatedTextWriter.tsx"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n","import React from \"react\";\r\n\r\nimport \"./AnimatedTextWriter.css\";\r\n\r\nconst sTags = [' ', '<', '&'];\r\nconst eTags = ['', '>', ';'];\r\n\r\nconst getIncrement = (content: string, index: number, fistCall=true) => {\r\n let increment = 1;\r\n let decrement = 0;\r\n const currentChar = content.substring(index, index+1);\r\n\r\n const tstart = sTags.indexOf(currentChar);\r\n if (tstart !== -1) {\r\n if (eTags[tstart].length === 0) {\r\n increment = 2;\r\n decrement = 1;\r\n if (fistCall === false) {\r\n increment = 1;\r\n decrement = 0;\r\n }\r\n } else {\r\n const tend = content.indexOf(eTags[tstart], index);\r\n if (tend !== -1) {\r\n increment = tend - index + 1;\r\n }\r\n }\r\n\r\n const nextChar = content.substring(index+increment-decrement, index+increment-decrement+1);\r\n\r\n if (sTags.includes(nextChar)) {\r\n increment += getIncrement(content, index+increment-decrement, false);\r\n }\r\n }\r\n\r\n return increment;\r\n};\r\n\r\ninterface AnimatedTextWriterProps {\r\n content?: string;\r\n prefix?: string;\r\n suffix?: string;\r\n replacablePrefix?: string;\r\n codePrefix?: string;\r\n codeSuffix?: string;\r\n delay?: number;\r\n startDelay?: number;\r\n displayCursor?: boolean;\r\n displayCursorEnd?: boolean;\r\n displayCodeWrapper?: boolean;\r\n displayCodeLineNumber?: boolean;\r\n displayCodeLineNumberMax?: number;\r\n className?: string;\r\n cursorColor?: string;\r\n cursorLineHeight?: string;\r\n codeWrapperClasses?: string;\r\n codeWrapperStyle?: string | React.CSSProperties;\r\n codeWrapperWhiteSpace?: \"auto\" | \"nowrap\";\r\n displayClickMoreButtonAndPause?: boolean;\r\n displayFullContentOnClickMoreButton?: boolean;\r\n clickMoreHeaderText?: string;\r\n clickMoreHeaderClassString?: string;\r\n viewMoreButtonText?: string;\r\n viewLessButtonText?: string;\r\n showContentAuto?: boolean;\r\n sx?: React.CSSProperties;\r\n}\r\n\r\nconst AnimatedTextWriter = ({\r\n content = 'This is a Sample Text',\r\n prefix = '',\r\n suffix = '',\r\n replacablePrefix = '',\r\n codePrefix = '',\r\n codeSuffix = '',\r\n delay = 250,\r\n startDelay = 1000,\r\n displayCursor = true,\r\n displayCursorEnd = true,\r\n displayCodeWrapper = true,\r\n displayCodeLineNumber = true,\r\n displayCodeLineNumberMax = 10,\r\n className = '',\r\n cursorColor = '#000',\r\n cursorLineHeight = '1rem',\r\n codeWrapperClasses = '',\r\n codeWrapperStyle = '',\r\n codeWrapperWhiteSpace = 'auto',\r\n displayClickMoreButtonAndPause = false,\r\n displayFullContentOnClickMoreButton = false,\r\n clickMoreHeaderText = '',\r\n clickMoreHeaderClassString = '',\r\n viewMoreButtonText = 'More',\r\n viewLessButtonText = 'Less',\r\n showContentAuto = false,\r\n sx={}\r\n } : AnimatedTextWriterProps) => {\r\n const [currentIndex, setCurrentIndex] = React.useState(0);\r\n const [currentContent, setCurrentContent] = React.useState('');\r\n const [enabled, setEnabled] = React.useState(!displayClickMoreButtonAndPause);\r\n const [showContent, setShowContent] = React.useState(showContentAuto);\r\n const [showContentDisappear, setShowContentDisappear] = React.useState(!showContentAuto);\r\n const [startTime, setStartTime] = React.useState(0);\r\n const [nextIteration, setNextIteration] = React.useState(0);\r\n const elementRef = React.useRef<HTMLDivElement>(null);\r\n let timerControl:NodeJS.Timeout | undefined;\r\n\r\n const codeWrapperPrefix = displayCodeWrapper ? `<div class=\"animated-text-writer-code-container ${displayCodeLineNumber ? '' : 'hide-line-number'} ${displayCodeLineNumberMax ? 'n'+displayCodeLineNumberMax : ''} ${codeWrapperWhiteSpace === 'auto' ? (displayCodeLineNumber ? 'nowrap' : '' ) : (codeWrapperWhiteSpace === 'nowrap' ? 'nowrap' : '')} ${codeWrapperClasses}\" style=\"${codeWrapperStyle}\">` : '';\r\n const codeWrapperSuffix = displayCodeWrapper ? '</div>' : '';\r\n const cursorContent = `<span class=\"animated-text-writer-blinking-cursor\" style=\"color: ${cursorColor}; line-height: ${cursorLineHeight}\">𝙸</span>`;\r\n\r\n\r\n React.useEffect(() => {\r\n const currentMillis = new Date().getTime();\r\n if (startTime === 0) {\r\n setCurrentContent(cursorContent);\r\n setStartTime(currentMillis);\r\n }\r\n\r\n if (startTime + startDelay > currentMillis) {\r\n if (enabled) {\r\n setTimeout(() => {\r\n setNextIteration(nextIteration+1);\r\n }, delay);\r\n }\r\n return;\r\n }\r\n\r\n setCurrentContent(prefix + (nextIteration === 0 ? replacablePrefix : '') + codeWrapperPrefix + codePrefix + (content.length && currentIndex < content.length ? content.substring(0, currentIndex) + (displayCursor && enabled ? cursorContent : '') : '') + codeSuffix + codeWrapperSuffix + suffix);\r\n if (currentIndex < content.length) {\r\n const increment = getIncrement(content, currentIndex);\r\n\r\n setTimeout(() => {\r\n setCurrentIndex(currentIndex + increment);\r\n }, delay);\r\n } else {\r\n setCurrentContent(prefix + codeWrapperPrefix + codePrefix + content + (displayCursorEnd ? cursorContent : '') + codeSuffix + codeWrapperSuffix + suffix);\r\n }\r\n }, [\r\n nextIteration, currentIndex, enabled,\r\n startTime,\r\n startDelay,\r\n prefix,\r\n replacablePrefix,\r\n codeWrapperPrefix,\r\n codePrefix,\r\n content,\r\n displayCursor,\r\n cursorContent,\r\n codeSuffix,\r\n codeWrapperSuffix,\r\n suffix,\r\n delay,\r\n displayCursorEnd\r\n ]\r\n );\r\n\r\n\r\n const clickMoreLessButton = () => {\r\n if (displayFullContentOnClickMoreButton) {\r\n if (!showContent) {\r\n setShowContentDisappear(false);\r\n setShowContent(true);\r\n if (timerControl) {\r\n clearTimeout(timerControl);\r\n }\r\n } else {\r\n document.documentElement.style.setProperty('--client-height', elementRef.current!.clientHeight + 'px');\r\n setShowContentDisappear(true);\r\n timerControl = setTimeout(() => {\r\n setShowContent(false);\r\n setShowContentDisappear(false);\r\n }, 1800);\r\n }\r\n } else {\r\n setEnabled(true);\r\n }\r\n }\r\n\r\n return (\r\n <div className={className} style={sx}>\r\n {enabled && (<div dangerouslySetInnerHTML={{__html: currentContent}} />)}\r\n {!enabled && (\r\n <h4 className={clickMoreHeaderClassString} onClick={clickMoreLessButton} style={{ cursor: 'pointer' }}>\r\n {clickMoreHeaderText}\r\n <button className='displayMoreButton buttonButton'\r\n onClick={clickMoreLessButton}\r\n >\r\n <span className={`buttonText ${showContent ? 'showLess' : 'showMore'}`} >{showContent ? viewLessButtonText : viewMoreButtonText}</span>\r\n <div className=\"bouncingDotAnimation\"> <div></div><div></div> <div></div> </div>\r\n </button>\r\n </h4>\r\n )}\r\n {displayFullContentOnClickMoreButton && showContent && (<div ref={elementRef} style={{ animation: showContentDisappear ? 'showly-disappear 2s ease' : 'showly-appear 2s ease', overflow: 'hidden', marginTop: '-2px' }} dangerouslySetInnerHTML={{__html: content}} />)}\r\n </div>\r\n );\r\n};\r\n\r\nexport default AnimatedTextWriter;"],"names":["css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","sTags","eTags","getIncrement","content","index","fistCall","increment","decrement","currentChar","substring","tstart","indexOf","length","tend","nextChar","includes","_a","timerControl","_b","_c","prefix","_d","suffix","_e","replacablePrefix","_f","codePrefix","_g","codeSuffix","_h","delay","_j","startDelay","_k","displayCursor","_l","displayCursorEnd","_m","displayCodeWrapper","_o","displayCodeLineNumber","_p","displayCodeLineNumberMax","_q","className","_r","cursorColor","_s","cursorLineHeight","_t","codeWrapperClasses","_u","codeWrapperStyle","_v","codeWrapperWhiteSpace","_w","displayClickMoreButtonAndPause","_x","displayFullContentOnClickMoreButton","_y","clickMoreHeaderText","_z","clickMoreHeaderClassString","_0","viewMoreButtonText","_1","viewLessButtonText","_2","showContentAuto","_3","sx","_4","React","useState","currentIndex","setCurrentIndex","_5","currentContent","setCurrentContent","_6","enabled","setEnabled","_7","showContent","setShowContent","_8","showContentDisappear","setShowContentDisappear","_9","startTime","setStartTime","_10","nextIteration","setNextIteration","elementRef","useRef","codeWrapperPrefix","concat","codeWrapperSuffix","cursorContent","useEffect","currentMillis","Date","getTime","setTimeout","increment_1","clickMoreLessButton","documentElement","setProperty","current","clientHeight","clearTimeout","_jsxs","children","_jsx","dangerouslySetInnerHTML","__html","onClick","cursor","animation","overflow","marginTop"],"mappings":"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","x_google_ignoreList":[0]}
1
+ {"version":3,"file":"index.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/components/AnimatedTextWriter.tsx"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n","import React from \"react\";\r\n\r\nimport \"./AnimatedTextWriter.css\";\r\n\r\nconst sTags = [' ', '<', '&'];\r\nconst eTags = ['', '>', ';'];\r\n\r\nconst getIncrement = (content: string, index: number, fistCall=true) => {\r\n let increment = 1;\r\n let decrement = 0;\r\n const currentChar = content.substring(index, index+1);\r\n\r\n const tstart = sTags.indexOf(currentChar);\r\n if (tstart !== -1) {\r\n if (eTags[tstart].length === 0) {\r\n increment = 2;\r\n decrement = 1;\r\n if (fistCall === false) {\r\n increment = 1;\r\n decrement = 0;\r\n }\r\n } else {\r\n const tend = content.indexOf(eTags[tstart], index);\r\n if (tend !== -1) {\r\n increment = tend - index + 1;\r\n }\r\n }\r\n\r\n const nextChar = content.substring(index+increment-decrement, index+increment-decrement+1);\r\n\r\n if (sTags.includes(nextChar)) {\r\n increment += getIncrement(content, index+increment-decrement, false);\r\n }\r\n }\r\n\r\n return increment;\r\n};\r\n\r\ninterface AnimatedTextWriterProps {\r\n content?: string;\r\n prefix?: string;\r\n suffix?: string;\r\n replacablePrefix?: string;\r\n codePrefix?: string;\r\n codeSuffix?: string;\r\n delay?: number;\r\n startDelay?: number;\r\n displayCursor?: boolean;\r\n displayCursorEnd?: boolean;\r\n displayCodeWrapper?: boolean;\r\n displayCodeLineNumber?: boolean;\r\n displayCodeLineNumberMax?: number;\r\n className?: string;\r\n cursorColor?: string;\r\n cursorLineHeight?: string;\r\n codeWrapperClasses?: string;\r\n codeWrapperStyle?: string | React.CSSProperties;\r\n codeWrapperWhiteSpace?: \"auto\" | \"nowrap\";\r\n displayClickMoreButtonAndPause?: boolean;\r\n displayFullContentOnClickMoreButton?: boolean;\r\n clickMoreHeaderText?: string;\r\n clickMoreHeaderClassString?: string;\r\n viewMoreButtonText?: string;\r\n viewLessButtonText?: string;\r\n showContentAuto?: boolean;\r\n sx?: React.CSSProperties;\r\n}\r\n\r\nconst AnimatedTextWriter = ({\r\n content = 'This is a Sample Text',\r\n prefix = '',\r\n suffix = '',\r\n replacablePrefix = '',\r\n codePrefix = '',\r\n codeSuffix = '',\r\n delay = 250,\r\n startDelay = 1000,\r\n displayCursor = true,\r\n displayCursorEnd = true,\r\n displayCodeWrapper = true,\r\n displayCodeLineNumber = true,\r\n displayCodeLineNumberMax = 10,\r\n className = '',\r\n cursorColor = '#000',\r\n cursorLineHeight = '1rem',\r\n codeWrapperClasses = '',\r\n codeWrapperStyle = '',\r\n codeWrapperWhiteSpace = 'auto',\r\n displayClickMoreButtonAndPause = false,\r\n displayFullContentOnClickMoreButton = false,\r\n clickMoreHeaderText = '',\r\n clickMoreHeaderClassString = '',\r\n viewMoreButtonText = 'More',\r\n viewLessButtonText = 'Less',\r\n showContentAuto = false,\r\n sx={}\r\n } : AnimatedTextWriterProps) => {\r\n const [currentIndex, setCurrentIndex] = React.useState(0);\r\n const [currentContent, setCurrentContent] = React.useState('');\r\n const [enabled, setEnabled] = React.useState(!displayClickMoreButtonAndPause);\r\n const [showContent, setShowContent] = React.useState(showContentAuto);\r\n const [showContentDisappear, setShowContentDisappear] = React.useState(!showContentAuto);\r\n const [startTime, setStartTime] = React.useState(0);\r\n const [nextIteration, setNextIteration] = React.useState(0);\r\n const elementRef = React.useRef<HTMLDivElement>(null);\r\n let timerControl:NodeJS.Timeout | undefined;\r\n\r\n const codeWrapperPrefix = React.useMemo(() => displayCodeWrapper ? `<div class=\"animated-text-writer-code-container ${displayCodeLineNumber ? '' : 'hide-line-number'} ${displayCodeLineNumberMax ? 'n'+displayCodeLineNumberMax : ''} ${codeWrapperWhiteSpace === 'auto' ? (displayCodeLineNumber ? 'nowrap' : '' ) : (codeWrapperWhiteSpace === 'nowrap' ? 'nowrap' : '')} ${codeWrapperClasses}\" style=\"${codeWrapperStyle}\">` : '', [displayCodeWrapper, displayCodeLineNumber, displayCodeLineNumberMax, codeWrapperWhiteSpace, codeWrapperClasses, codeWrapperStyle]);\r\n const codeWrapperSuffix = React.useMemo(() => displayCodeWrapper ? '</div>' : '', [displayCodeWrapper]);\r\n const cursorContent = React.useMemo(() => `<span class=\"animated-text-writer-blinking-cursor\" style=\"color: ${cursorColor}; line-height: ${cursorLineHeight}\">𝙸</span>`, [cursorColor, cursorLineHeight]);\r\n\r\n React.useEffect(() => {\r\n return () => {\r\n if (timerControl) {\r\n clearTimeout(timerControl);\r\n }\r\n };\r\n }, []);\r\n\r\n React.useEffect(() => {\r\n let timer: NodeJS.Timeout;\r\n const currentMillis = new Date().getTime();\r\n if (startTime === 0) {\r\n setCurrentContent(cursorContent);\r\n setStartTime(currentMillis);\r\n }\r\n\r\n if (startTime + startDelay > currentMillis) {\r\n if (enabled) {\r\n timer = setTimeout(() => {\r\n setNextIteration(nextIteration+1);\r\n }, delay);\r\n }\r\n return;\r\n }\r\n\r\n setCurrentContent(prefix + (nextIteration === 0 ? replacablePrefix : '') + codeWrapperPrefix + codePrefix + (content.length && currentIndex < content.length ? content.substring(0, currentIndex) + (displayCursor && enabled ? cursorContent : '') : '') + codeSuffix + codeWrapperSuffix + suffix);\r\n if (currentIndex < content.length) {\r\n const increment = getIncrement(content, currentIndex);\r\n\r\n timer = setTimeout(() => {\r\n setCurrentIndex(currentIndex + increment);\r\n }, delay);\r\n } else {\r\n setCurrentContent(prefix + codeWrapperPrefix + codePrefix + content + (displayCursorEnd ? cursorContent : '') + codeSuffix + codeWrapperSuffix + suffix);\r\n }\r\n\r\n return () => {\r\n if (timer) {\r\n clearTimeout(timer);\r\n }\r\n };\r\n }, [\r\n nextIteration, currentIndex, enabled,\r\n startTime,\r\n startDelay,\r\n prefix,\r\n replacablePrefix,\r\n codeWrapperPrefix,\r\n codePrefix,\r\n content,\r\n displayCursor,\r\n cursorContent,\r\n codeSuffix,\r\n codeWrapperSuffix,\r\n suffix,\r\n delay,\r\n displayCursorEnd\r\n ]\r\n );\r\n\r\n\r\n const clickMoreLessButton = () => {\r\n if (displayFullContentOnClickMoreButton) {\r\n if (!showContent) {\r\n setShowContentDisappear(false);\r\n setShowContent(true);\r\n if (timerControl) {\r\n clearTimeout(timerControl);\r\n }\r\n } else {\r\n document.documentElement.style.setProperty('--client-height', elementRef.current!.clientHeight + 'px');\r\n setShowContentDisappear(true);\r\n timerControl = setTimeout(() => {\r\n setShowContent(false);\r\n setShowContentDisappear(false);\r\n }, 1800);\r\n }\r\n } else {\r\n setEnabled(true);\r\n }\r\n }\r\n\r\n return (\r\n <div className={className} style={sx}>\r\n {enabled && (<div dangerouslySetInnerHTML={{__html: currentContent}} />)}\r\n {!enabled && (\r\n <h4 className={clickMoreHeaderClassString} onClick={clickMoreLessButton} style={{ cursor: 'pointer' }}>\r\n {clickMoreHeaderText}\r\n <button className='displayMoreButton buttonButton'\r\n onClick={clickMoreLessButton}\r\n >\r\n <span className={`buttonText ${showContent ? 'showLess' : 'showMore'}`} >{showContent ? viewLessButtonText : viewMoreButtonText}</span>\r\n <div className=\"bouncingDotAnimation\"> <div></div><div></div> <div></div> </div>\r\n </button>\r\n </h4>\r\n )}\r\n {displayFullContentOnClickMoreButton && showContent && (<div ref={elementRef} style={{ animation: showContentDisappear ? 'showly-disappear 2s ease' : 'showly-appear 2s ease', overflow: 'hidden', marginTop: '-2px' }} dangerouslySetInnerHTML={{__html: content}} />)}\r\n </div>\r\n );\r\n};\r\n\r\nexport default AnimatedTextWriter;"],"names":["css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","sTags","eTags","getIncrement","content","index","fistCall","increment","decrement","currentChar","substring","tstart","indexOf","length","tend","nextChar","includes","_a","timerControl","_b","_c","prefix","_d","suffix","_e","replacablePrefix","_f","codePrefix","_g","codeSuffix","_h","delay","_j","startDelay","_k","displayCursor","_l","displayCursorEnd","_m","displayCodeWrapper","_o","displayCodeLineNumber","_p","displayCodeLineNumberMax","_q","className","_r","cursorColor","_s","cursorLineHeight","_t","codeWrapperClasses","_u","codeWrapperStyle","_v","codeWrapperWhiteSpace","_w","displayClickMoreButtonAndPause","_x","displayFullContentOnClickMoreButton","_y","clickMoreHeaderText","_z","clickMoreHeaderClassString","_0","viewMoreButtonText","_1","viewLessButtonText","_2","showContentAuto","_3","sx","_4","React","useState","currentIndex","setCurrentIndex","_5","currentContent","setCurrentContent","_6","enabled","setEnabled","_7","showContent","setShowContent","_8","showContentDisappear","setShowContentDisappear","_9","startTime","setStartTime","_10","nextIteration","setNextIteration","elementRef","useRef","codeWrapperPrefix","useMemo","concat","codeWrapperSuffix","cursorContent","useEffect","clearTimeout","timer","currentMillis","Date","getTime","increment_1","setTimeout","clickMoreLessButton","documentElement","setProperty","current","clientHeight","_jsxs","children","_jsx","dangerouslySetInnerHTML","__html","onClick","cursor","animation","overflow","marginTop"],"mappings":"oEAAA,SAAqBA,EAAKC,YACnBA,IAAiBA,EAAM,CAAA,GAC5B,IAAIC,EAAWD,EAAIC,SAEnB,GAAgC,oBAAbC,SAAnB,CAEA,IAAIC,EAAOD,SAASC,MAAQD,SAASE,qBAAqB,QAAQ,GAC9DC,EAAQH,SAASI,cAAc,SACnCD,EAAME,KAAO,WAEI,QAAbN,GACEE,EAAKK,WACPL,EAAKM,aAAaJ,EAAOF,EAAKK,YAKhCL,EAAKO,YAAYL,GAGfA,EAAMM,WACRN,EAAMM,WAAWC,QAAUb,EAE3BM,EAAMK,YAAYR,SAASW,eAAed,GAnBW,CAqBzD,st6CCrBA,IAAMe,EAAQ,CAAC,IAAK,IAAK,KACnBC,EAAQ,CAAC,GAAI,IAAK,KAElBC,EAAe,SAACC,EAAiBC,EAAeC,QAAA,IAAAA,IAAAA,GAAA,GAClD,IAAIC,EAAY,EACZC,EAAY,EACVC,EAAcL,EAAQM,UAAUL,EAAOA,EAAM,GAE7CM,EAASV,EAAMW,QAAQH,GAC7B,IAAe,IAAXE,EAAe,CACf,GAA6B,IAAzBT,EAAMS,GAAQE,OACdN,EAAY,EACZC,EAAY,GACK,IAAbF,IACAC,EAAY,EACZC,EAAY,OAEb,CACH,IAAMM,EAAOV,EAAQQ,QAAQV,EAAMS,GAASN,IAC/B,IAATS,IACAP,EAAYO,EAAOT,EAAQ,EAEnC,CAEA,IAAMU,EAAWX,EAAQM,UAAUL,EAAME,EAAUC,EAAWH,EAAME,EAAUC,EAAU,GAEpFP,EAAMe,SAASD,KACfR,GAAaJ,EAAaC,EAASC,EAAME,EAAUC,GAAW,GAEtE,CAEA,OAAOD,CACX,iBAgC2B,SAACU,GACpB,IAoCAC,EApCAC,EAAAF,EAAAb,QAAAA,WAAOe,EAAG,wBAAuBA,EACjCC,WAAAC,aAAS,GAAED,EACXE,EAAAL,EAAAM,OAAAA,OAAM,IAAAD,EAAG,KACTE,EAAAP,EAAAQ,iBAAAA,OAAgB,IAAAD,EAAG,GAAEA,EACrBE,eAAAC,aAAa,GAAED,EACfE,EAAAX,EAAAY,WAAAA,OAAU,IAAAD,EAAG,KACbE,EAAAb,EAAAc,MAAAA,OAAK,IAAAD,EAAG,IAAGA,EACXE,eAAAC,aAAa,IAAID,EACjBE,EAAAjB,EAAAkB,cAAAA,WAAaD,KACbE,EAAAnB,EAAAoB,iBAAAA,OAAgB,IAAAD,GAAOA,EACvBE,uBAAAC,cAAyBD,EACzBE,EAAAvB,EAAAwB,sBAAAA,WAAqBD,KACrBE,EAAAzB,EAAA0B,yBAAAA,OAAwB,IAAAD,EAAG,GAAEA,EAC7BE,cAAAC,OAAS,IAAAD,EAAG,KACZE,EAAA7B,EAAA8B,YAAAA,WAAWD,EAAG,OAAMA,EACpBE,qBAAAC,aAAmB,OAAMD,EACzBE,EAAAjC,EAAAkC,mBAAAA,OAAkB,IAAAD,EAAG,KACrBE,EAAAnC,EAAAoC,iBAAAA,OAAgB,IAAAD,EAAG,GAAEA,EACrBE,0BAAAC,aAAwB,OAAMD,EAC9BE,EAAAvC,EAAAwC,+BAAAA,OAA8B,IAAAD,KAC9BE,EAAAzC,EAAA0C,oCAAAA,OAAmC,IAAAD,GAAQA,EAC3CE,wBAAAC,aAAsB,GAAED,EACxBE,EAAA7C,EAAA8C,2BAAAA,OAA0B,IAAAD,EAAG,KAC7BE,EAAA/C,EAAAgD,mBAAAA,OAAkB,IAAAD,EAAG,OAAMA,EAC3BE,uBAAAC,cAAqB,OAAMD,EAC3BE,GAAAnD,EAAAoD,gBAAAA,QAAe,IAAAD,OACfE,GAAArD,EAAAsD,GAAAA,QAAE,IAAAD,GAAC,CAAA,EAAEA,GAEHE,GAAkCC,EAAMC,SAAS,GAAhDC,GAAYH,GAAA,GAAEI,SACfC,GAAsCJ,EAAMC,SAAS,IAApDI,GAAcD,GAAA,GAAEE,SACjBC,GAAwBP,EAAMC,UAAUjB,GAAvCwB,GAAOD,GAAA,GAAEE,SACVC,GAAgCV,EAAMC,SAASL,IAA9Ce,GAAWD,GAAA,GAAEE,SACdC,GAAkDb,EAAMC,UAAUL,IAAjEkB,GAAoBD,GAAA,GAAEE,SACvBC,GAA4BhB,EAAMC,SAAS,GAA1CgB,GAASD,GAAA,GAAEE,SACZC,GAAoCnB,EAAMC,SAAS,GAAlDmB,GAAaD,GAAA,GAAEE,SAChBC,GAAatB,EAAMuB,OAAuB,MAG1CC,GAAoBxB,EAAMyB,QAAQ,WAAM,OAAA3D,EAAqB,mDAAA4D,OAAmD1D,EAAwB,GAAK,+BAAsBE,EAA2B,IAAIA,EAA2B,eAAgC,SAA1BY,EAAoCd,EAAwB,SAAW,GAAkC,WAA1Bc,EAAqC,SAAW,eAAOJ,EAAkB,aAAAgD,OAAY9C,EAAgB,MAAO,EAAtX,EAA0X,CAACd,EAAoBE,EAAuBE,EAA0BY,EAAuBJ,EAAoBE,IACnhB+C,GAAoB3B,EAAMyB,QAAQ,WAAM,OAAA3D,EAAqB,SAAW,EAAhC,EAAoC,CAACA,IAC7E8D,GAAgB5B,EAAMyB,QAAQ,WAAM,MAAA,oEAAAC,OAAoEpD,EAAW,mBAAAoD,OAAkBlD,EAAgB,cAAjH,EAAgI,CAACF,EAAaE,IAExLwB,EAAM6B,UAAU,WACZ,OAAO,WACCpF,GACAqF,aAAarF,EAErB,CACJ,EAAG,IAEHuD,EAAM6B,UAAU,WACZ,IAAIE,EACEC,GAAgB,IAAIC,MAAOC,UAMjC,GALkB,IAAdjB,KACAX,GAAkBsB,IAClBV,GAAac,MAGbf,GAAYzD,EAAawE,GAA7B,CAUA,GADA1B,GAAkB1D,GAA4B,IAAlBwE,GAAsBpE,EAAmB,IAAMwE,GAAoBtE,GAAcvB,EAAQS,QAAU8D,GAAevE,EAAQS,OAAST,EAAQM,UAAU,EAAGiE,KAAiBxC,GAAiB8C,GAAUoB,GAAgB,IAAM,IAAMxE,EAAauE,GAAoB7E,GACzRoD,GAAevE,EAAQS,OAAQ,CAC/B,IAAM+F,EAAYzG,EAAaC,EAASuE,IAExC6B,EAAQK,WAAW,WACfjC,GAAgBD,GAAeiC,EACnC,EAAG7E,EACP,MACIgD,GAAkB1D,EAAS4E,GAAoBtE,EAAavB,GAAWiC,EAAmBgE,GAAgB,IAAMxE,EAAauE,GAAoB7E,GAGrJ,OAAO,WACCiF,GACAD,aAAaC,EAErB,CAjBA,CANQvB,KACAuB,EAAQK,WAAW,WACff,GAAiBD,GAAc,EACnC,EAAG9D,GAqBf,EAAG,CACK8D,GAAelB,GAAcM,GAC7BS,GACAzD,EACAZ,EACAI,EACAwE,GACAtE,EACAvB,EACA+B,EACAkE,GACAxE,EACAuE,GACA7E,EACAQ,EACAM,IAKR,IAAMyE,GAAsB,WACpBnD,EACKyB,IAOD/F,SAAS0H,gBAAgBvH,MAAMwH,YAAY,kBAAmBjB,GAAWkB,QAASC,aAAe,MACjG1B,IAAwB,GACxBtE,EAAe2F,WAAW,WACtBxB,IAAe,GACfG,IAAwB,EAC5B,EAAG,QAXHA,IAAwB,GACxBH,IAAe,GACXnE,GACAqF,aAAarF,IAWrBgE,IAAW,EAEnB,EAEA,OACIiC,OAAA,MAAA,CAAKtE,UAAWA,EAAWrD,MAAO+E,GAAE6C,SAAA,CAC/BnC,IAAYoC,EAAAA,WAAKC,wBAAyB,CAACC,OAAQzC,OAClDG,IACFkC,EAAAA,KAAA,KAAA,CAAItE,UAAWkB,EAA4ByD,QAASV,GAAqBtH,MAAO,CAAEiI,OAAQ,WAAWL,SAAA,CAChGvD,EACDsD,EAAAA,KAAA,SAAA,CAAQtE,UAAU,iCACd2E,QAASV,GAAmBM,SAAA,CAE5BC,EAAAA,IAAA,OAAA,CAAMxE,UAAW,cAAAsD,OAAcf,GAAc,WAAa,YAAYgC,SAAIhC,GAAcjB,GAAqBF,IAC7GkD,EAAAA,KAAA,MAAA,CAAKtE,UAAU,qCAAwBwE,EAAAA,IAAA,MAAA,IAAWA,MAAA,MAAA,CAAA,GAAW,IAACA,EAAAA,IAAA,MAAA,IAAW,aAIhF1D,GAAuCyB,IAAgBiC,EAAAA,IAAA,MAAA,CAAKlI,IAAK4G,GAAYvG,MAAO,CAAEkI,UAAWnC,GAAuB,2BAA6B,wBAAyBoC,SAAU,SAAUC,UAAW,QAAUN,wBAAyB,CAACC,OAAQnH,OAGtQ","x_google_ignoreList":[0]}
package/dist/index.mjs CHANGED
@@ -1,2 +1,2 @@
1
- import{jsxs as A,jsx as n}from"react/jsx-runtime";import e from"react";!function(A,n){void 0===n&&(n={});var e=n.insertAt;if("undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],t=document.createElement("style");t.type="text/css","top"===e&&r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.styleSheet?t.styleSheet.cssText=A:t.appendChild(document.createTextNode(A))}}('\r\nh1.animated-text-title-header {\r\n text-align: center;\r\n}\r\n\r\n.animated-text-writer-blinking-cursor {\r\n /* line-height: 1rem; */\r\n margin-left: 2px;\r\n animation: pulse-blinking-cursor 1s ease-in-out infinite;\r\n}\r\n\r\n@keyframes pulse-blinking-cursor {\r\n 0% { opacity: 1; }\r\n 50% { opacity: 0; }\r\n 100% { opacity: 1; }\r\n}\r\n\r\n.animated-text-writer-code-container {\r\n font-size: 18px;\r\n font-family: source-code-pro, Menlo, Monaco, Consolas, \'Courier New\', monospace;\r\n overflow: auto;\r\n padding: 10px 15px 20px;\r\n line-height: 20px !important;\r\n /* position: relative; */\r\n /* margin: -5px -7px; */\r\n}\r\n\r\n.animated-text-writer-code-container .copy-button {\r\n float: right;\r\n}\r\n\r\n.animated-text-writer-code-container.nowrap {\r\n white-space: pre;\r\n}\r\n\r\n.animated-text-writer-code-container:not(.hide-line-number)::before {\r\n color: #999;\r\n font-size: 15px;\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10";\r\n float: left;\r\n position: sticky;\r\n left: -18px;\r\n /* top: 0px; */\r\n margin-left: -18px;\r\n margin-right: 5px;\r\n margin-top: 1px;\r\n padding-right: 4px;\r\n white-space: pre;\r\n width: 30px;\r\n text-align: right;\r\n overflow-y: hidden;\r\n border-right: 1px solid;\r\n /* line-height: 20.5px!important; */\r\n}\r\n\r\n.animated-text-writer-code-container code {\r\n font-family: source-code-pro, Menlo, Monaco, Consolas, \'Courier New\', monospace;\r\n color: #000;\r\n overflow-y: auto;\r\n}\r\n\r\n.animated-text-writer-code-container code.dark {\r\n color: #FFF;\r\n}\r\n\r\n.animated-text-writer-code-container code .reserve, .animated-text-writer-code-container code .meta {\r\n color: #00C;\r\n}\r\n\r\n.animated-text-writer-code-container code.dark .reserve, .animated-text-writer-code-container code.dark .meta {\r\n color: #4040f1;\r\n}\r\n\r\n.animated-text-writer-code-container code .keyword {\r\n color: #c03adb;\r\n}\r\n\r\n.animated-text-writer-code-container code .variable {\r\n color: #3BC1FF;\r\n}\r\n\r\n.animated-text-writer-code-container code .variable2, .animated-text-writer-code-container code .class {\r\n color: #2eada3;\r\n}\r\n\r\n.animated-text-writer-code-container code .variable3, .animated-text-writer-code-container code .class_ {\r\n color: #248b83;\r\n}\r\n\r\n.animated-text-writer-code-container code .function {\r\n color: #DCDC9D;\r\n}\r\n\r\n.animated-text-writer-code-container code .built_in {\r\n color: #c9c972;\r\n}\r\n\r\n.animated-text-writer-code-container code .comment {\r\n color: #FF8000;\r\n color: #3C3;\r\n}\r\n\r\n.animated-text-writer-code-container code .comment2 {\r\n color: #090;\r\n}\r\n\r\n.animated-text-writer-code-container code .namespace, .animated-text-writer-code-container code .literal {\r\n color: #2666CB;\r\n}\r\n\r\n.animated-text-writer-code-container code .quotation, .animated-text-writer-code-container code .string {\r\n color: #CE836A;\r\n}\r\n\r\n.animated-text-writer-code-container code .number {\r\n color: #94CE9B;\r\n}\r\n\r\n.animated-text-writer-code-container code .bracket {\r\n color: #F19F1C;\r\n}\r\n\r\n.animated-text-writer-code-container code .bracket2 {\r\n color: #DA5583;\r\n}\r\n\r\n.animated-text-writer-code-container code .bracket3, .animated-text-writer-code-container code .property {\r\n color: #5583DA;\r\n}\r\n\r\n\r\n.animated-text-writer-code-container code.c-and-c-plus-plus .include {\r\n color: #0000B7;\r\n background: #00A5AC;\r\n}\r\n\r\n.animated-text-writer-code-container code.c-and-c-plus-plus .comment {\r\n color: #009EB3;\r\n}\r\n\r\n.animated-text-writer-code-container code.c-and-c-plus-plus .keyword {\r\n color: #FFF;\r\n}\r\n\r\n.animated-text-writer-code-container code.c-and-c-plus-plus .function {\r\n color: #FFFF6D;\r\n}\r\n\r\n.animated-text-writer-code-container code.c-and-c-plus-plus .quotation {\r\n color: #B50000;\r\n}\r\n\r\n.animated-text-writer-code-container code.java .quotation {\r\n color: #B50000;\r\n}\r\n\r\n.animated-text-writer-code-container code.flutter .reserve {\r\n color: #09F;\r\n}\r\n\r\n.animated-text-writer-code-container code.sql .keyword {\r\n color: #f92672;\r\n}\r\n\r\n.animated-text-writer-code-container code.php .keyword {\r\n color: #f92672;\r\n}\r\n\r\n@media only screen and (max-width: 1200px) {\r\n h1.animated-text-title-header {\r\n font-size: 20px;\r\n }\r\n\r\n .animated-text-writer-code-container {\r\n font-size: 16px;\r\n line-height: 18px !important;\r\n }\r\n\r\n .animated-text-writer-code-container:not(.hide-line-number)::before {\r\n font-size: 13px;\r\n }\r\n}\r\n\r\n@media only screen and (max-width: 1000px) {\r\n h1.animated-text-title-header {\r\n font-size: 18px;\r\n }\r\n\r\n .animated-text-writer-code-container {\r\n font-size: 14px;\r\n line-height: 16px !important;\r\n }\r\n\r\n .animated-text-writer-code-container:not(.hide-line-number)::before {\r\n font-size: 11px;\r\n }\r\n}\r\n\r\n@media only screen and (max-width: 800px) {\r\n h1.animated-text-title-header {\r\n font-size: 16px;\r\n }\r\n\r\n .animated-text-writer-code-container {\r\n font-size: 12px;\r\n padding: 10px 15px 20px;\r\n line-height: 14px !important;\r\n }\r\n\r\n .animated-text-writer-code-container:not(.hide-line-number)::before {\r\n font-size: 9px;\r\n }\r\n}\r\n\r\n@media only screen and (max-width: 600px) {\r\n h1.animated-text-title-header {\r\n font-size: 14px;\r\n }\r\n\r\n .animated-text-writer-code-container {\r\n font-size: 10px;\r\n padding: 10px 15px 20px;\r\n line-height: 12px !important;\r\n }\r\n}\r\n\r\n.displayMoreButton .buttonText.showMore {\r\n animation: show-more-loader 0.6s infinite alternate;\r\n}\r\n\r\n.displayMoreButton .buttonText.showLess {\r\n opacity: 0.4;\r\n}\r\n\r\n.bouncingDotAnimation {\r\n display: inline flex;\r\n margin-top: 8px;\r\n margin-left: 10px;\r\n justify-content: center;\r\n}\r\n\r\n.bouncingDotAnimation > div {\r\n width: 4px;\r\n height: 4px;\r\n margin: 3px 2px;\r\n border-radius: 50%;\r\n background-color: var(--accent-color);\r\n opacity: 1;\r\n animation: bouncing-dot-loader 0.6s infinite alternate;\r\n}\r\n\r\n@keyframes bouncing-dot-loader {\r\n to {\r\n opacity: 0.1;\r\n transform: translateY(-4px);\r\n }\r\n}\r\n\r\n@keyframes show-more-loader {\r\n to {\r\n opacity: 0.4;\r\n }\r\n}\r\n\r\n@keyframes showly-appear {\r\n from { opacity: 0; max-height: 0; }\r\n to { opacity: 1; max-height: 100vh; }\r\n}\r\n\r\n@keyframes showly-disappear {\r\n from { opacity: 1; height: var(--client-height); }\r\n to { opacity: 0; height: 0px; }\r\n}\r\n\r\n.bouncingDotAnimation > div:nth-child(2) {\r\n animation-delay: 0.2s;\r\n}\r\n\r\n.bouncingDotAnimation > div:nth-child(3) {\r\n animation-delay: 0.4s;\r\n}\r\n\r\n\r\n.animated-text-writer-code-container.n1:not(.hide-line-number)::before {\r\n content: "1";\r\n}\r\n\r\n.animated-text-writer-code-container.n2:not(.hide-line-number)::before {\r\n content: "1\\A 2";\r\n}\r\n\r\n.animated-text-writer-code-container.n3:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3";\r\n}\r\n\r\n.animated-text-writer-code-container.n4:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4";\r\n}\r\n\r\n.animated-text-writer-code-container.n5:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5";\r\n}\r\n\r\n.animated-text-writer-code-container.n6:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6";\r\n}\r\n\r\n.animated-text-writer-code-container.n7:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7";\r\n}\r\n\r\n.animated-text-writer-code-container.n8:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8";\r\n}\r\n\r\n.animated-text-writer-code-container.n9:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9";\r\n}\r\n\r\n.animated-text-writer-code-container.n10:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10";\r\n}\r\n\r\n.animated-text-writer-code-container.n11:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11";\r\n}\r\n\r\n.animated-text-writer-code-container.n12:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12";\r\n}\r\n\r\n.animated-text-writer-code-container.n13:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13";\r\n}\r\n\r\n.animated-text-writer-code-container.n14:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14";\r\n}\r\n\r\n.animated-text-writer-code-container.n15:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15";\r\n}\r\n\r\n.animated-text-writer-code-container.n16:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16";\r\n}\r\n\r\n.animated-text-writer-code-container.n17:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17";\r\n}\r\n\r\n.animated-text-writer-code-container.n18:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18";\r\n}\r\n\r\n.animated-text-writer-code-container.n19:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19";\r\n}\r\n\r\n.animated-text-writer-code-container.n20:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20";\r\n}\r\n\r\n.animated-text-writer-code-container.n21:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21";\r\n}\r\n\r\n.animated-text-writer-code-container.n22:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22";\r\n}\r\n\r\n.animated-text-writer-code-container.n23:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23";\r\n}\r\n\r\n.animated-text-writer-code-container.n24:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24";\r\n}\r\n\r\n.animated-text-writer-code-container.n25:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25";\r\n}\r\n\r\n.animated-text-writer-code-container.n26:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26";\r\n}\r\n\r\n.animated-text-writer-code-container.n27:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27";\r\n}\r\n\r\n.animated-text-writer-code-container.n28:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28";\r\n}\r\n\r\n.animated-text-writer-code-container.n29:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29";\r\n}\r\n\r\n.animated-text-writer-code-container.n30:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30";\r\n}\r\n\r\n.animated-text-writer-code-container.n31:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31";\r\n}\r\n\r\n.animated-text-writer-code-container.n32:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32";\r\n}\r\n\r\n.animated-text-writer-code-container.n33:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33";\r\n}\r\n\r\n.animated-text-writer-code-container.n34:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34";\r\n}\r\n\r\n.animated-text-writer-code-container.n35:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35";\r\n}\r\n\r\n.animated-text-writer-code-container.n36:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36";\r\n}\r\n\r\n.animated-text-writer-code-container.n37:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37";\r\n}\r\n\r\n.animated-text-writer-code-container.n38:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38";\r\n}\r\n\r\n.animated-text-writer-code-container.n39:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39";\r\n}\r\n\r\n.animated-text-writer-code-container.n40:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40";\r\n}\r\n\r\n.animated-text-writer-code-container.n41:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41";\r\n}\r\n\r\n.animated-text-writer-code-container.n42:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42";\r\n}\r\n\r\n.animated-text-writer-code-container.n43:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43";\r\n}\r\n\r\n.animated-text-writer-code-container.n44:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44";\r\n}\r\n\r\n.animated-text-writer-code-container.n45:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45";\r\n}\r\n\r\n.animated-text-writer-code-container.n46:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46";\r\n}\r\n\r\n.animated-text-writer-code-container.n47:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47";\r\n}\r\n\r\n.animated-text-writer-code-container.n48:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48";\r\n}\r\n\r\n.animated-text-writer-code-container.n49:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49";\r\n}\r\n\r\n.animated-text-writer-code-container.n50:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50";\r\n}\r\n\r\n.animated-text-writer-code-container.n51:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51";\r\n}\r\n\r\n.animated-text-writer-code-container.n52:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52";\r\n}\r\n\r\n.animated-text-writer-code-container.n53:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53";\r\n}\r\n\r\n.animated-text-writer-code-container.n54:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54";\r\n}\r\n\r\n.animated-text-writer-code-container.n55:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55";\r\n}\r\n\r\n.animated-text-writer-code-container.n56:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56";\r\n}\r\n\r\n.animated-text-writer-code-container.n57:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57";\r\n}\r\n\r\n.animated-text-writer-code-container.n58:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58";\r\n}\r\n\r\n.animated-text-writer-code-container.n59:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59";\r\n}\r\n\r\n.animated-text-writer-code-container.n60:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60";\r\n}\r\n\r\n.animated-text-writer-code-container.n61:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61";\r\n}\r\n\r\n.animated-text-writer-code-container.n62:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62";\r\n}\r\n\r\n.animated-text-writer-code-container.n63:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63";\r\n}\r\n\r\n.animated-text-writer-code-container.n64:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64";\r\n}\r\n\r\n.animated-text-writer-code-container.n65:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65";\r\n}\r\n\r\n.animated-text-writer-code-container.n66:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66";\r\n}\r\n\r\n.animated-text-writer-code-container.n67:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67";\r\n}\r\n\r\n.animated-text-writer-code-container.n68:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68";\r\n}\r\n\r\n.animated-text-writer-code-container.n69:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69";\r\n}\r\n\r\n.animated-text-writer-code-container.n70:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70";\r\n}\r\n\r\n.animated-text-writer-code-container.n71:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71";\r\n}\r\n\r\n.animated-text-writer-code-container.n72:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72";\r\n}\r\n\r\n.animated-text-writer-code-container.n73:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73";\r\n}\r\n\r\n.animated-text-writer-code-container.n74:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74";\r\n}\r\n\r\n.animated-text-writer-code-container.n75:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75";\r\n}\r\n\r\n.animated-text-writer-code-container.n76:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76";\r\n}\r\n\r\n.animated-text-writer-code-container.n77:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77";\r\n}\r\n\r\n.animated-text-writer-code-container.n78:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78";\r\n}\r\n\r\n.animated-text-writer-code-container.n79:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79";\r\n}\r\n\r\n.animated-text-writer-code-container.n80:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80";\r\n}\r\n\r\n.animated-text-writer-code-container.n81:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81";\r\n}\r\n\r\n.animated-text-writer-code-container.n82:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82";\r\n}\r\n\r\n.animated-text-writer-code-container.n83:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83";\r\n}\r\n\r\n.animated-text-writer-code-container.n84:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84";\r\n}\r\n\r\n.animated-text-writer-code-container.n85:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85";\r\n}\r\n\r\n.animated-text-writer-code-container.n86:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86";\r\n}\r\n\r\n.animated-text-writer-code-container.n87:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87";\r\n}\r\n\r\n.animated-text-writer-code-container.n88:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88";\r\n}\r\n\r\n.animated-text-writer-code-container.n89:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89";\r\n}\r\n\r\n.animated-text-writer-code-container.n90:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89\\A 90";\r\n}\r\n\r\n.animated-text-writer-code-container.n91:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89\\A 90\\A 91";\r\n}\r\n\r\n.animated-text-writer-code-container.n92:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89\\A 90\\A 91\\A 92";\r\n}\r\n\r\n.animated-text-writer-code-container.n93:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89\\A 90\\A 91\\A 92\\A 93";\r\n}\r\n\r\n.animated-text-writer-code-container.n94:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89\\A 90\\A 91\\A 92\\A 93\\A 94";\r\n}\r\n\r\n.animated-text-writer-code-container.n95:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89\\A 90\\A 91\\A 92\\A 93\\A 94\\A 95";\r\n}\r\n\r\n.animated-text-writer-code-container.n96:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89\\A 90\\A 91\\A 92\\A 93\\A 94\\A 95\\A 96";\r\n}\r\n\r\n.animated-text-writer-code-container.n97:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89\\A 90\\A 91\\A 92\\A 93\\A 94\\A 95\\A 96\\A 97";\r\n}\r\n\r\n.animated-text-writer-code-container.n98:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89\\A 90\\A 91\\A 92\\A 93\\A 94\\A 95\\A 96\\A 97\\A 98";\r\n}\r\n\r\n.animated-text-writer-code-container.n99:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89\\A 90\\A 91\\A 92\\A 93\\A 94\\A 95\\A 96\\A 97\\A 98\\A 99";\r\n}\r\n\r\n.animated-text-writer-code-container.n100:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89\\A 90\\A 91\\A 92\\A 93\\A 94\\A 95\\A 96\\A 97\\A 98\\A 99\\A 100";\r\n}\r\n');var r=[" ","<","&"],t=["",">",";"],o=function(A,n,e){void 0===e&&(e=!0);var i=1,a=0,c=A.substring(n,n+1),d=r.indexOf(c);if(-1!==d){if(0===t[d].length)i=2,a=1,!1===e&&(i=1,a=0);else{var m=A.indexOf(t[d],n);-1!==m&&(i=m-n+1)}var l=A.substring(n+i-a,n+i-a+1);r.includes(l)&&(i+=o(A,n+i-a,!1))}return i},i=function(r){var t,i=r.content,a=void 0===i?"This is a Sample Text":i,c=r.prefix,d=void 0===c?"":c,m=r.suffix,l=void 0===m?"":m,b=r.replacablePrefix,x=void 0===b?"":b,u=r.codePrefix,h=void 0===u?"":u,s=r.codeSuffix,f=void 0===s?"":s,w=r.delay,p=void 0===w?250:w,v=r.startDelay,y=void 0===v?1e3:v,g=r.displayCursor,C=void 0===g||g,k=r.displayCursorEnd,T=void 0===k||k,F=r.displayCodeWrapper,M=void 0===F||F,B=r.displayCodeLineNumber,S=void 0===B||B,z=r.displayCodeLineNumberMax,D=void 0===z?10:z,N=r.className,L=void 0===N?"":N,E=r.cursorColor,H=void 0===E?"#000":E,_=r.cursorLineHeight,W=void 0===_?"1rem":_,q=r.codeWrapperClasses,P=void 0===q?"":q,j=r.codeWrapperStyle,O=void 0===j?"":j,I=r.codeWrapperWhiteSpace,R=void 0===I?"auto":I,Y=r.displayClickMoreButtonAndPause,G=void 0!==Y&&Y,J=r.displayFullContentOnClickMoreButton,K=void 0!==J&&J,Q=r.clickMoreHeaderText,U=void 0===Q?"":Q,V=r.clickMoreHeaderClassString,X=void 0===V?"":V,Z=r.viewMoreButtonText,$=void 0===Z?"More":Z,AA=r.viewLessButtonText,nA=void 0===AA?"Less":AA,eA=r.showContentAuto,rA=void 0!==eA&&eA,tA=r.sx,oA=void 0===tA?{}:tA,iA=e.useState(0),aA=iA[0],cA=iA[1],dA=e.useState(""),mA=dA[0],lA=dA[1],bA=e.useState(!G),xA=bA[0],uA=bA[1],hA=e.useState(rA),sA=hA[0],fA=hA[1],wA=e.useState(!rA),pA=wA[0],vA=wA[1],yA=e.useState(0),gA=yA[0],CA=yA[1],kA=e.useState(0),TA=kA[0],FA=kA[1],MA=e.useRef(null),BA=M?'<div class="animated-text-writer-code-container '.concat(S?"":"hide-line-number"," ").concat(D?"n"+D:""," ").concat("auto"===R?S?"nowrap":"":"nowrap"===R?"nowrap":""," ").concat(P,'" style="').concat(O,'">'):"",SA=M?"</div>":"",zA='<span class="animated-text-writer-blinking-cursor" style="color: '.concat(H,"; line-height: ").concat(W,'">𝙸</span>');e.useEffect(function(){var A=(new Date).getTime();if(0===gA&&(lA(zA),CA(A)),gA+y>A)xA&&setTimeout(function(){FA(TA+1)},p);else if(lA(d+(0===TA?x:"")+BA+h+(a.length&&aA<a.length?a.substring(0,aA)+(C&&xA?zA:""):"")+f+SA+l),aA<a.length){var n=o(a,aA);setTimeout(function(){cA(aA+n)},p)}else lA(d+BA+h+a+(T?zA:"")+f+SA+l)},[TA,aA,xA,gA,y,d,x,BA,h,a,C,zA,f,SA,l,p,T]);var DA=function(){K?sA?(document.documentElement.style.setProperty("--client-height",MA.current.clientHeight+"px"),vA(!0),t=setTimeout(function(){fA(!1),vA(!1)},1800)):(vA(!1),fA(!0),t&&clearTimeout(t)):uA(!0)};return A("div",{className:L,style:oA,children:[xA&&n("div",{dangerouslySetInnerHTML:{__html:mA}}),!xA&&A("h4",{className:X,onClick:DA,style:{cursor:"pointer"},children:[U,A("button",{className:"displayMoreButton buttonButton",onClick:DA,children:[n("span",{className:"buttonText ".concat(sA?"showLess":"showMore"),children:sA?nA:$}),A("div",{className:"bouncingDotAnimation",children:[" ",n("div",{}),n("div",{})," ",n("div",{})," "]})]})]}),K&&sA&&n("div",{ref:MA,style:{animation:pA?"showly-disappear 2s ease":"showly-appear 2s ease",overflow:"hidden",marginTop:"-2px"},dangerouslySetInnerHTML:{__html:a}})]})};export{i as default};
1
+ import{jsxs as A,jsx as n}from"react/jsx-runtime";import e from"react";!function(A,n){void 0===n&&(n={});var e=n.insertAt;if("undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],t=document.createElement("style");t.type="text/css","top"===e&&r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.styleSheet?t.styleSheet.cssText=A:t.appendChild(document.createTextNode(A))}}('\r\nh1.animated-text-title-header {\r\n text-align: center;\r\n}\r\n\r\n.animated-text-writer-blinking-cursor {\r\n /* line-height: 1rem; */\r\n margin-left: 2px;\r\n animation: pulse-blinking-cursor 1s ease-in-out infinite;\r\n}\r\n\r\n@keyframes pulse-blinking-cursor {\r\n 0% { opacity: 1; }\r\n 50% { opacity: 0; }\r\n 100% { opacity: 1; }\r\n}\r\n\r\n.animated-text-writer-code-container {\r\n font-size: 18px;\r\n font-family: source-code-pro, Menlo, Monaco, Consolas, \'Courier New\', monospace;\r\n overflow: auto;\r\n padding: 10px 15px 20px;\r\n line-height: 20px !important;\r\n /* position: relative; */\r\n /* margin: -5px -7px; */\r\n}\r\n\r\n.animated-text-writer-code-container .copy-button {\r\n float: right;\r\n}\r\n\r\n.animated-text-writer-code-container.nowrap {\r\n white-space: pre;\r\n}\r\n\r\n.animated-text-writer-code-container:not(.hide-line-number)::before {\r\n color: #999;\r\n font-size: 15px;\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10";\r\n float: left;\r\n position: sticky;\r\n left: -18px;\r\n /* top: 0px; */\r\n margin-left: -18px;\r\n margin-right: 5px;\r\n margin-top: 1px;\r\n padding-right: 4px;\r\n white-space: pre;\r\n width: 30px;\r\n text-align: right;\r\n overflow-y: hidden;\r\n border-right: 1px solid;\r\n /* line-height: 20.5px!important; */\r\n}\r\n\r\n.animated-text-writer-code-container code {\r\n font-family: source-code-pro, Menlo, Monaco, Consolas, \'Courier New\', monospace;\r\n color: #000;\r\n overflow-y: auto;\r\n}\r\n\r\n.animated-text-writer-code-container code.dark {\r\n color: #FFF;\r\n}\r\n\r\n.animated-text-writer-code-container code .reserve, .animated-text-writer-code-container code .meta {\r\n color: #00C;\r\n}\r\n\r\n.animated-text-writer-code-container code.dark .reserve, .animated-text-writer-code-container code.dark .meta {\r\n color: #4040f1;\r\n}\r\n\r\n.animated-text-writer-code-container code .keyword {\r\n color: #c03adb;\r\n}\r\n\r\n.animated-text-writer-code-container code .variable {\r\n color: #3BC1FF;\r\n}\r\n\r\n.animated-text-writer-code-container code .variable2, .animated-text-writer-code-container code .class {\r\n color: #2eada3;\r\n}\r\n\r\n.animated-text-writer-code-container code .variable3, .animated-text-writer-code-container code .class_ {\r\n color: #248b83;\r\n}\r\n\r\n.animated-text-writer-code-container code .function {\r\n color: #DCDC9D;\r\n}\r\n\r\n.animated-text-writer-code-container code .built_in {\r\n color: #c9c972;\r\n}\r\n\r\n.animated-text-writer-code-container code .comment {\r\n color: #FF8000;\r\n color: #3C3;\r\n}\r\n\r\n.animated-text-writer-code-container code .comment2 {\r\n color: #090;\r\n}\r\n\r\n.animated-text-writer-code-container code .namespace, .animated-text-writer-code-container code .literal {\r\n color: #2666CB;\r\n}\r\n\r\n.animated-text-writer-code-container code .quotation, .animated-text-writer-code-container code .string {\r\n color: #CE836A;\r\n}\r\n\r\n.animated-text-writer-code-container code .number {\r\n color: #94CE9B;\r\n}\r\n\r\n.animated-text-writer-code-container code .bracket {\r\n color: #F19F1C;\r\n}\r\n\r\n.animated-text-writer-code-container code .bracket2 {\r\n color: #DA5583;\r\n}\r\n\r\n.animated-text-writer-code-container code .bracket3, .animated-text-writer-code-container code .property {\r\n color: #5583DA;\r\n}\r\n\r\n\r\n.animated-text-writer-code-container code.c-and-c-plus-plus .include {\r\n color: #0000B7;\r\n background: #00A5AC;\r\n}\r\n\r\n.animated-text-writer-code-container code.c-and-c-plus-plus .comment {\r\n color: #009EB3;\r\n}\r\n\r\n.animated-text-writer-code-container code.c-and-c-plus-plus .keyword {\r\n color: #FFF;\r\n}\r\n\r\n.animated-text-writer-code-container code.c-and-c-plus-plus .function {\r\n color: #FFFF6D;\r\n}\r\n\r\n.animated-text-writer-code-container code.c-and-c-plus-plus .quotation {\r\n color: #B50000;\r\n}\r\n\r\n.animated-text-writer-code-container code.java .quotation {\r\n color: #B50000;\r\n}\r\n\r\n.animated-text-writer-code-container code.flutter .reserve {\r\n color: #09F;\r\n}\r\n\r\n.animated-text-writer-code-container code.sql .keyword {\r\n color: #f92672;\r\n}\r\n\r\n.animated-text-writer-code-container code.php .keyword {\r\n color: #f92672;\r\n}\r\n\r\n@media only screen and (max-width: 1200px) {\r\n h1.animated-text-title-header {\r\n font-size: 20px;\r\n }\r\n\r\n .animated-text-writer-code-container {\r\n font-size: 16px;\r\n line-height: 18px !important;\r\n }\r\n\r\n .animated-text-writer-code-container:not(.hide-line-number)::before {\r\n font-size: 13px;\r\n }\r\n}\r\n\r\n@media only screen and (max-width: 1000px) {\r\n h1.animated-text-title-header {\r\n font-size: 18px;\r\n }\r\n\r\n .animated-text-writer-code-container {\r\n font-size: 14px;\r\n line-height: 16px !important;\r\n }\r\n\r\n .animated-text-writer-code-container:not(.hide-line-number)::before {\r\n font-size: 11px;\r\n }\r\n}\r\n\r\n@media only screen and (max-width: 800px) {\r\n h1.animated-text-title-header {\r\n font-size: 16px;\r\n }\r\n\r\n .animated-text-writer-code-container {\r\n font-size: 12px;\r\n padding: 10px 15px 20px;\r\n line-height: 14px !important;\r\n }\r\n\r\n .animated-text-writer-code-container:not(.hide-line-number)::before {\r\n font-size: 9px;\r\n }\r\n}\r\n\r\n@media only screen and (max-width: 600px) {\r\n h1.animated-text-title-header {\r\n font-size: 14px;\r\n }\r\n\r\n .animated-text-writer-code-container {\r\n font-size: 10px;\r\n padding: 10px 15px 20px;\r\n line-height: 12px !important;\r\n }\r\n}\r\n\r\n.displayMoreButton .buttonText.showMore {\r\n animation: show-more-loader 0.6s infinite alternate;\r\n}\r\n\r\n.displayMoreButton .buttonText.showLess {\r\n opacity: 0.4;\r\n}\r\n\r\n.bouncingDotAnimation {\r\n display: inline flex;\r\n margin-top: 8px;\r\n margin-left: 10px;\r\n justify-content: center;\r\n}\r\n\r\n.bouncingDotAnimation > div {\r\n width: 4px;\r\n height: 4px;\r\n margin: 3px 2px;\r\n border-radius: 50%;\r\n background-color: var(--accent-color);\r\n opacity: 1;\r\n animation: bouncing-dot-loader 0.6s infinite alternate;\r\n}\r\n\r\n@keyframes bouncing-dot-loader {\r\n to {\r\n opacity: 0.1;\r\n transform: translateY(-4px);\r\n }\r\n}\r\n\r\n@keyframes show-more-loader {\r\n to {\r\n opacity: 0.4;\r\n }\r\n}\r\n\r\n@keyframes showly-appear {\r\n from { opacity: 0; max-height: 0; }\r\n to { opacity: 1; max-height: 100vh; }\r\n}\r\n\r\n@keyframes showly-disappear {\r\n from { opacity: 1; height: var(--client-height); }\r\n to { opacity: 0; height: 0px; }\r\n}\r\n\r\n.bouncingDotAnimation > div:nth-child(2) {\r\n animation-delay: 0.2s;\r\n}\r\n\r\n.bouncingDotAnimation > div:nth-child(3) {\r\n animation-delay: 0.4s;\r\n}\r\n\r\n\r\n.animated-text-writer-code-container.n1:not(.hide-line-number)::before {\r\n content: "1";\r\n}\r\n\r\n.animated-text-writer-code-container.n2:not(.hide-line-number)::before {\r\n content: "1\\A 2";\r\n}\r\n\r\n.animated-text-writer-code-container.n3:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3";\r\n}\r\n\r\n.animated-text-writer-code-container.n4:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4";\r\n}\r\n\r\n.animated-text-writer-code-container.n5:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5";\r\n}\r\n\r\n.animated-text-writer-code-container.n6:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6";\r\n}\r\n\r\n.animated-text-writer-code-container.n7:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7";\r\n}\r\n\r\n.animated-text-writer-code-container.n8:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8";\r\n}\r\n\r\n.animated-text-writer-code-container.n9:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9";\r\n}\r\n\r\n.animated-text-writer-code-container.n10:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10";\r\n}\r\n\r\n.animated-text-writer-code-container.n11:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11";\r\n}\r\n\r\n.animated-text-writer-code-container.n12:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12";\r\n}\r\n\r\n.animated-text-writer-code-container.n13:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13";\r\n}\r\n\r\n.animated-text-writer-code-container.n14:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14";\r\n}\r\n\r\n.animated-text-writer-code-container.n15:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15";\r\n}\r\n\r\n.animated-text-writer-code-container.n16:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16";\r\n}\r\n\r\n.animated-text-writer-code-container.n17:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17";\r\n}\r\n\r\n.animated-text-writer-code-container.n18:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18";\r\n}\r\n\r\n.animated-text-writer-code-container.n19:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19";\r\n}\r\n\r\n.animated-text-writer-code-container.n20:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20";\r\n}\r\n\r\n.animated-text-writer-code-container.n21:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21";\r\n}\r\n\r\n.animated-text-writer-code-container.n22:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22";\r\n}\r\n\r\n.animated-text-writer-code-container.n23:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23";\r\n}\r\n\r\n.animated-text-writer-code-container.n24:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24";\r\n}\r\n\r\n.animated-text-writer-code-container.n25:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25";\r\n}\r\n\r\n.animated-text-writer-code-container.n26:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26";\r\n}\r\n\r\n.animated-text-writer-code-container.n27:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27";\r\n}\r\n\r\n.animated-text-writer-code-container.n28:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28";\r\n}\r\n\r\n.animated-text-writer-code-container.n29:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29";\r\n}\r\n\r\n.animated-text-writer-code-container.n30:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30";\r\n}\r\n\r\n.animated-text-writer-code-container.n31:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31";\r\n}\r\n\r\n.animated-text-writer-code-container.n32:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32";\r\n}\r\n\r\n.animated-text-writer-code-container.n33:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33";\r\n}\r\n\r\n.animated-text-writer-code-container.n34:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34";\r\n}\r\n\r\n.animated-text-writer-code-container.n35:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35";\r\n}\r\n\r\n.animated-text-writer-code-container.n36:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36";\r\n}\r\n\r\n.animated-text-writer-code-container.n37:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37";\r\n}\r\n\r\n.animated-text-writer-code-container.n38:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38";\r\n}\r\n\r\n.animated-text-writer-code-container.n39:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39";\r\n}\r\n\r\n.animated-text-writer-code-container.n40:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40";\r\n}\r\n\r\n.animated-text-writer-code-container.n41:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41";\r\n}\r\n\r\n.animated-text-writer-code-container.n42:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42";\r\n}\r\n\r\n.animated-text-writer-code-container.n43:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43";\r\n}\r\n\r\n.animated-text-writer-code-container.n44:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44";\r\n}\r\n\r\n.animated-text-writer-code-container.n45:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45";\r\n}\r\n\r\n.animated-text-writer-code-container.n46:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46";\r\n}\r\n\r\n.animated-text-writer-code-container.n47:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47";\r\n}\r\n\r\n.animated-text-writer-code-container.n48:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48";\r\n}\r\n\r\n.animated-text-writer-code-container.n49:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49";\r\n}\r\n\r\n.animated-text-writer-code-container.n50:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50";\r\n}\r\n\r\n.animated-text-writer-code-container.n51:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51";\r\n}\r\n\r\n.animated-text-writer-code-container.n52:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52";\r\n}\r\n\r\n.animated-text-writer-code-container.n53:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53";\r\n}\r\n\r\n.animated-text-writer-code-container.n54:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54";\r\n}\r\n\r\n.animated-text-writer-code-container.n55:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55";\r\n}\r\n\r\n.animated-text-writer-code-container.n56:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56";\r\n}\r\n\r\n.animated-text-writer-code-container.n57:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57";\r\n}\r\n\r\n.animated-text-writer-code-container.n58:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58";\r\n}\r\n\r\n.animated-text-writer-code-container.n59:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59";\r\n}\r\n\r\n.animated-text-writer-code-container.n60:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60";\r\n}\r\n\r\n.animated-text-writer-code-container.n61:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61";\r\n}\r\n\r\n.animated-text-writer-code-container.n62:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62";\r\n}\r\n\r\n.animated-text-writer-code-container.n63:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63";\r\n}\r\n\r\n.animated-text-writer-code-container.n64:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64";\r\n}\r\n\r\n.animated-text-writer-code-container.n65:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65";\r\n}\r\n\r\n.animated-text-writer-code-container.n66:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66";\r\n}\r\n\r\n.animated-text-writer-code-container.n67:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67";\r\n}\r\n\r\n.animated-text-writer-code-container.n68:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68";\r\n}\r\n\r\n.animated-text-writer-code-container.n69:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69";\r\n}\r\n\r\n.animated-text-writer-code-container.n70:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70";\r\n}\r\n\r\n.animated-text-writer-code-container.n71:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71";\r\n}\r\n\r\n.animated-text-writer-code-container.n72:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72";\r\n}\r\n\r\n.animated-text-writer-code-container.n73:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73";\r\n}\r\n\r\n.animated-text-writer-code-container.n74:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74";\r\n}\r\n\r\n.animated-text-writer-code-container.n75:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75";\r\n}\r\n\r\n.animated-text-writer-code-container.n76:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76";\r\n}\r\n\r\n.animated-text-writer-code-container.n77:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77";\r\n}\r\n\r\n.animated-text-writer-code-container.n78:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78";\r\n}\r\n\r\n.animated-text-writer-code-container.n79:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79";\r\n}\r\n\r\n.animated-text-writer-code-container.n80:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80";\r\n}\r\n\r\n.animated-text-writer-code-container.n81:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81";\r\n}\r\n\r\n.animated-text-writer-code-container.n82:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82";\r\n}\r\n\r\n.animated-text-writer-code-container.n83:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83";\r\n}\r\n\r\n.animated-text-writer-code-container.n84:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84";\r\n}\r\n\r\n.animated-text-writer-code-container.n85:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85";\r\n}\r\n\r\n.animated-text-writer-code-container.n86:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86";\r\n}\r\n\r\n.animated-text-writer-code-container.n87:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87";\r\n}\r\n\r\n.animated-text-writer-code-container.n88:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88";\r\n}\r\n\r\n.animated-text-writer-code-container.n89:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89";\r\n}\r\n\r\n.animated-text-writer-code-container.n90:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89\\A 90";\r\n}\r\n\r\n.animated-text-writer-code-container.n91:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89\\A 90\\A 91";\r\n}\r\n\r\n.animated-text-writer-code-container.n92:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89\\A 90\\A 91\\A 92";\r\n}\r\n\r\n.animated-text-writer-code-container.n93:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89\\A 90\\A 91\\A 92\\A 93";\r\n}\r\n\r\n.animated-text-writer-code-container.n94:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89\\A 90\\A 91\\A 92\\A 93\\A 94";\r\n}\r\n\r\n.animated-text-writer-code-container.n95:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89\\A 90\\A 91\\A 92\\A 93\\A 94\\A 95";\r\n}\r\n\r\n.animated-text-writer-code-container.n96:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89\\A 90\\A 91\\A 92\\A 93\\A 94\\A 95\\A 96";\r\n}\r\n\r\n.animated-text-writer-code-container.n97:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89\\A 90\\A 91\\A 92\\A 93\\A 94\\A 95\\A 96\\A 97";\r\n}\r\n\r\n.animated-text-writer-code-container.n98:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89\\A 90\\A 91\\A 92\\A 93\\A 94\\A 95\\A 96\\A 97\\A 98";\r\n}\r\n\r\n.animated-text-writer-code-container.n99:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89\\A 90\\A 91\\A 92\\A 93\\A 94\\A 95\\A 96\\A 97\\A 98\\A 99";\r\n}\r\n\r\n.animated-text-writer-code-container.n100:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89\\A 90\\A 91\\A 92\\A 93\\A 94\\A 95\\A 96\\A 97\\A 98\\A 99\\A 100";\r\n}\r\n');var r=[" ","<","&"],t=["",">",";"],o=function(A,n,e){void 0===e&&(e=!0);var i=1,a=0,c=A.substring(n,n+1),d=r.indexOf(c);if(-1!==d){if(0===t[d].length)i=2,a=1,!1===e&&(i=1,a=0);else{var m=A.indexOf(t[d],n);-1!==m&&(i=m-n+1)}var l=A.substring(n+i-a,n+i-a+1);r.includes(l)&&(i+=o(A,n+i-a,!1))}return i},i=function(r){var t,i=r.content,a=void 0===i?"This is a Sample Text":i,c=r.prefix,d=void 0===c?"":c,m=r.suffix,l=void 0===m?"":m,b=r.replacablePrefix,x=void 0===b?"":b,u=r.codePrefix,h=void 0===u?"":u,f=r.codeSuffix,s=void 0===f?"":f,w=r.delay,p=void 0===w?250:w,v=r.startDelay,y=void 0===v?1e3:v,g=r.displayCursor,C=void 0===g||g,k=r.displayCursorEnd,M=void 0===k||k,T=r.displayCodeWrapper,F=void 0===T||T,B=r.displayCodeLineNumber,S=void 0===B||B,z=r.displayCodeLineNumberMax,D=void 0===z?10:z,N=r.className,E=void 0===N?"":N,L=r.cursorColor,H=void 0===L?"#000":L,_=r.cursorLineHeight,W=void 0===_?"1rem":_,q=r.codeWrapperClasses,P=void 0===q?"":q,j=r.codeWrapperStyle,O=void 0===j?"":j,I=r.codeWrapperWhiteSpace,R=void 0===I?"auto":I,Y=r.displayClickMoreButtonAndPause,G=void 0!==Y&&Y,J=r.displayFullContentOnClickMoreButton,K=void 0!==J&&J,Q=r.clickMoreHeaderText,U=void 0===Q?"":Q,V=r.clickMoreHeaderClassString,X=void 0===V?"":V,Z=r.viewMoreButtonText,$=void 0===Z?"More":Z,AA=r.viewLessButtonText,nA=void 0===AA?"Less":AA,eA=r.showContentAuto,rA=void 0!==eA&&eA,tA=r.sx,oA=void 0===tA?{}:tA,iA=e.useState(0),aA=iA[0],cA=iA[1],dA=e.useState(""),mA=dA[0],lA=dA[1],bA=e.useState(!G),xA=bA[0],uA=bA[1],hA=e.useState(rA),fA=hA[0],sA=hA[1],wA=e.useState(!rA),pA=wA[0],vA=wA[1],yA=e.useState(0),gA=yA[0],CA=yA[1],kA=e.useState(0),MA=kA[0],TA=kA[1],FA=e.useRef(null),BA=e.useMemo(function(){return F?'<div class="animated-text-writer-code-container '.concat(S?"":"hide-line-number"," ").concat(D?"n"+D:""," ").concat("auto"===R?S?"nowrap":"":"nowrap"===R?"nowrap":""," ").concat(P,'" style="').concat(O,'">'):""},[F,S,D,R,P,O]),SA=e.useMemo(function(){return F?"</div>":""},[F]),zA=e.useMemo(function(){return'<span class="animated-text-writer-blinking-cursor" style="color: '.concat(H,"; line-height: ").concat(W,'">𝙸</span>')},[H,W]);e.useEffect(function(){return function(){t&&clearTimeout(t)}},[]),e.useEffect(function(){var A,n=(new Date).getTime();if(0===gA&&(lA(zA),CA(n)),!(gA+y>n)){if(lA(d+(0===MA?x:"")+BA+h+(a.length&&aA<a.length?a.substring(0,aA)+(C&&xA?zA:""):"")+s+SA+l),aA<a.length){var e=o(a,aA);A=setTimeout(function(){cA(aA+e)},p)}else lA(d+BA+h+a+(M?zA:"")+s+SA+l);return function(){A&&clearTimeout(A)}}xA&&(A=setTimeout(function(){TA(MA+1)},p))},[MA,aA,xA,gA,y,d,x,BA,h,a,C,zA,s,SA,l,p,M]);var DA=function(){K?fA?(document.documentElement.style.setProperty("--client-height",FA.current.clientHeight+"px"),vA(!0),t=setTimeout(function(){sA(!1),vA(!1)},1800)):(vA(!1),sA(!0),t&&clearTimeout(t)):uA(!0)};return A("div",{className:E,style:oA,children:[xA&&n("div",{dangerouslySetInnerHTML:{__html:mA}}),!xA&&A("h4",{className:X,onClick:DA,style:{cursor:"pointer"},children:[U,A("button",{className:"displayMoreButton buttonButton",onClick:DA,children:[n("span",{className:"buttonText ".concat(fA?"showLess":"showMore"),children:fA?nA:$}),A("div",{className:"bouncingDotAnimation",children:[" ",n("div",{}),n("div",{})," ",n("div",{})," "]})]})]}),K&&fA&&n("div",{ref:FA,style:{animation:pA?"showly-disappear 2s ease":"showly-appear 2s ease",overflow:"hidden",marginTop:"-2px"},dangerouslySetInnerHTML:{__html:a}})]})};export{i as default};
2
2
  //# sourceMappingURL=index.mjs.map
package/dist/index.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.mjs","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/components/AnimatedTextWriter.tsx"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n","import React from \"react\";\r\n\r\nimport \"./AnimatedTextWriter.css\";\r\n\r\nconst sTags = [' ', '<', '&'];\r\nconst eTags = ['', '>', ';'];\r\n\r\nconst getIncrement = (content: string, index: number, fistCall=true) => {\r\n let increment = 1;\r\n let decrement = 0;\r\n const currentChar = content.substring(index, index+1);\r\n\r\n const tstart = sTags.indexOf(currentChar);\r\n if (tstart !== -1) {\r\n if (eTags[tstart].length === 0) {\r\n increment = 2;\r\n decrement = 1;\r\n if (fistCall === false) {\r\n increment = 1;\r\n decrement = 0;\r\n }\r\n } else {\r\n const tend = content.indexOf(eTags[tstart], index);\r\n if (tend !== -1) {\r\n increment = tend - index + 1;\r\n }\r\n }\r\n\r\n const nextChar = content.substring(index+increment-decrement, index+increment-decrement+1);\r\n\r\n if (sTags.includes(nextChar)) {\r\n increment += getIncrement(content, index+increment-decrement, false);\r\n }\r\n }\r\n\r\n return increment;\r\n};\r\n\r\ninterface AnimatedTextWriterProps {\r\n content?: string;\r\n prefix?: string;\r\n suffix?: string;\r\n replacablePrefix?: string;\r\n codePrefix?: string;\r\n codeSuffix?: string;\r\n delay?: number;\r\n startDelay?: number;\r\n displayCursor?: boolean;\r\n displayCursorEnd?: boolean;\r\n displayCodeWrapper?: boolean;\r\n displayCodeLineNumber?: boolean;\r\n displayCodeLineNumberMax?: number;\r\n className?: string;\r\n cursorColor?: string;\r\n cursorLineHeight?: string;\r\n codeWrapperClasses?: string;\r\n codeWrapperStyle?: string | React.CSSProperties;\r\n codeWrapperWhiteSpace?: \"auto\" | \"nowrap\";\r\n displayClickMoreButtonAndPause?: boolean;\r\n displayFullContentOnClickMoreButton?: boolean;\r\n clickMoreHeaderText?: string;\r\n clickMoreHeaderClassString?: string;\r\n viewMoreButtonText?: string;\r\n viewLessButtonText?: string;\r\n showContentAuto?: boolean;\r\n sx?: React.CSSProperties;\r\n}\r\n\r\nconst AnimatedTextWriter = ({\r\n content = 'This is a Sample Text',\r\n prefix = '',\r\n suffix = '',\r\n replacablePrefix = '',\r\n codePrefix = '',\r\n codeSuffix = '',\r\n delay = 250,\r\n startDelay = 1000,\r\n displayCursor = true,\r\n displayCursorEnd = true,\r\n displayCodeWrapper = true,\r\n displayCodeLineNumber = true,\r\n displayCodeLineNumberMax = 10,\r\n className = '',\r\n cursorColor = '#000',\r\n cursorLineHeight = '1rem',\r\n codeWrapperClasses = '',\r\n codeWrapperStyle = '',\r\n codeWrapperWhiteSpace = 'auto',\r\n displayClickMoreButtonAndPause = false,\r\n displayFullContentOnClickMoreButton = false,\r\n clickMoreHeaderText = '',\r\n clickMoreHeaderClassString = '',\r\n viewMoreButtonText = 'More',\r\n viewLessButtonText = 'Less',\r\n showContentAuto = false,\r\n sx={}\r\n } : AnimatedTextWriterProps) => {\r\n const [currentIndex, setCurrentIndex] = React.useState(0);\r\n const [currentContent, setCurrentContent] = React.useState('');\r\n const [enabled, setEnabled] = React.useState(!displayClickMoreButtonAndPause);\r\n const [showContent, setShowContent] = React.useState(showContentAuto);\r\n const [showContentDisappear, setShowContentDisappear] = React.useState(!showContentAuto);\r\n const [startTime, setStartTime] = React.useState(0);\r\n const [nextIteration, setNextIteration] = React.useState(0);\r\n const elementRef = React.useRef<HTMLDivElement>(null);\r\n let timerControl:NodeJS.Timeout | undefined;\r\n\r\n const codeWrapperPrefix = displayCodeWrapper ? `<div class=\"animated-text-writer-code-container ${displayCodeLineNumber ? '' : 'hide-line-number'} ${displayCodeLineNumberMax ? 'n'+displayCodeLineNumberMax : ''} ${codeWrapperWhiteSpace === 'auto' ? (displayCodeLineNumber ? 'nowrap' : '' ) : (codeWrapperWhiteSpace === 'nowrap' ? 'nowrap' : '')} ${codeWrapperClasses}\" style=\"${codeWrapperStyle}\">` : '';\r\n const codeWrapperSuffix = displayCodeWrapper ? '</div>' : '';\r\n const cursorContent = `<span class=\"animated-text-writer-blinking-cursor\" style=\"color: ${cursorColor}; line-height: ${cursorLineHeight}\">𝙸</span>`;\r\n\r\n\r\n React.useEffect(() => {\r\n const currentMillis = new Date().getTime();\r\n if (startTime === 0) {\r\n setCurrentContent(cursorContent);\r\n setStartTime(currentMillis);\r\n }\r\n\r\n if (startTime + startDelay > currentMillis) {\r\n if (enabled) {\r\n setTimeout(() => {\r\n setNextIteration(nextIteration+1);\r\n }, delay);\r\n }\r\n return;\r\n }\r\n\r\n setCurrentContent(prefix + (nextIteration === 0 ? replacablePrefix : '') + codeWrapperPrefix + codePrefix + (content.length && currentIndex < content.length ? content.substring(0, currentIndex) + (displayCursor && enabled ? cursorContent : '') : '') + codeSuffix + codeWrapperSuffix + suffix);\r\n if (currentIndex < content.length) {\r\n const increment = getIncrement(content, currentIndex);\r\n\r\n setTimeout(() => {\r\n setCurrentIndex(currentIndex + increment);\r\n }, delay);\r\n } else {\r\n setCurrentContent(prefix + codeWrapperPrefix + codePrefix + content + (displayCursorEnd ? cursorContent : '') + codeSuffix + codeWrapperSuffix + suffix);\r\n }\r\n }, [\r\n nextIteration, currentIndex, enabled,\r\n startTime,\r\n startDelay,\r\n prefix,\r\n replacablePrefix,\r\n codeWrapperPrefix,\r\n codePrefix,\r\n content,\r\n displayCursor,\r\n cursorContent,\r\n codeSuffix,\r\n codeWrapperSuffix,\r\n suffix,\r\n delay,\r\n displayCursorEnd\r\n ]\r\n );\r\n\r\n\r\n const clickMoreLessButton = () => {\r\n if (displayFullContentOnClickMoreButton) {\r\n if (!showContent) {\r\n setShowContentDisappear(false);\r\n setShowContent(true);\r\n if (timerControl) {\r\n clearTimeout(timerControl);\r\n }\r\n } else {\r\n document.documentElement.style.setProperty('--client-height', elementRef.current!.clientHeight + 'px');\r\n setShowContentDisappear(true);\r\n timerControl = setTimeout(() => {\r\n setShowContent(false);\r\n setShowContentDisappear(false);\r\n }, 1800);\r\n }\r\n } else {\r\n setEnabled(true);\r\n }\r\n }\r\n\r\n return (\r\n <div className={className} style={sx}>\r\n {enabled && (<div dangerouslySetInnerHTML={{__html: currentContent}} />)}\r\n {!enabled && (\r\n <h4 className={clickMoreHeaderClassString} onClick={clickMoreLessButton} style={{ cursor: 'pointer' }}>\r\n {clickMoreHeaderText}\r\n <button className='displayMoreButton buttonButton'\r\n onClick={clickMoreLessButton}\r\n >\r\n <span className={`buttonText ${showContent ? 'showLess' : 'showMore'}`} >{showContent ? viewLessButtonText : viewMoreButtonText}</span>\r\n <div className=\"bouncingDotAnimation\"> <div></div><div></div> <div></div> </div>\r\n </button>\r\n </h4>\r\n )}\r\n {displayFullContentOnClickMoreButton && showContent && (<div ref={elementRef} style={{ animation: showContentDisappear ? 'showly-disappear 2s ease' : 'showly-appear 2s ease', overflow: 'hidden', marginTop: '-2px' }} dangerouslySetInnerHTML={{__html: content}} />)}\r\n </div>\r\n );\r\n};\r\n\r\nexport default AnimatedTextWriter;"],"names":["css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","sTags","eTags","getIncrement","content","index","fistCall","increment","decrement","currentChar","substring","tstart","indexOf","length","tend","nextChar","includes","AnimatedTextWriter","_a","timerControl","_b","_c","prefix","_d","suffix","_e","replacablePrefix","_f","codePrefix","_g","codeSuffix","_h","delay","_j","startDelay","_k","displayCursor","_l","displayCursorEnd","_m","displayCodeWrapper","_o","displayCodeLineNumber","_p","displayCodeLineNumberMax","_q","className","_r","cursorColor","_s","cursorLineHeight","_t","codeWrapperClasses","_u","codeWrapperStyle","_v","codeWrapperWhiteSpace","_w","displayClickMoreButtonAndPause","_x","displayFullContentOnClickMoreButton","_y","clickMoreHeaderText","_z","clickMoreHeaderClassString","_0","viewMoreButtonText","_1","viewLessButtonText","_2","showContentAuto","_3","sx","_4","React","useState","currentIndex","setCurrentIndex","_5","currentContent","setCurrentContent","_6","enabled","setEnabled","_7","showContent","setShowContent","_8","showContentDisappear","setShowContentDisappear","_9","startTime","setStartTime","_10","nextIteration","setNextIteration","elementRef","useRef","codeWrapperPrefix","concat","codeWrapperSuffix","cursorContent","useEffect","currentMillis","Date","getTime","setTimeout","increment_1","clickMoreLessButton","documentElement","setProperty","current","clientHeight","clearTimeout","_jsxs","children","_jsx","dangerouslySetInnerHTML","__html","onClick","cursor","animation","overflow","marginTop"],"mappings":"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","x_google_ignoreList":[0]}
1
+ {"version":3,"file":"index.mjs","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/components/AnimatedTextWriter.tsx"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n","import React from \"react\";\r\n\r\nimport \"./AnimatedTextWriter.css\";\r\n\r\nconst sTags = [' ', '<', '&'];\r\nconst eTags = ['', '>', ';'];\r\n\r\nconst getIncrement = (content: string, index: number, fistCall=true) => {\r\n let increment = 1;\r\n let decrement = 0;\r\n const currentChar = content.substring(index, index+1);\r\n\r\n const tstart = sTags.indexOf(currentChar);\r\n if (tstart !== -1) {\r\n if (eTags[tstart].length === 0) {\r\n increment = 2;\r\n decrement = 1;\r\n if (fistCall === false) {\r\n increment = 1;\r\n decrement = 0;\r\n }\r\n } else {\r\n const tend = content.indexOf(eTags[tstart], index);\r\n if (tend !== -1) {\r\n increment = tend - index + 1;\r\n }\r\n }\r\n\r\n const nextChar = content.substring(index+increment-decrement, index+increment-decrement+1);\r\n\r\n if (sTags.includes(nextChar)) {\r\n increment += getIncrement(content, index+increment-decrement, false);\r\n }\r\n }\r\n\r\n return increment;\r\n};\r\n\r\ninterface AnimatedTextWriterProps {\r\n content?: string;\r\n prefix?: string;\r\n suffix?: string;\r\n replacablePrefix?: string;\r\n codePrefix?: string;\r\n codeSuffix?: string;\r\n delay?: number;\r\n startDelay?: number;\r\n displayCursor?: boolean;\r\n displayCursorEnd?: boolean;\r\n displayCodeWrapper?: boolean;\r\n displayCodeLineNumber?: boolean;\r\n displayCodeLineNumberMax?: number;\r\n className?: string;\r\n cursorColor?: string;\r\n cursorLineHeight?: string;\r\n codeWrapperClasses?: string;\r\n codeWrapperStyle?: string | React.CSSProperties;\r\n codeWrapperWhiteSpace?: \"auto\" | \"nowrap\";\r\n displayClickMoreButtonAndPause?: boolean;\r\n displayFullContentOnClickMoreButton?: boolean;\r\n clickMoreHeaderText?: string;\r\n clickMoreHeaderClassString?: string;\r\n viewMoreButtonText?: string;\r\n viewLessButtonText?: string;\r\n showContentAuto?: boolean;\r\n sx?: React.CSSProperties;\r\n}\r\n\r\nconst AnimatedTextWriter = ({\r\n content = 'This is a Sample Text',\r\n prefix = '',\r\n suffix = '',\r\n replacablePrefix = '',\r\n codePrefix = '',\r\n codeSuffix = '',\r\n delay = 250,\r\n startDelay = 1000,\r\n displayCursor = true,\r\n displayCursorEnd = true,\r\n displayCodeWrapper = true,\r\n displayCodeLineNumber = true,\r\n displayCodeLineNumberMax = 10,\r\n className = '',\r\n cursorColor = '#000',\r\n cursorLineHeight = '1rem',\r\n codeWrapperClasses = '',\r\n codeWrapperStyle = '',\r\n codeWrapperWhiteSpace = 'auto',\r\n displayClickMoreButtonAndPause = false,\r\n displayFullContentOnClickMoreButton = false,\r\n clickMoreHeaderText = '',\r\n clickMoreHeaderClassString = '',\r\n viewMoreButtonText = 'More',\r\n viewLessButtonText = 'Less',\r\n showContentAuto = false,\r\n sx={}\r\n } : AnimatedTextWriterProps) => {\r\n const [currentIndex, setCurrentIndex] = React.useState(0);\r\n const [currentContent, setCurrentContent] = React.useState('');\r\n const [enabled, setEnabled] = React.useState(!displayClickMoreButtonAndPause);\r\n const [showContent, setShowContent] = React.useState(showContentAuto);\r\n const [showContentDisappear, setShowContentDisappear] = React.useState(!showContentAuto);\r\n const [startTime, setStartTime] = React.useState(0);\r\n const [nextIteration, setNextIteration] = React.useState(0);\r\n const elementRef = React.useRef<HTMLDivElement>(null);\r\n let timerControl:NodeJS.Timeout | undefined;\r\n\r\n const codeWrapperPrefix = React.useMemo(() => displayCodeWrapper ? `<div class=\"animated-text-writer-code-container ${displayCodeLineNumber ? '' : 'hide-line-number'} ${displayCodeLineNumberMax ? 'n'+displayCodeLineNumberMax : ''} ${codeWrapperWhiteSpace === 'auto' ? (displayCodeLineNumber ? 'nowrap' : '' ) : (codeWrapperWhiteSpace === 'nowrap' ? 'nowrap' : '')} ${codeWrapperClasses}\" style=\"${codeWrapperStyle}\">` : '', [displayCodeWrapper, displayCodeLineNumber, displayCodeLineNumberMax, codeWrapperWhiteSpace, codeWrapperClasses, codeWrapperStyle]);\r\n const codeWrapperSuffix = React.useMemo(() => displayCodeWrapper ? '</div>' : '', [displayCodeWrapper]);\r\n const cursorContent = React.useMemo(() => `<span class=\"animated-text-writer-blinking-cursor\" style=\"color: ${cursorColor}; line-height: ${cursorLineHeight}\">𝙸</span>`, [cursorColor, cursorLineHeight]);\r\n\r\n React.useEffect(() => {\r\n return () => {\r\n if (timerControl) {\r\n clearTimeout(timerControl);\r\n }\r\n };\r\n }, []);\r\n\r\n React.useEffect(() => {\r\n let timer: NodeJS.Timeout;\r\n const currentMillis = new Date().getTime();\r\n if (startTime === 0) {\r\n setCurrentContent(cursorContent);\r\n setStartTime(currentMillis);\r\n }\r\n\r\n if (startTime + startDelay > currentMillis) {\r\n if (enabled) {\r\n timer = setTimeout(() => {\r\n setNextIteration(nextIteration+1);\r\n }, delay);\r\n }\r\n return;\r\n }\r\n\r\n setCurrentContent(prefix + (nextIteration === 0 ? replacablePrefix : '') + codeWrapperPrefix + codePrefix + (content.length && currentIndex < content.length ? content.substring(0, currentIndex) + (displayCursor && enabled ? cursorContent : '') : '') + codeSuffix + codeWrapperSuffix + suffix);\r\n if (currentIndex < content.length) {\r\n const increment = getIncrement(content, currentIndex);\r\n\r\n timer = setTimeout(() => {\r\n setCurrentIndex(currentIndex + increment);\r\n }, delay);\r\n } else {\r\n setCurrentContent(prefix + codeWrapperPrefix + codePrefix + content + (displayCursorEnd ? cursorContent : '') + codeSuffix + codeWrapperSuffix + suffix);\r\n }\r\n\r\n return () => {\r\n if (timer) {\r\n clearTimeout(timer);\r\n }\r\n };\r\n }, [\r\n nextIteration, currentIndex, enabled,\r\n startTime,\r\n startDelay,\r\n prefix,\r\n replacablePrefix,\r\n codeWrapperPrefix,\r\n codePrefix,\r\n content,\r\n displayCursor,\r\n cursorContent,\r\n codeSuffix,\r\n codeWrapperSuffix,\r\n suffix,\r\n delay,\r\n displayCursorEnd\r\n ]\r\n );\r\n\r\n\r\n const clickMoreLessButton = () => {\r\n if (displayFullContentOnClickMoreButton) {\r\n if (!showContent) {\r\n setShowContentDisappear(false);\r\n setShowContent(true);\r\n if (timerControl) {\r\n clearTimeout(timerControl);\r\n }\r\n } else {\r\n document.documentElement.style.setProperty('--client-height', elementRef.current!.clientHeight + 'px');\r\n setShowContentDisappear(true);\r\n timerControl = setTimeout(() => {\r\n setShowContent(false);\r\n setShowContentDisappear(false);\r\n }, 1800);\r\n }\r\n } else {\r\n setEnabled(true);\r\n }\r\n }\r\n\r\n return (\r\n <div className={className} style={sx}>\r\n {enabled && (<div dangerouslySetInnerHTML={{__html: currentContent}} />)}\r\n {!enabled && (\r\n <h4 className={clickMoreHeaderClassString} onClick={clickMoreLessButton} style={{ cursor: 'pointer' }}>\r\n {clickMoreHeaderText}\r\n <button className='displayMoreButton buttonButton'\r\n onClick={clickMoreLessButton}\r\n >\r\n <span className={`buttonText ${showContent ? 'showLess' : 'showMore'}`} >{showContent ? viewLessButtonText : viewMoreButtonText}</span>\r\n <div className=\"bouncingDotAnimation\"> <div></div><div></div> <div></div> </div>\r\n </button>\r\n </h4>\r\n )}\r\n {displayFullContentOnClickMoreButton && showContent && (<div ref={elementRef} style={{ animation: showContentDisappear ? 'showly-disappear 2s ease' : 'showly-appear 2s ease', overflow: 'hidden', marginTop: '-2px' }} dangerouslySetInnerHTML={{__html: content}} />)}\r\n </div>\r\n );\r\n};\r\n\r\nexport default AnimatedTextWriter;"],"names":["css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","sTags","eTags","getIncrement","content","index","fistCall","increment","decrement","currentChar","substring","tstart","indexOf","length","tend","nextChar","includes","AnimatedTextWriter","_a","timerControl","_b","_c","prefix","_d","suffix","_e","replacablePrefix","_f","codePrefix","_g","codeSuffix","_h","delay","_j","startDelay","_k","displayCursor","_l","displayCursorEnd","_m","displayCodeWrapper","_o","displayCodeLineNumber","_p","displayCodeLineNumberMax","_q","className","_r","cursorColor","_s","cursorLineHeight","_t","codeWrapperClasses","_u","codeWrapperStyle","_v","codeWrapperWhiteSpace","_w","displayClickMoreButtonAndPause","_x","displayFullContentOnClickMoreButton","_y","clickMoreHeaderText","_z","clickMoreHeaderClassString","_0","viewMoreButtonText","_1","viewLessButtonText","_2","showContentAuto","_3","sx","_4","React","useState","currentIndex","setCurrentIndex","_5","currentContent","setCurrentContent","_6","enabled","setEnabled","_7","showContent","setShowContent","_8","showContentDisappear","setShowContentDisappear","_9","startTime","setStartTime","_10","nextIteration","setNextIteration","elementRef","useRef","codeWrapperPrefix","useMemo","concat","codeWrapperSuffix","cursorContent","useEffect","clearTimeout","timer","currentMillis","Date","getTime","increment_1","setTimeout","clickMoreLessButton","documentElement","setProperty","current","clientHeight","_jsxs","children","_jsx","dangerouslySetInnerHTML","__html","onClick","cursor","animation","overflow","marginTop"],"mappings":"wEAAA,SAAqBA,EAAKC,YACnBA,IAAiBA,EAAM,CAAA,GAC5B,IAAIC,EAAWD,EAAIC,SAEnB,GAAgC,oBAAbC,SAAnB,CAEA,IAAIC,EAAOD,SAASC,MAAQD,SAASE,qBAAqB,QAAQ,GAC9DC,EAAQH,SAASI,cAAc,SACnCD,EAAME,KAAO,WAEI,QAAbN,GACEE,EAAKK,WACPL,EAAKM,aAAaJ,EAAOF,EAAKK,YAKhCL,EAAKO,YAAYL,GAGfA,EAAMM,WACRN,EAAMM,WAAWC,QAAUb,EAE3BM,EAAMK,YAAYR,SAASW,eAAed,GAnBW,CAqBzD,st6CCrBA,IAAMe,EAAQ,CAAC,IAAK,IAAK,KACnBC,EAAQ,CAAC,GAAI,IAAK,KAElBC,EAAe,SAACC,EAAiBC,EAAeC,QAAA,IAAAA,IAAAA,GAAA,GAClD,IAAIC,EAAY,EACZC,EAAY,EACVC,EAAcL,EAAQM,UAAUL,EAAOA,EAAM,GAE7CM,EAASV,EAAMW,QAAQH,GAC7B,IAAe,IAAXE,EAAe,CACf,GAA6B,IAAzBT,EAAMS,GAAQE,OACdN,EAAY,EACZC,EAAY,GACK,IAAbF,IACAC,EAAY,EACZC,EAAY,OAEb,CACH,IAAMM,EAAOV,EAAQQ,QAAQV,EAAMS,GAASN,IAC/B,IAATS,IACAP,EAAYO,EAAOT,EAAQ,EAEnC,CAEA,IAAMU,EAAWX,EAAQM,UAAUL,EAAME,EAAUC,EAAWH,EAAME,EAAUC,EAAU,GAEpFP,EAAMe,SAASD,KACfR,GAAaJ,EAAaC,EAASC,EAAME,EAAUC,GAAW,GAEtE,CAEA,OAAOD,CACX,EAgCMU,EAAqB,SAACC,GACpB,IAoCAC,EApCAC,EAAAF,EAAAd,QAAAA,WAAOgB,EAAG,wBAAuBA,EACjCC,WAAAC,aAAS,GAAED,EACXE,EAAAL,EAAAM,OAAAA,OAAM,IAAAD,EAAG,KACTE,EAAAP,EAAAQ,iBAAAA,OAAgB,IAAAD,EAAG,GAAEA,EACrBE,eAAAC,aAAa,GAAED,EACfE,EAAAX,EAAAY,WAAAA,OAAU,IAAAD,EAAG,KACbE,EAAAb,EAAAc,MAAAA,OAAK,IAAAD,EAAG,IAAGA,EACXE,eAAAC,aAAa,IAAID,EACjBE,EAAAjB,EAAAkB,cAAAA,WAAaD,KACbE,EAAAnB,EAAAoB,iBAAAA,OAAgB,IAAAD,GAAOA,EACvBE,uBAAAC,cAAyBD,EACzBE,EAAAvB,EAAAwB,sBAAAA,WAAqBD,KACrBE,EAAAzB,EAAA0B,yBAAAA,OAAwB,IAAAD,EAAG,GAAEA,EAC7BE,cAAAC,OAAS,IAAAD,EAAG,KACZE,EAAA7B,EAAA8B,YAAAA,WAAWD,EAAG,OAAMA,EACpBE,qBAAAC,aAAmB,OAAMD,EACzBE,EAAAjC,EAAAkC,mBAAAA,OAAkB,IAAAD,EAAG,KACrBE,EAAAnC,EAAAoC,iBAAAA,OAAgB,IAAAD,EAAG,GAAEA,EACrBE,0BAAAC,aAAwB,OAAMD,EAC9BE,EAAAvC,EAAAwC,+BAAAA,OAA8B,IAAAD,KAC9BE,EAAAzC,EAAA0C,oCAAAA,OAAmC,IAAAD,GAAQA,EAC3CE,wBAAAC,aAAsB,GAAED,EACxBE,EAAA7C,EAAA8C,2BAAAA,OAA0B,IAAAD,EAAG,KAC7BE,EAAA/C,EAAAgD,mBAAAA,OAAkB,IAAAD,EAAG,OAAMA,EAC3BE,wBAAAC,eAAqB,OAAMD,GAC3BE,GAAAnD,EAAAoD,gBAAAA,QAAe,IAAAD,OACfE,GAAArD,EAAAsD,GAAAA,QAAE,IAAAD,GAAC,CAAA,EAAEA,GAEHE,GAAkCC,EAAMC,SAAS,GAAhDC,GAAYH,GAAA,GAAEI,SACfC,GAAsCJ,EAAMC,SAAS,IAApDI,GAAcD,GAAA,GAAEE,SACjBC,GAAwBP,EAAMC,UAAUjB,GAAvCwB,GAAOD,GAAA,GAAEE,SACVC,GAAgCV,EAAMC,SAASL,IAA9Ce,GAAWD,GAAA,GAAEE,SACdC,GAAkDb,EAAMC,UAAUL,IAAjEkB,GAAoBD,GAAA,GAAEE,SACvBC,GAA4BhB,EAAMC,SAAS,GAA1CgB,GAASD,GAAA,GAAEE,SACZC,GAAoCnB,EAAMC,SAAS,GAAlDmB,GAAaD,GAAA,GAAEE,SAChBC,GAAatB,EAAMuB,OAAuB,MAG1CC,GAAoBxB,EAAMyB,QAAQ,WAAM,OAAA3D,EAAqB,mDAAA4D,OAAmD1D,EAAwB,GAAK,+BAAsBE,EAA2B,IAAIA,EAA2B,eAAgC,SAA1BY,EAAoCd,EAAwB,SAAW,GAAkC,WAA1Bc,EAAqC,SAAW,eAAOJ,EAAkB,aAAAgD,OAAY9C,EAAgB,MAAO,EAAtX,EAA0X,CAACd,EAAoBE,EAAuBE,EAA0BY,EAAuBJ,EAAoBE,IACnhB+C,GAAoB3B,EAAMyB,QAAQ,WAAM,OAAA3D,EAAqB,SAAW,EAAhC,EAAoC,CAACA,IAC7E8D,GAAgB5B,EAAMyB,QAAQ,WAAM,MAAA,oEAAAC,OAAoEpD,EAAW,mBAAAoD,OAAkBlD,EAAgB,cAAjH,EAAgI,CAACF,EAAaE,IAExLwB,EAAM6B,UAAU,WACZ,OAAO,WACCpF,GACAqF,aAAarF,EAErB,CACJ,EAAG,IAEHuD,EAAM6B,UAAU,WACZ,IAAIE,EACEC,GAAgB,IAAIC,MAAOC,UAMjC,GALkB,IAAdjB,KACAX,GAAkBsB,IAClBV,GAAac,MAGbf,GAAYzD,EAAawE,GAA7B,CAUA,GADA1B,GAAkB1D,GAA4B,IAAlBwE,GAAsBpE,EAAmB,IAAMwE,GAAoBtE,GAAcxB,EAAQS,QAAU+D,GAAexE,EAAQS,OAAST,EAAQM,UAAU,EAAGkE,KAAiBxC,GAAiB8C,GAAUoB,GAAgB,IAAM,IAAMxE,EAAauE,GAAoB7E,GACzRoD,GAAexE,EAAQS,OAAQ,CAC/B,IAAMgG,EAAY1G,EAAaC,EAASwE,IAExC6B,EAAQK,WAAW,WACfjC,GAAgBD,GAAeiC,EACnC,EAAG7E,EACP,MACIgD,GAAkB1D,EAAS4E,GAAoBtE,EAAaxB,GAAWkC,EAAmBgE,GAAgB,IAAMxE,EAAauE,GAAoB7E,GAGrJ,OAAO,WACCiF,GACAD,aAAaC,EAErB,CAjBA,CANQvB,KACAuB,EAAQK,WAAW,WACff,GAAiBD,GAAc,EACnC,EAAG9D,GAqBf,EAAG,CACK8D,GAAelB,GAAcM,GAC7BS,GACAzD,EACAZ,EACAI,EACAwE,GACAtE,EACAxB,EACAgC,EACAkE,GACAxE,EACAuE,GACA7E,EACAQ,EACAM,IAKR,IAAMyE,GAAsB,WACpBnD,EACKyB,IAODhG,SAAS2H,gBAAgBxH,MAAMyH,YAAY,kBAAmBjB,GAAWkB,QAASC,aAAe,MACjG1B,IAAwB,GACxBtE,EAAe2F,WAAW,WACtBxB,IAAe,GACfG,IAAwB,EAC5B,EAAG,QAXHA,IAAwB,GACxBH,IAAe,GACXnE,GACAqF,aAAarF,IAWrBgE,IAAW,EAEnB,EAEA,OACIiC,EAAA,MAAA,CAAKtE,UAAWA,EAAWtD,MAAOgF,GAAE6C,SAAA,CAC/BnC,IAAYoC,SAAKC,wBAAyB,CAACC,OAAQzC,OAClDG,IACFkC,EAAA,KAAA,CAAItE,UAAWkB,EAA4ByD,QAASV,GAAqBvH,MAAO,CAAEkI,OAAQ,WAAWL,SAAA,CAChGvD,EACDsD,EAAA,SAAA,CAAQtE,UAAU,iCACd2E,QAASV,GAAmBM,SAAA,CAE5BC,EAAA,OAAA,CAAMxE,UAAW,cAAAsD,OAAcf,GAAc,WAAa,YAAYgC,SAAIhC,GAAcjB,GAAqBF,IAC7GkD,EAAA,MAAA,CAAKtE,UAAU,qCAAwBwE,EAAA,MAAA,IAAWA,EAAA,MAAA,CAAA,GAAW,IAACA,EAAA,MAAA,IAAW,aAIhF1D,GAAuCyB,IAAgBiC,EAAA,MAAA,CAAKnI,IAAK6G,GAAYxG,MAAO,CAAEmI,UAAWnC,GAAuB,2BAA6B,wBAAyBoC,SAAU,SAAUC,UAAW,QAAUN,wBAAyB,CAACC,OAAQpH,OAGtQ","x_google_ignoreList":[0]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-animated-text-writer",
3
- "version": "1.0.2",
3
+ "version": "1.0.3",
4
4
  "description": "React Animated Text Writer - A flexible typing animation component for React with cursor effects, delays, prefix/suffix injection, and an optional code-editor style wrapper with line numbers and syntax highlighting.",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",
package/src/components/AnimatedTextWriter.tsx CHANGED
@@ -105,12 +105,20 @@ const AnimatedTextWriter = ({
105
105
  const elementRef = React.useRef<HTMLDivElement>(null);
106
106
  let timerControl:NodeJS.Timeout | undefined;
107
107
 
108
- const codeWrapperPrefix = displayCodeWrapper ? `<div class="animated-text-writer-code-container ${displayCodeLineNumber ? '' : 'hide-line-number'} ${displayCodeLineNumberMax ? 'n'+displayCodeLineNumberMax : ''} ${codeWrapperWhiteSpace === 'auto' ? (displayCodeLineNumber ? 'nowrap' : '' ) : (codeWrapperWhiteSpace === 'nowrap' ? 'nowrap' : '')} ${codeWrapperClasses}" style="${codeWrapperStyle}">` : '';
109
- const codeWrapperSuffix = displayCodeWrapper ? '</div>' : '';
110
- const cursorContent = `<span class="animated-text-writer-blinking-cursor" style="color: ${cursorColor}; line-height: ${cursorLineHeight}">𝙸</span>`;
108
+ const codeWrapperPrefix = React.useMemo(() => displayCodeWrapper ? `<div class="animated-text-writer-code-container ${displayCodeLineNumber ? '' : 'hide-line-number'} ${displayCodeLineNumberMax ? 'n'+displayCodeLineNumberMax : ''} ${codeWrapperWhiteSpace === 'auto' ? (displayCodeLineNumber ? 'nowrap' : '' ) : (codeWrapperWhiteSpace === 'nowrap' ? 'nowrap' : '')} ${codeWrapperClasses}" style="${codeWrapperStyle}">` : '', [displayCodeWrapper, displayCodeLineNumber, displayCodeLineNumberMax, codeWrapperWhiteSpace, codeWrapperClasses, codeWrapperStyle]);
109
+ const codeWrapperSuffix = React.useMemo(() => displayCodeWrapper ? '</div>' : '', [displayCodeWrapper]);
110
+ const cursorContent = React.useMemo(() => `<span class="animated-text-writer-blinking-cursor" style="color: ${cursorColor}; line-height: ${cursorLineHeight}">𝙸</span>`, [cursorColor, cursorLineHeight]);
111
111
 
112
+ React.useEffect(() => {
113
+ return () => {
114
+ if (timerControl) {
115
+ clearTimeout(timerControl);
116
+ }
117
+ };
118
+ }, []);
112
119
 
113
120
  React.useEffect(() => {
121
+ let timer: NodeJS.Timeout;
114
122
  const currentMillis = new Date().getTime();
115
123
  if (startTime === 0) {
116
124
  setCurrentContent(cursorContent);
@@ -119,7 +127,7 @@ const AnimatedTextWriter = ({
119
127
 
120
128
  if (startTime + startDelay > currentMillis) {
121
129
  if (enabled) {
122
- setTimeout(() => {
130
+ timer = setTimeout(() => {
123
131
  setNextIteration(nextIteration+1);
124
132
  }, delay);
125
133
  }
@@ -130,12 +138,18 @@ const AnimatedTextWriter = ({
130
138
  if (currentIndex < content.length) {
131
139
  const increment = getIncrement(content, currentIndex);
132
140
 
133
- setTimeout(() => {
141
+ timer = setTimeout(() => {
134
142
  setCurrentIndex(currentIndex + increment);
135
143
  }, delay);
136
144
  } else {
137
145
  setCurrentContent(prefix + codeWrapperPrefix + codePrefix + content + (displayCursorEnd ? cursorContent : '') + codeSuffix + codeWrapperSuffix + suffix);
138
146
  }
147
+
148
+ return () => {
149
+ if (timer) {
150
+ clearTimeout(timer);
151
+ }
152
+ };
139
153
  }, [
140
154
  nextIteration, currentIndex, enabled,
141
155
  startTime,