:root{--color-primary-rgb:255,69,0}.templatesGridSkeleton{background-color:var(--color-light);min-height:100dvh}.templatesGridSkeleton__hero{background:linear-gradient(180deg,var(--color-warm-gray-100)0%,var(--color-light)100%);width:100%;height:17.5rem}.templatesGridSkeleton__content{justify-content:center;gap:3rem;max-width:87.5rem;margin:0 auto;padding:2.5rem 1rem 4.875rem;display:flex}.templatesGridSkeleton__sidebar{background-color:var(--color-warm-gray-100);border-radius:.5rem;flex-shrink:0;width:13.75rem;height:26.25rem}.templatesGridSkeleton__grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:1.5rem;display:grid}.templatesGridSkeleton__card{flex-direction:column;gap:.5rem;display:flex}.templatesGridSkeleton__cardImage{aspect-ratio:272/152;background-color:var(--color-warm-gray-100);border-radius:.5rem;width:100%}.templatesGridSkeleton__cardLineLong,.templatesGridSkeleton__cardLineShort{background-color:var(--color-warm-gray-100);border-radius:.25rem;height:.875rem}.templatesGridSkeleton__cardLineLong{width:80%;margin-top:.25rem}.templatesGridSkeleton__cardLineShort{width:60%}@media (max-width:960px){.templatesGridSkeleton__sidebar{display:none}.templatesGridSkeleton__content{justify-content:flex-start}}
:root{--color-primary-rgb:255,69,0}.templatesHero{background-color:var(--color-light);position:relative;overflow:hidden}.templatesHero__image{pointer-events:none;z-index:0;width:100%;height:auto;position:absolute;bottom:0;left:0}.templatesHero__content{text-align:center;z-index:1;flex-direction:column;align-items:center;max-width:67rem;margin:0 auto;padding:5rem 1.5rem;display:flex;position:relative}.templatesHero__title{font-family:var(--ff-gt-planar);max-width:43.75rem;font-size:2.75rem;font-weight:500;line-height:3.5rem}.templatesHero__subtitle{font-family:var(--ff-gt-standard);color:var(--color-text-soft);max-width:35rem;margin-top:1rem;font-size:1.125rem;line-height:1.75rem}.templatesHero__searchContainer{z-index:2;width:100%;max-width:35rem;margin-top:2rem;position:relative}.templatesHero__searchInput{font-family:var(--ff-gt-standard);background-color:var(--color-light);width:100%;color:var(--color-text);text-align:left;border:1px solid #0000001a;border-radius:.25rem;outline:none;padding:.875rem 1.5rem;font-size:1rem;line-height:1.5rem;transition:border-color .2s,box-shadow .2s;box-shadow:0 1px 3px #0000000a}.templatesHero__searchInput::placeholder{color:var(--color-text-soft)}.templatesHero__searchInput:focus{border-color:var(--color-primary-browserbase-red);box-shadow:0 1px 3px #0000000a,0 0 0 2px rgba(var(--color-primary-rgb),.1)}@media (max-width:59.9375em){.templatesHero__image{width:100%}}@media (max-width:30em){.templatesHero{padding-bottom:0}.templatesHero__content{padding:2.5rem 1.25rem 3.75rem}.templatesHero__title{max-width:none;font-size:2rem;line-height:2.625rem}.templatesHero__subtitle{margin-top:.75rem;font-size:1rem;line-height:1.5rem}.templatesHero__searchContainer{margin-top:1.5rem}.templatesHero__image{width:100%}}
:root{--color-primary-rgb:255,69,0}.templatesSidebar{width:16.25rem;height:fit-content;margin-top:0;position:sticky;top:2.5rem}.templatesSidebar__container{padding:0}.templatesSidebar__header{justify-content:space-between;align-items:center;min-height:2rem;margin-bottom:.25rem;display:flex}.templatesSidebar__title{font-family:var(--ff-gt-planar);color:var(--color-text);margin:0;font-size:1rem;font-weight:500;line-height:2rem}.templatesSidebar__clearButton{font-family:var(--ff-gt-standard);color:var(--color-text-soft);cursor:pointer;opacity:0;pointer-events:none;visibility:hidden;background:0 0;border:none;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.8125rem;font-weight:500;transition:color .2s,opacity .2s;display:flex}.templatesSidebar__clearButton--visible{opacity:1;pointer-events:auto;visibility:visible}.templatesSidebar__clearButton:hover{color:var(--color-text)}.templatesSidebar__divider{background-color:var(--color-divider);height:1px;margin:.5rem 0}.templatesSidebar__group:last-child .templatesSidebar__divider{display:none}.templatesSidebar__groupHeader{font-family:var(--ff-gt-planar);color:var(--color-text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;width:100%;padding:.75rem 0;font-size:.875rem;font-weight:500;transition:opacity .2s;display:flex}.templatesSidebar__groupHeader:hover{opacity:.7}.templatesSidebar__chevron{color:currentColor;flex-shrink:0;justify-content:center;align-items:center;width:.875rem;height:.875rem;transition:transform .2s;display:inline-flex}.templatesSidebar__chevron--expanded{transform:rotate(90deg)}.templatesSidebar__groupTitle{color:var(--color-text);flex:1;font-weight:500}.templatesSidebar__countBadge{border:1px solid var(--color-divider);color:var(--color-text-soft);opacity:0;pointer-events:none;visibility:hidden;border-radius:.75rem;justify-content:center;align-items:center;min-width:1.375rem;height:1.375rem;padding:0 .375rem;font-size:.75rem;font-weight:500;transition:opacity .2s;display:flex}.templatesSidebar__countBadge--visible{opacity:1;pointer-events:auto;visibility:visible}.templatesSidebar__optionsList{margin:0;padding:0;list-style:none}.templatesSidebar__optionItem{margin-bottom:.25rem}.templatesSidebar__checkboxLabel{border:1px solid var(--color-divider);cursor:pointer;background-color:#0000;border-radius:.375rem;align-items:center;gap:.625rem;padding:.625rem .75rem;transition:background-color .2s;display:flex}.templatesSidebar__checkboxLabel:hover{background-color:#00000005}.templatesSidebar__checkbox{border:1.5px solid var(--color-divider);background-color:#fff;border-radius:.25rem;flex-shrink:0;justify-content:center;align-items:center;width:1.125rem;height:1.125rem;transition:background-color .2s,border-color .2s;display:flex}.templatesSidebar__checkbox--checked{background-color:var(--color-text);border-color:var(--color-text)}.templatesSidebar__hiddenInput{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.templatesSidebar__optionIcon{flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;display:flex}.templatesSidebar__optionIcon img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.templatesSidebar__optionText{font-family:var(--ff-gt-standard);color:var(--color-text);font-size:.875rem;font-weight:400;line-height:1.4}@media (max-width:960px){.templatesSidebar{display:none}}