@manifoldco/web-components - npm Package Compare versions

Comparing version 0.0.46 to 0.0.47

dist/cjs/manifold-plan-table.cjs.entry.js

@@ -6,3 +6,3 @@ 'use strict';
 const index = require('./index-8fab79ff.js');
-const helpCircle = require('./help-circle-f9367770.js');
+const helpCircle = require('./help-circle-79029fa4.js');
 
@@ -141,3 +141,3 @@ const Tooltip = ({ id, title, innerHTML, direction, show, hide, }) => {
 
-const manifoldPlanTableCss = ".Manifold-Typography--Body{font-size:16px;font-weight:400;letter-spacing:normal;line-height:1.25;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}@media (min-width: 600px){.Manifold-Typography--Body{font-size:16px;font-weight:400;letter-spacing:normal;line-height:1.1875;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}}.Manifold-Typography--Label{font-size:14px;font-weight:400;letter-spacing:normal;line-height:1.2143;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}@media (min-width: 600px){.Manifold-Typography--Label{font-size:14px;font-weight:400;letter-spacing:normal;line-height:1.2143;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}}.Manifold-Typography--Heading{font-size:18px;font-weight:400;letter-spacing:normal;line-height:1.2222;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}@media (min-width: 600px){.Manifold-Typography--Heading{font-size:20px;font-weight:400;letter-spacing:normal;line-height:1.2;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}}.Manifold-Typography--HeadingLarge{font-size:22px;font-weight:400;letter-spacing:normal;line-height:1.1818;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}@media (min-width: 600px){.Manifold-Typography--HeadingLarge{font-size:25px;font-weight:400;letter-spacing:normal;line-height:1.2;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}}.Manifold-Typography--SubheadingSmall{font-size:11px;font-weight:500;letter-spacing:0.04em;line-height:1.2727;text-transform:uppercase;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}.Manifold-Typography--Caption{font-size:13px;font-weight:400;letter-spacing:normal;line-height:1.2308;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}@media (min-width: 600px){.Manifold-Typography--Caption{font-size:12px;font-weight:400;letter-spacing:normal;line-height:1.3333;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}}.Manifold-Tooltip{position:relative;padding:8px 12px;color:#ffffff;white-space:nowrap;text-align:center;text-indent:0;background:#323940;border-radius:4px;-webkit-box-shadow:0 2px 8px rgba(0, 0, 0, 0.08);box-shadow:0 2px 8px rgba(0, 0, 0, 0.08);cursor:default;pointer-events:none;font-size:12px;font-weight:400;letter-spacing:normal;line-height:1.3333;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}.Manifold-Tooltip::after{position:absolute;top:100%;left:50%;width:0;height:0;margin-left:-5px;border:solid transparent;border-color:rgba(0, 0, 0, 0);border-width:5px;border-top-color:#323940;content:\"\";pointer-events:none}.Manifold-Tooltip__Container{position:relative;cursor:pointer}.Manifold-Tooltip__Container [role=tooltip]{position:absolute;bottom:100%;left:50%;margin-bottom:8px;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);-webkit-transform-origin:top;transform-origin:top;opacity:0;-webkit-transition:all 0.1s ease-in-out 0.1s;transition:all 0.1s ease-in-out 0.1s}.Manifold-Tooltip__Container:hover [role=tooltip]{-webkit-transform:translate(-50%, -4px);transform:translate(-50%, -4px);opacity:1}.Manifold-Tooltip__Container--Down [role=tooltip]{top:100%;bottom:auto;margin-top:13px;-webkit-transform:translate(-50%, -4px);transform:translate(-50%, -4px)}.Manifold-Tooltip__Container--Down:hover [role=tooltip]{-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}.Manifold-Tooltip__Container--Up [role=tooltip]{top:auto;bottom:100%;z-index:10;margin-bottom:13px;-webkit-transform:translate(-50%, -4px);transform:translate(-50%, -4px)}.Manifold-Tooltip__Container--Up:hover [role=tooltip]{-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}.Manifold-Tooltip--Up::after{top:100%;bottom:auto;border-color:rgba(0, 0, 0, 0);border-bottom-color:#323940;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.Manifold-Tooltip--Down::after{top:auto;bottom:100%;border-color:rgba(0, 0, 0, 0);border-bottom-color:#323940}.Skeleton__Grid{display:grid;grid-template-columns:1fr 1fr 1fr;-webkit-column-gap:1rem;-moz-column-gap:1rem;column-gap:1rem}.Skeleton__Grid p{margin:6px 0}.Skeleton__Grid h2{max-width:200px}.Skeleton{position:relative;display:inline-block;overflow:hidden;color:transparent;line-height:1;border-radius:2px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block}@-webkit-keyframes Skeleton__Animation{to{-webkit-transform:translateX(125%);transform:translateX(125%)}}@keyframes Skeleton__Animation{to{-webkit-transform:translateX(125%);transform:translateX(125%)}}.Skeleton::before{position:absolute;top:0;right:0;bottom:0;left:0;background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), color-stop(1em, rgba(0, 0, 0, 0.1)), color-stop(1em, rgba(0, 0, 0, 0)), color-stop(1.5em, rgba(0, 0, 0, 0)));background-image:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) 1em, rgba(0, 0, 0, 0) 1em, rgba(0, 0, 0, 0) 1.5em);background-repeat:repeat-y;background-size:100% 1.5em;content:\"\";pointer-events:none}.Skeleton::after{position:absolute;top:0;right:100%;width:60em;height:100%;background-image:linear-gradient(60deg, rgba(255, 255, 255, 0) 33.3333%, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 66.6666%);background-repeat:no-repeat;opacity:0.4;-webkit-animation-name:Skeleton__Animation;animation-name:Skeleton__Animation;-webkit-animation-duration:1.4s;animation-duration:1.4s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;content:\"\";pointer-events:none}:host{--theme-color-brand:var(--manifold-color-brand);--theme-color-brand-accent:var(--manifold-color-brand-accent);--theme-color-error:var(--manifold-color-error);--theme-color-disabled:var(--manifold-color-disabled);--theme-color-disabled-accent:var(--manifold-color-disabled-accent);--theme-color-background:var(--manifold-color-background);--theme-color-input-background:var(--manifold-color-input-background);--theme-color-text:var(--manifold-color-text);--theme-color-text-secondary:var(--manifold-color-text-secondary);--theme-border:var(--manifold-border);--theme-border-secondary:var(--manifold-border-secondary);--theme-radius:var(--manifold-radius);position:relative;display:block;overflow:auto}:host table.plan-table{--manifold-color-brand:var(--theme-color-brand, #1e50da);--manifold-color-brand-accent:var(--theme-color-brand-accent, #ffffff);--manifold-color-error:var(--theme-color-error, #d52049);--manifold-color-disabled:var(--theme-color-disabled, #ececed);--manifold-color-disabled-accent:var(--theme-color-disabled-accent, #8f8f95);--manifold-color-background:var(--theme-color-background, #ffffff);--manifold-color-input-background:var(--theme-color-input-background, #ffffff);--manifold-color-text:var(--theme-color-text, #323940);--manifold-color-text-secondary:var(--theme-color-text-secondary, #8f8f95);--manifold-border:var(--theme-border, 1px solid #c4c7ca);--manifold-border-secondary:var(\n    --theme-border-secondary,\n    1px solid #ececed\n  );--manifold-radius:var(--theme-radius, 4px);color:var(--manifold-color-text);background:var(--manifold-color-background);border-radius:var(--manifold-radius);border-spacing:0}:host table.plan-table th{border-bottom:var(--manifold-border);border-left:var(--manifold-border)}:host table.plan-table th h1{margin:0.5rem}:host table.plan-table th h3{margin:0;color:var(--manifold-color-text);font-weight:700}:host table.plan-table th label{color:var(--manifold-color-brand)}:host table.plan-table td{vertical-align:top;border-bottom:var(--manifold-border-secondary);border-left:var(--manifold-border)}:host table.plan-table td.feature-name,:host table.plan-table th.feature-name{position:-webkit-sticky;position:sticky;border-right:var(--manifold-border)}:host table.plan-table .feature-name{left:0;z-index:1;color:var(--manifold-color-text);font-weight:600;font-size:14px;text-align:left}@media (min-width: 600px){:host table.plan-table .feature-name{font-size:16px}}:host table.plan-table th,:host table.plan-table td{padding:0.5rem;text-align:left;background-color:var(--manifold-color-background)}@media (min-width: 600px){:host table.plan-table th,:host table.plan-table td{padding:1rem}}@media (min-width: 850px){:host table.plan-table th,:host table.plan-table td{padding:1rem}}:host table.plan-table th:nth-child(2),:host table.plan-table td:nth-child(2){border-left:none}:host table.plan-table th:last-child,:host table.plan-table td:last-child{border-right:var(--manifold-border)}:host table.plan-table tr:first-child th{border-top:var(--manifold-border)}:host table.plan-table tr:first-child th:first-child{border-top-left-radius:var(--manifold-radius)}:host table.plan-table tr:first-child th:last-child{border-top-right-radius:var(--manifold-radius)}:host table.plan-table tr:last-child td{border-bottom:var(--manifold-border)}:host table.plan-table tr:last-child td:first-child{border-bottom-left-radius:var(--manifold-radius)}:host table.plan-table tr:last-child td:last-child{border-bottom-right-radius:var(--manifold-radius)}:host table.plan-table .plan-cell{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start}:host table.plan-table.scrolled .feature-name{-webkit-box-shadow:0 0 30px 0 rgba(0, 0, 0, 0.15);box-shadow:0 0 30px 0 rgba(0, 0, 0, 0.15);-webkit-clip-path:inset(0 -30px 0 0);clip-path:inset(0 -30px 0 0)}:host table.plan-table.lg .feature-name{min-width:200px}:host table.plan-table.md .feature-name{min-width:150px}:host table.plan-table.sm{display:none}:host table.plan-table.sm .feature-name{min-width:100px}:host table.plan-table.xs{display:none;max-width:478px}:host td button,:host td .button{position:relative;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10.5px 21px;color:#323940;font-weight:500;font-size:16px;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\";line-height:1;white-space:nowrap;text-decoration:none;background:#ffffff;border-color:#c4c7ca;border-style:solid;border-width:1px;border-radius:4px;-webkit-box-shadow:0 2px 8px rgba(0, 0, 0, 0.08);box-shadow:0 2px 8px rgba(0, 0, 0, 0.08);cursor:pointer;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-property:background-color, border-color, color, -webkit-box-shadow, -webkit-filter;transition-property:background-color, border-color, color, -webkit-box-shadow, -webkit-filter;transition-property:background-color, border-color, color, box-shadow, filter;transition-property:background-color, border-color, color, box-shadow, filter, -webkit-box-shadow, -webkit-filter;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;color:var(--manifold-color-brand-accent);text-align:center;background:var(--manifold-color-brand);border:none;border-radius:var(--manifold-radius)}:host td button::before,:host td .button::before{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border:2px solid #1e50da;border-radius:8px;-webkit-transform:scale(0.95, 0.9);transform:scale(0.95, 0.9);opacity:0;-webkit-transition:opacity 150ms linear, -webkit-transform 150ms cubic-bezier(0.5, 0, 1, 0.5);transition:opacity 150ms linear, -webkit-transform 150ms cubic-bezier(0.5, 0, 1, 0.5);transition:opacity 150ms linear, transform 150ms cubic-bezier(0.5, 0, 1, 0.5);transition:opacity 150ms linear, transform 150ms cubic-bezier(0.5, 0, 1, 0.5), -webkit-transform 150ms cubic-bezier(0.5, 0, 1, 0.5);content:\"\";pointer-events:none}:host td button::-moz-focus-inner,:host td .button::-moz-focus-inner{border:0}:host td button:focus,:host td button:hover,:host td .button:focus,:host td .button:hover{border-color:#8f8f95}:host td button:focus,:host td .button:focus{outline:none}:host td button:focus::before,:host td .button:focus::before{-webkit-transform:scale(1);transform:scale(1);opacity:1;-webkit-transition:opacity 150ms linear, -webkit-transform 150ms cubic-bezier(0, 0.5, 0.5, 1);transition:opacity 150ms linear, -webkit-transform 150ms cubic-bezier(0, 0.5, 0.5, 1);transition:opacity 150ms linear, transform 150ms cubic-bezier(0, 0.5, 0.5, 1);transition:opacity 150ms linear, transform 150ms cubic-bezier(0, 0.5, 0.5, 1), -webkit-transform 150ms cubic-bezier(0, 0.5, 0.5, 1)}:host td button:active,:host td .button:active{-webkit-transform:translateY(1px);transform:translateY(1px)}:host td button:disabled,:host td .button:disabled{color:#8f8f95;background:#ececed;border:1px solid #c4c7ca;-webkit-box-shadow:none;box-shadow:none;cursor:not-allowed;opacity:0.8}:host td button:disabled:focus,:host td button:disabled:hover,:host td .button:disabled:focus,:host td .button:disabled:hover{color:#8f8f95;background:#ececed;border:1px solid #c4c7ca;-webkit-box-shadow:none;box-shadow:none}:host td button:disabled:focus::before,:host td .button:disabled:focus::before{opacity:0}:host td button:disabled:active,:host td .button:disabled:active{color:#8f8f95;background:#ececed;border-color:#c4c7ca;-webkit-box-shadow:none;box-shadow:none;-webkit-transform:none;transform:none}:host td button:disabled,:host td .button:disabled{color:var(--manifold-color-disabled-accent);background:var(--manifold-color-disabled);border-color:var(--manifold-color-disabled)}:host td button:disabled:hover,:host td .button:disabled:hover{background:var(--manifold-color-disabled);border-color:var(--manifold-color-disabled)}:host td button:focus::before,:host td .button:focus::before{border-color:var(--manifold-color-brand)}@media (min-width: 600px){:host td button,:host td .button{min-width:240px}}:host .icon{width:1.25rem;height:1.25rem}:host .icon svg{fill:#8f8f95}:host .icon.icon-green svg{fill:#31baa2}:host .toggle-feature{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .toggle-feature .Manifold-Toggle{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .toggle-feature .Manifold-Toggle::before{position:absolute;top:50%;right:-4px;width:2.75rem;height:1.75rem;border:2px solid #1e50da;border-radius:2rem;-webkit-transform:translateY(-50%) scale(0.9);transform:translateY(-50%) scale(0.9);opacity:0;-webkit-transition:opacity 150ms linear, -webkit-transform 150ms cubic-bezier(0.5, 0, 1, 0.5);transition:opacity 150ms linear, -webkit-transform 150ms cubic-bezier(0.5, 0, 1, 0.5);transition:opacity 150ms linear, transform 150ms cubic-bezier(0.5, 0, 1, 0.5);transition:opacity 150ms linear, transform 150ms cubic-bezier(0.5, 0, 1, 0.5), -webkit-transform 150ms cubic-bezier(0.5, 0, 1, 0.5);content:\"\";pointer-events:none}:host .toggle-feature .Manifold-Toggle label{font-size:16px;font-weight:400;letter-spacing:normal;line-height:1.25;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\";position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:0;color:currentColor;cursor:pointer}@media (min-width: 600px){:host .toggle-feature .Manifold-Toggle label{font-size:16px;font-weight:400;letter-spacing:normal;line-height:1.1875;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}}:host .toggle-feature .Manifold-Toggle label::before{-ms-flex-order:1;order:1;-webkit-box-sizing:border-box;box-sizing:border-box;width:2.5rem;height:1.5rem;margin-left:0.75rem;background:#ececed;border-radius:2rem;-webkit-transition:background-color 150ms linear;transition:background-color 150ms linear;content:\"\";pointer-events:none}:host .toggle-feature .Manifold-Toggle label::after{position:absolute;top:50%;right:0.25rem;-webkit-box-sizing:border-box;box-sizing:border-box;width:1rem;height:1rem;background-color:#8f8f95;border-radius:50%;-webkit-transform:translate(-100%, -50%);transform:translate(-100%, -50%);-webkit-transition:background-color 150ms linear, -webkit-transform 100ms cubic-bezier(0.95, 0.05, 0.8, 0.04);transition:background-color 150ms linear, -webkit-transform 100ms cubic-bezier(0.95, 0.05, 0.8, 0.04);transition:background-color 150ms linear, transform 100ms cubic-bezier(0.95, 0.05, 0.8, 0.04);transition:background-color 150ms linear, transform 100ms cubic-bezier(0.95, 0.05, 0.8, 0.04), -webkit-transform 100ms cubic-bezier(0.95, 0.05, 0.8, 0.04);content:\"\"}:host .toggle-feature .Manifold-Toggle input{position:absolute;right:100vw;opacity:0}:host .toggle-feature .Manifold-Toggle input:disabled~label{cursor:default}:host .toggle-feature .Manifold-Toggle input:disabled~label::before{background:#ececed;border:1px solid #ddddde}:host .toggle-feature .Manifold-Toggle input:disabled~label::after{background:#ddddde;border:1px solid #c4c7ca}:host .toggle-feature .Manifold-Toggle input:disabled:checked~label::before{background:#ececed}:host .toggle-feature .Manifold-Toggle input:disabled:checked~label::after{background:#8f8f95;border:1px solid #8f8f95}:host .toggle-feature .Manifold-Toggle:focus-within{color:#1e50da}:host .toggle-feature .Manifold-Toggle:focus-within::before{-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1);opacity:1}:host .toggle-feature .Manifold-Toggle input:checked~label::before{background:#dde9fe}:host .toggle-feature .Manifold-Toggle input:checked~label::after{background:#1e50da;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}:host .toggle-feature .Manifold-Toggle::before{border-color:var(--manifold-color-brand)}:host .toggle-feature .Manifold-Toggle label::before{margin-left:0;background:var(--manifold-color-text-secondary);opacity:0.2}:host .toggle-feature .Manifold-Toggle label::after{background:var(--manifold-color-text-secondary)}:host .toggle-feature .Manifold-Toggle input:checked+label::before{margin-left:0;background:var(--manifold-color-brand);opacity:0.2}:host .toggle-feature .Manifold-Toggle input:checked+label::after{background:var(--manifold-color-brand)}:host .Manifold-Select{-webkit-transition:border-color 150ms linear;transition:border-color 150ms linear;width:100%}:host .Manifold-Select label{font-size:11px;font-weight:500;letter-spacing:0.04em;line-height:1.2727;text-transform:uppercase;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\";display:block;padding-bottom:0.25rem;color:#575b5f;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-property:color;transition-property:color}:host .Manifold-Select select{font-size:16px;font-weight:400;letter-spacing:normal;line-height:1.25;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\";display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;max-width:100%;height:2.25em;margin:0;padding:0 1.5rem 0 0.75rem;color:#575b5f;line-height:2.25;background-color:#ffffff;background-image:url('data:image/svg+xml,%3Csvg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cpath fill=\"%23575b5f\" d=\"M7.558 12.808a.625.625 0 01.884 0l3.308 3.308 3.308-3.308a.625.625 0 11.884.884l-3.75 3.75a.625.625 0 01-.884 0l-3.75-3.75a.625.625 0 010-.884zM15.942 10.192a.625.625 0 01-.884 0L11.75 6.884l-3.308 3.308a.625.625 0 11-.884-.884l3.75-3.75a.625.625 0 01.884 0l3.75 3.75a.625.625 0 010 .884z\"/%3E%3C/svg%3E');background-repeat:no-repeat, repeat;background-position:right 0.25rem top 50%;background-size:1.5rem auto;border:1px solid #c4c7ca;border-radius:4px;-webkit-transition:border-color 150ms linear, color 150ms linear;transition:border-color 150ms linear, color 150ms linear;-webkit-appearance:none;-moz-appearance:none;appearance:none}:host .Manifold-Select select::-ms-expand{display:none}:host .Manifold-Select select:hover{border-color:#8f8f95}:host .Manifold-Select select:focus{outline:none}@media (min-width: 600px){:host .Manifold-Select select{font-size:16px;font-weight:400;letter-spacing:normal;line-height:1.1875;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}}:host .Manifold-Select option{font-weight:400}:host .Manifold-Select select:invalid,:host .Manifold-Select select[aria-invalid]{background-image:url('data:image/svg+xml,%3Csvg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cpath fill=\"%23d52049\" d=\"M7.558 12.808a.625.625 0 01.884 0l3.308 3.308 3.308-3.308a.625.625 0 11.884.884l-3.75 3.75a.625.625 0 01-.884 0l-3.75-3.75a.625.625 0 010-.884zM15.942 10.192a.625.625 0 01-.884 0L11.75 6.884l-3.308 3.308a.625.625 0 11-.884-.884l3.75-3.75a.625.625 0 01.884 0l3.75 3.75a.625.625 0 010 .884z\"/%3E%3C/svg%3E');border-color:#d52049;-webkit-box-shadow:none;box-shadow:none}:host .Manifold-Select select:disabled{color:#8f8f95;background-color:#f7f7f8;background-image:url('data:image/svg+xml,%3Csvg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cpath fill=\"%238f8f95\" d=\"M7.558 12.808a.625.625 0 01.884 0l3.308 3.308 3.308-3.308a.625.625 0 11.884.884l-3.75 3.75a.625.625 0 01-.884 0l-3.75-3.75a.625.625 0 010-.884zM15.942 10.192a.625.625 0 01-.884 0L11.75 6.884l-3.308 3.308a.625.625 0 11-.884-.884l3.75-3.75a.625.625 0 01.884 0l3.75 3.75a.625.625 0 010 .884z\"/%3E%3C/svg%3E');}:host .Manifold-Select select:disabled:hover{border-color:#c4c7ca}:host .Manifold-Select:focus-within label{color:#1e50da}:host .Manifold-Select:focus-within select{border-color:#1e50da}:host .Manifold-Select select{color:var(--manifold-color-text);background-color:var(--manifold-color-input-background);border:var(--manifold-border)}:host .Manifold-Select select:focus{border-color:var(--manifold-color-brand)}:host .Manifold-Select select.error{border:0;-webkit-box-shadow:0 0 3px var(--manifold-color-error);box-shadow:0 0 3px var(--manifold-color-error)}:host .int-range-configured-feature{width:100%}:host .int-range-configured-feature .int-range-label{display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch}:host .int-range-configured-feature .int-range-label .label-bold{color:var(--manifold-color-text);font-weight:500;text-transform:uppercase}:host .int-range-configured-feature .int-range-label .int-range-tooltip{z-index:10;display:-ms-flexbox;display:flex;margin-left:auto}:host .int-range-configured-feature .int-range-label .int-range-tooltip .icon{width:1em;height:1em}:host .int-range-configured-feature .label-limit{color:var(--manifold-color-text-secondary)}:host .int-range-tooltip-content{text-align:left}:host .int-range-tooltip-content .int-range-tooltip-title{padding-bottom:6px;color:var(--manifold-color-text-secondary);text-transform:uppercase}:host .int-range-tooltip-content .int-range-tooltip-row{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;min-width:100px}:host .int-range-tooltip-content .int-range-tooltip-row .int-range-tooltip-row-unit{text-align:right}:host option.string-select-cost{color:var(--manifold-color-text-secondary)}:host .Manifold-Input{-webkit-transition:border-color 150ms linear;transition:border-color 150ms linear;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;width:100%;padding:6px 0}:host .Manifold-Input label{font-size:11px;font-weight:500;letter-spacing:0.04em;line-height:1.2727;text-transform:uppercase;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\";display:block;padding-bottom:0.25rem;color:#575b5f;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-property:color;transition-property:color}:host .Manifold-Input input{font-size:16px;font-weight:400;letter-spacing:normal;line-height:1.25;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\";display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:auto;min-width:none;height:2.25rem;padding:0 0.75em;color:#323940;line-height:2.25rem;background:#ffffff;border:1px solid #c4c7ca;border-radius:3px;outline:0;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-property:border-color;transition-property:border-color;-webkit-appearance:none;appearance:none;-moz-appearance:textfield}@media (min-width: 600px){:host .Manifold-Input input{font-size:16px;font-weight:400;letter-spacing:normal;line-height:1.1875;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}}:host .Manifold-Input input:hover{border-color:#8f8f95}:host .Manifold-Input input[type=number],:host .Manifold-Input input[inputmode=numeric],:host .Manifold-Input input[inputmode=decimal],:host .Manifold-Input input[pattern=\"[0-9]*\"],:host .Manifold-Input input[pattern^=\"\\a\"]{font-size:14px;font-weight:400;letter-spacing:normal;line-height:1.2857;text-transform:none;font-family:\"IBM Plex Mono\", \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, monospace;text-align:right}:host .Manifold-Input input::-webkit-inner-spin-button,:host .Manifold-Input input::-webkit-outer-spin-button{display:none}:host .Manifold-Input input:invalid,:host .Manifold-Input input[aria-invalid]{border-color:#d52049;-webkit-box-shadow:none;box-shadow:none}:host .Manifold-Input input:disabled{color:#8f8f95;background:#f7f7f8;}:host .Manifold-Input input:disabled:hover{border-color:#c4c7ca}:host .Manifold-Input:focus-within label{color:#1e50da}:host .Manifold-Input:focus-within input{border-color:#1e50da}:host .Manifold-Input input{color:var(--manifold-color-text);background-color:var(--manifold-color-input-background);border:var(--manifold-border)}:host .Manifold-Input input[type=number]{width:100%;padding:0.5em;text-align:left;border-top:border;border-right:none;border-bottom:border;border-left:none;border-radius:0}:host .Manifold-Input input[type=number]:focus{border-color:var(--manifold-color-brand)}:host .Manifold-Input .Manifold-Tooltip__Container{-ms-flex:6 auto;flex:6 auto;min-width:7em}:host .Manifold-Input input.error{border:0;-webkit-box-shadow:0 0 3px var(--manifold-color-error);box-shadow:0 0 3px var(--manifold-color-error)}:host .Manifold-Input button{display:-ms-flexbox;display:flex;-ms-flex:1 auto;flex:1 auto;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:2.25em;min-width:0;height:2.25em;padding:0;background-color:var(--manifold-color-background);border:var(--manifold-border)}:host .Manifold-Input button::before,:host .Manifold-Input button::after{border-color:var(--manifold-color-brand)}:host .Manifold-Input button:first-child{border-radius:0.25em 0 0 0.25em}:host .Manifold-Input button:last-child{border-radius:0 0.25em 0.25em 0}:host .Manifold-Input button.error{border:0;-webkit-box-shadow:0 0 3px var(--manifold-color-error);box-shadow:0 0 3px var(--manifold-color-error)}:host .Manifold-Input .helper{color:var(--manifold-color-text-secondary);text-align:left}:host .excluded{color:var(--manifold-color-text-secondary)}:host table.cost-tiers{-ms-flex-item-align:start;align-self:flex-start;width:100%}:host table.cost-tiers tr.label-bold,:host table.cost-tiers tr:first-child.label-bold,:host table.cost-tiers tr:last-child.label-bold{color:var(--manifold-color-text);font-weight:600}:host table.cost-tiers tr td,:host table.cost-tiers tr th,:host table.cost-tiers tr:first-child td,:host table.cost-tiers tr:first-child th,:host table.cost-tiers tr:last-child td,:host table.cost-tiers tr:last-child th{padding:0.2rem 0;text-align:left;border:none}:host table.cost-tiers tr th,:host table.cost-tiers tr:first-child th,:host table.cost-tiers tr:last-child th{padding-top:0;color:var(--manifold-color-text-secondary)}:host table.cost-tiers tr td:last-child,:host table.cost-tiers tr:first-child td:last-child,:host table.cost-tiers tr:last-child td:last-child{text-align:right;border-right:none}:host .plan-carousel .slides{display:-ms-flexbox;display:flex;-ms-flex:none;flex:none;-ms-flex-flow:row nowrap;flex-flow:row nowrap;width:100%;overflow:auto;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}:host .plan-carousel tr.feature-row>td{padding:0}:host .plan-carousel tr.feature-row>td .feature-cell,:host .plan-carousel tr.feature-row>td .value-cell{padding:1rem}:host .plan-carousel.sm tr.feature-row>td>div{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host .plan-carousel.sm tr.feature-row>td>div .feature-cell{-ms-flex:1;flex:1}:host .plan-carousel.sm tr.feature-row>td>div .value-cell{-ms-flex:1;flex:1}:host .plan-carousel.xs tr.feature-row>td .feature-cell{padding:0.5rem 0.5rem 0.25rem 0.5rem}:host .plan-carousel.xs tr.feature-row>td .value-cell{padding:0.25rem 0.5rem 0.5rem 0.5rem}:host .plan-carousel .slide{-ms-flex:none;flex:none;width:80%;max-height:calc(80vh - 4rem);overflow-x:hidden;overflow-y:auto;scroll-snap-align:center}:host .plan-carousel .slide>table{width:90%;margin:0 auto}:host .plan-carousel th.header-cell{position:-webkit-sticky;position:sticky;top:0;z-index:20}:host .plan-carousel .footer-cell{position:-webkit-sticky;position:sticky;bottom:0;z-index:20}:host .plan-carousel .slide:first-child{padding-left:10%}:host .plan-carousel .slide:last-child{padding-right:10%}:host .plan-carousel nav ol{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:4rem;margin:0;padding:0;list-style:none}:host .plan-carousel nav li{width:1rem;height:1rem;margin:0 1rem;padding:0;background-color:#c4c7ca;border-radius:1rem;cursor:pointer}:host .plan-carousel nav li.active{background-color:#8f8f95}";
+const manifoldPlanTableCss = ".Manifold-Typography--Body{font-size:16px;font-weight:400;letter-spacing:normal;line-height:1.25;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}@media (min-width: 600px){.Manifold-Typography--Body{font-size:16px;font-weight:400;letter-spacing:normal;line-height:1.1875;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}}.Manifold-Typography--Label{font-size:14px;font-weight:400;letter-spacing:normal;line-height:1.2143;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}@media (min-width: 600px){.Manifold-Typography--Label{font-size:14px;font-weight:400;letter-spacing:normal;line-height:1.2143;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}}.Manifold-Typography--Heading{font-size:18px;font-weight:400;letter-spacing:normal;line-height:1.2222;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}@media (min-width: 600px){.Manifold-Typography--Heading{font-size:20px;font-weight:400;letter-spacing:normal;line-height:1.2;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}}.Manifold-Typography--HeadingLarge{font-size:22px;font-weight:400;letter-spacing:normal;line-height:1.1818;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}@media (min-width: 600px){.Manifold-Typography--HeadingLarge{font-size:25px;font-weight:400;letter-spacing:normal;line-height:1.2;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}}.Manifold-Typography--SubheadingSmall{font-size:11px;font-weight:500;letter-spacing:0.04em;line-height:1.2727;text-transform:uppercase;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}.Manifold-Typography--Caption{font-size:13px;font-weight:400;letter-spacing:normal;line-height:1.2308;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}@media (min-width: 600px){.Manifold-Typography--Caption{font-size:12px;font-weight:400;letter-spacing:normal;line-height:1.3333;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}}.Manifold-Tooltip{position:relative;padding:8px 12px;color:#ffffff;white-space:nowrap;text-align:center;text-indent:0;background:#323940;border-radius:4px;-webkit-box-shadow:0 2px 8px rgba(0, 0, 0, 0.08);box-shadow:0 2px 8px rgba(0, 0, 0, 0.08);cursor:default;pointer-events:none;font-size:12px;font-weight:400;letter-spacing:normal;line-height:1.3333;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}.Manifold-Tooltip::after{position:absolute;top:100%;left:50%;width:0;height:0;margin-left:-5px;border:solid transparent;border-color:rgba(0, 0, 0, 0);border-width:5px;border-top-color:#323940;content:\"\";pointer-events:none}.Manifold-Tooltip__Container{position:relative;cursor:pointer}.Manifold-Tooltip__Container [role=tooltip]{position:absolute;bottom:100%;left:50%;margin-bottom:8px;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);-webkit-transform-origin:top;transform-origin:top;opacity:0;-webkit-transition:all 0.1s ease-in-out 0.1s;transition:all 0.1s ease-in-out 0.1s}.Manifold-Tooltip__Container:hover [role=tooltip]{-webkit-transform:translate(-50%, -4px);transform:translate(-50%, -4px);opacity:1}.Manifold-Tooltip__Container--Down [role=tooltip]{top:100%;bottom:auto;margin-top:13px;-webkit-transform:translate(-50%, -4px);transform:translate(-50%, -4px)}.Manifold-Tooltip__Container--Down:hover [role=tooltip]{-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}.Manifold-Tooltip__Container--Up [role=tooltip]{top:auto;bottom:100%;z-index:10;margin-bottom:13px;-webkit-transform:translate(-50%, -4px);transform:translate(-50%, -4px)}.Manifold-Tooltip__Container--Up:hover [role=tooltip]{-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}.Manifold-Tooltip--Up::after{top:100%;bottom:auto;border-color:rgba(0, 0, 0, 0);border-bottom-color:#323940;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.Manifold-Tooltip--Down::after{top:auto;bottom:100%;border-color:rgba(0, 0, 0, 0);border-bottom-color:#323940}.Skeleton__Grid{display:grid;grid-template-columns:1fr 1fr 1fr;-webkit-column-gap:1rem;-moz-column-gap:1rem;column-gap:1rem}.Skeleton__Grid p{margin:6px 0}.Skeleton__Grid h2{max-width:200px}.Skeleton{position:relative;display:inline-block;overflow:hidden;color:transparent;line-height:1;border-radius:2px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block}@-webkit-keyframes Skeleton__Animation{to{-webkit-transform:translateX(125%);transform:translateX(125%)}}@keyframes Skeleton__Animation{to{-webkit-transform:translateX(125%);transform:translateX(125%)}}.Skeleton::before{position:absolute;top:0;right:0;bottom:0;left:0;background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), color-stop(1em, rgba(0, 0, 0, 0.1)), color-stop(1em, rgba(0, 0, 0, 0)), color-stop(1.5em, rgba(0, 0, 0, 0)));background-image:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) 1em, rgba(0, 0, 0, 0) 1em, rgba(0, 0, 0, 0) 1.5em);background-repeat:repeat-y;background-size:100% 1.5em;content:\"\";pointer-events:none}.Skeleton::after{position:absolute;top:0;right:100%;width:60em;height:100%;background-image:linear-gradient(60deg, rgba(255, 255, 255, 0) 33.3333%, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 66.6666%);background-repeat:no-repeat;opacity:0.4;-webkit-animation-name:Skeleton__Animation;animation-name:Skeleton__Animation;-webkit-animation-duration:1.4s;animation-duration:1.4s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;content:\"\";pointer-events:none}:host{--theme-color-brand:var(--manifold-color-brand);--theme-color-brand-accent:var(--manifold-color-brand-accent);--theme-color-error:var(--manifold-color-error);--theme-color-disabled:var(--manifold-color-disabled);--theme-color-disabled-accent:var(--manifold-color-disabled-accent);--theme-color-background:var(--manifold-color-background);--theme-color-input-background:var(--manifold-color-input-background);--theme-color-text:var(--manifold-color-text);--theme-color-text-secondary:var(--manifold-color-text-secondary);--theme-border:var(--manifold-border);--theme-border-secondary:var(--manifold-border-secondary);--theme-radius:var(--manifold-radius);position:relative;display:block;overflow:auto}:host table.plan-table{--manifold-color-brand:var(--theme-color-brand, #1e50da);--manifold-color-brand-accent:var(--theme-color-brand-accent, #ffffff);--manifold-color-error:var(--theme-color-error, #d52049);--manifold-color-disabled:var(--theme-color-disabled, #ececed);--manifold-color-disabled-accent:var(--theme-color-disabled-accent, #8f8f95);--manifold-color-background:var(--theme-color-background, #ffffff);--manifold-color-input-background:var(--theme-color-input-background, #ffffff);--manifold-color-text:var(--theme-color-text, #323940);--manifold-color-text-secondary:var(--theme-color-text-secondary, #8f8f95);--manifold-border:var(--theme-border, 1px solid #c4c7ca);--manifold-border-secondary:var(\n    --theme-border-secondary,\n    1px solid #ececed\n  );--manifold-radius:var(--theme-radius, 4px);color:var(--manifold-color-text);background:var(--manifold-color-background);border-radius:var(--manifold-radius);border-spacing:0}:host table.plan-table th{border-bottom:var(--manifold-border);border-left:var(--manifold-border)}:host table.plan-table th h1{margin:0.5rem}:host table.plan-table th h3{margin:0;color:var(--manifold-color-text);font-weight:700}:host table.plan-table th label{color:var(--manifold-color-brand)}:host table.plan-table td{vertical-align:top;border-bottom:var(--manifold-border-secondary);border-left:var(--manifold-border)}:host table.plan-table td.feature-name,:host table.plan-table th.feature-name{position:-webkit-sticky;position:sticky;border-right:var(--manifold-border)}:host table.plan-table .feature-name{left:0;z-index:1;color:var(--manifold-color-text);font-weight:600;font-size:14px;text-align:left}@media (min-width: 600px){:host table.plan-table .feature-name{font-size:16px}}:host table.plan-table th,:host table.plan-table td{padding:0.5rem;text-align:left;background-color:var(--manifold-color-background)}@media (min-width: 600px){:host table.plan-table th,:host table.plan-table td{padding:1rem}}@media (min-width: 850px){:host table.plan-table th,:host table.plan-table td{padding:1rem}}:host table.plan-table th:nth-child(2),:host table.plan-table td:nth-child(2){border-left:none}:host table.plan-table th:last-child,:host table.plan-table td:last-child{border-right:var(--manifold-border)}:host table.plan-table tr:first-child th{border-top:var(--manifold-border)}:host table.plan-table tr:first-child th:first-child{border-top-left-radius:var(--manifold-radius)}:host table.plan-table tr:first-child th:last-child{border-top-right-radius:var(--manifold-radius)}:host table.plan-table tr:last-child td{border-bottom:var(--manifold-border)}:host table.plan-table tr:last-child td:first-child{border-bottom-left-radius:var(--manifold-radius)}:host table.plan-table tr:last-child td:last-child{border-bottom-right-radius:var(--manifold-radius)}:host table.plan-table .plan-cell{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start}:host table.plan-table.scrolled .feature-name{-webkit-box-shadow:0 0 30px 0 rgba(0, 0, 0, 0.15);box-shadow:0 0 30px 0 rgba(0, 0, 0, 0.15);-webkit-clip-path:inset(0 -30px 0 0);clip-path:inset(0 -30px 0 0)}:host table.plan-table.lg .feature-name{min-width:200px}:host table.plan-table.md .feature-name{min-width:150px}:host table.plan-table.sm{display:none}:host table.plan-table.sm .feature-name{min-width:100px}:host table.plan-table.xs{display:none;max-width:478px}:host td button,:host td .button{position:relative;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10.5px 21px;color:#323940;font-weight:500;font-size:16px;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\";line-height:1;white-space:nowrap;text-decoration:none;background:#ffffff;border-color:#c4c7ca;border-style:solid;border-width:1px;border-radius:4px;-webkit-box-shadow:0 2px 8px rgba(0, 0, 0, 0.08);box-shadow:0 2px 8px rgba(0, 0, 0, 0.08);cursor:pointer;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-property:background-color, border-color, color, -webkit-box-shadow, -webkit-filter;transition-property:background-color, border-color, color, -webkit-box-shadow, -webkit-filter;transition-property:background-color, border-color, color, box-shadow, filter;transition-property:background-color, border-color, color, box-shadow, filter, -webkit-box-shadow, -webkit-filter;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;color:var(--manifold-color-brand-accent);text-align:center;background:var(--manifold-color-brand);border:none;border-radius:var(--manifold-radius)}:host td button::before,:host td .button::before{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border:2px solid #1e50da;border-radius:8px;-webkit-transform:scale(0.95, 0.9);transform:scale(0.95, 0.9);opacity:0;-webkit-transition:opacity 150ms linear, -webkit-transform 150ms cubic-bezier(0.5, 0, 1, 0.5);transition:opacity 150ms linear, -webkit-transform 150ms cubic-bezier(0.5, 0, 1, 0.5);transition:opacity 150ms linear, transform 150ms cubic-bezier(0.5, 0, 1, 0.5);transition:opacity 150ms linear, transform 150ms cubic-bezier(0.5, 0, 1, 0.5), -webkit-transform 150ms cubic-bezier(0.5, 0, 1, 0.5);content:\"\";pointer-events:none}:host td button::-moz-focus-inner,:host td .button::-moz-focus-inner{border:0}:host td button:focus,:host td button:hover,:host td .button:focus,:host td .button:hover{border-color:#8f8f95}:host td button:focus,:host td .button:focus{outline:none}:host td button:focus::before,:host td .button:focus::before{-webkit-transform:scale(1);transform:scale(1);opacity:1;-webkit-transition:opacity 150ms linear, -webkit-transform 150ms cubic-bezier(0, 0.5, 0.5, 1);transition:opacity 150ms linear, -webkit-transform 150ms cubic-bezier(0, 0.5, 0.5, 1);transition:opacity 150ms linear, transform 150ms cubic-bezier(0, 0.5, 0.5, 1);transition:opacity 150ms linear, transform 150ms cubic-bezier(0, 0.5, 0.5, 1), -webkit-transform 150ms cubic-bezier(0, 0.5, 0.5, 1)}:host td button:active,:host td .button:active{-webkit-transform:translateY(1px);transform:translateY(1px)}:host td button:disabled,:host td .button:disabled{color:#8f8f95;background:#ececed;border:1px solid #c4c7ca;-webkit-box-shadow:none;box-shadow:none;cursor:not-allowed;opacity:0.8}:host td button:disabled:focus,:host td button:disabled:hover,:host td .button:disabled:focus,:host td .button:disabled:hover{color:#8f8f95;background:#ececed;border:1px solid #c4c7ca;-webkit-box-shadow:none;box-shadow:none}:host td button:disabled:focus::before,:host td .button:disabled:focus::before{opacity:0}:host td button:disabled:active,:host td .button:disabled:active{color:#8f8f95;background:#ececed;border-color:#c4c7ca;-webkit-box-shadow:none;box-shadow:none;-webkit-transform:none;transform:none}:host td button:disabled,:host td .button:disabled{color:var(--manifold-color-disabled-accent);background:var(--manifold-color-disabled);border-color:var(--manifold-color-disabled)}:host td button:disabled:hover,:host td .button:disabled:hover{background:var(--manifold-color-disabled);border-color:var(--manifold-color-disabled)}:host td button:focus::before,:host td .button:focus::before{border-color:var(--manifold-color-brand)}@media (min-width: 600px){:host td button,:host td .button{min-width:240px}}:host .icon{width:1.25rem;height:1.25rem}:host .icon svg{fill:#8f8f95}:host .icon.icon-green svg{fill:#31baa2}:host .toggle-feature{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .toggle-feature .Manifold-Toggle{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .toggle-feature .Manifold-Toggle::before{position:absolute;top:50%;right:-4px;width:2.75rem;height:1.75rem;border:2px solid #1e50da;border-radius:2rem;-webkit-transform:translateY(-50%) scale(0.9);transform:translateY(-50%) scale(0.9);opacity:0;-webkit-transition:opacity 150ms linear, -webkit-transform 150ms cubic-bezier(0.5, 0, 1, 0.5);transition:opacity 150ms linear, -webkit-transform 150ms cubic-bezier(0.5, 0, 1, 0.5);transition:opacity 150ms linear, transform 150ms cubic-bezier(0.5, 0, 1, 0.5);transition:opacity 150ms linear, transform 150ms cubic-bezier(0.5, 0, 1, 0.5), -webkit-transform 150ms cubic-bezier(0.5, 0, 1, 0.5);content:\"\";pointer-events:none}:host .toggle-feature .Manifold-Toggle label{font-size:16px;font-weight:400;letter-spacing:normal;line-height:1.25;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\";position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:0;color:currentColor;cursor:pointer}@media (min-width: 600px){:host .toggle-feature .Manifold-Toggle label{font-size:16px;font-weight:400;letter-spacing:normal;line-height:1.1875;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}}:host .toggle-feature .Manifold-Toggle label::before{-ms-flex-order:1;order:1;-webkit-box-sizing:border-box;box-sizing:border-box;width:2.5rem;height:1.5rem;margin-left:0.75rem;background:#ececed;border-radius:2rem;-webkit-transition:background-color 150ms linear;transition:background-color 150ms linear;content:\"\";pointer-events:none}:host .toggle-feature .Manifold-Toggle label::after{position:absolute;top:50%;right:0.25rem;-webkit-box-sizing:border-box;box-sizing:border-box;width:1rem;height:1rem;background-color:#8f8f95;border-radius:50%;-webkit-transform:translate(-100%, -50%);transform:translate(-100%, -50%);-webkit-transition:background-color 150ms linear, -webkit-transform 100ms cubic-bezier(0.95, 0.05, 0.8, 0.04);transition:background-color 150ms linear, -webkit-transform 100ms cubic-bezier(0.95, 0.05, 0.8, 0.04);transition:background-color 150ms linear, transform 100ms cubic-bezier(0.95, 0.05, 0.8, 0.04);transition:background-color 150ms linear, transform 100ms cubic-bezier(0.95, 0.05, 0.8, 0.04), -webkit-transform 100ms cubic-bezier(0.95, 0.05, 0.8, 0.04);content:\"\"}:host .toggle-feature .Manifold-Toggle input{position:absolute;right:100vw;opacity:0}:host .toggle-feature .Manifold-Toggle input:disabled~label{cursor:default}:host .toggle-feature .Manifold-Toggle input:disabled~label::before{background:#ececed;border:1px solid #ddddde}:host .toggle-feature .Manifold-Toggle input:disabled~label::after{background:#ddddde;border:1px solid #c4c7ca}:host .toggle-feature .Manifold-Toggle input:disabled:checked~label::before{background:#ececed}:host .toggle-feature .Manifold-Toggle input:disabled:checked~label::after{background:#8f8f95;border:1px solid #8f8f95}:host .toggle-feature .Manifold-Toggle:focus-within{color:#1e50da}:host .toggle-feature .Manifold-Toggle:focus-within::before{-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1);opacity:1}:host .toggle-feature .Manifold-Toggle input:checked~label::before{background:#dde9fe}:host .toggle-feature .Manifold-Toggle input:checked~label::after{background:#1e50da;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}:host .toggle-feature .Manifold-Toggle::before{border-color:var(--manifold-color-brand)}:host .toggle-feature .Manifold-Toggle label::before{margin-left:0;background:var(--manifold-color-text-secondary);opacity:0.2}:host .toggle-feature .Manifold-Toggle label::after{background:var(--manifold-color-text-secondary)}:host .toggle-feature .Manifold-Toggle input:checked+label::before{margin-left:0;background:var(--manifold-color-brand);opacity:0.2}:host .toggle-feature .Manifold-Toggle input:checked+label::after{background:var(--manifold-color-brand)}:host .Manifold-Select{-webkit-transition:border-color 150ms linear;transition:border-color 150ms linear;width:100%}:host .Manifold-Select label{font-size:11px;font-weight:500;letter-spacing:0.04em;line-height:1.2727;text-transform:uppercase;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\";display:block;padding-bottom:0.25rem;color:#575b5f;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-property:color;transition-property:color}:host .Manifold-Select select{font-size:16px;font-weight:400;letter-spacing:normal;line-height:1.25;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\";display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;max-width:100%;height:2.25em;margin:0;padding:0 1.5rem 0 0.75rem;color:#575b5f;line-height:2.25;background-color:#ffffff;background-image:url('data:image/svg+xml,%3Csvg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cpath fill=\"%23575b5f\" d=\"M7.558 12.808a.625.625 0 01.884 0l3.308 3.308 3.308-3.308a.625.625 0 11.884.884l-3.75 3.75a.625.625 0 01-.884 0l-3.75-3.75a.625.625 0 010-.884zM15.942 10.192a.625.625 0 01-.884 0L11.75 6.884l-3.308 3.308a.625.625 0 11-.884-.884l3.75-3.75a.625.625 0 01.884 0l3.75 3.75a.625.625 0 010 .884z\"/%3E%3C/svg%3E');background-repeat:no-repeat, repeat;background-position:right 0.25rem top 50%;background-size:1.5rem auto;border:1px solid #c4c7ca;border-radius:4px;-webkit-transition:border-color 150ms linear, color 150ms linear;transition:border-color 150ms linear, color 150ms linear;-webkit-appearance:none;-moz-appearance:none;appearance:none}:host .Manifold-Select select::-ms-expand{display:none}:host .Manifold-Select select:hover{border-color:#8f8f95}:host .Manifold-Select select:focus{outline:none}@media (min-width: 600px){:host .Manifold-Select select{font-size:16px;font-weight:400;letter-spacing:normal;line-height:1.1875;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}}:host .Manifold-Select option{font-weight:400}:host .Manifold-Select select:invalid,:host .Manifold-Select select[aria-invalid]{background-image:url('data:image/svg+xml,%3Csvg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cpath fill=\"%23d52049\" d=\"M7.558 12.808a.625.625 0 01.884 0l3.308 3.308 3.308-3.308a.625.625 0 11.884.884l-3.75 3.75a.625.625 0 01-.884 0l-3.75-3.75a.625.625 0 010-.884zM15.942 10.192a.625.625 0 01-.884 0L11.75 6.884l-3.308 3.308a.625.625 0 11-.884-.884l3.75-3.75a.625.625 0 01.884 0l3.75 3.75a.625.625 0 010 .884z\"/%3E%3C/svg%3E');border-color:#d52049;-webkit-box-shadow:none;box-shadow:none}:host .Manifold-Select select:disabled{color:#8f8f95;background-color:#f7f7f8;background-image:url('data:image/svg+xml,%3Csvg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cpath fill=\"%238f8f95\" d=\"M7.558 12.808a.625.625 0 01.884 0l3.308 3.308 3.308-3.308a.625.625 0 11.884.884l-3.75 3.75a.625.625 0 01-.884 0l-3.75-3.75a.625.625 0 010-.884zM15.942 10.192a.625.625 0 01-.884 0L11.75 6.884l-3.308 3.308a.625.625 0 11-.884-.884l3.75-3.75a.625.625 0 01.884 0l3.75 3.75a.625.625 0 010 .884z\"/%3E%3C/svg%3E');}:host .Manifold-Select select:disabled:hover{border-color:#c4c7ca}:host .Manifold-Select:focus-within label{color:#1e50da}:host .Manifold-Select:focus-within select{border-color:#1e50da}:host .Manifold-Select select{color:var(--manifold-color-text);background-color:var(--manifold-color-input-background);border:var(--manifold-border)}:host .Manifold-Select select:focus{border-color:var(--manifold-color-brand)}:host .Manifold-Select select.error{border:0;-webkit-box-shadow:0 0 3px var(--manifold-color-error);box-shadow:0 0 3px var(--manifold-color-error)}:host .int-range-configured-feature{width:100%}:host .int-range-configured-feature .int-range-label{display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch}:host .int-range-configured-feature .int-range-label .label-bold{color:var(--manifold-color-text);font-weight:500;text-transform:uppercase}:host .int-range-configured-feature .int-range-label .int-range-tooltip{z-index:10;display:-ms-flexbox;display:flex;margin-left:auto}:host .int-range-configured-feature .int-range-label .int-range-tooltip .icon{width:1em;height:1em}:host .int-range-configured-feature .label-limit{color:var(--manifold-color-text-secondary)}:host .int-range-tooltip-content{text-align:left}:host .int-range-tooltip-content .int-range-tooltip-title{padding-bottom:6px;color:var(--manifold-color-text-secondary);text-transform:uppercase}:host .int-range-tooltip-content .int-range-tooltip-row{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;min-width:100px}:host .int-range-tooltip-content .int-range-tooltip-row .int-range-tooltip-row-unit{text-align:right}:host option.string-select-cost{color:var(--manifold-color-text-secondary)}:host .Manifold-Input{-webkit-transition:border-color 150ms linear;transition:border-color 150ms linear;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;width:100%;padding:6px 0}:host .Manifold-Input label{font-size:11px;font-weight:500;letter-spacing:0.04em;line-height:1.2727;text-transform:uppercase;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\";display:block;padding-bottom:0.25rem;color:#575b5f;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-property:color;transition-property:color}:host .Manifold-Input input{font-size:16px;font-weight:400;letter-spacing:normal;line-height:1.25;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\";display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:auto;min-width:none;height:2.25rem;padding:0 0.75em;color:#323940;line-height:2.25rem;background:#ffffff;border:1px solid #c4c7ca;border-radius:3px;outline:0;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-property:border-color;transition-property:border-color;-webkit-appearance:none;appearance:none;-moz-appearance:textfield}@media (min-width: 600px){:host .Manifold-Input input{font-size:16px;font-weight:400;letter-spacing:normal;line-height:1.1875;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}}:host .Manifold-Input input:hover{border-color:#8f8f95}:host .Manifold-Input input[type=number],:host .Manifold-Input input[inputmode=numeric],:host .Manifold-Input input[inputmode=decimal],:host .Manifold-Input input[pattern=\"[0-9]*\"],:host .Manifold-Input input[pattern^=\"\\a\"]{font-size:14px;font-weight:400;letter-spacing:normal;line-height:1.2857;text-transform:none;font-family:\"IBM Plex Mono\", \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, monospace;text-align:right}:host .Manifold-Input input::-webkit-inner-spin-button,:host .Manifold-Input input::-webkit-outer-spin-button{display:none}:host .Manifold-Input input:invalid,:host .Manifold-Input input[aria-invalid]{border-color:#d52049;-webkit-box-shadow:none;box-shadow:none}:host .Manifold-Input input:disabled{color:#8f8f95;background:#f7f7f8;}:host .Manifold-Input input:disabled:hover{border-color:#c4c7ca}:host .Manifold-Input:focus-within label{color:#1e50da}:host .Manifold-Input:focus-within input{border-color:#1e50da}:host .Manifold-Input input{color:var(--manifold-color-text);background-color:var(--manifold-color-input-background);border:var(--manifold-border)}:host .Manifold-Input input[type=number]{width:100%;padding:0.5em;text-align:left;border-top:border;border-right:none;border-bottom:border;border-left:none;border-radius:0}:host .Manifold-Input input[type=number]:focus{border-color:var(--manifold-color-brand)}:host .Manifold-Input .Manifold-Tooltip__Container{-ms-flex:6 auto;flex:6 auto;min-width:7em}:host .Manifold-Input input.error{border:0;-webkit-box-shadow:0 0 3px var(--manifold-color-error);box-shadow:0 0 3px var(--manifold-color-error)}:host .Manifold-Input button{display:-ms-flexbox;display:flex;-ms-flex:1 auto;flex:1 auto;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:2.25em;min-width:0;height:2.25em;padding:0;background-color:var(--manifold-color-background);border:var(--manifold-border)}:host .Manifold-Input button::before,:host .Manifold-Input button::after{border-color:var(--manifold-color-brand)}:host .Manifold-Input button:first-child{border-radius:0.25em 0 0 0.25em}:host .Manifold-Input button:last-child{border-radius:0 0.25em 0.25em 0}:host .Manifold-Input button.error{border:0;-webkit-box-shadow:0 0 3px var(--manifold-color-error);box-shadow:0 0 3px var(--manifold-color-error)}:host .Manifold-Input .helper{color:var(--manifold-color-text-secondary);text-align:left}:host .excluded{color:var(--manifold-color-text-secondary)}:host table.cost-tiers{-ms-flex-item-align:start;align-self:flex-start;width:100%}:host table.cost-tiers tr.label-bold,:host table.cost-tiers tr:first-child.label-bold,:host table.cost-tiers tr:last-child.label-bold{color:var(--manifold-color-text);font-weight:600}:host table.cost-tiers tr td,:host table.cost-tiers tr th,:host table.cost-tiers tr:first-child td,:host table.cost-tiers tr:first-child th,:host table.cost-tiers tr:last-child td,:host table.cost-tiers tr:last-child th{padding:0.2rem 0;text-align:left;border:none}:host table.cost-tiers tr th,:host table.cost-tiers tr:first-child th,:host table.cost-tiers tr:last-child th{padding-top:0;color:var(--manifold-color-text-secondary)}:host table.cost-tiers tr td:last-child,:host table.cost-tiers tr:first-child td:last-child,:host table.cost-tiers tr:last-child td:last-child{text-align:right;border-right:none}:host .plan-carousel .slides{display:-ms-flexbox;display:flex;-ms-flex:none;flex:none;-ms-flex-flow:row nowrap;flex-flow:row nowrap;width:100%;overflow:auto;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}:host .plan-carousel tr.feature-row>td{padding:0}:host .plan-carousel tr.feature-row>td .feature-cell,:host .plan-carousel tr.feature-row>td .value-cell{padding:1rem}:host .plan-carousel.sm tr.feature-row>td>div{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host .plan-carousel.sm tr.feature-row>td>div .feature-cell{-ms-flex:1;flex:1}:host .plan-carousel.sm tr.feature-row>td>div .value-cell{-ms-flex:1;flex:1}:host .plan-carousel.xs tr.feature-row>td .feature-cell{padding:0.5rem 0.5rem 0.25rem 0.5rem}:host .plan-carousel.xs tr.feature-row>td .value-cell{padding:0.25rem 0.5rem 0.5rem 0.5rem}:host .plan-carousel .slide{-ms-flex:none;flex:none;width:80%;max-height:calc(80vh - 4rem);overflow-x:hidden;overflow-y:auto;scroll-snap-align:center}:host .plan-carousel .slide>table{width:90%;margin:0 auto}:host .plan-carousel th.header-cell{position:-webkit-sticky;position:sticky;top:0;z-index:20}:host .plan-carousel .footer-cell{position:-webkit-sticky;position:sticky;bottom:0;z-index:20}:host .plan-carousel .slide:first-child{padding-left:10%}:host .plan-carousel .slide:last-child{padding-right:10%}:host .plan-carousel nav ol{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:4rem;margin:0;padding:0;list-style:none}:host .plan-carousel nav li{width:1rem;height:1rem;margin:0 1rem;padding:0;background-color:#c4c7ca;border-radius:1rem;cursor:pointer}:host .plan-carousel nav li.active{background-color:#8f8f95}:host .badge{background-color:#ececed;color:#323940;display:inline-block;border-radius:10px;margin:0 0 0 10px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:0.4px;padding:2px 8px;vertical-align:middle}";
 
@@ -182,2 +182,29 @@ const breakpoints = [
     }
+    updateProduct(newProduct) {
+        this.featureSelections = {};
+        if (newProduct.plans) {
+            newProduct.plans.plans.forEach((plan) => {
+                const defaultSelections = [];
+                if (plan.features) {
+                    plan.features.features.forEach((feature) => {
+                        if (feature.class === helpCircle.FeatureClass.Configured) {
+                            if (feature.__typename === 'BooleanFeature') {
+                                defaultSelections.push({
+                                    slug: feature.featureSlug.slug,
+                                    booleanSelection: feature.booleanValues[0].value,
+                                });
+                            }
+                            if (feature.__typename === 'IntFeature') {
+                                defaultSelections.push({
+                                    slug: feature.featureSlug.slug,
+                                    intSelection: feature.intValues[0].value || 0,
+                                });
+                            }
+                        }
+                    });
+                }
+                this.featureSelections[plan.slug] = defaultSelections;
+            });
+        }
+    }
     scrollHandler(e) {
@@ -439,3 +466,5 @@ var _a;
                 // Select Feature
-                return (index.h("div", { class: "Manifold-Select" }, index.h("label", { htmlFor: `feature-${planSlug}-${featureSlug}` }), index.h("select", { id: `feature-${planSlug}-${featureSlug}` }, feature.intValues.map((value) => {
+                return (index.h("div", { class: "Manifold-Select" }, index.h("label", { htmlFor: `feature-${planSlug}-${featureSlug}` }), index.h("select", { id: `feature-${plan.slug}-${featureSlug}`, onChange: (e) => {
+                        this.selectFeature(plan.slug, plan.name, featureSlug, parseInt(e.target.value, 10));
+                    } }, feature.intValues.map((value) => {
                     var _a;
@@ -475,3 +504,3 @@ return (index.h("option", { value: (_a = value.value) === null || _a === void 0 ? void 0 : _a.toString() }, `${value.display} (${helpCircle.toUSD(value.cost)})`));
     renderHeaderCell({ slug, name, cost }) {
-        var _a, _b;
+        var _a, _b, _c, _d, _e, _f, _g;
         return (index.h("th", { class: "header-cell", part: `plan--${slug} plan-header plan-header--${slug} cell header-cell` }, index.h("div", { style: {
@@ -481,3 +510,3 @@ minHeight: this.maxRowHeights
                     : '0',
-            } }, index.h("h3", { class: "Manifold-Typography--Heading" }, name), index.h("label", { class: "Manifold-Typography--SubheadingSmall", part: `plan-cost plan-cost--${slug}` }, ((_b = (_a = this.planOptions) === null || _a === void 0 ? void 0 : _a[slug]) === null || _b === void 0 ? void 0 : _b.cost) || helpCircle.planCost(cost)))));
+            } }, index.h("h3", { class: "Manifold-Typography--Heading" }, name, ((_b = (_a = this.planOptions) === null || _a === void 0 ? void 0 : _a[slug]) === null || _b === void 0 ? void 0 : _b.badgeRight) && (index.h("span", { class: "badge badge-right", part: `badge badge-right badge-right--${slug}` }, (_e = (_d = (_c = this.planOptions) === null || _c === void 0 ? void 0 : _c[slug]) === null || _d === void 0 ? void 0 : _d.badgeRight) === null || _e === void 0 ? void 0 : _e.text))), index.h("label", { class: "Manifold-Typography--SubheadingSmall", part: `plan-cost plan-cost--${slug}` }, ((_g = (_f = this.planOptions) === null || _f === void 0 ? void 0 : _f[slug]) === null || _g === void 0 ? void 0 : _g.cost) || helpCircle.planCost(cost)))));
     }
@@ -549,3 +578,4 @@ renderCTA(plan) {
     static get watchers() { return {
-        "productData": ["updateProductData"]
+        "productData": ["updateProductData"],
+        "product": ["updateProduct"]
     }; }
@@ -552,0 +582,0 @@ };

dist/collection/components/manifold-plan-table/manifold-plan-table.js

@@ -6,2 +6,3 @@ import { Component, Element, Event, Host, State, Prop, h, Watch, Listen, } from '@stencil/core';
 import xIcon from '@manifoldco/mercury/icons/x.svg';
+import { FeatureClass, } from '../../types/graphql';
 import query from '../../graphql/EmbeddedProduct.graphql';
@@ -47,2 +48,29 @@ import planQuery from '../../graphql/EmbeddedProductPlan.graphql';
     }
+    updateProduct(newProduct) {
+        this.featureSelections = {};
+        if (newProduct.plans) {
+            newProduct.plans.plans.forEach((plan) => {
+                const defaultSelections = [];
+                if (plan.features) {
+                    plan.features.features.forEach((feature) => {
+                        if (feature.class === FeatureClass.Configured) {
+                            if (feature.__typename === 'BooleanFeature') {
+                                defaultSelections.push({
+                                    slug: feature.featureSlug.slug,
+                                    booleanSelection: feature.booleanValues[0].value,
+                                });
+                            }
+                            if (feature.__typename === 'IntFeature') {
+                                defaultSelections.push({
+                                    slug: feature.featureSlug.slug,
+                                    intSelection: feature.intValues[0].value || 0,
+                                });
+                            }
+                        }
+                    });
+                }
+                this.featureSelections[plan.slug] = defaultSelections;
+            });
+        }
+    }
     scrollHandler(e) {
@@ -309,3 +337,5 @@ var _a;
                     h("label", { htmlFor: `feature-${planSlug}-${featureSlug}` }),
-                    h("select", { id: `feature-${planSlug}-${featureSlug}` }, feature.intValues.map((value) => {
+                    h("select", { id: `feature-${plan.slug}-${featureSlug}`, onChange: (e) => {
+                            this.selectFeature(plan.slug, plan.name, featureSlug, parseInt(e.target.value, 10));
+                        } }, feature.intValues.map((value) => {
                         var _a;
@@ -356,3 +386,3 @@ return (h("option", { value: (_a = value.value) === null || _a === void 0 ? void 0 : _a.toString() }, `${value.display} (${toUSD(value.cost)})`));
     renderHeaderCell({ slug, name, cost }) {
-        var _a, _b;
+        var _a, _b, _c, _d, _e, _f, _g;
         return (h("th", { class: "header-cell", part: `plan--${slug} plan-header plan-header--${slug} cell header-cell` },
@@ -364,4 +394,6 @@ h("div", { style: {
                 } },
-                h("h3", { class: "Manifold-Typography--Heading" }, name),
-                h("label", { class: "Manifold-Typography--SubheadingSmall", part: `plan-cost plan-cost--${slug}` }, ((_b = (_a = this.planOptions) === null || _a === void 0 ? void 0 : _a[slug]) === null || _b === void 0 ? void 0 : _b.cost) || planCost(cost)))));
+                h("h3", { class: "Manifold-Typography--Heading" },
+                    name,
+                    ((_b = (_a = this.planOptions) === null || _a === void 0 ? void 0 : _a[slug]) === null || _b === void 0 ? void 0 : _b.badgeRight) && (h("span", { class: "badge badge-right", part: `badge badge-right badge-right--${slug}` }, (_e = (_d = (_c = this.planOptions) === null || _c === void 0 ? void 0 : _c[slug]) === null || _d === void 0 ? void 0 : _d.badgeRight) === null || _e === void 0 ? void 0 : _e.text))),
+                h("label", { class: "Manifold-Typography--SubheadingSmall", part: `plan-cost plan-cost--${slug}` }, ((_g = (_f = this.planOptions) === null || _f === void 0 ? void 0 : _f[slug]) === null || _g === void 0 ? void 0 : _g.cost) || planCost(cost)))));
     }
@@ -665,2 +697,5 @@ renderCTA(plan) {
             "methodName": "updateProductData"
+        }, {
+            "propName": "product",
+            "methodName": "updateProduct"
         }]; }
@@ -667,0 +702,0 @@ static get listeners() { return [{

dist/collection/components/manifold-plan-table/manifold-plan-table.stories.js

@@ -43,2 +43,14 @@ import { withKnobs, text, select } from '@storybook/addon-knobs';
 export const withCTATextOverride = () => `<manifold-plan-table embed="${demoEmbedId}" cta-text="Custom text"></manifold-plan-table>`;
+export const withBadgeRight = () => {
+    const table = document.createElement('manifold-plan-table');
+    table.embed = demoEmbedId;
+    table.planOptions = {
+        'plan-1': {
+            badgeRight: {
+                text: 'Legacy',
+            },
+        },
+    };
+    return table;
+};
 export const withPlanOptions = () => {
@@ -45,0 +57,0 @@ const table = document.createElement('manifold-plan-table');

dist/collection/components/plangraph-plan-table/plangraph-plan-table.js

@@ -6,2 +6,3 @@ import { Component, Element, Event, Host, State, Prop, h, Watch, Listen, } from '@stencil/core';
 import xIcon from '@manifoldco/mercury/icons/x.svg';
+import { FeatureClass, } from '../../types/graphql';
 import query from '../../graphql/EmbeddedProduct.graphql';
@@ -56,2 +57,29 @@ import planQuery from '../../graphql/EmbeddedProductPlan.graphql';
     }
+    updateProduct(newProduct) {
+        this.featureSelections = {};
+        if (newProduct.plans) {
+            newProduct.plans.plans.forEach((plan) => {
+                const defaultSelections = [];
+                if (plan.features) {
+                    plan.features.features.forEach((feature) => {
+                        if (feature.class === FeatureClass.Configured) {
+                            if (feature.__typename === 'BooleanFeature') {
+                                defaultSelections.push({
+                                    slug: feature.featureSlug.slug,
+                                    booleanSelection: feature.booleanValues[0].value,
+                                });
+                            }
+                            if (feature.__typename === 'IntFeature') {
+                                defaultSelections.push({
+                                    slug: feature.featureSlug.slug,
+                                    intSelection: feature.intValues[0].value || 0,
+                                });
+                            }
+                        }
+                    });
+                }
+                this.featureSelections[plan.slug] = defaultSelections;
+            });
+        }
+    }
     scrollHandler(e) {
@@ -312,3 +340,5 @@ var _a;
                     h("label", { htmlFor: `feature-${plan.slug}-${featureSlug}` }),
-                    h("select", { id: `feature-${plan.slug}-${featureSlug}` }, feature.intValues.map((value) => {
+                    h("select", { id: `feature-${plan.slug}-${featureSlug}`, onChange: (e) => {
+                            this.selectFeature(plan.slug, plan.name, featureSlug, parseInt(e.target.value, 10));
+                        } }, feature.intValues.map((value) => {
                         var _a;
@@ -359,3 +389,3 @@ return (h("option", { value: (_a = value.value) === null || _a === void 0 ? void 0 : _a.toString() }, `${value.display} (${toUSD(value.cost)})`));
     renderHeaderCell({ slug, name, cost, description }) {
-        var _a, _b;
+        var _a, _b, _c, _d, _e, _f, _g;
         return (h("th", { class: "header-cell", part: `plan--${slug} plan-header plan-header--${slug} cell header-cell` },
@@ -367,4 +397,6 @@ h("div", { style: {
                 } },
-                h("h3", { class: "Manifold-Typography--Heading", part: `plan-name plan-name--${slug}` }, name),
-                h("label", { class: "Manifold-Typography--SubheadingSmall", part: `plan-cost plan-cost--${slug}` }, ((_b = (_a = this.planOptions) === null || _a === void 0 ? void 0 : _a[slug]) === null || _b === void 0 ? void 0 : _b.cost) || planCost(cost)),
+                h("h3", { class: "Manifold-Typography--Heading", part: `plan-name plan-name--${slug}` },
+                    name,
+                    ((_b = (_a = this.planOptions) === null || _a === void 0 ? void 0 : _a[slug]) === null || _b === void 0 ? void 0 : _b.badgeRight) && (h("span", { class: "badge badge-right", part: `badge badge-right badge-right--${slug}` }, (_e = (_d = (_c = this.planOptions) === null || _c === void 0 ? void 0 : _c[slug]) === null || _d === void 0 ? void 0 : _d.badgeRight) === null || _e === void 0 ? void 0 : _e.text))),
+                h("label", { class: "Manifold-Typography--SubheadingSmall", part: `plan-cost plan-cost--${slug}` }, ((_g = (_f = this.planOptions) === null || _f === void 0 ? void 0 : _f[slug]) === null || _g === void 0 ? void 0 : _g.cost) || planCost(cost)),
                 description && (h("p", { class: "Manifold-Typography--Caption plan-description", part: `description plan-description plan-description--${slug}` }, description)))));
@@ -681,2 +713,5 @@ }
             "methodName": "updateProductData"
+        }, {
+            "propName": "product",
+            "methodName": "updateProduct"
         }]; }
@@ -683,0 +718,0 @@ static get listeners() { return [{

dist/collection/components/plangraph-plan-table/plangraph-plan-table.stories.js

@@ -43,2 +43,14 @@ import { withKnobs, text, select } from '@storybook/addon-knobs';
 export const withCTATextOverride = () => `<plangraph-plan-table embed="${demoEmbedId}" cta-text="Custom text"></plangraph-plan-table>`;
+export const withBadgeRight = () => {
+    const table = document.createElement('plangraph-plan-table');
+    table.embed = demoEmbedId;
+    table.planOptions = {
+        'plan-1': {
+            badgeRight: {
+                text: 'Legacy',
+            },
+        },
+    };
+    return table;
+};
 export const withPlanOptions = () => {
@@ -45,0 +57,0 @@ const table = document.createElement('plangraph-plan-table');

dist/esm/manifold-plan-table.entry.js

 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-09695c84.js';
-import { i as incrementIcon, d as decrementIcon, c as compareRange, t as toUSD, a as displayRange, h as helpIcon, R as ResizeObserver, q as query, p as planQuery, b as createClient, e as planCost, f as checkIcon, x as xIcon } from './help-circle-34041322.js';
+import { i as incrementIcon, d as decrementIcon, c as compareRange, t as toUSD, a as displayRange, h as helpIcon, R as ResizeObserver, q as query, p as planQuery, b as createClient, e as planCost, F as FeatureClass, f as checkIcon, x as xIcon } from './help-circle-da65fddf.js';
 
@@ -136,3 +136,3 @@ const Tooltip = ({ id, title, innerHTML, direction, show, hide, }) => {
 
-const manifoldPlanTableCss = ".Manifold-Typography--Body{font-size:16px;font-weight:400;letter-spacing:normal;line-height:1.25;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}@media (min-width: 600px){.Manifold-Typography--Body{font-size:16px;font-weight:400;letter-spacing:normal;line-height:1.1875;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}}.Manifold-Typography--Label{font-size:14px;font-weight:400;letter-spacing:normal;line-height:1.2143;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}@media (min-width: 600px){.Manifold-Typography--Label{font-size:14px;font-weight:400;letter-spacing:normal;line-height:1.2143;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}}.Manifold-Typography--Heading{font-size:18px;font-weight:400;letter-spacing:normal;line-height:1.2222;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}@media (min-width: 600px){.Manifold-Typography--Heading{font-size:20px;font-weight:400;letter-spacing:normal;line-height:1.2;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}}.Manifold-Typography--HeadingLarge{font-size:22px;font-weight:400;letter-spacing:normal;line-height:1.1818;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}@media (min-width: 600px){.Manifold-Typography--HeadingLarge{font-size:25px;font-weight:400;letter-spacing:normal;line-height:1.2;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}}.Manifold-Typography--SubheadingSmall{font-size:11px;font-weight:500;letter-spacing:0.04em;line-height:1.2727;text-transform:uppercase;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}.Manifold-Typography--Caption{font-size:13px;font-weight:400;letter-spacing:normal;line-height:1.2308;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}@media (min-width: 600px){.Manifold-Typography--Caption{font-size:12px;font-weight:400;letter-spacing:normal;line-height:1.3333;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}}.Manifold-Tooltip{position:relative;padding:8px 12px;color:#ffffff;white-space:nowrap;text-align:center;text-indent:0;background:#323940;border-radius:4px;-webkit-box-shadow:0 2px 8px rgba(0, 0, 0, 0.08);box-shadow:0 2px 8px rgba(0, 0, 0, 0.08);cursor:default;pointer-events:none;font-size:12px;font-weight:400;letter-spacing:normal;line-height:1.3333;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}.Manifold-Tooltip::after{position:absolute;top:100%;left:50%;width:0;height:0;margin-left:-5px;border:solid transparent;border-color:rgba(0, 0, 0, 0);border-width:5px;border-top-color:#323940;content:\"\";pointer-events:none}.Manifold-Tooltip__Container{position:relative;cursor:pointer}.Manifold-Tooltip__Container [role=tooltip]{position:absolute;bottom:100%;left:50%;margin-bottom:8px;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);-webkit-transform-origin:top;transform-origin:top;opacity:0;-webkit-transition:all 0.1s ease-in-out 0.1s;transition:all 0.1s ease-in-out 0.1s}.Manifold-Tooltip__Container:hover [role=tooltip]{-webkit-transform:translate(-50%, -4px);transform:translate(-50%, -4px);opacity:1}.Manifold-Tooltip__Container--Down [role=tooltip]{top:100%;bottom:auto;margin-top:13px;-webkit-transform:translate(-50%, -4px);transform:translate(-50%, -4px)}.Manifold-Tooltip__Container--Down:hover [role=tooltip]{-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}.Manifold-Tooltip__Container--Up [role=tooltip]{top:auto;bottom:100%;z-index:10;margin-bottom:13px;-webkit-transform:translate(-50%, -4px);transform:translate(-50%, -4px)}.Manifold-Tooltip__Container--Up:hover [role=tooltip]{-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}.Manifold-Tooltip--Up::after{top:100%;bottom:auto;border-color:rgba(0, 0, 0, 0);border-bottom-color:#323940;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.Manifold-Tooltip--Down::after{top:auto;bottom:100%;border-color:rgba(0, 0, 0, 0);border-bottom-color:#323940}.Skeleton__Grid{display:grid;grid-template-columns:1fr 1fr 1fr;-webkit-column-gap:1rem;-moz-column-gap:1rem;column-gap:1rem}.Skeleton__Grid p{margin:6px 0}.Skeleton__Grid h2{max-width:200px}.Skeleton{position:relative;display:inline-block;overflow:hidden;color:transparent;line-height:1;border-radius:2px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block}@-webkit-keyframes Skeleton__Animation{to{-webkit-transform:translateX(125%);transform:translateX(125%)}}@keyframes Skeleton__Animation{to{-webkit-transform:translateX(125%);transform:translateX(125%)}}.Skeleton::before{position:absolute;top:0;right:0;bottom:0;left:0;background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), color-stop(1em, rgba(0, 0, 0, 0.1)), color-stop(1em, rgba(0, 0, 0, 0)), color-stop(1.5em, rgba(0, 0, 0, 0)));background-image:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) 1em, rgba(0, 0, 0, 0) 1em, rgba(0, 0, 0, 0) 1.5em);background-repeat:repeat-y;background-size:100% 1.5em;content:\"\";pointer-events:none}.Skeleton::after{position:absolute;top:0;right:100%;width:60em;height:100%;background-image:linear-gradient(60deg, rgba(255, 255, 255, 0) 33.3333%, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 66.6666%);background-repeat:no-repeat;opacity:0.4;-webkit-animation-name:Skeleton__Animation;animation-name:Skeleton__Animation;-webkit-animation-duration:1.4s;animation-duration:1.4s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;content:\"\";pointer-events:none}:host{--theme-color-brand:var(--manifold-color-brand);--theme-color-brand-accent:var(--manifold-color-brand-accent);--theme-color-error:var(--manifold-color-error);--theme-color-disabled:var(--manifold-color-disabled);--theme-color-disabled-accent:var(--manifold-color-disabled-accent);--theme-color-background:var(--manifold-color-background);--theme-color-input-background:var(--manifold-color-input-background);--theme-color-text:var(--manifold-color-text);--theme-color-text-secondary:var(--manifold-color-text-secondary);--theme-border:var(--manifold-border);--theme-border-secondary:var(--manifold-border-secondary);--theme-radius:var(--manifold-radius);position:relative;display:block;overflow:auto}:host table.plan-table{--manifold-color-brand:var(--theme-color-brand, #1e50da);--manifold-color-brand-accent:var(--theme-color-brand-accent, #ffffff);--manifold-color-error:var(--theme-color-error, #d52049);--manifold-color-disabled:var(--theme-color-disabled, #ececed);--manifold-color-disabled-accent:var(--theme-color-disabled-accent, #8f8f95);--manifold-color-background:var(--theme-color-background, #ffffff);--manifold-color-input-background:var(--theme-color-input-background, #ffffff);--manifold-color-text:var(--theme-color-text, #323940);--manifold-color-text-secondary:var(--theme-color-text-secondary, #8f8f95);--manifold-border:var(--theme-border, 1px solid #c4c7ca);--manifold-border-secondary:var(\n    --theme-border-secondary,\n    1px solid #ececed\n  );--manifold-radius:var(--theme-radius, 4px);color:var(--manifold-color-text);background:var(--manifold-color-background);border-radius:var(--manifold-radius);border-spacing:0}:host table.plan-table th{border-bottom:var(--manifold-border);border-left:var(--manifold-border)}:host table.plan-table th h1{margin:0.5rem}:host table.plan-table th h3{margin:0;color:var(--manifold-color-text);font-weight:700}:host table.plan-table th label{color:var(--manifold-color-brand)}:host table.plan-table td{vertical-align:top;border-bottom:var(--manifold-border-secondary);border-left:var(--manifold-border)}:host table.plan-table td.feature-name,:host table.plan-table th.feature-name{position:-webkit-sticky;position:sticky;border-right:var(--manifold-border)}:host table.plan-table .feature-name{left:0;z-index:1;color:var(--manifold-color-text);font-weight:600;font-size:14px;text-align:left}@media (min-width: 600px){:host table.plan-table .feature-name{font-size:16px}}:host table.plan-table th,:host table.plan-table td{padding:0.5rem;text-align:left;background-color:var(--manifold-color-background)}@media (min-width: 600px){:host table.plan-table th,:host table.plan-table td{padding:1rem}}@media (min-width: 850px){:host table.plan-table th,:host table.plan-table td{padding:1rem}}:host table.plan-table th:nth-child(2),:host table.plan-table td:nth-child(2){border-left:none}:host table.plan-table th:last-child,:host table.plan-table td:last-child{border-right:var(--manifold-border)}:host table.plan-table tr:first-child th{border-top:var(--manifold-border)}:host table.plan-table tr:first-child th:first-child{border-top-left-radius:var(--manifold-radius)}:host table.plan-table tr:first-child th:last-child{border-top-right-radius:var(--manifold-radius)}:host table.plan-table tr:last-child td{border-bottom:var(--manifold-border)}:host table.plan-table tr:last-child td:first-child{border-bottom-left-radius:var(--manifold-radius)}:host table.plan-table tr:last-child td:last-child{border-bottom-right-radius:var(--manifold-radius)}:host table.plan-table .plan-cell{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start}:host table.plan-table.scrolled .feature-name{-webkit-box-shadow:0 0 30px 0 rgba(0, 0, 0, 0.15);box-shadow:0 0 30px 0 rgba(0, 0, 0, 0.15);-webkit-clip-path:inset(0 -30px 0 0);clip-path:inset(0 -30px 0 0)}:host table.plan-table.lg .feature-name{min-width:200px}:host table.plan-table.md .feature-name{min-width:150px}:host table.plan-table.sm{display:none}:host table.plan-table.sm .feature-name{min-width:100px}:host table.plan-table.xs{display:none;max-width:478px}:host td button,:host td .button{position:relative;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10.5px 21px;color:#323940;font-weight:500;font-size:16px;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\";line-height:1;white-space:nowrap;text-decoration:none;background:#ffffff;border-color:#c4c7ca;border-style:solid;border-width:1px;border-radius:4px;-webkit-box-shadow:0 2px 8px rgba(0, 0, 0, 0.08);box-shadow:0 2px 8px rgba(0, 0, 0, 0.08);cursor:pointer;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-property:background-color, border-color, color, -webkit-box-shadow, -webkit-filter;transition-property:background-color, border-color, color, -webkit-box-shadow, -webkit-filter;transition-property:background-color, border-color, color, box-shadow, filter;transition-property:background-color, border-color, color, box-shadow, filter, -webkit-box-shadow, -webkit-filter;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;color:var(--manifold-color-brand-accent);text-align:center;background:var(--manifold-color-brand);border:none;border-radius:var(--manifold-radius)}:host td button::before,:host td .button::before{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border:2px solid #1e50da;border-radius:8px;-webkit-transform:scale(0.95, 0.9);transform:scale(0.95, 0.9);opacity:0;-webkit-transition:opacity 150ms linear, -webkit-transform 150ms cubic-bezier(0.5, 0, 1, 0.5);transition:opacity 150ms linear, -webkit-transform 150ms cubic-bezier(0.5, 0, 1, 0.5);transition:opacity 150ms linear, transform 150ms cubic-bezier(0.5, 0, 1, 0.5);transition:opacity 150ms linear, transform 150ms cubic-bezier(0.5, 0, 1, 0.5), -webkit-transform 150ms cubic-bezier(0.5, 0, 1, 0.5);content:\"\";pointer-events:none}:host td button::-moz-focus-inner,:host td .button::-moz-focus-inner{border:0}:host td button:focus,:host td button:hover,:host td .button:focus,:host td .button:hover{border-color:#8f8f95}:host td button:focus,:host td .button:focus{outline:none}:host td button:focus::before,:host td .button:focus::before{-webkit-transform:scale(1);transform:scale(1);opacity:1;-webkit-transition:opacity 150ms linear, -webkit-transform 150ms cubic-bezier(0, 0.5, 0.5, 1);transition:opacity 150ms linear, -webkit-transform 150ms cubic-bezier(0, 0.5, 0.5, 1);transition:opacity 150ms linear, transform 150ms cubic-bezier(0, 0.5, 0.5, 1);transition:opacity 150ms linear, transform 150ms cubic-bezier(0, 0.5, 0.5, 1), -webkit-transform 150ms cubic-bezier(0, 0.5, 0.5, 1)}:host td button:active,:host td .button:active{-webkit-transform:translateY(1px);transform:translateY(1px)}:host td button:disabled,:host td .button:disabled{color:#8f8f95;background:#ececed;border:1px solid #c4c7ca;-webkit-box-shadow:none;box-shadow:none;cursor:not-allowed;opacity:0.8}:host td button:disabled:focus,:host td button:disabled:hover,:host td .button:disabled:focus,:host td .button:disabled:hover{color:#8f8f95;background:#ececed;border:1px solid #c4c7ca;-webkit-box-shadow:none;box-shadow:none}:host td button:disabled:focus::before,:host td .button:disabled:focus::before{opacity:0}:host td button:disabled:active,:host td .button:disabled:active{color:#8f8f95;background:#ececed;border-color:#c4c7ca;-webkit-box-shadow:none;box-shadow:none;-webkit-transform:none;transform:none}:host td button:disabled,:host td .button:disabled{color:var(--manifold-color-disabled-accent);background:var(--manifold-color-disabled);border-color:var(--manifold-color-disabled)}:host td button:disabled:hover,:host td .button:disabled:hover{background:var(--manifold-color-disabled);border-color:var(--manifold-color-disabled)}:host td button:focus::before,:host td .button:focus::before{border-color:var(--manifold-color-brand)}@media (min-width: 600px){:host td button,:host td .button{min-width:240px}}:host .icon{width:1.25rem;height:1.25rem}:host .icon svg{fill:#8f8f95}:host .icon.icon-green svg{fill:#31baa2}:host .toggle-feature{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .toggle-feature .Manifold-Toggle{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .toggle-feature .Manifold-Toggle::before{position:absolute;top:50%;right:-4px;width:2.75rem;height:1.75rem;border:2px solid #1e50da;border-radius:2rem;-webkit-transform:translateY(-50%) scale(0.9);transform:translateY(-50%) scale(0.9);opacity:0;-webkit-transition:opacity 150ms linear, -webkit-transform 150ms cubic-bezier(0.5, 0, 1, 0.5);transition:opacity 150ms linear, -webkit-transform 150ms cubic-bezier(0.5, 0, 1, 0.5);transition:opacity 150ms linear, transform 150ms cubic-bezier(0.5, 0, 1, 0.5);transition:opacity 150ms linear, transform 150ms cubic-bezier(0.5, 0, 1, 0.5), -webkit-transform 150ms cubic-bezier(0.5, 0, 1, 0.5);content:\"\";pointer-events:none}:host .toggle-feature .Manifold-Toggle label{font-size:16px;font-weight:400;letter-spacing:normal;line-height:1.25;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\";position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:0;color:currentColor;cursor:pointer}@media (min-width: 600px){:host .toggle-feature .Manifold-Toggle label{font-size:16px;font-weight:400;letter-spacing:normal;line-height:1.1875;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}}:host .toggle-feature .Manifold-Toggle label::before{-ms-flex-order:1;order:1;-webkit-box-sizing:border-box;box-sizing:border-box;width:2.5rem;height:1.5rem;margin-left:0.75rem;background:#ececed;border-radius:2rem;-webkit-transition:background-color 150ms linear;transition:background-color 150ms linear;content:\"\";pointer-events:none}:host .toggle-feature .Manifold-Toggle label::after{position:absolute;top:50%;right:0.25rem;-webkit-box-sizing:border-box;box-sizing:border-box;width:1rem;height:1rem;background-color:#8f8f95;border-radius:50%;-webkit-transform:translate(-100%, -50%);transform:translate(-100%, -50%);-webkit-transition:background-color 150ms linear, -webkit-transform 100ms cubic-bezier(0.95, 0.05, 0.8, 0.04);transition:background-color 150ms linear, -webkit-transform 100ms cubic-bezier(0.95, 0.05, 0.8, 0.04);transition:background-color 150ms linear, transform 100ms cubic-bezier(0.95, 0.05, 0.8, 0.04);transition:background-color 150ms linear, transform 100ms cubic-bezier(0.95, 0.05, 0.8, 0.04), -webkit-transform 100ms cubic-bezier(0.95, 0.05, 0.8, 0.04);content:\"\"}:host .toggle-feature .Manifold-Toggle input{position:absolute;right:100vw;opacity:0}:host .toggle-feature .Manifold-Toggle input:disabled~label{cursor:default}:host .toggle-feature .Manifold-Toggle input:disabled~label::before{background:#ececed;border:1px solid #ddddde}:host .toggle-feature .Manifold-Toggle input:disabled~label::after{background:#ddddde;border:1px solid #c4c7ca}:host .toggle-feature .Manifold-Toggle input:disabled:checked~label::before{background:#ececed}:host .toggle-feature .Manifold-Toggle input:disabled:checked~label::after{background:#8f8f95;border:1px solid #8f8f95}:host .toggle-feature .Manifold-Toggle:focus-within{color:#1e50da}:host .toggle-feature .Manifold-Toggle:focus-within::before{-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1);opacity:1}:host .toggle-feature .Manifold-Toggle input:checked~label::before{background:#dde9fe}:host .toggle-feature .Manifold-Toggle input:checked~label::after{background:#1e50da;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}:host .toggle-feature .Manifold-Toggle::before{border-color:var(--manifold-color-brand)}:host .toggle-feature .Manifold-Toggle label::before{margin-left:0;background:var(--manifold-color-text-secondary);opacity:0.2}:host .toggle-feature .Manifold-Toggle label::after{background:var(--manifold-color-text-secondary)}:host .toggle-feature .Manifold-Toggle input:checked+label::before{margin-left:0;background:var(--manifold-color-brand);opacity:0.2}:host .toggle-feature .Manifold-Toggle input:checked+label::after{background:var(--manifold-color-brand)}:host .Manifold-Select{-webkit-transition:border-color 150ms linear;transition:border-color 150ms linear;width:100%}:host .Manifold-Select label{font-size:11px;font-weight:500;letter-spacing:0.04em;line-height:1.2727;text-transform:uppercase;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\";display:block;padding-bottom:0.25rem;color:#575b5f;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-property:color;transition-property:color}:host .Manifold-Select select{font-size:16px;font-weight:400;letter-spacing:normal;line-height:1.25;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\";display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;max-width:100%;height:2.25em;margin:0;padding:0 1.5rem 0 0.75rem;color:#575b5f;line-height:2.25;background-color:#ffffff;background-image:url('data:image/svg+xml,%3Csvg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cpath fill=\"%23575b5f\" d=\"M7.558 12.808a.625.625 0 01.884 0l3.308 3.308 3.308-3.308a.625.625 0 11.884.884l-3.75 3.75a.625.625 0 01-.884 0l-3.75-3.75a.625.625 0 010-.884zM15.942 10.192a.625.625 0 01-.884 0L11.75 6.884l-3.308 3.308a.625.625 0 11-.884-.884l3.75-3.75a.625.625 0 01.884 0l3.75 3.75a.625.625 0 010 .884z\"/%3E%3C/svg%3E');background-repeat:no-repeat, repeat;background-position:right 0.25rem top 50%;background-size:1.5rem auto;border:1px solid #c4c7ca;border-radius:4px;-webkit-transition:border-color 150ms linear, color 150ms linear;transition:border-color 150ms linear, color 150ms linear;-webkit-appearance:none;-moz-appearance:none;appearance:none}:host .Manifold-Select select::-ms-expand{display:none}:host .Manifold-Select select:hover{border-color:#8f8f95}:host .Manifold-Select select:focus{outline:none}@media (min-width: 600px){:host .Manifold-Select select{font-size:16px;font-weight:400;letter-spacing:normal;line-height:1.1875;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}}:host .Manifold-Select option{font-weight:400}:host .Manifold-Select select:invalid,:host .Manifold-Select select[aria-invalid]{background-image:url('data:image/svg+xml,%3Csvg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cpath fill=\"%23d52049\" d=\"M7.558 12.808a.625.625 0 01.884 0l3.308 3.308 3.308-3.308a.625.625 0 11.884.884l-3.75 3.75a.625.625 0 01-.884 0l-3.75-3.75a.625.625 0 010-.884zM15.942 10.192a.625.625 0 01-.884 0L11.75 6.884l-3.308 3.308a.625.625 0 11-.884-.884l3.75-3.75a.625.625 0 01.884 0l3.75 3.75a.625.625 0 010 .884z\"/%3E%3C/svg%3E');border-color:#d52049;-webkit-box-shadow:none;box-shadow:none}:host .Manifold-Select select:disabled{color:#8f8f95;background-color:#f7f7f8;background-image:url('data:image/svg+xml,%3Csvg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cpath fill=\"%238f8f95\" d=\"M7.558 12.808a.625.625 0 01.884 0l3.308 3.308 3.308-3.308a.625.625 0 11.884.884l-3.75 3.75a.625.625 0 01-.884 0l-3.75-3.75a.625.625 0 010-.884zM15.942 10.192a.625.625 0 01-.884 0L11.75 6.884l-3.308 3.308a.625.625 0 11-.884-.884l3.75-3.75a.625.625 0 01.884 0l3.75 3.75a.625.625 0 010 .884z\"/%3E%3C/svg%3E');}:host .Manifold-Select select:disabled:hover{border-color:#c4c7ca}:host .Manifold-Select:focus-within label{color:#1e50da}:host .Manifold-Select:focus-within select{border-color:#1e50da}:host .Manifold-Select select{color:var(--manifold-color-text);background-color:var(--manifold-color-input-background);border:var(--manifold-border)}:host .Manifold-Select select:focus{border-color:var(--manifold-color-brand)}:host .Manifold-Select select.error{border:0;-webkit-box-shadow:0 0 3px var(--manifold-color-error);box-shadow:0 0 3px var(--manifold-color-error)}:host .int-range-configured-feature{width:100%}:host .int-range-configured-feature .int-range-label{display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch}:host .int-range-configured-feature .int-range-label .label-bold{color:var(--manifold-color-text);font-weight:500;text-transform:uppercase}:host .int-range-configured-feature .int-range-label .int-range-tooltip{z-index:10;display:-ms-flexbox;display:flex;margin-left:auto}:host .int-range-configured-feature .int-range-label .int-range-tooltip .icon{width:1em;height:1em}:host .int-range-configured-feature .label-limit{color:var(--manifold-color-text-secondary)}:host .int-range-tooltip-content{text-align:left}:host .int-range-tooltip-content .int-range-tooltip-title{padding-bottom:6px;color:var(--manifold-color-text-secondary);text-transform:uppercase}:host .int-range-tooltip-content .int-range-tooltip-row{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;min-width:100px}:host .int-range-tooltip-content .int-range-tooltip-row .int-range-tooltip-row-unit{text-align:right}:host option.string-select-cost{color:var(--manifold-color-text-secondary)}:host .Manifold-Input{-webkit-transition:border-color 150ms linear;transition:border-color 150ms linear;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;width:100%;padding:6px 0}:host .Manifold-Input label{font-size:11px;font-weight:500;letter-spacing:0.04em;line-height:1.2727;text-transform:uppercase;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\";display:block;padding-bottom:0.25rem;color:#575b5f;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-property:color;transition-property:color}:host .Manifold-Input input{font-size:16px;font-weight:400;letter-spacing:normal;line-height:1.25;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\";display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:auto;min-width:none;height:2.25rem;padding:0 0.75em;color:#323940;line-height:2.25rem;background:#ffffff;border:1px solid #c4c7ca;border-radius:3px;outline:0;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-property:border-color;transition-property:border-color;-webkit-appearance:none;appearance:none;-moz-appearance:textfield}@media (min-width: 600px){:host .Manifold-Input input{font-size:16px;font-weight:400;letter-spacing:normal;line-height:1.1875;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}}:host .Manifold-Input input:hover{border-color:#8f8f95}:host .Manifold-Input input[type=number],:host .Manifold-Input input[inputmode=numeric],:host .Manifold-Input input[inputmode=decimal],:host .Manifold-Input input[pattern=\"[0-9]*\"],:host .Manifold-Input input[pattern^=\"\\a\"]{font-size:14px;font-weight:400;letter-spacing:normal;line-height:1.2857;text-transform:none;font-family:\"IBM Plex Mono\", \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, monospace;text-align:right}:host .Manifold-Input input::-webkit-inner-spin-button,:host .Manifold-Input input::-webkit-outer-spin-button{display:none}:host .Manifold-Input input:invalid,:host .Manifold-Input input[aria-invalid]{border-color:#d52049;-webkit-box-shadow:none;box-shadow:none}:host .Manifold-Input input:disabled{color:#8f8f95;background:#f7f7f8;}:host .Manifold-Input input:disabled:hover{border-color:#c4c7ca}:host .Manifold-Input:focus-within label{color:#1e50da}:host .Manifold-Input:focus-within input{border-color:#1e50da}:host .Manifold-Input input{color:var(--manifold-color-text);background-color:var(--manifold-color-input-background);border:var(--manifold-border)}:host .Manifold-Input input[type=number]{width:100%;padding:0.5em;text-align:left;border-top:border;border-right:none;border-bottom:border;border-left:none;border-radius:0}:host .Manifold-Input input[type=number]:focus{border-color:var(--manifold-color-brand)}:host .Manifold-Input .Manifold-Tooltip__Container{-ms-flex:6 auto;flex:6 auto;min-width:7em}:host .Manifold-Input input.error{border:0;-webkit-box-shadow:0 0 3px var(--manifold-color-error);box-shadow:0 0 3px var(--manifold-color-error)}:host .Manifold-Input button{display:-ms-flexbox;display:flex;-ms-flex:1 auto;flex:1 auto;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:2.25em;min-width:0;height:2.25em;padding:0;background-color:var(--manifold-color-background);border:var(--manifold-border)}:host .Manifold-Input button::before,:host .Manifold-Input button::after{border-color:var(--manifold-color-brand)}:host .Manifold-Input button:first-child{border-radius:0.25em 0 0 0.25em}:host .Manifold-Input button:last-child{border-radius:0 0.25em 0.25em 0}:host .Manifold-Input button.error{border:0;-webkit-box-shadow:0 0 3px var(--manifold-color-error);box-shadow:0 0 3px var(--manifold-color-error)}:host .Manifold-Input .helper{color:var(--manifold-color-text-secondary);text-align:left}:host .excluded{color:var(--manifold-color-text-secondary)}:host table.cost-tiers{-ms-flex-item-align:start;align-self:flex-start;width:100%}:host table.cost-tiers tr.label-bold,:host table.cost-tiers tr:first-child.label-bold,:host table.cost-tiers tr:last-child.label-bold{color:var(--manifold-color-text);font-weight:600}:host table.cost-tiers tr td,:host table.cost-tiers tr th,:host table.cost-tiers tr:first-child td,:host table.cost-tiers tr:first-child th,:host table.cost-tiers tr:last-child td,:host table.cost-tiers tr:last-child th{padding:0.2rem 0;text-align:left;border:none}:host table.cost-tiers tr th,:host table.cost-tiers tr:first-child th,:host table.cost-tiers tr:last-child th{padding-top:0;color:var(--manifold-color-text-secondary)}:host table.cost-tiers tr td:last-child,:host table.cost-tiers tr:first-child td:last-child,:host table.cost-tiers tr:last-child td:last-child{text-align:right;border-right:none}:host .plan-carousel .slides{display:-ms-flexbox;display:flex;-ms-flex:none;flex:none;-ms-flex-flow:row nowrap;flex-flow:row nowrap;width:100%;overflow:auto;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}:host .plan-carousel tr.feature-row>td{padding:0}:host .plan-carousel tr.feature-row>td .feature-cell,:host .plan-carousel tr.feature-row>td .value-cell{padding:1rem}:host .plan-carousel.sm tr.feature-row>td>div{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host .plan-carousel.sm tr.feature-row>td>div .feature-cell{-ms-flex:1;flex:1}:host .plan-carousel.sm tr.feature-row>td>div .value-cell{-ms-flex:1;flex:1}:host .plan-carousel.xs tr.feature-row>td .feature-cell{padding:0.5rem 0.5rem 0.25rem 0.5rem}:host .plan-carousel.xs tr.feature-row>td .value-cell{padding:0.25rem 0.5rem 0.5rem 0.5rem}:host .plan-carousel .slide{-ms-flex:none;flex:none;width:80%;max-height:calc(80vh - 4rem);overflow-x:hidden;overflow-y:auto;scroll-snap-align:center}:host .plan-carousel .slide>table{width:90%;margin:0 auto}:host .plan-carousel th.header-cell{position:-webkit-sticky;position:sticky;top:0;z-index:20}:host .plan-carousel .footer-cell{position:-webkit-sticky;position:sticky;bottom:0;z-index:20}:host .plan-carousel .slide:first-child{padding-left:10%}:host .plan-carousel .slide:last-child{padding-right:10%}:host .plan-carousel nav ol{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:4rem;margin:0;padding:0;list-style:none}:host .plan-carousel nav li{width:1rem;height:1rem;margin:0 1rem;padding:0;background-color:#c4c7ca;border-radius:1rem;cursor:pointer}:host .plan-carousel nav li.active{background-color:#8f8f95}";
+const manifoldPlanTableCss = ".Manifold-Typography--Body{font-size:16px;font-weight:400;letter-spacing:normal;line-height:1.25;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}@media (min-width: 600px){.Manifold-Typography--Body{font-size:16px;font-weight:400;letter-spacing:normal;line-height:1.1875;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}}.Manifold-Typography--Label{font-size:14px;font-weight:400;letter-spacing:normal;line-height:1.2143;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}@media (min-width: 600px){.Manifold-Typography--Label{font-size:14px;font-weight:400;letter-spacing:normal;line-height:1.2143;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}}.Manifold-Typography--Heading{font-size:18px;font-weight:400;letter-spacing:normal;line-height:1.2222;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}@media (min-width: 600px){.Manifold-Typography--Heading{font-size:20px;font-weight:400;letter-spacing:normal;line-height:1.2;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}}.Manifold-Typography--HeadingLarge{font-size:22px;font-weight:400;letter-spacing:normal;line-height:1.1818;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}@media (min-width: 600px){.Manifold-Typography--HeadingLarge{font-size:25px;font-weight:400;letter-spacing:normal;line-height:1.2;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}}.Manifold-Typography--SubheadingSmall{font-size:11px;font-weight:500;letter-spacing:0.04em;line-height:1.2727;text-transform:uppercase;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}.Manifold-Typography--Caption{font-size:13px;font-weight:400;letter-spacing:normal;line-height:1.2308;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}@media (min-width: 600px){.Manifold-Typography--Caption{font-size:12px;font-weight:400;letter-spacing:normal;line-height:1.3333;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}}.Manifold-Tooltip{position:relative;padding:8px 12px;color:#ffffff;white-space:nowrap;text-align:center;text-indent:0;background:#323940;border-radius:4px;-webkit-box-shadow:0 2px 8px rgba(0, 0, 0, 0.08);box-shadow:0 2px 8px rgba(0, 0, 0, 0.08);cursor:default;pointer-events:none;font-size:12px;font-weight:400;letter-spacing:normal;line-height:1.3333;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}.Manifold-Tooltip::after{position:absolute;top:100%;left:50%;width:0;height:0;margin-left:-5px;border:solid transparent;border-color:rgba(0, 0, 0, 0);border-width:5px;border-top-color:#323940;content:\"\";pointer-events:none}.Manifold-Tooltip__Container{position:relative;cursor:pointer}.Manifold-Tooltip__Container [role=tooltip]{position:absolute;bottom:100%;left:50%;margin-bottom:8px;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);-webkit-transform-origin:top;transform-origin:top;opacity:0;-webkit-transition:all 0.1s ease-in-out 0.1s;transition:all 0.1s ease-in-out 0.1s}.Manifold-Tooltip__Container:hover [role=tooltip]{-webkit-transform:translate(-50%, -4px);transform:translate(-50%, -4px);opacity:1}.Manifold-Tooltip__Container--Down [role=tooltip]{top:100%;bottom:auto;margin-top:13px;-webkit-transform:translate(-50%, -4px);transform:translate(-50%, -4px)}.Manifold-Tooltip__Container--Down:hover [role=tooltip]{-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}.Manifold-Tooltip__Container--Up [role=tooltip]{top:auto;bottom:100%;z-index:10;margin-bottom:13px;-webkit-transform:translate(-50%, -4px);transform:translate(-50%, -4px)}.Manifold-Tooltip__Container--Up:hover [role=tooltip]{-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}.Manifold-Tooltip--Up::after{top:100%;bottom:auto;border-color:rgba(0, 0, 0, 0);border-bottom-color:#323940;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.Manifold-Tooltip--Down::after{top:auto;bottom:100%;border-color:rgba(0, 0, 0, 0);border-bottom-color:#323940}.Skeleton__Grid{display:grid;grid-template-columns:1fr 1fr 1fr;-webkit-column-gap:1rem;-moz-column-gap:1rem;column-gap:1rem}.Skeleton__Grid p{margin:6px 0}.Skeleton__Grid h2{max-width:200px}.Skeleton{position:relative;display:inline-block;overflow:hidden;color:transparent;line-height:1;border-radius:2px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block}@-webkit-keyframes Skeleton__Animation{to{-webkit-transform:translateX(125%);transform:translateX(125%)}}@keyframes Skeleton__Animation{to{-webkit-transform:translateX(125%);transform:translateX(125%)}}.Skeleton::before{position:absolute;top:0;right:0;bottom:0;left:0;background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), color-stop(1em, rgba(0, 0, 0, 0.1)), color-stop(1em, rgba(0, 0, 0, 0)), color-stop(1.5em, rgba(0, 0, 0, 0)));background-image:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) 1em, rgba(0, 0, 0, 0) 1em, rgba(0, 0, 0, 0) 1.5em);background-repeat:repeat-y;background-size:100% 1.5em;content:\"\";pointer-events:none}.Skeleton::after{position:absolute;top:0;right:100%;width:60em;height:100%;background-image:linear-gradient(60deg, rgba(255, 255, 255, 0) 33.3333%, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 66.6666%);background-repeat:no-repeat;opacity:0.4;-webkit-animation-name:Skeleton__Animation;animation-name:Skeleton__Animation;-webkit-animation-duration:1.4s;animation-duration:1.4s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;content:\"\";pointer-events:none}:host{--theme-color-brand:var(--manifold-color-brand);--theme-color-brand-accent:var(--manifold-color-brand-accent);--theme-color-error:var(--manifold-color-error);--theme-color-disabled:var(--manifold-color-disabled);--theme-color-disabled-accent:var(--manifold-color-disabled-accent);--theme-color-background:var(--manifold-color-background);--theme-color-input-background:var(--manifold-color-input-background);--theme-color-text:var(--manifold-color-text);--theme-color-text-secondary:var(--manifold-color-text-secondary);--theme-border:var(--manifold-border);--theme-border-secondary:var(--manifold-border-secondary);--theme-radius:var(--manifold-radius);position:relative;display:block;overflow:auto}:host table.plan-table{--manifold-color-brand:var(--theme-color-brand, #1e50da);--manifold-color-brand-accent:var(--theme-color-brand-accent, #ffffff);--manifold-color-error:var(--theme-color-error, #d52049);--manifold-color-disabled:var(--theme-color-disabled, #ececed);--manifold-color-disabled-accent:var(--theme-color-disabled-accent, #8f8f95);--manifold-color-background:var(--theme-color-background, #ffffff);--manifold-color-input-background:var(--theme-color-input-background, #ffffff);--manifold-color-text:var(--theme-color-text, #323940);--manifold-color-text-secondary:var(--theme-color-text-secondary, #8f8f95);--manifold-border:var(--theme-border, 1px solid #c4c7ca);--manifold-border-secondary:var(\n    --theme-border-secondary,\n    1px solid #ececed\n  );--manifold-radius:var(--theme-radius, 4px);color:var(--manifold-color-text);background:var(--manifold-color-background);border-radius:var(--manifold-radius);border-spacing:0}:host table.plan-table th{border-bottom:var(--manifold-border);border-left:var(--manifold-border)}:host table.plan-table th h1{margin:0.5rem}:host table.plan-table th h3{margin:0;color:var(--manifold-color-text);font-weight:700}:host table.plan-table th label{color:var(--manifold-color-brand)}:host table.plan-table td{vertical-align:top;border-bottom:var(--manifold-border-secondary);border-left:var(--manifold-border)}:host table.plan-table td.feature-name,:host table.plan-table th.feature-name{position:-webkit-sticky;position:sticky;border-right:var(--manifold-border)}:host table.plan-table .feature-name{left:0;z-index:1;color:var(--manifold-color-text);font-weight:600;font-size:14px;text-align:left}@media (min-width: 600px){:host table.plan-table .feature-name{font-size:16px}}:host table.plan-table th,:host table.plan-table td{padding:0.5rem;text-align:left;background-color:var(--manifold-color-background)}@media (min-width: 600px){:host table.plan-table th,:host table.plan-table td{padding:1rem}}@media (min-width: 850px){:host table.plan-table th,:host table.plan-table td{padding:1rem}}:host table.plan-table th:nth-child(2),:host table.plan-table td:nth-child(2){border-left:none}:host table.plan-table th:last-child,:host table.plan-table td:last-child{border-right:var(--manifold-border)}:host table.plan-table tr:first-child th{border-top:var(--manifold-border)}:host table.plan-table tr:first-child th:first-child{border-top-left-radius:var(--manifold-radius)}:host table.plan-table tr:first-child th:last-child{border-top-right-radius:var(--manifold-radius)}:host table.plan-table tr:last-child td{border-bottom:var(--manifold-border)}:host table.plan-table tr:last-child td:first-child{border-bottom-left-radius:var(--manifold-radius)}:host table.plan-table tr:last-child td:last-child{border-bottom-right-radius:var(--manifold-radius)}:host table.plan-table .plan-cell{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start}:host table.plan-table.scrolled .feature-name{-webkit-box-shadow:0 0 30px 0 rgba(0, 0, 0, 0.15);box-shadow:0 0 30px 0 rgba(0, 0, 0, 0.15);-webkit-clip-path:inset(0 -30px 0 0);clip-path:inset(0 -30px 0 0)}:host table.plan-table.lg .feature-name{min-width:200px}:host table.plan-table.md .feature-name{min-width:150px}:host table.plan-table.sm{display:none}:host table.plan-table.sm .feature-name{min-width:100px}:host table.plan-table.xs{display:none;max-width:478px}:host td button,:host td .button{position:relative;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10.5px 21px;color:#323940;font-weight:500;font-size:16px;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\";line-height:1;white-space:nowrap;text-decoration:none;background:#ffffff;border-color:#c4c7ca;border-style:solid;border-width:1px;border-radius:4px;-webkit-box-shadow:0 2px 8px rgba(0, 0, 0, 0.08);box-shadow:0 2px 8px rgba(0, 0, 0, 0.08);cursor:pointer;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-property:background-color, border-color, color, -webkit-box-shadow, -webkit-filter;transition-property:background-color, border-color, color, -webkit-box-shadow, -webkit-filter;transition-property:background-color, border-color, color, box-shadow, filter;transition-property:background-color, border-color, color, box-shadow, filter, -webkit-box-shadow, -webkit-filter;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;color:var(--manifold-color-brand-accent);text-align:center;background:var(--manifold-color-brand);border:none;border-radius:var(--manifold-radius)}:host td button::before,:host td .button::before{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border:2px solid #1e50da;border-radius:8px;-webkit-transform:scale(0.95, 0.9);transform:scale(0.95, 0.9);opacity:0;-webkit-transition:opacity 150ms linear, -webkit-transform 150ms cubic-bezier(0.5, 0, 1, 0.5);transition:opacity 150ms linear, -webkit-transform 150ms cubic-bezier(0.5, 0, 1, 0.5);transition:opacity 150ms linear, transform 150ms cubic-bezier(0.5, 0, 1, 0.5);transition:opacity 150ms linear, transform 150ms cubic-bezier(0.5, 0, 1, 0.5), -webkit-transform 150ms cubic-bezier(0.5, 0, 1, 0.5);content:\"\";pointer-events:none}:host td button::-moz-focus-inner,:host td .button::-moz-focus-inner{border:0}:host td button:focus,:host td button:hover,:host td .button:focus,:host td .button:hover{border-color:#8f8f95}:host td button:focus,:host td .button:focus{outline:none}:host td button:focus::before,:host td .button:focus::before{-webkit-transform:scale(1);transform:scale(1);opacity:1;-webkit-transition:opacity 150ms linear, -webkit-transform 150ms cubic-bezier(0, 0.5, 0.5, 1);transition:opacity 150ms linear, -webkit-transform 150ms cubic-bezier(0, 0.5, 0.5, 1);transition:opacity 150ms linear, transform 150ms cubic-bezier(0, 0.5, 0.5, 1);transition:opacity 150ms linear, transform 150ms cubic-bezier(0, 0.5, 0.5, 1), -webkit-transform 150ms cubic-bezier(0, 0.5, 0.5, 1)}:host td button:active,:host td .button:active{-webkit-transform:translateY(1px);transform:translateY(1px)}:host td button:disabled,:host td .button:disabled{color:#8f8f95;background:#ececed;border:1px solid #c4c7ca;-webkit-box-shadow:none;box-shadow:none;cursor:not-allowed;opacity:0.8}:host td button:disabled:focus,:host td button:disabled:hover,:host td .button:disabled:focus,:host td .button:disabled:hover{color:#8f8f95;background:#ececed;border:1px solid #c4c7ca;-webkit-box-shadow:none;box-shadow:none}:host td button:disabled:focus::before,:host td .button:disabled:focus::before{opacity:0}:host td button:disabled:active,:host td .button:disabled:active{color:#8f8f95;background:#ececed;border-color:#c4c7ca;-webkit-box-shadow:none;box-shadow:none;-webkit-transform:none;transform:none}:host td button:disabled,:host td .button:disabled{color:var(--manifold-color-disabled-accent);background:var(--manifold-color-disabled);border-color:var(--manifold-color-disabled)}:host td button:disabled:hover,:host td .button:disabled:hover{background:var(--manifold-color-disabled);border-color:var(--manifold-color-disabled)}:host td button:focus::before,:host td .button:focus::before{border-color:var(--manifold-color-brand)}@media (min-width: 600px){:host td button,:host td .button{min-width:240px}}:host .icon{width:1.25rem;height:1.25rem}:host .icon svg{fill:#8f8f95}:host .icon.icon-green svg{fill:#31baa2}:host .toggle-feature{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .toggle-feature .Manifold-Toggle{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .toggle-feature .Manifold-Toggle::before{position:absolute;top:50%;right:-4px;width:2.75rem;height:1.75rem;border:2px solid #1e50da;border-radius:2rem;-webkit-transform:translateY(-50%) scale(0.9);transform:translateY(-50%) scale(0.9);opacity:0;-webkit-transition:opacity 150ms linear, -webkit-transform 150ms cubic-bezier(0.5, 0, 1, 0.5);transition:opacity 150ms linear, -webkit-transform 150ms cubic-bezier(0.5, 0, 1, 0.5);transition:opacity 150ms linear, transform 150ms cubic-bezier(0.5, 0, 1, 0.5);transition:opacity 150ms linear, transform 150ms cubic-bezier(0.5, 0, 1, 0.5), -webkit-transform 150ms cubic-bezier(0.5, 0, 1, 0.5);content:\"\";pointer-events:none}:host .toggle-feature .Manifold-Toggle label{font-size:16px;font-weight:400;letter-spacing:normal;line-height:1.25;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\";position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:0;color:currentColor;cursor:pointer}@media (min-width: 600px){:host .toggle-feature .Manifold-Toggle label{font-size:16px;font-weight:400;letter-spacing:normal;line-height:1.1875;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}}:host .toggle-feature .Manifold-Toggle label::before{-ms-flex-order:1;order:1;-webkit-box-sizing:border-box;box-sizing:border-box;width:2.5rem;height:1.5rem;margin-left:0.75rem;background:#ececed;border-radius:2rem;-webkit-transition:background-color 150ms linear;transition:background-color 150ms linear;content:\"\";pointer-events:none}:host .toggle-feature .Manifold-Toggle label::after{position:absolute;top:50%;right:0.25rem;-webkit-box-sizing:border-box;box-sizing:border-box;width:1rem;height:1rem;background-color:#8f8f95;border-radius:50%;-webkit-transform:translate(-100%, -50%);transform:translate(-100%, -50%);-webkit-transition:background-color 150ms linear, -webkit-transform 100ms cubic-bezier(0.95, 0.05, 0.8, 0.04);transition:background-color 150ms linear, -webkit-transform 100ms cubic-bezier(0.95, 0.05, 0.8, 0.04);transition:background-color 150ms linear, transform 100ms cubic-bezier(0.95, 0.05, 0.8, 0.04);transition:background-color 150ms linear, transform 100ms cubic-bezier(0.95, 0.05, 0.8, 0.04), -webkit-transform 100ms cubic-bezier(0.95, 0.05, 0.8, 0.04);content:\"\"}:host .toggle-feature .Manifold-Toggle input{position:absolute;right:100vw;opacity:0}:host .toggle-feature .Manifold-Toggle input:disabled~label{cursor:default}:host .toggle-feature .Manifold-Toggle input:disabled~label::before{background:#ececed;border:1px solid #ddddde}:host .toggle-feature .Manifold-Toggle input:disabled~label::after{background:#ddddde;border:1px solid #c4c7ca}:host .toggle-feature .Manifold-Toggle input:disabled:checked~label::before{background:#ececed}:host .toggle-feature .Manifold-Toggle input:disabled:checked~label::after{background:#8f8f95;border:1px solid #8f8f95}:host .toggle-feature .Manifold-Toggle:focus-within{color:#1e50da}:host .toggle-feature .Manifold-Toggle:focus-within::before{-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1);opacity:1}:host .toggle-feature .Manifold-Toggle input:checked~label::before{background:#dde9fe}:host .toggle-feature .Manifold-Toggle input:checked~label::after{background:#1e50da;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}:host .toggle-feature .Manifold-Toggle::before{border-color:var(--manifold-color-brand)}:host .toggle-feature .Manifold-Toggle label::before{margin-left:0;background:var(--manifold-color-text-secondary);opacity:0.2}:host .toggle-feature .Manifold-Toggle label::after{background:var(--manifold-color-text-secondary)}:host .toggle-feature .Manifold-Toggle input:checked+label::before{margin-left:0;background:var(--manifold-color-brand);opacity:0.2}:host .toggle-feature .Manifold-Toggle input:checked+label::after{background:var(--manifold-color-brand)}:host .Manifold-Select{-webkit-transition:border-color 150ms linear;transition:border-color 150ms linear;width:100%}:host .Manifold-Select label{font-size:11px;font-weight:500;letter-spacing:0.04em;line-height:1.2727;text-transform:uppercase;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\";display:block;padding-bottom:0.25rem;color:#575b5f;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-property:color;transition-property:color}:host .Manifold-Select select{font-size:16px;font-weight:400;letter-spacing:normal;line-height:1.25;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\";display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;max-width:100%;height:2.25em;margin:0;padding:0 1.5rem 0 0.75rem;color:#575b5f;line-height:2.25;background-color:#ffffff;background-image:url('data:image/svg+xml,%3Csvg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cpath fill=\"%23575b5f\" d=\"M7.558 12.808a.625.625 0 01.884 0l3.308 3.308 3.308-3.308a.625.625 0 11.884.884l-3.75 3.75a.625.625 0 01-.884 0l-3.75-3.75a.625.625 0 010-.884zM15.942 10.192a.625.625 0 01-.884 0L11.75 6.884l-3.308 3.308a.625.625 0 11-.884-.884l3.75-3.75a.625.625 0 01.884 0l3.75 3.75a.625.625 0 010 .884z\"/%3E%3C/svg%3E');background-repeat:no-repeat, repeat;background-position:right 0.25rem top 50%;background-size:1.5rem auto;border:1px solid #c4c7ca;border-radius:4px;-webkit-transition:border-color 150ms linear, color 150ms linear;transition:border-color 150ms linear, color 150ms linear;-webkit-appearance:none;-moz-appearance:none;appearance:none}:host .Manifold-Select select::-ms-expand{display:none}:host .Manifold-Select select:hover{border-color:#8f8f95}:host .Manifold-Select select:focus{outline:none}@media (min-width: 600px){:host .Manifold-Select select{font-size:16px;font-weight:400;letter-spacing:normal;line-height:1.1875;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}}:host .Manifold-Select option{font-weight:400}:host .Manifold-Select select:invalid,:host .Manifold-Select select[aria-invalid]{background-image:url('data:image/svg+xml,%3Csvg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cpath fill=\"%23d52049\" d=\"M7.558 12.808a.625.625 0 01.884 0l3.308 3.308 3.308-3.308a.625.625 0 11.884.884l-3.75 3.75a.625.625 0 01-.884 0l-3.75-3.75a.625.625 0 010-.884zM15.942 10.192a.625.625 0 01-.884 0L11.75 6.884l-3.308 3.308a.625.625 0 11-.884-.884l3.75-3.75a.625.625 0 01.884 0l3.75 3.75a.625.625 0 010 .884z\"/%3E%3C/svg%3E');border-color:#d52049;-webkit-box-shadow:none;box-shadow:none}:host .Manifold-Select select:disabled{color:#8f8f95;background-color:#f7f7f8;background-image:url('data:image/svg+xml,%3Csvg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cpath fill=\"%238f8f95\" d=\"M7.558 12.808a.625.625 0 01.884 0l3.308 3.308 3.308-3.308a.625.625 0 11.884.884l-3.75 3.75a.625.625 0 01-.884 0l-3.75-3.75a.625.625 0 010-.884zM15.942 10.192a.625.625 0 01-.884 0L11.75 6.884l-3.308 3.308a.625.625 0 11-.884-.884l3.75-3.75a.625.625 0 01.884 0l3.75 3.75a.625.625 0 010 .884z\"/%3E%3C/svg%3E');}:host .Manifold-Select select:disabled:hover{border-color:#c4c7ca}:host .Manifold-Select:focus-within label{color:#1e50da}:host .Manifold-Select:focus-within select{border-color:#1e50da}:host .Manifold-Select select{color:var(--manifold-color-text);background-color:var(--manifold-color-input-background);border:var(--manifold-border)}:host .Manifold-Select select:focus{border-color:var(--manifold-color-brand)}:host .Manifold-Select select.error{border:0;-webkit-box-shadow:0 0 3px var(--manifold-color-error);box-shadow:0 0 3px var(--manifold-color-error)}:host .int-range-configured-feature{width:100%}:host .int-range-configured-feature .int-range-label{display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch}:host .int-range-configured-feature .int-range-label .label-bold{color:var(--manifold-color-text);font-weight:500;text-transform:uppercase}:host .int-range-configured-feature .int-range-label .int-range-tooltip{z-index:10;display:-ms-flexbox;display:flex;margin-left:auto}:host .int-range-configured-feature .int-range-label .int-range-tooltip .icon{width:1em;height:1em}:host .int-range-configured-feature .label-limit{color:var(--manifold-color-text-secondary)}:host .int-range-tooltip-content{text-align:left}:host .int-range-tooltip-content .int-range-tooltip-title{padding-bottom:6px;color:var(--manifold-color-text-secondary);text-transform:uppercase}:host .int-range-tooltip-content .int-range-tooltip-row{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;min-width:100px}:host .int-range-tooltip-content .int-range-tooltip-row .int-range-tooltip-row-unit{text-align:right}:host option.string-select-cost{color:var(--manifold-color-text-secondary)}:host .Manifold-Input{-webkit-transition:border-color 150ms linear;transition:border-color 150ms linear;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;width:100%;padding:6px 0}:host .Manifold-Input label{font-size:11px;font-weight:500;letter-spacing:0.04em;line-height:1.2727;text-transform:uppercase;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\";display:block;padding-bottom:0.25rem;color:#575b5f;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-property:color;transition-property:color}:host .Manifold-Input input{font-size:16px;font-weight:400;letter-spacing:normal;line-height:1.25;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\";display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:auto;min-width:none;height:2.25rem;padding:0 0.75em;color:#323940;line-height:2.25rem;background:#ffffff;border:1px solid #c4c7ca;border-radius:3px;outline:0;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-property:border-color;transition-property:border-color;-webkit-appearance:none;appearance:none;-moz-appearance:textfield}@media (min-width: 600px){:host .Manifold-Input input{font-size:16px;font-weight:400;letter-spacing:normal;line-height:1.1875;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}}:host .Manifold-Input input:hover{border-color:#8f8f95}:host .Manifold-Input input[type=number],:host .Manifold-Input input[inputmode=numeric],:host .Manifold-Input input[inputmode=decimal],:host .Manifold-Input input[pattern=\"[0-9]*\"],:host .Manifold-Input input[pattern^=\"\\a\"]{font-size:14px;font-weight:400;letter-spacing:normal;line-height:1.2857;text-transform:none;font-family:\"IBM Plex Mono\", \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, monospace;text-align:right}:host .Manifold-Input input::-webkit-inner-spin-button,:host .Manifold-Input input::-webkit-outer-spin-button{display:none}:host .Manifold-Input input:invalid,:host .Manifold-Input input[aria-invalid]{border-color:#d52049;-webkit-box-shadow:none;box-shadow:none}:host .Manifold-Input input:disabled{color:#8f8f95;background:#f7f7f8;}:host .Manifold-Input input:disabled:hover{border-color:#c4c7ca}:host .Manifold-Input:focus-within label{color:#1e50da}:host .Manifold-Input:focus-within input{border-color:#1e50da}:host .Manifold-Input input{color:var(--manifold-color-text);background-color:var(--manifold-color-input-background);border:var(--manifold-border)}:host .Manifold-Input input[type=number]{width:100%;padding:0.5em;text-align:left;border-top:border;border-right:none;border-bottom:border;border-left:none;border-radius:0}:host .Manifold-Input input[type=number]:focus{border-color:var(--manifold-color-brand)}:host .Manifold-Input .Manifold-Tooltip__Container{-ms-flex:6 auto;flex:6 auto;min-width:7em}:host .Manifold-Input input.error{border:0;-webkit-box-shadow:0 0 3px var(--manifold-color-error);box-shadow:0 0 3px var(--manifold-color-error)}:host .Manifold-Input button{display:-ms-flexbox;display:flex;-ms-flex:1 auto;flex:1 auto;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:2.25em;min-width:0;height:2.25em;padding:0;background-color:var(--manifold-color-background);border:var(--manifold-border)}:host .Manifold-Input button::before,:host .Manifold-Input button::after{border-color:var(--manifold-color-brand)}:host .Manifold-Input button:first-child{border-radius:0.25em 0 0 0.25em}:host .Manifold-Input button:last-child{border-radius:0 0.25em 0.25em 0}:host .Manifold-Input button.error{border:0;-webkit-box-shadow:0 0 3px var(--manifold-color-error);box-shadow:0 0 3px var(--manifold-color-error)}:host .Manifold-Input .helper{color:var(--manifold-color-text-secondary);text-align:left}:host .excluded{color:var(--manifold-color-text-secondary)}:host table.cost-tiers{-ms-flex-item-align:start;align-self:flex-start;width:100%}:host table.cost-tiers tr.label-bold,:host table.cost-tiers tr:first-child.label-bold,:host table.cost-tiers tr:last-child.label-bold{color:var(--manifold-color-text);font-weight:600}:host table.cost-tiers tr td,:host table.cost-tiers tr th,:host table.cost-tiers tr:first-child td,:host table.cost-tiers tr:first-child th,:host table.cost-tiers tr:last-child td,:host table.cost-tiers tr:last-child th{padding:0.2rem 0;text-align:left;border:none}:host table.cost-tiers tr th,:host table.cost-tiers tr:first-child th,:host table.cost-tiers tr:last-child th{padding-top:0;color:var(--manifold-color-text-secondary)}:host table.cost-tiers tr td:last-child,:host table.cost-tiers tr:first-child td:last-child,:host table.cost-tiers tr:last-child td:last-child{text-align:right;border-right:none}:host .plan-carousel .slides{display:-ms-flexbox;display:flex;-ms-flex:none;flex:none;-ms-flex-flow:row nowrap;flex-flow:row nowrap;width:100%;overflow:auto;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}:host .plan-carousel tr.feature-row>td{padding:0}:host .plan-carousel tr.feature-row>td .feature-cell,:host .plan-carousel tr.feature-row>td .value-cell{padding:1rem}:host .plan-carousel.sm tr.feature-row>td>div{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host .plan-carousel.sm tr.feature-row>td>div .feature-cell{-ms-flex:1;flex:1}:host .plan-carousel.sm tr.feature-row>td>div .value-cell{-ms-flex:1;flex:1}:host .plan-carousel.xs tr.feature-row>td .feature-cell{padding:0.5rem 0.5rem 0.25rem 0.5rem}:host .plan-carousel.xs tr.feature-row>td .value-cell{padding:0.25rem 0.5rem 0.5rem 0.5rem}:host .plan-carousel .slide{-ms-flex:none;flex:none;width:80%;max-height:calc(80vh - 4rem);overflow-x:hidden;overflow-y:auto;scroll-snap-align:center}:host .plan-carousel .slide>table{width:90%;margin:0 auto}:host .plan-carousel th.header-cell{position:-webkit-sticky;position:sticky;top:0;z-index:20}:host .plan-carousel .footer-cell{position:-webkit-sticky;position:sticky;bottom:0;z-index:20}:host .plan-carousel .slide:first-child{padding-left:10%}:host .plan-carousel .slide:last-child{padding-right:10%}:host .plan-carousel nav ol{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:4rem;margin:0;padding:0;list-style:none}:host .plan-carousel nav li{width:1rem;height:1rem;margin:0 1rem;padding:0;background-color:#c4c7ca;border-radius:1rem;cursor:pointer}:host .plan-carousel nav li.active{background-color:#8f8f95}:host .badge{background-color:#ececed;color:#323940;display:inline-block;border-radius:10px;margin:0 0 0 10px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:0.4px;padding:2px 8px;vertical-align:middle}";
 
@@ -177,2 +177,29 @@ const breakpoints = [
     }
+    updateProduct(newProduct) {
+        this.featureSelections = {};
+        if (newProduct.plans) {
+            newProduct.plans.plans.forEach((plan) => {
+                const defaultSelections = [];
+                if (plan.features) {
+                    plan.features.features.forEach((feature) => {
+                        if (feature.class === FeatureClass.Configured) {
+                            if (feature.__typename === 'BooleanFeature') {
+                                defaultSelections.push({
+                                    slug: feature.featureSlug.slug,
+                                    booleanSelection: feature.booleanValues[0].value,
+                                });
+                            }
+                            if (feature.__typename === 'IntFeature') {
+                                defaultSelections.push({
+                                    slug: feature.featureSlug.slug,
+                                    intSelection: feature.intValues[0].value || 0,
+                                });
+                            }
+                        }
+                    });
+                }
+                this.featureSelections[plan.slug] = defaultSelections;
+            });
+        }
+    }
     scrollHandler(e) {
@@ -434,3 +461,5 @@ var _a;
                 // Select Feature
-                return (h("div", { class: "Manifold-Select" }, h("label", { htmlFor: `feature-${planSlug}-${featureSlug}` }), h("select", { id: `feature-${planSlug}-${featureSlug}` }, feature.intValues.map((value) => {
+                return (h("div", { class: "Manifold-Select" }, h("label", { htmlFor: `feature-${planSlug}-${featureSlug}` }), h("select", { id: `feature-${plan.slug}-${featureSlug}`, onChange: (e) => {
+                        this.selectFeature(plan.slug, plan.name, featureSlug, parseInt(e.target.value, 10));
+                    } }, feature.intValues.map((value) => {
                     var _a;
@@ -470,3 +499,3 @@ return (h("option", { value: (_a = value.value) === null || _a === void 0 ? void 0 : _a.toString() }, `${value.display} (${toUSD(value.cost)})`));
     renderHeaderCell({ slug, name, cost }) {
-        var _a, _b;
+        var _a, _b, _c, _d, _e, _f, _g;
         return (h("th", { class: "header-cell", part: `plan--${slug} plan-header plan-header--${slug} cell header-cell` }, h("div", { style: {
@@ -476,3 +505,3 @@ minHeight: this.maxRowHeights
                     : '0',
-            } }, h("h3", { class: "Manifold-Typography--Heading" }, name), h("label", { class: "Manifold-Typography--SubheadingSmall", part: `plan-cost plan-cost--${slug}` }, ((_b = (_a = this.planOptions) === null || _a === void 0 ? void 0 : _a[slug]) === null || _b === void 0 ? void 0 : _b.cost) || planCost(cost)))));
+            } }, h("h3", { class: "Manifold-Typography--Heading" }, name, ((_b = (_a = this.planOptions) === null || _a === void 0 ? void 0 : _a[slug]) === null || _b === void 0 ? void 0 : _b.badgeRight) && (h("span", { class: "badge badge-right", part: `badge badge-right badge-right--${slug}` }, (_e = (_d = (_c = this.planOptions) === null || _c === void 0 ? void 0 : _c[slug]) === null || _d === void 0 ? void 0 : _d.badgeRight) === null || _e === void 0 ? void 0 : _e.text))), h("label", { class: "Manifold-Typography--SubheadingSmall", part: `plan-cost plan-cost--${slug}` }, ((_g = (_f = this.planOptions) === null || _f === void 0 ? void 0 : _f[slug]) === null || _g === void 0 ? void 0 : _g.cost) || planCost(cost)))));
     }
@@ -544,3 +573,4 @@ renderCTA(plan) {
     static get watchers() { return {
-        "productData": ["updateProductData"]
+        "productData": ["updateProductData"],
+        "product": ["updateProduct"]
     }; }
@@ -547,0 +577,0 @@ };

dist/esm/plangraph-plan-table.entry.js

 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-09695c84.js';
-import { i as incrementIcon, d as decrementIcon, c as compareRange, t as toUSD, a as displayRange, h as helpIcon, R as ResizeObserver, q as query, p as planQuery, b as createClient, e as planCost, f as checkIcon, x as xIcon } from './help-circle-34041322.js';
+import { i as incrementIcon, d as decrementIcon, c as compareRange, t as toUSD, a as displayRange, h as helpIcon, R as ResizeObserver, q as query, p as planQuery, b as createClient, e as planCost, F as FeatureClass, f as checkIcon, x as xIcon } from './help-circle-da65fddf.js';
 
@@ -136,3 +136,3 @@ const Tooltip = ({ id, title, innerHTML, direction, show, hide, }) => {
 
-const plangraphPlanTableCss = ".Manifold-Typography--Body{font-size:16px;font-weight:400;letter-spacing:normal;line-height:1.25;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}@media (min-width: 600px){.Manifold-Typography--Body{font-size:16px;font-weight:400;letter-spacing:normal;line-height:1.1875;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}}.Manifold-Typography--Label{font-size:14px;font-weight:400;letter-spacing:normal;line-height:1.2143;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}@media (min-width: 600px){.Manifold-Typography--Label{font-size:14px;font-weight:400;letter-spacing:normal;line-height:1.2143;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}}.Manifold-Typography--Heading{font-size:18px;font-weight:400;letter-spacing:normal;line-height:1.2222;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}@media (min-width: 600px){.Manifold-Typography--Heading{font-size:20px;font-weight:400;letter-spacing:normal;line-height:1.2;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}}.Manifold-Typography--HeadingLarge{font-size:22px;font-weight:400;letter-spacing:normal;line-height:1.1818;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}@media (min-width: 600px){.Manifold-Typography--HeadingLarge{font-size:25px;font-weight:400;letter-spacing:normal;line-height:1.2;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}}.Manifold-Typography--SubheadingSmall{font-size:11px;font-weight:500;letter-spacing:0.04em;line-height:1.2727;text-transform:uppercase;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}.Manifold-Typography--Caption{font-size:13px;font-weight:400;letter-spacing:normal;line-height:1.2308;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\";margin:0;color:var(--plangraph-color-text-secondary)}@media (min-width: 600px){.Manifold-Typography--Caption{font-size:12px;font-weight:400;letter-spacing:normal;line-height:1.3333;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\";color:var(--plangraph-color-text-secondary)}}.Manifold-Tooltip{position:relative;padding:8px 12px;color:#ffffff;white-space:nowrap;text-align:center;text-indent:0;background:#323940;border-radius:4px;-webkit-box-shadow:0 2px 8px rgba(0, 0, 0, 0.08);box-shadow:0 2px 8px rgba(0, 0, 0, 0.08);cursor:default;pointer-events:none;font-size:12px;font-weight:400;letter-spacing:normal;line-height:1.3333;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}.Manifold-Tooltip::after{position:absolute;top:100%;left:50%;width:0;height:0;margin-left:-5px;border:solid transparent;border-color:rgba(0, 0, 0, 0);border-width:5px;border-top-color:#323940;content:\"\";pointer-events:none}.Manifold-Tooltip__Container{position:relative;cursor:pointer}.Manifold-Tooltip__Container [role=tooltip]{position:absolute;bottom:100%;left:50%;margin-bottom:8px;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);-webkit-transform-origin:top;transform-origin:top;opacity:0;-webkit-transition:all 0.1s ease-in-out 0.1s;transition:all 0.1s ease-in-out 0.1s}.Manifold-Tooltip__Container:hover [role=tooltip]{-webkit-transform:translate(-50%, -4px);transform:translate(-50%, -4px);opacity:1}.Manifold-Tooltip__Container--Down [role=tooltip]{top:100%;bottom:auto;margin-top:13px;-webkit-transform:translate(-50%, -4px);transform:translate(-50%, -4px)}.Manifold-Tooltip__Container--Down:hover [role=tooltip]{-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}.Manifold-Tooltip__Container--Up [role=tooltip]{top:auto;bottom:100%;z-index:10;margin-bottom:13px;-webkit-transform:translate(-50%, -4px);transform:translate(-50%, -4px)}.Manifold-Tooltip__Container--Up:hover [role=tooltip]{-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}.Manifold-Tooltip--Up::after{top:100%;bottom:auto;border-color:rgba(0, 0, 0, 0);border-bottom-color:#323940;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.Manifold-Tooltip--Down::after{top:auto;bottom:100%;border-color:rgba(0, 0, 0, 0);border-bottom-color:#323940}.Skeleton__Grid{display:grid;grid-template-columns:1fr 1fr 1fr;-webkit-column-gap:1rem;-moz-column-gap:1rem;column-gap:1rem}.Skeleton__Grid p{margin:6px 0}.Skeleton__Grid h2{max-width:200px}.Skeleton{position:relative;display:inline-block;overflow:hidden;color:transparent;line-height:1;border-radius:2px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block}@-webkit-keyframes Skeleton__Animation{to{-webkit-transform:translateX(125%);transform:translateX(125%)}}@keyframes Skeleton__Animation{to{-webkit-transform:translateX(125%);transform:translateX(125%)}}.Skeleton::before{position:absolute;top:0;right:0;bottom:0;left:0;background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), color-stop(1em, rgba(0, 0, 0, 0.1)), color-stop(1em, rgba(0, 0, 0, 0)), color-stop(1.5em, rgba(0, 0, 0, 0)));background-image:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) 1em, rgba(0, 0, 0, 0) 1em, rgba(0, 0, 0, 0) 1.5em);background-repeat:repeat-y;background-size:100% 1.5em;content:\"\";pointer-events:none}.Skeleton::after{position:absolute;top:0;right:100%;width:60em;height:100%;background-image:linear-gradient(60deg, rgba(255, 255, 255, 0) 33.3333%, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 66.6666%);background-repeat:no-repeat;opacity:0.4;-webkit-animation-name:Skeleton__Animation;animation-name:Skeleton__Animation;-webkit-animation-duration:1.4s;animation-duration:1.4s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;content:\"\";pointer-events:none}:host{--theme-color-brand:var(--plangraph-color-brand);--theme-color-brand-accent:var(--plangraph-color-brand-accent);--theme-color-error:var(--plangraph-color-error);--theme-color-disabled:var(--plangraph-color-disabled);--theme-color-disabled-accent:var(--plangraph-color-disabled-accent);--theme-color-background:var(--plangraph-color-background);--theme-color-input-background:var(--plangraph-color-input-background);--theme-color-text:var(--plangraph-color-text);--theme-color-text-secondary:var(--plangraph-color-text-secondary);--theme-border:var(--plangraph-border);--theme-border-secondary:var(--plangraph-border-secondary);--theme-radius:var(--plangraph-radius);position:relative;display:block;overflow:auto}:host table.plan-table{--plangraph-color-brand:var(--theme-color-brand, #1e50da);--plangraph-color-brand-accent:var(--theme-color-brand-accent, #ffffff);--plangraph-color-error:var(--theme-color-error, #d52049);--plangraph-color-disabled:var(--theme-color-disabled, #ececed);--plangraph-color-disabled-accent:var(--theme-color-disabled-accent, #8f8f95);--plangraph-color-background:var(--theme-color-background, #ffffff);--plangraph-color-input-background:var(\n    --theme-color-input-background,\n    #ffffff\n  );--plangraph-color-text:var(--theme-color-text, #323940);--plangraph-color-text-secondary:var(--theme-color-text-secondary, #8f8f95);--plangraph-border:var(--theme-border, 1px solid #c4c7ca);--plangraph-border-secondary:var(\n    --theme-border-secondary,\n    1px solid #ececed\n  );--plangraph-radius:var(--theme-radius, 4px);color:var(--plangraph-color-text);background:var(--plangraph-color-background);border-radius:var(--plangraph-radius);border-spacing:0}:host table.plan-table th{vertical-align:top;border-bottom:var(--plangraph-border);border-left:var(--plangraph-border)}:host table.plan-table th h1{margin:0.5rem}:host table.plan-table th h3{margin:0;color:var(--plangraph-color-text);font-weight:700}:host table.plan-table th label{color:var(--plangraph-color-brand)}:host table.plan-table .plan-description,:host table.plan-table .feature-description{display:block;max-width:100%;margin:0.25rem 0}:host table.plan-table td{vertical-align:top;border-bottom:var(--plangraph-border-secondary);border-left:var(--plangraph-border)}:host table.plan-table td.feature-name,:host table.plan-table th.feature-name{position:-webkit-sticky;position:sticky;border-right:var(--plangraph-border)}:host table.plan-table .feature-name{left:0;z-index:1;color:var(--plangraph-color-text);font-weight:600;font-size:14px;text-align:left}@media (min-width: 600px){:host table.plan-table .feature-name{font-size:16px}}:host table.plan-table th,:host table.plan-table td{padding:0.5rem;text-align:left;background-color:var(--plangraph-color-background)}@media (min-width: 600px){:host table.plan-table th,:host table.plan-table td{padding:1rem}}@media (min-width: 850px){:host table.plan-table th,:host table.plan-table td{padding:1rem}}:host table.plan-table th:nth-child(2),:host table.plan-table td:nth-child(2){border-left:none}:host table.plan-table th:last-child,:host table.plan-table td:last-child{border-right:var(--plangraph-border)}:host table.plan-table tr:first-child th{border-top:var(--plangraph-border)}:host table.plan-table tr:first-child th:first-child{border-top-left-radius:var(--plangraph-radius)}:host table.plan-table tr:first-child th:last-child{border-top-right-radius:var(--plangraph-radius)}:host table.plan-table tr:last-child td{border-bottom:var(--plangraph-border)}:host table.plan-table tr:last-child td:first-child{border-bottom-left-radius:var(--plangraph-radius)}:host table.plan-table tr:last-child td:last-child{border-bottom-right-radius:var(--plangraph-radius)}:host table.plan-table .plan-cell{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start}:host table.plan-table.scrolled .feature-name{-webkit-box-shadow:0 0 30px 0 rgba(0, 0, 0, 0.15);box-shadow:0 0 30px 0 rgba(0, 0, 0, 0.15);-webkit-clip-path:inset(0 -30px 0 0);clip-path:inset(0 -30px 0 0)}:host table.plan-table.lg .feature-name{min-width:200px;max-width:400px}:host table.plan-table.md .feature-name{min-width:150px;max-width:300px}:host table.plan-table.sm{display:none}:host table.plan-table.sm .feature-name{min-width:100px;max-width:250px}:host table.plan-table.xs{display:none;max-width:478px}:host td button,:host td .button{position:relative;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10.5px 21px;color:#323940;font-weight:500;font-size:16px;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\";line-height:1;white-space:nowrap;text-decoration:none;background:#ffffff;border-color:#c4c7ca;border-style:solid;border-width:1px;border-radius:4px;-webkit-box-shadow:0 2px 8px rgba(0, 0, 0, 0.08);box-shadow:0 2px 8px rgba(0, 0, 0, 0.08);cursor:pointer;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-property:background-color, border-color, color, -webkit-box-shadow, -webkit-filter;transition-property:background-color, border-color, color, -webkit-box-shadow, -webkit-filter;transition-property:background-color, border-color, color, box-shadow, filter;transition-property:background-color, border-color, color, box-shadow, filter, -webkit-box-shadow, -webkit-filter;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;color:var(--plangraph-color-brand-accent);text-align:center;background:var(--plangraph-color-brand);border:none;border-radius:var(--plangraph-radius)}:host td button::before,:host td .button::before{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border:2px solid #1e50da;border-radius:8px;-webkit-transform:scale(0.95, 0.9);transform:scale(0.95, 0.9);opacity:0;-webkit-transition:opacity 150ms linear, -webkit-transform 150ms cubic-bezier(0.5, 0, 1, 0.5);transition:opacity 150ms linear, -webkit-transform 150ms cubic-bezier(0.5, 0, 1, 0.5);transition:opacity 150ms linear, transform 150ms cubic-bezier(0.5, 0, 1, 0.5);transition:opacity 150ms linear, transform 150ms cubic-bezier(0.5, 0, 1, 0.5), -webkit-transform 150ms cubic-bezier(0.5, 0, 1, 0.5);content:\"\";pointer-events:none}:host td button::-moz-focus-inner,:host td .button::-moz-focus-inner{border:0}:host td button:focus,:host td button:hover,:host td .button:focus,:host td .button:hover{border-color:#8f8f95}:host td button:focus,:host td .button:focus{outline:none}:host td button:focus::before,:host td .button:focus::before{-webkit-transform:scale(1);transform:scale(1);opacity:1;-webkit-transition:opacity 150ms linear, -webkit-transform 150ms cubic-bezier(0, 0.5, 0.5, 1);transition:opacity 150ms linear, -webkit-transform 150ms cubic-bezier(0, 0.5, 0.5, 1);transition:opacity 150ms linear, transform 150ms cubic-bezier(0, 0.5, 0.5, 1);transition:opacity 150ms linear, transform 150ms cubic-bezier(0, 0.5, 0.5, 1), -webkit-transform 150ms cubic-bezier(0, 0.5, 0.5, 1)}:host td button:active,:host td .button:active{-webkit-transform:translateY(1px);transform:translateY(1px)}:host td button:disabled,:host td .button:disabled{color:#8f8f95;background:#ececed;border:1px solid #c4c7ca;-webkit-box-shadow:none;box-shadow:none;cursor:not-allowed;opacity:0.8}:host td button:disabled:focus,:host td button:disabled:hover,:host td .button:disabled:focus,:host td .button:disabled:hover{color:#8f8f95;background:#ececed;border:1px solid #c4c7ca;-webkit-box-shadow:none;box-shadow:none}:host td button:disabled:focus::before,:host td .button:disabled:focus::before{opacity:0}:host td button:disabled:active,:host td .button:disabled:active{color:#8f8f95;background:#ececed;border-color:#c4c7ca;-webkit-box-shadow:none;box-shadow:none;-webkit-transform:none;transform:none}:host td button:disabled,:host td .button:disabled{color:var(--plangraph-color-disabled-accent);background:var(--plangraph-color-disabled);border-color:var(--plangraph-color-disabled)}:host td button:disabled:hover,:host td .button:disabled:hover{background:var(--plangraph-color-disabled);border-color:var(--plangraph-color-disabled)}:host td button:focus::before,:host td .button:focus::before{border-color:var(--plangraph-color-brand)}@media (min-width: 600px){:host td button,:host td .button{min-width:240px}}:host .icon{width:1.25rem;height:1.25rem}:host .icon svg{fill:#8f8f95}:host .icon.icon-green svg{fill:#31baa2}:host .toggle-feature{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .toggle-feature .Manifold-Toggle{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .toggle-feature .Manifold-Toggle::before{position:absolute;top:50%;right:-4px;width:2.75rem;height:1.75rem;border:2px solid #1e50da;border-radius:2rem;-webkit-transform:translateY(-50%) scale(0.9);transform:translateY(-50%) scale(0.9);opacity:0;-webkit-transition:opacity 150ms linear, -webkit-transform 150ms cubic-bezier(0.5, 0, 1, 0.5);transition:opacity 150ms linear, -webkit-transform 150ms cubic-bezier(0.5, 0, 1, 0.5);transition:opacity 150ms linear, transform 150ms cubic-bezier(0.5, 0, 1, 0.5);transition:opacity 150ms linear, transform 150ms cubic-bezier(0.5, 0, 1, 0.5), -webkit-transform 150ms cubic-bezier(0.5, 0, 1, 0.5);content:\"\";pointer-events:none}:host .toggle-feature .Manifold-Toggle label{font-size:16px;font-weight:400;letter-spacing:normal;line-height:1.25;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\";position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:0;color:currentColor;cursor:pointer}@media (min-width: 600px){:host .toggle-feature .Manifold-Toggle label{font-size:16px;font-weight:400;letter-spacing:normal;line-height:1.1875;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}}:host .toggle-feature .Manifold-Toggle label::before{-ms-flex-order:1;order:1;-webkit-box-sizing:border-box;box-sizing:border-box;width:2.5rem;height:1.5rem;margin-left:0.75rem;background:#ececed;border-radius:2rem;-webkit-transition:background-color 150ms linear;transition:background-color 150ms linear;content:\"\";pointer-events:none}:host .toggle-feature .Manifold-Toggle label::after{position:absolute;top:50%;right:0.25rem;-webkit-box-sizing:border-box;box-sizing:border-box;width:1rem;height:1rem;background-color:#8f8f95;border-radius:50%;-webkit-transform:translate(-100%, -50%);transform:translate(-100%, -50%);-webkit-transition:background-color 150ms linear, -webkit-transform 100ms cubic-bezier(0.95, 0.05, 0.8, 0.04);transition:background-color 150ms linear, -webkit-transform 100ms cubic-bezier(0.95, 0.05, 0.8, 0.04);transition:background-color 150ms linear, transform 100ms cubic-bezier(0.95, 0.05, 0.8, 0.04);transition:background-color 150ms linear, transform 100ms cubic-bezier(0.95, 0.05, 0.8, 0.04), -webkit-transform 100ms cubic-bezier(0.95, 0.05, 0.8, 0.04);content:\"\"}:host .toggle-feature .Manifold-Toggle input{position:absolute;right:100vw;opacity:0}:host .toggle-feature .Manifold-Toggle input:disabled~label{cursor:default}:host .toggle-feature .Manifold-Toggle input:disabled~label::before{background:#ececed;border:1px solid #ddddde}:host .toggle-feature .Manifold-Toggle input:disabled~label::after{background:#ddddde;border:1px solid #c4c7ca}:host .toggle-feature .Manifold-Toggle input:disabled:checked~label::before{background:#ececed}:host .toggle-feature .Manifold-Toggle input:disabled:checked~label::after{background:#8f8f95;border:1px solid #8f8f95}:host .toggle-feature .Manifold-Toggle:focus-within{color:#1e50da}:host .toggle-feature .Manifold-Toggle:focus-within::before{-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1);opacity:1}:host .toggle-feature .Manifold-Toggle input:checked~label::before{background:#dde9fe}:host .toggle-feature .Manifold-Toggle input:checked~label::after{background:#1e50da;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}:host .toggle-feature .Manifold-Toggle::before{border-color:var(--plangraph-color-brand)}:host .toggle-feature .Manifold-Toggle label::before{margin-left:0;background:var(--plangraph-color-text-secondary);opacity:0.2}:host .toggle-feature .Manifold-Toggle label::after{background:var(--plangraph-color-text-secondary)}:host .toggle-feature .Manifold-Toggle input:checked+label::before{margin-left:0;background:var(--plangraph-color-brand);opacity:0.2}:host .toggle-feature .Manifold-Toggle input:checked+label::after{background:var(--plangraph-color-brand)}:host .Manifold-Select{-webkit-transition:border-color 150ms linear;transition:border-color 150ms linear;width:100%}:host .Manifold-Select label{font-size:11px;font-weight:500;letter-spacing:0.04em;line-height:1.2727;text-transform:uppercase;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\";display:block;padding-bottom:0.25rem;color:#575b5f;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-property:color;transition-property:color}:host .Manifold-Select select{font-size:16px;font-weight:400;letter-spacing:normal;line-height:1.25;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\";display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;max-width:100%;height:2.25em;margin:0;padding:0 1.5rem 0 0.75rem;color:#575b5f;line-height:2.25;background-color:#ffffff;background-image:url('data:image/svg+xml,%3Csvg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cpath fill=\"%23575b5f\" d=\"M7.558 12.808a.625.625 0 01.884 0l3.308 3.308 3.308-3.308a.625.625 0 11.884.884l-3.75 3.75a.625.625 0 01-.884 0l-3.75-3.75a.625.625 0 010-.884zM15.942 10.192a.625.625 0 01-.884 0L11.75 6.884l-3.308 3.308a.625.625 0 11-.884-.884l3.75-3.75a.625.625 0 01.884 0l3.75 3.75a.625.625 0 010 .884z\"/%3E%3C/svg%3E');background-repeat:no-repeat, repeat;background-position:right 0.25rem top 50%;background-size:1.5rem auto;border:1px solid #c4c7ca;border-radius:4px;-webkit-transition:border-color 150ms linear, color 150ms linear;transition:border-color 150ms linear, color 150ms linear;-webkit-appearance:none;-moz-appearance:none;appearance:none}:host .Manifold-Select select::-ms-expand{display:none}:host .Manifold-Select select:hover{border-color:#8f8f95}:host .Manifold-Select select:focus{outline:none}@media (min-width: 600px){:host .Manifold-Select select{font-size:16px;font-weight:400;letter-spacing:normal;line-height:1.1875;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}}:host .Manifold-Select option{font-weight:400}:host .Manifold-Select select:invalid,:host .Manifold-Select select[aria-invalid]{background-image:url('data:image/svg+xml,%3Csvg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cpath fill=\"%23d52049\" d=\"M7.558 12.808a.625.625 0 01.884 0l3.308 3.308 3.308-3.308a.625.625 0 11.884.884l-3.75 3.75a.625.625 0 01-.884 0l-3.75-3.75a.625.625 0 010-.884zM15.942 10.192a.625.625 0 01-.884 0L11.75 6.884l-3.308 3.308a.625.625 0 11-.884-.884l3.75-3.75a.625.625 0 01.884 0l3.75 3.75a.625.625 0 010 .884z\"/%3E%3C/svg%3E');border-color:#d52049;-webkit-box-shadow:none;box-shadow:none}:host .Manifold-Select select:disabled{color:#8f8f95;background-color:#f7f7f8;background-image:url('data:image/svg+xml,%3Csvg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cpath fill=\"%238f8f95\" d=\"M7.558 12.808a.625.625 0 01.884 0l3.308 3.308 3.308-3.308a.625.625 0 11.884.884l-3.75 3.75a.625.625 0 01-.884 0l-3.75-3.75a.625.625 0 010-.884zM15.942 10.192a.625.625 0 01-.884 0L11.75 6.884l-3.308 3.308a.625.625 0 11-.884-.884l3.75-3.75a.625.625 0 01.884 0l3.75 3.75a.625.625 0 010 .884z\"/%3E%3C/svg%3E');}:host .Manifold-Select select:disabled:hover{border-color:#c4c7ca}:host .Manifold-Select:focus-within label{color:#1e50da}:host .Manifold-Select:focus-within select{border-color:#1e50da}:host .Manifold-Select select{color:var(--plangraph-color-text);background-color:var(--plangraph-color-input-background);border:var(--plangraph-border)}:host .Manifold-Select select:focus{border-color:var(--plangraph-color-brand)}:host .Manifold-Select select.error{border:0;-webkit-box-shadow:0 0 3px var(--plangraph-color-error);box-shadow:0 0 3px var(--plangraph-color-error)}:host .int-range-configured-feature{width:100%}:host .int-range-configured-feature .int-range-label{display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch}:host .int-range-configured-feature .int-range-label .label-bold{color:var(--plangraph-color-text);font-weight:500;text-transform:uppercase}:host .int-range-configured-feature .int-range-label .int-range-tooltip{z-index:10;display:-ms-flexbox;display:flex;margin-left:auto}:host .int-range-configured-feature .int-range-label .int-range-tooltip .icon{width:1em;height:1em}:host .int-range-configured-feature .label-limit{color:var(--plangraph-color-text-secondary)}:host .int-range-tooltip-content{text-align:left}:host .int-range-tooltip-content .int-range-tooltip-title{padding-bottom:6px;color:var(--plangraph-color-text-secondary);text-transform:uppercase}:host .int-range-tooltip-content .int-range-tooltip-row{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;min-width:100px}:host .int-range-tooltip-content .int-range-tooltip-row .int-range-tooltip-row-unit{text-align:right}:host option.string-select-cost{color:var(--plangraph-color-text-secondary)}:host .Manifold-Input{-webkit-transition:border-color 150ms linear;transition:border-color 150ms linear;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;width:100%;padding:6px 0}:host .Manifold-Input label{font-size:11px;font-weight:500;letter-spacing:0.04em;line-height:1.2727;text-transform:uppercase;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\";display:block;padding-bottom:0.25rem;color:#575b5f;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-property:color;transition-property:color}:host .Manifold-Input input{font-size:16px;font-weight:400;letter-spacing:normal;line-height:1.25;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\";display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:auto;min-width:none;height:2.25rem;padding:0 0.75em;color:#323940;line-height:2.25rem;background:#ffffff;border:1px solid #c4c7ca;border-radius:3px;outline:0;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-property:border-color;transition-property:border-color;-webkit-appearance:none;appearance:none;-moz-appearance:textfield}@media (min-width: 600px){:host .Manifold-Input input{font-size:16px;font-weight:400;letter-spacing:normal;line-height:1.1875;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}}:host .Manifold-Input input:hover{border-color:#8f8f95}:host .Manifold-Input input[type=number],:host .Manifold-Input input[inputmode=numeric],:host .Manifold-Input input[inputmode=decimal],:host .Manifold-Input input[pattern=\"[0-9]*\"],:host .Manifold-Input input[pattern^=\"\\a\"]{font-size:14px;font-weight:400;letter-spacing:normal;line-height:1.2857;text-transform:none;font-family:\"IBM Plex Mono\", \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, monospace;text-align:right}:host .Manifold-Input input::-webkit-inner-spin-button,:host .Manifold-Input input::-webkit-outer-spin-button{display:none}:host .Manifold-Input input:invalid,:host .Manifold-Input input[aria-invalid]{border-color:#d52049;-webkit-box-shadow:none;box-shadow:none}:host .Manifold-Input input:disabled{color:#8f8f95;background:#f7f7f8;}:host .Manifold-Input input:disabled:hover{border-color:#c4c7ca}:host .Manifold-Input:focus-within label{color:#1e50da}:host .Manifold-Input:focus-within input{border-color:#1e50da}:host .Manifold-Input input{color:var(--plangraph-color-text);background-color:var(--plangraph-color-input-background);border:var(--plangraph-border)}:host .Manifold-Input input[type=number]{width:100%;padding:0.5em;text-align:left;border-top:border;border-right:none;border-bottom:border;border-left:none;border-radius:0}:host .Manifold-Input input[type=number]:focus{border-color:var(--plangraph-color-brand)}:host .Manifold-Input .Manifold-Tooltip__Container{-ms-flex:6 auto;flex:6 auto;min-width:7em}:host .Manifold-Input input.error{border:0;-webkit-box-shadow:0 0 3px var(--plangraph-color-error);box-shadow:0 0 3px var(--plangraph-color-error)}:host .Manifold-Input button{display:-ms-flexbox;display:flex;-ms-flex:1 auto;flex:1 auto;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:2.25em;min-width:0;height:2.25em;padding:0;background-color:var(--plangraph-color-background);border:var(--plangraph-border)}:host .Manifold-Input button::before,:host .Manifold-Input button::after{border-color:var(--plangraph-color-brand)}:host .Manifold-Input button:first-child{border-radius:0.25em 0 0 0.25em}:host .Manifold-Input button:last-child{border-radius:0 0.25em 0.25em 0}:host .Manifold-Input button.error{border:0;-webkit-box-shadow:0 0 3px var(--plangraph-color-error);box-shadow:0 0 3px var(--plangraph-color-error)}:host .Manifold-Input .helper{color:var(--plangraph-color-text-secondary);text-align:left}:host .excluded{color:var(--plangraph-color-text-secondary)}:host table.cost-tiers{-ms-flex-item-align:start;align-self:flex-start;width:100%}:host table.cost-tiers tr.label-bold,:host table.cost-tiers tr:first-child.label-bold,:host table.cost-tiers tr:last-child.label-bold{color:var(--plangraph-color-text);font-weight:600}:host table.cost-tiers tr td,:host table.cost-tiers tr th,:host table.cost-tiers tr:first-child td,:host table.cost-tiers tr:first-child th,:host table.cost-tiers tr:last-child td,:host table.cost-tiers tr:last-child th{padding:0.2rem 0;text-align:left;border:none}:host table.cost-tiers tr th,:host table.cost-tiers tr:first-child th,:host table.cost-tiers tr:last-child th{padding-top:0;color:var(--plangraph-color-text-secondary)}:host table.cost-tiers tr td:last-child,:host table.cost-tiers tr:first-child td:last-child,:host table.cost-tiers tr:last-child td:last-child{text-align:right;border-right:none}:host .plan-carousel .slides{display:-ms-flexbox;display:flex;-ms-flex:none;flex:none;-ms-flex-flow:row nowrap;flex-flow:row nowrap;width:100%;overflow:auto;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}:host .plan-carousel tr.feature-row>td{padding:0}:host .plan-carousel tr.feature-row>td .feature-cell,:host .plan-carousel tr.feature-row>td .value-cell{padding:1rem}:host .plan-carousel.sm tr.feature-row>td>div{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host .plan-carousel.sm tr.feature-row>td>div .feature-cell{-ms-flex:1;flex:1}:host .plan-carousel.sm tr.feature-row>td>div .value-cell{display:grid;-ms-flex:1;flex:1}:host .plan-carousel.xs tr.feature-row>td .feature-cell{padding:0.5rem 0.5rem 0.25rem 0.5rem}:host .plan-carousel.xs tr.feature-row>td .value-cell{padding:0.25rem 0.5rem 0.5rem 0.5rem}:host .plan-carousel .slide{-ms-flex:none;flex:none;width:80%;max-height:calc(80vh - 4rem);overflow-x:hidden;overflow-y:auto;scroll-snap-align:center}:host .plan-carousel .slide>table{width:90%;margin:0 auto}:host .plan-carousel th.header-cell{position:-webkit-sticky;position:sticky;top:0;z-index:20}:host .plan-carousel .footer-cell{position:-webkit-sticky;position:sticky;bottom:0;z-index:20}:host .plan-carousel .slide:first-child{padding-left:10%}:host .plan-carousel .slide:last-child{padding-right:10%}:host .plan-carousel nav ol{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:4rem;margin:0;padding:0;list-style:none}:host .plan-carousel nav li{width:1rem;height:1rem;margin:0 1rem;padding:0;background-color:#c4c7ca;border-radius:1rem;cursor:pointer}:host .plan-carousel nav li.active{background-color:#8f8f95}";
+const plangraphPlanTableCss = ".Manifold-Typography--Body{font-size:16px;font-weight:400;letter-spacing:normal;line-height:1.25;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}@media (min-width: 600px){.Manifold-Typography--Body{font-size:16px;font-weight:400;letter-spacing:normal;line-height:1.1875;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}}.Manifold-Typography--Label{font-size:14px;font-weight:400;letter-spacing:normal;line-height:1.2143;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}@media (min-width: 600px){.Manifold-Typography--Label{font-size:14px;font-weight:400;letter-spacing:normal;line-height:1.2143;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}}.Manifold-Typography--Heading{font-size:18px;font-weight:400;letter-spacing:normal;line-height:1.2222;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}@media (min-width: 600px){.Manifold-Typography--Heading{font-size:20px;font-weight:400;letter-spacing:normal;line-height:1.2;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}}.Manifold-Typography--HeadingLarge{font-size:22px;font-weight:400;letter-spacing:normal;line-height:1.1818;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}@media (min-width: 600px){.Manifold-Typography--HeadingLarge{font-size:25px;font-weight:400;letter-spacing:normal;line-height:1.2;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}}.Manifold-Typography--SubheadingSmall{font-size:11px;font-weight:500;letter-spacing:0.04em;line-height:1.2727;text-transform:uppercase;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}.Manifold-Typography--Caption{font-size:13px;font-weight:400;letter-spacing:normal;line-height:1.2308;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\";margin:0;color:var(--plangraph-color-text-secondary)}@media (min-width: 600px){.Manifold-Typography--Caption{font-size:12px;font-weight:400;letter-spacing:normal;line-height:1.3333;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\";color:var(--plangraph-color-text-secondary)}}.Manifold-Tooltip{position:relative;padding:8px 12px;color:#ffffff;white-space:nowrap;text-align:center;text-indent:0;background:#323940;border-radius:4px;-webkit-box-shadow:0 2px 8px rgba(0, 0, 0, 0.08);box-shadow:0 2px 8px rgba(0, 0, 0, 0.08);cursor:default;pointer-events:none;font-size:12px;font-weight:400;letter-spacing:normal;line-height:1.3333;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}.Manifold-Tooltip::after{position:absolute;top:100%;left:50%;width:0;height:0;margin-left:-5px;border:solid transparent;border-color:rgba(0, 0, 0, 0);border-width:5px;border-top-color:#323940;content:\"\";pointer-events:none}.Manifold-Tooltip__Container{position:relative;cursor:pointer}.Manifold-Tooltip__Container [role=tooltip]{position:absolute;bottom:100%;left:50%;margin-bottom:8px;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);-webkit-transform-origin:top;transform-origin:top;opacity:0;-webkit-transition:all 0.1s ease-in-out 0.1s;transition:all 0.1s ease-in-out 0.1s}.Manifold-Tooltip__Container:hover [role=tooltip]{-webkit-transform:translate(-50%, -4px);transform:translate(-50%, -4px);opacity:1}.Manifold-Tooltip__Container--Down [role=tooltip]{top:100%;bottom:auto;margin-top:13px;-webkit-transform:translate(-50%, -4px);transform:translate(-50%, -4px)}.Manifold-Tooltip__Container--Down:hover [role=tooltip]{-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}.Manifold-Tooltip__Container--Up [role=tooltip]{top:auto;bottom:100%;z-index:10;margin-bottom:13px;-webkit-transform:translate(-50%, -4px);transform:translate(-50%, -4px)}.Manifold-Tooltip__Container--Up:hover [role=tooltip]{-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}.Manifold-Tooltip--Up::after{top:100%;bottom:auto;border-color:rgba(0, 0, 0, 0);border-bottom-color:#323940;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.Manifold-Tooltip--Down::after{top:auto;bottom:100%;border-color:rgba(0, 0, 0, 0);border-bottom-color:#323940}.Skeleton__Grid{display:grid;grid-template-columns:1fr 1fr 1fr;-webkit-column-gap:1rem;-moz-column-gap:1rem;column-gap:1rem}.Skeleton__Grid p{margin:6px 0}.Skeleton__Grid h2{max-width:200px}.Skeleton{position:relative;display:inline-block;overflow:hidden;color:transparent;line-height:1;border-radius:2px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block}@-webkit-keyframes Skeleton__Animation{to{-webkit-transform:translateX(125%);transform:translateX(125%)}}@keyframes Skeleton__Animation{to{-webkit-transform:translateX(125%);transform:translateX(125%)}}.Skeleton::before{position:absolute;top:0;right:0;bottom:0;left:0;background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), color-stop(1em, rgba(0, 0, 0, 0.1)), color-stop(1em, rgba(0, 0, 0, 0)), color-stop(1.5em, rgba(0, 0, 0, 0)));background-image:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) 1em, rgba(0, 0, 0, 0) 1em, rgba(0, 0, 0, 0) 1.5em);background-repeat:repeat-y;background-size:100% 1.5em;content:\"\";pointer-events:none}.Skeleton::after{position:absolute;top:0;right:100%;width:60em;height:100%;background-image:linear-gradient(60deg, rgba(255, 255, 255, 0) 33.3333%, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 66.6666%);background-repeat:no-repeat;opacity:0.4;-webkit-animation-name:Skeleton__Animation;animation-name:Skeleton__Animation;-webkit-animation-duration:1.4s;animation-duration:1.4s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;content:\"\";pointer-events:none}:host{--theme-color-brand:var(--plangraph-color-brand);--theme-color-brand-accent:var(--plangraph-color-brand-accent);--theme-color-error:var(--plangraph-color-error);--theme-color-disabled:var(--plangraph-color-disabled);--theme-color-disabled-accent:var(--plangraph-color-disabled-accent);--theme-color-background:var(--plangraph-color-background);--theme-color-input-background:var(--plangraph-color-input-background);--theme-color-text:var(--plangraph-color-text);--theme-color-text-secondary:var(--plangraph-color-text-secondary);--theme-border:var(--plangraph-border);--theme-border-secondary:var(--plangraph-border-secondary);--theme-radius:var(--plangraph-radius);position:relative;display:block;overflow:auto}:host table.plan-table{--plangraph-color-brand:var(--theme-color-brand, #1e50da);--plangraph-color-brand-accent:var(--theme-color-brand-accent, #ffffff);--plangraph-color-error:var(--theme-color-error, #d52049);--plangraph-color-disabled:var(--theme-color-disabled, #ececed);--plangraph-color-disabled-accent:var(--theme-color-disabled-accent, #8f8f95);--plangraph-color-background:var(--theme-color-background, #ffffff);--plangraph-color-input-background:var(\n    --theme-color-input-background,\n    #ffffff\n  );--plangraph-color-text:var(--theme-color-text, #323940);--plangraph-color-text-secondary:var(--theme-color-text-secondary, #8f8f95);--plangraph-border:var(--theme-border, 1px solid #c4c7ca);--plangraph-border-secondary:var(\n    --theme-border-secondary,\n    1px solid #ececed\n  );--plangraph-radius:var(--theme-radius, 4px);color:var(--plangraph-color-text);background:var(--plangraph-color-background);border-radius:var(--plangraph-radius);border-spacing:0}:host table.plan-table th{vertical-align:top;border-bottom:var(--plangraph-border);border-left:var(--plangraph-border)}:host table.plan-table th h1{margin:0.5rem}:host table.plan-table th h3{margin:0;color:var(--plangraph-color-text);font-weight:700}:host table.plan-table th label{color:var(--plangraph-color-brand)}:host table.plan-table .plan-description,:host table.plan-table .feature-description{display:block;max-width:100%;margin:0.25rem 0}:host table.plan-table td{vertical-align:top;border-bottom:var(--plangraph-border-secondary);border-left:var(--plangraph-border)}:host table.plan-table td.feature-name,:host table.plan-table th.feature-name{position:-webkit-sticky;position:sticky;border-right:var(--plangraph-border)}:host table.plan-table .feature-name{left:0;z-index:1;color:var(--plangraph-color-text);font-weight:600;font-size:14px;text-align:left}@media (min-width: 600px){:host table.plan-table .feature-name{font-size:16px}}:host table.plan-table th,:host table.plan-table td{padding:0.5rem;text-align:left;background-color:var(--plangraph-color-background)}@media (min-width: 600px){:host table.plan-table th,:host table.plan-table td{padding:1rem}}@media (min-width: 850px){:host table.plan-table th,:host table.plan-table td{padding:1rem}}:host table.plan-table th:nth-child(2),:host table.plan-table td:nth-child(2){border-left:none}:host table.plan-table th:last-child,:host table.plan-table td:last-child{border-right:var(--plangraph-border)}:host table.plan-table tr:first-child th{border-top:var(--plangraph-border)}:host table.plan-table tr:first-child th:first-child{border-top-left-radius:var(--plangraph-radius)}:host table.plan-table tr:first-child th:last-child{border-top-right-radius:var(--plangraph-radius)}:host table.plan-table tr:last-child td{border-bottom:var(--plangraph-border)}:host table.plan-table tr:last-child td:first-child{border-bottom-left-radius:var(--plangraph-radius)}:host table.plan-table tr:last-child td:last-child{border-bottom-right-radius:var(--plangraph-radius)}:host table.plan-table .plan-cell{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start}:host table.plan-table.scrolled .feature-name{-webkit-box-shadow:0 0 30px 0 rgba(0, 0, 0, 0.15);box-shadow:0 0 30px 0 rgba(0, 0, 0, 0.15);-webkit-clip-path:inset(0 -30px 0 0);clip-path:inset(0 -30px 0 0)}:host table.plan-table.lg .feature-name{min-width:200px;max-width:400px}:host table.plan-table.md .feature-name{min-width:150px;max-width:300px}:host table.plan-table.sm{display:none}:host table.plan-table.sm .feature-name{min-width:100px;max-width:250px}:host table.plan-table.xs{display:none;max-width:478px}:host td button,:host td .button{position:relative;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10.5px 21px;color:#323940;font-weight:500;font-size:16px;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\";line-height:1;white-space:nowrap;text-decoration:none;background:#ffffff;border-color:#c4c7ca;border-style:solid;border-width:1px;border-radius:4px;-webkit-box-shadow:0 2px 8px rgba(0, 0, 0, 0.08);box-shadow:0 2px 8px rgba(0, 0, 0, 0.08);cursor:pointer;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-property:background-color, border-color, color, -webkit-box-shadow, -webkit-filter;transition-property:background-color, border-color, color, -webkit-box-shadow, -webkit-filter;transition-property:background-color, border-color, color, box-shadow, filter;transition-property:background-color, border-color, color, box-shadow, filter, -webkit-box-shadow, -webkit-filter;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;color:var(--plangraph-color-brand-accent);text-align:center;background:var(--plangraph-color-brand);border:none;border-radius:var(--plangraph-radius)}:host td button::before,:host td .button::before{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border:2px solid #1e50da;border-radius:8px;-webkit-transform:scale(0.95, 0.9);transform:scale(0.95, 0.9);opacity:0;-webkit-transition:opacity 150ms linear, -webkit-transform 150ms cubic-bezier(0.5, 0, 1, 0.5);transition:opacity 150ms linear, -webkit-transform 150ms cubic-bezier(0.5, 0, 1, 0.5);transition:opacity 150ms linear, transform 150ms cubic-bezier(0.5, 0, 1, 0.5);transition:opacity 150ms linear, transform 150ms cubic-bezier(0.5, 0, 1, 0.5), -webkit-transform 150ms cubic-bezier(0.5, 0, 1, 0.5);content:\"\";pointer-events:none}:host td button::-moz-focus-inner,:host td .button::-moz-focus-inner{border:0}:host td button:focus,:host td button:hover,:host td .button:focus,:host td .button:hover{border-color:#8f8f95}:host td button:focus,:host td .button:focus{outline:none}:host td button:focus::before,:host td .button:focus::before{-webkit-transform:scale(1);transform:scale(1);opacity:1;-webkit-transition:opacity 150ms linear, -webkit-transform 150ms cubic-bezier(0, 0.5, 0.5, 1);transition:opacity 150ms linear, -webkit-transform 150ms cubic-bezier(0, 0.5, 0.5, 1);transition:opacity 150ms linear, transform 150ms cubic-bezier(0, 0.5, 0.5, 1);transition:opacity 150ms linear, transform 150ms cubic-bezier(0, 0.5, 0.5, 1), -webkit-transform 150ms cubic-bezier(0, 0.5, 0.5, 1)}:host td button:active,:host td .button:active{-webkit-transform:translateY(1px);transform:translateY(1px)}:host td button:disabled,:host td .button:disabled{color:#8f8f95;background:#ececed;border:1px solid #c4c7ca;-webkit-box-shadow:none;box-shadow:none;cursor:not-allowed;opacity:0.8}:host td button:disabled:focus,:host td button:disabled:hover,:host td .button:disabled:focus,:host td .button:disabled:hover{color:#8f8f95;background:#ececed;border:1px solid #c4c7ca;-webkit-box-shadow:none;box-shadow:none}:host td button:disabled:focus::before,:host td .button:disabled:focus::before{opacity:0}:host td button:disabled:active,:host td .button:disabled:active{color:#8f8f95;background:#ececed;border-color:#c4c7ca;-webkit-box-shadow:none;box-shadow:none;-webkit-transform:none;transform:none}:host td button:disabled,:host td .button:disabled{color:var(--plangraph-color-disabled-accent);background:var(--plangraph-color-disabled);border-color:var(--plangraph-color-disabled)}:host td button:disabled:hover,:host td .button:disabled:hover{background:var(--plangraph-color-disabled);border-color:var(--plangraph-color-disabled)}:host td button:focus::before,:host td .button:focus::before{border-color:var(--plangraph-color-brand)}@media (min-width: 600px){:host td button,:host td .button{min-width:240px}}:host .icon{width:1.25rem;height:1.25rem}:host .icon svg{fill:#8f8f95}:host .icon.icon-green svg{fill:#31baa2}:host .toggle-feature{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .toggle-feature .Manifold-Toggle{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .toggle-feature .Manifold-Toggle::before{position:absolute;top:50%;right:-4px;width:2.75rem;height:1.75rem;border:2px solid #1e50da;border-radius:2rem;-webkit-transform:translateY(-50%) scale(0.9);transform:translateY(-50%) scale(0.9);opacity:0;-webkit-transition:opacity 150ms linear, -webkit-transform 150ms cubic-bezier(0.5, 0, 1, 0.5);transition:opacity 150ms linear, -webkit-transform 150ms cubic-bezier(0.5, 0, 1, 0.5);transition:opacity 150ms linear, transform 150ms cubic-bezier(0.5, 0, 1, 0.5);transition:opacity 150ms linear, transform 150ms cubic-bezier(0.5, 0, 1, 0.5), -webkit-transform 150ms cubic-bezier(0.5, 0, 1, 0.5);content:\"\";pointer-events:none}:host .toggle-feature .Manifold-Toggle label{font-size:16px;font-weight:400;letter-spacing:normal;line-height:1.25;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\";position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:0;color:currentColor;cursor:pointer}@media (min-width: 600px){:host .toggle-feature .Manifold-Toggle label{font-size:16px;font-weight:400;letter-spacing:normal;line-height:1.1875;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}}:host .toggle-feature .Manifold-Toggle label::before{-ms-flex-order:1;order:1;-webkit-box-sizing:border-box;box-sizing:border-box;width:2.5rem;height:1.5rem;margin-left:0.75rem;background:#ececed;border-radius:2rem;-webkit-transition:background-color 150ms linear;transition:background-color 150ms linear;content:\"\";pointer-events:none}:host .toggle-feature .Manifold-Toggle label::after{position:absolute;top:50%;right:0.25rem;-webkit-box-sizing:border-box;box-sizing:border-box;width:1rem;height:1rem;background-color:#8f8f95;border-radius:50%;-webkit-transform:translate(-100%, -50%);transform:translate(-100%, -50%);-webkit-transition:background-color 150ms linear, -webkit-transform 100ms cubic-bezier(0.95, 0.05, 0.8, 0.04);transition:background-color 150ms linear, -webkit-transform 100ms cubic-bezier(0.95, 0.05, 0.8, 0.04);transition:background-color 150ms linear, transform 100ms cubic-bezier(0.95, 0.05, 0.8, 0.04);transition:background-color 150ms linear, transform 100ms cubic-bezier(0.95, 0.05, 0.8, 0.04), -webkit-transform 100ms cubic-bezier(0.95, 0.05, 0.8, 0.04);content:\"\"}:host .toggle-feature .Manifold-Toggle input{position:absolute;right:100vw;opacity:0}:host .toggle-feature .Manifold-Toggle input:disabled~label{cursor:default}:host .toggle-feature .Manifold-Toggle input:disabled~label::before{background:#ececed;border:1px solid #ddddde}:host .toggle-feature .Manifold-Toggle input:disabled~label::after{background:#ddddde;border:1px solid #c4c7ca}:host .toggle-feature .Manifold-Toggle input:disabled:checked~label::before{background:#ececed}:host .toggle-feature .Manifold-Toggle input:disabled:checked~label::after{background:#8f8f95;border:1px solid #8f8f95}:host .toggle-feature .Manifold-Toggle:focus-within{color:#1e50da}:host .toggle-feature .Manifold-Toggle:focus-within::before{-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1);opacity:1}:host .toggle-feature .Manifold-Toggle input:checked~label::before{background:#dde9fe}:host .toggle-feature .Manifold-Toggle input:checked~label::after{background:#1e50da;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}:host .toggle-feature .Manifold-Toggle::before{border-color:var(--plangraph-color-brand)}:host .toggle-feature .Manifold-Toggle label::before{margin-left:0;background:var(--plangraph-color-text-secondary);opacity:0.2}:host .toggle-feature .Manifold-Toggle label::after{background:var(--plangraph-color-text-secondary)}:host .toggle-feature .Manifold-Toggle input:checked+label::before{margin-left:0;background:var(--plangraph-color-brand);opacity:0.2}:host .toggle-feature .Manifold-Toggle input:checked+label::after{background:var(--plangraph-color-brand)}:host .Manifold-Select{-webkit-transition:border-color 150ms linear;transition:border-color 150ms linear;width:100%}:host .Manifold-Select label{font-size:11px;font-weight:500;letter-spacing:0.04em;line-height:1.2727;text-transform:uppercase;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\";display:block;padding-bottom:0.25rem;color:#575b5f;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-property:color;transition-property:color}:host .Manifold-Select select{font-size:16px;font-weight:400;letter-spacing:normal;line-height:1.25;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\";display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;max-width:100%;height:2.25em;margin:0;padding:0 1.5rem 0 0.75rem;color:#575b5f;line-height:2.25;background-color:#ffffff;background-image:url('data:image/svg+xml,%3Csvg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cpath fill=\"%23575b5f\" d=\"M7.558 12.808a.625.625 0 01.884 0l3.308 3.308 3.308-3.308a.625.625 0 11.884.884l-3.75 3.75a.625.625 0 01-.884 0l-3.75-3.75a.625.625 0 010-.884zM15.942 10.192a.625.625 0 01-.884 0L11.75 6.884l-3.308 3.308a.625.625 0 11-.884-.884l3.75-3.75a.625.625 0 01.884 0l3.75 3.75a.625.625 0 010 .884z\"/%3E%3C/svg%3E');background-repeat:no-repeat, repeat;background-position:right 0.25rem top 50%;background-size:1.5rem auto;border:1px solid #c4c7ca;border-radius:4px;-webkit-transition:border-color 150ms linear, color 150ms linear;transition:border-color 150ms linear, color 150ms linear;-webkit-appearance:none;-moz-appearance:none;appearance:none}:host .Manifold-Select select::-ms-expand{display:none}:host .Manifold-Select select:hover{border-color:#8f8f95}:host .Manifold-Select select:focus{outline:none}@media (min-width: 600px){:host .Manifold-Select select{font-size:16px;font-weight:400;letter-spacing:normal;line-height:1.1875;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}}:host .Manifold-Select option{font-weight:400}:host .Manifold-Select select:invalid,:host .Manifold-Select select[aria-invalid]{background-image:url('data:image/svg+xml,%3Csvg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cpath fill=\"%23d52049\" d=\"M7.558 12.808a.625.625 0 01.884 0l3.308 3.308 3.308-3.308a.625.625 0 11.884.884l-3.75 3.75a.625.625 0 01-.884 0l-3.75-3.75a.625.625 0 010-.884zM15.942 10.192a.625.625 0 01-.884 0L11.75 6.884l-3.308 3.308a.625.625 0 11-.884-.884l3.75-3.75a.625.625 0 01.884 0l3.75 3.75a.625.625 0 010 .884z\"/%3E%3C/svg%3E');border-color:#d52049;-webkit-box-shadow:none;box-shadow:none}:host .Manifold-Select select:disabled{color:#8f8f95;background-color:#f7f7f8;background-image:url('data:image/svg+xml,%3Csvg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cpath fill=\"%238f8f95\" d=\"M7.558 12.808a.625.625 0 01.884 0l3.308 3.308 3.308-3.308a.625.625 0 11.884.884l-3.75 3.75a.625.625 0 01-.884 0l-3.75-3.75a.625.625 0 010-.884zM15.942 10.192a.625.625 0 01-.884 0L11.75 6.884l-3.308 3.308a.625.625 0 11-.884-.884l3.75-3.75a.625.625 0 01.884 0l3.75 3.75a.625.625 0 010 .884z\"/%3E%3C/svg%3E');}:host .Manifold-Select select:disabled:hover{border-color:#c4c7ca}:host .Manifold-Select:focus-within label{color:#1e50da}:host .Manifold-Select:focus-within select{border-color:#1e50da}:host .Manifold-Select select{color:var(--plangraph-color-text);background-color:var(--plangraph-color-input-background);border:var(--plangraph-border)}:host .Manifold-Select select:focus{border-color:var(--plangraph-color-brand)}:host .Manifold-Select select.error{border:0;-webkit-box-shadow:0 0 3px var(--plangraph-color-error);box-shadow:0 0 3px var(--plangraph-color-error)}:host .int-range-configured-feature{width:100%}:host .int-range-configured-feature .int-range-label{display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch}:host .int-range-configured-feature .int-range-label .label-bold{color:var(--plangraph-color-text);font-weight:500;text-transform:uppercase}:host .int-range-configured-feature .int-range-label .int-range-tooltip{z-index:10;display:-ms-flexbox;display:flex;margin-left:auto}:host .int-range-configured-feature .int-range-label .int-range-tooltip .icon{width:1em;height:1em}:host .int-range-configured-feature .label-limit{color:var(--plangraph-color-text-secondary)}:host .int-range-tooltip-content{text-align:left}:host .int-range-tooltip-content .int-range-tooltip-title{padding-bottom:6px;color:var(--plangraph-color-text-secondary);text-transform:uppercase}:host .int-range-tooltip-content .int-range-tooltip-row{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;min-width:100px}:host .int-range-tooltip-content .int-range-tooltip-row .int-range-tooltip-row-unit{text-align:right}:host option.string-select-cost{color:var(--plangraph-color-text-secondary)}:host .Manifold-Input{-webkit-transition:border-color 150ms linear;transition:border-color 150ms linear;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;width:100%;padding:6px 0}:host .Manifold-Input label{font-size:11px;font-weight:500;letter-spacing:0.04em;line-height:1.2727;text-transform:uppercase;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\";display:block;padding-bottom:0.25rem;color:#575b5f;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-property:color;transition-property:color}:host .Manifold-Input input{font-size:16px;font-weight:400;letter-spacing:normal;line-height:1.25;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\";display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:auto;min-width:none;height:2.25rem;padding:0 0.75em;color:#323940;line-height:2.25rem;background:#ffffff;border:1px solid #c4c7ca;border-radius:3px;outline:0;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-property:border-color;transition-property:border-color;-webkit-appearance:none;appearance:none;-moz-appearance:textfield}@media (min-width: 600px){:host .Manifold-Input input{font-size:16px;font-weight:400;letter-spacing:normal;line-height:1.1875;text-transform:none;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"}}:host .Manifold-Input input:hover{border-color:#8f8f95}:host .Manifold-Input input[type=number],:host .Manifold-Input input[inputmode=numeric],:host .Manifold-Input input[inputmode=decimal],:host .Manifold-Input input[pattern=\"[0-9]*\"],:host .Manifold-Input input[pattern^=\"\\a\"]{font-size:14px;font-weight:400;letter-spacing:normal;line-height:1.2857;text-transform:none;font-family:\"IBM Plex Mono\", \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, monospace;text-align:right}:host .Manifold-Input input::-webkit-inner-spin-button,:host .Manifold-Input input::-webkit-outer-spin-button{display:none}:host .Manifold-Input input:invalid,:host .Manifold-Input input[aria-invalid]{border-color:#d52049;-webkit-box-shadow:none;box-shadow:none}:host .Manifold-Input input:disabled{color:#8f8f95;background:#f7f7f8;}:host .Manifold-Input input:disabled:hover{border-color:#c4c7ca}:host .Manifold-Input:focus-within label{color:#1e50da}:host .Manifold-Input:focus-within input{border-color:#1e50da}:host .Manifold-Input input{color:var(--plangraph-color-text);background-color:var(--plangraph-color-input-background);border:var(--plangraph-border)}:host .Manifold-Input input[type=number]{width:100%;padding:0.5em;text-align:left;border-top:border;border-right:none;border-bottom:border;border-left:none;border-radius:0}:host .Manifold-Input input[type=number]:focus{border-color:var(--plangraph-color-brand)}:host .Manifold-Input .Manifold-Tooltip__Container{-ms-flex:6 auto;flex:6 auto;min-width:7em}:host .Manifold-Input input.error{border:0;-webkit-box-shadow:0 0 3px var(--plangraph-color-error);box-shadow:0 0 3px var(--plangraph-color-error)}:host .Manifold-Input button{display:-ms-flexbox;display:flex;-ms-flex:1 auto;flex:1 auto;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:2.25em;min-width:0;height:2.25em;padding:0;background-color:var(--plangraph-color-background);border:var(--plangraph-border)}:host .Manifold-Input button::before,:host .Manifold-Input button::after{border-color:var(--plangraph-color-brand)}:host .Manifold-Input button:first-child{border-radius:0.25em 0 0 0.25em}:host .Manifold-Input button:last-child{border-radius:0 0.25em 0.25em 0}:host .Manifold-Input button.error{border:0;-webkit-box-shadow:0 0 3px var(--plangraph-color-error);box-shadow:0 0 3px var(--plangraph-color-error)}:host .Manifold-Input .helper{color:var(--plangraph-color-text-secondary);text-align:left}:host .excluded{color:var(--plangraph-color-text-secondary)}:host table.cost-tiers{-ms-flex-item-align:start;align-self:flex-start;width:100%}:host table.cost-tiers tr.label-bold,:host table.cost-tiers tr:first-child.label-bold,:host table.cost-tiers tr:last-child.label-bold{color:var(--plangraph-color-text);font-weight:600}:host table.cost-tiers tr td,:host table.cost-tiers tr th,:host table.cost-tiers tr:first-child td,:host table.cost-tiers tr:first-child th,:host table.cost-tiers tr:last-child td,:host table.cost-tiers tr:last-child th{padding:0.2rem 0;text-align:left;border:none}:host table.cost-tiers tr th,:host table.cost-tiers tr:first-child th,:host table.cost-tiers tr:last-child th{padding-top:0;color:var(--plangraph-color-text-secondary)}:host table.cost-tiers tr td:last-child,:host table.cost-tiers tr:first-child td:last-child,:host table.cost-tiers tr:last-child td:last-child{text-align:right;border-right:none}:host .plan-carousel .slides{display:-ms-flexbox;display:flex;-ms-flex:none;flex:none;-ms-flex-flow:row nowrap;flex-flow:row nowrap;width:100%;overflow:auto;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}:host .plan-carousel tr.feature-row>td{padding:0}:host .plan-carousel tr.feature-row>td .feature-cell,:host .plan-carousel tr.feature-row>td .value-cell{padding:1rem}:host .plan-carousel.sm tr.feature-row>td>div{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host .plan-carousel.sm tr.feature-row>td>div .feature-cell{-ms-flex:1;flex:1}:host .plan-carousel.sm tr.feature-row>td>div .value-cell{display:grid;-ms-flex:1;flex:1}:host .plan-carousel.xs tr.feature-row>td .feature-cell{padding:0.5rem 0.5rem 0.25rem 0.5rem}:host .plan-carousel.xs tr.feature-row>td .value-cell{padding:0.25rem 0.5rem 0.5rem 0.5rem}:host .plan-carousel .slide{-ms-flex:none;flex:none;width:80%;max-height:calc(80vh - 4rem);overflow-x:hidden;overflow-y:auto;scroll-snap-align:center}:host .plan-carousel .slide>table{width:90%;margin:0 auto}:host .plan-carousel th.header-cell{position:-webkit-sticky;position:sticky;top:0;z-index:20}:host .plan-carousel .footer-cell{position:-webkit-sticky;position:sticky;bottom:0;z-index:20}:host .plan-carousel .slide:first-child{padding-left:10%}:host .plan-carousel .slide:last-child{padding-right:10%}:host .plan-carousel nav ol{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:4rem;margin:0;padding:0;list-style:none}:host .plan-carousel nav li{width:1rem;height:1rem;margin:0 1rem;padding:0;background-color:#c4c7ca;border-radius:1rem;cursor:pointer}:host .plan-carousel nav li.active{background-color:#8f8f95}:host .badge{background-color:#ececed;color:#323940;display:inline-block;border-radius:10px;margin:0 0 0 10px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:0.4px;padding:2px 8px;vertical-align:middle}";
 
@@ -186,2 +186,29 @@ const breakpoints = [
     }
+    updateProduct(newProduct) {
+        this.featureSelections = {};
+        if (newProduct.plans) {
+            newProduct.plans.plans.forEach((plan) => {
+                const defaultSelections = [];
+                if (plan.features) {
+                    plan.features.features.forEach((feature) => {
+                        if (feature.class === FeatureClass.Configured) {
+                            if (feature.__typename === 'BooleanFeature') {
+                                defaultSelections.push({
+                                    slug: feature.featureSlug.slug,
+                                    booleanSelection: feature.booleanValues[0].value,
+                                });
+                            }
+                            if (feature.__typename === 'IntFeature') {
+                                defaultSelections.push({
+                                    slug: feature.featureSlug.slug,
+                                    intSelection: feature.intValues[0].value || 0,
+                                });
+                            }
+                        }
+                    });
+                }
+                this.featureSelections[plan.slug] = defaultSelections;
+            });
+        }
+    }
     scrollHandler(e) {
@@ -437,3 +464,5 @@ var _a;
                 // Select Feature
-                return (h("div", { class: "Manifold-Select" }, h("label", { htmlFor: `feature-${plan.slug}-${featureSlug}` }), h("select", { id: `feature-${plan.slug}-${featureSlug}` }, feature.intValues.map((value) => {
+                return (h("div", { class: "Manifold-Select" }, h("label", { htmlFor: `feature-${plan.slug}-${featureSlug}` }), h("select", { id: `feature-${plan.slug}-${featureSlug}`, onChange: (e) => {
+                        this.selectFeature(plan.slug, plan.name, featureSlug, parseInt(e.target.value, 10));
+                    } }, feature.intValues.map((value) => {
                     var _a;
@@ -473,3 +502,3 @@ return (h("option", { value: (_a = value.value) === null || _a === void 0 ? void 0 : _a.toString() }, `${value.display} (${toUSD(value.cost)})`));
     renderHeaderCell({ slug, name, cost, description }) {
-        var _a, _b;
+        var _a, _b, _c, _d, _e, _f, _g;
         return (h("th", { class: "header-cell", part: `plan--${slug} plan-header plan-header--${slug} cell header-cell` }, h("div", { style: {
@@ -479,3 +508,3 @@ minHeight: this.maxRowHeights
                     : '0',
-            } }, h("h3", { class: "Manifold-Typography--Heading", part: `plan-name plan-name--${slug}` }, name), h("label", { class: "Manifold-Typography--SubheadingSmall", part: `plan-cost plan-cost--${slug}` }, ((_b = (_a = this.planOptions) === null || _a === void 0 ? void 0 : _a[slug]) === null || _b === void 0 ? void 0 : _b.cost) || planCost(cost)), description && (h("p", { class: "Manifold-Typography--Caption plan-description", part: `description plan-description plan-description--${slug}` }, description)))));
+            } }, h("h3", { class: "Manifold-Typography--Heading", part: `plan-name plan-name--${slug}` }, name, ((_b = (_a = this.planOptions) === null || _a === void 0 ? void 0 : _a[slug]) === null || _b === void 0 ? void 0 : _b.badgeRight) && (h("span", { class: "badge badge-right", part: `badge badge-right badge-right--${slug}` }, (_e = (_d = (_c = this.planOptions) === null || _c === void 0 ? void 0 : _c[slug]) === null || _d === void 0 ? void 0 : _d.badgeRight) === null || _e === void 0 ? void 0 : _e.text))), h("label", { class: "Manifold-Typography--SubheadingSmall", part: `plan-cost plan-cost--${slug}` }, ((_g = (_f = this.planOptions) === null || _f === void 0 ? void 0 : _f[slug]) === null || _g === void 0 ? void 0 : _g.cost) || planCost(cost)), description && (h("p", { class: "Manifold-Typography--Caption plan-description", part: `description plan-description plan-description--${slug}` }, description)))));
     }
@@ -553,3 +582,4 @@ renderCTA(plan) {
     static get watchers() { return {
-        "productData": ["updateProductData"]
+        "productData": ["updateProductData"],
+        "product": ["updateProduct"]
     }; }
@@ -556,0 +586,0 @@ };

dist/manifold/manifold.esm.js

@@ -1,1 +0,1 @@
-import{p as e,b as a}from"./p-fdbb6cfd.js";e().then(e=>a([["p-89a6d8bd",[[1,"manifold-plan-table",{embed:[1],ctaText:[1,"cta-text"],planOptions:[16],baseUrl:[1,"base-url"],productData:[16],env:[1],featureSelections:[32],featureErrors:[32],product:[32],client:[32],breakpoint:[32],scrolled:[32],maxRowHeights:[32],currentSlide:[32]},[[1,"scroll","scrollHandler"]]]]],["p-f719acfb",[[1,"plangraph-plan-table",{embed:[1],ctaText:[1,"cta-text"],planOptions:[16],baseUrl:[1,"base-url"],productData:[16],env:[1],featureSelections:[32],featureErrors:[32],product:[32],client:[32],breakpoint:[32],scrolled:[32],maxRowHeights:[32],currentSlide:[32]},[[1,"scroll","scrollHandler"]]]]]],e));
+import{p as e,b as r}from"./p-fdbb6cfd.js";e().then(e=>r([["p-17b783e1",[[1,"manifold-plan-table",{embed:[1],ctaText:[1,"cta-text"],planOptions:[16],baseUrl:[1,"base-url"],productData:[16],env:[1],featureSelections:[32],featureErrors:[32],product:[32],client:[32],breakpoint:[32],scrolled:[32],maxRowHeights:[32],currentSlide:[32]},[[1,"scroll","scrollHandler"]]]]],["p-3297d080",[[1,"plangraph-plan-table",{embed:[1],ctaText:[1,"cta-text"],planOptions:[16],baseUrl:[1,"base-url"],productData:[16],env:[1],featureSelections:[32],featureErrors:[32],product:[32],client:[32],breakpoint:[32],scrolled:[32],maxRowHeights:[32],currentSlide:[32]},[[1,"scroll","scrollHandler"]]]]]],e));

dist/manifold/p-be11e044.system.js

@@ -1,1 +0,1 @@
-System.register(["./p-7408ba89.system.js"],(function(){"use strict";var e,t;return{setters:[function(r){e=r.p;t=r.b}],execute:function(){e().then((function(e){return t([["p-3a071e5e.system",[[1,"manifold-plan-table",{embed:[1],ctaText:[1,"cta-text"],planOptions:[16],baseUrl:[1,"base-url"],productData:[16],env:[1],featureSelections:[32],featureErrors:[32],product:[32],client:[32],breakpoint:[32],scrolled:[32],maxRowHeights:[32],currentSlide:[32]},[[1,"scroll","scrollHandler"]]]]],["p-9eb7abe0.system",[[1,"plangraph-plan-table",{embed:[1],ctaText:[1,"cta-text"],planOptions:[16],baseUrl:[1,"base-url"],productData:[16],env:[1],featureSelections:[32],featureErrors:[32],product:[32],client:[32],breakpoint:[32],scrolled:[32],maxRowHeights:[32],currentSlide:[32]},[[1,"scroll","scrollHandler"]]]]]],e)}))}}}));
+System.register(["./p-7408ba89.system.js"],(function(){"use strict";var e,t;return{setters:[function(r){e=r.p;t=r.b}],execute:function(){e().then((function(e){return t([["p-21429e89.system",[[1,"manifold-plan-table",{embed:[1],ctaText:[1,"cta-text"],planOptions:[16],baseUrl:[1,"base-url"],productData:[16],env:[1],featureSelections:[32],featureErrors:[32],product:[32],client:[32],breakpoint:[32],scrolled:[32],maxRowHeights:[32],currentSlide:[32]},[[1,"scroll","scrollHandler"]]]]],["p-7d00af75.system",[[1,"plangraph-plan-table",{embed:[1],ctaText:[1,"cta-text"],planOptions:[16],baseUrl:[1,"base-url"],productData:[16],env:[1],featureSelections:[32],featureErrors:[32],product:[32],client:[32],breakpoint:[32],scrolled:[32],maxRowHeights:[32],currentSlide:[32]},[[1,"scroll","scrollHandler"]]]]]],e)}))}}}));

dist/types/components/manifold-plan-table/manifold-plan-table.d.ts

@@ -14,2 +14,3 @@ import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
     [planSlug: string]: {
+        badgeRight?: Badge;
         cta?: CTAOptions;
@@ -23,2 +24,5 @@ cost?: string;
 }
+export interface Badge {
+    text?: string;
+}
 declare type breakpointLabel = 'lg' | 'md' | 'sm' | 'xs';
@@ -45,2 +49,3 @@ declare type plan = NonNullable<NonNullable<EmbeddedProductQuery['embeddedProduct']>['plans']>['plans'][0];
     updateProductData(newValue: EmbeddedProductQuery['embeddedProduct']): void;
+    updateProduct(newProduct: NonNullable<EmbeddedProductQuery['embeddedProduct']>): void;
     scrollHandler(e: Event): void;
@@ -47,0 +52,0 @@ carouselRows: Map<string, Map<string, HTMLTableRowElement>>;

dist/types/components/manifold-plan-table/manifold-plan-table.stories.d.ts

@@ -9,2 +9,3 @@ declare const _default: {
 export declare const withCTATextOverride: () => string;
+export declare const withBadgeRight: () => HTMLManifoldPlanTableElement;
 export declare const withPlanOptions: () => HTMLManifoldPlanTableElement;
@@ -11,0 +12,0 @@ export declare const withURLOverride: () => string;

dist/types/components/plangraph-plan-table/plangraph-plan-table.d.ts

@@ -14,2 +14,3 @@ import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
     [planSlug: string]: {
+        badgeRight?: Badge;
         cta?: CTAOptions;
@@ -23,2 +24,5 @@ cost?: string;
 }
+export interface Badge {
+    text?: string;
+}
 interface HeaderCellProps {
@@ -51,2 +55,3 @@ slug: string;
     updateProductData(newValue: EmbeddedProductQuery['embeddedProduct']): void;
+    updateProduct(newProduct: NonNullable<EmbeddedProductQuery['embeddedProduct']>): void;
     scrollHandler(e: Event): void;
@@ -53,0 +58,0 @@ carouselRows: Map<string, Map<string, HTMLTableRowElement>>;

dist/types/components/plangraph-plan-table/plangraph-plan-table.stories.d.ts

@@ -9,2 +9,3 @@ declare const _default: {
 export declare const withCTATextOverride: () => string;
+export declare const withBadgeRight: () => HTMLPlangraphPlanTableElement;
 export declare const withPlanOptions: () => HTMLPlangraphPlanTableElement;
@@ -11,0 +12,0 @@ export declare const withURLOverride: () => string;

package.json

 {
   "name": "@manifoldco/web-components",
-  "version": "0.0.46",
+  "version": "0.0.47",
   "description": "Manifold's Web Components",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

2319570

increased by1.77%

Lines of code

36494

increased by1.95%

No dependency changes