*,::after,::before{box-sizing:border-box}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}ol[role=list],ul[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{max-width:100%;height:auto;display:block}button,input,select,textarea{font:inherit}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,::after,::before{-webkit-animation-duration:0s!important;animation-duration:0s!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}body{font-family:system-ui,sans-serif}h1,h2,h3,h4,h5,h6{color:#0e1e25;font-weight:500;margin:1.618em 0 0}h1+p,h2+p,h3+p,h4+p,h5+p,h6+p,img+img,p+img,p+p{margin-top:.5em}h1{margin-top:0;font-size:2em;font-weight:600;line-height:1.333}.header-anchor{color:#8b8b8b;transition:color .2s ease}.header-anchor svg{padding:.1em .1em .1em 0;margin:0;vertical-align:text-bottom}@media (hover:hover){.header-anchor{opacity:.4}}h2{font-size:1.618em;font-weight:600;line-height:1.333}h2:hover .header-anchor{color:#0e1e25}h3{font-size:1.3em;line-height:1.333}h4{font-size:1.1em;line-height:1.4}blockquote,details,ol,p,ul{color:#3d5967}blockquote{padding:0 1em;margin:.6em 0 1em;border-left:.25em solid #e0e0e0}sup{font-size:.5em}hr{background-color:#e5edef;border:0;height:1px}a{color:#00ad9f;outline-color:#00c2b2;text-decoration:none;transition:color .2s ease}a:hover{color:#3d5967}details{padding:.6em 0 .65em}.main--example img,.main--page img{margin-bottom:.6em}.main--page a{text-decoration:underline}.page--playground h2{margin-top:3.5em}a[href*="netlify.com/start/deploy"]{display:inline-block}a[href*="netlify.com/start/deploy"] img{margin-bottom:0}p>a[href*="netlify.com/start/deploy"]{margin:1em 0}.button{display:grid;grid-template-columns:-webkit-max-content -webkit-max-content;grid-template-columns:max-content max-content;align-items:center;grid-column-gap:.3em;justify-content:space-between;background:#00ad9f;border:none;box-shadow:none;width:auto;border-radius:4px;color:#fff;cursor:pointer;padding:.6em 1em .62em;text-decoration:none;transition:background-color .2s ease;outline-color:transparent;outline-offset:-2px}.button:focus,.button:hover{color:#fff;opacity:.85}.button:focus{outline-color:#00ad9f;background-color:#15847d}.button:active{background-color:#15847d}.button--icon{background:0 0;color:#8b8b8b;font-size:1em;padding:.618em}.button--icon:focus,.button--icon:hover{background:0 0;color:#0e1e25}.button--icon:active{background:0 0;color:#0e1e25}.card{padding:1.2rem;display:flex;flex-direction:column;border-radius:4px;background:#fff;color:#0e1e25;box-shadow:0 10px 15px -3px rgba(14,30,37,.1),0 4px 6px -2px rgba(14,30,37,.05);transition:transform .15s ease}.card:hover{transform:scale(1.05)}.card__title{margin-top:0}.card__description,.github-stats+.card__title{margin-top:.6rem}.card__description{margin-bottom:.6rem}.card__title{color:#00ad9f;word-break:normal}.card__details{color:rgba(61,89,103,.8);margin-top:auto}.card__details strong,.card__details time{font-weight:inherit;color:#3d5967}.examples{display:grid;grid-template-columns:1fr;grid-gap:1rem;align-items:stretch}@media (min-width:45rem){.examples{grid-template-columns:repeat(2,1fr)}}@media (min-width:65rem){.examples{grid-template-columns:repeat(3,1fr)}}@media (min-width:45rem){.examples--tutorials{grid-template-columns:1fr}}@media (min-width:65rem){.examples--tutorials{grid-template-columns:1fr}}.examples--related[role=list]{margin-top:1rem}@media (min-width:65rem){.examples--related[role=list]{grid-template-columns:repeat(2,1fr)}}.examples__item{display:grid}.examples__item[data-search-visibility]{visibility:visible;opacity:1;transition:opacity transform visibility .2s ease}.examples__item[data-search-visibility=hidden]{visibility:hidden;opacity:0;transform:scale(.9);display:none}form{display:grid;grid-row-gap:1rem;max-width:75ch}label{cursor:pointer;color:#3d5967}input,textarea{width:100%;background:#fff;border-radius:4px;padding:.6em 1em .65em;box-shadow:inset 0 0 0 2px #e0e0e0;outline-color:#00ad9f;outline-offset:-2px;border:none;-webkit-appearance:none}input::-webkit-search-cancel-button,textarea::-webkit-search-cancel-button{display:none}textarea{resize:vertical}.tagify{--tags-focus-border-color:#00ad9f;background:#fff;border-radius:4px;border-width:2px;padding:.1em}.tagify__dropdown__item--active,.tagify__dropdown__wrapper{--tagify-dd-color-primary:#00ad9f}.tagify__dropdown__wrapper{margin-left:2px;margin-right:2px;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.form-example{grid-template-columns:1fr -webkit-max-content;grid-template-columns:1fr max-content;grid-column-gap:1rem;align-items:end}.form-example input[type=text]{grid-column:1/2}.github-stats{display:flex;flex-wrap:wrap;justify-content:flex-end;font-size:.8em;color:#3d5967}.github-stats dt{padding-left:.6em;padding-right:.2em}@media (min-width:65rem){.github-stats--sidebared{display:grid;width:100%;grid-template-columns:1fr -webkit-max-content;grid-template-columns:1fr max-content;grid-row-gap:1rem;font-size:1em}.github-stats--sidebared dt{margin:0;padding-left:0}.github-stats--sidebared dd,.github-stats--sidebared dt{border-bottom:1px solid #d5e2e6}}.main{display:grid;grid-gap:2rem;padding:3rem 1rem 2rem}@media (min-width:45rem){.main{padding:2rem;grid-column-end:span 2}}.main--example,.main--page,.main--tutorials{max-width:75ch}.main--examples,.main--tag{max-width:1200px}.main--example,.main--page{display:block}.main--example,.main--page{overflow-x:hidden}@media (min-width:45rem){.main--example{grid-column:2/-1;grid-row:3/4}}@media (min-width:65rem){.main--example{grid-column:auto;order:inherit}}.header{display:grid;grid-column-gap:2rem;grid-row-gap:1rem;justify-items:start}@media (min-width:45rem){.header{grid-template-columns:1fr -webkit-max-content;grid-template-columns:1fr max-content;align-items:end}}.section--examples{display:grid;grid-row-gap:1rem}.section--featured{padding-bottom:3rem;margin-bottom:1rem;border-bottom:1px solid #e5edef}.section--readme,.section--related{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5edef}.section--readme h3+*{margin-top:1rem}.section--related{margin-top:4rem}.section__heading{margin-top:0;color:#8b8b8b}[data-search-section-count="0"] .section__heading{display:none}.icon{vertical-align:text-top;margin-top:.05em;width:1em;height:1em}.navigation__link{display:block;padding:.2em 0;color:#3d5967}.navigation__link[href*=signup]{font-weight:700}.navigation__link:hover{color:#00ad9f}.navigation__item--current .navigation__link{text-decoration:underline;color:#0e1e25}.navigation__list--tags{display:grid}@media (min-width:75rem),(min-width:25rem) and (max-width:65rem){.navigation__list--tags{grid-template-columns:repeat(3,1fr)}}.navigation--secondary{border-bottom:1px solid #e5edef;padding:.6rem 1rem}@media (min-width:45rem){.navigation--secondary{margin:0 2rem;padding:1.8rem 0 1.85rem;order:inherit;grid-column:span 2}}.navigation--secondary .navigation__list{display:flex;justify-content:flex-end}.navigation--secondary .navigation__item+.navigation__item{margin-left:1rem}.navigation--secondary .navigation__link{padding:.2em .2em}.search{display:grid;align-items:start;grid-gap:1rem;color:#3d5967}@media (min-width:65rem){.search{grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr}}.search__form{display:grid;grid-column-gap:1rem;grid-row-gap:.4rem;align-items:center;display:none}@media (min-width:45rem){.search__form{grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr;grid-row-gap:1rem}}.search__form[data-search=enabled]{display:grid}.search__input{padding-left:2em;margin:0}.search .icon--search,.search__input{grid-column:1/2;grid-row:2/3}@media (min-width:45rem){.search .icon--search,.search__input{grid-column:2/3;grid-row:1/2}}.search .icon--search{pointer-events:none;margin:0 .7rem}.search__empty-message{grid-column:1/-1}.search__tag-select{width:100%;color:#3d5967;background:#fff;border-radius:4px;box-shadow:inset 0 0 0 2px #e0e0e0;transition:box-shadow .2s;position:relative;padding:0}@media (min-width:65rem){.search__tag-select{max-width:40ch}}.search .navigation,.search__tag-summary{padding:.6em 1em .65em}.search .navigation{position:absolute;top:100%;margin-top:2px;left:0;right:0;background:#fff;border-radius:4px;box-shadow:inset 0 0 0 2px #e0e0e0,0 10px 15px -3px rgba(14,30,37,.1),0 4px 6px -2px rgba(14,30,37,.05)}.search__tag-summary{outline-color:#00ad9f;outline-offset:-2px}.search .button{justify-self:start}.sidebar{background:#fff;align-self:stretch;padding:1rem 2rem;display:grid;grid-row-gap:1rem;align-content:start}@media (min-width:45rem){.sidebar{grid-row:1/4;grid-column:1/2;border-right:1px solid #e5edef}}.sidebar--details{grid-row:2/3;background:0 0;padding:3rem 1rem 2rem;margin-bottom:-3rem}@media (min-width:45rem){.sidebar--details{grid-column:2/-1;grid-row:2/3;margin-bottom:0;padding:2rem;border-right:0}}@media (min-width:65rem){.sidebar--details{padding:3rem 3rem 2rem 1rem;grid-column:3/4;grid-row:2/4}}.sidebar--details .sidebar__section{padding:0;border:0;display:flex;justify-content:space-between;align-items:center}@media (min-width:65rem){.sidebar--details .sidebar__section{display:grid;justify-content:stretch;grid-gap:1.2rem;position:-webkit-sticky;position:sticky;top:1rem}}.sidebar__section{padding:1rem 0 0;border-top:1px solid #e5edef}.sidebar__section--logo{padding:.5rem 0;border-top:0;display:flex}@media (min-width:45rem){.sidebar__section--navigation{position:-webkit-sticky;position:sticky;top:-1px}}.logo{padding-top:.4rem;padding-bottom:.4rem}@media (min-width:45rem){.logo{flex:1}}.logo--child{padding-left:.8rem;margin-left:.8rem;border-left:.15rem solid #e8e8e9}code,pre{font-family:Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre{border-radius:4px;padding:1em;margin:.5em 0;overflow:auto}pre{background:#011627;color:#d6deeb}:not(pre)>code{padding:.1em;border-radius:.3em;white-space:normal;background:#fff;word-break:break-word}.token.cdata,.token.comment,.token.prolog{color:#637777;font-style:italic}.token.punctuation{color:#c792ea}.namespace{color:#b2ccd6}.token.deleted{color:rgba(239,83,80,.56);font-style:italic}.token.property,.token.symbol{color:#80cbc4}.token.keyword,.token.operator,.token.tag{color:#7fdbca}.token.boolean{color:#ff5874}.token.number{color:#f78c6c}.token.builtin,.token.char,.token.constant,.token.function{color:#82aaff}.token.doctype,.token.selector{color:#c792ea;font-style:italic}.token.attr-name,.token.inserted{color:#addb67;font-style:italic}.language-css .token.string,.style .token.string,.token.entity,.token.string,.token.url{color:#addb67}.token.atrule,.token.attr-value,.token.class-name{color:#ffcb8b}.token.important,.token.regex,.token.variable{color:#d6deeb}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}html{background:#f5f8f9}body{display:grid}@media (min-width:45rem){body{align-items:start;grid-template-columns:minmax(200px,300px) minmax(200px,-webkit-max-content) minmax(200px,280px);grid-template-columns:minmax(200px,300px) minmax(200px,max-content) minmax(200px,280px);grid-template-rows:-webkit-max-content -webkit-max-content 1fr;grid-template-rows:max-content max-content 1fr}}ul[role=list]{list-style:none;padding:0;margin:0}.skip-to-content-link,.skip-to-navigation-link{background:#f5f8f9;transform:translateY(-100%);position:absolute;top:0;left:0;padding:.8rem 1rem}.skip-to-content-link{left:3rem}.skip-to-content-link:focus,.skip-to-navigation-link,.skip-to-navigation-link:focus{transform:translateY(0)}@media (min-width:45rem){.skip-to-content-link{left:0}.skip-to-navigation-link{position:absolute;transform:translateY(-100%)}.skip-to-navigation-link:focus{transform:translateY(0)}}