.guide-youtube{position:relative;width:100%;padding-bottom:56.25%;margin:1.5rem 0;border-radius:.75rem;overflow:hidden}.guide-youtube iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.guide-callout{border-radius:.75rem;padding:1rem 1.25rem;margin:1.5rem 0;border:1px solid}.guide-callout-title{font-weight:600;font-size:.875rem;margin-bottom:.5rem}.guide-callout-content{font-size:.875rem}.guide-callout-content p:last-child{margin-bottom:0}.guide-callout[data-color=blue]{background-color:hsl(213 94% 96%);border-color:hsl(213 94% 85%)}.guide-callout[data-color=blue] .guide-callout-title{color:hsl(213 94% 35%)}.guide-callout[data-color=green]{background-color:hsl(142 76% 95%);border-color:hsl(142 76% 80%)}.guide-callout[data-color=green] .guide-callout-title{color:hsl(142 76% 28%)}.guide-callout[data-color=amber]{background-color:hsl(45 93% 94%);border-color:hsl(45 93% 75%)}.guide-callout[data-color=amber] .guide-callout-title{color:hsl(45 93% 28%)}.guide-callout[data-color=red]{background-color:hsl(0 72% 96%);border-color:hsl(0 72% 82%)}.guide-callout[data-color=red] .guide-callout-title{color:hsl(0 72% 35%)}.guide-callout[data-color=gray]{background-color:hsl(0 0% 96%);border-color:hsl(0 0% 85%)}.guide-callout[data-color=gray] .guide-callout-title{color:hsl(0 0% 35%)}:is(.dark) .guide-callout[data-color=blue]{background-color:hsl(213 50% 12%);border-color:hsl(213 50% 25%)}:is(.dark) .guide-callout[data-color=blue] .guide-callout-title{color:hsl(213 94% 75%)}:is(.dark) .guide-callout[data-color=green]{background-color:hsl(142 40% 10%);border-color:hsl(142 40% 22%)}:is(.dark) .guide-callout[data-color=green] .guide-callout-title{color:hsl(142 76% 70%)}:is(.dark) .guide-callout[data-color=amber]{background-color:hsl(45 50% 10%);border-color:hsl(45 50% 22%)}:is(.dark) .guide-callout[data-color=amber] .guide-callout-title{color:hsl(45 93% 70%)}:is(.dark) .guide-callout[data-color=red]{background-color:hsl(0 40% 10%);border-color:hsl(0 40% 22%)}:is(.dark) .guide-callout[data-color=red] .guide-callout-title{color:hsl(0 72% 70%)}:is(.dark) .guide-callout[data-color=gray]{background-color:hsl(0 0% 12%);border-color:hsl(0 0% 22%)}:is(.dark) .guide-callout[data-color=gray] .guide-callout-title{color:hsl(0 0% 70%)}.guide-code-block{position:relative;margin:1.5rem 0;border-radius:.75rem;overflow:hidden;border:1px solid hsl(var(--border))}.guide-code-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background-color:hsl(var(--muted));border-bottom:1px solid hsl(var(--border))}.guide-code-copy,.guide-code-header{font-size:.75rem;color:hsl(var(--muted-foreground))}.guide-code-copy{cursor:pointer;padding:.125rem .5rem;border-radius:.25rem;background:transparent;border:none;transition:background-color .15s}.guide-code-copy:hover{background-color:hsl(var(--accent));color:hsl(var(--accent-foreground))}.guide-code-block pre{margin:0!important;border:0!important;border-radius:0!important;padding:1rem!important}.guide-code-block code{background:transparent!important;padding:0!important;font-size:.8125rem!important}.guide-content pre:not(.shiki){margin:1.5rem 0;border-radius:.75rem;border:1px solid hsl(var(--border));padding:1rem;background-color:hsl(var(--muted));overflow-x:auto}.guide-content pre:not(.shiki) code{background:transparent!important;padding:0!important;font-size:.8125rem!important;color:hsl(var(--foreground))}.shiki,.shiki span{color:var(--shiki-light)!important;background-color:var(--shiki-light-bg)!important}:is(.dark) .shiki,:is(.dark) .shiki span{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important}