:root{--color-primary-rgb:255,69,0}.templatesDetail{min-height:100dvh}.templatesDetail__container{flex-direction:column;gap:4rem;max-width:51.25rem;margin:0 auto;padding:0 1.5rem 3.25rem;display:flex}@media (max-width:59.9375em){.templatesDetail__container{gap:2rem;padding-bottom:1.5rem}}@media (max-width:30em){.templatesDetail__container{gap:1.5rem;padding:0 1rem 2.5rem}}.templatesDetail__heroSection{flex-direction:column;gap:2.5rem;display:flex}@media (max-width:30em){.templatesDetail__heroSection{gap:1.5rem}}.templatesDetail__demoCard{width:100%;max-width:48.25rem;box-shadow:none;background-color:#0000;border:none;border-radius:.5rem;margin:0 auto;overflow:visible}.templatesDetail__gifContainer{aspect-ratio:16/9;border-radius:.5rem;width:100%;position:relative;overflow:hidden}.templatesDetail__gifPlaceholder,.templatesDetail__gif{-o-object-fit:cover;object-fit:cover;border-radius:.5rem;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.templatesDetail__layout{grid-template-columns:8.75rem 1fr;gap:4.375rem;display:grid}@media (max-width:59.9375em){.templatesDetail__layout{flex-direction:column;grid-template-columns:1fr;gap:2.5rem;display:flex}}.templatesDetail__sidebar{flex-direction:column;align-self:flex-start;gap:2rem;display:flex;position:sticky;top:1.5rem}@media (max-width:59.9375em){.templatesDetail__sidebar{display:none}}.templatesDetail__sidebarSection{border-bottom:1px solid #00000014;flex-direction:column;gap:.75rem;padding-bottom:2rem;display:flex}.templatesDetail__sidebarSection:last-child{border-bottom:none;padding-bottom:0}.templatesDetail__sidebarTitle{font-family:var(--ff-gt-planar);color:var(--color-text);margin:0;font-size:1rem;font-weight:500;line-height:1.5rem}.templatesDetail__sidebarText{color:var(--color-text-soft);margin:0;font-size:.875rem;line-height:1.25rem}.templatesDetail__sidebarLink{color:var(--color-primary-browserbase-red);font-size:.875rem;line-height:1.25rem;text-decoration:none;transition:-webkit-text-decoration .2s,text-decoration .2s}.templatesDetail__sidebarLink:hover{text-decoration:underline}.templatesDetail__resourceLinks,.templatesDetail__builtByList{flex-direction:column;gap:.5rem;display:flex}.templatesDetail__stackTags{flex-wrap:wrap;gap:.5rem;display:flex}.templatesDetail__stackTag{border:1px solid var(--color-divider);color:var(--color-text-soft);cursor:pointer;background-color:#0000000a;border-radius:.25rem;align-items:center;gap:.25rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:400;line-height:1rem;text-decoration:none;transition:background-color .2s,border-color .2s;display:inline-flex}.templatesDetail__stackTag:hover{background-color:#0000001c;border-color:#0000001f}.templatesDetail__content{flex-direction:column;gap:3rem;min-width:0;display:flex}@media (max-width:59.9375em){.templatesDetail__content{order:1}}.templatesDetail__gettingStartedSection{flex-direction:column;gap:0;display:flex}.templatesDetail__gettingStartedSection>*+*{margin-top:1.5rem}.templatesDetail__descriptionSection{flex-direction:column;order:3;gap:1rem;display:flex}@media (max-width:30em){.templatesDetail__descriptionSection{order:1;gap:1rem;margin-bottom:0}}.templatesDetail__sectionTitle{font-family:var(--ff-gt-planar);color:var(--color-text);letter-spacing:-.01em;margin:0;font-size:1.5rem;font-weight:500;line-height:2rem}.templatesDetail__description{font-family:var(--ff-gt-standard);color:var(--color-text);text-align:left;letter-spacing:.01em;margin:0;font-size:1rem;line-height:1.5rem}.templatesDetail__description p{margin:0}.templatesDetail__description p+p{margin-top:1rem}.templatesDetail__description a{color:var(--color-primary-browserbase-red);text-decoration:underline;transition:opacity .2s}.templatesDetail__description a:hover{opacity:.7}.templatesDetail__stepsTitle{font-family:var(--ff-gt-planar);color:var(--color-text);margin:0;font-size:1rem;font-weight:500;line-height:1.5rem}.templatesDetail__stepsList{margin:0;padding-left:1.25rem;list-style:decimal}.templatesDetail__stepsItem{color:var(--color-text);margin:0;font-size:1rem;font-weight:400;line-height:1.5rem}.templatesDetail__stepsItem a{color:var(--color-primary-browserbase-red);text-decoration:underline;transition:opacity .2s}.templatesDetail__stepsItem a:hover{opacity:.7}.templatesDetail__relatedSection{width:100%;padding-bottom:5rem}@media (max-width:59.9375em){.templatesDetail__relatedSection{padding-bottom:3.75rem}}@media (max-width:30em){.templatesDetail__relatedSection{padding-bottom:1.5rem}}.templatesDetail__relatedTitle{font-family:var(--ff-gt-planar);color:var(--color-text);letter-spacing:-.01em;margin:0 0 1.5rem;font-size:1.5rem;font-weight:500;line-height:2rem}.templatesDetail__relatedGrid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}@media (max-width:59.9375em){.templatesDetail__relatedGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:30em){.templatesDetail__relatedGrid{grid-template-columns:1fr}}.templatesDetail__relatedCard{display:block}