@sassoftware/content-components/dist/umd/content-sdk-components.css

The content you create in SAS Viya can now be accessed in your websites and web apps using the new SAS Content SDK. Choose specific content items, or show the contents of an entire folder. Filter content by type and control what happens when content is se

.sas-content-sdk[dir="ltr"] .sas_components-Modal-Modal_container {
  left: 0;
}

.sas-content-sdk[dir="rtl"] .sas_components-Modal-Modal_container {
  right: 0;
}

.sas-content-sdk[dir="ltr"] .sas_components-Modal-Modal_container {
  right: 0;
}

.sas-content-sdk[dir="rtl"] .sas_components-Modal-Modal_container {
  left: 0;
}

.sas-content-sdk .sas_components-Modal-Modal_container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  bottom: 0;
}

.sas-content-sdk .sas_components-Modal-Modal_modal-block-layer {
  background-color: var(--modal-bg);
}

.sas-content-sdk .sas_components-Modal-Modal_nonmodal-block-layer {
  pointer-events: none;
}

.sas-content-sdk .sas_components-Modal-Modal_nonmodal-block-content {
  pointer-events: auto;
}

.sas-content-sdk .sas_components-Modal-Modal_opening {
  animation: nova-global-fadein calc(var(--modal-anim-dur-enter) * var(--nova-animation-duration-factor, 1)) var(--modal-anim-tf-enter) forwards;
}

.sas-content-sdk .sas_components-Modal-Modal_closing {
  animation: nova-global-fadeout calc(var(--modal-anim-dur-exit) * var(--nova-animation-duration-factor, 1)) var(--modal-anim-tf-exit);
}
.sas-content-sdk .sas_components-SVG-SVG_svg {
  display: inline-flex;
  height: auto;
  width: auto;
}
.sas-content-sdk .sas_components-SVG-SVG_svg:focus {
  outline: var(--focus-light-bg);
}

.sas-content-sdk .sas_components-SVG-SVG_icon {
  height: 0.875rem;
  width: 0.875rem;
}
.sas-content-sdk .sas_components-SVG-SVG_icon > .sas_components-SVG-SVG_inner {
  height: 100%;
  width: 100%;
}

.sas-content-sdk .sas_components-SVG-SVG_allowMirroring {
  transform: scale(-1, 1);
  transform-origin: center;
}

.sas-content-sdk .sas_components-SVG-SVG_disabled {
  opacity: var(--svg-opacity);
}

svg.sas_components-SVG-SVG_inner [dir=rtl] .allowMirroring {
  transform: scale(-1, 1);
}
svg.sas_components-SVG-SVG_inner .viyaLogo {
  fill: var(--viya-logo);
}
svg.sas_components-SVG-SVG_inner .iconColor {
  fill: var(--icon-default-fg);
}
svg.sas_components-SVG-SVG_inner .neutral {
  fill: var(--icon-neutral-fg);
}
svg.sas_components-SVG-SVG_inner .neutralFill {
  fill: var(--icon-neutralfill-fg);
}
svg.sas_components-SVG-SVG_inner .alert {
  fill: var(--icon-alert-fg);
}
svg.sas_components-SVG-SVG_inner .warning {
  fill: var(--icon-warning-fg);
}
svg.sas_components-SVG-SVG_inner .success {
  fill: var(--icon-success-fg);
}
svg.sas_components-SVG-SVG_inner .information {
  fill: var(--icon-information-fg);
}
svg.sas_components-SVG-SVG_inner .nodeStatusBg {
  fill: var(--icon-nodeStatus-bg);
}
svg.sas_components-SVG-SVG_inner .HPcolor1, svg.sas_components-SVG-SVG_inner .HPcolor1Opacity {
  fill: var(--help-color1-fill);
}
svg.sas_components-SVG-SVG_inner .HPcolor1Opacity {
  opacity: 0.75;
}
svg.sas_components-SVG-SVG_inner .ZScolor1, svg.sas_components-SVG-SVG_inner .ZScolor1OpacityDots, svg.sas_components-SVG-SVG_inner .ZScolor1Opacity {
  fill: var(--zerostate-zscolor1);
}
svg.sas_components-SVG-SVG_inner .ZScolor1Opacity {
  opacity: var(--zerostate-zscolor1-opacity);
}
svg.sas_components-SVG-SVG_inner .ZScolor1OpacityDots {
  opacity: var(--zerostate-zscolor1-dots-opacity);
}
svg.sas_components-SVG-SVG_inner .ZScolor2, svg.sas_components-SVG-SVG_inner .ZScolor2Opacity2, svg.sas_components-SVG-SVG_inner .ZScolor2Opacity1 {
  fill: var(--zerostate-zscolor2);
}
svg.sas_components-SVG-SVG_inner .ZScolor2Opacity1 {
  opacity: var(--zerostate-zscolor2-opacity1);
}
svg.sas_components-SVG-SVG_inner .ZScolor2Opacity2 {
  opacity: var(--zerostate-zscolor2-opacity2);
}
svg.sas_components-SVG-SVG_inner .thumbBackgroundFill {
  fill: var(--thumbnail-backgroundfill);
}
svg.sas_components-SVG-SVG_inner .thumbOverlay {
  fill: var(--thumbnail-overlay);
  opacity: 0.75;
}
svg.sas_components-SVG-SVG_inner .thumbShortcut {
  fill: var(--thumbnail-shortcut);
}
svg.sas_components-SVG-SVG_inner .thumbColor1, svg.sas_components-SVG-SVG_inner .thumbColor1Op75, svg.sas_components-SVG-SVG_inner .thumbColor1Op50, svg.sas_components-SVG-SVG_inner .thumbColor1Op25 {
  fill: var(--thumbnail-color1);
}
svg.sas_components-SVG-SVG_inner .thumbColor1Op25 {
  opacity: 0.25;
}
svg.sas_components-SVG-SVG_inner .thumbColor1Op50 {
  opacity: 0.5;
}
svg.sas_components-SVG-SVG_inner .thumbColor1Op75 {
  opacity: 0.75;
}
svg.sas_components-SVG-SVG_inner .thumbColor2, svg.sas_components-SVG-SVG_inner .thumbColor2Op75, svg.sas_components-SVG-SVG_inner .thumbColor2Op50, svg.sas_components-SVG-SVG_inner .thumbColor2Op25 {
  fill: var(--thumbnail-color2);
}
svg.sas_components-SVG-SVG_inner .thumbColor2Op25 {
  opacity: 0.25;
}
svg.sas_components-SVG-SVG_inner .thumbColor2Op50 {
  opacity: 0.5;
}
svg.sas_components-SVG-SVG_inner .thumbColor2Op75 {
  opacity: 0.75;
}
svg.sas_components-SVG-SVG_inner .thumbColor3, svg.sas_components-SVG-SVG_inner .thumbColor3Op75, svg.sas_components-SVG-SVG_inner .thumbColor3Op50, svg.sas_components-SVG-SVG_inner .thumbColor3Op25 {
  fill: var(--thumbnail-color3);
}
svg.sas_components-SVG-SVG_inner .thumbColor3Op25 {
  opacity: 0.25;
}
svg.sas_components-SVG-SVG_inner .thumbColor3Op50 {
  opacity: 0.5;
}
svg.sas_components-SVG-SVG_inner .thumbColor3Op75 {
  opacity: 0.75;
}
svg.sas_components-SVG-SVG_inner .thumbColor4, svg.sas_components-SVG-SVG_inner .thumbColor4Op75, svg.sas_components-SVG-SVG_inner .thumbColor4Op50, svg.sas_components-SVG-SVG_inner .thumbColor4Op25 {
  fill: var(--thumbnail-color4);
}
svg.sas_components-SVG-SVG_inner .thumbColor4Op25 {
  opacity: 0.25;
}
svg.sas_components-SVG-SVG_inner .thumbColor4Op50 {
  opacity: 0.5;
}
svg.sas_components-SVG-SVG_inner .thumbColor4Op75 {
  opacity: 0.75;
}
svg.sas_components-SVG-SVG_inner .thumbSlackBackground {
  fill: var(--thumbnail-slack-background);
}
svg.sas_components-SVG-SVG_inner .thumbJiraBackground {
  fill: var(--thumbnail-jira-background);
}
svg.sas_components-SVG-SVG_inner .thumbFacbookLogo {
  fill: var(--thumbnail-facebook-logo);
}
svg.sas_components-SVG-SVG_inner .thumbSASLogo {
  fill: var(--thumbnail-sas-logo);
}
svg.sas_components-SVG-SVG_inner .BGwhite {
  fill: var(--eg-studio-bg-white);
}
svg.sas_components-SVG-SVG_inner .BG50, svg.sas_components-SVG-SVG_inner .BG40, svg.sas_components-SVG-SVG_inner .BGgray30, svg.sas_components-SVG-SVG_inner .BGgray25, svg.sas_components-SVG-SVG_inner .BG25, svg.sas_components-SVG-SVG_inner .BG20, svg.sas_components-SVG-SVG_inner .BGBorder50 {
  fill: var(--eg-studio-bg);
}
svg.sas_components-SVG-SVG_inner .BGBorder50 {
  opacity: 0.5;
}
svg.sas_components-SVG-SVG_inner .BG20 {
  opacity: 0.2;
}
svg.sas_components-SVG-SVG_inner .BG25 {
  opacity: 0.25;
}
svg.sas_components-SVG-SVG_inner .BGgray25 {
  opacity: 0.25;
}
svg.sas_components-SVG-SVG_inner .BGgray30 {
  opacity: 0.3;
}
svg.sas_components-SVG-SVG_inner .BG40 {
  opacity: 0.4;
}
svg.sas_components-SVG-SVG_inner .BG50 {
  opacity: 0.5;
}
svg.sas_components-SVG-SVG_inner .CodeData, svg.sas_components-SVG-SVG_inner .CodeData80, svg.sas_components-SVG-SVG_inner .CodeData50, svg.sas_components-SVG-SVG_inner .CodeData25 {
  fill: var(--eg-studio-codedata);
}
svg.sas_components-SVG-SVG_inner .CodeData25 {
  opacity: 0.25;
}
svg.sas_components-SVG-SVG_inner .CodeData50 {
  opacity: 0.5;
}
svg.sas_components-SVG-SVG_inner .CodeData80 {
  opacity: 0.8;
}
svg.sas_components-SVG-SVG_inner .CodeText, svg.sas_components-SVG-SVG_inner .CodeText50, svg.sas_components-SVG-SVG_inner .CodeText25 {
  fill: var(--eg-studio-codetext);
}
svg.sas_components-SVG-SVG_inner .CodeText25 {
  opacity: 0.25;
}
svg.sas_components-SVG-SVG_inner .CodeText50 {
  opacity: 0.5;
}
svg.sas_components-SVG-SVG_inner .CodeEditorMarkers {
  fill: var(--eg-studio-codeeditormarkers);
}
svg.sas_components-SVG-SVG_inner .CodeMarker25, svg.sas_components-SVG-SVG_inner .CodeMarker40, svg.sas_components-SVG-SVG_inner .CodeMarker50, svg.sas_components-SVG-SVG_inner .CodeMarker60 {
  fill: var(--eg-studio-codemarker);
}
svg.sas_components-SVG-SVG_inner .CodeMarker60 {
  opacity: 0.6;
}
svg.sas_components-SVG-SVG_inner .CodeMarker50 {
  opacity: 0.5;
}
svg.sas_components-SVG-SVG_inner .CodeMarker40 {
  opacity: 0.4;
}
svg.sas_components-SVG-SVG_inner .CodeMarker25 {
  opacity: 0.25;
}
svg.sas_components-SVG-SVG_inner .CodeNumber {
  fill: var(--eg-studio-codenumber);
}
svg.sas_components-SVG-SVG_inner .CodeProc {
  fill: var(--eg-studio-codeproc);
}
svg.sas_components-SVG-SVG_inner .CodeBGNoTab {
  fill: var(--eg-studio-codebgnotab);
  stroke: var(--eg-studio-codebgnotab-stroke);
  stroke-width: 1px;
}
svg.sas_components-SVG-SVG_inner .CodeBG {
  fill: var(--eg-studio-codebg);
  stroke: var(--eg-studio-codebg-stroke);
  stroke-width: 1px;
}
svg.sas_components-SVG-SVG_inner .ProcessArrows {
  fill: var(--eg-studio-processarrows);
}
svg.sas_components-SVG-SVG_inner .ProcessFlow75, svg.sas_components-SVG-SVG_inner .ProcessFlow50, svg.sas_components-SVG-SVG_inner .ProcessFlow25 {
  fill: var(--eg-studio-processflow);
}
svg.sas_components-SVG-SVG_inner .ProcessFlow25 {
  opacity: var(--eg-studio-processflow-o25);
}
svg.sas_components-SVG-SVG_inner .ProcessFlow50 {
  opacity: var(--eg-studio-processflow-o50);
}
svg.sas_components-SVG-SVG_inner .ProcessFlow75 {
  opacity: var(--eg-studio-processflow-o75);
}
svg.sas_components-SVG-SVG_inner .ProcessFlowArrows, svg.sas_components-SVG-SVG_inner .ProcessFlowArrows50 {
  fill: var(--eg-studio-processflowarrows);
}
svg.sas_components-SVG-SVG_inner .ProcessFlowArrows50 {
  opacity: 0.5;
}
svg.sas_components-SVG-SVG_inner .NodeColumn, svg.sas_components-SVG-SVG_inner .NodeColumn50 {
  fill: var(--eg-studio-nodecolumn);
}
svg.sas_components-SVG-SVG_inner .NodeColumn50 {
  opacity: 0.5;
}
svg.sas_components-SVG-SVG_inner .NodeTransform, svg.sas_components-SVG-SVG_inner .NodeTransform20, svg.sas_components-SVG-SVG_inner .NodeTransform40, svg.sas_components-SVG-SVG_inner .NodeTransform60, svg.sas_components-SVG-SVG_inner .NodeTransform50 {
  fill: var(--eg-studio-nodetransform);
}
svg.sas_components-SVG-SVG_inner .NodeTransform50 {
  opacity: 0.5;
}
svg.sas_components-SVG-SVG_inner .NodeTransform60 {
  fill: var(--eg-studio-nodecolumn);
  opacity: 0.6;
}
svg.sas_components-SVG-SVG_inner .NodeTransform40 {
  fill: var(--eg-studio-nodecolumn);
  opacity: 0.4;
}
svg.sas_components-SVG-SVG_inner .NodeTransform20 {
  fill: var(--eg-studio-nodecolumn);
  opacity: 0.2;
}
svg.sas_components-SVG-SVG_inner .NodeData15, svg.sas_components-SVG-SVG_inner .NodeData20, svg.sas_components-SVG-SVG_inner .NodeData25, svg.sas_components-SVG-SVG_inner .NodeData40 {
  fill: var(--eg-studio-nodedata);
}
svg.sas_components-SVG-SVG_inner .NodeData40 {
  opacity: 0.4;
}
svg.sas_components-SVG-SVG_inner .NodeData25 {
  opacity: 0.25;
}
svg.sas_components-SVG-SVG_inner .NodeData20 {
  opacity: 0.2;
}
svg.sas_components-SVG-SVG_inner .NodeData15 {
  opacity: 0.15;
}
svg.sas_components-SVG-SVG_inner .modelFitBG {
  fill: var(--eg-studio-modelfitbg);
  stroke: var(--eg-studio-modelfitbg-stroke);
  stroke-width: 1px;
}
svg.sas_components-SVG-SVG_inner .noCurve {
  fill: var(--eg-studio-nocurve);
}
svg.sas_components-SVG-SVG_inner .highThreshold, svg.sas_components-SVG-SVG_inner .highThresholdOpacity {
  fill: var(--eg-studio-highthreshold);
}
svg.sas_components-SVG-SVG_inner .highThresholdOpacity {
  opacity: 0.5;
}
svg.sas_components-SVG-SVG_inner .medThreshold, svg.sas_components-SVG-SVG_inner .medThresholdOpacity {
  fill: var(--eg-studio-medthreshold);
}
svg.sas_components-SVG-SVG_inner .medThresholdOpacity {
  opacity: 0.5;
}
svg.sas_components-SVG-SVG_inner .lowThreshold, svg.sas_components-SVG-SVG_inner .lowThresholdOpacity {
  fill: var(--eg-studio-lowthreshold);
}
svg.sas_components-SVG-SVG_inner .lowThresholdOpacity {
  opacity: 0.5;
}
svg.sas_components-SVG-SVG_inner .columnFill {
  fill: var(--eg-studio-columnfill);
}
svg.sas_components-SVG-SVG_inner .columnBorder {
  fill: var(--eg-studio-columnborder);
}
svg.sas_components-SVG-SVG_inner .columnMap {
  fill: var(--eg-studio-columnmap);
}
svg.sas_components-SVG-SVG_inner .mapArrow {
  fill: var(--eg-studio-maparrow);
}
svg.sas_components-SVG-SVG_inner .columnInfo {
  fill: var(--eg-studio-columninfo);
  opacity: var(--eg-studio-columninfo-opacity);
}
svg.sas_components-SVG-SVG_inner .columnBorderMissing {
  fill: var(--eg-studio-columnbordermissing);
  opacity: var(--eg-studio-columnbordermissing-opacity);
}
svg.sas_components-SVG-SVG_inner .columnMapMissing {
  fill: var(--eg-studio-columnmapmissing);
  opacity: var(--eg-studio-columnmapmissing-opacity);
}
svg.sas_components-SVG-SVG_inner .columnInfoMissing {
  fill: var(--eg-studio-columninfomissing);
  opacity: var(--eg-studio-columninfomissing-opacity);
}
svg.sas_components-SVG-SVG_inner .columnWarning {
  fill: var(--eg-studio-columnwarning);
  stroke: var(--eg-studio-columnwarning-stroke);
  stroke-width: 1px;
}
svg.sas_components-SVG-SVG_inner .columnMapWarning {
  fill: var(--eg-studio-columnmapwarning);
}
svg.sas_components-SVG-SVG_inner .columnInfoWarning {
  fill: var(--eg-studio-columninfowarning);
  opacity: var(--eg-studio-columninfowarning-opacity);
}
svg.sas_components-SVG-SVG_inner .columnAlert {
  fill: var(--eg-studio-columnalert);
  stroke: var(--eg-studio-columnalert-stroke);
  stroke-width: 1px;
}
svg.sas_components-SVG-SVG_inner .columnMapAlert {
  fill: var(--eg-studio-columnmapalert);
}
svg.sas_components-SVG-SVG_inner .columnInfoAlert {
  fill: var(--eg-studio-columninfoalert);
  opacity: var(--eg-studio-columninfoalert-opacity);
}
svg.sas_components-SVG-SVG_inner .layoutTiles {
  fill: var(--pnp-layout-tiles);
}
svg.sas_components-SVG-SVG_inner .layoutBorder {
  fill: var(--pnp-layout-border);
}
svg.sas_components-SVG-SVG_inner .layoutBackground {
  fill: var(--pnp-layout-background);
}
svg.sas_components-SVG-SVG_inner .adformTypeLarge {
  fill: var(--vendor-adformTypeLarge);
}
svg.sas_components-SVG-SVG_inner .adformBlueLarge {
  fill: var(--vendor-adformBlueLarge);
}
svg.sas_components-SVG-SVG_inner .adformGreenLarge {
  fill: var(--vendor-adformGreenLarge);
}
svg.sas_components-SVG-SVG_inner .adformYellowLarge {
  fill: var(--vendor-adformYellowLarge);
}
svg.sas_components-SVG-SVG_inner .adformBlue {
  fill: var(--vendor-adformBlue);
}
svg.sas_components-SVG-SVG_inner .adformGreen {
  fill: var(--vendor-adformGreen);
}
svg.sas_components-SVG-SVG_inner .adformYellow {
  fill: var(--vendor-adformYellow);
}
svg.sas_components-SVG-SVG_inner .facebookBlue {
  fill: var(--vendor-facebookBlue);
}
svg.sas_components-SVG-SVG_inner .f {
  fill: var(--vendor-f);
}
svg.sas_components-SVG-SVG_inner .thumbFacebookLogo {
  fill: var(--vendor-thumbFacebookLogo);
}
svg.sas_components-SVG-SVG_inner .implalaLogo {
  fill: var(--vendor-implalaLogo);
}
svg.sas_components-SVG-SVG_inner .linkedInLogo {
  fill: var(--vendor-linkedInLogo);
}
svg.sas_components-SVG-SVG_inner .mongoLogo {
  fill: var(--vendor-mongoLogo);
}
svg.sas_components-SVG-SVG_inner .mongoLeaf {
  fill: var(--vendor-mongoLeaf);
}
svg.sas_components-SVG-SVG_inner .mySQLTeal {
  fill: var(--vendor-mySQLTeal);
}
svg.sas_components-SVG-SVG_inner .mySQLLogo {
  fill: #fff;
}
svg.sas_components-SVG-SVG_inner .mySQLTealLarge {
  fill: var(--vendor-mySQLTealLarge);
}
svg.sas_components-SVG-SVG_inner .mySQLOrange {
  fill: var(--vendor-mySQLOrange);
}
svg.sas_components-SVG-SVG_inner .oracleRed {
  fill: var(--vendor-oracleRed);
}
svg.sas_components-SVG-SVG_inner .oracleDB {
  fill: var(--vendor-oracleDB);
}
svg.sas_components-SVG-SVG_inner .sasLogo {
  fill: var(--vendor-sasLogo);
}
svg.sas_components-SVG-SVG_inner .slackMarkLogo {
  fill: #fff;
}
svg.sas_components-SVG-SVG_inner .slackText {
  fill: var(--vendor-slackText);
}
svg.sas_components-SVG-SVG_inner .slackBlue {
  fill: var(--vendor-slackBlue);
}
svg.sas_components-SVG-SVG_inner .slackGreen {
  fill: var(--vendor-slackGreen);
}
svg.sas_components-SVG-SVG_inner .slackRed {
  fill: var(--vendor-slackRed);
}
svg.sas_components-SVG-SVG_inner .slackYellow {
  fill: var(--vendor-slackYellow);
}
svg.sas_components-SVG-SVG_inner .ghostOutline {
  fill: var(--vendor-ghostOutline);
}
svg.sas_components-SVG-SVG_inner .ghostFill {
  fill: var(--vendor-ghostFill);
}
svg.sas_components-SVG-SVG_inner .snowflakeLogo {
  fill: var(--vendor-snowflakeLogo);
}
svg.sas_components-SVG-SVG_inner .syniverseColor {
  fill: #0bf4cd;
}
svg.sas_components-SVG-SVG_inner .syniverseText {
  fill: var(--vendor-syniverseText);
}
svg.sas_components-SVG-SVG_inner .teradataText {
  fill: var(--vendor-teradataText);
}
svg.sas_components-SVG-SVG_inner .teradataDot {
  fill: var(--vendor-teradataDot);
}
svg.sas_components-SVG-SVG_inner .twitterBlue {
  fill: var(--vendor-twitterBlue);
}
svg.sas_components-SVG-SVG_inner .youTubeFrame {
  fill: var(--vendor-youTubeFrame);
}
svg.sas_components-SVG-SVG_inner .youTubePlay {
  fill: var(--vendor-youTubePlay);
}
svg.sas_components-SVG-SVG_inner .youTubeText {
  fill: var(--vendor-youTubeText);
}
svg.sas_components-SVG-SVG_inner .primary, svg.sas_components-SVG-SVG_inner .primaryOp {
  fill: var(--vendor-primary);
}
svg.sas_components-SVG-SVG_inner .primaryOp {
  opacity: var(--vendor-primaryOp);
}
svg.sas_components-SVG-SVG_inner .alert {
  fill: var(--icon-alert-override-fg, var(--icon-alert-fg));
}
svg.sas_components-SVG-SVG_inner .warning {
  fill: var(--icon-warning-override-fg, var(--icon-warning-fg));
}
svg.sas_components-SVG-SVG_inner .success {
  fill: var(--icon-success-override-fg, var(--icon-success-fg));
}
svg.sas_components-SVG-SVG_inner .information {
  fill: var(--icon-information-override-fg, var(--icon-information-fg));
}
svg.sas_components-SVG-SVG_inner .neutral {
  fill: var(--icon-neutral-override-fg, var(--icon-neutral-fg));
}
svg.sas_components-SVG-SVG_inner .iconColor {
  fill: var(--icon-default-override-fg, var(--icon-default-fg));
}
svg.sas_components-SVG-SVG_inner [id^=thumbColor1] > stop {
  stop-color: var(--thumbnail-color1);
}
svg.sas_components-SVG-SVG_inner [id^=thumbColor2] > stop {
  stop-color: var(--thumbnail-color2);
}
svg.sas_components-SVG-SVG_inner [id^=thumbColor3] > stop {
  stop-color: var(--thumbnail-color3);
}
svg.sas_components-SVG-SVG_inner [id^=thumbColor4] > stop {
  stop-color: var(--thumbnail-color4);
}
svg.sas_components-SVG-SVG_inner [id^=thumbColor5] > stop {
  stop-color: var(--thumbnail-color5);
}
svg.sas_components-SVG-SVG_inner [id^=thumbColor6] > stop {
  stop-color: var(--thumbnail-color6);
}
svg.sas_components-SVG-SVG_inner [id^=thumbColor7] > stop {
  stop-color: var(--thumbnail-color7);
}
svg.sas_components-SVG-SVG_inner [id^=thumbColor8] > stop {
  stop-color: var(--thumbnail-color8);
}
@font-face {
  font-family: "sas-icons";
  font-weight: normal;
  font-style: normal;
  src: url(assets/fonts/sas-icons-regular.ttf) format("truetype");
}
.sas-content-sdk .sas_components-Icon-Icon_icon {
  display: inline-flex;
  align-items: center;
  speak: none;
  height: 0.875rem;
  width: 0.875rem;
  box-sizing: content-box;
}
.sas-content-sdk .sas_components-Icon-Icon_icon:focus {
  outline: var(--focus-light-bg);
}
.sas-content-sdk .sas_components-Icon-Icon_icon .alert {
  fill: var(--icon-alert-override-fg, var(--icon-alert-fg));
}
.sas-content-sdk .sas_components-Icon-Icon_icon .warning {
  fill: var(--icon-warning-override-fg, var(--icon-warning-fg));
}
.sas-content-sdk .sas_components-Icon-Icon_icon .success {
  fill: var(--icon-success-override-fg, var(--icon-success-fg));
}
.sas-content-sdk .sas_components-Icon-Icon_icon .information {
  fill: var(--icon-information-override-fg, var(--icon-information-fg));
}
.sas-content-sdk .sas_components-Icon-Icon_icon .neutral {
  fill: var(--icon-neutral-override-fg, var(--icon-neutral-fg));
}
.sas-content-sdk .sas_components-Icon-Icon_icon .iconColor {
  fill: var(--icon-default-override-fg, var(--icon-default-fg));
}

.sas-content-sdk .sas_components-Icon-Icon_disabled {
  opacity: var(--icon-opacity);
}
.sas-content-sdk .sas_components-DirectSpeech-DirectSpeech_speech-container {
  height: 0;
  width: 0;
  overflow: hidden;
}
.sas-content-sdk .sas_components-Button-__internal__-BaseButton_button, .sas-content-sdk .sas_components-Button-__internal__-BaseButton_round-icon, .sas-content-sdk .sas_components-Button-__internal__-BaseButton_small {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: var(--button-spacing-squish-s);
  min-height: 1.75rem;
  font-size: var(--button-font-size-m);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
  text-shadow: none;
  border-width: 1px;
  border-style: solid;
  border-radius: 0.125rem;
  color: var(--button-fg);
  background-color: var(--button-bg);
  filter: var(--button-filter, none);
  border-color: var(--button-bd, transparent);
  transition: calc(var(--button-animation-duration) * var(--nova-animation-duration-factor, 1)) var(--button-animation-timing-function);
  transition-property: background-color, border-color, color;
}
.sas-content-sdk .sas_components-Button-__internal__-BaseButton_button .sas_components-Button-__internal__-BaseButton_icon-inner .neutral, .sas-content-sdk .sas_components-Button-__internal__-BaseButton_round-icon .sas_components-Button-__internal__-BaseButton_icon-inner .neutral, .sas-content-sdk .sas_components-Button-__internal__-BaseButton_small .sas_components-Button-__internal__-BaseButton_icon-inner .neutral, .sas-content-sdk .sas_components-Button-__internal__-BaseButton_button .sas_components-Button-__internal__-BaseButton_icon-inner .iconColor, .sas-content-sdk .sas_components-Button-__internal__-BaseButton_round-icon .sas_components-Button-__internal__-BaseButton_icon-inner .iconColor, .sas-content-sdk .sas_components-Button-__internal__-BaseButton_small .sas_components-Button-__internal__-BaseButton_icon-inner .iconColor {
  --icon-default-fg: var(--button-fg);
  transition: fill calc(var(--button-animation-duration) * var(--nova-animation-duration-factor, 1)) var(--button-animation-timing-function);
}
.sas-content-sdk .sas_components-Button-__internal__-BaseButton_button.sas_components-Button-__internal__-BaseButton_disabled .sas_components-Button-__internal__-BaseButton_icon-inner .alert, .sas-content-sdk .sas_components-Button-__internal__-BaseButton_disabled.sas_components-Button-__internal__-BaseButton_round-icon .sas_components-Button-__internal__-BaseButton_icon-inner .alert, .sas-content-sdk .sas_components-Button-__internal__-BaseButton_disabled.sas_components-Button-__internal__-BaseButton_small .sas_components-Button-__internal__-BaseButton_icon-inner .alert {
  --icon-alert-fg: var(--button-fg);
}
.sas-content-sdk .sas_components-Button-__internal__-BaseButton_button.sas_components-Button-__internal__-BaseButton_disabled .sas_components-Button-__internal__-BaseButton_icon-inner .warning, .sas-content-sdk .sas_components-Button-__internal__-BaseButton_disabled.sas_components-Button-__internal__-BaseButton_round-icon .sas_components-Button-__internal__-BaseButton_icon-inner .warning, .sas-content-sdk .sas_components-Button-__internal__-BaseButton_disabled.sas_components-Button-__internal__-BaseButton_small .sas_components-Button-__internal__-BaseButton_icon-inner .warning {
  --icon-warning-fg: var(--button-fg);
}
.sas-content-sdk .sas_components-Button-__internal__-BaseButton_button.sas_components-Button-__internal__-BaseButton_disabled .sas_components-Button-__internal__-BaseButton_icon-inner .information, .sas-content-sdk .sas_components-Button-__internal__-BaseButton_disabled.sas_components-Button-__internal__-BaseButton_round-icon .sas_components-Button-__internal__-BaseButton_icon-inner .information, .sas-content-sdk .sas_components-Button-__internal__-BaseButton_disabled.sas_components-Button-__internal__-BaseButton_small .sas_components-Button-__internal__-BaseButton_icon-inner .information {
  --icon-information-fg: var(--button-fg);
}
.sas-content-sdk .sas_components-Button-__internal__-BaseButton_button.sas_components-Button-__internal__-BaseButton_disabled .sas_components-Button-__internal__-BaseButton_icon-inner .success, .sas-content-sdk .sas_components-Button-__internal__-BaseButton_disabled.sas_components-Button-__internal__-BaseButton_round-icon .sas_components-Button-__internal__-BaseButton_icon-inner .success, .sas-content-sdk .sas_components-Button-__internal__-BaseButton_disabled.sas_components-Button-__internal__-BaseButton_small .sas_components-Button-__internal__-BaseButton_icon-inner .success {
  --icon-success-fg: var(--button-fg);
}
.sas-content-sdk .sas_components-Button-__internal__-BaseButton_button:hover, .sas-content-sdk .sas_components-Button-__internal__-BaseButton_round-icon:hover, .sas-content-sdk .sas_components-Button-__internal__-BaseButton_small:hover {
  color: var(--button-hover-fg);
  background-color: var(--button-hover-bg);
  border-color: var(--button-hover-bd, transparent);
}
.sas-content-sdk .sas_components-Button-__internal__-BaseButton_button:hover .sas_components-Button-__internal__-BaseButton_icon-inner .neutral, .sas-content-sdk .sas_components-Button-__internal__-BaseButton_round-icon:hover .sas_components-Button-__internal__-BaseButton_icon-inner .neutral, .sas-content-sdk .sas_components-Button-__internal__-BaseButton_small:hover .sas_components-Button-__internal__-BaseButton_icon-inner .neutral, .sas-content-sdk .sas_components-Button-__internal__-BaseButton_button:hover .sas_components-Button-__internal__-BaseButton_icon-inner .iconColor, .sas-content-sdk .sas_components-Button-__internal__-BaseButton_round-icon:hover .sas_components-Button-__internal__-BaseButton_icon-inner .iconColor, .sas-content-sdk .sas_components-Button-__internal__-BaseButton_small:hover .sas_components-Button-__internal__-BaseButton_icon-inner .iconColor {
  --icon-default-fg: var(--button-hover-fg);
}
.sas-content-sdk .sas_components-Button-__internal__-BaseButton_button.sas_components-Button-__internal__-BaseButton_active, .sas-content-sdk .sas_components-Button-__internal__-BaseButton_active.sas_components-Button-__internal__-BaseButton_round-icon, .sas-content-sdk .sas_components-Button-__internal__-BaseButton_active.sas_components-Button-__internal__-BaseButton_small, .sas-content-sdk .sas_components-Button-__internal__-BaseButton_button:active, .sas-content-sdk .sas_components-Button-__internal__-BaseButton_round-icon:active, .sas-content-sdk .sas_components-Button-__internal__-BaseButton_small:active {
  color: var(--button-active-fg);
  background-color: var(--button-active-bg);
  border-color: var(--button-active-bd, transparent);
}
.sas-content-sdk .sas_components-Button-__internal__-BaseButton_button.sas_components-Button-__internal__-BaseButton_active .sas_components-Button-__internal__-BaseButton_icon-inner .neutral, .sas-content-sdk .sas_components-Button-__internal__-BaseButton_active.sas_components-Button-__internal__-BaseButton_round-icon .sas_components-Button-__internal__-BaseButton_icon-inner .neutral, .sas-content-sdk .sas_components-Button-__internal__-BaseButton_active.sas_components-Button-__internal__-BaseButton_small .sas_components-Button-__internal__-BaseButton_icon-inner .neutral, .sas-content-sdk .sas_components-Button-__internal__-BaseButton_button.sas_components-Button-__internal__-BaseButton_active .sas_components-Button-__internal__-BaseButton_icon-inner .iconColor, .sas-content-sdk .sas_components-Button-__internal__-BaseButton_active.sas_components-Button-__internal__-BaseButton_round-icon .sas_components-Button-__internal__-BaseButton_icon-inner .iconColor, .sas-content-sdk .sas_components-Button-__internal__-BaseButton_active.sas_components-Button-__internal__-BaseButton_small .sas_components-Button-__internal__-BaseButton_icon-inner .iconColor, .sas-content-sdk .sas_components-Button-__internal__-BaseButton_button:active .sas_components-Button-__internal__-BaseButton_icon-inner .neutral, .sas-content-sdk .sas_components-Button-__internal__-BaseButton_round-icon:active .sas_components-Button-__internal__-BaseButton_icon-inner .neutral, .sas-content-sdk .sas_components-Button-__internal__-BaseButton_small:active .sas_components-Button-__internal__-BaseButton_icon-inner .neutral, .sas-content-sdk .sas_components-Button-__internal__-BaseButton_button:active .sas_components-Button-__internal__-BaseButton_icon-inner .iconColor, .sas-content-sdk .sas_components-Button-__internal__-BaseButton_round-icon:active .sas_components-Button-__internal__-BaseButton_icon-inner .iconColor, .sas-content-sdk .sas_components-Button-__internal__-BaseButton_small:active .sas_components-Button-__internal__-BaseButton_icon-inner .iconColor {
  --icon-default-fg: var(--button-active-fg);
}
.sas-content-sdk .sas_components-Button-__internal__-BaseButton_button.sas_components-Button-__internal__-BaseButton_high-contrast:active, .sas-content-sdk .sas_components-Button-__internal__-BaseButton_high-contrast.sas_components-Button-__internal__-BaseButton_round-icon:active, .sas-content-sdk .sas_components-Button-__internal__-BaseButton_high-contrast.sas_components-Button-__internal__-BaseButton_small:active, .sas-content-sdk .sas_components-Button-__internal__-BaseButton_button.sas_components-Button-__internal__-BaseButton_high-contrast.sas_components-Button-__internal__-BaseButton_active, .sas-content-sdk .sas_components-Button-__internal__-BaseButton_high-contrast.sas_components-Button-__internal__-BaseButton_active.sas_components-Button-__internal__-BaseButton_round-icon, .sas-content-sdk .sas_components-Button-__internal__-BaseButton_high-contrast.sas_components-Button-__internal__-BaseButton_active.sas_components-Button-__internal__-BaseButton_small {
  filter: var(--button-active-filter);
}
.sas-content-sdk .sas_components-Button-__internal__-BaseButton_button.sas_components-Button-__internal__-BaseButton_high-contrast:active:not(.sas_components-Button-__internal__-BaseButton_disabled) .sas_components-Button-__internal__-BaseButton_icon-inner:not(.svgToolTipPane), .sas-content-sdk .sas_components-Button-__internal__-BaseButton_high-contrast.sas_components-Button-__internal__-BaseButton_round-icon:active:not(.sas_components-Button-__internal__-BaseButton_disabled) .sas_components-Button-__internal__-BaseButton_icon-inner:not(.svgToolTipPane), .sas-content-sdk .sas_components-Button-__internal__-BaseButton_high-contrast.sas_components-Button-__internal__-BaseButton_small:active:not(.sas_components-Button-__internal__-BaseButton_disabled) .sas_components-Button-__internal__-BaseButton_icon-inner:not(.svgToolTipPane), .sas-content-sdk .sas_components-Button-__internal__-BaseButton_button.sas_components-Button-__internal__-BaseButton_high-contrast.sas_components-Button-__internal__-BaseButton_active:not(.sas_components-Button-__internal__-BaseButton_disabled) .sas_components-Button-__internal__-BaseButton_icon-inner:not(.svgToolTipPane), .sas-content-sdk .sas_components-Button-__internal__-BaseButton_high-contrast.sas_components-Button-__internal__-BaseButton_active.sas_components-Button-__internal__-BaseButton_round-icon:not(.sas_components-Button-__internal__-BaseButton_disabled) .sas_components-Button-__internal__-BaseButton_icon-inner:not(.svgToolTipPane), .sas-content-sdk .sas_components-Button-__internal__-BaseButton_high-contrast.sas_components-Button-__internal__-BaseButton_active.sas_components-Button-__internal__-BaseButton_small:not(.sas_components-Button-__internal__-BaseButton_disabled) .sas_components-Button-__internal__-BaseButton_icon-inner:not(.svgToolTipPane) {
  --icon-default-fg: var(--button-active-fg);
}

.sas-content-sdk .sas_components-Button-__internal__-BaseButton_small {
  height: 1.375rem;
  min-height: revert;
  font-size: var(--button-font-size-s);
}
.sas-content-sdk .sas_components-Button-__internal__-BaseButton_small .sas_components-Button-__internal__-BaseButton_icon-inner {
  width: var(--button-font-size-s);
  height: var(--button-font-size-s);
}

.sas-content-sdk .sas_components-Button-__internal__-BaseButton_round-icon {
  padding: var(--button-spacing-s);
  border-radius: 100%;
}

.sas-content-sdk[dir="ltr"] .sas_components-Button-__internal__-BaseButton_text {
  text-align: left;
}

.sas-content-sdk[dir="rtl"] .sas_components-Button-__internal__-BaseButton_text {
  text-align: right;
}

.sas-content-sdk .sas_components-Button-__internal__-BaseButton_text {
  overflow: hidden;
  text-overflow: ellipsis;
}

.sas-content-sdk .sas_components-Button-__internal__-BaseButton_disabled {
  cursor: default;
}

.sas-content-sdk .sas_components-Button-__internal__-BaseButton_button:focus, .sas-content-sdk .sas_components-Button-__internal__-BaseButton_small:focus, .sas-content-sdk .sas_components-Button-__internal__-BaseButton_round-icon:focus {
  outline: var(--button-focus-outline);
  outline-offset: var(--button-focus-outline-offset);
}

.sas-content-sdk[dir="ltr"] .sas_components-Button-__internal__-BaseButton_icon-with-text {
  margin-right: var(--button-spacing-xs);
}

.sas-content-sdk[dir="rtl"] .sas_components-Button-__internal__-BaseButton_icon-with-text {
  margin-left: var(--button-spacing-xs);
}

.sas-content-sdk .sas_components-Button-__internal__-BaseButton_icon-with-text {
  flex-shrink: 0;
}
.sas-content-sdk .sas_components-Layouts-Flow-Flow_flow_horizontal {
  display: inline-flex;
  flex-direction: row;
  gap: var(--flow-gap-size);
}

.sas-content-sdk .sas_components-Layouts-Flow-Flow_flow_vertical {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 100%;
  gap: var(--flow-gap-size);
}
.sas-content-sdk .sas_components-Layouts-Flow-Flow_flow_vertical > * {
  max-width: 100%;
}

.sas-content-sdk .sas_components-Layouts-Flow-Flow_wrap {
  flex-wrap: wrap;
}
.sas-content-sdk .sas_components-Layouts-Flow-Flow_wrap.sas_components-Layouts-Flow-Flow_flow_vertical {
  display: inline-flex;
  height: 100%;
}
.sas-content-sdk .sas_components-Heading-Heading_heading {
  display: flex;
  align-items: flex-start;
  color: var(--heading-fg);
  font-weight: var(--heading-font-weight-default);
  max-width: 100%;
  font-size: var(--heading-font-size);
  line-height: var(--heading-line-height);
}
.sas-content-sdk .sas_components-Heading-Heading_heading:focus {
  outline: var(--heading-focus);
}

.sas-content-sdk .sas_components-Heading-Heading_text {
  min-width: 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.sas-content-sdk .sas_components-Heading-Heading_nowrap .sas_components-Heading-Heading_text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
  overflow-wrap: unset;
  word-break: unset;
}

.sas-content-sdk .sas_components-Heading-Heading_icon {
  flex-shrink: 0;
  height: var(--heading-font-size);
  width: var(--heading-font-size);
}
.sas-content-sdk[dir="ltr"] .sas_components-Heading-Heading_icon:not(.sas_components-Heading-Heading_icon-only) {
  margin: auto 0.25rem auto 0;
}
.sas-content-sdk[dir="rtl"] .sas_components-Heading-Heading_icon:not(.sas_components-Heading-Heading_icon-only) {
  margin: auto 0 auto 0.25rem;
}
.sas-content-sdk .sas_components-Resizable-Resizable_inner {
  height: 100%;
  display: flex;
  flex-grow: 1;
  flex-basis: 100%;
  flex-direction: column;
  box-sizing: border-box;
  position: relative;
  max-height: 100%;
  min-height: 100%;
  border: solid 1px;
  padding-bottom: 1rem;
}

.sas-content-sdk .sas_components-Resizable-Resizable_content {
  width: 100%;
  height: 100%;
  overflow: auto;
}

.sas-content-sdk[dir="ltr"] .sas_components-Resizable-Resizable_grip-icon-wrapper {
  right: 0;
}

.sas-content-sdk[dir="rtl"] .sas_components-Resizable-Resizable_grip-icon-wrapper {
  left: 0;
}

.sas-content-sdk .sas_components-Resizable-Resizable_grip-icon-wrapper {
  cursor: se-resize;
  width: 1rem;
  height: 1rem;
  position: absolute;
  bottom: 0;
  line-height: 0;
}
.sas-content-sdk .sas_components-Resizable-Resizable_grip-icon-wrapper .iconColor {
  --icon-default-override-fg: var(--resizer-color-text-label);
}
.sas-content-sdk .sas_components-Resizable-Resizable_grip-icon-wrapper:focus {
  outline: var(--focus-light-bg);
  outline-offset: calc(-1 * var(--focus-width) - 2px);
}

.sas-content-sdk .sas_components-Resizable-Resizable_grip-cursor-rtl {
  cursor: sw-resize;
}
.sas-content-sdk .sas_components-Popover-Popover_popover {
  pointer-events: initial;
  z-index: 20;
  display: grid;
  background-color: var(--popover-bg);
  box-shadow: var(--popover-sh);
  border-radius: var(--popover-border-radius);
}

.sas-content-sdk .sas_components-Popover-Popover_popover-title {
  padding: var(--popover-padding);
  border: 1px solid var(--popover-bd);
  border-bottom: none;
  font-size: var(--popover-font-size-m);
  font-weight: var(--popover-title-font-weight);
  color: var(--popover-title-fg);
  overflow: hidden;
  justify-content: center;
  border-start-end-radius: var(--popover-border-radius);
  border-start-start-radius: var(--popover-border-radius);
}

.sas-content-sdk .sas_components-Popover-Popover_popover-pane {
  overflow: auto;
  box-sizing: border-box;
  display: inline-block;
  border: 1px solid var(--popover-bd);
  border-radius: var(--popover-border-radius);
  font-size: var(--popover-font-size-m);
  padding: var(--popover-padding);
}
.sas-content-sdk .sas_components-Popover-Popover_popover-pane.sas_components-Popover-Popover_hasTitle {
  border-top: none;
  border-start-end-radius: 0;
  border-start-start-radius: 0;
  padding-top: 0;
}
.sas-content-sdk .sas_components-Popover-Popover_popover-pane.sas_components-Popover-Popover_hasFooter {
  border-bottom: none;
  border-end-end-radius: 0;
  border-end-start-radius: 0;
  padding-bottom: 0;
}
.sas-content-sdk[dir="ltr"] .sas_components-Popover-Popover_popover-pane:focus::after {
  left: 0;
}
.sas-content-sdk[dir="rtl"] .sas_components-Popover-Popover_popover-pane:focus::after {
  right: 0;
}
.sas-content-sdk .sas_components-Popover-Popover_popover-pane:focus::after {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  outline: var(--focus-light-bg);
  outline-offset: calc(-1 * var(--focus-width) - 2px);
}

.sas-content-sdk .sas_components-Popover-Popover_popover-footer {
  padding: var(--popover-padding);
  border: 1px solid var(--popover-bd);
  border-top: none;
  font-size: var(--popover-font-size-m);
  display: flex;
  justify-content: flex-end;
  border-end-end-radius: var(--popover-border-radius);
  border-end-start-radius: var(--popover-border-radius);
}

.sas-content-sdk .sas_components-Popover-Popover_arrow {
  position: absolute;
  display: flex;
  overflow: hidden;
}

.sas-content-sdk .sas_components-Popover-Popover_arrow::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  background-color: var(--popover-bg);
  transform: rotate(45deg);
}

.sas-content-sdk .sas_components-Popover-Popover_popover[data-popper-placement^=top] > .sas_components-Popover-Popover_arrow,
.sas-content-sdk .sas_components-Popover-Popover_popover[data-popper-placement^=bottom] > .sas_components-Popover-Popover_arrow {
  height: calc(22px - 8px);
  width: calc(22px - 2px);
  justify-content: center;
}

.sas-content-sdk .sas_components-Popover-Popover_popover[data-popper-placement^=left] > .sas_components-Popover-Popover_arrow,
.sas-content-sdk .sas_components-Popover-Popover_popover[data-popper-placement^=right] > .sas_components-Popover-Popover_arrow {
  height: calc(22px - 2px);
  width: calc(22px - 8px);
  align-items: center;
}

.sas-content-sdk .sas_components-Popover-Popover_popover[data-popper-placement^=top] > .sas_components-Popover-Popover_arrow {
  bottom: calc(-1 * 22px + 9px);
  align-items: flex-end;
}
.sas-content-sdk .sas_components-Popover-Popover_popover[data-popper-placement^=top] > .sas_components-Popover-Popover_arrow::before {
  bottom: 50%;
  border-bottom: 1px solid var(--popover-arrow-bd);
  border-right: 1px solid var(--popover-arrow-bd);
}

.sas-content-sdk .sas_components-Popover-Popover_popover[data-popper-placement^=bottom] > .sas_components-Popover-Popover_arrow {
  top: calc(-1 * 22px + 9px);
  align-items: flex-start;
}
.sas-content-sdk .sas_components-Popover-Popover_popover[data-popper-placement^=bottom] > .sas_components-Popover-Popover_arrow::before {
  top: 50%;
  border-top: 1px solid var(--popover-arrow-bd);
  border-left: 1px solid var(--popover-arrow-bd);
}

.sas-content-sdk .sas_components-Popover-Popover_popover[data-popper-placement^=left] > .sas_components-Popover-Popover_arrow {
  right: calc(-1 * 22px + 9px);
  justify-content: flex-end;
}
.sas-content-sdk .sas_components-Popover-Popover_popover[data-popper-placement^=left] > .sas_components-Popover-Popover_arrow::before {
  right: 50%;
  border-top: 1px solid var(--popover-arrow-bd);
  border-right: 1px solid var(--popover-arrow-bd);
}

.sas-content-sdk .sas_components-Popover-Popover_popover[data-popper-placement^=right] > .sas_components-Popover-Popover_arrow {
  left: calc(-1 * 22px + 9px);
  justify-content: flex-start;
}
.sas-content-sdk .sas_components-Popover-Popover_popover[data-popper-placement^=right] > .sas_components-Popover-Popover_arrow::before {
  left: 50%;
  border-bottom: 1px solid var(--popover-arrow-bd);
  border-left: 1px solid var(--popover-arrow-bd);
}

.sas-content-sdk .sas_components-Popover-Popover_viewport-overlay {
  position: fixed;
  pointer-events: auto;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
}

.sas-content-sdk .sas_components-Popover-Popover_block-pointer-events {
  pointer-events: none;
}
.sas-content-sdk .sas_components-Menu-__internal__-MenuPopover_opening {
  animation: nova-global-fadein calc(var(--menu-anim-dur-enter) * var(--nova-animation-duration-factor, 1)) var(--menu-anim-tf-enter) forwards;
}

.sas-content-sdk .sas_components-Menu-__internal__-MenuPopover_closing {
  animation: nova-global-fadeout calc(var(--menu-anim-dur-exit) * var(--nova-animation-duration-factor, 1)) var(--menu-anim-tf-exit);
}
.sas-content-sdk .sas_components-HelpPopup-HelpPopupContent_content a:focus {
  outline: var(--focus-light-bg);
  outline-offset: calc(-1 * var(--focus-width));
}

.sas-content-sdk .xis-topicContent {
  color: var(--help-popup-content-xis-fg);
  font-size: var(--help-popup-content-xis-font-size-m);
  line-height: var(--help-popup-content-xis-line-height);
}
.sas-content-sdk[dir="ltr"] .xis-topicContent ol,.sas-content-sdk[dir="ltr"] 
.xis-topicContent ul {
  padding-left: var(--help-popup-content-xis-indent-pd);
}
.sas-content-sdk[dir="rtl"] .xis-topicContent ol,.sas-content-sdk[dir="rtl"] 
.xis-topicContent ul {
  padding-right: var(--help-popup-content-xis-indent-pd);
}
.sas-content-sdk .xis-topicContent a {
  color: var(--help-popup-content-xis-link-fg);
}
.sas-content-sdk .xis-title {
  font-size: var(--help-popup-content-xis-font-size-m);
  font-weight: var(--help-popup-content-xis-font-weight-thick);
  color: var(--help-popup-content-xis-title-fg);
  text-align: center;
  margin-bottom: var(--help-popup-content-xis-mg);
}
.sas-content-sdk .xis-paragraph,
.sas-content-sdk .xis-paraSimple {
  margin-top: var(--help-popup-content-xis-none-mg);
  margin-bottom: 0.6875rem;
}
.sas-content-sdk .xis-paragraph:last-child,
.sas-content-sdk .xis-paraSimple:last-child {
  margin-bottom: var(--help-popup-content-xis-none-mg);
}
.sas-content-sdk .paraLeadin {
  margin: 0.6875rem var(--help-popup-content-xis-none-mg);
}
.sas-content-sdk .xis-caution,
.sas-content-sdk .xis-note {
  margin-top: var(--help-popup-content-xis-mg);
  margin-bottom: var(--help-popup-content-xis-mg);
  padding-top: var(--help-popup-content-xis-tiny-pd);
  padding-bottom: var(--help-popup-content-xis-small-pd);
}
.sas-content-sdk .xis-caution {
  border-top: 1px solid var(--help-popup-content-xis-caution-bd);
  border-bottom: 1px solid var(--help-popup-content-xis-caution-bd);
}
.sas-content-sdk .xis-cautionGenText {
  color: var(--help-popup-content-xis-caution-fg);
  font-weight: var(--help-popup-content-xis-font-weight-default);
}
.sas-content-sdk .xis-cautionLeadin {
  font-weight: var(--help-popup-content-xis-font-weight-thick);
  margin: var(--help-popup-content-xis-none-mg);
}
.sas-content-sdk .xis-codeFragment {
  font-family: "Consolas, Menlo," Lucida Console ", Courier, Monaco, monospace";
  font-weight: var(--help-popup-content-xis-font-weight-default);
  color: var(--help-popup-content-xis-title-fg);
  margin-top: 0.6875rem;
  margin-bottom: 0.6875rem;
  white-space: pre-wrap;
}
.sas-content-sdk .xis-listTermDef .xis-codeFragment,
.sas-content-sdk .xis-step .xis-codeFragment,
.sas-content-sdk .xis-definition .xis-codeFragment {
  margin-top: var(--help-popup-content-xis-none-mg);
}
.sas-content-sdk .xis-userSuppliedValue {
  font-style: italic;
}
.sas-content-sdk .xis-listColumnar table {
  margin: 0.6875rem var(--help-popup-content-xis-none-mg);
}
.sas-content-sdk[dir="ltr"] .xis-listColumnar td {
  padding-right: calc(var(--help-popup-content-xis-indent-pd) - 1px);
}
.sas-content-sdk[dir="rtl"] .xis-listColumnar td {
  padding-left: calc(var(--help-popup-content-xis-indent-pd) - 1px);
}
.sas-content-sdk .xis-listColumnar td {
  padding-bottom: calc(var(--help-popup-content-xis-tiny-mg) - 1px);
}
.sas-content-sdk .xis-paraLeadIn {
  margin: var(--help-popup-content-xis-none-mg);
}
.sas-content-sdk .xis-itemColumn {
  margin-bottom: var(--help-popup-content-xis-tiny-mg);
}
.sas-content-sdk[dir="ltr"] .xis-listUnordered ul {
  padding-left: var(--help-popup-content-xis-pd);
}
.sas-content-sdk[dir="rtl"] .xis-listUnordered ul {
  padding-right: var(--help-popup-content-xis-pd);
}
.sas-content-sdk .xis-listUnordered ul {
  margin-top: 0.6875rem;
  list-style-type: disc;
}
.sas-content-sdk[dir="ltr"] .xis-listUnordered ul ol {
  padding-left: var(--help-popup-content-xis-pd);
}
.sas-content-sdk[dir="rtl"] .xis-listUnordered ul ol {
  padding-right: var(--help-popup-content-xis-pd);
}
.sas-content-sdk .xis-listUnordered ul .xis-item {
  margin-bottom: 0.6875rem;
}
.sas-content-sdk .xis-listUnordered ul .xis-paraSimple {
  margin-bottom: var(--help-popup-content-xis-small-mg);
}
.sas-content-sdk .xis-listUnordered ul .xis-caution .xis-paraSimple {
  margin-bottom: var(--help-popup-content-xis-none-mg);
}
.sas-content-sdk[dir="ltr"] .xis-step {
  padding-left: var(--help-popup-content-xis-tiny-mg);
}
.sas-content-sdk[dir="rtl"] .xis-step {
  padding-right: var(--help-popup-content-xis-tiny-mg);
}
.sas-content-sdk .xis-step {
  margin-bottom: 0.6875rem;
}
.sas-content-sdk .xis-step .xis-paragraph {
  margin-bottom: var(--help-popup-content-xis-small-mg);
}
.sas-content-sdk[dir="ltr"] .xis-listSteps ol,.sas-content-sdk[dir="ltr"] 
.xis-listSteps ul {
  padding-left: var(--help-popup-content-xis-indent-pd);
}
.sas-content-sdk[dir="rtl"] .xis-listSteps ol,.sas-content-sdk[dir="rtl"] 
.xis-listSteps ul {
  padding-right: var(--help-popup-content-xis-indent-pd);
}
.sas-content-sdk[dir="ltr"] .xis-listSteps ol .xis-step ul,.sas-content-sdk[dir="ltr"] 
.xis-listSteps ol .xis-step ol {
  padding-left: var(--help-popup-content-xis-pd);
}
.sas-content-sdk[dir="rtl"] .xis-listSteps ol .xis-step ul,.sas-content-sdk[dir="rtl"] 
.xis-listSteps ol .xis-step ol {
  padding-right: var(--help-popup-content-xis-pd);
}
.sas-content-sdk .xis-listSteps ul {
  list-style-type: decimal;
}
.sas-content-sdk .xis-listSteps ol ol,
.sas-content-sdk .xis-listSteps ul ul {
  list-style-type: lower-alpha;
}
.sas-content-sdk .xis-listSteps ol ol ol {
  list-style-type: lower-roman;
}
.sas-content-sdk .xis-termDefPair {
  margin-top: 0.6875rem;
  margin-bottom: 0.6875rem;
}
.sas-content-sdk .xis-windowItem,
.sas-content-sdk .xis-windowName {
  font-weight: var(--help-popup-content-xis-font-weight-thick);
}
.sas-content-sdk[dir="ltr"] .xis-definition {
  margin-left: var(--help-popup-content-xis-pd);
}
.sas-content-sdk[dir="rtl"] .xis-definition {
  margin-right: var(--help-popup-content-xis-pd);
}
.sas-content-sdk .xis-listValueDescription {
  margin: 0.6875rem var(--help-popup-content-xis-none-mg);
}
.sas-content-sdk .xis-listValueDescription table {
  border: none;
  border-collapse: collapse;
}
.sas-content-sdk .xis-valueDescription,
.sas-content-sdk .xis-listValueDescription td {
  padding-top: var(--help-popup-content-xis-small-mg);
}
.sas-content-sdk[dir="ltr"] td.xis-value {
  padding-right: calc(var(--help-popup-content-xis-mg) - 1px);
}
.sas-content-sdk[dir="rtl"] td.xis-value {
  padding-left: calc(var(--help-popup-content-xis-mg) - 1px);
}
.sas-content-sdk td.xis-value {
  padding-top: calc(var(--help-popup-content-xis-small-mg) - 1px);
}
.sas-content-sdk .xis-note {
  border-top: 2px dotted var(--help-popup-content-xis-note-bd);
  border-bottom: 2px dotted var(--help-popup-content-xis-note-bd);
}
.sas-content-sdk[dir="ltr"] .xis-noteGenText {
  padding-right: var(--help-popup-content-xis-small-pd);
}
.sas-content-sdk[dir="rtl"] .xis-noteGenText {
  padding-left: var(--help-popup-content-xis-small-pd);
}
.sas-content-sdk .xis-noteGenText {
  font-weight: var(--help-popup-content-xis-font-weight-thick);
  color: var(--help-popup-content-xis-note-fg);
}
.sas-content-sdk .text {
  font-weight: var(--help-popup-content-xis-font-weight-default);
}
.sas-content-sdk .xis-seeAlso {
  margin-bottom: var(--help-popup-content-xis-mg);
}
.sas-content-sdk[dir="ltr"] .xis-seeAlso ul {
  padding-left: var(--help-popup-content-xis-none-mg);
}
.sas-content-sdk[dir="rtl"] .xis-seeAlso ul {
  padding-right: var(--help-popup-content-xis-none-mg);
}
.sas-content-sdk .xis-seeAlso ul {
  list-style-type: none;
}
.sas-content-sdk[dir="ltr"] .xis-seeAlso li {
  padding-left: var(--help-popup-content-xis-small-mg);
}
.sas-content-sdk[dir="rtl"] .xis-seeAlso li {
  padding-right: var(--help-popup-content-xis-small-mg);
}
.sas-content-sdk .xis-seeAlso li {
  text-indent: calc(var(--help-popup-content-xis-small-mg) * -1);
}
.sas-content-sdk .xis-seeAlsoGenTitle {