@import"https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700&display=swap";#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}:root{--color-main: #ffffff;--color-secondary: #f6f7f8;--color-tertiary: #fafafa;--color-primary: #FF0078;--color-border: #2E2E3B;--color-spot: #1ED760;--text-light: #ffffff;--text-dark: #2E2E3B;--box-shadow: 0 10px 20px rgb(0 0 0 / 50%);--box-shadow-sm: 0 10px 20px rgb(0 0 0 / 10%);--transition-duration: .3s;--border-radius: 14px;--border-radius-sm: 4px;--color-1: #ff0078;--color-2: #6f34f2;--color-3: #011627;--color-4: #ffbd2c;--color-5: #ff5e59;--color-6: #24cb3c}*{margin:0;padding:0}*::-webkit-scrollbar{display:none}body{font-family:Rubik,sans-serif;-webkit-font-smoothing:antialiased;max-width:80vh;margin:0 auto;font-weight:400;min-height:100vh;background:#ff0078;background:linear-gradient(-45deg,#ff0078,#e73c7e,#6222eb,#6f34f2);background-size:200% 200%;animation:gradient 15s ease infinite}.container{padding:0 20px;max-width:550px;margin:0 auto}main{padding-top:20vh;margin-bottom:30vh}.bg-warning{background-color:var(--color-4)}.bg-danger{background-color:var(--color-5)}.bg-success{background-color:var(--color-6)}.title-1{font-size:38px;font-weight:600;text-shadow:var(--box-shadow-sm);text-align:center}.header{padding-top:75px;margin-bottom:150px}.code-input{padding:14px}.downloading-code{min-width:400px}.downloading-code textarea{display:none!important;opacity:0!important}.code{background-color:var(--color-3);height:auto;margin-left:auto;margin-right:auto;border-radius:var(--border-radius);color:#fff;box-shadow:var(--box-shadow);resize:horizontal;overflow:auto;min-width:300px;max-width:-webkit-fill-available;max-width:-moz-available;max-width:fill-available}.code::-webkit-resizer{display:none}.code-heading{padding:14px 24px;border-bottom:1px solid var(--color-border);display:flex;align-items:center}.code-heading-title{font-size:16px;margin-left:10px;flex-grow:1;transition-duration:var(--transition-duration);overflow:hidden}.code-heading-title input{flex-grow:1;margin-right:10px;background-color:transparent;font-family:Rubik,sans-serif;-webkit-font-smoothing:antialiased;color:#fff;font-weight:400;border:none}.code-heading-title h5{font-weight:400;text-decoration:none;text-overflow:ellipsis;display:block;overflow:hidden}.code-heading-title input:focus{outline:none}.code-heading-title svg{cursor:pointer;transition-duration:var(--transition-duration)}.code-heading-title svg:hover{opacity:.5}.code-heading-title svg:active{opacity:1}.code-heading-dot-1,.code-heading-dot-2,.code-heading-dot-3{width:10px;height:10px;min-width:10px;min-height:10px;border-radius:50%;margin-right:10px}.code-heading-dot-1{background-color:var(--color-5)}.code-heading-dot-2{background-color:var(--color-4)}.code-heading-dot-3{background-color:var(--color-6)}.flex{display:flex}.justify-between{justify-content:space-between}.align-center{align-items:center}textarea:focus{outline:none!important}textarea{border:none!important}.flex-end{justify-content:flex-end}.gap-1{gap:12px}.mb-1{margin-bottom:12px}.btn{background-color:var(--color-3);border-radius:var(--border-radius-sm);border:1px solid var(--color-border);color:#fff;padding:6px 8px;cursor:pointer;display:flex;gap:8px;box-shadow:var(--box-shadow-sm);transition-duration:var(--transition-duration)}.btn:hover{background-color:var(--color-border)}.btn:active{background-color:var(--color-3)}.spinner svg{animation:spin 1s linear infinite}pre{background-color:transparent!important}.downloading-code{background:#ff0078;background:linear-gradient(157deg,#ff0078 16%,#6f34f2 90%);padding:40px}.opacity-0{opacity:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}code[class*=language-],pre[class*=language-]{color:#ccc;background:0 0;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}pre[class*=language-].line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}pre[class*=language-].line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.line-numbers-rows>span{display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}