import { r as registerInstance, h, e as getElement } from './index-dd1fc9a4.js';
import './common-ecdc423b.js';
import './Blockquote-1d6ee92f.js';
import { C as Col } from './Col-9a440e31.js';
import { G as Grid } from './Grid-2b4d32f0.js';
import './IntersectionHelper-2c725527.js';
import { H as Heading } from './Heading-224a452f.js';
import { P as Paragraph } from './Paragraph-783c7e7c.js';
import { R as ResponsiveContainer } from './ResponsiveContainer-f8909967.js';
import { T as ThemeProvider } from './ThemeProvider-2443ac46.js';
import './_commonjsHelpers-1d681858.js';
import { b as PrismicResponsiveImage } from './PrismicResponsiveImage-274c411c.js';
import { s as slugify } from './slugify-3ed342e5.js';
import { P as PrismicContent } from './PrismicContent-6e8b4b19.js';
import { a as prismicResourceToToc } from './prismic-c07abf42.js';

const resourceCaseStudyCss = ".sc-resource-case-study-h{padding-bottom:76px}.heading-group.sc-resource-case-study img.sc-resource-case-study{max-width:100%;-webkit-margin-after:var(--space-11);margin-block-end:var(--space-11)}.heading-group.sc-resource-case-study .ui-heading-1.sc-resource-case-study{-webkit-margin-before:var(--space-10);margin-block-start:var(--space-10);-webkit-margin-after:var(--space-5);margin-block-end:var(--space-5)}.heading-group.sc-resource-case-study .ui-paragraph.sc-resource-case-study{color:#73849A;-webkit-margin-after:var(--space-6);margin-block-end:var(--space-6)}resource-toc.sc-resource-case-study{-webkit-margin-before:var(--space-10);margin-block-start:var(--space-10)}resource-author-item.sc-resource-case-study{-webkit-margin-before:var(--space-3);margin-block-start:var(--space-3);-webkit-margin-after:var(--space-3);margin-block-end:var(--space-3)}resource-author-item.sc-resource-case-study:last-of-type{-webkit-margin-after:73px;margin-block-end:73px}article.sc-resource-case-study .ui-heading-2.sc-resource-case-study{-webkit-margin-before:var(--space-9);margin-block-start:var(--space-9);-webkit-margin-after:var(--space-3);margin-block-end:var(--space-3)}article.sc-resource-case-study .ui-heading-3.sc-resource-case-study{-webkit-margin-before:var(--space-8);margin-block-start:var(--space-8);-webkit-margin-after:var(--space-3);margin-block-end:var(--space-3)}article.sc-resource-case-study .ui-heading-4.sc-resource-case-study{-webkit-margin-before:var(--space-3);margin-block-start:var(--space-3);-webkit-margin-after:var(--space-2);margin-block-end:var(--space-2)}article.sc-resource-case-study .ui-heading.sc-resource-case-study:first-child{-webkit-margin-before:0;margin-block-start:0}article.sc-resource-case-study p.sc-resource-case-study{font-size:16px;letter-spacing:-0.011em;line-height:1.75em;margin-bottom:1.8em;color:var(--c-indigo-80)}article.sc-resource-case-study ul.sc-resource-case-study li.sc-resource-case-study{list-style-type:none}article.sc-resource-case-study ul.sc-resource-case-study li.sc-resource-case-study::before{content:\"\";display:inline-block;width:6px;height:6px;background:#b2becd;position:absolute;top:12px;left:0;border-radius:8px}article.sc-resource-case-study ol.sc-resource-case-study li.sc-resource-case-study{list-style-type:counter-style}article.sc-resource-case-study ul.sc-resource-case-study,article.sc-resource-case-study ol.sc-resource-case-study{font-size:16px;letter-spacing:-0.011em;line-height:1.75em;margin-bottom:1.8em;color:var(--c-indigo-80)}article.sc-resource-case-study li.sc-resource-case-study{position:relative;padding-left:18px}article.sc-resource-case-study table.sc-resource-case-study{overflow-x:auto;margin-right:-15px;padding-right:15px;-webkit-box-sizing:content-box;box-sizing:content-box;font-size:13px}article.sc-resource-case-study table.sc-resource-case-study td.sc-resource-case-study,article.sc-resource-case-study table.sc-resource-case-study th.sc-resource-case-study{min-width:120px;padding-right:12px}article.sc-resource-case-study table.sc-resource-case-study tbody.sc-resource-case-study tr.sc-resource-case-study td.sc-resource-case-study{border-top-color:#DEE3EA}article.sc-resource-case-study table.sc-resource-case-study>thead.sc-resource-case-study>tr.sc-resource-case-study>th.sc-resource-case-study{border-bottom-color:#E9EDF3;font-weight:600}";

const ResourceCaseStudy = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
    }
    render() {
        const resource = this.prismicData;
        return [
            // <ResourcesSubNav resourceItem={resource} />,
            h("div", { class: "resource-article resource-case-study" }, h(ThemeProvider, { type: "editorial" }, h(ResponsiveContainer, null, h(Grid, null, h(Col, { md: 3, sm: 3 }, h("resource-toc", { titleNames: prismicResourceToToc(this.prismicData) })), h(Col, { md: 9, sm: 9, xs: 12, cols: 12 }, h("div", { class: "resource-article-content" }, h("div", { class: "heading-group" }, h(Heading, { level: 1, id: slugify(resource.title) }, resource.title), h(Paragraph, { level: 2 }, resource.description), h(PrismicResponsiveImage, { image: resource.doc.data.hero_image, width: "800", height: "420" })), h("article", null, h(PrismicContent, { content: resource.doc.data.body })))))))),
        ];
    }
    get el() { return getElement(this); }
};
ResourceCaseStudy.style = resourceCaseStudyCss;

export { ResourceCaseStudy as resource_case_study };
