https://www.thecignagroup.com/static/www-thecignagroup-com/bundle/value-prop-heading-B-Kl7ouE.js

1import{r as e,L as s,x as n}from"./main-DdEGjCiE.js";import{S as r}from"./slot-WngKKW0W.js";const l=`/*------------------------------------*\\
2    #RESET
3\\*------------------------------------*/
4/**
5 * Border-Box http:/paulirish.com/2012/box-sizing-border-box-ftw/
6 */
7*,
8::slotted(*),
9*:before,
10*:after {
11  box-sizing: border-box;
12}
13
14:host *,
15:host *::before,
16:host *::after {
17  box-sizing: inherit;
18}
19
20[hidden] {
21  display: none !important;
22}
23
24.base-c-value-prop-heading {
25  max-width: 850px;
26}
27.base-c-value-prop-heading .base-c-value-prop-heading--icon-container ::slotted([slot=icon]) {
28  --icon-height: var(--leafdcws-value-prop-heading-icon-height);
29  --icon-width: var(--leafdcws-value-prop-heading-icon-width);
30}
31
32::slotted([slot=heading]) {
33  margin-bottom: var(--leaf-spacing-48);
34}
35
36.base-c-value-prop-heading--content {
37  margin-bottom: var(--leaf-spacing-24);
38}`,a=class extends s{constructor(){super(...arguments),this.slotController=new r(this)}render(){return n`<div class="base-c-value-prop-heading">
39      <div class="base-c-value-prop-heading--header">
40        ${this.slotController.hasNamedSlot("icon")?n`
41              <div class="base-c-value-prop-heading--icon-container">
42                <slot name="icon"></slot>
43              </div>
44            `:""}
45        <div class="base-c-value-prop-heading--heading">
46          <slot name="heading"></slot>
47        </div>
48      </div>
49      ${this.slotController.hasDefaultSlot()?n`<div class="base-c-value-prop-heading--content">
50            <slot></slot>
51          </div>`:""}
52    </div>`}};a.styles=e(l);let o=a;const d=`/*------------------------------------*\\
53    #RESET
54\\*------------------------------------*/
55/**
56 * Border-Box http:/paulirish.com/2012/box-sizing-border-box-ftw/
57 */
58*,
59::slotted(*),
60*:before,
61*:after {
62  box-sizing: border-box;
63}
64
65:host *,
66:host *::before,
67:host *::after {
68  box-sizing: inherit;
69}
70
71[hidden] {
72  display: none !important;
73}
74
75:host {
76  --leafdcws-value-prop-heading-icon-height: 100px;
77  --leafdcws-value-prop-heading-icon-width: 100px;
78}
79
80.tcg-c-value-prop-heading .base-c-value-prop-heading--header {
81  display: flex;
82  align-items: flex-start;
83  align-self: stretch;
84}
85.tcg-c-value-prop-heading .base-c-value-prop-heading--header ::slotted([slot=icon]) {
86  display: flex;
87  align-items: center;
88  justify-content: center;
89}
90@media (max-width: 34.999rem) {
91  .tcg-c-value-prop-heading .base-c-value-prop-heading--header {
92    flex-direction: column;
93  }
94}
95.tcg-c-value-prop-heading .base-c-value-prop-heading--heading {
96  display: flex;
97  flex-direction: column;
98  align-items: flex-start;
99  gap: var(--leaf-spacing-16);
100}
101.tcg-c-value-prop-heading .base-c-value-prop-heading--content ::slotted(:not(:empty)) {
102  margin-bottom: var(--leaf-spacing-48);
103}
104.tcg-c-value-prop-heading ::slotted([slot=icon]) {
105  margin-bottom: var(--leaf-spacing-24);
106}
107@media (min-width: 35rem) {
108  .tcg-c-value-prop-heading ::slotted([slot=icon]) {
109    margin-bottom: var(--leaf-spacing-48);
110    margin-right: var(--leaf-spacing-24);
111  }
112}
113.tcg-c-value-prop-heading .base-c-value-prop-heading--heading {
114  display: flex;
115  flex-direction: column;
116  margin-top: auto;
117  margin-bottom: auto;
118}`,t=class extends o{render(){return n`<div class="tcg-c-value-prop-heading">${super.render()}</div>`}};t.styles=e([o.styles,d]);let p=t;customElements.define("tcg-value-prop-heading",p);export{p as TCGValuePropHeading};
119//# sourceMappingURL=value-prop-heading-B-Kl7ouE.js.map