/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;text-size-adjust:100%}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{overflow:visible;box-sizing:content-box;height:0}pre{font-family:monospace;font-size:1em}a{background-color:transparent}abbr[title]{text-decoration:underline;text-decoration:underline dotted;border-bottom:none}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;position:relative;font-size:75%;line-height:0}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{display:table;box-sizing:border-box;max-width:100%;padding:0;white-space:normal;color:inherit}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;appearance:textfield}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{font:inherit;appearance:button}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:transparent}:root{--color-primary: #76b744;--color-text-secondary: #64758b;--color-surface: #eaeaea;--color-text: #13020e;--color-white: #fff;--color-black: #000;--color-border-input: rgb(209, 213, 219);--color-logo-text: #000;--border-radius-s: .375rem;--hero-bg: #fff;--color-brand-surface: #141414;--color-article-bg: #fff;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-button: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, .05) 0px 1px 2px 0px;--shadow-1: rgba(0, 0, 0, .1);--shadow-2: rgba(0, 0, 0, .2);--shadow-5: rgba(0, 0, 0, .5);--shadow-8: rgba(0, 0, 0, .8);--shadow-inset: rgba(255, 255, 255, .5);--shadow-notification: rgb(255, 255, 255) 0px 0px 0px 0px, rgba(0, 0, 0, .05) 0px 0px 0px 1px, rgba(0, 0, 0, .1) 0px 10px 15px -3px, rgba(0, 0, 0, .1) 0px 4px 6px -4px;--popup-shadow-sm: 0 4px 8px 0 var(--shadow-2), 0 2px 4px 0 var(--shadow-1);--popup-shadow: 0 12px 28px 0 var(--shadow-2), 0 2px 4px 0 var(--shadow-1);--color-background: #fff;--color-background-secondary: #ccc}html.light{--color-primary: #76b744;--color-text-secondary: #64758b;--color-surface: #eaeaea;--color-text: #13020e;--color-white: #fff;--color-black: #000;--color-border-input: rgb(209, 213, 219);--color-logo-text: #000;--border-radius-s: .375rem;--hero-bg: #fff;--color-brand-surface: #141414;--color-article-bg: #fff;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-button: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, .05) 0px 1px 2px 0px;--shadow-1: rgba(0, 0, 0, .1);--shadow-2: rgba(0, 0, 0, .2);--shadow-5: rgba(0, 0, 0, .5);--shadow-8: rgba(0, 0, 0, .8);--shadow-inset: rgba(255, 255, 255, .5);--shadow-notification: rgb(255, 255, 255) 0px 0px 0px 0px, rgba(0, 0, 0, .05) 0px 0px 0px 1px, rgba(0, 0, 0, .1) 0px 10px 15px -3px, rgba(0, 0, 0, .1) 0px 4px 6px -4px;--popup-shadow-sm: 0 4px 8px 0 var(--shadow-2), 0 2px 4px 0 var(--shadow-1);--popup-shadow: 0 12px 28px 0 var(--shadow-2), 0 2px 4px 0 var(--shadow-1);--color-background: #fff;--color-background-secondary: #ccc}html.dark{--color-primary: #76b744;--color-text-secondary: #64758b;--color-surface: #13020e;--color-text: #eaeaea;--color-white: #fff;--color-black: #000;--color-border-input: rgb(209, 213, 219);--color-logo-text: #eaeaea;--border-radius-s: .375rem;--hero-bg: #fff;--color-brand-surface: #141414;--color-article-bg: #141414;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-button: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, .05) 0px 1px 2px 0px;--shadow-1: rgba(0, 0, 0, .1);--shadow-2: rgba(0, 0, 0, .2);--shadow-5: rgba(0, 0, 0, .5);--shadow-8: rgba(0, 0, 0, .8);--shadow-inset: rgba(255, 255, 255, .5);--shadow-notification: rgb(255, 255, 255) 0px 0px 0px 0px, rgba(0, 0, 0, .05) 0px 0px 0px 1px, rgba(0, 0, 0, .1) 0px 10px 15px -3px, rgba(0, 0, 0, .1) 0px 4px 6px -4px;--popup-shadow-sm: 0 4px 8px 0 var(--shadow-2), 0 2px 4px 0 var(--shadow-1);--popup-shadow: 0 12px 28px 0 var(--shadow-2), 0 2px 4px 0 var(--shadow-1);--color-background: #222;--color-background-secondary: #383838}*,*:before,*:after{box-sizing:border-box}:root{--color-canvas-primary: #fff;--color-canvas-inverted: #333;--color-brand-primary: #ffa800;--color-brand-secondary: #ffc635;--color-brand-tertiary: #ff6b00;--color-text-primary: #333;--color-text-secondary: #64758b;--color-text-tertiary: #ff6b00;--color-text-inverted: #fff;--color-text-link: #ff6b00;--color-text-success: #00b533;--color-text-warn: #ffb700;--color-text-danger: #ff2600;--color-ui-primary: #ff6b00;--color-ui-secondary: #ffc635;--color-ui-tertiary: #ffc635;--color-ui-success: #00b533;--color-ui-warn: #ffb700;--color-ui-danger: #ff2600}html{overflow-y:scroll;width:100%;height:100%}body{min-height:100%;min-width:320px;word-wrap:break-word;overflow-wrap:break-word;font-family:SF Pro Display,Helvetica,Helvetica Neue,arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-size:16px;line-height:1.6;font-feature-settings:"palt";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-size-adjust:100%}a{text-decoration:none;color:inherit;cursor:pointer}button{padding:0;border-width:0;background-color:transparent;color:inherit;cursor:pointer}figure{margin:0}input::-moz-focus-inner{margin:0;padding:0;border:0}ul,ol,dd{margin:0;padding:0;list-style:none}h1,h2,h3,h4,h5,h6{margin:0;font-size:inherit;font-weight:inherit}p{margin:0}cite{font-style:normal}fieldset{margin:0;padding:0;border-width:0}label{cursor:pointer}strong{font-weight:700}em{font-style:italic}body{background:var(--color-surface);color:var(--color-text)}.header{box-sizing:border-box;padding:1rem}.header-container{display:flex;align-items:center;justify-content:space-between;max-width:740px;margin:0 auto}.header-social{display:flex;align-items:center}.header-social div{margin-left:1.2rem}.header-social svg{height:22px}.logo{display:grid}.logo svg{height:40px;width:126px}.hero{box-sizing:border-box;padding:0 1rem}.hero-container{margin:0 auto;max-width:840px;box-sizing:border-box;padding:0.6rem 1.5rem;display:flex;justify-content:space-between;align-items:center;background:var(--color-brand-surface);box-shadow:var(--shadow-sm);border-radius:var(--border-radius-s);background-image:url(/asset/muvon-icon.svg);background-repeat:no-repeat;background-position:-150px;background-size:100%}.hero-description{max-width:50%}.hero-description div{font-weight:700;font-size:1.4rem;color:var(--color-white)}.hero-description p{font-size:1rem;font-weight:500;line-height:1.25;color:#eaeaea;text-shadow: 0 1px rgba(0,0,0,.3);}.hero-form,.hero-form form{display:flex;align-items:center;justify-content:flex-end}.hero-form form button{margin-left:.5rem}.input{padding-top:.5rem;padding-bottom:.5rem;padding:.5rem;-webkit-appearance:none;width:100%;box-sizing:border-box;display:block;background:var(--color-white);font-size:.875rem;line-height:1.25rem;border:1px solid var(--color-border-input);border-radius:var(--border-radius-s);color:var(--color-black);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--shadow-sm)}.button{cursor:pointer;font-weight:500;color:var(--color-black);border-color:transparent;line-height:1.25rem;display:flex;align-items:center;border-width:1px;border-radius:var(--border-radius-s);padding:.5rem 1rem;border-style:solid;background-color:var(--color-primary);transition:background-color .3s ease-in-out;box-shadow:var(--shadow-button)}.button span{font-size:.8125rem;font-weight:500}.feed-container{width:640px;margin:0 auto}.content-container{width:840px;background:var(--color-article-bg);margin:0 auto;margin-bottom:2rem;border-radius:var(--border-radius-s)}.content-container .article{max-width:640px;margin:0 auto}.content-container .article a{display:inline;color:var(--color-primary);border-bottom:1px dashed var(--color-primary)}.content-container .article a:hover{border-bottom:1px solid transparent}.content-container .article img{margin-bottom:1rem}.content-container .article h1{box-sizing:border-box;padding:1.2rem;padding-top:0;font-weight:600;line-height:30px;display:block;font-size:24px}.content-container .article h2,.content-container .article h3,.content-container .article h4,.content-container .article h5{box-sizing:border-box;padding:1.2rem;padding-top:1rem;font-weight:600;line-height:30px;display:block;font-size:22px}.content-container .article .article-author img{margin-bottom:0;border-radius:50%}.article-author a{display:flex!important;align-items:center;}.content-container .article pre{border-radius:var(--border-radius-s);display:block;margin-bottom:1rem;font-size:16px}.article{background:var(--color-article-bg);border-radius:var(--border-radius-s);margin-bottom:1.5rem;overflow:hidden}.article-header{box-sizing:border-box;padding:1.2rem;display:flex;align-items:center}.article-theme{margin-right:2rem;display:flex;align-items:center}.article-theme span{font-weight:500;font-size:.95rem}.article-theme svg,.article-theme img{display:none;width:20px;height:20px;margin-right:.5rem;border-radius:var(--border-radius-s)}.article-author{margin-right:2rem;display:flex;align-items:center}.article-author span{font-size:.95rem}.article-author a{color:var(--color-text)!important;border:none!important}.article-author svg,.article-author img{border-radius:50%;width:20px;height:20px;margin-right:.5rem}.article-date{color:var(--color-text-secondary);font-size:.85rem}.article-inner{font-size:18px}.article-content{box-sizing:border-box}.article-content a{display:block}.article-content h2{box-sizing:border-box;padding:1.2rem;padding-top:0;font-weight:600;line-height:30px;display:block;font-size:24px}.article-content p{box-sizing:border-box;padding:1.2rem;padding-top:0}.article-content img{width:100%;vertical-align:bottom;height:auto;}.footer{margin-top:5rem;background:var(--color-article-bg);border-top:1px solid var(--color-background);box-sizing:border-box;padding:1rem}.footer-container{max-width:640px;margin:0 auto}.footer-made{display:flex;align-items:center}.footer-made a{display:inherit;margin-left:.5rem}.footer-made svg{height:28px;width:100px}.hero-settings{max-width:640px;box-sizing:border-box;padding:1rem;margin:0 auto;display:flex;justify-content:space-between}.select{padding-top:.5rem;padding-bottom:.5rem;padding:.5rem;-webkit-appearance:none;width:100%;box-sizing:border-box;display:block;background:var(--color-white);font-size:.875rem;line-height:1.25rem;border:1px solid var(--color-border-input);border-radius:var(--border-radius-s);color:var(--color-black);box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--shadow-sm)}.hero-settings-category{display:flex;align-items:center}.hero-settings-category label{font-weight:500;font-size:.85rem;margin-right:1rem}.hero-settings-category .select{width:150px}.ThemeToggle{appearance:none;width:62px;height:32px;display:inline-block;position:relative;border-radius:50px;overflow:hidden;outline:none;border:none;cursor:pointer;background:var(--color-background-secondary);transition:background-color ease .3s}.ThemeToggle:before{content:url(https://shivanarrthine.com/public/images/icons/moon.svg);display:flex;box-sizing:border-box;padding:4px;position:absolute;z-index:2;width:24px;height:24px;background:var(--color-background);left:4px;top:4px;border-radius:50%;word-spacing:37px;color:#fff;white-space:nowrap;transition:all cubic-bezier(.3,1.5,.7,1) .3s}.ThemeToggle:checked{background-color:var(--color-background-secondary);border-color:var(--color-background)}.ThemeToggle:checked:before{left:32px;content:url(https://shivanarrthine.com/public/images/icons/sun.svg);background:var(--color-background)}.header-social div a{display:block}.hero-settings{align-items:center}.theme__toggle{display:flex}#example-container{position:relative}#example-container iframe{position:absolute;top:100%;z-index:1;display:none}.sample-Tab-content[aria-hidden=true]{display:none}.sample-Tab-content[aria-hidden=false]{display:block}@font-face{font-family:SF Pro Display;src:local("SF Pro Display Regular"),url(/asset/SFPRODISPLAYREGULAR.71a2162c.OTF) format("opentype");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:SF Pro Display;src:local("SF Pro Display Medium"),url(/asset/SFPRODISPLAYMEDIUM.cbfd1791.OTF) format("opentype");font-display:swap;font-style:normal;font-weight:500}@font-face{font-family:SF Pro Display;src:local("SF Pro Display Bold"),url(/asset/SFPRODISPLAYBOLD.a981001f.OTF) format("opentype");font-display:swap;font-style:normal;font-weight:600}@media (prefers-color-scheme: dark){:root{--color-primary: #76b744;--color-text-secondary: #64758b;--color-surface: #13020e;--color-text: #eaeaea;--color-white: #fff;--color-black: #000;--color-border-input: rgb(209, 213, 219);--color-logo-text: #eaeaea;--border-radius-s: .375rem;--hero-bg: #fff;--color-brand-surface: #141414;--color-article-bg: #141414;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-button: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, .05) 0px 1px 2px 0px;--shadow-1: rgba(0, 0, 0, .1);--shadow-2: rgba(0, 0, 0, .2);--shadow-5: rgba(0, 0, 0, .5);--shadow-8: rgba(0, 0, 0, .8);--shadow-inset: rgba(255, 255, 255, .5);--shadow-notification: rgb(255, 255, 255) 0px 0px 0px 0px, rgba(0, 0, 0, .05) 0px 0px 0px 1px, rgba(0, 0, 0, .1) 0px 10px 15px -3px, rgba(0, 0, 0, .1) 0px 4px 6px -4px;--popup-shadow-sm: 0 4px 8px 0 var(--shadow-2), 0 2px 4px 0 var(--shadow-1);--popup-shadow: 0 12px 28px 0 var(--shadow-2), 0 2px 4px 0 var(--shadow-1);--color-background: #222;--color-background-secondary: #383838}}#subscribe-form p{font-size:1.1rem;color:#fff;font-weight:500}@media screen and (max-width: 768px){.article-header{white-space:nowrap}.content-container .article pre{margin-left:1rem;margin-right:1rem}.logo svg{height:34px}.header-social div{margin-left:1rem}.header-social svg{height:20px}.hero{padding:0;border-radius:0}.hero-container{border-radius:0}.hero-container{display:block}.hero-description{max-width:100%;margin-bottom:1rem}.hero-form form{width:100%}.header-social div a{height:20px}.content-container,.content-container .article{width:100%}.article-theme,.article-author{margin-right:1.5rem}.hero-description p{font-size:.825rem}.feed-container{width:100%}}code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:0 0;text-shadow:0 1px rgba(0,0,0,.3);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;margin-top:0;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#272822}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#8292a2}.token.punctuation{color:#f8f8f2}.token.namespace{opacity:.7}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#f92672}.token.boolean,.token.number{color:#ae81ff}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#a6e22e}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.class-name,.token.function{color:#e6db74}.token.keyword{color:#66d9ef}.token.important,.token.regex{color:#fd971f}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.article-content ul,.article-content ol{padding:1.2rem;padding-top:0;list-style:unset;padding-left:3.2rem;}.article-content ol{list-style:numeric;}.article-content li+li{margin-top:0.5rem;}.article-author-box{box-sizing:border-box;padding:1.2rem;display:flex;margin-top:3rem;align-items:flex-start;margin-bottom:2rem}.article-author-box-avatar{margin-right:1rem;width:60px;min-width:60px;height:60px}.article-author-box-avatar img{border-radius:50%}.article-author-box-content-name{display:flex;align-items:center}.article-author-box-content-name p{font-weight:500;margin:0;padding:0}.article-socials{display:flex;align-items:center;margin-left:2rem}.article-socials a{margin-right:.8rem;display:flex!important;border:none!important}.article-socials svg{width:18px;height:18px}.article-author-box-content-about{margin-top:.6rem;font-size:.96rem;color:var(--color-text-secondary)}@media screen and (max-width:640px){.article-author-box-content-name{display:block}.article-socials{margin-left:0;margin-top:.3rem}}li code,p code{font-family:inherit;background:rgba(135,131,120,.15);color:#eb5757;border-radius:3px;font-size:85%;padding:.2em .4em}.categories{display:flex;flex-wrap:wrap}.category-link{display:flex;margin-right:.5rem;margin-bottom:.2rem;font-size:.925rem;padding:.2rem .5rem;border-radius:var(--border-radius-s);background:var(--color-article-bg);white-space:nowrap;border:1px solid transparent}.category-link:hover,[data-selected=selected]{border:1px solid var(--color-primary)}.hero-settings-category::-webkit-scrollbar{display:none}