@layer components{.install-box_wrap{width:100%;min-width:0;display:grid}.install-box_wrap.band{gap:var(--space-5);padding:var(--space-6);background-color:var(--background);color:var(--text);border-radius:var(--radius-main)}@media (min-width:48rem){.install-box_wrap.band{padding:var(--space-6) var(--space-7)}}@media (min-width:64rem){.install-box_wrap.band{align-items:center;column-gap:var(--space-8);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.install-box_notes{gap:var(--space-2);display:grid}.install-box_lead,.install-box_body{gap:var(--space-3);min-width:0;display:grid}.install-box_heading,.install-box_text,.install-box_note{margin:0}.install-box_text{max-width:60ch}.install-box_note{max-width:60ch;color:var(--text-2)}.install-box_note a{color:inherit;text-underline-offset:.2em;transition:color var(--hover-duration) var(--hover-ease);text-decoration:underline}@media (hover:hover){.install-box_note a:hover{color:var(--text)}}.install-box_note code{color:var(--text);white-space:nowrap}.install-box_assurance{gap:var(--space-1) var(--space-4);font-size:var(--text-small);color:var(--text-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.install-box_assurance li{align-items:center;gap:var(--space-1);white-space:nowrap;display:inline-flex}.install-box_assurance .icon{width:.875em;height:.875em}.install-box_steps{gap:var(--space-4);counter-reset:install-step;margin:0;padding:0;list-style:none;display:grid}.install-box_step{gap:var(--space-2);counter-increment:install-step;min-width:0;display:grid}.numbered>.install-box_step{column-gap:var(--space-2);grid-template-columns:auto minmax(0,1fr)}.numbered>.install-box_step:before{content:counter(install-step);width:1.375rem;height:1.375rem;font-family:var(--mono-family);color:var(--text-2);border:var(--border-width) solid var(--border);border-radius:50%;place-items:center;font-size:.6875rem;display:grid}.numbered>.install-box_step .install-box_command{grid-column:1/-1}.install-box_step-text,.install-box_waitlist-text{margin:0}.install-box_step-text{max-width:60ch;font-size:var(--text-small);color:var(--text-2);align-self:center}.install-box_step-text strong{color:var(--text)}.install-box_step-title{font-weight:var(--primary-bold)}.install-box_command{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);background-color:var(--background-2);border:var(--border-width) solid var(--border);border-radius:var(--radius-main);flex-wrap:wrap;display:flex}.install-box_command.minor{gap:var(--space-1) var(--space-2);padding:var(--space-1) var(--space-1) var(--space-1) var(--space-3);border-radius:var(--radius-small)}.install-box_command.minor .install-box_code{flex:auto}.install-box_command.minor .button_wrap{font-size:var(--text-small);padding:.4em .9em}.install-box_code{min-width:0;font-size:var(--text-small);overflow-wrap:anywhere;color:var(--text);flex:16rem}.install-box_url{max-width:100%;display:inline-block}.install-box_action{margin-left:auto;display:flex}.install-box_lines{min-width:0;display:grid}.install-box_lines.tabbed{background-color:var(--background);border:var(--border-width) solid var(--border);border-radius:var(--radius-main);overflow:clip}.install-box_lines.tabbed .install-box_panel{padding:var(--space-3)}.install-box_lines.tabbed .install-box_command{border-color:#0000}.install-box_lines.tabbed .install-box_command.main{padding:var(--space-3)}.install-box_panel{min-width:0}.install-box_waitlist{gap:var(--space-3);display:grid}.install-box_waitlist-text{font-size:var(--text-small);color:var(--text-2)}.install-box_waitlist-text strong{color:var(--text)}.install-box_tools{gap:var(--space-1);min-width:0;padding:var(--space-1);border:0;border-bottom:var(--border-width) solid var(--border);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;margin:0;display:grid}.install-box_tool{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-small);font-size:var(--text-small);font-weight:var(--primary-bold);cursor:pointer;transition:background-color var(--hover-duration) var(--hover-ease), color var(--hover-duration) var(--hover-ease);display:flex;position:relative}@media (hover:hover){.install-box_tool:hover{background-color:var(--background-2)}}.install-box_tool:has(:checked){background-color:var(--text);color:var(--background)}.install-box_tool:has(:focus-visible){outline:var(--focus-width) dashed var(--text);outline-offset:var(--focus-offset)}@media not (min-width:30rem){.install-box_tool{gap:var(--space-1);padding-inline:var(--space-1)}}.install-box_tool.soon{padding-inline:var(--space-2);column-gap:var(--space-1);flex-wrap:wrap;row-gap:0}.install-box_tool.soon:not(:has(:checked)){color:var(--text-2)}.install-box_tool.soon:not(:has(:checked)) .icon{opacity:.6}.install-box_soon{letter-spacing:var(--mono-letter-spacing);text-transform:uppercase;white-space:nowrap;color:inherit;border:var(--border-width) solid currentcolor;border-radius:var(--radius-small);opacity:.8;padding:.0625rem .375rem;font-size:.5625rem;font-weight:400}.install-box_tool-input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.install-box_wrap:has(.install-box_tool:first-of-type :checked) .install-box_panel:not(:first-of-type),.install-box_wrap:has(.install-box_tool:nth-of-type(2) :checked) .install-box_panel:not(:nth-of-type(2)),.install-box_wrap:has(.install-box_tool:nth-of-type(3) :checked) .install-box_panel:not(:nth-of-type(3)){display:none}.install-box_wrap.stacked .install-box_command.main{padding:var(--space-4);flex-direction:column;align-items:stretch}.tabbed :is(.install-box_wrap.stacked .install-box_command.main){padding:var(--space-3)}.install-box_wrap.stacked .install-box_command.main .install-box_code{flex:none}.install-box_wrap.stacked .install-box_command.main .install-box_action{margin-left:0;display:grid}.install-actions_wrap{gap:var(--space-4);flex-direction:column;width:100%;min-width:0;display:flex}.install-actions_title{letter-spacing:var(--mono-letter-spacing);text-transform:uppercase;color:var(--text-2);margin:0;font-size:.75rem}.install-actions_wrap.boxed{gap:var(--space-4);padding:var(--space-5);background-color:var(--background-2);border:var(--border-width) solid var(--border);border-radius:var(--radius-main)}@media (min-width:48rem){.install-actions_wrap.boxed{padding:var(--space-6)}}.install-actions_wrap.boxed>.install-actions_email:not(.install-actions_waitlist){padding-top:var(--space-4);border-top:var(--border-width) solid var(--border)}.install-actions_wrap.boxed>.install-actions_waitlist,.install-actions_wrap.boxed>.install-actions_more{margin-top:calc(var(--space-2) * -1)}.install-actions_wrap.boxed .install-actions_form{margin-top:var(--space-4);background-color:#0000;border:0;padding:0}.install-actions_summary{align-items:center;gap:var(--space-2);width:fit-content;padding-block:var(--space-1);font-weight:var(--primary-bold);text-underline-offset:.25em;text-decoration:underline;-webkit-text-decoration-color:var(--brand-500);text-decoration-color:var(--brand-500);cursor:pointer;list-style:none;display:inline-flex}.install-actions_summary::-webkit-details-marker{display:none}.install-actions_summary:after{content:"";border-right:var(--focus-width) solid currentcolor;border-bottom:var(--focus-width) solid currentcolor;width:.45em;height:.45em;transition:rotate var(--open-duration) var(--open-ease);translate:0 -.15em;rotate:45deg}[open]>.install-actions_summary:after{translate:0 .1em;rotate:225deg}.install-actions_summary:focus-visible{outline:var(--focus-width) dashed var(--text);outline-offset:var(--focus-offset)}.install-actions_form{gap:var(--space-3);margin-top:var(--space-3);padding:var(--space-4);background-color:var(--background-2);border:var(--border-width) solid var(--border);border-radius:var(--radius-main);display:grid}.install-actions_heading,.install-actions_note{margin:0}.install-actions_heading{font-weight:var(--primary-bold)}.install-actions_note{color:var(--text-2)}@media (hover:none) and (pointer:coarse){.install-actions_title{order:-2}.install-actions_email[data-email-option]{order:-1}.install-actions_email[data-email-option][open]>.install-actions_summary{display:none}.install-actions_form{margin-top:0}.install-actions_wrap.boxed>.install-actions_email[data-email-option]{border-top:0;padding-top:0}.install-actions_wrap.boxed>.install-box_wrap{padding-top:var(--space-4);border-top:var(--border-width) solid var(--border)}.install-actions_wrap.boxed>.install-actions_more,.install-actions_wrap.boxed .install-actions_form{margin-top:0}}.example-gallery_wrap{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin:0;padding:0;list-style:none;display:grid}@media not (min-width:48rem){.example-gallery_wrap{gap:var(--space-4);margin-inline:calc(var(--site-margin) * -1);padding-inline:var(--site-margin);padding-bottom:var(--space-3);scroll-snap-type:x mandatory;scroll-padding-inline:var(--site-margin);scrollbar-width:thin;display:flex;overflow-x:auto}.example-gallery_item{scroll-snap-align:start;flex:none;width:72vw}}.example-gallery_item{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.example-gallery_thumb{aspect-ratio:16/9;background-color:var(--dark-900);border:var(--border-width) solid var(--border);border-radius:var(--radius-main);display:block;position:relative;overflow:clip}.example-gallery_thumb:focus-visible{outline:var(--focus-width) dashed var(--text);outline-offset:var(--focus-offset)}@media (hover:hover){.example-gallery_thumb:hover .example-gallery_play svg{scale:1.08}.example-gallery_thumb:hover .example-gallery_poster{scale:1.04}}.example-gallery_poster,.example-gallery_backdrop{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.example-gallery_poster{transition:scale calc(var(--hover-duration) * 2) var(--draw-ease)}.inset>.example-gallery_poster{object-fit:contain}.example-gallery_backdrop{filter:blur(1.5rem)brightness(.5);scale:1.2}.example-gallery_play{padding:var(--space-3);pointer-events:none;place-items:end;display:grid;position:absolute;inset:0}.example-gallery_play svg{width:2.5rem;height:2.5rem;transition:scale var(--hover-duration) var(--hover-ease)}.example-gallery_arc{fill:color-mix(in lab, var(--dark-900) 55%, transparent);stroke:var(--brand-500);stroke-width:3px;stroke-dasharray:103.67 34.56;transform-origin:50%;transform:rotate(-45deg)}.example-gallery_mark{fill:var(--light-100)}.example-gallery_thumb.placeholder{place-content:center;justify-items:center;gap:var(--space-2);padding:var(--space-3);background-color:var(--background-3);border:var(--border-width) dashed var(--text);color:var(--text);text-align:center;display:grid}.example-gallery_flag{letter-spacing:var(--mono-letter-spacing);text-transform:uppercase;color:var(--text-2);font-size:.6875rem}.example-gallery_what{font-size:var(--text-small);font-weight:var(--primary-bold);text-wrap:balance}.example-gallery_title,.example-gallery_meta,.example-gallery_brief{margin:0}.example-gallery_brief{color:var(--text-2)}.example-gallery_label{font-weight:var(--primary-bold);color:var(--text)}.example-gallery_title{font-weight:var(--primary-bold)}.example-gallery_meta{color:var(--text-2);font-size:.75rem}}