/*!tailwindcss v4.2.1 | MIT License | https://tailwindcss.com*/@charset "UTF-8";@layer properties;.post-title{font-family:ui-monospace,sf mono,Menlo,Monaco,Consolas,monospace;background:linear-gradient(160deg,#ffffff 30%,#93c5fd 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.025em;line-height:1.15}.post-title-hash{-webkit-text-fill-color:#22c55e;color:#22c55e;opacity:.85;font-weight:400;font-size:.6em;margin-right:.35em;vertical-align:.15em}.top-bar{text-align:center;box-shadow:0 3px 8px rgba(116,129,141,.1);border-bottom:1px solid #d4dadf}@media(min-width:576px){.top-bar{padding:5px}}@media(min-width:768px){.top-bar{padding:40px}}.top-bar img{width:auto;height:40px;margin-right:40px}.top-bar h1{font-size:36px;font-weight:500;line-height:1.4;background-color:#fafbfc}#TableOfContents{background-color:#111827;border:1px solid #374151;border-left:3px solid #3b82f6;border-radius:.75rem;padding:.75rem 1rem;margin-bottom:1.5rem}#TableOfContents::before{content:"In this article";display:block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#6b7280;margin-bottom:.5rem}#TableOfContents ul{list-style:none;margin:0;padding:0}#TableOfContents ul li{margin-bottom:.2rem}#TableOfContents ul li:before{content:""}#TableOfContents ul li a{color:#d1d5db;font-size:.825rem;font-weight:400;text-decoration:none;transition:color .15s ease}#TableOfContents ul li a:hover{color:#93c5fd}#TableOfContents ul ul{padding-left:.75rem;margin-top:.2rem;border-left:1px solid #374151}#TableOfContents ul ul li{margin-bottom:.15rem}#TableOfContents ul ul li a{font-size:.775rem;color:#9ca3af}#TableOfContents ul ul li a:hover{color:#93c5fd}.post-info{line-height:1.35;font-size:.9rem;font-weight:500;color:#005469}.post-info img.icon{margin-right:5px;margin-top:-1px;width:20px;height:20px}.post-info img.author{width:35px;height:35px;margin:-10px;margin-right:5px;border-radius:50%;box-shadow:0 5px 10px -5px rgba(0,0,0,.4)}.post-info .post-info-inner{display:grid;grid-template-columns:auto auto auto auto;text-align:center;padding:20px}.post-info a{color:#005469}.post-info .badge-info{letter-spacing:.05rem;padding:5px 15px;background-color:#0f7895!important}.next-prev{width:auto;display:grid;grid-template-rows:auto;grid-template-areas:"previous next";grid-template-columns:1fr 1fr;margin:0;padding:0;grid-column-gap:24px;margin-top:40px}.filename{position:relative;background:#1a1f2e;border-bottom:1px solid #2d3748;padding:.6rem 1rem;border-top-left-radius:8px;border-top-right-radius:8px;text-align:center;font-family:ui-monospace,sf mono,Menlo,Monaco,Consolas,monospace;font-size:.75rem;font-weight:500;color:#6b7280;letter-spacing:.02em}.filename::before{content:'';position:absolute;left:1rem;top:50%;transform:translateY(-50%);display:inline-block;width:10px;height:10px;border-radius:50%;background:#ff5f57;box-shadow:16px 0 #febc2e,32px 0 #28c840}.highlight{position:relative;border-radius:.625rem;border:1px solid #21262d;margin:1.5rem 0;box-shadow:0 8px 32px rgba(0,0,0,.5);overflow:hidden;background:#161b22;padding-top:2.5rem}.highlight::before{content:'';position:absolute;top:2.5rem;left:0;right:0;height:1px;background:#21262d;z-index:1}.highlight::after{content:'';position:absolute;top:.875rem;left:1rem;width:10px;height:10px;border-radius:50%;background:#ff5f57;box-shadow:16px 0 #febc2e,32px 0 #28c840;z-index:2}.highlight pre{margin:0;border-radius:0;border:none;background:#0d1117;overflow-x:auto;max-width:100%}.highlight pre>code{white-space:pre;word-break:normal;overflow-wrap:normal}.filename+.highlight{padding-top:0;border-top-left-radius:0;border-top-right-radius:0;margin-top:0}.filename+.highlight::before,.filename+.highlight::after{display:none}.filename{margin-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}pre:not(.chroma){overflow-x:auto;max-width:100%}pre:not(.chroma)>code{white-space:pre;word-break:normal;overflow-wrap:normal}p>code{padding:3px 6px;border-radius:5px;color:#93c5fd;background:rgba(96,165,250,.1);font-weight:500}.amazon-link{padding:1rem;background-color:#2d3748;border-radius:5px}.amazon-link a{text-decoration:underline}blockquote{position:relative;background:#040d04;border:1px solid #14321a;border-radius:.375rem;padding:2.75rem 1.25rem 1.1rem;overflow:hidden;font-family:ui-monospace,sf mono,Menlo,Monaco,Consolas,monospace;font-size:.875rem;font-style:normal;color:#4ade80;line-height:1.75;box-shadow:0 0 32px rgba(34,197,94,4%),inset 0 0 60px rgba(0,0,0,.6)}blockquote::before{content:'▸ NOTE';position:absolute;top:0;left:0;right:0;padding:.45rem 1rem;background:#071007;border-bottom:1px solid #14321a;font-family:ui-monospace,sf mono,Menlo,Monaco,Consolas,monospace;font-size:.6rem;font-weight:700;letter-spacing:.2em;color:#16a34a;text-transform:uppercase}blockquote::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0,transparent,transparent 3px,rgba(0,0,0,7%) 3px,rgba(0,0,0,7%) 4px);pointer-events:none}blockquote p{margin:0;padding:0;color:#4ade80;text-shadow:0 0 10px rgba(74,222,128,.35)}blockquote a{color:#86efac;text-decoration:underline}blockquote strong{color:#86efac;font-weight:600}.CodeMirror{height:100%}.CodeMirror *{font-family:monospace;font-size:16px}.player-bg{width:100%;background-image:url(/svg/small-dots.svg)}.player{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,5%);overflow:hidden}.ad{margin:80px}.overlay{position:absolute;top:0;bottom:0;width:100%;background-image:linear-gradient(transparent,rgba(0,0,0,.3)),url(https://s3.eu-west-1.amazonaws.com/images.tutorialedge.net/uploads/screencast_overlay_2.png);filter:blur(4px);z-index:0;background-position:50%;background-repeat:no-repeat;background-size:cover;overflow:hidden}.info{position:absolute;top:30%;width:100%;font-size:1rem;color:#fff;text-align:center;z-index:100}.info h2{color:#fff;font-size:1.5rem}#screencast{position:relative;padding-bottom:56.25%;z-index:1;height:0;overflow:hidden;max-width:100%;height:auto}#screencast iframe,#screencast object,#screencast embed{border-top-left-radius:5px;border-top-right-radius:5px;position:absolute;top:0;left:0;width:100%;height:100%}.btn-white{color:#fff;border:2px solid #fff}.btn-white:hover{color:rgba(255,255,255,.65)}.video-sidebar{padding:40px;background-color:#fff;border-left:1px solid #e6ecf1}.video-sidebar .disabled>span{color:#999}.video-sidebar h2{margin-bottom:60px}.video-sidebar h4{margin-top:40px;text-transform:capitalize;position:relative}.video-sidebar h4::before{top:-52px;left:0;width:100%;height:1px;margin-bottom:24px;margin-top:20px;content:" ";position:absolute;background-color:#e6ecf1}.video-sidebar .current-page{color:#2697f7}.video-sidebar a:hover{transition:1s;color:#13a352}.video-sidebar .play-button{width:20px;margin-right:10px;margin-top:2px;height:auto;float:left;stroke:green}.video-sidebar .nav-item{color:#3b454e;cursor:pointer;display:flex;position:relative;align-items:center;-webkit-box-align:center;border-width:1px 0 1px 1px;border-style:solid solid solid;border-color:transparent;border-image:initial;padding:4px 4px 8px 16px;margin:0;border-right:0;font-size:15px;line-height:24px;text-decoration:none}.video-sidebar .nav-item::before{content:url(https://s3.eu-west-1.amazonaws.com/images.tutorialedge.net/images/play-button.svg);width:20px;padding-top:5px;margin-right:10px;margin-top:2px;height:auto}.toc{line-height:1.2em;z-index:100}.toc i{padding-right:5px}.toc h4{font-size:1em;font-family:Content-font,Roboto,sans-serif;font-weight:700;line-height:1;letter-spacing:1.2px;text-transform:uppercase}.toc ul{margin:0;padding:0;list-style:none}.toc ul li{margin:0!important;padding-top:.125rem;padding-bottom:.125rem;list-style-type:none;font-size:.875rem;text-align:-webkit-match-parent;font-family:Content-font,Roboto,sans-serif;font-weight:500;line-height:2}.toc ul li a{display:-webkit-box;color:#74818d;cursor:pointer;margin:0;display:flex;align-items:center;padding-left:4px;vertical-align:middle;text-decoration:none;-webkit-box-align:center}.toc ul li a:hover{color:green;transition:1s}.left-sidebar{font-size:.875rem}.sidebar{margin-bottom:2rem}.sidebar ul li{margin-top:.5rem;margin-bottom:.5rem;font-size:1.1rem;line-height:1.6rem}#course-home .prose>p>code{background-color:#000!important}video{width:100%}body{color:var(--theme-ui-colors-text-primary,#36313d);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,sans-serif}.btn{border-radius:.25rem;background-color:var(--color-blue-700,oklch(48.8% .243 264.376));padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 2);--tw-font-weight:var(--font-weight-bold, 700);font-weight:var(--font-weight-bold,700);color:var(--color-white,#fff)}.btn:hover{background-color:var(--color-blue-800,oklch(42.4% .199 265.638))}.btn-subscribe{padding:10px 20px;color:#fff!important;background:linear-gradient(22deg,#0276d9,#2C9CFC);border:none;margin-right:20px;text-decoration:none!important;white-space:normal}.prose{font-family:inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,sans-serif;font-size:1.125rem;line-height:1.8}.prose strong{color:inherit;font-weight:700}.prose em{font-style:italic;color:#93c5fd}.prose ul>li::before{background-color:#6b7280}.prose ol>li::before{color:#9ca3af;font-weight:600}.prose p>code{white-space:nowrap;padding:.1rem .35rem;font-weight:500;border-radius:.25rem;color:#93c5fd;background-color:rgba(96,165,250,.1)}.prose blockquote{font-style:normal;color:#4ade80;border-left:none}.prose blockquote p{margin:0;padding:0;color:#4ade80}.prose pre{color:inherit}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{font-family:ui-monospace,sf mono,Menlo,Monaco,Consolas,monospace;font-weight:700;color:#e2e8f0;padding-bottom:0;border-bottom:none;letter-spacing:-.01em}.prose .heading-anchor{font-weight:400;color:#22c55e;opacity:.8;margin-right:.5em;font-size:.8em;text-decoration:none;vertical-align:baseline;transition:opacity .15s ease}.prose .heading-anchor:hover{opacity:1;color:#4ade80}.comments h2,h3,h4,h5,h6{padding-bottom:10px;border-bottom-width:0}.comment-body{display:block;letter-spacing:0;line-height:1.65;word-break:break-word}.comment-body pre{width:100%;white-space:pre-wrap;overflow-wrap:break-word}.prose a{color:#3796ad;font-weight:600;text-decoration:none}.prose code{all:unset}.prose pre code{all:unset}code:after{content:none!important}code:before{content:none!important}.cm-content,.cm-gutter{min-height:550px}.cm-gutters{margin:1px}.cm-scroller{overflow:auto}.cm-wrap{border:1px solid silver}.snippet-editor{background-color:#282a36;min-height:600px}@property --tw-font-weight{syntax: "*";
  inherits: false;
}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-font-weight: initial;
    }
  }
}