\n\nWeight: 100\n\nStyleguide Bootstrap.Pagination\n\n*/\n/*\nTabs\n\nDescription: A simple way to show small groups of content that should have the same level of reading hierarchy. \n\nMarkup:\n\n
\n
\n
consectetur adipisicing elit
\n Lorem ipsum dolor sit amet. Quisquam maxime consectetur, nisi sed ea perspiciatis a sit porro laboriosam ab sequi est quas optio dolorum at maiores quis incidunt inventore.
\n
\n
Lorem ipsum dolor sit
\n Amet consectetur adipisicing elit. Vero enim provident consequuntur perspiciatis. Eligendi placeat consequuntur veniam quidem temporibus labore quisquam commodi rem error cumque fugit suscipit nulla, excepturi eos.
\n
\n\ncaution: This item is not finalized and might be subject to change\n\nNote: Limitations to the documentation system might cause javascript effects to animate or trigger incorrectly. \n\nWeight:0\n\nStyleguide Structures.Tabs\n*/\n/*\nSimple Tabs\n\nSimple in page tabs \n\nMarkup:\n\n\nStyleguide Structures.Tabs.Tabs\n\n*/\n/*\nSimple Tabs: Dark Mode\n\nReverse Colored Tabs for when on dark background\n\nMarkup:\n
\n \n
\n\nWeight: 0\n\nStyleguide Structures.Tabs.TabsDark\n*/\n/*\nTab Dark: Active\n\nDescription: Active State of Dark Tab. Add and remove the `active is-active` class from the li-tag toggle the active effect\n\nMarkup:\n
\n\n\nMarkupWrapperClasses: flex_column flex_row:md ul_none nav bg_acc br_3 br_radius br_solid br_acc-3 p-l_4\n\nWeight:0\n\n\nStyleguide Structures.Tabs.TabsDark.Link\n*/\n/*\nTab Dark: Disabled\n\nDescription: Disabled decorations is a swap of many of the decoration classes with the removal of the hover and active classes.\n\nMarkup:\n
\n\nMarkupWrapperClasses: flex_column flex_row:md ul_none nav bg_acc br_3 br_radius br_solid br_acc-3 p-l_4 \n\nWeight:0\n\n\nStyleguide Structures.Tabs.TabsDark.LinkDisabled\n*/\n/*\nTab: Active\n\nDescription: Active State of Dark Tab. Add and remove the `active is-active` class from the li-tag toggle the active effect\n\nMarkup:\n
\n\nMarkupWrapperClasses: flex_column flex_row:md ul_none nav bg_black-2 br_3 br_radius br_solid br_white-9 c_primary font_0 font_bold font_accent: p-x_0 p-x_4:md shadow_bevel-light\n\nWeight:0\n\nStyleguide Structures.Tabs.Tabs.LinkActive\n*/\n/*\nTab: Basic\n\nDescription: Active State of Dark Tab. Add and remove the `active is-active` class from the li-tag toggle the active effect\n\nMarkup:\n
\n\n\nMarkupWrapperClasses: flex_column flex_row:md ul_none nav bg_black-2 br_3 br_radius br_solid br_white-9 c_primary font_0 font_bold font_accent: p-x_0 p-x_4:md shadow_bevel-light\n\nWeight:0\n\nStyleguide Structures.Tabs.Tabs.Link\n*/\n/*\nTab: Disabled\n\nDescription: Disabled decorations is a swap of many of the decoration classes with the removal of the hover and active classes.\n\nMarkup:\n
\n\nMarkupWrapperClasses: flex_column flex_row:md ul_none nav bg_black-2 br_3 br_radius br_solid br_white-9 c_primary font_0 font_bold font_accent: p-x_0 p-x_4:md shadow_bevel-light\n\nWeight:0\n\nStyleguide Structures.Tabs.Tabs.LinkDisabled\n*/\n/*\nUI Tabs\n\nThe application systems of acc.org have tabs that sometimes overrun the tabs space areas because they need to show many options.\n\nMarkup:\n
\n \n
\n
\n {{> HTML.Typography.Sample }}\n
\n
\n {{> HTML.Typography.Sample }}\n
\n
\n
\n\n\n\nNote: Limitations to the documentation system might cause javascript effects to animate or trigger incorrectly. \n\nWeight:0\n\nStyleguide Structures.UITabs\n*/\n/*\nUI Tabs Overflow\n\nThe application systems of acc.org have tabs that sometimes overrun the tabs space areas because they need to show many options.\n\nMarkup:\n
\n \n
\n
\n {{> HTML.Typography.Sample }}\n
\n
\n {{> HTML.Typography.Sample }}\n
\n
\n
\n\ncaution: This item is not finalized and might be subject to change\n\nNote: Custom JavaScript is needed to make this scroll back and forth, and will need to have disables applied when overflow has reached a max or min. \n\nWeight:0\n\nStyleguide Structures.UITabs.Overflow\n*/\n/*\nTab: Default\n\nDescription: Active State of Tab. Add and remove the `active is-active` class from the li-tag toggle the active effect\n\nMarkup:\n
\n Link\n
\n\ncaution: This item is not finalized and might be subject to change\n\nNote: Limitations to the documentation system might cause javascript effects to animate or trigger incorrectly. \n\nMarkupWrapperClasses: flex ul_none\n\nWeight:0\n\nStyleguide Structures.UITabs.Tabs\n*/\n/*\nTab: Active\n\nDescription: Active State of Dark Tab. Add and remove the `active is-active` class from the li-tag toggle the active effect\n\nMarkup:\n
\n\nMarkupWrapperClasses: flex ul_none\n\ncaution: This item is not finalized and might be subject to change\n\nNote: Limitations to the documentation system might cause javascript effects to animate or trigger incorrectly. \n\nWeight:0\n\nStyleguide Structures.UITabs.Tabs.LinkActive\n*/\n/*\nTab: Disabled\n\nDescription: Disabled decorations is a swap of many of the decoration classes with the removal of the hover and active classes.\n\nMarkup:\n
\n\ncaution: This item is not finalized and might be subject to change\n\nNote: Limitations to the documentation system might cause javascript effects to animate or trigger incorrectly. \n\nMarkupWrapperClasses: flex ul_none\n\nWeight:0\n\nStyleguide Structures.UITabs.Tabs.LinkDisabled\n*/\n/*\nScroll Overflow Script\n\nDescription: Javascript is needed to make the scrolls work on the page\n\nMarkup:\n\n\nWeight:0\n\nStyleguide Structures.UITabs.Script\n*/\n/*\nSidebar Nav\n\nDescription: Side bar for any 3 layer nav on the site. the parent node is from the main nav.\n\nMarkup:\n\n\nWeight:-1000\n\nMarkupWrapperClasses: max-w_25 m_auto \n\n\nNote: Limitations to the documentation system might cause javascript effects to animate or trigger incorrectly. \n\n\nStyleguide Navigation.Sidebar\n*/\n/*\nParent NavItem\n\nDescription: The parent is singular in this nav it is always active and its direct children are always expanded so there is not need for a toggle.\n\nMarkup:\n
\n\nWeight: -100\n\nMarkupWrapperClasses: bg_primary c_white font_ui ul_none\n\nStyleguide Navigation.Sidebar.Parent\n*/\n/*\nChild NavItem\n\nDescription: Child and Grandchild nav items are built the same way with a spacer with or without a toggle depending on if they have children.\n\ndefault - No added class \nactive - Nav Item changes its decoration if this the page the user is on.\n\nMarkup:\n
\n\nWeight: 10\n\nMarkupWrapperClasses: bg_primary c_white font_ui ul_none\n\nStyleguide Navigation.Sidebar.Child\n*/\n/*\nToggle Child\n\nDescription: Toggle elements are set to active if the attached node or its children are active. If the toggle is active the collapsed children navigation are open by default.\n\ndefault - the toggle when it doesn't have an active class still shades on hover\nactive - shade the toggle\n\nMarkup:\n
\n\nWeight: -10\n\nNote: Limitations to the documentation system might cause javascript effects to animate or trigger incorrectly. \n\n\nMarkupWrapperClasses: bg_primary c_white font_ui ul_none\n\nStyleguide Navigation.Sidebar.ChildToggle\n*/\n/*\nChild NavItem With Children\n\nDescription: Child and Grandchild nav items are built the same way with a spacer with or without a toggle depending on if they have children.\n\n\nMarkup:\n
\n\nWeight: 15\n\nNote: Limitations to the documentation system might cause javascript effects to animate or trigger incorrectly. \n\n\nMarkupWrapperClasses: bg_primary c_white font_ui ul_none\n\nStyleguide Navigation.Sidebar.ChildWithChildren\n*/\n/*\nChild NavItem With Grand Children\n\nDescription: Child and Grandchild nav items are built the same way with a spacer with or without a toggle depending on if they have children.\n\nMarkup:\n
\n\nWeight: 15\n\nMarkupWrapperClasses: bg_primary c_white font_ui ul_none\n\nNote: Limitations to the documentation system might cause javascript effects to animate or trigger incorrectly. \n\nStyleguide Navigation.Sidebar.ChildWithGrandChildren\n*/\n/*\nGreat Grandchild NavItem\n\nDescription: Great Grand Children loose the spacer for toggles because they don't have any child navs and don't need the use of a toggle.\n\ndefault - No added class \nactive - Nav Item changes its decoration if this the page the user is on.\n\nMarkup:\n
\n\nWeight: 100\n\nMarkupWrapperClasses: bg_primary c_white font_ui ul_none\n\nStyleguide Navigation.Sidebar.GreatGrandchild\n*/\n/*\nBootstrap Toggle Rotation\n\nThe toggles for bootstrap collapses use a `+` icon that twists to an `x` when the elements doesn't have `collapsed` or `show` as a class. to reduce confusion the class has a set rotation and speed attached to it. `a:rotation` is applied to the tow specific icons `fa-times` and `fa-chevron-up` only.
These classes are effected by the parent having `collapsed` state.
\n\nexpanded - when the associated content is expanded the toggle will look like this\ncollapsed - when the associated content is collapsed the class is added to the toggle and it will look like this. \n\nMarkup:\n
\n \n
\n
\n \n
\n
\n \n \n \n \n
\n
\n \n \n \n \n \n
\n\n\nWeight: 100\n\nStyleguide Navigation.Toggle.Rotation\n\n*/\n/*\nToggle \n\nToggle elements of a collapse with user feed back of the icon rotating.\n\n#targetName - the name of the target of the collapse\n\nMarkup:\n
\n \n
\n\nWeight: -10\n\nMarkupWrapperClasses: bg_white font_ui flex c_primary\n\nStyleguide Navigation.Toggle\n*/\n/*\nToggle Chevron\n\nToggle elements of a collapse with user feed back of the icon rotating.\n\n#targetName - the name of the target of the collapse\n\nMarkup:\n
\n \n
\n\nWeight: -80\n\nMarkupWrapperClasses: bg_white font_ui flex c_primary\n\nStyleguide Navigation.Toggle.Chevron\n*/\n/*\nCollapse Toggle Advanced\n\nToggle elements of a collapse with user feed back of the icon morphing.\n\n#targetName - the name of the target of the collapse\n\nMarkup:\n
\n \n \n \n \n
\n\nWeight: -100\n\nMarkupWrapperClasses: bg_white font_ui flex c_primary\n\nStyleguide Navigation.Toggle.Advanced\n*/\n/*\nCollapse Toggle Advanced with Square\n\nToggle elements of a collapse with user feed back of the icon morphing.\n\n#targetName - the name of the target of the collapse\n\nMarkup:\n
\n \n \n \n \n \n
\n\nWeight: -90\n\nMarkupWrapperClasses: bg_white font_ui flex c_primary\n\nStyleguide Navigation.Toggle.AdvancedSquare\n*/\n/*\nAccordion\n\nIn content accordions are styled differently to User interface accordions. The text of the header should allow for header tags to be added so the style should respond to the surrounding typography sizes.\n\nMarkup:\n
\n\n\nNote: Limitations to the documentation system might cause javascript effects to animate or trigger incorrectly. \n\n\nWeight:0\n\nStyleguide Structures.Accordion\n*/\n/*\nAccordion Child\n\nDescription: Sometimes the content needs be collapsed at a secondary level to make it scannable. \n\nMarkup:\n
\n\n\nNote: Limitations to the documentation system might cause javascript effects to animate or trigger incorrectly. \n\n\nWeight:0\n\nStyleguide Structures.Accordion.Child\n*/\n/*\nAccordion Nested Example\n\nIn content accordions are styled differently to User interface accordions. The text of the header should allow for header tags to be added so the style should respond to the surrounding typography sizes.\n\nMarkup:\n
\n\n\nNote: Limitations to the documentation system might cause javascript effects to animate or trigger incorrectly. \n\n\nWeight:0\n\nStyleguide Structures.Accordion.Nested\n*/\n/*\nButtons\n\nBasic Buttons\n\ndefault\t\t - Medium buttons (default)\n.btn-primary\t - Primary Class Button (default)\n.btn-secondary \t - Second Class Button\n.btn-accent - Button for call out actions\n.btn-success - Success State.\n.btn-danger - Alert State.\n.btn-warning\t - Warning State\n.clear\t\t - All button states can become hollow\n.radius\t\t - Give the button softer corners\n.shadow.clear\t\t - Give a button a shadow\n.btn-sm\t\t - Small buttons\n.btn-lg\t\t - Large buttons\n.disabled\t - Disabled buttons\n\nMarkup:\n{{modifier_class}} button\n\n\n Styleguide Bootstrap.Button\n\n*/\n/* \n\nComplete Nav \n\nThe Header Nav of CardioSmart. This is sample data and might not reflect the full design or content needed in production.\n\nMarkup:\n
\n \n
\n
\n \n
\n\nWeight: -1000\n\nStyleguide Recipes.Header\n\n*/\n/*\nCardioSmart Footer\n\nThe Footer of CardioSmart \n\nMarkup:\n
\n \n
\n\nWeight: -500\n\nStyleguide Recipes.FooterCardioSmart\n*/\n/*\nBlock Quotes Large\n\nDescription: Text that needs a little extra something when it is quoted. \n\nMarkup:\n
\n \n
\n
Lorem ipsum dolor sit amet consectetur, adipisicing elit.\n Numquam consequuntur delectus vero. Ratione fugit totam\n ipsum aperiam modi! Quas facilis consequuntur totam quod\n inventore atque magnam deleniti labore quae minus?
\n Dr. Ainsley Conolly, FACC\n
\n \n
\n\nWeight: 0\n\nStyleguide RecipesPage.blockquote large\n*/\n/*\nBlock Quotes Small\n\nDescription: Text that needs a little extra something when it is quoted. \n\nMarkup:\n
\n
\n
\n
Lorem ipsum dolor sit amet consectetur, adipisicing elit.\n Numquam consequuntur delectus vero. Ratione fugit totam\n ipsum aperiam modi! Quas facilis consequuntur totam quod\n inventore atque magnam deleniti labore quae minus?
\n Dr. Ainsley Conolly, FACC\n
\n
\n\nWeight: 0\n\nStyleguide RecipesPage.blockquote small\n*/\n/*\nPage Title\n\nDynamical Driven from the Meta Data, and should also populate the meta Tag Title in the header of the html (Emphasis Level)\n\n\nMarkup:\n\n\t
Quality Comes First in Carbs vs. Fats Debate
\n\n\n\nWeight: -1\n\nStyleguide RecipesPage.Title\n*/\n/*\n\nEditor Credit\n\nMeta Data Driven Component that renders when it published/last reviewed and who is credited as reviewers for the page. (Third Level Content)\n\nMarkup:\n\n
\n\n\nWeight: 1000\n\nStyleguide RecipesPage.Editor Credit\n\n*/\n/*\n\nCollapsed Content Section\n\nEasy to edit content wells wrapped in a collapsing mechanism. These content area should support all rich text needs and hyperlinks (Primary Level Content)\n\nMarkup:\n
\n
\n
\n \n
\n
\n
\n Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.\n
\n
\n
\n
\n
\n \n
\n
\n
\n Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.\n
\n
\n
\n
\n
\n \n
\n
\n Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ab voluptatibus ut quibusdam officiis, debitis quae ipsum fugiat, facere repellat assumenda dolorum ducimus ad rem blanditiis, deleniti dolorem consequuntur nostrum corrupti! Lorem ipsum dolor sit amet consectetur adipisicing elit. Pariatur aliquid tempora quo optio explicabo deleniti cupiditate ducimus error, quam minus rem mollitia. Sequi sint ratione voluptatem assumenda mollitia id rerum. \n
\n
\n
\n\nWeight: 10\n\nStyleguide RecipesPage.Collapsed Content\n\n*/\n/*\nPage Intro Content\n\nContent that is the teaser or leading concept of the page. This is an (Emphasis Level Item)\n\nMarkup:\n
Page Intro(Emphasis Item)
\n\nWeight: 0\n\nStyleguide RecipesPage.Intro\n\n*/\n/*\nHub, Concept, or Category Link\n\nMain pages have concepts or categories which lead to a deeper dive of content. (Emphasis Level Item)\n\nMarkup:\n
Hub Link (Emphasis Level Item)
\n\nWeight: 0\n\nStyleguide RecipesPage.Category Links\n\n*/\n/*\n\nLiving With\n\nA dynamic block that fills the Topic Name into the call to action and links to the corresponding sub page \"Living With X\"\n\nMarkup:\n
A dynamic block that fills the Topic Name into the call to action and links to the corresponding sub page \"Living With X\".
\n\nWeight: 10\n\nStyleguide RecipesPage.LivingWith\n\n*/\n/*\nSide Bar\n\nDescription: Side navigation show up when you are with in a content area like topic.\n\nMarkup:\n\n\nWeight: 0\n\nStyleguide Recipes.Sidebar\n*/\n/*\n\nPages\n\nThe page is the backbone of the structures through out the website.\n\nWeight: 3300\n\nStyleguide RecipesPages\n\n*/\n/*\nNews Hero\n\nLarge Featured Rotating News Tiles and short synopsis (Emphasized Level Item)\n\nMarkup:\n
News Hero (Emphasized Level Item)
\n\nWeight: 0\n\nStyleguide RecipesNews.Snippet.Hero\n\n*/\n/*\nNews List Item\n\nA short synopsis of a news article that is used in a repeating list. (Primary Level Item) \n\nMarkup:\n\n\t\n\t\n\t\t\n\t\t\tLong Work Hours Linked to High Blood Pressure\n\t\t\n\t\t
\n\t\t\tWorking more than 40 hours a week may increase risk of high\n\t\t\tblood pressure, finds study of white-collar workers.\n\t\t
\n\t\n\t\t\n\t\t\tNov 23, 1963\n\t\t\n\t\t\n\t\t\tCardioSmart News\n\t\t\n\t\n\n\nWeight: -1\n\nStyleguide RecipesNews.Article.Header \n*/\n/*\nArticle Content\n\nContent Item of a news article. The Content of the article. Rich text area allowing for all standard Word Like typography definitions. (Primary Level Item)\n\nMarkup:\n
\n\t\n\t
\n\t\tQuality counts. And this may be especially true\n\t\t\twhen it comes to what you eat.\n\t
\n\t
\n\t\tWhen talking about diets these days, a lot of\n\t\t\tdiscussion seems to come down to carbohydrates vs.\n\t\t\tfats. Is eating fewer carbohydrates or less fat\n\t\t\tbetter for your health? To help shed light on this\n\t\t\tdebate, a\n\t\t\tstudy recently published in\n\t\t\t\tJAMA Internal Medicine\n\t\t\tfocused on how low-carbohydrate diets and low-fat\n\t\t\tdiets are linked to deaths.\n\t
\n\t
\n\t\tStudy authors found that healthy low-carb diets and\n\t\t\thealthy low-fat diets were associated with decreased\n\t\t\tmortality. A healthy low-carb diet limited\n\t\t\tlow-quality carbs—refined and added sugars—while\n\t\t\tincorporating more plant protein and unsaturated\n\t\t\tfat. A healthy low-fat diet had limited saturated\n\t\t\tfat and included plant protein and more high-quality\n\t\t\tcarbs—whole grains, non-starchy vegetables, whole\n\t\t\tfruits.\n\t
\n\t
\n\t\t\"Our study extended the previous evidence and\n\t\t\tsuggests that the health benefits of [a\n\t\t\tlow-carbohydrate diet] or [low-fat diet] may depend\n\t\t\tnot only on the types of protein and fat or\n\t\t\tcarbohydrate but also on the quality of carbohydrate\n\t\t\tor fat remaining in the diet,\" the authors state.\n\t
\n\t
\n\t\tIn a similar way, unhealthy low-carb and unhealthy\n\t\t\tlow-fat diets were linked to increased mortality.\n\t\t\tLow-carb and low-fat diets overall were not\n\t\t\tassociated with total mortality, according to the\n\t\t\tstudy. \n\t
\n\t
\n\t\tResearchers examined information about the dietary\n\t\t\tintake of 37,233 adults (20 years old or older)\n\t\t\treported to the U.S. National Health and Nutrition\n\t\t\tExamination Survey from 1999 to 2014. The average\n\t\t\tage of the group was 50, and more than half were\n\t\t\twomen. When conducting the analysis, they adjusted\n\t\t\tfor factors including age, sex, race or ethnicity,\n\t\t\tas well as educational level, family income,\n\t\t\tsmoking, and family history of diabetes, heart\n\t\t\tdisease or cancer.\n\t
\n\t
\n\t\tWhat is at work with low-quality diets and\n\t\t\tmortality? The authors suggest that diets high in\n\t\t\tsaturated fat lead to overeating and obesity.\n\t\t\tSaturated fats are tasty to many people but have a\n\t\t\tlow-satiety effect. In terms of low-quality carbs,\n\t\t\trefined grains and added sugars have limited\n\t\t\tnutritional value but can lead to high blood sugar\n\t\t\tand insulin in the body after eating, and in turn\n\t\t\tthis can cause inflammation, insulin resistance, and\n\t\t\tdyslipidemia.\n\t
\n\t
\n\t\tIt’s important to note that the diets in this study\n\t\t\tdon’t correspond to any specific popular diet. The\n\t\t\tstudy broke down a day’s worth of dietary intake in\n\t\t\tterms of percentage of energy from fat, protein and\n\t\t\tcarbohydrates. Interestingly, a moderate low-carb\n\t\t\tdiet still has about 40% of energy coming from\n\t\t\tcarbs, and a low-fat diet still has about 30% energy\n\t\t\tfrom fat (20% for a very low-fat diet), according to\n\t\t\tauthors.\n\t
\n\t
\n\t\tParticipants reported what they ate based on their\n\t\t\tmemory, which could mean food intake was\n\t\t\tunderreported or overreported. Another significant\n\t\t\tlimitation: People were designated as eating a\n\t\t\tlow-carb or low-fat diet based on an initial\n\t\t\tassessment. However, over time people may change the\n\t\t\tway they eat, so information about dietary intake\n\t\t\tmay have been misclassified. Finally, as with other\n\t\t\tnutritional studies, this was based on observations,\n\t\t\tand therefore no conclusions about causes could be\n\t\t\tdetermined.\n\t
\n\t
\n\t\tLow-fat diets have beenrecommended since the late 1970s\n\t\t\tto prevent chronic diseases. But recent research\n\t\t\tabout the links between total fat intake and health\n\t\t\toutcomes have been inconsistent, the authors write.\n\t\t\tMeanwhile, low-carb diets have become a popular way\n\t\t\tto lose weight, but the long-term health effects of\n\t\t\tthose diets remain unclear. This issue is more\n\t\t\tcomplex than looking just at fats or carbohydrates\n\t\t\tor proteins. More research is needed into the types\n\t\t\tof food as well as the quality of each component in\n\t\t\ta healthy diet.\n\t
\n\t
\n\t\tThis study strengthens the idea that the quality of\n\t\t\tfood you eat matters to your overall health.\n\t\t\tWhatever eating pattern you follow, it’s a good idea\n\t\t\tto eat quality carbs and fats. That means avoiding\n\t\t\trefined carbohydrates, added sugars, and saturated\n\t\t\tfats. Instead, focus on whole grains, non-starchy\n\t\t\tvegetables, whole fruits, and unsaturated\n\t\t\tfats.\n\t
\n
\n\nWeight: 0\n\nStyleguide RecipesNews.Article.Content\n*/\n/*\nArticle Footer Data\n\nInformation about the original article, author and disclaimer. (Secondary Level Item)\n\nMarkup:\n
\n\nWeight: 1\n\nStyleguide RecipesNews.Article.Footer Data\n*/\n/*\nAuthor & Article Tag Block CardioSmart.\n\ninformation about the article, author and taxonomy. Meta Data of an article may include: Author, Photo/Avatar of Author, Date Published, Tags & Topics of the Article, And last edited. (Secondary Level Item)\n\nMarkup:\n\n\nWeight: 0\n\nMarkupWrapperClasses: max-w_30\n\nStyleguide RecipesNews.Article.Author CardioSmart \n*/\n/*\nAuthor & Article Tag Block\n\ninformation about the article, author and taxonomy. Meta Data of an article may include: Author, Photo/Avatar of Author, Date Published, Tags & Topics of the Article, And last edited. (Secondary Level Item)\n\nMarkup:\n\n\nWeight: 0\n\nMarkupWrapperClasses: max-w_30\n\nStyleguide RecipesNews.Article.Author \n*/\n/*\nShare Content\n\nWidget to share to a social media. Shared Content clips url and pushes it to common platforms like facebook, twitter, instagram, etc.\n (Third Level)\n\nMarkup:\n\n\nWeight: 2000\n\nStyleguide RecipesNews.Article.Share\n*/\n/*\n\nNews Articles\n\nThe science and discoveries are always evolving and the news articles are a way for a user to keep up with the latest science. \n\nWeight: 3400\n\nStyleguide RecipesNews\n\n*/\n/*\nRelated Carousel\n\nRelated Content is a multi bucket area that can be set to filter on Topic and number or elements. When the elements cannot display in the viewport then the area implements a carousel. (Secondary Level Item)\n\nMarkup:\n
\n
\n
\n
\n
\n
\n \n
\n Factsheet\n
\n
\n
\n
\n
\n
Receiving a Heart Transplant in Your Region's Leading Center Can Improve Survival\n
\n
\n Accute Heart Failure\n
\n
\n
\n
\n
\n learn more\n \n
\n
\n
\n
\n
\n
\n
\n \n
\n Infographic\n
\n
\n
\n
\n
\n
Receiving a Heart Transplant in Your Region's Leading Center Can Improve Survival\n
\n
\n Accute Heart Failure\n
\n
\n
\n
\n
\n learn more\n \n
\n
\n
\n
\n
\n
\n
\n
\n \n
\n Patient Story\n
\n
\n
\n
\n
\n
Receiving a Heart Transplant in Your Region's Leading Center Can Improve Survival\n
\n
\n Accute Heart Failure\n
\n
\n
\n
\n
\n learn more\n \n
\n
\n
\n
\n\nWeight: 1\n\nStyleguide RecipesRelated.Group.Grid\n*/\n/*\nRelated Content Item (Pathway Colors)\n\nDescription: New Items on the site use the colors of the pathways to enrich the page with some color details. \n\n.bg_acute \t\t\t\t\t\t - Acute Coronary Syndromes CAD, PAD\n.bg_arrhythmias \t\t\t\t - arrhythmias and Clinical EP Atrial Fibulation, Bradycardia, Supraventricular Tachycardia\n.bg_congenital-n1\t\t\t\t\t\t - #fdb918 Congenital Heart Disease:Congenital Heart Defects\n.bg_ecg-n1 \t\t\t\t\t\t\t\t - #d9691f Standard ECG, Stress Test\n.bg_vascular\t\t\t\t\t\t\t\t - #ae171c Vascular Medicine Aortic Aneurysm, Peripheral Artery Disease, Renal Artery Disease, Subclavian Artery Disease,Varicose Veins\n.bg_prevention \t\t\t\t\t\t\t\t\t- #a01d51 Prevention High blood presure\n.bg_hf \t\t\t\t\t\t\t\t\t - #410d49 Heart Failure Heart Valve Disease, Aortic Stenosis, Mitral Regurgitation\n.bg_valvular \t\t\t\t\t\t - #4f4190 Valvular Heart Disease Heart Valve Disease,Aortic Stenosis,Mitral Regurgitation\n.bg_ischemic \t\t\t\t - #0f3e65 Stable ischemic Heart Disease\n.bg_secondary - Diabetes, Diabetes and Your Heart, Metabolic Syndrome\n.bg_shade-n2 - Angina, Endocarditis, Heart Attack, Stroke, Sudden Cardiac Arrest, Sudden Cardiac Arrest and Sports, Cardio-oncology, Geriatric Cardiology, Cardiac Rehab\n.bg_invasive-3\t\t\t\t\t\t\t - #c8b02f Invasive Cardiology Angiography and Intervention\n.bg_noninvasive-3 \t\t\t\t\t\t - #947b33 Noninvasive Cardiology\n.bg_pulmonary-3 \t\t\t\t\t\t - #d60e7e Pulmonary Hypertension and Venous Thromboembolic Disease\n.bg_pericardial-3 \t\t\t\t\t\t\t\t- #0079ad pericardial Disease\n.bg_special-3 \t\t\t\t\t\t\t\t\t- #00b6f1 Special\n\n\nMarkup:\n
\n\t
\n
\n
\n \n
\n Generic article \n
\n
\n
\n
\n
\n
Receiving a Heart Transplant in Your Region's Leading Center Can Improve Survival\n
\n
\n Accute Heart Failure\n
\n
\n
\n
\n
\n learn more\n \n
\n
\n\nMarkupWrapperClasses:\n p_4 bg_shade-n4 grid template-x_25 gap-x_5 gap-y_4\n\nWeight: 2\n\nStyleguide RecipesRelated.Item.Color\n\n*/\n/*\nRelated Content Item (Content Icons)\n\nDescription: New Items on the site use the colors of the pathways to enrich the page with some color details. \n\n.fa-file-medical-alt - Generic article (file-medical-alt)\n.fa-newspaper - News article (newspaper) \n.fa-hospital-user - Patient/survivor story (address-card) (hospital-user) (file user)\n.fa-file-chart-pie - Infographics (file-chart-pie)\n.fa-ballot-check - Fact Sheet (ballot-check) (file-spreadsheet)\n.fa-comments-alt - Discussion Guide (user-md-chat)(comments-alt)\n.fa-file-signature - Action Plan (file-signature)\n.fa-sitemap - Decision Aid (sitemap) (code-branch)\n.fa-calculator - Risk Calculator (calculator)\n.fa-photo-video - Video (photo-video)\n.fa-book-heart - Generic Prevention (heart) (book-heart)\n.fa-utensils-alt - Eat Better (utensils-alt)\n.fa-weight - Lose Weight (weight)\n.fa-walking - Move More (walking) (running)\n.fa-alarm-snooze - Relax (alarm-snooze) (spa)\n.fa-smoking-ban - Stop Smoking (smoking-ban)\n.fa-clipboard-user - Manage Your Health (clipboard check) (clipboard-user)\n.fa-prescription-bottle-alt - Medication Adherence (prescription-bottle)\n.fa-hand-holding-heart - Caregivers (hand-holding-heart) (user-friends)\n.fa-users-medical - Editor in chief/Editorial Board (users-medical)\n\n\nMarkup:\n
\n\t
\n
\n
\n \n
\n The Object Type Label\n
\n
\n
\n
\n
\n
Receiving a Heart Transplant in Your Region's Leading Center Can Improve Survival\n
\n
\n Accute Heart Failure\n
\n
\n
\n
\n
\n learn more\n \n
\n
\n\nWeight: 3\n\nStyleguide RecipesRelated.Item.Icon\n\n*/\n/*\nFeatured Tool Color Dark (1.01.01-C)\n\nA featured tool is a single selected asset from the asset library. (Secondary Level Item)\n\nMarkup:\n\n\nWeight: -10\n\nStyleguide RecipesRelated.Featured.Color\n\n*/\n/*\nFeatured Tool Grey\n\nA featured tool is a single selected asset from the asset library. (Secondary Level Item)\n\nMarkup:\n\n\nWeight: 10\n\nStyleguide RecipesRelated.Featured.Neutal\n\n*/\n/*\nFeatured Tool Color Light\n\nA featured tool is a single selected asset from the asset library. (Secondary Level Item)\n\nMarkup:\n\n\nWeight: 0\n\nStyleguide RecipesRelated.Featured.White\n\n*/\n/*\nFeatured Tool without Type Labels\n\nA featured tool is a single selected asset from the asset library. (Secondary Level Item)\n\nMarkup:\n\n\nWeight: 100\n\nStyleguide RecipesRelated.Featured.WithOutType\n\n*/\n/*\nRelated Topics\n\nRelated Topics is a list of topics that can be related to the current topic. (Primary Level Item)\n\nMarkup:\n\n\nWeight: 0\n\nStyleguide RecipesRelated.Page.Topics\n*/\n/*\nRelated Tools\n\nRelated Tools is a list of tools related to the current topics (Secondary Level Item)\n\nMarkup:\n\n\nWeight: 10\n\nStyleguide RecipesRelated.Page.Tools\n*/\n/*\nRelated Decision Tools\n\nA curated list of patient tools or decision page that can be added with short title and link. Expander should be added if list exceeds X.(Secondary Level Item)\n\nMarkup:\n\n\nWeight: 2000\n\nStyleguide RecipesRelated.Page.SDM\n*/\n/*\n\t Related Content\n\n\tThere are many components that pull in lists, carousels, and featurd presenetations of other assets and or pages because they are related. \n\n\tWeight: 3500\n\n\tStyleguide RecipesRelated\n\n*/\n/*\n\nPatient Story Excerpt (1.01.02-A)\n\nRender an excerpt of a survivor story that is related to the topic of the page. There are 3 click actions: read story, next story, view all stories. (Secondary Level Content)\n\nMarkup:\n\n\nWeight: 1000\n\nStyleguide RecipesPatient.Excerpt\n\n*/\n/*\n\nPatient Story Excerpt (1.01.02-A)\n\nRender an excerpt of a survivor story that is related to the topic of the page. There are 3 click actions: read story, next story, view all stories. (Secondary Level Content)\n\nMarkup:\n \n
\nBorn with aortic valve stenosis and having endured open-heart surgery to replace the valves (Ross procedure) at 17, I recovered well enough to play tennis at the collegiate level while earning a bachelor’s degree in kinesiology with an emphasis in cardiac exercise. After exploring work in the field of cardiac rehabilitation, an environment that I found hit uncomfortably close to home on a daily basis, I switched to higher education. I began teaching courses in health and exercise science at a community college, both during and after my own graduate education. As I learned more through my studies and experiences, my interests switched to public health: Specifically, how to prevent and treat chronic disease through fitness. This has led to a love affair with the American College of Sports Medicine’s “Exercise is Medicine” initiative.\n
\n
\nAfter I could no longer play sports competitively, I needed a new outlet for my physical and mental health. My cardiologists made it clear that I was already at a disadvantage, and it was imperative that I stayed active to maintain good health. Eighteen years after open-heart surgery, I have a passion for exploration. In addition to enjoying daily life, one of the major driving forces that energizes me is to see the world by hiking through it. For me, the best way to experience the most amazing places the planet has to offer is by foot. Hiking offers a more controllable challenge with consistent, mind-blowing payoffs — always full of adventures. I try to hike 100+ miles in the summer months alone. \n
\n
\nHikes may sound ordinary, especially where I live in Colorado. However, over the past 18 years, I have not taken any medications, my blood pressure is under control, and my replaced valves are holding steady despite that the very best valves appear to last only 15 years. I am without question living well with heart disease. Even though that is supposed to be temporary, I have the benefit of knowledge (and modern medicine) to recognize I can enjoy what I love, with patience and support.\n
\n
As the fitness and wellness manager at the Staenberg-Loup Jewish Community Center in Denver, I intend to use the same enthusiasm to help others and provide them with opportunities to live CardioSmart. If I have learned anything as someone who has spent his life trying to prove he can live independently in spite of his circumstances, living well is best when shared with others who also want to live well.
\n\n\nWeight: 1000\n\nStyleguide RecipesPatient.Complete\n\n*/\n/*\n\t Patient Stories\n\n\tThe human face of cardiosmart is the stories of people who live and thrive with these conditions.\n\n\tWeight: 3600\n\n\tStyleguide RecipesPatient\n\n*/\n/*\n\tFYHAH\n\n\tFind your heart a home is a single page application that is housed in a subdomain of cardiosmart.\n\n\tWeight: 5000\n\n\tStyleguide RecipesFYHAH\n\n*/\n/*\nSearch Result\n\nThe returned result of a FYHAH search.\n\nMarkup:\n\n \n
Cardiac data registries are national databases that collect information on specific heart conditions or procedures performed in hospitals. Quality improvement programs give hospitals the tools and resources they need to improve how they deliver care.
\n
\n\nWeight: 0\n\nStyleguide RecipesFYHAH.Profile Identifier\n*/\n/*\nSearch Panel\n\nDescription: Search Panel\n\nMarkup:\n\n\nWeight: 0\n\nStyleguide RecipesFYHAH.Search Panel\n*/\n/*\nFYHAH Header Bar\n\nDescription: Header of the single page applicaiton\n\nMarkup:\n\n\t\n\t
Hospital performance for patients who have had a cardiac catheterization or PCI (angioplasty)
\n \n
\n
Use of a P2Y12 inhibitor medication to reduce the chance of blood clots after PCI/angioplasty.
\n
\n
\n
4 's
\n
\n v>\n \n \n
\n
Use of a Statin to decrease cholesterol after PCI/angioplasty.
\n
\n
\n
4
\n
\n \n \n
\n
Number of PCI/angioplasty procedures performed during the calendar year.
\n
\n
\n
5 's
\n
\n v>\n \n \n
\n
Use of a P2Y12 inhibitor medication to reduce the chance of blood clots after PCI/angioplasty.
\n
\n
\n
3
\n
\n \n \n
\n
Use of a P2Y12 inhibitor medication to reduce the chance of blood clots after PCI/angioplasty.
\n
\n
\n
1
\n
\n \n
\n \n\n\n\nWeight: 1\n\nStyleguide RecipesFYHAH.Profile.Metrics\n*/\n/*\n\tCHD\n\n\tA search systems for clinics that meet the standard.\n\n\tWeight: 6000\n\n\tStyleguide RecipesCHD\n\n*/\n/*\nSearch Result\n\nThe returned result of a FYHAH search.\n\nMarkup:\n\n \n
Ahmanson – UCLA Adult Congenital Heart Disease Center
The information available in this directory is self-reported by individual centers and has not been independently confirmed by the American College of Cardiology. Please call the center or clinic’s main number to verify services, location and details regarding available cardiologists and surgeons. Thank you.
\n \n\nWeight: -1\n\nStyleguide RecipesCHD.Result\n*/\nbody {\n font-family: var(--font-family_copy);\n font-size: 1rem;\n}\n\nh1, .h1,\nh2,\n.h2,\nh3,\n.h3,\nh4,\n.h4,\nh5,\n.h5,\nh6,\n.h6 {\n font-family: var(--font-family_display);\n font-weight: var(--font_regular);\n}\n\nh6, .h6 {\n font-weight: var(--font_bold);\n}\n\np {\n line-height: 1.35;\n}\n\nul,\nol {\n line-height: 1.6;\n}\n\nkbd,\ncode,\nsamp,\nvar {\n font-family: var(--font-family_mono);\n}\n\nform {\n border-color: rgba(19, 18, 18, 0.38);\n}\n\nlabel {\n font-size: 1rem;\n font-weight: var(--font_bold);\n font-family: var(--font-family_ui);\n color: currentColor;\n}\n\ninput,\nselect,\ntextarea,\nlegend,\nfieldset,\nbutton {\n box-sizing: border-box;\n font-size: 1rem;\n font-family: var(--font-family_ui);\n color: currentColor;\n}\n\nbutton,\n[type=button],\n[type=submit],\n[type=reset], [type=date],\n[type=datetime],\n[type=datetime-local],\n[type=email],\n[type=month],\n[type=number],\n[type=password],\n[type=search],\n[type=tel],\n[type=text],\n[type=url],\n[type=week],\n[type=time], select,\ntextarea {\n padding: 0.25rem 0.5rem;\n line-height: 1.6;\n min-height: 1.5em;\n border-color: rgba(19, 18, 18, 0.25);\n border-width: thin;\n border-radius: 6px;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n box-shadow: inset 1px 1px 2px 2px hsla(var(--primary-h), var(--primary-s), var(--primary-l), 0.12), inset 2px 2px 3px 0px hsla(var(--primary-h), var(--primary-s), var(--primary-l), 0.1), inset -2px -2px 3px 0px hsla(var(--primary-h), var(--primary-s), var(--primary-l), 0.1);\n outline-color: hsla(var(--primary-h), var(--primary-s), var(--primary-l), 0.5);\n}\n\n[type=date],\n[type=datetime],\n[type=datetime-local],\n[type=email],\n[type=month],\n[type=number],\n[type=password],\n[type=search],\n[type=tel],\n[type=text],\n[type=url],\n[type=week],\n[type=time], select,\ntextarea {\n width: 100%;\n}\n\ninput,\nselect,\ntextarea,\nlegend,\nfieldset,\nbutton {\n box-sizing: border-box;\n}\n\n[type=color] {\n width: 1.5rem;\n height: 1.5rem;\n padding: 0;\n border-color: rgba(19, 18, 18, 0.25);\n}\n\n[type=radio],\n[type=checkbox] {\n padding-left: 0.5rem;\n}\n\nbutton,\n[type=button],\n[type=submit],\n[type=reset] {\n width: auto;\n border-radius: 6px;\n}\n\nfieldset {\n padding: 0.5rem 1rem;\n margin: 0.5rem 0;\n border-color: rgba(19, 18, 18, 0.1);\n}\n\n/*\n\n Basic Inputs\n\n Arches is strongly based on utility classes styling everything so it commonly just builds on either the base of the browser defaults or the defaults of the framework that is built on. This is a kitchen sink of html elements so you can see how this variation will effect html. There is No basic styling around the pure DOM with the utility class only. To get full brand styling use a framework based version of arches. \n\n Styleguide HTML.Inputs\n\n*/\n/*\n\n Text Inputs \n\n Bellow is the comparison of using the basic Html input types with the utility classes only vs using the bootstrap pattern for the input.\n\nMarkup:\n
\n\t
\n\t\t
Utility Class
\n\t\t \n\t\t\n\t
\n\t
\n\t\t
Bootstrap
\n\t\t\n\t\t\n\t
\n
\n\n Styleguide HTML.Inputs.Text\n\n*/\n/*\n\nInputs UC\n\nUtility Class only build inputs\n\nMarkup:\n\n\nWeight:100\n\nStyleguide HTML.Inputs.All\n\n*/\n/*\n\nTable\n\nBasic Tables with this variation of Arches. Please note that the html can have a different look depending on the brand or the framework the variation is built on. \n\n
Tables can have captions now.
Person
Number
Third Column
Someone Lastname
900
Nullam quis risus eget urna mollis ornare vel eu leo.
Vestibulum id ligula porta felis euismod semper. Donec ullamcorper nulla non metus auctor fringilla.
Another Person
1500
Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Nullam id dolor id nibh ultricies vehicula ut id elit.
Last One
2800
Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum.
\n\n\nStyleguide HTML.BasicTable\n\n*/\ntable {\n font-family: var(--font-family_ui);\n font-size: 1rem;\n}\ntable caption {\n padding: 0.5rem;\n}\n\nth,\ntd {\n padding: 0.25rem 0.5rem;\n text-align: start;\n}\n\nthead {\n font-weight: var(--font_bold);\n padding: 0.25rem 0.5rem 0;\n}\n\ntbody {\n padding: 0 0.5rem;\n}\n\ntfoot,\ncaption {\n font-size: 0.8888888889rem;\n padding: 0 0.5rem 0.25rem;\n}\n\n/*\n\nDeprecated: Lorem Text Loader\n\nIt is often we need to have space held for a return of details or text. \n\nMarkup:\n
\n
\n
\n
\n
\n
\n\nStyleguide Recipes.InteractiveExtras.Text Placeholder Loader\n\n\n*/\n/*\n\nAspect Ratio\n\nTo create an image placeholder use the lorem-loader plus an aspect of the intended image on th parent container while waiting for the image.The placeholder will be a 100% of the container so size the container properly. \n\n.aspect_8x10\t\t\t- lock image to a 8 to 10 ratio\n.aspect_1x1\t\t\t- lock image to a 1 to 1 ratio\n.aspect_2x1\t\t\t- lock image to a 2 to 1 ratio\n.aspect_3x2\t\t\t- lock image to a 3 to 2 ratio \n.aspect_4x3\t\t\t- lock image to a 4 to 3 ratio \n.aspect_16x9\t\t- lock image to a 16 to 9 ratio \n.aspect_21x9\t\t- lock image to a 21 to 9 ratio \n.aspect_4x1\t\t\t- lock image to a 4 to 1 ratio \n\nMarkup:\n
\n
\n
\n\nStyleguide Recipes.InteractiveExtras.Placeholder Aspect Ratio\n*/\n.lorem-loader {\n width: 100%;\n overflow: hidden;\n color: #fff;\n background: linear-gradient(-45deg, hsla(var(--shade-h), calc( var( --shade-s ) - ( var( --shade-s ) * 0.125 ) ), calc( var(--shade-l) + ((100% - var(--shade-l)) * 0.25) ), 1), hsla(var(--shade-h), calc( var( --shade-s ) - ( var( --shade-s ) * 0.25 ) ), calc( var(--shade-l) + ((100% - var(--shade-l)) * 0.5) ), 1));\n background-size: 400% 400%;\n -webkit-animation: Gradient 3s ease infinite;\n -moz-animation: Gradient 3s ease infinite;\n animation: Gradient 3s ease infinite;\n}\n\n@-webkit-keyframes Gradient {\n 0% {\n background-position: 0% 50%;\n }\n 50% {\n background-position: 100% 50%;\n }\n 100% {\n background-position: 0% 50%;\n }\n}\n@-moz-keyframes Gradient {\n 0% {\n background-position: 0% 50%;\n }\n 50% {\n background-position: 100% 50%;\n }\n 100% {\n background-position: 0% 50%;\n }\n}\n@keyframes Gradient {\n 0% {\n background-position: 0% 50%;\n }\n 50% {\n background-position: 100% 50%;\n }\n 100% {\n background-position: 0% 50%;\n }\n}\n.icon-toggle_plus-minus-sub:before, .icon-toggle_check:before, .icon-toggle_check-circle:before, .icon-toggle_check-sqaure:before, .icon-toggle_arrow-circle:before, .icon-toggle_chevron-double-left-right:before, .icon-toggle_chevron-double-up-down:before, .icon-toggle_chevron-up-down:before, .icon-toggle_plus-minus:before, .icon-toggle_bars-times:before {\n margin: 0 0.25rem;\n}\n\n.icon-toggle_plus-minus-sub:before, .icon-toggle_check:before, .icon-toggle_check-circle:before, .icon-toggle_check-sqaure:before, .icon-toggle_arrow-circle:before, .icon-toggle_chevron-double-left-right:before, .icon-toggle_chevron-double-up-down:before, .icon-toggle_chevron-up-down:before, .icon-toggle_plus-minus:before, .icon-toggle_bars-times:before {\n margin: 0 0.25rem;\n}\n\n/*\nIs Active Toggle \n\nMany momment there are needs for toggles of icon when the parent is in the state of `active`. Used in tree navs, dropdowns, and collapsing areas. \n\n.icon-toggle_plus-minus \t\t\t\t\t- Toggle between plus and minus square\n.icon-toggle_chevron-up-down\t\t\t\t- \tToggle a chevron pointing up and then down.\n.icon-toggle_chevron-double-up-down \t\t- Toggle the double chevron to point up when active\n.icon-toggle_chevron-double-left-right\t\t- Toggle chevron left and right\n.icon-toggle_arrow-circle \t\t\t\t\t- Toggle the arrow to have a circle when active.\n.icon-toggle_bars-times \t\t\t\t\t- Toggle between bars and times\n.icon-toggle_check-sqaure\t\t\t\t\t- Check Marks toggle on and off\n.icon-toggle_check-circle \t\t\t\t\t- Check Marks toggle on and off\n.icon-toggle_check \t\t\t\t\t\t\t- Check Marks toggle on and off\n\nMarkup:\n
\n\t
\t\n\t\n\t\t\tFA Solid {{ modifier_class }}\n\t\t\t active \n\t
\n\t
\t\n\t\n\t\t\tFA Regular {{ modifier_class }}\n\t\t\t active \n\t
\n\t
\t\n\t\n\t\t\tFA Light {{ modifier_class }}\n\t\t\t active \n\t
\n\n\n\n\n\nStyleguide Recipes.Social Links\n\n*/\n/*\nSocial Links Monochrome\n\nThe social links can be restyled to be smaller.\n\n\nMarkup:\n\n
\n
\n
\n
\n
\n
\n
\n
\n\n\n\n\n\nStyleguide Recipes.Social Links.Mono Chrome\n\n*/\n/*\nSocial Links Smaller\n\nThe social links can be restyled to be smaller.\n\n\nMarkup:\n\n
\n
\n
\n
\n
\n
\n
\n
\n\n\n\nStyleguide Recipes.Social Links.Smaller\n\n*/\n/*\nStars\n\nStar ratings should be build throughout arches in a more dynamic way but this is an easy level of adding stars. \n\nMarkup:\n
\n
\n
\n
\n
\n
\n
\n\nWeight:0\n\ncaution: This item is not finalized and might be subject to change\n\n\n\nStyleguide Recipes.InteractiveExtras.Stars\n*/\n.star-rating {\n color: hsla(var(--secondary-h), calc( var( --secondary-s ) - ( var( --secondary-s ) * 0.25 ) ), calc( var(--secondary-l) + ((100% - var(--secondary-l)) * 0.5) ), 1);\n}\n.star-rating.rating-5 li:nth-child(-n+5) {\n color: hsla(var(--primary-h), calc( var(--primary-s) + ((100% - var(--primary-s)) * 0.015) ), calc( var( --primary-l ) - ( var( --primary-l ) * 0.15 ) ), 1);\n}\n.star-rating.rating-4 li:nth-child(-n+4) {\n color: hsla(var(--primary-h), calc( var(--primary-s) + ((100% - var(--primary-s)) * 0.015) ), calc( var( --primary-l ) - ( var( --primary-l ) * 0.15 ) ), 1);\n}\n.star-rating.rating-3 li:nth-child(-n+3) {\n color: hsla(var(--primary-h), calc( var(--primary-s) + ((100% - var(--primary-s)) * 0.015) ), calc( var( --primary-l ) - ( var( --primary-l ) * 0.15 ) ), 1);\n}\n.star-rating.rating-2 li:nth-child(-n+2) {\n color: hsla(var(--primary-h), calc( var(--primary-s) + ((100% - var(--primary-s)) * 0.015) ), calc( var( --primary-l ) - ( var( --primary-l ) * 0.15 ) ), 1);\n}\n.star-rating.rating-1 li:nth-child(-n+1) {\n color: hsla(var(--primary-h), calc( var(--primary-s) + ((100% - var(--primary-s)) * 0.015) ), calc( var( --primary-l ) - ( var( --primary-l ) * 0.15 ) ), 1);\n}\n\n/*\n Design Base\n\n Arches is design inspired by a pad of paper in the hand. Subtle Textures and Layer shadows keep the readability very high. \n\n Weight: -1000\n\n Styleguide DesignBase\n*/\n/*\n\nFonts \n\nThe ACC is focused on stable, conservative, clean fonts. Roboto Slab is the standard serif fonts across all products at the ACC. Muli is the current successor to Open Sans, and Maven is a slightly modern font to give a small level of interests which replaces Raleway, or Lato in other products.\n\n Styleguide DesignBase.Fonts\n*/\n/*\n\nAccent Roboto Slab\n\nA beautiful Accent font that shows a complexity and texture to the fonts used in the design. \n\n
\n\t
\n\t\tRoboto Slab\n\t\tfont-family: \"Roboto Slab\",\"Times New Roman\",\"Lucida Bright\",Georgia,serif, \"slab\"\n\t
\n\t
\n\t
RS
\n\t\t
\n\t\t\t
Accent Font
\n\t\t\t
a b c d e f g h i j k l m n o p q r s t u v w x y z
\n\t\t\t
a b c d e f g h i j k l m n o p q r s t u v w x y z
\n\t\t\t
0 1 2 3 4 5 6 7 8 9
\n\t\t\t
a b c d e f g h i j k l m n o p q r s t u v w x y z
\n\t\t\t
a b c d e f g h i j k l m n o p q r s t u v w x y z
\n\t\t\t
0 1 2 3 4 5 6 7 8 9
\n\t\t
\n\t
\n
\n\n Weight: -10\n\n Styleguide DesignBase.Fonts.Accent\n*/\n/*\n\nDisplay: Maven Pro\n\n A Slick font that has a slight interest used for headers and UI. \n\n
a b c d e f g h i j k l m n o p q r s t u v w x y z
\n\t\t\t
a b c d e f g h i j k l m n o p q r s t u v w x y z
\n\t\t\t
0 1 2 3 4 5 6 7 8 9
\n\t\t\t
a b c d e f g h i j k l m n o p q r s t u v w x y z
\n\t\t\t
a b c d e f g h i j k l m n o p q r s t u v w x y z
\n\t\t\t
0 1 2 3 4 5 6 7 8 9
\n\t\t
\n\t
\n
\n\n Weight: 1\n\n Styleguide DesignBase.Fonts.UI\n*/\n/*\n\nIcons: Font Awesome\n\nThe American College of Cardiology (ACC) employs Font Awesome icons for its websites and mobile applications. The organization uses either version 4 or version 5 of Font Awesome's icon sets, providing an extensive range of options for the website's visual design and functionality. Despite the release of version 6, there is no current initiative to upgrade due to the breaking changes that come with it. The ACC recognizes that icons convey meaning and has developed an icon dictionary to ensure consistent usage of icons throughout its digital platforms. This approach enhances the user experience by providing clear and concise communication through the use of symbols, while the Font Awesome library enables the ACC to quickly and efficiently incorporate high-quality icons into its digital content.\n\nplus\t\t\t\t\t\t - fa-plus\t\t\t\t\t\narrow-right\t\t\t\t\t - fa-arrow-right\t\t\t\t\t\nsearch\t\t\t\t\t\t - fa-search\t\t\t\t\t\nenvelope\t\t\t\t\t - fa-envelope\t\t\t\t\nheart\t\t\t\t\t\t - fa-heart\t\t\t\t\t\nstar\t\t\t\t\t\t - fa-star\t\t\t\t\t\t\t\t\t\nuser\t\t\t\t\t\t - fa-user\t\t\t\t\t\n\n\nMarkup:\n
{{modifier_class}}
\n\nMarkupWrapperClasses:\n\n\nStyleguide DesignBase.IconsTrue\n*/\n/*\n\nACC's Blue\n\n$acc-blue - #004176; acc\n\nStyleguide DesignBase.Colors.ACC\n*/\n/*\n\nTheme Colors \n\nColors are based off of the ACC Scrub Colors.\n\nmap-get($theme-palette, primary) - #015697; primary\nmap-get($theme-palette, secondary) - #009db1; secondary\nmap-get($theme-palette, shade) \t - #878585; shade\nmap-get($theme-palette, accent) - #e17009; accent\nmap-get($theme-palette, info) - #a3988c; info\nmap-get($theme-palette, highlight) - #f5ca4f; highlight\n\nWeight:-1000\n\nStyleguide DesignBase.Colors\n */\n/*\n\nAction Colors \n\nActionable colors used to respond to user inputs and messaging.\n\nmap-get($theme-palette, alert) - #953b39; alert\nmap-get($theme-palette, warning) - #c67605; warning\nmap-get($theme-palette, success) - #468847; success\nmap-get($theme-palette, navigation) - #2b58c0; navigation\n\nStyleguide DesignBase.Colors.Actions\n*/\n/*\n\nColor Coding \n\nColor Coding is used in specific products and concepts to illustrate cohesion and collections. All of these color codes are used universally through out the college and have an associated meaning. All of these colors are just used for reference and have no associated decorator classes. You must include the the associated color-code_x.css have access to utlity classes that will color using the bellow colors. \n\nStyleguide DesignBase.Colors.ColorCoding\n\n */\n/*\n\nCOR Colors \n\n(COR) Class of Recommendation is a color collect used in Guideline recommendations.\n\n$cor-green \t- #6fc284; I\n$cor-yellow \t- #ffd44f; IIA\n$cor-yellow-orange - #faa74b; IIA\n$cor-orange \t- #f15d4c;III and III-NoHarm\n$cor-red \t\t- #ed1c00; III-harm\n\nWeight: 10\n\nStyleguide DesignBase.Colors.ColorCoding.COR\n\n */\n/*\n\nLOE Colors \n\n(LOE) level of Evidence is a color collect used in Guideline recommendations.\n\n$loe-dark-blue \t- #3e6fb7;LOE A\n$loe-mid-blue \t\t- #659cd3;LOE B-R\n$loe-light-blue \t- #a1c1e6;LOE B-NR\n$loe-pale-blue \t- #b5d5e5; LOE C\n\nWeight: 10\n\nStyleguide DesignBase.Colors.ColorCoding.LOE\n\n */\n/*\n\nCredit Type Color Coding \n\nCredit Types in the ACC have a specific color coding.\n\n$credit-AAPA - #e8c536; AAPA: American Academy of Physician Assistants (AAPA) Category 1 CME Credit \n$credit-ABP - #007a5b; ABP-MOC: American Board of Pediatrics \n$credit-ABPMOCII - #0b6d4c; ABP-MOC 2: American Board of Pediatrics MOC 2 \n$credit-ABPMOCIV - #105a3b; ABP-MOC 4: American Board of Pediatrics MOC 4 \n$credit-ATCEU - #775744; ATCEU: Athletic Trainer Continuing Education Unit \n$credit-CE - #a8a8a8; CE: Continuing CCA\\Tech Education \n$credit-CME - #00a15b; CME: AMA PRA Category 1TM Credit(s) \n$credit-CNE - #198dae; CNE: Continuing Nurse Education \n$credit-CNErx - #52549e; CNErx: Continuing Nursing Education Pharmaceutical \n$credit-COP - #775891; COP: Certificate of Participation \n$credit-CPE - #992e2e; CPE: Continuing Pharmacy Education \n$credit-ECME - #d16528; ECME: European Board for Accreditation in Cardiology (EBAC) External CME Credit\n$credit-IPCE - #6c36b3; IPCE: Interprofessional Continuing Education Credit\n$credit-MOCII - #9a1267; MOC II: ABIM MOC Part II \n$credit-MOCIV - #d3248d; MOC IV: ABIM MOC Part IV \n\nWeight: 0\n\nStyleguide DesignBase.Colors.ColorCoding.Credits\n\n*/\n/*\n\nClinical Pathway Colors \n\nEach of the clinical pathways has a distinctive color. These colors are used to give a distinct theme to our clinical apps, marketing, pdf's and tools.\n\n$pathway-acute-coronary-syndromes \t\t\t\t\t\t- #009974; Acute Coronary Syndromes\n$pathway-arrhythmias-EP \t\t\t\t\t\t\t\t- #005b37; arrhythmias and Clinical EP\n$pathway-congenital-heart-disease \t\t\t\t\t\t- #fdb918; Congenital Heart Disease\n$pathway-ecg-stress-test \t\t\t\t\t\t\t\t- #d9691f; Standard ECG, Stress Test\n$pathway-heart-failure \t\t\t\t\t\t\t\t\t- #410d49; Heart Failure and Cardiomyopathies\n$pathway-invasive-cardiology \t\t\t\t\t\t\t- #c8b02f; Invasive Cardiology Angiography and Intervention\n$pathway-noninvasive-cardiology \t\t\t\t\t\t- #947b33; Noninvasive Cardiology\n$pathway-pandemic \t\t\t\t\t\t\t\t\t\t- #8e2582; Pandemic \"Covid\"\n$pathway-pericardial \t\t\t\t\t\t\t\t\t- #0079ad; pericardial Disease\n$pathway-prevention \t\t\t\t\t\t\t\t\t- #a01d51; Prevention\n$pathway-pulmonary-hypertension \t\t\t\t\t\t- #d60e7e; Pulmonary Hypertension and Venous Thromboembolic Disease\n$pathway-special \t\t\t\t\t\t\t\t\t\t- #00b6f1; Special\n$pathway-stable-ischemic-heart-disease \t\t\t\t- #0f3e65; Stable ischemic Heart Disease\n$pathway-valvular-heart-disease \t\t\t\t\t\t- #4f4190; Valvular Heart Disease\n$pathway-vascular-medicine \t\t\t\t\t\t\t\t- #ae171c; Vascular Medicine\n\nWeight: -1\n\nStyleguide DesignBase.Colors.ColorCoding.Pathways\n\n*/\n/*\n\nRegistry CC\n\nCredit Type Color codes in the ACC have a specific color coding.\n\n$registry-cpmi - #f22418; Chest Pain MI Registry\n$registry-afib - #ffb300; AFib Ablation Registry\n$registry-cathpci - #0086d5; CathPCI Registry\n$registry-icd - #80b800; ICD Registry\n$registry-impact - #4e1f73; IMPACT Registry\n$registry-pinnacle-primary - #0e4f1b; PINNACLE Registry (Primary)\n$registry-pinnacle-accent - #b3c4c4; PINNACLE Registry (Accent)\n$registry-focus - #d6560d; Patient Navigator Focus MI\n$registry-pcibleeding - #c0268e; Reducing Risk PCI Bleeding\n$registry-laao - #00667a; LAAO Registry\n$registry-pvi - #00947f; PVI Registry\n$registry-auxdata - #04adad; Auxiliar Data Collection\n$registry-ststvt - #a20062; STS ACC TVT Registry\n$registry-diabetes - #7893b8; Diabetes Collaborative \n\nWeight: 2000\n\nStyleguide DesignBase.Colors.ColorCoding.Registry\n\n*/\n/*\n\nJournal\n\nJournals of JACC have specific branding colors.\n\n$journal-jc - #002e5a; Journal of the American College of Cardiology: (JC)\n$journal-adv - #0000FF; JACC: Advances: (JC-ADV)\n$journal-asia - #ec2939; JACC: Asia: (JC-ASIA)\n$journal-tran - #1788c2; JACC: Basic to Translational Science: (JC-TRAN)\n$journal-cvonc - #00ae81; JACC: CardioOncology: (JC-CVONC)\n$journal-case - #f37321; JACC: Case Reports: (JC-CASE)\n$journal-ep - #8a5e96; JACC: Clinical Electrophysiology: (JC-EP)\n$journal-hf - #991326; JACC: Heart Failure: (JC-HF)\n$journal-invt - #038e92; JACC: Cardiovascular Interventions: (JC-INVT)\n$journal-imag - #c18a0e; JACC: Cardiovascular Imaging: (JC-IMAG)\n\n\nWeight: 2000\n\nStyleguide DesignBase.Colors.ColorCoding.Journals\n\n*/\n/*\n\nSocial Network Colors \n\nEach of the social networks has a distinctive color. These colors are used to give a distinct theme to the social nav that is in different locations.\n\n$twitter - #000; \t\ttwitter \n$facebook - #3b5998; \tfacebook \n$linkedin - #007bb6; \tlinkedin \n$apple-store - #ea4cc0; \tapple-store \n$google-play - #689f38; \tgoogle-play \n$youtube - #bb0000; \tyoutube \n\n\n\nWeight: 100\n\nStyleguide DesignBase.Colors.ColorCoding.Social Networks\n\n*/\n/*\n\tTextures\n\n\tAll textures in the Arches design are a subtle variation of transparent. Allowing for colors to bleed through from behind. Different textures have intentions or are reserved for certain usagaes. \n\n\t.texture_light \t\t- Light textures is reserved for the base of a page where it can gve a soft area for text or cards to live on top of. \n\t.texture_medium \t\t\t\t\t- medium texture are used for area that are hidden away. Collapsable navs, areas, or sidebars ususaly use the medium texture.\n\t.texture_dust \t\t\t\t\t- Dust is the most transparent texture allowing for the color of the background to show through the most. This is used for the painted tops of cards, or score bars.\n\t.texture_dark \t\t\t\t\t- This texture predominatly used on the footer. Its rich black will alway requrie reversed text and buttons to be readable. \n\t.texture_cross \t\t\t\t\t- A mostly transparent cross texture used for alternating rows of content when a little extra texture is needed.\n\t.texture_disabled \t\t\t\t- This texture is used to paint disabled buttons and ui items giving it a greyed and X'ed out appearand. \n\n\tMarkup:\n\t
{{modifier_class}} with a light primary color background
\n\n\tStyleguide DesignBase.Textures\n\n */\n/*\n\nprimary: Color Variations \n\nThe Modified versions of the primary color from this theme\n\nMarkup:\n\n\n\t\t
primary-n5
HEX:#000d17
RGB:0, 13, 23
HSL:206deg ,98.7960526316%, 4.4705882353%
\n\t\t
primary-n4
HEX:#001a2d
RGB:0, 26, 45
HSL:206deg ,98.7763157895%, 8.9411764706%
\n\t\t
primary-n3
HEX:#012b4c
RGB:1, 43, 76
HSL:206deg ,98.75%, 14.9019607843%
\n\t\t
primary-n2
HEX:#013c6a
RGB:1, 60, 106
HSL:206deg ,98.7236842105%, 20.862745098%
\n\t\t
primary-n1
HEX:#014980
RGB:1, 73, 128
HSL:206deg ,98.7039473684%, 25.3333333333%
\n\t\t
primary-0
HEX:#015697
RGB:1, 86, 151
HSL:206deg, 98.6842105263%, 29.8039215686%
\n\t\t
primary-1
HEX:#016abb
RGB:1, 106, 187
HSL:206deg ,93.75%, 36.8235294118%
\n\t\t
primary-2
HEX:#0289f0
RGB:2, 137, 240
HSL:206deg ,86.3486842105%, 47.3529411765%
\n\t\t
primary-3
HEX:#4db1fe
RGB:77, 177, 254
HSL:206deg ,74.0131578947%, 64.9019607843%
\n\t\t
primary-4
HEX:#a6d8fe
RGB:166, 216, 254
HSL:206deg ,61.6776315789%, 82.4509803922%
\n\t\t
primary-5
HEX:#dbefff
RGB:219, 239, 255
HSL:206deg ,54.2763157895%, 92.9803921569%
\n
\n\n\n\n\n HideCodeBlock: display_none \n\nWeight:0\n\nStyleguide DesignBase.CrayonBox.primary\n\n*/\n/*\n\nsecondary: Color Variations \n\nThe Modified versions of the secondary color from this theme\n\nMarkup:\n\n\n\t\t
secondary-n5
HEX:#00181b
RGB:0, 24, 27
HSL:186.7796610169deg ,100%, 5.2058823529%
\n\t\t
secondary-n4
HEX:#002f35
RGB:0, 47, 53
HSL:186.7796610169deg ,100%, 10.4117647059%
\n\t\t
secondary-n3
HEX:#004f59
RGB:0, 79, 89
HSL:186.7796610169deg ,100%, 17.3529411765%
\n\t\t
secondary-n2
HEX:#006e7c
RGB:0, 110, 124
HSL:186.7796610169deg ,100%, 24.2941176471%
\n\t\t
secondary-n1
HEX:#008596
RGB:0, 133, 150
HSL:186.7796610169deg ,100%, 29.5%
\n\t\t
secondary-0
HEX:#009db1
RGB:0, 157, 177
HSL:186.7796610169deg, 100%, 34.7058823529%
\n\t\t
secondary-1
HEX:#00bbd2
RGB:0, 187, 210
HSL:186.7796610169deg ,95%, 41.2352941176%
\n\t\t
secondary-2
HEX:#05e3ff
RGB:5, 227, 255
HSL:186.7796610169deg ,87.5%, 51.0294117647%
\n\t\t
secondary-3
HEX:#59ecff
RGB:89, 236, 255
HSL:186.7796610169deg ,75%, 67.3529411765%
\n\t\t
secondary-4
HEX:#acf6ff
RGB:172, 246, 255
HSL:186.7796610169deg ,62.5%, 83.6764705882%
\n\t\t
secondary-5
HEX:#defbff
RGB:222, 251, 255
HSL:186.7796610169deg ,55%, 93.4705882353%
\n
\n\n\n\n\n HideCodeBlock: display_none \n\nWeight:0\n\nStyleguide DesignBase.CrayonBox.secondary\n\n*/\n/*\n\nsuccess: Color Variations \n\nThe Modified versions of the success color from this theme\n\nMarkup:\n\n\n\t\t
\n\n\n\n\n\n HideCodeBlock: display_none \n\nWeight:0\n\nStyleguide DesignBase.CrayonBox.success\n\n*/\n/*\n\nshade: Color Variations \n\nThe Modified versions of the shade color from this theme\n\nMarkup:\n\n\n\t\t
shade-n5
HEX:#141414
RGB:20, 20, 20
HSL:0deg ,9.2561983471%, 7.8823529412%
\n\t\t
shade-n4
HEX:#292828
RGB:41, 40, 40
HSL:0deg ,7.7685950413%, 15.7647058824%
\n\t\t
shade-n3
HEX:#444242
RGB:68, 66, 66
HSL:0deg ,5.7851239669%, 26.2745098039%
\n\t\t
shade-n2
HEX:#5f5d5d
RGB:95, 93, 93
HSL:0deg ,3.8016528926%, 36.7843137255%
\n\t\t
shade-n1
HEX:#737171
RGB:115, 113, 113
HSL:0deg ,2.3140495868%, 44.6666666667%
\n\t\t
shade-0
HEX:#878585
RGB:135, 133, 133
HSL:0deg, 0.826446281%, 52.5490196078%
\n\t\t
shade-1
HEX:#939191
RGB:147, 145, 145
HSL:0deg ,0.7851239669%, 57.2941176471%
\n\t\t
shade-2
HEX:#a5a4a4
RGB:165, 164, 164
HSL:0deg ,0.7231404959%, 64.4117647059%
\n\t\t
shade-3
HEX:#c3c2c2
RGB:195, 194, 194
HSL:0deg ,0.6198347107%, 76.2745098039%
\n\t\t
shade-4
HEX:#e1e1e1
RGB:225, 225, 225
HSL:0deg ,0.5165289256%, 88.137254902%
\n\t\t
shade-5
HEX:#f3f3f3
RGB:243, 243, 243
HSL:0deg ,0.4545454545%, 95.2549019608%
\n\n\n\n\n\n HideCodeBlock: display_none \n\nWeight:0\n\nStyleguide DesignBase.CrayonBox.shade\n\n*/\n/*\n\nwarning: Color Variations \n\nThe Modified versions of the warning color from this theme\n\nMarkup:\n\n\n\t\t
\n\n\n\n\n\n HideCodeBlock: display_none \n\nWeight:0\n\nStyleguide DesignBase.CrayonBox.warning\n\n*/\n/*\n\nalert: Color Variations \n\nThe Modified versions of the alert color from this theme\n\nMarkup:\n\n\n\t\t
\n\n\n\n\n\n HideCodeBlock: display_none \n\nWeight:0\n\nStyleguide DesignBase.CrayonBox.alert\n\n*/\n/*\n\nnavigation: Color Variations \n\nThe Modified versions of the navigation color from this theme\n\nMarkup:\n\n\n\t\t
\n\n\n\n\n\n HideCodeBlock: display_none \n\nWeight:0\n\nStyleguide DesignBase.CrayonBox.navigation\n\n*/\n/*\n\naccent: Color Variations \n\nThe Modified versions of the accent color from this theme\n\nMarkup:\n\n\n\t\t
\n\n\n\n\n\n HideCodeBlock: display_none \n\nWeight:0\n\nStyleguide DesignBase.CrayonBox.accent\n\n*/\n/*\n\ninfo: Color Variations \n\nThe Modified versions of the info color from this theme\n\nMarkup:\n\n\n\t\t
\n\n\n\n\n\n HideCodeBlock: display_none \n\nWeight:0\n\nStyleguide DesignBase.CrayonBox.info\n\n*/\n/*\n\nhighlight: Color Variations \n\nThe Modified versions of the highlight color from this theme\n\nMarkup:\n\n\n\t\t
\n\n\n\n\n\n HideCodeBlock: display_none \n\nWeight:0\n\nStyleguide DesignBase.CrayonBox.highlight\n\n*/\n/*\n\nacc: Color Variations \n\nThe Modified versions of the acc color from this theme\n\nMarkup:\n\n\n\t\t
acc-n5
HEX:#000a12
RGB:0, 10, 18
HSL:206.9491525424deg ,100%, 3.4705882353%
\n\t\t
acc-n4
HEX:#001423
RGB:0, 20, 35
HSL:206.9491525424deg ,100%, 6.9411764706%
\n\t\t
acc-n3
HEX:#00213b
RGB:0, 33, 59
HSL:206.9491525424deg ,100%, 11.568627451%
\n\t\t
acc-n2
HEX:#002e53
RGB:0, 46, 83
HSL:206.9491525424deg ,100%, 16.1960784314%
\n\t\t
acc-n1
HEX:#003764
RGB:0, 55, 100
HSL:206.9491525424deg ,100%, 19.6666666667%
\n\t\t
acc-0
HEX:#004176
RGB:0, 65, 118
HSL:206.9491525424deg, 100%, 23.137254902%
\n\t\t
acc-1
HEX:#00579d
RGB:0, 87, 157
HSL:206.9491525424deg ,95%, 30.8235294118%
\n\t\t
acc-2
HEX:#0077d8
RGB:0, 119, 216
HSL:206.9491525424deg ,87.5%, 42.3529411765%
\n\t\t
acc-3
HEX:#3ba7ff
RGB:59, 167, 255
HSL:206.9491525424deg ,75%, 61.568627451%
\n\t\t
acc-4
HEX:#9dd3ff
RGB:157, 211, 255
HSL:206.9491525424deg ,62.5%, 80.7843137255%
\n\t\t
acc-5
HEX:#d8edff
RGB:216, 237, 255
HSL:206.9491525424deg ,55%, 92.3137254902%
\n\n\n\n\n\n HideCodeBlock: display_none \n\nWeight:0\n\nStyleguide DesignBase.CrayonBox.acc\n\n*/\n/*\nCrayon Box\n\nThis is all of the colors of the theme broken out with its modifications written in hex code.\n\n\nWeight:0\n\nHideCodeBlock: display_none \n\nStyleguide DesignBase.CrayonBox\n*/\n/*Adobe XD Color Map*/\n/* $xd-color_primary-0: #015697*/\n/* $xd-color_primary-n5: #000d17*/\n/* $xd-color_primary-n4: #001a2d*/\n/* $xd-color_primary-n3: #012b4c*/\n/* $xd-color_primary-n2: #013c6a*/\n/* $xd-color_primary-n1: #014980*/\n/* $xd-color_primary-1: #016abb*/\n/* $xd-color_primary-2: #0289f0*/\n/* $xd-color_primary-3: #4db1fe*/\n/* $xd-color_primary-4: #a6d8fe*/\n/* $xd-color_primary-5: #dbefff*/\n/* $xd-color_secondary-0: #009db1*/\n/* $xd-color_secondary-n5: #00181b*/\n/* $xd-color_secondary-n4: #002f35*/\n/* $xd-color_secondary-n3: #004f59*/\n/* $xd-color_secondary-n2: #006e7c*/\n/* $xd-color_secondary-n1: #008596*/\n/* $xd-color_secondary-1: #00bbd2*/\n/* $xd-color_secondary-2: #05e3ff*/\n/* $xd-color_secondary-3: #59ecff*/\n/* $xd-color_secondary-4: #acf6ff*/\n/* $xd-color_secondary-5: #defbff*/\n/* $xd-color_success-0: #468847*/\n/* $xd-color_success-n5: #0b140b*/\n/* $xd-color_success-n4: #152915*/\n/* $xd-color_success-n3: #234424*/\n/* $xd-color_success-n2: #315f32*/\n/* $xd-color_success-n1: #3c743c*/\n/* $xd-color_success-1: #509c51*/\n/* $xd-color_success-2: #68b26a*/\n/* $xd-color_success-3: #9bcb9b*/\n/* $xd-color_success-4: #cde5cd*/\n/* $xd-color_success-5: #ebf5eb*/\n/* $xd-color_shade-0: #878585*/\n/* $xd-color_shade-n5: #141414*/\n/* $xd-color_shade-n4: #292828*/\n/* $xd-color_shade-n3: #444242*/\n/* $xd-color_shade-n2: #5f5d5d*/\n/* $xd-color_shade-n1: #737171*/\n/* $xd-color_shade-1: #939191*/\n/* $xd-color_shade-2: #a5a4a4*/\n/* $xd-color_shade-3: #c3c2c2*/\n/* $xd-color_shade-4: #e1e1e1*/\n/* $xd-color_shade-5: #f3f3f3*/\n/* $xd-color_warning-0: #c67605*/\n/* $xd-color_warning-n5: #1e1201*/\n/* $xd-color_warning-n4: #3b2302*/\n/* $xd-color_warning-n3: #633b03*/\n/* $xd-color_warning-n2: #8b5304*/\n/* $xd-color_warning-n1: #a86404*/\n/* $xd-color_warning-1: #e48806*/\n/* $xd-color_warning-2: #f99f1e*/\n/* $xd-color_warning-3: #fbbf69*/\n/* $xd-color_warning-4: #fddfb4*/\n/* $xd-color_warning-5: #fef2e1*/\n/* $xd-color_alert-0: #953b39*/\n/* $xd-color_alert-n5: #160909*/\n/* $xd-color_alert-n4: #2d1211*/\n/* $xd-color_alert-n3: #4b1e1d*/\n/* $xd-color_alert-n2: #682928*/\n/* $xd-color_alert-n1: #7f3230*/\n/* $xd-color_alert-1: #ab4441*/\n/* $xd-color_alert-2: #c05c5a*/\n/* $xd-color_alert-3: #d59391*/\n/* $xd-color_alert-4: #eac9c8*/\n/* $xd-color_alert-5: #f7e9e9*/\n/* $xd-color_navigation-0: #2b58c0*/\n/* $xd-color_navigation-n5: #060d1d*/\n/* $xd-color_navigation-n4: #0d1a3a*/\n/* $xd-color_navigation-n3: #162c60*/\n/* $xd-color_navigation-n2: #1e3e86*/\n/* $xd-color_navigation-n1: #254ba3*/\n/* $xd-color_navigation-1: #3564d2*/\n/* $xd-color_navigation-2: #567ed9*/\n/* $xd-color_navigation-3: #8fa9e6*/\n/* $xd-color_navigation-4: #c7d4f2*/\n/* $xd-color_navigation-5: #e9eefa*/\n/* $xd-color_accent-0: #e17009*/\n/* $xd-color_accent-n5: #221101*/\n/* $xd-color_accent-n4: #442203*/\n/* $xd-color_accent-n3: #713805*/\n/* $xd-color_accent-n2: #9e4e06*/\n/* $xd-color_accent-n1: #bf5f08*/\n/* $xd-color_accent-1: #f57d10*/\n/* $xd-color_accent-2: #f79338*/\n/* $xd-color_accent-3: #fab77a*/\n/* $xd-color_accent-4: #fcdbbd*/\n/* $xd-color_accent-5: #fef1e4*/\n/* $xd-color_info-0: #a3988c*/\n/* $xd-color_info-n5: #191714*/\n/* $xd-color_info-n4: #332e28*/\n/* $xd-color_info-n3: #544c43*/\n/* $xd-color_info-n2: #766b5e*/\n/* $xd-color_info-n1: #8f8173*/\n/* $xd-color_info-1: #aca298*/\n/* $xd-color_info-2: #bab2a9*/\n/* $xd-color_info-3: #d1ccc6*/\n/* $xd-color_info-4: #e8e5e2*/\n/* $xd-color_info-5: #f6f5f4*/\n/* $xd-color_highlight-0: #f5ca4f*/\n/* $xd-color_highlight-n5: #2e2303*/\n/* $xd-color_highlight-n4: #5c4605*/\n/* $xd-color_highlight-n3: #997409*/\n/* $xd-color_highlight-n2: #d7a20c*/\n/* $xd-color_highlight-n1: #f2bc21*/\n/* $xd-color_highlight-1: #f6cf61*/\n/* $xd-color_highlight-2: #f8d77b*/\n/* $xd-color_highlight-3: #fae5a7*/\n/* $xd-color_highlight-4: #fdf2d3*/\n/* $xd-color_highlight-5: #fefaed*/\n/* $xd-color_acc-0: #004176*/\n/* $xd-color_acc-n5: #000a12*/\n/* $xd-color_acc-n4: #001423*/\n/* $xd-color_acc-n3: #00213b*/\n/* $xd-color_acc-n2: #002e53*/\n/* $xd-color_acc-n1: #003764*/\n/* $xd-color_acc-1: #00579d*/\n/* $xd-color_acc-2: #0077d8*/\n/* $xd-color_acc-3: #3ba7ff*/\n/* $xd-color_acc-4: #9dd3ff*/\n/* $xd-color_acc-5: #d8edff*/\n/*\nInteractive Extras\n\nInteractions can be enhanced with toggle icons or loading graphics to show the system is responding to user input.\n\nStyleguide Recipes.InteractiveExtras\n*/\n.font .font--example {\n background-image: url(http://basehold.it/i/24);\n}\n.font .font--name {\n color: #000;\n}\n.font .font--dropcase_2x {\n color: #015697;\n}\n\n/*\n\nBasic HTML\n\nThe Arches Design System, at its core, is a Utility Class Styling Design. It is built not to prescribe the design of the HTML and components but to paint with classes to create complicated UI without having to create more styles. Arches rely on the browser or branding defaults for basic HTML styling. Below is a kitchen sink of HTML elements so you can see how this variation look without further alteration from adding classes. There is No basic styling around the pure DOM with the utility class only, and there is improved styling as you add Bootstrap or Foundation. \n\nWeight: -100\n\nStyleguide HTML\n*/\n/*\n\nReading Typography\n\nReading typography is a container class to opt into an override of the basic typography from arches. Basic Typography is un-styled and rely on the most basic styles from the browser stylesheets so there is less overriding when making UI but it leaves reading typography lacking. Most ways typography content is added to a site is devoid of hooks to add styles to an element so work around that restriction and to unified styling across reading experiences the \"reading-typography\" class is used on the parent container. Please note that the reading typography can still look a bit different look depending on the brand or the framework.
modifier class
customization
usage
.inherit_color
removes all color rules from colored typography and sets it to inherit.
inverting a block of typography where all text and headlines should be white.
.font-size_up
shifts all typography up one font size step
intro blocks of text where the text. Or in articles where you can shift all text up a size.
`.font-size_down`
shifts all typography down one font size step.
citation blocks or boiler plate content where the text should be smaller and less impactful.
.links_dark
turns all links to the dark color standard.
this is used in junction with the .inherit_color class.
.links_light
turns all links to the light color standard.
this is used in junction with the .inherit_color class when text is on a dark background.
* there are further advanced features if you want to apply CSS Property Overrides. \n\nMarkup:\n\n
This is the primary heading and there should only be one of these per page
\n
sub heading
\n
A small paragraph to emphasis and show important bits.
\n
\n
This is a list item
\n
So is this - there could be more
\n
Make sure to style list items to:\n
\n
Not forgetting child list items
\n
Not forgetting child list items
\n
Not forgetting child list items
\n
Not forgetting child list items
\n
\n
\n
A couple more
\n
top level list items
\n
\n
Don't forget Ordered lists:
\n \n
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
\n
Aliquam tincidunt mauris eu risus.\n \n
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
\n
Aliquam tincidunt mauris eu risus.
\n \n
\n
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
\n
Aliquam tincidunt mauris eu risus.\n
\n
A sub heading which is not as important as the first, but is quite imporant overall
\n
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
\n
\n
\n
Table Heading
\n
Table Heading
\n
\n \n
\n
table data
\n
table data
\n
\n
\n
table data
\n
table data
\n
\n
\n
table data
\n
table data
\n
\n
\n
table data
\n
table data
\n
\n
\t\n
A sub heading which is not as important as the second, but should be used with consideration
\n
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
\n
“Ooh - a blockquote! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue. Ut a est eget ligula molestie gravida. Curabitur massa. Donec eleifend, libero at sagittis mollis, tellus est malesuada tellus, at luctus turpis elit sit amet quam. Vivamus pretium ornare est.”
\n
A sub heading which is not as important as the second, but should be used with consideration
\n
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
A sub heading which is not as important as the second, but should be used with consideration
\n
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
\n
\n
Definition list
\n
Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna \n\taliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea \n\tcommodo consequat.
\n\t
Lorem ipsum dolor sit amet
\n\t
Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna \n\taliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea \n\tcommodo consequat.
\n\t
\n\t
This heading plays a relatively small bit part role, if you use it at all
\n
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
\n\n\nWeight: -9\n\nHideCodeBlock: display_none \n\nStyleguide HTML.Typography\n\n*/\n/*\n\nSample Typography\n\nThis text is used as a lorem content in many of our containers. \n\n.p_4 - This is the basic typogrpahy from the browser.\n.reading-typography.p_4 - this is the standard styling for typography of reading content\n.reading-typography.font-size_up.p_4 - This font increased their sizes across all typography in the container.\n.reading-typography.font-size_down.p_4 - This font decreses their sizes across all typography in the container.\n.reading-typography.color_inherit.bg_acc.c_white.p_4.links_light - This removes all color defining styles to make it easer to reverse colors. This sets all typography and borders to inherit their colors.\n\nMarkup:\n
\n
Lorem Ipsum
\n
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Pellentesque sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis.
\n
Header Level 2
\n \n
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
\n
Aliquam tincidunt mauris eu risus.
\n \n
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue. Ut a est eget ligula molestie gravida. Curabitur massa. Donec eleifend, libero at sagittis mollis, tellus est malesuada tellus, at luctus turpis elit sit amet quam. Vivamus pretium ornare est.
\n
Header Level 3
\n
\n
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
\n
Aliquam tincidunt mauris eu risus.
\n
\n \n
\n\nWeight: -9\n\nHideCodeBlock: display_none \n\nMarkupWrapperClasses: br_solid br_radius br_black-1 br_1 m_3 max-w_50\n\nStyleguide HTML.Typography.Sample\n\n*/\n/*\n\nBasic Typography\n\nBasic Typography is unstyled and relys on the most basic styles from the browser stylesheets so there is less overriding when making UI but it leaves the reading of content text lacking. The overriding styles that are applied to Basic typography is a consistent font treatment (font sizing, font family, and font-weight) and what comes from the baseline frameworks that build the brand. \n\n\nMarkup:\n
Basic Typography: Lorem ipsum dolor sit amet, consectetuer adipiscing \nelit.
\n
Aenean commodo ligula eget dolor aenean massa
\n
Cut sociis natoque penatibus et magnis dis \nparturient montes nascetur ridiculus mus
\n
Donec quam felis ultricies nec pellentesque eu \npretium quis sem nlla consequat massa quis enim
\n
Donec pede justo fringilla vel aliquet nec vulputate \neget arcu
\n
In enim justo rhoncus ut imperdiet a venenatis vitae \njusto
\n
Lorem ipsum dolor sit amet, consectetuer adipiscing \nelit. Aenean commodo ligula eget dolor. Aenean massa. \nCum sociis natoque penatibus et magnis dis parturient \nmontes, nascetur ridiculus mus. Donec quam felis, \nultricies nec, pellentesque eu, pretium quis, sem.
\n
This paragraph is nested inside an article. It contains many different, sometimes useful, HTML5 tags. Of course there are classics like emphasis, strong, and small but there are many others as well. Hover the following text for abbreviation tag: abbr. Similarly, you can use acronym tag like this: ftw. You can define deleted text which often gets replaced with inserted text.
You can also use keyboard text, which sometimes is styled similarly to the <code> or samp tags. Even more specifically, there is a tag just for variables. Not to be mistaken with blockquotes below, the quote tag lets you denote something as quoted text. Lastly don't forget the sub (H2O) and sup (E = MC2) tags.
Tricuspid regurgitation (TR) is a common valvular disease estimated to affect >1.5 million people in the U.S., with a yearly incidence of about 200,000 and >300,000 patients in the U.S and Europe, respectively.1 Stated another way, a clinically significant form of this valvular disease affects 4% (or 1 in 25) of patients ages 75 and older.2
\n\t
Despite the current guidelines favoring early tricuspid valve repair, especially when undergoing concomitant left-sided cardiac surgery, most patients with TR receive lifetime medical therapy until intractable right-sided heart failure (HF) and end-organ dysfunction appear.1 In recent years, multiple studies have drawn attention to the poor prognosis of untreated TR, and demonstrated a clear tendency of excess mortality in patients with increasing severity of TR, highlighting the need for interventional options to improve outcomes.3
\n\t
\n\t\t
\n\t\t\t
\n\t\t\t\t\n\t\t\t
\n\t\t\t
\n\t\t\t\t\n\t\t\t
\n\t\t
\n\t\t
\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\tThe future of medicine is increasingly in the hands of those who are effective users of clinical data.\n\t\t\t\t\t– Bill Weintraub, MD, MACC\n\t\t\t\t
\n\t\t\t
\n\t\t
\n\t
\n\t
TR associated with left-sided valvular or myocardial disease is often a marker for late-stage chronic HF with limited treatment options and an unfavorable overall prognosis. However, isolated TR is also independently associated with excess mortality if left untreated. Thus, TR represents an important public health problem with an unmet clinical need.
\n\t
Surgical approaches, either repair or replacement, have been shown to carry a high risk of in-hospital mortality, reaching 10%, without significant improvement over the past 10 years.4 As transcatheter interventional options for valvular heart disease continue to expand, transcatheter tricuspid valve repair through leaflet approximation or annuloplasty has been investigated.
\n\t
Despite studies showing promising results with greater survival and freedom from HF rehospitalization compared with conservative management, its use can be limited by anatomical infeasibility such as large leaflet coaptation gap, perforation, significant leaflet tethering with dense chordae, and leaflet impingement with a cardiac implantable electronic device lead.
\n\t
A myriad of investigational transcatheter tricuspid valve replacement (TTVR) devices have emerged as an alternative to surgery and to address this outstanding need, with promising early results related to safety, efficacy and improvements in patients' functional status and quality of life.
\n\t
Orthotopic Valve Replacement
\n\t
Orthotopic TTVR is a form of valve replacement performed by implanting a bioprosthetic valve on an existing tricuspid annulus, in a fashion similar to how it is performed in transcatheter aortic or mitral valve replacement. Several investigational devices are available with a variety of access and anchoring systems.
\n\t
EVOQUE
\n\t
The EVOQUE system (Edwards Lifesciences, Irvine, CA) is a self-expanding bovine pericardial valve mounted on a nitinol frame with a fabric skirt delivered through a transfemoral approach. The perimeter is surrounded by nine anchors that allow stabilization through anchoring to the annulus, leaflets and chords of the tricuspid apparatus. Its compassionate use in 27 patients with severe symptomatic TR at inoperable or high surgical risk has demonstrated 92% success with no periprocedural mortality.5
\n\t
The reduction in TR remained excellent at one year (≤moderate in 96% and ≤mild in 87%) with sustained symptomatic improvement (NYHA I/II in 69% compared with 11% at baseline).5 All-cause death and HF hospitalization at one year were both at 7% without any deaths being identified as device-related. An early feasibility trial of this device, TRISCEND, is ongoing with an early report of 56 patients demonstrating a similar success rate, reduction in TR and symptomatic improvement.6
\n\t
Lux-Valve
\n\t
The Lux-Valve (Jenscare Biotechnology Co., Ningbo, China) is a bovine pericardium valve with a self-expanding nitinol atrial disc, self-adaptive fabric skirt, two graspers and an interventricular septal anchor. It is deployed via a minimally invasive right thoracotomy and transatrial approach. First-in-human experience including 31 patients reported a 100% technical success rate with TR reduction to ≤moderate and ≤mild in 100% and 85.2%, respectively at one year. Symptomatic improvement has persisted at one year with 82.8% maintaining NYHA I/II and a 96.8% survival rate.7 A study investigating the second-generation LuX-Valve Plus delivered through transjugular access is currently underway (NCT05436028).
\n\t
GATE
\n\t
The GATE (NaviGate Cardiac Structures, Inc., Lake Forest, CA) device was the first TTVR performed and is composed of an equine pericardium tricuspid valve mounted on a nitinol alloy stent. Twelve right ventricular tines grasp the native leaflets and 12 right atrial winglets covered by microfiber polyester cloth provide a seal. It is delivered through a right thoracotomy and transatrial access. An early study including five patients reported 100% technical success, with all patients demonstrating TR reduction to ≤mild; however, one patient died before discharge.8
\n\t
\n\t\t
Prominent Stressors For CVD Among LGBTQIA+ Adults
\n\t\t
Excess cardiovascular disease risk is associated with three categories of stressors, as described by the Minority Stress Model: psychosocial (depression, anxiety, stress); behavioral (diet quality, physical activity, substance use); and physiological (hypothalamic-pituitary-adrenal axis, chronic inflammation, autonomic nervous system dysfunction).4
\n\t\t
Structural/institutional stressors are also in place. The Behavioral Risk Factor Surveillance System survey 2014-2017 found a higher rate of poverty in LGBT people compared with cisgender heterosexual people vs. 15.7%, respectively).9
\n\t\t
In 2018, a large portion of LGBTQIA+ individuals lived in states that did not have public accommodation (hospitals and schools) and employment nondiscrimination laws.10
\n\t\t
For many transgender individuals, employee-sponsored health insurance is often not an option. Many employee-sponsored health insurance programs do not acknowledge partners or spouses with gender identities that align with the insured. More than two-thirds of gender minority adults report having experienced some form of discrimination from clinicians (including the use of abusive language). Roughly a quarter of transgender individuals have been denied health care by clinicians.11
\n\t\t
Cardiovascular Disease Risk Factors
\n\t\t
The data on cardiovascular health in LGBTQIA+ adults are limited because of a lack of research and challenges with study design. In terms of cardiovascular disease risk factors, the use of tobacco products is more likely among LGBTQIA+ adults than cisgender heterosexual adults.12 Alcohol and illicit drug use disorder, poor mental health and elevated body mass index are greater risk factors among sexual minority women than heterosexual women.13 Current studies also suggest that decreased sleep duration, which has been associated with higher rates of hypertension, diabetes and cardiovascular disease, was higher among sexual minority women compared with heterosexual women.14
\n\t
\n\t
Cardiovalve
\n\t
The Cardiovalve (Venus Medtech Inc., Hangzhou, China) is deployed through transfemoral access and consists of a bovine pericardial leaflet mounted on a dual nitinol atrial and ventricular frame creating 24 grasping points for anchoring. The atrial portion of the frame has a covered flange to allow sealing to prevent paravalvular leak. Its compassionate use has been reported in 15 patients demonstrating significant reduction in TR to ≤moderate in 100% and ≤mild in 8% at 30 days.9 An early feasibility study is currently underway (NCT04100720).
\n\t
Intrepid
\n\t
The Intrepid (Medtronic Plc, Minneapolis, MN) is a transfemoral system with a bovine pericardial valve housed within a nitinol dual stent frame. Early experience with three patients reported technical success in all, and an early feasibility study is currently recruiting patients with a goal to include 15 patients (NCT04433065).10
\n\t
\n\t\t
\n\t\t\t
\n\t\t\t\t\n\t\t\t
\n\t\t\t
\n\t\t\t\t\n\t\t\t
\n\t\t\t
\n\t\t\t\t
This article was authored by Hiroki Ueyama, MD, and Isida Byku, MD, FACC, from the Division of Cardiology, Emory Structural Heart and Valve Center, Emory University Hospital Midtown, in Atlanta, GA.
\n\t\t\t
\n\t\t
\n\t
\n\t
References
\n\t\n\t\t
Asmarats L, Puri R, Latib A, Navia JL, Rodés-Cabau J. Transcatheter tricuspid valve interventions: Landscape, challenges, and future directions. J Am Coll Cardiol 2018;71:2935-56.
\n\t\t
Topilsky Y, Maltais S, Medina Inojosa J, et al. Burden of Tricuspid regurgitation in patients diagnosed in the community setting. JACC Cardiovasc Imaging 2019;12:433-42.
\n\t\t
Taramasso M, Benfari G, van der Bijl P, et al. Transcatheter versus medical treatment of patients with symptomatic severe tricuspid regurgitation. J Am Coll Cardiol 2019;74:2998-3008.
\n\t\t
Dreyfus J, Flagiello M, Bazire B, et al. Isolated tricuspid valve surgery: Impact of aetiology and clinical presentation on outcomes. Eur Heart J 2020;41:4304-17.
\n\t\t
Webb JG, Chuang AM, Meier D, et al. Transcatheter Tricuspid valve replacement with the evoque system: 1-year outcomes of a multicenter, first-in-human experience. JACC Cardiovasc Interv 2022;15:481-91.
\n\t\t
Kodali S, Hahn RT, George I, et al. Transfemoral tricuspid valve replacement in patients with tricuspid regurgitation: TRISCEND study 30-Day results. JACC Cardiovasc Interv 2022;15:471-80.
\n\t\t
Modine T. Transcatheter tricuspid valve replacement with the LuX-Valve system 1-Year results of a multicenter FIH experience. Presented at TVT 2022, June 8, 2022.
\n\t\t
Hahn RT, George I, Kodali SK, et al. Early Single-site experience with transcatheter tricuspid valve replacement. JACC Cardiovasc Imaging 2019;12:416-29.
\n\t\t
Fam NP. Cardiovalve TTVR update. Presented at TVT 2022, June 8, 2022.
\n\t\t
Bapat VN. The INTREPID Valve for severe tricuspid regurgitation: First-in-man case experience. Presented at TCT 2020.
\n\t\t
Lauten A, Figulla HR, Unbehaun A, et al. Interventional treatment of severe tricuspid regurgitation: Early clinical experience in a multicenter, observational, first-in-man study. Circ Cardiovasc Interv 2018;11:e006061.
\n\t\t
Dreger H, Mattig I, Hewing B, et al. Treatment of severe tricuspid regurgitation in patients with advanced heart failure with CAval Vein Implantation of the Edwards Sapien XT VALve (TRICAVAL): a randomised controlled trial. EuroIntervention 2020;15:1506-13.
\n\t\t
Lauten A, Doenst T, Hamadanchi A, Franz M, Figulla HR. Percutaneous bicaval valve implantation for transcatheter treatment of tricuspid regurgitation: clinical observations and 12-month follow-up. Circ Cardiovasc Interv 2014;7:268-72.
\n\t\t
Wild MG, Lubos E, Cruz-Gonzalez I, et al. Early clinical experience with the TRICENTO bicaval valved stent for treatment of symptomatic severe tricuspid regurgitation: A multicenter registry. Circ Cardiovasc Interv 2022;15:e011302.
\n\t\t
Lurz P, von Bardeleben R, Weber M, et al. Transcatheter edge-to-edge repair for treatment of tricuspid regurgitation. J Am Coll Cardiol 2021;77:229-39.
\n\t\t
Hahn RT. Transcatheter tricuspid valve repair:CLASP TR study one-year results. . Presented at EuroPCR 2022.
\n\t\t
Kodali S, Hahn RT, Eleid MF, et al. Feasibility study of the transcatheter valve repair system for severe tricuspid regurgitation. J Am Coll Cardiol 2021;77:345-56.
\n\t\t
Zack CJ, Fender EA, Chandrashekar P, et al. National trends and outcomes in isolated tricuspid valve surgery. J Am Coll Cardiol 2017;70:2953-60.
\n\t\n
\n\nMarkupWrapperClasses: max-w_60\n\nHideCodeBlock: display_none \n\nWeight:100\n\nStyleguide HTML.RealArticle\n\n*/\n/*\n\nLinks States\n\nThis shows the look and feel of all the states of a text link, color, underline and decoration.\n\nMarkup:\n
\n\n\nMarkupWrapperClasses: reading-typography\n\nWeight:100\n\nStyleguide HTML.Typography.Links\n */\n.container,\n.card {\n position: relative;\n}\n\n.table td,\n.table th {\n text-align: left;\n}\n.table tbody tr:nth-of-type(odd) {\n background-color: #13121202;\n}\n.table tr + tr {\n border-top: 1px solid #13121240;\n}\n.table.unshaded tbody tr:nth-of-type(odd) {\n background-color: unset;\n}\n\n/*\n\nBootstrap\n\nBootstrap 5 is a complete UI framework with many features. Please familiarize yourself with bootstrap framework as you build. It will give you access to grid, forms and other UI items. https://getbootstrap.com/\n\nWeight: -50\n\nStyleguide Bootstrap\n*/\n/*\n\nTypography\n\nThe collection of typography when using the bootstrap foundation of arches.\n\nMarkup:\n
Display 1
Display 2
Display 3
Display 4
Display 5
Display 6
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
This is a lead paragraph. It stands out from regular paragraphs.
You can use the mark tag to highlight text.
This line of text is meant to be treated as deleted text.
This line of text is meant to be treated as no longer accurate.
This line of text is meant to be treated as an addition to the document.
This line of text will render as underlined.
This line of text is meant to be treated as fine print.
This line rendered as bold text.
This line rendered as italicized text.
A well-known quote, contained in a blockquote element.
This is a list.
It appears completely unstyled.
Structurally, it's still a list.
However, this style only applies to immediate child elements.
\n\nWeight: 100\n\nStyleguide Bootstrap.Typography\n*/\n/*\n\nTables\n\nThe collection of modifications you can do with tables out of the box from Bootstrap Arches.\n\nMarkup:\n
\n\n\n\nWeight: 800\n\nStyleguide Bootstrap.Forms\n*/\n/*\nComponents \n\nOut of the box html components from bootstrap\n\nMarkup:\n\n \n \n
Accordion
Documentation\n \n
\n
\n
\n
\n
Accordion\n Item #1
\n
\n
\n This is the first\n item's accordion\n body. It is\n hidden by default, until the\n collapse plugin adds the\n appropriate classes that we\n use to style each element.\n These classes control the\n overall appearance, as well\n as the showing and hiding\n via CSS transitions. You can\n modify any of this with\n custom CSS or overriding our\n default variables. It's also\n worth noting that just about\n any HTML can go within the\n .accordion-body,\n though the transition does\n limit overflow.
\n
\n
\n
\n
Accordion\n Item #2
\n
\n
\n This is the second\n item's accordion\n body. It is\n hidden by default, until the\n collapse plugin adds the\n appropriate classes that we\n use to style each element.\n These classes control the\n overall appearance, as well\n as the showing and hiding\n via CSS transitions. You can\n modify any of this with\n custom CSS or overriding our\n default variables. It's also\n worth noting that just about\n any HTML can go within the\n .accordion-body,\n though the transition does\n limit overflow.
\n
\n
\n
\n
Accordion\n Item #3
\n
\n
\n This is the third\n item's accordion\n body. It is\n hidden by default, until the\n collapse plugin adds the\n appropriate classes that we\n use to style each element.\n These classes control the\n overall appearance, as well\n as the showing and hiding\n via CSS transitions. You can\n modify any of this with\n custom CSS or overriding our\n default variables. It's also\n worth noting that just about\n any HTML can go within the\n .accordion-body,\n though the transition does\n limit overflow.
\n
\n
\n
\n
\n
\n \n \n \n
Alerts
Documentation\n \n
\n
\n
A simple primary alert\n with an example\n link. Give it a click if you\n like. \n
\n
A simple secondary alert\n with an example\n link. Give it a click if you\n like. \n
\n
A simple success alert\n with an example\n link. Give it a click if you\n like. \n
\n
A simple alert alert with\n an example\n link. Give it a click if you\n like. \n
\n
A simple warning alert\n with an example\n link. Give it a click if you\n like. \n
\n
A simple info alert with\n an example\n link. Give it a click if you\n like. \n
\n
A simple light alert with\n an example\n link. Give it a click if you\n like. \n
\n
A simple dark alert with\n an example\n link. Give it a click if you\n like. \n
\n
\n
\n
\n
Well done!\n
\n
Aww yeah, you successfully read this\n important alert message. This\n example text is going to run a bit\n longer so that you can see how\n spacing within an alert works with\n this kind of content.
\n \n
Whenever you need to, be\n sure to use margin utilities to keep\n things nice and tidy.
\n \n Card title\n \n This is a wider\n card with\n supporting text\n below as a\n natural lead-in\n to additional\n content. This\n content is a\n little bit\n longer.\n \n Last\n updated 3\n mins\n ago\n \n
\n
\n
\n
\n
\n
\n \n \n \n \n \n
Carousel
Documentation\n \n
\n
\n
\n
\n \n \n
\n
\n
\n \n \n
First slide label
\n
Some representative\n placeholder content for\n the first slide.
\n
\n
\n
\n Placeholder\n \n Second\n slide\n \n \n
Second slide label
\n
Some representative\n placeholder content for\n the second slide.
\n
\n
\n
\n Placeholder\n \n Third\n slide\n \n \n
Third slide label
\n
Some representative\n placeholder content for\n the third slide.
Placeholder content for the tab\n panel. This one relates to the\n home tab. Takes you miles high,\n so high, 'cause she’s got that\n one international smile. There's\n a stranger in my bed, there's a\n pounding in my head. Oh, no. In\n another life I would make you\n stay. ‘Cause I, I’m capable of\n anything. Suiting up for my\n crowning battle. Used to steal\n your parents' liquor and climb\n to the roof. Tone, tan fit and\n ready, turn it up cause its\n gettin' heavy. Her love is like\n a drug. I guess that I forgot I\n had a choice.
\n
\n
\n
Placeholder content for the tab\n panel. This one relates to the\n profile tab. You got the finest\n architecture. Passport stamps,\n she's cosmopolitan. Fine, fresh,\n fierce, we got it on lock. Never\n planned that one day I'd be\n losing you. She eats your heart\n out. Your kiss is cosmic, every\n move is magic. I mean the ones,\n I mean like she's the one.\n Greetings loved ones let's take\n a journey. Just own the night\n like the 4th of July! But you'd\n rather get wasted.
\n
\n
\n
Placeholder content for the tab\n panel. This one relates to the\n contact tab. Her love is like a\n drug. All my girls vintage\n Chanel baby. Got a motel and\n built a fort out of sheets.\n 'Cause she's the muse and the\n artist. (This is how we do) So\n you wanna play with magic. So\n just be sure before you give it\n all to me. I'm walking, I'm\n walking on air (tonight). Skip\n the talk, heard it all, time to\n walk the walk. Catch her if you\n can. Stinging like a bee I\n earned my stripes.
Placeholder content for the scrollspy\n example. You got the finest\n architecture. Passport stamps, she's\n cosmopolitan. Fine, fresh, fierce,\n we got it on lock. Never planned\n that one day I'd be losing you. She\n eats your heart out. Your kiss is\n cosmic, every move is magic. I mean\n the ones, I mean like she's the one.\n Greetings loved ones let's take a\n journey. Just own the night like the\n 4th of July! But you'd rather get\n wasted.
\n
@mdo
\n
Placeholder content for the scrollspy\n example. 'Cause she's the muse and\n the artist. (This is how we do) So\n you wanna play with magic. So just\n be sure before you give it all to\n me. I'm walking, I'm walking on air\n (tonight). Skip the talk, heard it\n all, time to walk the walk.
\n
one
\n
Placeholder content for the scrollspy\n example. Takes you miles high, so\n high, 'cause she’s got that one\n international smile. There's a\n stranger in my bed, there's a\n pounding in my head. Oh, no. In\n another life I would make you stay.\n ‘Cause I, I’m capable of anything.\n Suiting up for my crowning battle.\n Used to steal your parents' liquor\n and climb to the roof. Tone, tan fit\n and ready, turn it up cause its\n gettin' heavy. Her love is like a\n drug. I guess that I forgot I had a\n choice.
\n
two
\n
Placeholder content for the scrollspy\n example. It's time to bring out the\n big balloons. I'm walking, I'm\n walking on air (tonight). Yeah, we\n maxed our credit cards and got\n kicked out of the bar. Yo, shout out\n to all you kids, buying bottle\n service, with your rent money. I'm\n ma get your heart racing in my\n skin-tight jeans. If you get the\n chance you better keep her. Yo,\n shout out to all you kids, buying\n bottle service, with your rent\n money.
\n
three
\n
Placeholder content for the scrollspy\n example. If you wanna dance, if you\n want it all, you know that I'm the\n girl that you should call. Walk\n through the storm I would. So let me\n get you in your birthday suit. The\n one that got away. Last Friday\n night, yeah I think we broke the\n law, always say we're gonna stop.\n 'Cause she's a little bit of Yoko,\n And she's a little bit of 'Oh no'. I\n want the jaw droppin', eye poppin',\n head turnin', body shockin'. Yeah,\n we maxed our credit cards and got\n kicked out of the bar.
\n
And some more placeholder content,\n for good measure.
\n
\n
\n
\n \n \n \n
Spinners
Documentation\n \n
\n
\n
Loading...\n
\n
Loading...\n
\n
Loading...\n
\n
Loading...\n
\n
Loading...\n
\n
Loading...\n
\n
Loading...\n
\n
Loading...\n
\n
\n
\n
Loading...\n
\n
Loading...\n
\n
Loading...\n
\n
Loading...\n
\n
Loading...\n
\n
Loading...\n
\n
Loading...\n
\n
Loading...\n
\n
\n
\n \n \n \n
Toasts
Documentation\n \n
\n \n
\n
\n \n Bootstrap\n 11 mins\n ago \n
\n
Hello, world!\n This is a toast message.
\n
\n
\n \n \n \n \n
Tooltips
Documentation\n \n
\n
Tooltip on\n top
\n
\n \n\n\n\n\nWeight: 1000\n\nStyleguide Bootstrap.Components\n*/\n.btn {\n white-space: nowrap;\n font-family: var(--font-family_ui);\n font-weight: var(--font_medium);\n}\n\n.btn.clear {\n color: var(--link-color-dark);\n background-color: transparent;\n border-color: transparent;\n}\n.btn.clear:hover {\n color: hsl(var(--link-color-dark-h), var(--link-color-dark-s), calc( var(-link-color-dark-l ) * .5 ));\n}\n\n.btn-accent {\n background-color: hsla(var(--accent-h), calc( var(--accent-s) + ((100% - var(--accent-s)) * 0.015) ), calc( var( --accent-l ) - ( var( --accent-l ) * 0.15 ) ), 1);\n}\n.btn-accent:hover {\n background-color: hsla(var(--accent-h), calc( var(--accent-s) + ((100% - var(--accent-s)) * 0.05) ), calc( var( --accent-l ) - ( var( --accent-l ) * 0.5 ) ), 1);\n}\n\n.btn.shadow {\n box-shadow: 1.5px 1.5px 6px 0.75px rgba(0, 0, 0, 0.4);\n}\n\n.btn.shadow:hover {\n box-shadow: 0.5px 0.5px 2px 0.25px rgba(0, 0, 0, 0.1);\n}\n\n/*\nCarousel ALT\n\nA slide-show component for cycling through groups of images and text.\n.no-controls Will remove left and right arrow\n.text-indicators Converts the circle indicators to text tabs that lock to the right side of the images.\n.chevron-on Adds a light orange chevron on the '.active' indicator to increase its impact.\n\n\nMarkup:\n\n\t\n\t\t
\n\t\t\tquaerat odit assumenda\n\t\t
\n\t\t
\n\t\t\tdelectus sunt optio\n\t\t
\n\t\t
\n\t\t\tdeserunt quia quasi\n\t\t
\n\t\n\t\n\t
\n\t\t
\n\t\t\t\n\t\t\t
\n Cardiac Syncope Program Launches!\n
NEW | Hear from an expert panel and complete four patient cases to test your knowledge on our Syncope Program! Find out more!
\n
\n\t\t
\n\t\t
\n\t\t\t\n\t\t\t
\n\t\t\t\tsint explicabo sequi Earum nihil omnis.\n\t\t\t
\n\t\t
\n\t\t
\n\t\t\t\n\t\t\t
\n\t\t\t\tsint explicabo sequi Earum nihil omnis.\n\t\t\t
\n\n\nMarkupWrapperClasses: sfPageEditor\n\nHideCodeBlock: display_none\n\nWeight: 10000\n\nStyleguide Sitefinity.BackEndAuthenticated\n*/\n.sfPageEditor .visible-anonymous-block, .sfPageEditor .visible-authenticated-block {\n display: block !important;\n opacity: 0.75;\n border: 2px dotted transparent;\n margin: 5px;\n}\n\n.sfPageEditor .visible-anonymous-block:after, .sfPageEditor .visible-anonymous-block:before, .sfPageEditor .visible-authenticated-block:after, .sfPageEditor .visible-authenticated-block:before {\n display: block;\n position: relative;\n font-size: 12px;\n text-align: center;\n}\n\n.sfEditor-show {\n display: none;\n}\n\n.sfPageEditor .sfEditor-show {\n display: block !important;\n opacity: 0.5;\n}\n\n.sfPageEditor .visible-anonymous-block img,\n.sfPageEditor .visible-authenticated-block img {\n display: none;\n}\n.sfPageEditor .visible-authenticated-block {\n border-color: hsla(var(--accent-h), calc( var( --accent-s ) - ( var( --accent-s ) * 0.125 ) ), calc( var(--accent-l) + ((100% - var(--accent-l)) * 0.25) ), 1);\n background-color: hsla(var(--accent-h), calc( var( --accent-s ) - ( var( --accent-s ) * 0.45 ) ), calc( var(--accent-l) + ((100% - var(--accent-l)) * 0.9) ), 1);\n}\n.sfPageEditor .visible-authenticated-block:after, .sfPageEditor .visible-authenticated-block:before {\n content: \"AUTHENTICATED CONTENT - Permision/Role/Authenticated\";\n color: hsla(var(--accent-h), calc( var(--accent-s) + ((100% - var(--accent-s)) * 0.015) ), calc( var( --accent-l ) - ( var( --accent-l ) * 0.15 ) ), 1);\n}\n.sfPageEditor .visible-anonymous-block {\n border-color: hsla(var(--highlight-h), calc( var( --highlight-s ) - ( var( --highlight-s ) * 0.125 ) ), calc( var(--highlight-l) + ((100% - var(--highlight-l)) * 0.25) ), 1);\n background-color: hsla(var(--highlight-h), calc( var( --highlight-s ) - ( var( --highlight-s ) * 0.45 ) ), calc( var(--highlight-l) + ((100% - var(--highlight-l)) * 0.9) ), 1);\n}\n.sfPageEditor .visible-anonymous-block:after, .sfPageEditor .visible-anonymous-block:before {\n content: \"ANONYMOUS CONTENT - Permision/Role/Anonymous\";\n color: hsla(var(--highlight-h), calc( var(--highlight-s) + ((100% - var(--highlight-s)) * 0.015) ), calc( var( --highlight-l ) - ( var( --highlight-l ) * 0.15 ) ), 1);\n}\n\n/** SCSS DOC: __globalshame_framework.scss **/","\n/**\n * arches - Global style system focused on utility classes\n * @version v4.1.4x\n * @link https://github.com/ACC-Style/Arches/\n */\n\n\n\n/** Build Comment: including file /setup/__preheader.scss **/ \n@use \"sass:math\";\n@use \"sass:color\";\n\n// Consider using https://www.purgecss.com/ to remove styles not used in the project.\n/** SCSS DOC: _preheader.scss **/\n$debug-trace: false !default;\n$name-mode: 'SHORT' !default; // $name-mode: \"SHORT\",\"LONG\",\"ALL\"\n$ms-base: 1rem !default; // needs to be in rem's\n$colors: ();\n$grays: ();\n$theme-palette: ();\n$usingFontAwesome:true;\n@import 'helpers/helpers';\n@import 'vendor/modular-scale';\n/** SCSS DOC: _utility-css.vars.scss **/\n@import 'setup/config/utility-css.vars';\n@import 'helpers/breakpoint';\n%font-awesome-pro {\n\t-webkit-font-smoothing: antialiased;\n\tdisplay: inline-block;\n\tfont-style: normal;\n\tfont-variant: normal;\n\ttext-rendering: auto;\n\tline-height: 1;\n\tfont-family: 'Font Awesome 6 Pro', 'Font Awesome 5 Pro';\n\tfont-weight: 900;\n}\n\n\n\n\n/** Build Comment: This Style Sheet was formatted to work best with the inclusion of Bootstrap ^5.1.0 **/ \n\n$active-class-name: 'active';\n\n\n/** Build Comment: Set Active Class **/ \n/** SCSS DOC: __brand.base.scss **/\n/** Colors **/\n\n@import 'setup/config/colors';\n/** Fonts **/\n@import 'setup/config/fonts';\n/** Textures **/\n@import 'setup/config/textures';\n\n/** logos **/\n@import 'setup/config/logo';\n\n\n\n// reading-typography\n$headline-color: inherit !default;\n$reading-min:16px;\n\n/** CardioSmart Brands *********************************/\n/** SCSS DOC: _brand.cardiosmart.scss **/\n\n/** Set the modular scale to minor third for the lager text treatments.. **/\n\n$ms-ratio: $minor-third;\n\n\n\n$teal: #009db1;\n$dark-blue: #015697;\n$dark-grey: #676a72;\n$alt-grey: #a3988c;\n$green: #468847;\n$yellow: #f5ca4f;\n$orange: #e17009;\n$red: #953b39;\n$alt-orange: #c67605;\n$blue: #2b58c0;\n$purple: #7742bd;\n$magenta: #c34198;\n$acc-blue: #004176;\n$white: rgb(255, 255, 255);\n$black: rgb(19, 18, 18);\n$real-black: #000;\n\n$theme-palette: map-merge(\n\t$theme-palette,\n\t(\n\t\tprimary: $dark-blue,\n\t\tsecondary: $teal,\n\t\tsuccess: $green,\n\t\twarning: $alt-orange,\n\t\talert: $red,\n\t\t//navigation: $blue,\n\t\taccent: $orange,\n\t\tinfo: $alt-grey,\n\t\thighlight: $yellow,\n\t\tacc: $acc-blue,\n\t)\n);\n\n$primary: $dark-blue;\n$secondary: $teal;\n$success: $green;\n$info: $alt-grey;\n$warning: $alt-orange;\n$danger: $red;\n\n// Set the active state for this framework & brand\n$active-class-name: 'active';\n$style-definition: map-deep-set($style-definition, 'is-active' 'short-name', '#{$active-class-name}>.a\\\\3A ');\n$style-definition: map-deep-set($style-definition, 'is-active-self' 'short-name', '#{$active-class-name}.a\\\\3A ');\n$fonts: (\n accent: (\n name: 'Roboto Slab',\n short-name:\"RS\",\n stack: '\"Roboto Slab\",\"Times New Roman\",\"Lucida Bright\",Georgia,serif, \"slab\"',\n weight:(\n\t\t\tlight:200,\n\t\t\tregular:400,\n\t\t\tmedium:500,\n\t\t\tbold:700,\n\t\t\txbold:900\n\t\t)\n ),\n display: (\n name: 'Maven Pro',\n short-name:\"MP\",\n stack: '\"Maven Pro\",\"Muli\",\"Open Sans\",Verdana,Helvetica,sans-serif',\n weight:(\n\t\t\tlight:400,\n\t\t\tregular:450,\n\t\t\tmedium:550,\n\t\t\tbold:700,\n\t\t\txbold:900\n\t\t)\n ),\n copy: (\n name: 'Open Sans',\n short-name:\"OS\",\n stack: '\"Open Sans\",-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif',\n weight:(\n\t\t\tlight:300,\n\t\t\tregular:400,\n\t\t\tmedium:500,\n\t\t\tbold:675,\n\t\t\txbold:800\n\t\t)\n ),\n ui: (\n name: 'Open Sans',\n short-name:\"OS\",\n stack: '\"Open Sans\",-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif',\n weight:(\n\t\t\tlight:300,\n\t\t\tregular:400,\n\t\t\tmedium:500,\n\t\t\tbold:675,\n\t\t\txbold:800\n\t\t)\n ),\n\n);\n// Reset Values of Utlity-css.vars.scss\n$value-to-unit: map-deep-set($value-to-unit, font-family accent, unquote(map-deep-get($fonts, accent, stack)));\n$value-to-unit: map-deep-set($value-to-unit, font-family display, unquote(map-deep-get($fonts, display, stack)));\n$value-to-unit: map-deep-set($value-to-unit, font-family copy, unquote(map-deep-get($fonts, copy, stack)));\n$value-to-unit: map-deep-set($value-to-unit, font-family ui, unquote(map-deep-get($fonts, ui, stack)));\n\n\n/** Override the fonts sizes. **/\n$value-to-unit: map-deep-set($value-to-unit, font-size 0, strip-unit(ms(0,$ms-base,$ms-ratio)) * 1rem);\n$value-to-unit: map-deep-set($value-to-unit, font-size 1, strip-unit(ms(1,$ms-base,$ms-ratio)) * 1rem);\n$value-to-unit: map-deep-set($value-to-unit, font-size 2, strip-unit(ms(2,$ms-base,$ms-ratio)) * 1rem);\n$value-to-unit: map-deep-set($value-to-unit, font-size 3, strip-unit(ms(3,$ms-base,$ms-ratio)) * 1rem);\n$value-to-unit: map-deep-set($value-to-unit, font-size 4, strip-unit(ms(4,$ms-base,$ms-ratio)) * 1rem);\n$value-to-unit: map-deep-set($value-to-unit, font-size 5, strip-unit(ms(5,$ms-base,$ms-ratio)) * 1rem);\n$value-to-unit: map-deep-set($value-to-unit, font-size 6, strip-unit(ms(6,$ms-base,$ms-ratio)) * 1rem);\n$value-to-unit: map-deep-set($value-to-unit, font-size 7, strip-unit(ms(7,$ms-base,$ms-ratio)) * 1rem);\n$value-to-unit: map-deep-set($value-to-unit, font-size 8, strip-unit(ms(8,$ms-base,$ms-ratio)) * 1rem);\n$value-to-unit: map-deep-set($value-to-unit, font-size 9, strip-unit(ms(9,$ms-base,$ms-ratio)) * 1rem);\n$value-to-unit: map-deep-set($value-to-unit, font-size 10, strip-unit(ms(10,$ms-base,$ms-ratio)) * 1rem);\n\n\n$font_display: get-css-size(font-family, display);\n$font_accent: get-css-size(font-family, accent);\n$font_ui: get-css-size(font-family, ui);\n$font_copy: get-css-size(font-family, copy);\n$font_mono: get-css-size(font-family, mono);\n\n$global-radius-on: false;\n$global-border-radius: 6px;\n$value-to-unit: map-deep-set($value-to-unit, 'radius' 'radius', $global-border-radius);\n$global-border-round: 25px;\n$value-to-unit: map-deep-set($value-to-unit, 'radius' 'round', $global-border-round);\n$basicSizeMultiplier: 1rem;\n\n$h1-font-size: map-deep-get($value-to-unit, font-size, 5);\n$h2-font-size: map-deep-get($value-to-unit, font-size, 4);\n$h3-font-size: map-deep-get($value-to-unit, font-size, 3);\n$h4-font-size: map-deep-get($value-to-unit, font-size, 2);\n$h5-font-size: map-deep-get($value-to-unit, font-size, 1);\n$h6-font-size: map-deep-get($value-to-unit, font-size, 0);\n\n$font-size-base: $base-font-size-rem; // Assumes the browser default, typically `16px`\n$font-size-lg: map-deep-get($value-to-unit, font-size, 2);\n$font-size-sm: map-deep-get($value-to-unit, font-size, n1);\n\n$logo: (\n\tprimary: (\n\t\turl: '../img/cardiosmart/cardiosmart_primaryLogo.svg',\n\t\talt: 'Logo of the CardioSmart',\n\t\taspectratio: math.div(1, 3)\n\t),\n\tprimary_alt: (\n\t\turl: '../img/cardiosmart/cardiosmart_primaryLogo-alt.svg',\n\t\talt: 'Logo of the CardioSmart',\n\t\taspectratio: math.div(1, 3)// 1/3 removing division symbols\n\t),\n\tcondensed: (\n\t\turl: '../img/cardiosmart/cardiosmart_mobileLogo.svg',\n\t\talt: 'Logo of the CardioSmart',\n\t\taspectratio: math.div(1, 6)// 1/6 removing division symbols\n\t),\n\tcondensed_alt: (\n\t\turl: '../img/cardiosmart/cardiosmart_mobileLogo-alt.svg',\n\t\talt: 'Logo of the CardioSmart',\n\t\taspectratio: math.div(1, 6)// 1/6 removing division symbols\n\t),\n);\n$seal: (\n\tnormal: (\n\t\turl: '../img/cardiosmart/cardiosmart_seal.svg',\n\t\talt: 'Seal of the CardioSmart',\n\t\taspectratio: 1,\n\t),\n\tsmall: (\n\t\turl: '../img/cardiosmart/cardiosmart_sealCondensed.svg',\n\t\talt: 'Seal of the CardioSmart',\n\t\taspectratio: 1,\n\t),\n\ttiny: (\n\t\turl: '../img/cardiosmart/cardiosmart_sealCondensed-alt.svg',\n\t\talt: 'Seal of the CardioSmart',\n\t\taspectratio: 1,\n\t),\n\tnormal_alt: (\n\t\turl: '../img/cardiosmart/cardiosmart_seal-reverse.svg',\n\t\talt: 'Seal of the CardioSmart',\n\t\taspectratio: 1,\n\t),\n\tsmall_alt: (\n\t\turl: '../img/cardiosmart/cardiosmart_sealCondensed-reverse.svg',\n\t\talt: 'Seal of the CardioSmart',\n\t\taspectratio: 1,\n\t),\n\ttiny_alt: (\n\t\turl: '../img/cardiosmart/cardiosmart_sealCondensed-alt-reverse.svg',\n\t\talt: 'Seal of the CardioSmart',\n\t\taspectratio: 1,\n\t),\n);\n\n/** Overriding the link color variables in scss **/\n$link-color-light:\t\t\t\t\tget-theme-color(primary, 3);\n$link-color-light--hover:\t\t\tget-theme-color(primary, 5);\n$link-color-light--visited:\t\t\tcolor.scale( get-theme-color(primary, 2), $saturation: -70%);\n$link-color-dark:\t\t\t\t\tget-theme-color(primary, -3);\n$link-color-dark--hover:\t\t\tget-theme-color(primary, -5);\n$link-color-dark--visited:\t\t\tcolor.scale( get-theme-color(primary, -2), $saturation: -70%);\n\n\n$headline-color: get-theme-color(primary,-2);\n\n\n/** Build Comment: Overlay and alter for cardiosmart Branding 4.1.4x **/ \n/** SCSS DOC:_brand.compile.scss **/\n@import 'setup/config/__root.cssvars';\n\n/** Build Comment: Render Root Variables **/ \n/** SCSS DOC: __var.output.scss **/\n/** This needs to run later then brand **/\n\n$margin_0: get-css-size(margin, 0);\n$margin_1: get-css-size(margin, 1);\n$margin_2: get-css-size(margin, 2);\n$margin_3: get-css-size(margin, 3);\n$margin_4: get-css-size(margin, 4);\n$margin_5: get-css-size(margin, 5);\n$margin_n1: get-css-size(margin, n1);\n$margin_n2: get-css-size(margin, n2);\n$margin_n3: get-css-size(margin, n3);\n$margin_n4: get-css-size(margin, n4);\n$margin_n5: get-css-size(margin, n5);\n$padding_0: get-css-size(padding, 0);\n$padding_1: get-css-size(padding, 1);\n$padding_2: get-css-size(padding, 2);\n$padding_3: get-css-size(padding, 3);\n$padding_4: get-css-size(padding, 4);\n$padding_5: get-css-size(padding, 5);\n$border_square: 0;\n$border_radius: get-css-size(border-radius, radius);\n$border_round: get-css-size(border-radius, round);\n$border_circle: get-css-size(border-radius, circle);\n$border-width_0: get-css-size(border-width, 0);\n$border-width_1: get-css-size(border-width, 1);\n$border-width_2: get-css-size(border-width, 2);\n$border-width_3: get-css-size(border-width, 3);\n$border-width_4: get-css-size(border-width, 4);\n$border-width_5: get-css-size(border-width, 5);\n$font_display: var(--font-family_display);\n$font_accent: var(--font-family_accent);\n$font_ui: var(--font-family_ui);\n$font_copy: var(--font-family_copy);\n$font_mono: var(--font-family_mono);\n$font_6: get-css-size(font-size, 6);\n$font_5: get-css-size(font-size, 5);\n$font_4: get-css-size(font-size, 4);\n$font_3: get-css-size(font-size, 3);\n$font_2: get-css-size(font-size, 2);\n$font_1: get-css-size(font-size, 1);\n$font_0: get-css-size(font-size, 0);\n$font_n1: get-css-size(font-size, n1);\n$font_n2: get-css-size(font-size, n2);\n$font_n3: get-css-size(font-size, n3);\n$font_n4: get-css-size(font-size, n4);\n$font_n5: get-css-size(font-size, n5);\n$font_bold: var(--font_bold);\n$font_medium: var(--font_medium);\n$font_xbold: var(--font_xbold);\n$font_light: var(--font_light);\n$font_regular: var(--font_regular);\n$line-height_0: get-css-size(line-height, 0);\n$line-height_1: get-css-size(line-height, 1);\n$line-height_2: get-css-size(line-height, 2);\n$line-height_3: get-css-size(line-height, 3);\n$line-height_4: get-css-size(line-height, 4);\n$line-height_5: get-css-size(line-height, 5);\n/** SCSS DOC: _setup.boot.scss **/\n// /*Bootstrap Framework Setup Files.*/\n\n// /*!\n// * Bootstrap v4.4.1 (https://getbootstrap.com/)\n// * Copyright 2011-2019 The Bootstrap Authors\n// * Copyright 2011-2019 Twitter, Inc.\n// * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n// */\n\n// @import '../../node_modules/bootstrap/scss/functions';\n// @import 'setup/config/__config.boot';\n// @import '../../node_modules/bootstrap/scss/variables';\n// @import '../../node_modules/bootstrap/scss/mixins';\n// @import '../../node_modules/bootstrap/scss/root';\n// @import '../../node_modules/bootstrap/scss/reboot';\n// @import '../../node_modules/bootstrap/scss/type';\n// @import '../../node_modules/bootstrap/scss/images';\n// // @import '../../node_modules/bootstrap/scss/code';\n// @import '../../node_modules/bootstrap/scss/grid';\n// @import '../../node_modules/bootstrap/scss/tables';\n// @import '../../node_modules/bootstrap/scss/forms';\n// @import '../../node_modules/bootstrap/scss/buttons';\n// @import '../../node_modules/bootstrap/scss/transitions';\n// @import '../../node_modules/bootstrap/scss/dropdown';\n// @import '../../node_modules/bootstrap/scss/button-group';\n// @import '../../node_modules/bootstrap/scss/input-group';\n// @import '../../node_modules/bootstrap/scss/custom-forms';\n// @import '../../node_modules/bootstrap/scss/nav';\n// @import '../../node_modules/bootstrap/scss/navbar';\n// @import '../../node_modules/bootstrap/scss/card';\n// @import '../../node_modules/bootstrap/scss/breadcrumb';\n// @import '../../node_modules/bootstrap/scss/pagination';\n// // @import '../../node_modules/bootstrap/scss/badge';\n// @import '../../node_modules/bootstrap/scss/jumbotron';\n// // @import '../../node_modules/bootstrap/scss/alert';\n// @import '../../node_modules/bootstrap/scss/progress';\n// // @import '../../node_modules/bootstrap/scss/media';\n// @import '../../node_modules/bootstrap/scss/list-group';\n// @import '../../node_modules/bootstrap/scss/close';\n// // @import '../../node_modules/bootstrap/scss/toasts';\n// @import '../../node_modules/bootstrap/scss/modal';\n// @import '../../node_modules/bootstrap/scss/tooltip';\n// @import '../../node_modules/bootstrap/scss/popover';\n// @import '../../node_modules/bootstrap/scss/carousel';\n// @import '../../node_modules/bootstrap/scss/spinners';\n// // @import \"../../node_modules/bootstrap/scss/utilities\";\n// // @import \"print\";\n\n\n/*!\n * Bootstrap v5.0.0-beta3 (https://getbootstrap.com/)\n * Copyright 2011-2021 The Bootstrap Authors\n * Copyright 2011-2021 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n */\n\n// scss-docs-start import-stack\n// Configuration\n@import \"../../node_modules/bootstrap/scss/functions\";\n@import './setup/config/_config.boot';\n@import \"../../node_modules/bootstrap/scss/variables\";\n@import \"../../node_modules/bootstrap/scss/mixins\";\n@import \"../../node_modules/bootstrap/scss/utilities\";\n\n// Layout & components\n@import \"../../node_modules/bootstrap/scss/root\";\n@import \"../../node_modules/bootstrap/scss/reboot\";\n@import \"../../node_modules/bootstrap/scss/type\";\n@import \"../../node_modules/bootstrap/scss/images\";\n@import \"../../node_modules/bootstrap/scss/containers\";\n@import \"../../node_modules/bootstrap/scss/grid\";\n@import \"../../node_modules/bootstrap/scss/tables\";\n@import \"../../node_modules/bootstrap/scss/forms\";\n@import \"../../node_modules/bootstrap/scss/buttons\";\n@import \"../../node_modules/bootstrap/scss/transitions\";\n@import \"../../node_modules/bootstrap/scss/dropdown\";\n@import \"../../node_modules/bootstrap/scss/button-group\";\n@import \"../../node_modules/bootstrap/scss/nav\";\n@import \"../../node_modules/bootstrap/scss/navbar\";\n@import \"../../node_modules/bootstrap/scss/card\";\n@import \"../../node_modules/bootstrap/scss/accordion\";\n@import \"../../node_modules/bootstrap/scss/breadcrumb\";\n@import \"../../node_modules/bootstrap/scss/pagination\";\n@import \"../../node_modules/bootstrap/scss/badge\";\n@import \"../../node_modules/bootstrap/scss/alert\";\n@import \"../../node_modules/bootstrap/scss/progress\";\n@import \"../../node_modules/bootstrap/scss/list-group\";\n@import \"../../node_modules/bootstrap/scss/close\";\n@import \"../../node_modules/bootstrap/scss/toasts\";\n@import \"../../node_modules/bootstrap/scss/modal\";\n@import \"../../node_modules/bootstrap/scss/tooltip\";\n@import \"../../node_modules/bootstrap/scss/popover\";\n@import \"../../node_modules/bootstrap/scss/carousel\";\n@import \"../../node_modules/bootstrap/scss/spinners\";\n@import \"../../node_modules/bootstrap/scss/offcanvas\";\n\n// Helpers\n@import \"../../node_modules/bootstrap/scss/helpers\";\n\n// Utilities\n// @import \"../../node_modules/bootstrap/scss/utilities/api\";\n// scss-docs-end import-stack\n\n@media #{$large-up} {\n body {\n background-image: url(../img/cardiosmart/background-rectangle.jpg);\n background-attachment: fixed;\n background-color: #e5efef;\n background-repeat: no-repeat;\n background-position: top;\n background-size: contain;\n }\n}@import \"recipes/boot/_boot.basic_nav\";\n@import \"recipes/boot/_boot.tabs\";\n@import \"recipes/boot/_boot.ui.tabs\";\n@import \"recipes/boot/_boot.sidebar_nav\";\n@import \"recipes/boot/_boot.toggle_icon\";\n@import \"recipes/boot/_boot._accordion\";\n@import \"recipes/boot/_boot.buttons\";\n@import 'recipes/cardiosmart/_cardiosmart._header';\n\n@import 'recipes/cardiosmart/_cardiosmart._footer';\n\n@import 'recipes/cardiosmart/_cardiosmart._base';\n@import 'recipes/cardiosmart/_cardiosmart._page';\n/*\n\nPages\n\nThe page is the backbone of the structures through out the website.\n\nWeight: 3300\n\nStyleguide RecipesPages\n\n*/\n@import 'recipes/cardiosmart/_cardiosmart._news';\n@import 'recipes/cardiosmart/_cardiosmart._articles';\n/*\n\nNews Articles\n\nThe science and discoveries are always evolving and the news articles are a way for a user to keep up with the latest science. \n\nWeight: 3400\n\nStyleguide RecipesNews\n\n*/\n@import 'recipes/cardiosmart/_cadiosmart._featured-related';\n/*\n\t Related Content\n\n\tThere are many components that pull in lists, carousels, and featurd presenetations of other assets and or pages because they are related. \n\n\tWeight: 3500\n\n\tStyleguide RecipesRelated\n\n*/\n@import 'recipes/cardiosmart/_cardiosmart._patient-story';\n/*\n\t Patient Stories\n\n\tThe human face of cardiosmart is the stories of people who live and thrive with these conditions.\n\n\tWeight: 3600\n\n\tStyleguide RecipesPatient\n\n*/\n/*\n\tFYHAH\n\n\tFind your heart a home is a single page application that is housed in a subdomain of cardiosmart.\n\n\tWeight: 5000\n\n\tStyleguide RecipesFYHAH\n\n*/\n\n@import 'recipes/cardiosmart/_fyhah.cardiosmart.elements';\n\n/*\n\tCHD\n\n\tA search systems for clinics that meet the standard.\n\n\tWeight: 6000\n\n\tStyleguide RecipesCHD\n\n*/\n@import 'recipes/cardiosmart/_chdDirectory.cardiosmart.elements';\n// ACC Design Alterations\n@import \"base/base\";\n\n@import \"components/interactive-extras\";\n@import \"styleguide/styleguide\";\n@import \"styleguide/__basic-html.base\";\n@import \"containers/containers\";\n\n@import 'base/table.boot';\n@import 'styleguide/__basic-html.boot';\n@import 'components/boot/_boot.buttons.override';\n@import 'components/boot/_boot.carousel.override';\n@import 'components/boot/_boot.navbar.override';\n@import 'components/boot/_boot.collapser.icon';\n@import 'components/cardiosmart/_cardiosmart.boot._navbar.override';\n@import 'components/sitefinity/_sitefinity.editor-decorator';\n/** SCSS DOC: __globalshame_framework.scss **/","/** SCSS DOC: _helpers.scss **/\n\n// @import \"fixes\";\n@import \"str-replace\";\n@import \"strip-unit\";\n@import \"class-name-constructor\";\n//@import \"clamp\";\n@import \"str-explode\";\n@import \"deep-map-check\";\n@import \"map-deep-get\";\n@import \"map-deep-set\";\n@import \"get\";\n\n@import \"make-shadow\";\n@import \"color-loop\";\n@import \"size-loop\";\n@import \"styleguide\"\n\n// Exsists in foundation\n\n\n\n","@use \"sass:map\";\n@use \"sass:selector\";\n@use \"sass:color\";\n@use \"sass:math\";\n\n/** SCSS DOC: _colors.scss **/\n\n$acc-blue: #004176 !default;\n$teal: #198dae !default;\n$green-blue: #24ccae !default;\n$dark-grey: #676a72 !default;\n$alt-grey: #a3988c !default;\n$green: #06a022 !default;\n$orange: #da8210 !default;\n$red: #dd1a1a !default;\n$blue: #2b58c0 !default;\n$purple: #976ad2 !default;\n$magenta: #c34198 !default;\n$white: rgb(251, 247, 247) !default;\n$black: rgb(19, 18, 18) !default;\n// Currently Un used in the design but part of bootstrap.\n$indigo: #6610f2 !default;\n$pink: #e83e8c !default;\n$yellow: #ffc107 !default;\n$cyan: #17a2b8 !default;\n$gray-100: mix($white, $black, 10%) !default;\n$gray-200: mix($white, $black, 20%) !default;\n$gray-300: mix($white, $black, 30%) !default;\n$gray-400: mix($white, $black, 40%) !default;\n$gray-500: mix($white, $black, 50%) !default;\n$gray-600: mix($white, $black, 60%) !default;\n$gray-700: mix($white, $black, 70%) !default;\n$gray-800: mix($white, $black, 80%) !default;\n$gray-900: mix($white, $black, 90%) !default;\n$grays: () !default;\n$grays: map-merge(\n\t(\n\t\t\"100\": $gray-100,\n\t\t\"200\": $gray-200,\n\t\t\"300\": $gray-300,\n\t\t\"400\": $gray-400,\n\t\t\"500\": $gray-500,\n\t\t\"600\": $gray-600,\n\t\t\"700\": $gray-700,\n\t\t\"800\": $gray-800,\n\t\t\"900\": $gray-900,\n\t),\n\t$grays\n);\n$colors: () !default;\n$colors: map-merge(\n\t(\n\t\t\"blue\": $blue,\n\t\t\"indigo\": $indigo,\n\t\t\"purple\": $purple,\n\t\t\"pink\": $pink,\n\t\t\"red\": $red,\n\t\t\"orange\": $orange,\n\t\t\"yellow\": $yellow,\n\t\t\"green\": $green,\n\t\t\"teal\": $teal,\n\t\t\"cyan\": $cyan,\n\t\t\"white\": $white,\n\t\t\"gray\": $gray-600,\n\t\t\"gray-dark\": $gray-800,\n\t),\n\t$colors\n);\n$theme-palette: () !default;\n\n$theme-palette: map-merge(\n\t(\n\t\tprimary: $teal,\n\t\tsecondary: $dark-grey,\n\t\tsuccess: $green,\n\t\tshade: $gray-500,\n\t\twarning: $orange,\n\t\talert: $red,\n\t\tnavigation: $blue,\n\t\taccent: $green-blue,\n\t\tinfo: $alt-grey,\n\t\thighlight: $purple,\n\t\tacc: $acc-blue,\n\t),\n\t$theme-palette\n);\n/** Setting link color variables in scss **/\n$link-color-light:\t\t\t\t\tget-theme-color(accent, 3) !default;\n$link-color-light--hover:\t\t\tget-theme-color(accent, 5) !default;\n$link-color-light--visited:\t\t\tcolor.scale( get-theme-color(accent, 2), $saturation: -70%) !default;\n$link-color-dark:\t\t\t\t\tget-theme-color(accent, -3) !default;\n$link-color-dark--hover:\t\t\tget-theme-color(accent, -5) !default;\n$link-color-dark--visited:\t\t\tcolor.scale( get-theme-color(accent, -2), $saturation: -70%) !default;\n\n\n\n\n\n$cor-green: #6fc284;\n$cor-yellow: #ffd44f;\n$cor-yellow-orange: #faa74b;\n$cor-orange: #f15d4c;\n$cor-red: #ed1c00;\n$COR: () !default;\n$COR: map-merge(\n\t(\n\t\tI: $cor-green,\n\t\tIIA: $cor-yellow,\n\t\tIIB: $cor-yellow-orange,\n\t\tIII: $cor-orange,\n\t\tIII-NOBENIFIT: $cor-orange,\n\t\tIII-HARM: $cor-red,\n\t),\n\t$COR\n);\n$loe-dark-blue: rgb(62, 111, 183);\n$loe-mid-blue: rgb(101, 156, 211);\n$loe-light-blue: rgb(161, 193, 230);\n$loe-pale-blue: rgb(181, 213, 229);\n$LOE: () !default;\n$LOE: map-merge(\n\t(\n\t\tA: $loe-dark-blue,\n\t\tB-NR: $loe-mid-blue,\n\t\tB-BR: $loe-light-blue,\n\t\tC-LD: $loe-pale-blue,\n\t\tC-EO: $loe-pale-blue,\n\t),\n\t$LOE\n);\n\n$credit-AAPA: #e8c536;\n$credit-ABP: #007a5b;\n$credit-ABPMOCII: #0b6d4c;\n$credit-ABPMOCIV: #105a3b;\n$credit-ATCEU: #775744;\n$credit-CE: #a8a8a8;\n$credit-CME: #00a15b;\n$credit-CNE: #198dae;\n$credit-CNErx: #52549e;\n$credit-COP: #775891;\n$credit-CPE: #992e2e;\n$credit-ECME: #d16528;\n$credit-IPCE:#6c36b3;\n$credit-MOC: #9a1267;\n$credit-MOCII: #9a1267;\n$credit-MOCIV: #d3248d;\n$credit-ACHE : #9733a5;\n\n$CreditColors: () !default;\n$CreditColors: map-merge(\n\t(\n\t\tAAPA: $credit-AAPA,\n\t\tABP: $credit-ABP,\n\t\tABPMOCII: $credit-ABPMOCII,\n\t\tABPMOCIV: $credit-ABPMOCIV,\n\t\tATCEU: $credit-ATCEU,\n\t\tCE: $credit-CE,\n\t\tCME: $credit-CME,\n\t\tCNE: $credit-CNE,\n\t\tCNErx: $credit-CNErx,\n\t\tCOP: $credit-COP,\n\t\tCPE: $credit-CPE,\n\t\tECME: $credit-ECME,\n\t\tIPCE:$credit-IPCE,\n\t\tMOC: $credit-MOCII,\n\t\tMOCII: $credit-MOCII,\n\t\tMOCIV: $credit-MOCIV,\n\t\tACHE: $credit-ACHE,\n\t),\n\t$CreditColors\n);\n$pathway-invasive-cardiology: #c8b02f;\n$pathway-congenital-heart-disease: #fdb918;\n$pathway-noninvasive-cardiology: #947b33;\n$pathway-ecg-stress-test: #d9691f;\n$pathway-vascular-medicine: #ae171c;\n$pathway-pulmonary-hypertension: #d60e7e;\n$pathway-prevention: #a01d51;\n$pathway-heart-failure: #410d49;\n$pathway-valvular-heart-disease: #4f4190;\n$pathway-arrhythmias-EP: #005b37;\n$pathway-pericardial: #0079ad;\n$pathway-acute-coronary-syndromes: #009974;\n$pathway-stable-ischemic-heart-disease: #0f3e65;\n$pathway-special: #00b6f1;\n$pathway-pandemic: #8e2582;\n$PathwayColors: () !default;\n$PathwayColors: map-merge(\n\t(\n\t\tinvasive: $pathway-invasive-cardiology,\n\t\tcongenital: $pathway-congenital-heart-disease,\n\t\tnoninvasive: $pathway-noninvasive-cardiology,\n\t\tecg: $pathway-ecg-stress-test,\n\t\tvascular: $pathway-vascular-medicine,\n\t\tpulmonary: $pathway-pulmonary-hypertension,\n\t\tprevention: $pathway-prevention,\n\t\thf: $pathway-heart-failure,\n\t\tvalvular: $pathway-valvular-heart-disease,\n\t\tarrhythmias: $pathway-arrhythmias-EP,\n\t\tpericardial: $pathway-pericardial,\n\t\tacute: $pathway-acute-coronary-syndromes,\n\t\tischemic: $pathway-stable-ischemic-heart-disease,\n\t\tspecial: $pathway-special,\n\t\tpandemic: $pathway-pandemic,\n\t),\n\t$PathwayColors\n);\n\n$pathwayV2-invt: #c8b02f;\n$pathwayV2-pchd: #fdb918;\n$pathwayV2-imag: #947b33;\n$pathwayV2-vasc: #ae171c;\n$pathwayV2-pulmvd: #d60e7e;\n$pathwayV2-valv: #4f4190;\n$pathwayV2-ep: #005b37;\n$pathwayV2-ischem: #0f3e65;\n$pathwayV2-special: #00b6f1;\n$pathwayV2-prev: #a01d51;\n$pathwayV2-hf: #410d49;\n\n$PathwayColorsV2: () !default;\n$PathwayColorsV2: map-merge(\n\t(\n\t\tinvt: $pathwayV2-invt,\n\t\tpchd: $pathwayV2-pchd,\n\t\timag: $pathwayV2-imag,\n\t\tvasc: $pathwayV2-vasc,\n\t\tpulmvd: $pathwayV2-pulmvd,\n\t\tprev: $pathwayV2-prev,\n\t\thf: $pathwayV2-hf,\n\t\tvalv: $pathwayV2-valv,\n\t\tep: $pathwayV2-ep,\n\t\tischem: $pathwayV2-ischem,\n\t\tspecial: $pathwayV2-special\n\t),\n\t$PathwayColorsV2\n);\n\n\n$twitter: #000;\n$facebook: #3b5998;\n$linkedin: #0077b5;\n$apple-store: #ea4cc0;\n$google-play: #ef6c00;\n$youtube: #bb0000;\n$instagram: #8134af;\n$SocialColors: () !default;\n$SocialColors: map-merge(\n\t(\n\t\ttwitter: $twitter,\n\t\tfacebook: $facebook,\n\t\tlinkedin: $linkedin,\n\t\tapple-store: $apple-store,\n\t\tgoogle-play: $google-play,\n\t\tyoutube: $youtube,\n\t\tinstagram: $instagram,\n\t),\n\t$SocialColors\n);\n\n\n$registry-cpmi: #f22418;\n$registry-afib:#ffb300;\n$registry-cathpci: #0086d5;\n$registry-icd: #80b800;\n$registry-impact:#4e1f73;\n$registry-pinnacle-primary:#0e4f1b;\n$registry-pinnacle-accent:#b3c4c4;\n$registry-focus:#d6560d;\n$registry-pcibleeding:#c0268e;\n$registry-laao:#00667a;\n$registry-pvi:#00947f;\n$registry-auxdata:#04adad;\n$registry-ststvt:#a20062;\n$registry-diabetes:#7893b8;\n\n$RegistryColors: () !default;\n$RegistryColors: map-merge(\n\t(\n\t\tcpmi: $registry-cpmi,\n\t\tafib: $registry-afib,\n\t\tcathpci:$registry-cathpci,\n\t\ticd:$registry-icd,\n\t\timpact:$registry-impact,\n\t\tpinnacle:$registry-pinnacle-primary,\n\t\tpinnacle-accent:$registry-pinnacle-accent,\n\t\tfocus:$registry-focus,\n\t\tpcibleeding:$registry-pcibleeding,\n\t\tlaao:$registry-laao,\n\t\tpvi:$registry-pvi,\n\t\tauxdata:$registry-auxdata,\n\t\tststvt:$registry-ststvt,\n\t\tdiabetes:$registry-diabetes\n\t),\n\t$RegistryColors\n);\n\n\n\n$journal-jc: #002e5a; \n$journal-adv:#0000FF;\t\n$journal-asia:#ec2939;\t\n$journal-tran:#1788c2;\t\n$journal-cvonc:#00ae81;\n$journal-case:#f37321;\n$journal-ep:#8a5e96;\t\n$journal-hf:#991326;\t\n$journal-invt:#038e92;\t\n$journal-imag:#c18a0e;\t\n\n$journal-label-jc: \"Journal of the American College of Cardiology\"; \n$journal-label-adv:\"JACC: Advances\";\t\n$journal-label-asia:\"JACC: Asia\";\t\n$journal-label-tran:\"JACC: Basic to Translational Science\";\t\n$journal-label-cvonc:\"JACC: CardioOncology\";\n$journal-label-case:\"JACC: Case Reports\";\n$journal-label-ep:\"JACC: Clinical Electrophysiology\";\t\n$journal-label-hf:\"JACC: Heart Failure\";\t\n$journal-label-invt:\"JACC: Cardiovascular Interventions\";\t\n$journal-label-imag:\"JACC: Cardiovascular Imaging\";\t\n\n$JournalsJACC: () !default;\n$JournalsJACC: map-merge(\n\t(\n\tjc:$journal-jc,\n\tjc-adv:$journal-adv,\n\tjc-asia:$journal-asia,\n\tjc-tran:$journal-tran,\n\tjc-cvonc:$journal-cvonc,\n\tjc-case:$journal-case,\n\tjc-ep:$journal-ep,\n\tjc-hf:$journal-hf,\n\tjc-invt:$journal-invt,\n\tjc-imag:$journal-imag,\n\n\t),\n\t$JournalsJACC\n);\n\n\n/*\n\nLink Colors: Light\n\nLink colors of a lighter shade in all of its states, default, hover, visited. Typically used to enhance visibility on dark backgrounds.\n\n$link-color-dark\t\t\t- #{$link-color-dark}; Link Color dark\t\t\t\n$link-color-dark--hover\t- #{$link-color-dark--hover}; Link Color dark--hover\t\n$link-color-dark--visited\t- #{$link-color-dark--visited}; Link Color dark--visited\t\n\nWeight:2\n\nStyleguide DesignBase.Colors.LinksLight\n */\n/*\n\nLink Colors\n\nLink colors in all of its states, default, hover, visited.\n\n\n$link-color-light\t\t\t- #{$link-color-light}; Link Color light\t\t\t\n$link-color-light--hover\t- #{$link-color-light--hover}; Link Color light--hover\t\n$link-color-light--visited\t- #{$link-color-light--visited}; Link Color light--visited\t\n$link-color-dark\t\t\t- #{$link-color-dark}; Link Color dark\t\t\t\n$link-color-dark--hover\t- #{$link-color-dark--hover}; Link Color dark--hover\t\n$link-color-dark--visited\t- #{$link-color-dark--visited}; Link Color dark--visited\t\n\nWeight:1\n\nStyleguide DesignBase.Colors.Links\n */","/* Define the \"system\" font family */\n@font-face {\n\tfont-family: system;\n\tfont-style: normal;\n\tfont-weight: 300;\n\tsrc: local('.SFNSText-Light'), local('.HelveticaNeueDeskInterface-Light'), local('.LucidaGrandeUI'),\n\t\tlocal('Ubuntu Light'), local('Segoe UI Light'), local('Roboto-Light'), local('DroidSans'), local('Tahoma');\n}\n\n$fonts: (\n\taccent: (\n\t\tname: 'system',\n\t\tshort-name:\"Sys\",\n\t\tstack: '\"Roboto Slab\",\"Times New Roman\",\"Lucida Bright\",Georgia,serif, \"slab\"',\n\t\tweight:(\n\t\t\tlight:100,\n\t\t\tregular:300,\n\t\t\tmedium:500,\n\t\t\tbold:700,\n\t\t\txbold:900\n\t\t)\n\t),\n\tdisplay: (\n\t\tname: 'system',\n\t\tshort-name:\"Sys\",\n\t\tstack: '\"Maven Pro\",\"Muli\",\"Open Sans\",\"system\",sans-serif',\n\t\tweight:(\n\t\t\tlight:100,\n\t\t\tregular:300,\n\t\t\tmedium:500,\n\t\t\tbold:700,\n\t\t\txbold:900\n\t\t)\n\t),\n\tcopy: (\n\t\tname: 'system',\n\t\tshort-name:\"Sys\",\n\t\tstack: '\"Muli\",\"Open Sans\",\"system\",sans-serif',\n\t\tweight:(\n\t\t\tlight:100,\n\t\t\tregular:300,\n\t\t\tmedium:500,\n\t\t\tbold:700,\n\t\t\txbold:900\n\t\t)\n\t),\n\tui: (\n\t\tname: 'system',\n\t\tshort-name:\"Sys\",\n\t\tstack: '\"Open Sans\",-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif',\n\t\tweight:(\n\t\t\tlight:100,\n\t\t\tregular:300,\n\t\t\tmedium:500,\n\t\t\tbold:700,\n\t\t\txbold:900\n\t\t)\n\t),\n) !default;\n\n\n\nhtml {\n\t-webkit-font-smoothing: antialiased;\n\t-webkit-line-break: after-white-space;\n\t-webkit-locale: 'en';\n\t-webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\tline-break: white-space;\n}\n","@use \"sass:map\";\n@use \"sass:selector\";\n@use \"sass:color\";\n@use \"sass:math\";\n/** SCSS DOC: _root.cssvars.scss **/\n:root {\n\t@each $color, $value in $theme-palette {\n\t\t--#{$color}-h: #{color.hue($value)};\n\t\t--#{$color}-s: #{color.saturation($value)};\n\t\t--#{$color}-l: #{color.lightness($value)};\n\t\t--#{$color}: hsl( var(--#{$color}-h),var(--#{$color}-s),var(--#{$color}-l) );\n\t}\n\t// $link-color-light:\t\t\t\t\tget-theme-color(highlight, 3) !default;\n\t// $link-color-light--hover:\t\t\tget-theme-color(highlight, 5) !default;\n\t// $link-color-light--visited:\t\t\tcolor.scale( get-theme-color(highlight, 2), $saturation: -70%) !default;\n\t// $link-color-dark:\t\t\t\t\tget-theme-color(highlight, -3) !default;\n\t// $link-color-dark--hover:\t\t\tget-theme-color(highlight, -5) !default;\n\t// $link-color-dark--visited:\t\t\tcolor.scale( get-theme-color(highlight, -2), $saturation: -70%) !default;\n\t\n\t\n\t--link-color-light-h:#{color.hue($link-color-light)};\n\t--link-color-light-s:#{color.saturation($link-color-light)};\n\t--link-color-light-l:#{color.lightness($link-color-light)};\n\t--link-color-light: hsl( var(--link-color-light-h),var(--link-color-light-s),var(--link-color-light-l) );\n\t--link-color-light--hover-h:#{color.hue($link-color-light--hover)};\n\t--link-color-light--hover-s:#{color.saturation($link-color-light--hover)};\n\t--link-color-light--hover-l:#{color.lightness($link-color-light--hover)};\n\t--link-color-light--hover: hsl( var(--link-color-light--hover-h),var(--link-color-light--hover-s),var(--link-color-light--hover-l) );\n\t--link-color-light--visited-h:#{color.hue($link-color-light--visited)};\n\t--link-color-light--visited-s:#{color.saturation($link-color-light--visited)};\n\t--link-color-light--visited-l:#{color.lightness($link-color-light--visited)};\n\t--link-color-light--visited: hsl( var(--link-color-light--visited-h),var(--link-color-light--visited-s),var(--link-color-light--visited-l) );\n\t\n\n\t--link-color-dark-h:#{color.hue($link-color-dark)};\n\t--link-color-dark-s:#{color.saturation($link-color-dark)};\n\t--link-color-dark-l:#{color.lightness($link-color-dark)};\n\t--link-color-dark: hsl( var(--link-color-dark-h),var(--link-color-dark-s),var(--link-color-dark-l) );\n\t--link-color-dark--hover-h:#{color.hue($link-color-dark--hover)};\n\t--link-color-dark--hover-s:#{color.saturation($link-color-dark--hover)};\n\t--link-color-dark--hover-l:#{color.lightness($link-color-dark--hover)};\n\t--link-color-dark--hover: hsl( var(--link-color-dark--hover-h),var(--link-color-dark--hover-s),var(--link-color-dark--hover-l) );\n\t--link-color-dark--visited-h:#{color.hue($link-color-dark--visited)};\n\t--link-color-dark--visited-s:#{color.saturation($link-color-dark--visited)};\n\t--link-color-dark--visited-l:#{color.lightness($link-color-dark--visited)};\n\t--link-color-dark--visited: hsl( var(--link-color-dark--visited-h),var(--link-color-dark--visited-s),var(--link-color-dark--visited-l) );\n\n}\n\n@if($usingFontAwesome){\n\t%font-awesome-pro {\n\t\t-webkit-font-smoothing: antialiased;\n\t\tdisplay: inline-block;\n\t\tfont-style: normal;\n\t\tfont-variant: normal;\n\t\ttext-rendering: auto;\n\t\tline-height: 1;\n\t\tfont-family: 'Font Awesome 6 Pro', 'Font Awesome 5 Pro';\n\t\tfont-weight: 900;\n\t}\n}\n",":root {\n // Note: Custom variable values only support SassScript inside `#{}`.\n\n // Colors\n //\n // Generate palettes for full colors, grays, and theme colors.\n\n @each $color, $value in $colors {\n --#{$variable-prefix}#{$color}: #{$value};\n }\n\n @each $color, $value in $grays {\n --#{$variable-prefix}gray-#{$color}: #{$value};\n }\n\n @each $color, $value in $theme-colors {\n --#{$variable-prefix}#{$color}: #{$value};\n }\n\n @each $color, $value in $theme-colors-rgb {\n --#{$variable-prefix}#{$color}-rgb: #{$value};\n }\n\n --#{$variable-prefix}white-rgb: #{to-rgb($white)};\n --#{$variable-prefix}black-rgb: #{to-rgb($black)};\n --#{$variable-prefix}body-color-rgb: #{to-rgb($body-color)};\n --#{$variable-prefix}body-bg-rgb: #{to-rgb($body-bg)};\n\n // Fonts\n\n // Note: Use `inspect` for lists so that quoted items keep the quotes.\n // See https://github.com/sass/sass/issues/2383#issuecomment-336349172\n --#{$variable-prefix}font-sans-serif: #{inspect($font-family-sans-serif)};\n --#{$variable-prefix}font-monospace: #{inspect($font-family-monospace)};\n --#{$variable-prefix}gradient: #{$gradient};\n\n // Root and body\n // stylelint-disable custom-property-empty-line-before\n // scss-docs-start root-body-variables\n @if $font-size-root != null {\n --#{$variable-prefix}root-font-size: #{$font-size-root};\n }\n --#{$variable-prefix}body-font-family: #{$font-family-base};\n --#{$variable-prefix}body-font-size: #{$font-size-base};\n --#{$variable-prefix}body-font-weight: #{$font-weight-base};\n --#{$variable-prefix}body-line-height: #{$line-height-base};\n --#{$variable-prefix}body-color: #{$body-color};\n @if $body-text-align != null {\n --#{$variable-prefix}body-text-align: #{$body-text-align};\n }\n --#{$variable-prefix}body-bg: #{$body-bg};\n // scss-docs-end root-body-variables\n // stylelint-enable custom-property-empty-line-before\n}\n","// stylelint-disable declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix\n\n\n// Reboot\n//\n// Normalization of HTML elements, manually forked from Normalize.css to remove\n// styles targeting irrelevant browsers while applying new styles.\n//\n// Normalize is licensed MIT. https://github.com/necolas/normalize.css\n\n\n// Document\n//\n// Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.\n\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\n\n// Root\n//\n// Ability to the value of the root font sizes, affecting the value of `rem`.\n// null by default, thus nothing is generated.\n\n:root {\n @if $font-size-root != null {\n font-size: var(--#{$variable-prefix}root-font-size);\n }\n\n @if $enable-smooth-scroll {\n @media (prefers-reduced-motion: no-preference) {\n scroll-behavior: smooth;\n }\n }\n}\n\n\n// Body\n//\n// 1. Remove the margin in all browsers.\n// 2. As a best practice, apply a default `background-color`.\n// 3. Prevent adjustments of font size after orientation changes in iOS.\n// 4. Change the default tap highlight to be completely transparent in iOS.\n\n// scss-docs-start reboot-body-rules\nbody {\n margin: 0; // 1\n font-family: var(--#{$variable-prefix}body-font-family);\n @include font-size(var(--#{$variable-prefix}body-font-size));\n font-weight: var(--#{$variable-prefix}body-font-weight);\n line-height: var(--#{$variable-prefix}body-line-height);\n color: var(--#{$variable-prefix}body-color);\n text-align: var(--#{$variable-prefix}body-text-align);\n background-color: var(--#{$variable-prefix}body-bg); // 2\n -webkit-text-size-adjust: 100%; // 3\n -webkit-tap-highlight-color: rgba($black, 0); // 4\n}\n// scss-docs-end reboot-body-rules\n\n\n// Content grouping\n//\n// 1. Reset Firefox's gray color\n// 2. Set correct height and prevent the `size` attribute to make the `hr` look like an input field\n\nhr {\n margin: $hr-margin-y 0;\n color: $hr-color; // 1\n background-color: currentColor;\n border: 0;\n opacity: $hr-opacity;\n}\n\nhr:not([size]) {\n height: $hr-height; // 2\n}\n\n\n// Typography\n//\n// 1. Remove top margins from headings\n// By default, `
`-`
` all receive top and bottom margins. We nuke the top\n// margin for easier control within type scales as it avoids margin collapsing.\n\n%heading {\n margin-top: 0; // 1\n margin-bottom: $headings-margin-bottom;\n font-family: $headings-font-family;\n font-style: $headings-font-style;\n font-weight: $headings-font-weight;\n line-height: $headings-line-height;\n color: $headings-color;\n}\n\nh1 {\n @extend %heading;\n @include font-size($h1-font-size);\n}\n\nh2 {\n @extend %heading;\n @include font-size($h2-font-size);\n}\n\nh3 {\n @extend %heading;\n @include font-size($h3-font-size);\n}\n\nh4 {\n @extend %heading;\n @include font-size($h4-font-size);\n}\n\nh5 {\n @extend %heading;\n @include font-size($h5-font-size);\n}\n\nh6 {\n @extend %heading;\n @include font-size($h6-font-size);\n}\n\n\n// Reset margins on paragraphs\n//\n// Similarly, the top margin on `
`s get reset. However, we also reset the\n// bottom margin to use `rem` units instead of `em`.\n\np {\n margin-top: 0;\n margin-bottom: $paragraph-margin-bottom;\n}\n\n\n// Abbreviations\n//\n// 1. Duplicate behavior to the data-bs-* attribute for our tooltip plugin\n// 2. Add the correct text decoration in Chrome, Edge, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\n// 4. Prevent the text-decoration to be skipped.\n\nabbr[title],\nabbr[data-bs-original-title] { // 1\n text-decoration: underline dotted; // 2\n cursor: help; // 3\n text-decoration-skip-ink: none; // 4\n}\n\n\n// Address\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\n\n// Lists\n\nol,\nul {\n padding-left: 2rem;\n}\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: $dt-font-weight;\n}\n\n// 1. Undo browser default\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0; // 1\n}\n\n\n// Blockquote\n\nblockquote {\n margin: 0 0 1rem;\n}\n\n\n// Strong\n//\n// Add the correct font weight in Chrome, Edge, and Safari\n\nb,\nstrong {\n font-weight: $font-weight-bolder;\n}\n\n\n// Small\n//\n// Add the correct font size in all browsers\n\nsmall {\n @include font-size($small-font-size);\n}\n\n\n// Mark\n\nmark {\n padding: $mark-padding;\n background-color: $mark-bg;\n}\n\n\n// Sub and Sup\n//\n// Prevent `sub` and `sup` elements from affecting the line height in\n// all browsers.\n\nsub,\nsup {\n position: relative;\n @include font-size($sub-sup-font-size);\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub { bottom: -.25em; }\nsup { top: -.5em; }\n\n\n// Links\n\na {\n color: $link-color;\n text-decoration: $link-decoration;\n\n &:hover {\n color: $link-hover-color;\n text-decoration: $link-hover-decoration;\n }\n}\n\n// And undo these styles for placeholder links/named anchors (without href).\n// It would be more straightforward to just use a[href] in previous block, but that\n// causes specificity issues in many other styles that are too complex to fix.\n// See https://github.com/twbs/bootstrap/issues/19402\n\na:not([href]):not([class]) {\n &,\n &:hover {\n color: inherit;\n text-decoration: none;\n }\n}\n\n\n// Code\n\npre,\ncode,\nkbd,\nsamp {\n font-family: $font-family-code;\n @include font-size(1em); // Correct the odd `em` font sizing in all browsers.\n direction: ltr #{\"/* rtl:ignore */\"};\n unicode-bidi: bidi-override;\n}\n\n// 1. Remove browser default top margin\n// 2. Reset browser default of `1em` to use `rem`s\n// 3. Don't allow content to break outside\n\npre {\n display: block;\n margin-top: 0; // 1\n margin-bottom: 1rem; // 2\n overflow: auto; // 3\n @include font-size($code-font-size);\n color: $pre-color;\n\n // Account for some code outputs that place code tags in pre tags\n code {\n @include font-size(inherit);\n color: inherit;\n word-break: normal;\n }\n}\n\ncode {\n @include font-size($code-font-size);\n color: $code-color;\n word-wrap: break-word;\n\n // Streamline the style when inside anchors to avoid broken underline and more\n a > & {\n color: inherit;\n }\n}\n\nkbd {\n padding: $kbd-padding-y $kbd-padding-x;\n @include font-size($kbd-font-size);\n color: $kbd-color;\n background-color: $kbd-bg;\n @include border-radius($border-radius-sm);\n\n kbd {\n padding: 0;\n @include font-size(1em);\n font-weight: $nested-kbd-font-weight;\n }\n}\n\n\n// Figures\n//\n// Apply a consistent margin strategy (matches our type styles).\n\nfigure {\n margin: 0 0 1rem;\n}\n\n\n// Images and content\n\nimg,\nsvg {\n vertical-align: middle;\n}\n\n\n// Tables\n//\n// Prevent double borders\n\ntable {\n caption-side: bottom;\n border-collapse: collapse;\n}\n\ncaption {\n padding-top: $table-cell-padding-y;\n padding-bottom: $table-cell-padding-y;\n color: $table-caption-color;\n text-align: left;\n}\n\n// 1. Removes font-weight bold by inheriting\n// 2. Matches default `
` alignment by inheriting `text-align`.\n// 3. Fix alignment for Safari\n\nth {\n font-weight: $table-th-font-weight; // 1\n text-align: inherit; // 2\n text-align: -webkit-match-parent; // 3\n}\n\nthead,\ntbody,\ntfoot,\ntr,\ntd,\nth {\n border-color: inherit;\n border-style: solid;\n border-width: 0;\n}\n\n\n// Forms\n//\n// 1. Allow labels to use `margin` for spacing.\n\nlabel {\n display: inline-block; // 1\n}\n\n// Remove the default `border-radius` that macOS Chrome adds.\n// See https://github.com/twbs/bootstrap/issues/24093\n\nbutton {\n // stylelint-disable-next-line property-disallowed-list\n border-radius: 0;\n}\n\n// Explicitly remove focus outline in Chromium when it shouldn't be\n// visible (e.g. as result of mouse click or touch tap). It already\n// should be doing this automatically, but seems to currently be\n// confused and applies its very visible two-tone outline anyway.\n\nbutton:focus:not(:focus-visible) {\n outline: 0;\n}\n\n// 1. Remove the margin in Firefox and Safari\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n margin: 0; // 1\n font-family: inherit;\n @include font-size(inherit);\n line-height: inherit;\n}\n\n// Remove the inheritance of text transform in Firefox\nbutton,\nselect {\n text-transform: none;\n}\n// Set the cursor for non-`\n \n \n \n \n \n \n \n
Placeholder content for the tab\n panel. This one relates to the\n home tab. Takes you miles high,\n so high, 'cause she’s got that\n one international smile. There's\n a stranger in my bed, there's a\n pounding in my head. Oh, no. In\n another life I would make you\n stay. ‘Cause I, I’m capable of\n anything. Suiting up for my\n crowning battle. Used to steal\n your parents' liquor and climb\n to the roof. Tone, tan fit and\n ready, turn it up cause its\n gettin' heavy. Her love is like\n a drug. I guess that I forgot I\n had a choice.
\n
\n
\n
Placeholder content for the tab\n panel. This one relates to the\n profile tab. You got the finest\n architecture. Passport stamps,\n she's cosmopolitan. Fine, fresh,\n fierce, we got it on lock. Never\n planned that one day I'd be\n losing you. She eats your heart\n out. Your kiss is cosmic, every\n move is magic. I mean the ones,\n I mean like she's the one.\n Greetings loved ones let's take\n a journey. Just own the night\n like the 4th of July! But you'd\n rather get wasted.
\n
\n
\n
Placeholder content for the tab\n panel. This one relates to the\n contact tab. Her love is like a\n drug. All my girls vintage\n Chanel baby. Got a motel and\n built a fort out of sheets.\n 'Cause she's the muse and the\n artist. (This is how we do) So\n you wanna play with magic. So\n just be sure before you give it\n all to me. I'm walking, I'm\n walking on air (tonight). Skip\n the talk, heard it all, time to\n walk the walk. Catch her if you\n can. Stinging like a bee I\n earned my stripes.
Placeholder content for the scrollspy\n example. You got the finest\n architecture. Passport stamps, she's\n cosmopolitan. Fine, fresh, fierce,\n we got it on lock. Never planned\n that one day I'd be losing you. She\n eats your heart out. Your kiss is\n cosmic, every move is magic. I mean\n the ones, I mean like she's the one.\n Greetings loved ones let's take a\n journey. Just own the night like the\n 4th of July! But you'd rather get\n wasted.
\n
@mdo
\n
Placeholder content for the scrollspy\n example. 'Cause she's the muse and\n the artist. (This is how we do) So\n you wanna play with magic. So just\n be sure before you give it all to\n me. I'm walking, I'm walking on air\n (tonight). Skip the talk, heard it\n all, time to walk the walk.
\n
one
\n
Placeholder content for the scrollspy\n example. Takes you miles high, so\n high, 'cause she’s got that one\n international smile. There's a\n stranger in my bed, there's a\n pounding in my head. Oh, no. In\n another life I would make you stay.\n ‘Cause I, I’m capable of anything.\n Suiting up for my crowning battle.\n Used to steal your parents' liquor\n and climb to the roof. Tone, tan fit\n and ready, turn it up cause its\n gettin' heavy. Her love is like a\n drug. I guess that I forgot I had a\n choice.
\n
two
\n
Placeholder content for the scrollspy\n example. It's time to bring out the\n big balloons. I'm walking, I'm\n walking on air (tonight). Yeah, we\n maxed our credit cards and got\n kicked out of the bar. Yo, shout out\n to all you kids, buying bottle\n service, with your rent money. I'm\n ma get your heart racing in my\n skin-tight jeans. If you get the\n chance you better keep her. Yo,\n shout out to all you kids, buying\n bottle service, with your rent\n money.
\n
three
\n
Placeholder content for the scrollspy\n example. If you wanna dance, if you\n want it all, you know that I'm the\n girl that you should call. Walk\n through the storm I would. So let me\n get you in your birthday suit. The\n one that got away. Last Friday\n night, yeah I think we broke the\n law, always say we're gonna stop.\n 'Cause she's a little bit of Yoko,\n And she's a little bit of 'Oh no'. I\n want the jaw droppin', eye poppin',\n head turnin', body shockin'. Yeah,\n we maxed our credit cards and got\n kicked out of the bar.
\n
And some more placeholder content,\n for good measure.
\n
\n
\n
\n \n \n \n
Spinners
Documentation\n \n
\n
\n
Loading...\n
\n
Loading...\n
\n
Loading...\n
\n
Loading...\n
\n
Loading...\n
\n
Loading...\n
\n
Loading...\n
\n
Loading...\n
\n
\n
\n
Loading...\n
\n
Loading...\n
\n
Loading...\n
\n
Loading...\n
\n
Loading...\n
\n
Loading...\n
\n
Loading...\n
\n
Loading...\n
\n
\n
\n \n \n \n
Toasts
Documentation\n \n
\n \n
\n
\n \n Bootstrap\n 11 mins\n ago \n
\n
Hello, world!\n This is a toast message.
\n
\n
\n \n \n \n \n
Tooltips
Documentation\n \n
\n
Tooltip on\n top
\n
\n \n\n\n\n\nWeight: 1000\n\nStyleguide Bootstrap.Components\n*/","\n.btn {\n\twhite-space: nowrap;\n\tfont-family: $font_ui;\n\tfont-weight: $font_medium;\n}\n\n.btn.clear {\n\tcolor: var(--link-color-dark);\n\tbackground-color: transparent;\n\tborder-color: transparent;\n\t&:hover {\n\t\tcolor: hsl(var(--link-color-dark-h),var(--link-color-dark-s),calc( var(-link-color-dark-l ) * .5 ));\n\t}\n}\n\n.btn-accent {\n\tbackground-color: get-theme-color('accent', -1, CSSVAR);\n\t&:hover {\n\t\tbackground-color: get-theme-color('accent', -3, CSSVAR);\n\t}\n}\n\n.btn.shadow {\n\tbox-shadow: make-shadow(3, 'drop', #000, 0.4);\n}\n\n.btn.shadow:hover {\n\tbox-shadow: make-shadow(1, 'drop', #000, 0.1);\n}\n","/*\nCarousel ALT\n\nA slide-show component for cycling through groups of images and text.\n.no-controls Will remove left and right arrow\n.text-indicators Converts the circle indicators to text tabs that lock to the right side of the images.\n.chevron-on Adds a light orange chevron on the '.active' indicator to increase its impact.\n\n\nMarkup:\n\n\t\n\t\t
\n\t\t\tquaerat odit assumenda\n\t\t
\n\t\t
\n\t\t\tdelectus sunt optio\n\t\t
\n\t\t
\n\t\t\tdeserunt quia quasi\n\t\t
\n\t\n\t\n\t
\n\t\t
\n\t\t\t\n\t\t\t
\n Cardiac Syncope Program Launches!\n
NEW | Hear from an expert panel and complete four patient cases to test your knowledge on our Syncope Program! Find out more!
\n
\n\t\t
\n\t\t
\n\t\t\t\n\t\t\t
\n\t\t\t\tsint explicabo sequi Earum nihil omnis.\n\t\t\t
\n\t\t
\n\t\t
\n\t\t\t\n\t\t\t
\n\t\t\t\tsint explicabo sequi Earum nihil omnis.\n\t\t\t
![\"\"](\"https://via.placeholder.com/400x300.png?text=Mobile\")
\n\t![\"Bill](\"https://www.acc.org//-/media/Non-Clinical/Images/2022/10/CARDIOLOGY/22/Weintraub-Bill-600x600.jpg\")
\n\t\t\t![\"Hiroki](\"https://www.acc.org//-/media/Non-Clinical/Images/2022/11/CARDIOLOGY/24/Ueyama-Hiroki-600x600.jpg\")
\n\t\t\t![\"Isida](\"https://www.acc.org//-/media/Non-Clinical/Images/2022/11/CARDIOLOGY/24/Byku-Isida-600x600.jpg\")
\n\t\t\t