:root{--cl-card-border-width:0px;--cl-card-border-color:transparent}.cl-card{--cl-card-background-color:var(--cl-color-container-01);--cl-card-hover-background-color:var(--cl-color-hover-01);--cl-card-text-color:var(--cl-color-text-01);background:var(--cl-card-background-color);border:var(--cl-card-border-width,0) solid var(--cl-card-border-color,transparent);border-radius:var(--cl-border-radius-container);color:var(--cl-card-text-color);position:relative}.cl-card.-container-01,[data-cl-brand=hubspot-2025] :is([data-cl-theme=dark],.-dark) .cl-card:is([data-cl-theme=light],.-light):is(.-container-02,.-container-03),[data-cl-brand=hubspot-2025] :is([data-cl-theme=light],.-light) .cl-card:is([data-cl-theme=dark],.-dark):is(.-container-02,.-container-03),[data-cl-brand=hubspot-2025]:is([data-cl-theme=dark],.-dark) .cl-card:is([data-cl-theme=light],.-light):is(.-container-02,.-container-03),[data-cl-brand=hubspot-2025]:is([data-cl-theme=light],.-light) .cl-card:is([data-cl-theme=dark],.-dark):is(.-container-02,.-container-03){--cl-card-background-color:var(--cl-color-container-01);--cl-card-hover-background-color:var(--cl-color-hover-01)}.cl-card.-container-02{--cl-card-background-color:var(--cl-color-container-02);--cl-card-hover-background-color:var(--cl-color-hover-02)}.cl-card.-container-03{--cl-card-background-color:var(--cl-color-container-03);--cl-card-hover-background-color:var(--cl-color-hover-03)}.cl-card.-container-inverse-01{--cl-card-background-color:var(--cl-color-container-inverse-01);--cl-card-text-color:var(--cl-color-text-on-color-01)}.cl-card.-border{--cl-card-border-width:var(--cl-border-width-medium);--cl-card-border-color:var(--cl-color-border-03)}.cl-card.-edge-left:before,.cl-card.-edge-top:before{background:var(--cl-card-edge-color);content:"";display:block;inset:calc(var(--cl-card-border-width)*-1);position:absolute}[data-cl-brand=hubspot-2025] .cl-card.-edge-left:before,[data-cl-brand=hubspot-2025] .cl-card.-edge-top:before{content:none}.cl-card.-edge-left:before{border-bottom-left-radius:inherit;border-top-left-radius:inherit;width:12px}.cl-card.-edge-top:before{border-top-left-radius:inherit;border-top-right-radius:inherit;height:12px}.cl-card.-hoverable:hover{background:var(--cl-card-hover-background-color);box-shadow:0 0 0 1px var(--cl-card-border-color)}.cl-card.-accent-01{--cl-card-edge-color:var(--cl-color-accent-decoration-01)}.cl-card.-accent-02,.cl-card.-lorax,.cl-card.-tangerine{--cl-card-edge-color:var(--cl-color-accent-decoration-02)}.cl-card.-accent-03{--cl-card-edge-color:var(--cl-color-accent-decoration-03)}.cl-card.-accent-04,.cl-card.-green,.cl-card.-oz{--cl-card-edge-color:var(--cl-color-accent-decoration-04)}.cl-card.-accent-05,.cl-card.-marigold,.cl-card.-yellow{--cl-card-edge-color:var(--cl-color-accent-decoration-05)}.cl-card.-accent-06{--cl-card-edge-color:var(--cl-color-accent-decoration-06)}.cl-card.-accent-07,.cl-card.-calypso,.cl-card.-teal{--cl-card-edge-color:var(--cl-color-accent-decoration-07)}.cl-card.-accent-08{--cl-card-edge-color:var(--cl-color-accent-decoration-08)}.cl-card.-interactive .cl-card-title{font-family:var(--cl-font-family,inherit);font-size:var(--cl-font-size-h4);font-weight:var(--cl-font-weight-h4);letter-spacing:var(--cl-letter-spacing-h4,normal);line-height:var(--cl-line-height-h4)}.cl-card.-interactive{--cl-card-interactive-padding:1.5rem;padding:var(--cl-card-interactive-padding)}.cl-card.-interactive:focus-visible{outline:2px solid var(--cl-color-focus-01);outline-offset:2px}.cl-card.-interactive:has(input:checked){outline-offset:4px}.cl-card.-interactive .cl-card-header{align-items:center;display:flex;justify-content:space-between;padding-bottom:1rem}.cl-card.-interactive .cl-card-header.-divider{border-bottom:1px solid var(--cl-color-border-03)}.cl-card.-interactive .cl-card-title{font-weight:var(--cl-font-weight-demi-bold)}.cl-card.-interactive a[href],.cl-card.-interactive label{color:inherit;text-decoration:none}.cl-card.-interactive a[href]:after,.cl-card.-interactive label:after{content:"";cursor:pointer;inset:0;position:absolute}.cl-card.-interactive:has(input[type=checkbox]:checked),.cl-card.-interactive:has(input[type=radio]:checked){box-shadow:0 0 0 2px var(--cl-color-border-01)}.cl-card.-interactive:has(a[href][aria-disabled=true],input[type=radio]:disabled,input[type=checkbox]:disabled,button:disabled){box-shadow:none;color:var(--cl-color-disabled-01);cursor:not-allowed}.cl-card.-interactive:has(a[href][aria-disabled=true],input[type=radio]:disabled,input[type=checkbox]:disabled,button:disabled) label:after{cursor:not-allowed}.cl-card.-interactive:has(a[href][aria-disabled=true],input[type=radio]:disabled,input[type=checkbox]:disabled,button:disabled) a[href]{pointer-events:none}.cl-card.-interactive .cl-card-action:has(input[type=checkbox]){position:absolute;right:0;top:0}.cl-card.-interactive .cl-card-action:has(input[type=checkbox]) .cl-checkboxInput-checkbox:before{border:2px solid var(--cl-color-border-01);border-radius:var(--cl-border-radius-small);content:"";height:24px;left:17px;position:absolute;top:29px;transform:translateY(-50%);width:24px}.cl-card.-interactive [data-cl-brand=hubspot-2025] .cl-card-action:has(input[type=checkbox]) .cl-checkboxInput-checkbox:before,[data-cl-brand=hubspot-2025] .cl-card.-interactive .cl-card-action:has(input[type=checkbox]) .cl-checkboxInput-checkbox:before{background-color:var(--cl-color-container-01);background-image:linear-gradient(var(--cl-color-container-02),var(--cl-color-container-02))}.cl-card.-interactive .cl-card-action:has(input[type=checkbox]) .cl-checkboxInput-checkbox:before{left:auto;right:1rem;top:1rem;transform:none}.cl-card.-interactive .cl-card-action:has(input[type=checkbox]) .cl-checkboxInput-checkbox:after{border-color:var(--cl-color-icon-01);border-style:solid;border-width:0 2px 2px 0;content:"";display:block;height:14px;left:20px;left:auto;opacity:0;position:absolute;right:24px;top:25px;top:19px;transform:rotate(45deg) translateY(-50%);transform:rotate(45deg);width:8px}.cl-card.-interactive .cl-card-action:has(input[type=checkbox]) input[type=checkbox]:checked+.cl-checkboxInput-checkbox:before{border-color:var(--cl-color-border-01)}.cl-card.-interactive .cl-card-action:has(input[type=checkbox]) input[type=checkbox]:checked+.cl-checkboxInput-checkbox:after{opacity:1}.cl-card.-interactive .cl-card-action:has(input[type=checkbox]) input[type=checkbox]:disabled+.cl-checkboxInput-checkbox:after,.cl-card.-interactive .cl-card-action:has(input[type=checkbox]) input[type=checkbox]:disabled+.cl-checkboxInput-checkbox:before{border-color:var(--cl-color-disabled-01)}.cl-card.-interactive .cl-card-action:has(input[type=radio]){position:absolute;right:0;top:0}.cl-card.-interactive .cl-card-action:has(input[type=radio]) .cl-radioInput-radio:before{border:2px solid var(--cl-color-border-01);border-radius:50%;content:"";height:24px;left:16px;left:auto;position:absolute;right:1rem;top:29px;top:1rem;transform:translateY(-50%);transform:none;width:24px}.cl-card.-interactive .cl-card-action:has(input[type=radio]) .cl-radioInput-radio:after{background-color:var(--cl-color-icon-01);border:none;border-radius:50%;content:"";height:24px;height:12px;left:16px;left:22px;left:auto;opacity:0;position:absolute;right:calc(1rem + 6px);top:29px;top:calc(1rem + 6px);transform:translateY(-50%);transform:none;width:24px;width:12px}.cl-card.-interactive .cl-card-action:has(input[type=radio]) input[type=radio]:checked+.cl-radioInput-radio:after{opacity:1}.cl-card.-interactive .cl-card-action:has(input[type=radio]) input[type=radio]:disabled+.cl-radioInput-radio:before{border-color:var(--cl-color-disabled-01)}.cl-card.-interactive .cl-card-action:has(input[type=radio]) input[type=radio]:disabled+.cl-radioInput-radio:after{background-color:var(--cl-color-disabled-01)}.cl-card.-interactive .cl-card-action:has(svg){height:24px;position:absolute;right:1rem;top:1rem}.cl-card.-interactive .cl-card-action:has(svg) .cl-icon{height:24px;width:24px}[data-cl-brand=hubspot-2025] :is([data-cl-theme=dark],.-dark) .cl-card:is([data-cl-theme=light],.-light).-hoverable:hover,[data-cl-brand=hubspot-2025] :is([data-cl-theme=light],.-light) .cl-card:is([data-cl-theme=dark],.-dark).-hoverable:hover,[data-cl-brand=hubspot-2025]:is([data-cl-theme=dark],.-dark) .cl-card:is([data-cl-theme=light],.-light).-hoverable:hover,[data-cl-brand=hubspot-2025]:is([data-cl-theme=light],.-light) .cl-card:is([data-cl-theme=dark],.-dark).-hoverable:hover{background-color:var(--cl-card-background-color);background-image:linear-gradient(var(--cl-card-hover-background-color),var(--cl-card-hover-background-color))}