import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';

const pnProxioProductcardCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-proxio-productcard .cardcontent{display:flex;flex-direction:row;border:solid 0.1rem #f9f8f8;border-radius:0.8rem;overflow:hidden;margin-left:auto;margin-right:auto;margin-bottom:1.6rem}@media screen and (max-width: 48em){pn-proxio-productcard .cardcontent{flex-direction:column}}pn-proxio-productcard .carddetails{min-width:70%;padding:2.4rem 4.8rem;display:flex;gap:0.8rem;flex-direction:column}@media screen and (max-width: 48em){pn-proxio-productcard .carddetails{gap:1.6rem;margin-bottom:0.8rem}}pn-proxio-productcard .carddetails pn-illustration[slot=illustrationmobile]{display:none}@media screen and (max-width: 48em){pn-proxio-productcard .carddetails pn-illustration[slot=illustrationmobile]{margin-top:1.6rem;display:block}pn-proxio-productcard .carddetails pn-illustration[slot=illustrationmobile] .pn-illustration{max-width:8rem;height:8rem;margin-left:auto;margin-right:auto}}pn-proxio-productcard .cardcalltoactions{min-width:30%;background-color:#effbff}pn-proxio-productcard .cardcalltoactions pn-illustration[slot=illustration]{display:flex;flex-direction:column;justify-content:center;align-content:center;max-width:12rem;margin-left:auto;margin-right:auto;margin-top:4rem}@media screen and (max-width: 48em){pn-proxio-productcard .cardcalltoactions pn-illustration[slot=illustration]{display:none}}pn-proxio-productcard [slot=information]{display:flex;gap:1rem}@media screen and (max-width: 48em){pn-proxio-productcard [slot=information]{flex-direction:column;gap:1.6rem}}pn-proxio-productcard [slot=uppertags]{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:2rem}pn-proxio-productcard [slot=bottomtags]{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:2rem;margin:0.8rem 0}pn-proxio-productcard .heading{display:flex;justify-content:space-between;flex-direction:row}pn-proxio-productcard [slot=title]{text-decoration:underline}@media screen and (max-width: 48em){pn-proxio-productcard [slot=title]{text-decoration:none}}";
const PnProxioProductcardStyle0 = pnProxioProductcardCss;

const PnProxioProductcard = /*@__PURE__*/ proxyCustomElement(class PnProxioProductcard extends HTMLElement {
    constructor() {
        super();
        this.__registerHost();
    }
    render() {
        return (h(Host, { key: 'bf66f05fce9c205b1a9bd0139c2dc8cdfca7d06e' }, h("div", { key: 'a9589b3669a05e5f2fcf054113db3aac74bf3819', class: "cardcontent" }, h("div", { key: '993f32e55e1a626cf5764b82d7db807b9dcbbd5d', class: "carddetails" }, h("slot", { key: 'e4e26be39d07f637368b035d213076b6132c32f3', name: "illustrationmobile" }), h("div", { key: '00ee628b8b9048e4fb8827cb2f7a21481b06f590', class: "heading" }, h("slot", { key: '28176094481a41cfde6b775b9548ee48b08c9e13', name: "title" }), h("slot", { key: '1a5bc540c49f1848d178bf927d5c5553736ec007', name: "uppertags" })), h("slot", { key: 'bd0f2c9cf600e3aa552284686ac7957b10dd9e90', name: "description" }), h("slot", { key: '7c8221de854552da2203f2eff8e8128b677f8344', name: "information" }), h("slot", { key: '4138eedea818d2442acf00866088a2b8ebff5d18', name: "bottomtags" })), h("div", { key: '39f75673ed15c98292f548faa921a5ef95686b9d', class: "cardcalltoactions" }, h("slot", { key: '2bb5e92ee77ccae84730a8767f4c8cd757c7e499', name: "illustration" }), h("slot", { key: 'ad4323fe0f77b6e1dd3b60bb3df9289f488f9e27', name: "pricelink" }), h("slot", { key: '7f8333a9ce777babe2ab6ab154cf7d6fad1da276', name: "insurance" })))));
    }
    static get style() { return PnProxioProductcardStyle0; }
}, [4, "pn-proxio-productcard"]);
function defineCustomElement() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["pn-proxio-productcard"];
    components.forEach(tagName => { switch (tagName) {
        case "pn-proxio-productcard":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, PnProxioProductcard);
            }
            break;
    } });
}

export { PnProxioProductcard as P, defineCustomElement as d };

//# sourceMappingURL=pn-proxio-productcard2.js.map