@layer properties;@layer theme,base,components,utilities;._page_1wdhv_1{background:var(--color-page-primary);width:100%;max-width:93.75rem;color:var(--color-font-primary);margin-inline:auto}._breadcrumb_1wdhv_9{color:var(--hf-color-text-secondary);flex-wrap:wrap;gap:.5rem;padding:1rem 2rem;font-size:.875rem;font-weight:500;line-height:1.25rem;display:flex}._introduction_1wdhv_20{flex-direction:column;gap:.375rem;padding:3.25rem 2rem 0;display:flex}._heading_1wdhv_27{font-family:var(--font-grotesk);letter-spacing:-.1rem;font-feature-settings:"ss04" 1;text-transform:uppercase;font-size:2.5rem;font-weight:700;line-height:3rem}._subtitle_1wdhv_37{color:var(--hf-color-text-secondary);letter-spacing:.00625rem;font-size:.875rem;font-weight:500;line-height:1.25rem}._layout_1wdhv_45{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;gap:1.5rem;padding:1.75rem 2rem 3.25rem;display:grid}._content_1wdhv_53{border:1px solid var(--hf-color-border-subtle);border-radius:.75rem;flex-direction:column;gap:1.5rem;min-width:0;padding:1.5rem;display:flex}._examples_1wdhv_63{border:1px solid var(--hf-color-border-subtle);background:var(--hf-color-border-subtle);-webkit-backdrop-filter:blur(2.5rem);backdrop-filter:blur(2.5rem);border-radius:9999px;align-self:flex-start;gap:.25rem;max-width:100%;padding:.25rem;display:flex;overflow-x:auto}._examples_1wdhv_63>button{height:2rem;color:var(--hf-color-text-secondary);border-radius:9999px;flex-shrink:0;padding-inline:.875rem;font-size:.75rem;font-weight:500;line-height:1rem}._examples_1wdhv_63>._activeExample_1wdhv_87{border:1px solid var(--hf-color-border-default);background:linear-gradient(to bottom, transparent 30%, var(--hf-color-border-default)), var(--hf-color-border-subtle);color:var(--color-font-primary);box-shadow:0 .125rem .25rem var(--hf-color-transparent-dark-12), inset 0 .125rem .1875rem var(--hf-color-border-subtle)}._preview_1wdhv_94{aspect-ratio:50/29;outline:1px solid var(--hf-color-border-default);outline-offset:-1px;border-radius:1rem;flex-shrink:0;position:relative;overflow:hidden}._preview_1wdhv_94:after{border-radius:inherit;box-shadow:inset 0 0 2.25rem var(--hf-color-border-default);pointer-events:none;content:"";position:absolute;inset:0}._galleryNavigation_1wdhv_113>button{background:var(--hf-color-transparent-light-05);--q-button-hover-overlay:var(--hf-color-transparent-light-10);-webkit-backdrop-filter:blur(.75rem)brightness(.6)saturate(1.2);outline:1px solid var(--hf-color-transparent-light-10);outline-offset:-1px}@media (hover:hover) and (pointer:fine){._galleryNavigation_1wdhv_113>button{opacity:0;pointer-events:none;transition:opacity .18s ease-out}._preview_1wdhv_94:hover ._galleryNavigation_1wdhv_113>button,._preview_1wdhv_94:focus-within ._galleryNavigation_1wdhv_113>button{opacity:1;pointer-events:auto}._preview_1wdhv_94:focus-within ._galleryNavigation_1wdhv_113>button{transition:none}}@media (prefers-reduced-motion:reduce){._galleryNavigation_1wdhv_113>button{transition:none}}._prompt_1wdhv_133{background:var(--hf-color-border-subtle);border-radius:1.25rem;flex-direction:column;gap:1.5rem;padding:1rem 1.25rem;scroll-margin-top:5rem;display:flex}._promptHeader_1wdhv_143{border-bottom:1px solid var(--hf-color-border-subtle);justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1.5rem;display:flex}._promptActions_1wdhv_152{flex-wrap:wrap;gap:.75rem;display:flex}._promptButton_1wdhv_158{height:3rem;padding-inline:.9375rem;font-size:.875rem;font-weight:600;line-height:1rem}._promptText_1wdhv_166{color:color-mix(in srgb, var(--color-font-primary) 60%, transparent);font-size:1.125rem;line-height:1.75rem}._mention_1wdhv_172{color:var(--hf-color-brand-primary);vertical-align:middle;align-items:center;gap:.375rem;display:inline-flex}._mentionIcon_1wdhv_180{background:var(--hf-color-brand-primary);box-shadow:inset 0 .125rem .1875rem var(--hf-color-border-strong);border-radius:.3125rem;padding:.125rem;display:inline-flex}._start_1wdhv_188{border:1px solid var(--hf-color-border-subtle);border-radius:.75rem;flex-direction:column;gap:.75rem;padding:.75rem;display:flex}._startSteps_1wdhv_197{flex-direction:column;gap:.25rem;list-style:none;display:flex;position:relative}._startSteps_1wdhv_197:before{border-left:1px solid var(--hf-color-border-subtle);content:"";position:absolute;top:1.125rem;bottom:1.125rem;left:1.125rem}._startSteps_1wdhv_197>li{color:color-mix(in srgb, var(--color-font-primary) 40%, transparent);align-items:center;gap:.75rem;padding:.375rem;font-size:.875rem;line-height:1.25rem;display:flex}._startSteps_1wdhv_197>li>span:first-child{background:var(--hf-color-border-subtle);width:1.5rem;height:1.5rem;color:color-mix(in srgb, var(--color-font-primary) 70%, transparent);-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);border-radius:50%;flex-shrink:0;place-items:center;font-size:.75rem;display:grid;position:relative;box-shadow:inset 0 -.01875rem .375rem #b9b9b959}._related_1wdhv_239{border-bottom:1px solid var(--hf-color-border-subtle);flex-direction:column;gap:2rem;padding:3rem 2rem;display:flex}._related_1wdhv_239>ul{max-width:none}@media (max-width:74.999rem){._layout_1wdhv_45{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}._promptHeader_1wdhv_143{flex-direction:column;align-items:flex-start}}@media (max-width:55.999rem){._layout_1wdhv_45{grid-template-columns:minmax(0,1fr)}}@media (max-width:39.999rem){._breadcrumb_1wdhv_9{padding-inline:1rem}._introduction_1wdhv_20{padding:2rem 1rem 0}._heading_1wdhv_27{font-size:1.75rem;line-height:2rem}._layout_1wdhv_45{padding:1.5rem 1rem 2rem}._content_1wdhv_53{gap:1rem;padding:.75rem}._prompt_1wdhv_133{padding:1rem}._promptText_1wdhv_166{font-size:1rem;line-height:1.5rem}._promptActions_1wdhv_152{gap:.5rem}._promptButton_1wdhv_158{padding-inline:.5rem}._related_1wdhv_239{padding:2rem 1rem}}._appSetup_1wdhv_271{flex-direction:column;gap:4.5rem;margin-top:2.5rem;display:flex}._setupStep_1wdhv_278{flex-direction:column;gap:1.25rem;display:flex}._stepHeader_1wdhv_280{border:0;justify-content:space-between;align-items:center;gap:1rem;padding:0;display:flex}._stepTitle_1wdhv_289{letter-spacing:-.025rem;align-items:center;gap:.625rem;font-size:1.25rem;font-weight:600;line-height:1.5rem;display:flex}._stepNumber_1wdhv_299{background:var(--hf-color-border-subtle);-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);border-radius:50%;flex-shrink:0;place-items:center;width:2rem;height:2rem;font-size:.875rem;font-weight:500;display:grid;box-shadow:inset 0 -.01875rem .375rem #b9b9b959}._stepButton_1wdhv_313{flex-shrink:0;height:2.5rem;padding-inline:.6875rem;font-size:.875rem;font-weight:600;line-height:1rem}._skillStep_1wdhv_322{background:0 0;gap:1.25rem;margin-top:3rem;padding:0}._stepPrompt_1wdhv_323{background:var(--hf-color-border-subtle);border-radius:1.25rem;padding:1rem 1.25rem}._requirements_1wdhv_324{flex-direction:column;gap:.25rem;display:flex}._requirements_1wdhv_324 a{align-items:center;gap:.625rem;padding:.375rem;font-size:.875rem;font-weight:500;line-height:1.25rem;display:flex}._requirements_1wdhv_324 a:hover{-webkit-text-decoration:underline;text-decoration:underline}._chatgptTile_1wdhv_327,._appTile_1wdhv_327{border-radius:.375rem;place-items:center;width:1.25rem;height:1.25rem;display:grid}._chatgptTile_1wdhv_327{background:var(--color-font-primary)}._appTile_1wdhv_327{background:var(--hf-color-border-default)}@media (max-width:74.999rem){._stepHeader_1wdhv_280{flex-direction:column;align-items:flex-start}}@media (max-width:39.999rem){._appSetup_1wdhv_271{gap:2.5rem;margin-top:1.5rem}._skillStep_1wdhv_322{margin-top:1.5rem}._stepTitle_1wdhv_289{font-size:1.125rem}._stepButton_1wdhv_313{padding-inline:.5rem}}._copyIconButton_1wdhv_342{background:0 0;border-color:#0000;width:2.5rem;padding:0}._copyIconButton_1wdhv_342:not(:focus-visible){box-shadow:none}._copyIconButton_1wdhv_342>.q-button-label-frame{width:0;padding:0;position:absolute}._tabContent_1wdhv_346{flex-direction:column;gap:1.5rem;display:flex}._numberedPrompt_1wdhv_347{background:0 0;gap:1.25rem;padding:0}._requirementRow_1wdhv_348{align-items:center;gap:.625rem;padding:.375rem;font-size:.875rem;line-height:1.25rem;display:flex}body:has(._page_1wdhv_1){background:var(--color-page-primary)!important}body:has(._page_1wdhv_1) #header{background:var(--color-page-primary)!important}body:has(._page_1wdhv_1) #header-visual{background:var(--color-page-primary)!important}._hero_1wdhv_355{grid-column:1/-1;grid-template-columns:minmax(0,900fr) minmax(0,420fr);align-items:stretch;gap:2.5rem;display:grid}._gallery_1wdhv_113{flex-direction:column;gap:1.25rem;min-width:0;display:flex}._galleryActions_1wdhv_357{justify-content:space-between;align-items:flex-start;gap:1rem;min-width:0;display:flex}._thumbnails_1wdhv_358{align-items:center;gap:1rem;width:max-content;padding:.3125rem;display:flex}._thumbnail_1wdhv_358{border-radius:.5rem;flex-shrink:0;width:6.9375rem;height:3.75rem;position:relative}._thumbnail_1wdhv_358 img{border-radius:inherit}._thumbnail_1wdhv_358:after{content:"";border:1px solid var(--hf-color-brand-primary);pointer-events:none;opacity:0;border-radius:.75rem;transition:opacity .15s ease-out;position:absolute;inset:-.3125rem}._selectedThumbnail_1wdhv_362:after{opacity:1}._thumbnail_1wdhv_358:focus-visible:after{transition:none}@media (prefers-reduced-motion:reduce){._thumbnail_1wdhv_358:after{transition:none}}._thumbnail_1wdhv_358:focus-visible{outline:2px solid var(--hf-color-brand-primary);outline-offset:.4375rem}._summary_1wdhv_368{flex-direction:column;justify-content:space-between;gap:2rem;min-width:0;padding-right:1.25rem;display:flex}._summaryIntroduction_1wdhv_369{flex-direction:column;gap:1.25rem;display:flex}._summaryBottom_1wdhv_370{background:var(--color-neutral-primary-reverted-10);border-radius:1rem;flex-direction:column;gap:.75rem;min-width:0;padding:.75rem;scroll-margin-top:5rem;display:flex}._summaryPrompt_1wdhv_371{overscroll-behavior-y:contain;overflow-wrap:anywhere;flex-direction:column;gap:.75rem;max-height:5rem;padding:.25rem;font-size:1rem;line-height:1.5rem;display:flex;overflow-y:auto}._summaryPrompt_1wdhv_371:has(._referenceMedias_1wdhv_372){max-height:9.25rem}._summaryActions_1wdhv_373{flex-shrink:0;gap:.75rem;display:flex}._skillBadge_1wdhv_374{background:linear-gradient(transparent, var(--color-surface-brand-alpha-1)), var(--color-neutral-primary-reverted-5);overflow-wrap:anywhere;border-radius:.5rem;align-items:center;gap:.375rem;max-width:100%;padding:.25rem;font-size:.75rem;line-height:1rem;display:inline-flex}._skillBadge_1wdhv_374>span{background:var(--hf-color-brand-primary);width:1.25rem;height:1.25rem;color:var(--color-page-primary);border-radius:.3125rem;flex-shrink:0;place-items:center;font-size:.875rem;font-weight:700;display:grid}._setupLayout_1wdhv_376{grid-column:1/-1;grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}._setupLayout_1wdhv_376 ._appSetup_1wdhv_271{margin-top:0}@media (max-width:55.999rem){._summary_1wdhv_368{height:auto}._setupLayout_1wdhv_376{grid-template-columns:minmax(0,1fr)}}._referenceMedias_1wdhv_372{-webkit-mask-image:linear-gradient(to right, var(--color-font-primary) calc(100% - 1.5rem), transparent);mask-image:linear-gradient(to right, var(--color-font-primary) calc(100% - 1.5rem), transparent);flex-wrap:nowrap;flex-shrink:0;gap:.5rem;padding-right:1.5rem;display:flex;overflow-x:auto}._referenceMedias_1wdhv_372 button{outline:1px solid var(--hf-color-border-subtle);outline-offset:-1px;border-radius:.625rem;flex-shrink:0;width:3.5rem;height:3.5rem;display:block;overflow:hidden}._referenceMedias_1wdhv_372 img{object-fit:cover;width:100%;height:100%}._referenceMedias_1wdhv_372 button:focus-visible{outline:2px solid var(--hf-color-brand-primary);outline-offset:2px}._summaryActions_1wdhv_373>.q-button{padding-block:.75rem;font-size:1rem;line-height:1.5rem}._summaryActions_1wdhv_373>.q-button>svg{width:1.25rem;height:1.25rem}._layout_1wdhv_45._withoutGallery_1wdhv_391,._withoutGallery_1wdhv_391 ._hero_1wdhv_355{grid-template-columns:minmax(0,1fr)}:is(body:has(._page_1wdhv_1) #footer,body:has(._page_1wdhv_1) #footer-landing){display:none}@media (max-width:55.999rem){._hero_1wdhv_355{grid-template-columns:minmax(0,1fr);gap:1.5rem}._summary_1wdhv_368{gap:1.5rem;padding-right:0}}@media (max-width:39.999rem){._galleryActions_1wdhv_357{gap:.5rem}._thumbnails_1wdhv_358{gap:.75rem}._thumbnail_1wdhv_358{width:4.5rem;height:2.5rem}}@media (min-width:56rem){._layout_1wdhv_45:not(._withoutGallery_1wdhv_391){grid-template-columns:minmax(0,900fr) minmax(0,420fr);column-gap:2.5rem}._layout_1wdhv_45:not(._withoutGallery_1wdhv_391) ._hero_1wdhv_355{display:contents}._layout_1wdhv_45:not(._withoutGallery_1wdhv_391) ._summary_1wdhv_368{grid-area:1/2/span 3;align-self:start;height:min(32.625rem,100dvh - 5rem);position:sticky;top:4rem;overflow-y:auto}}._guide_1w7le_1{grid-column:1;min-width:0;margin-top:1.5rem}._overview_1w7le_2{flex-direction:column;gap:1.5rem;display:flex}._installations_1w7le_3{flex-direction:column;gap:.125rem;list-style:none;display:flex}