@layer components{.resource-document{gap:var(--space-4);flex-direction:column;display:flex}.resource-document .heading{margin-top:var(--space-5);color:var(--text-blue);font-size:var(--size-h5);line-height:var(--leading-1-3);font-weight:var(--weight-semibold)}.resource-document ul{margin:0;padding-left:1.3em;list-style:outside}.resource-document li{margin-bottom:var(--space-3);font-size:var(--size-text-main);padding-left:.25em;line-height:1.5}.resource-document li::marker{color:var(--text-blue)}.resource-code{border:var(--border-width) solid var(--border-blue-200);border-radius:var(--radius-md);min-width:0;overflow:clip}.resource-code__header{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:var(--border-width) solid var(--border-blue-200);font-size:var(--size-text-small);color:var(--text-blue);display:flex}.button_wrap.resource-copy.secondary{--button-background:transparent;--button-border:transparent;--button-text:var(--text-blue);font-size:var(--size-text-small);padding:var(--space-2) var(--space-3)}.resource-copy:active{transform:scale(.97)}.resource-code pre{--_code-height:24rem;max-height:var(--_code-height);padding:var(--space-4);font-size:var(--size-text-xsmall);line-height:var(--leading-1-5);scrollbar-width:thin;cursor:text;user-select:text;margin:0;display:block;overflow:auto}.resource-code pre:focus-visible{outline:var(--focus-width) solid var(--border-blue);outline-offset:calc(-1 * var(--focus-width))}.resource-documentation__header{justify-content:space-between;align-items:center;gap:var(--space-5);padding-bottom:var(--space-5);border-bottom:var(--border-width) solid var(--border-blue-200);display:flex}.resource-documentation__header .heading{color:var(--text-blue);font-size:var(--size-h5);line-height:var(--leading-1-3);font-weight:var(--weight-semibold)}.resource-documentation__tabs{gap:var(--space-1);display:flex}.button_wrap.resource-doc-tab.secondary{--button-background:transparent;--button-text:var(--text-blue);--button-border:var(--border-blue-200);font-size:var(--size-text-small);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md)}.button_wrap.resource-doc-tab[aria-selected=true]{--button-background:var(--bg-blue);--button-text:var(--text-white);--button-border:var(--border-blue)}.resource-doc-tab:active{transform:scale(.97)}.resource-documentation__lead{line-height:var(--leading-1-5);padding-block:var(--space-5)}.resource-documentation__step+.resource-documentation__step{margin-top:var(--space-6)}.resource-documentation__step>.heading{color:var(--text-blue);font-size:var(--size-h6);line-height:var(--leading-1-3);margin-bottom:var(--space-4)}.resource-documentation__step>.text{font-size:var(--size-text-small);line-height:var(--leading-1-5);margin-bottom:var(--space-4)}.button_wrap.resource-webflow-copy.secondary{--button-background:var(--bg-blue);--button-border:var(--border-blue);--button-text:var(--text-white);--button-background-hover:var(--bg-navy);--button-border-hover:var(--border-navy);--button-text-hover:var(--text-white);width:100%;padding:var(--space-4);font-size:var(--size-text-small);border-radius:var(--radius-md);display:flex}.resource-webflow-copy .button_text{justify-content:center;align-items:center;gap:var(--space-2);display:flex}.resource-webflow-copy .icon path{fill:currentColor}.webflow-clipboard-buffer{opacity:0;pointer-events:none;width:1em;height:1em;padding:0;position:fixed;top:0;left:0}.resource-webflow-copy:active{transform:scale(.99)}[data-resource-panel][hidden]{display:none}.resource-documentation .resource-instructions{margin-top:var(--space-6)}@media (width<=1024px){.resource-documentation__header{flex-wrap:wrap}}@media (width<=768px){.resource-documentation__header{align-items:start;gap:var(--space-4);flex-direction:column}}.resource-instructions{margin:0;padding:0;list-style:none}.resource-instructions li{gap:var(--space-5);padding-block:var(--space-5);border-top:var(--border-width) solid var(--border-blue-200);grid-template-columns:auto 1fr;display:grid}.resource-instructions__number{color:var(--text-blue);font-size:var(--size-text-small);padding-top:.2em}.resource-instructions li .heading{color:var(--text-blue);font-size:var(--size-h6);line-height:var(--leading-1-3);margin:0 0 var(--space-3);font-weight:var(--weight-semibold)}.resource-instructions li .text{max-width:65ch;line-height:var(--leading-1-5)}@media (width<=480px){.resource-instructions li{gap:var(--space-4)}}.resource-detail-hero{padding-top:var(--section-space-page-top);padding-bottom:var(--space-7);color:var(--text-blue);overflow:clip}.resource-detail-hero__container{gap:var(--space-7)}.button_wrap.resource-back{--button-text:var(--text-white);font-size:var(--size-text-small);align-self:start}.resource-back .button_text{align-items:center;gap:var(--space-2);display:flex}.resource-back__icon{transform:rotate(180deg)}.resource-back__icon path{stroke:currentColor}.resource-detail-hero__heading{column-gap:var(--site-gutter);row-gap:var(--space-4);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;display:grid}.resource-detail-hero__label{color:var(--text-blue);grid-column:1/4;align-self:start}.resource-detail-hero__content{grid-column:4/-1;min-width:0}.resource-detail-hero__title{font-size:var(--size-h3);color:var(--text-blue);font-weight:var(--weight-medium);line-height:var(--leading-1-1);letter-spacing:var(--tracking-0-03em)}.resource-detail{padding-top:0;overflow:clip}.resource-detail__container{gap:var(--site-gutter);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;display:grid}.resource-detail__main{gap:var(--space-7);flex-direction:column;grid-column:4/span 6;min-width:0;display:flex}.resource-detail__aside{gap:var(--space-6);flex-direction:column;grid-column:10/span 3;min-width:0;display:flex;position:sticky;top:10rem}.resource-detail__main>section>.heading,.resource-detail__notes .heading,.resource-fig-preview>.heading{color:var(--text-blue);font-size:var(--size-h5);line-height:var(--leading-1-3);font-weight:var(--weight-semibold);margin-bottom:var(--space-4)}.resource-detail__intro .text,.resource-detail__notes .text{max-width:70ch;line-height:var(--leading-1-5)}.resource-detail__cover{background:var(--bg-blue);padding:var(--space-fixed-2);border-radius:var(--radius-md-2);aspect-ratio:3/2;overflow:clip}.resource-detail__cover .image{object-fit:cover;border-radius:var(--radius-md);width:100%;height:100%}.resource-preview{min-width:0}.resource-preview__visual{padding:var(--space-2);border-radius:var(--radius-md);background:var(--bg-blue);position:relative;overflow:clip}.resource-preview__visual .video{border-radius:var(--radius-sm);width:100%;display:block}.resource-preview__play{right:var(--space-4);top:var(--space-4);--button-background:var(--bg-white);--button-text:var(--text-blue);--button-border:var(--border-white);position:absolute}.resource-preview__actions{justify-content:space-between;align-items:center;gap:var(--space-3);padding-block:var(--space-3);font-size:var(--size-text-xsmall);color:var(--text-blue);display:flex}.resource-fig-preview{margin:0}.resource-fig-preview__canvas{padding:var(--space-6);background:var(--bg-navy);border-radius:var(--radius-md);place-items:center;display:grid;overflow:clip}.resource-fig-preview__canvas .image{--_preview-width:25rem;width:min(100%, var(--_preview-width));height:auto}.resource-fig-preview figcaption{font-size:var(--size-text-xsmall);line-height:var(--leading-1-5);padding-top:var(--space-3);color:var(--text-blue)}.resource-specs>.heading,.resource-includes>.heading{color:var(--text-blue);font-size:var(--size-h6);line-height:var(--leading-1-3);font-weight:var(--weight-semibold);margin-bottom:var(--space-4)}.resource-specs dl{margin:0}.resource-specs dl>div{justify-content:space-between;gap:var(--space-3);padding-block:var(--space-3);border-bottom:var(--border-width) solid var(--border-blue-200);font-size:var(--size-text-small);display:flex}.resource-specs dd{text-align:right;margin:0}.resource-includes ul{margin-block:0 var(--space-5);font-size:var(--size-text-small);line-height:var(--leading-1-5);padding-left:1em}.resource-includes li+li{margin-top:var(--space-3)}.resource-detail__notes{gap:var(--space-6);border-top:var(--border-width) solid var(--border-blue-200);padding-top:var(--space-6);flex-direction:column;display:flex}.resource-docs-link{color:var(--text-blue);margin-top:var(--space-4);font-size:var(--size-text-small);text-underline-offset:.2em;text-decoration:underline;display:inline-block}.resource-docs-link:focus-visible{outline:var(--focus-width) solid currentColor;outline-offset:var(--focus-offset-outer)}.resource-docs-link:active{opacity:.7}.resource-related{border-top:var(--border-width) solid var(--border-blue-200);overflow:clip}.resource-related__container{gap:var(--space-7)}.resource-related__heading{justify-content:space-between;align-items:center;gap:var(--space-5);display:flex}.resource-related__heading .heading{color:var(--text-blue);font-size:var(--size-h3);font-weight:var(--weight-semibold);line-height:var(--leading-1-1);letter-spacing:var(--tracking-0-03em)}.resource-related .resources-grid{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.resource-related .resource-entry__body .heading{font-size:var(--size-h5)}@media (hover:hover) and (pointer:fine){.resource-docs-link:hover{text-decoration-thickness:.1em}}@media (width<=1440px){.resource-detail__aside{grid-column:10/span 3}}@media (width<=1024px){.resource-detail-hero__heading{gap:var(--space-4);grid-template-columns:1fr}.resource-detail-hero__label,.resource-detail-hero__content{grid-column:1/-1}.resource-detail__main{grid-column:1/span 8}.resource-detail__aside{grid-column:9/span 4}.resource-preview__actions{flex-wrap:wrap;align-items:start}.resource-related .resources-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.resource-detail-hero__heading,.resource-detail__container{gap:var(--space-6);grid-template-columns:1fr}.resource-detail-hero__label,.resource-detail-hero__content,.resource-detail__main,.resource-detail__aside{grid-column:auto}.resource-detail__aside{padding-left:0}.resource-related__heading{flex-direction:column;align-items:start}.resource-related .resources-grid{grid-template-columns:1fr}}@media (width<=480px){.resource-related .resources-grid{grid-template-columns:1fr}}}