/*
* Copyright (C) 2009-2023 SonarSource SA
* All rights reserved
* mailto:info AT sonarsource DOT com
*/

/* The following styles are to be used in https://app.getbeamer.com/settings?updated=true#appearance
*  Scroll to the bottom of the page to use custom CSS. The entire content of this file should be
*  pasted there in case of any modifications. This file is important to be tracked as it is not
*  possible to do so on Beamer side.
*/
.light-theme {
  --background: rgb(255, 255, 255); /* white */
  --border: rgb(221, 221, 221); /* grey50 */
  --title: rgb(42, 47, 64); /* blueGrey600 */
  --icon: rgb(166, 173, 194); /* blueGrey300 */
  --iconHover: rgb(42, 47, 64); /* blueGrey600 */
  --noteColor: rgb(62, 67, 87); /* blueGrey500 */
  --noteBackground: rgb(239, 242, 249); /* blueGrey50 */
  --noteNewBackground: rgb(209, 215, 254); /* indigo100 */
  --link: rgb(93, 108, 208); /* indigo500 */
  --linkIcon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' fill='%235d6cd0' focusable='false' role='img' viewBox='0 0 16 16' width='16' height='16' %3E%3Cpath d='M3.75 2h3.5a.75.75 0 0 1 0 1.5h-3.5a.25.25 0 0 0-.25.25v8.5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-3.5a.75.75 0 0 1 1.5 0v3.5A1.75 1.75 0 0 1 12.25 14h-8.5A1.75 1.75 0 0 1 2 12.25v-8.5C2 2.784 2.784 2 3.75 2Zm6.854-1h4.146a.25.25 0 0 1 .25.25v4.146a.25.25 0 0 1-.427.177L13.03 4.03 9.28 7.78a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042l3.75-3.75-1.543-1.543A.25.25 0 0 1 10.604 1Z'%3E%3C/path%3E%3C/svg%3E"); /* stylelint-disable-line */
  --likeIcon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%232a2f40'%3E%3Cpath d='M8.834.066c.763.087 1.5.295 2.01.884.505.581.656 1.378.656 2.3 0 .467-.087 1.119-.157 1.637L11.328 5h1.422c.603 0 1.174.085 1.668.333.508.254.911.679 1.137 1.2.453.998.438 2.447.188 4.316l-.04.306c-.105.79-.195 1.473-.313 2.033-.131.63-.315 1.209-.668 1.672C13.97 15.847 12.706 16 11 16c-1.848 0-3.234-.333-4.388-.653-.165-.045-.323-.09-.475-.133-.658-.186-1.2-.34-1.725-.415A1.75 1.75 0 0 1 2.75 16h-1A1.75 1.75 0 0 1 0 14.25v-7.5C0 5.784.784 5 1.75 5h1a1.75 1.75 0 0 1 1.514.872c.258-.105.59-.268.918-.508C5.853 4.874 6.5 4.079 6.5 2.75v-.5c0-1.202.994-2.337 2.334-2.184ZM4.5 13.3c.705.088 1.39.284 2.072.478l.441.125c1.096.305 2.334.598 3.987.598 1.794 0 2.28-.223 2.528-.549.147-.193.276-.505.394-1.07.105-.502.188-1.124.295-1.93l.04-.3c.25-1.882.189-2.933-.068-3.497a.921.921 0 0 0-.442-.48c-.208-.104-.52-.174-.997-.174H11c-.686 0-1.295-.577-1.206-1.336.023-.192.05-.39.076-.586.065-.488.13-.97.13-1.328 0-.809-.144-1.15-.288-1.316-.137-.158-.402-.304-1.048-.378C8.357 1.521 8 1.793 8 2.25v.5c0 1.922-.978 3.128-1.933 3.825a5.831 5.831 0 0 1-1.567.81ZM2.75 6.5h-1a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h1a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z'%3E%3C/path%3E%3C/svg%3E"); /* stylelint-disable-line */
  --dislikeIcon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%232a2f40'%3E%3Cpath d='M7.083 15.986c-.763-.087-1.499-.295-2.011-.884-.504-.581-.655-1.378-.655-2.299 0-.468.087-1.12.157-1.638l.015-.112H3.167c-.603 0-1.174-.086-1.669-.334a2.415 2.415 0 0 1-1.136-1.2c-.454-.998-.438-2.447-.188-4.316l.04-.306C.32 4.108.41 3.424.526 2.864c.132-.63.316-1.209.669-1.672C1.947.205 3.211.053 4.917.053c1.848 0 3.234.332 4.388.652l.474.133c.658.187 1.201.341 1.726.415a1.75 1.75 0 0 1 1.662-1.2h1c.966 0 1.75.784 1.75 1.75v7.5a1.75 1.75 0 0 1-1.75 1.75h-1a1.75 1.75 0 0 1-1.514-.872c-.259.105-.59.268-.919.508-.671.491-1.317 1.285-1.317 2.614v.5c0 1.201-.994 2.336-2.334 2.183Zm4.334-13.232c-.706-.089-1.39-.284-2.072-.479l-.441-.125c-1.096-.304-2.335-.597-3.987-.597-1.794 0-2.28.222-2.529.548-.147.193-.275.505-.393 1.07-.105.502-.188 1.124-.295 1.93l-.04.3c-.25 1.882-.19 2.933.067 3.497a.923.923 0 0 0 .443.48c.208.104.52.175.997.175h1.75c.685 0 1.295.577 1.205 1.335-.022.192-.049.39-.075.586-.066.488-.13.97-.13 1.329 0 .808.144 1.15.288 1.316.137.157.401.303 1.048.377.307.035.664-.237.664-.693v-.5c0-1.922.978-3.127 1.932-3.825a5.878 5.878 0 0 1 1.568-.809Zm1.75 6.798h1a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25h-1a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25Z'%3E%3C/path%3E%3C/svg%3E"); /* stylelint-disable-line */
}

.dark-theme {
  --background: rgb(42, 47, 64); /* blueGrey600 */
  --border: rgb(62, 67, 87); /* blueGrey500 */
  --title: rgb(239, 242, 249); /* blueGrey50 */
  --icon: rgb(189, 198, 255); /* indigo200 */
  --iconHover: rgb(232, 235, 255); /* indigo50 */
  --noteColor: rgb(197, 205, 223); /* blueGrey200 */
  --noteBackground: rgb(62, 67, 87); /* blueGrey500 */
  --noteNewBackground: rgb(189, 198, 255); /* indigo200 */
  --link: rgb(189, 198, 255); /* indigo200 */
  --linkIcon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' fill='%23bdc6ff' focusable='false' role='img' viewBox='0 0 16 16' width='16' height='16' %3E%3Cpath d='M3.75 2h3.5a.75.75 0 0 1 0 1.5h-3.5a.25.25 0 0 0-.25.25v8.5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-3.5a.75.75 0 0 1 1.5 0v3.5A1.75 1.75 0 0 1 12.25 14h-8.5A1.75 1.75 0 0 1 2 12.25v-8.5C2 2.784 2.784 2 3.75 2Zm6.854-1h4.146a.25.25 0 0 1 .25.25v4.146a.25.25 0 0 1-.427.177L13.03 4.03 9.28 7.78a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042l3.75-3.75-1.543-1.543A.25.25 0 0 1 10.604 1Z'%3E%3C/path%3E%3C/svg%3E"); /* stylelint-disable-line */
  --likeIcon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%23eff2f9' style='display:inline-block;vertical-align:text-bottom'%3E%3Cpath d='M8.834.066c.763.087 1.5.295 2.01.884.505.581.656 1.378.656 2.3 0 .467-.087 1.119-.157 1.637L11.328 5h1.422c.603 0 1.174.085 1.668.333.508.254.911.679 1.137 1.2.453.998.438 2.447.188 4.316l-.04.306c-.105.79-.195 1.473-.313 2.033-.131.63-.315 1.209-.668 1.672C13.97 15.847 12.706 16 11 16c-1.848 0-3.234-.333-4.388-.653-.165-.045-.323-.09-.475-.133-.658-.186-1.2-.34-1.725-.415A1.75 1.75 0 0 1 2.75 16h-1A1.75 1.75 0 0 1 0 14.25v-7.5C0 5.784.784 5 1.75 5h1a1.75 1.75 0 0 1 1.514.872c.258-.105.59-.268.918-.508C5.853 4.874 6.5 4.079 6.5 2.75v-.5c0-1.202.994-2.337 2.334-2.184ZM4.5 13.3c.705.088 1.39.284 2.072.478l.441.125c1.096.305 2.334.598 3.987.598 1.794 0 2.28-.223 2.528-.549.147-.193.276-.505.394-1.07.105-.502.188-1.124.295-1.93l.04-.3c.25-1.882.189-2.933-.068-3.497a.921.921 0 0 0-.442-.48c-.208-.104-.52-.174-.997-.174H11c-.686 0-1.295-.577-1.206-1.336.023-.192.05-.39.076-.586.065-.488.13-.97.13-1.328 0-.809-.144-1.15-.288-1.316-.137-.158-.402-.304-1.048-.378C8.357 1.521 8 1.793 8 2.25v.5c0 1.922-.978 3.128-1.933 3.825a5.831 5.831 0 0 1-1.567.81ZM2.75 6.5h-1a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h1a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z'%3E%3C/path%3E%3C/svg%3E"); /* stylelint-disable-line */
  --dislikeIcon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%23eff2f9' style='display:inline-block;vertical-align:text-bottom'%3E%3Cpath d='M7.083 15.986c-.763-.087-1.499-.295-2.011-.884-.504-.581-.655-1.378-.655-2.299 0-.468.087-1.12.157-1.638l.015-.112H3.167c-.603 0-1.174-.086-1.669-.334a2.415 2.415 0 0 1-1.136-1.2c-.454-.998-.438-2.447-.188-4.316l.04-.306C.32 4.108.41 3.424.526 2.864c.132-.63.316-1.209.669-1.672C1.947.205 3.211.053 4.917.053c1.848 0 3.234.332 4.388.652l.474.133c.658.187 1.201.341 1.726.415a1.75 1.75 0 0 1 1.662-1.2h1c.966 0 1.75.784 1.75 1.75v7.5a1.75 1.75 0 0 1-1.75 1.75h-1a1.75 1.75 0 0 1-1.514-.872c-.259.105-.59.268-.919.508-.671.491-1.317 1.285-1.317 2.614v.5c0 1.201-.994 2.336-2.334 2.183Zm4.334-13.232c-.706-.089-1.39-.284-2.072-.479l-.441-.125c-1.096-.304-2.335-.597-3.987-.597-1.794 0-2.28.222-2.529.548-.147.193-.275.505-.393 1.07-.105.502-.188 1.124-.295 1.93l-.04.3c-.25 1.882-.19 2.933.067 3.497a.923.923 0 0 0 .443.48c.208.104.52.175.997.175h1.75c.685 0 1.295.577 1.205 1.335-.022.192-.049.39-.075.586-.066.488-.13.97-.13 1.329 0 .808.144 1.15.288 1.316.137.157.401.303 1.048.377.307.035.664-.237.664-.693v-.5c0-1.922.978-3.127 1.932-3.825a5.878 5.878 0 0 1 1.568-.809Zm1.75 6.798h1a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25h-1a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25Z'%3E%3C/path%3E%3C/svg%3E"); /* stylelint-disable-line */
}

/* Reset styles from Beamer */
body,
body * {
  font-family:
    Inter,
    ui-sans-serif,
    system-ui,
    -apple-system,
    'Segoe UI',
    Roboto,
    'Helvetica Neue',
    Arial,
    'Noto Sans',
    sans-serif,
    'Apple Color Emoji',
    'Segoe UI Emoji',
    'Segoe UI Symbol',
    'Noto Color Emoji' !important;
  background-color: var(--background) !important;
  transition: none !important;

  /* common css variables */
  --noteNewColor: rgb(27, 34, 80); /* indigo900 */
  --feedbackHoverBackground: rgb(232, 235, 255); /* indigo50 */
  --likeIconActive: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%232b3368' style='display:inline-block;vertical-align:text-bottom'%3E%3Cpath d='M8.834.066c.763.087 1.5.295 2.01.884.505.581.656 1.378.656 2.3 0 .467-.087 1.119-.157 1.637L11.328 5h1.422c.603 0 1.174.085 1.668.333.508.254.911.679 1.137 1.2.453.998.438 2.447.188 4.316l-.04.306c-.105.79-.195 1.473-.313 2.033-.131.63-.315 1.209-.668 1.672C13.97 15.847 12.706 16 11 16c-1.848 0-3.234-.333-4.388-.653-.165-.045-.323-.09-.475-.133-.658-.186-1.2-.34-1.725-.415A1.75 1.75 0 0 1 2.75 16h-1A1.75 1.75 0 0 1 0 14.25v-7.5C0 5.784.784 5 1.75 5h1a1.75 1.75 0 0 1 1.514.872c.258-.105.59-.268.918-.508C5.853 4.874 6.5 4.079 6.5 2.75v-.5c0-1.202.994-2.337 2.334-2.184ZM4.5 13.3c.705.088 1.39.284 2.072.478l.441.125c1.096.305 2.334.598 3.987.598 1.794 0 2.28-.223 2.528-.549.147-.193.276-.505.394-1.07.105-.502.188-1.124.295-1.93l.04-.3c.25-1.882.189-2.933-.068-3.497a.921.921 0 0 0-.442-.48c-.208-.104-.52-.174-.997-.174H11c-.686 0-1.295-.577-1.206-1.336.023-.192.05-.39.076-.586.065-.488.13-.97.13-1.328 0-.809-.144-1.15-.288-1.316-.137-.158-.402-.304-1.048-.378C8.357 1.521 8 1.793 8 2.25v.5c0 1.922-.978 3.128-1.933 3.825a5.831 5.831 0 0 1-1.567.81ZM2.75 6.5h-1a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h1a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z'%3E%3C/path%3E%3C/svg%3E"); /* stylelint-disable-line */
  --dislikeIconActive: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%232b3368' style='display:inline-block;vertical-align:text-bottom'%3E%3Cpath d='M7.083 15.986c-.763-.087-1.499-.295-2.011-.884-.504-.581-.655-1.378-.655-2.299 0-.468.087-1.12.157-1.638l.015-.112H3.167c-.603 0-1.174-.086-1.669-.334a2.415 2.415 0 0 1-1.136-1.2c-.454-.998-.438-2.447-.188-4.316l.04-.306C.32 4.108.41 3.424.526 2.864c.132-.63.316-1.209.669-1.672C1.947.205 3.211.053 4.917.053c1.848 0 3.234.332 4.388.652l.474.133c.658.187 1.201.341 1.726.415a1.75 1.75 0 0 1 1.662-1.2h1c.966 0 1.75.784 1.75 1.75v7.5a1.75 1.75 0 0 1-1.75 1.75h-1a1.75 1.75 0 0 1-1.514-.872c-.259.105-.59.268-.919.508-.671.491-1.317 1.285-1.317 2.614v.5c0 1.201-.994 2.336-2.334 2.183Zm4.334-13.232c-.706-.089-1.39-.284-2.072-.479l-.441-.125c-1.096-.304-2.335-.597-3.987-.597-1.794 0-2.28.222-2.529.548-.147.193-.275.505-.393 1.07-.105.502-.188 1.124-.295 1.93l-.04.3c-.25 1.882-.19 2.933.067 3.497a.923.923 0 0 0 .443.48c.208.104.52.175.997.175h1.75c.685 0 1.295.577 1.205 1.335-.022.192-.049.39-.075.586-.066.488-.13.97-.13 1.329 0 .808.144 1.15.288 1.316.137.157.401.303 1.048.377.307.035.664-.237.664-.693v-.5c0-1.922.978-3.127 1.932-3.825a5.878 5.878 0 0 1 1.568-.809Zm1.75 6.798h1a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25h-1a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25Z'%3E%3C/path%3E%3C/svg%3E"); /* stylelint-disable-line */
}

/* Main container */
body.embed .container {
  background-color: var(--background) !important;
}

/* To remove the shadow effect in the bottom of widget */
body.embed[data-scroll-hide='false'] .container::after {
  background: none;
}

/*  Override color of header */
body.embed .header.solid {
  background-color: var(--background) !important;
  border-bottom: 1px solid var(--border) !important;
}

/* What's new on SonarCloud */
body.embed .headerTitle {
  color: var(--title) !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  line-height: 1.5rem !important;
}

body.embed .headerClose {
  top: 22px !important;
  right: 12px !important;
  height: 24px !important;
  padding: 0 4px !important;
}

/* Close icon svg */
body.embed .headerClose svg {
  width: 16px !important;
  height: 16px !important;
  fill: var(--icon) !important;
}

/* Close icon svg hover style */
body.embed .headerClose:hover svg {
  fill: var(--iconHover) !important;
}

/* for icons in page */
body.embed .materialIcon {
  fill: var(--title) !important;
}

/* Posts container */
body.embed .news {
  background-color: var(--background) !important;
}

/* This will change the appearance of the post boxes */
body.embed .feature {
  color: var(--title) !important;
  font-size: 14px !important;
  background-color: var(--background) !important;
  border-bottom: 1px solid var(--border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* This will change the appearance of the labels on posts */
body.embed .feature .category {
  color: var(--noteColor) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  background: var(--noteBackground) !important;
  border-radius: 2px !important;
}

/* This will change the appearance of the new label on posts */
body.embed .feature .category.categoryNew {
  color: var(--noteNewColor) !important;
  text-transform: uppercase !important;
  background: var(--noteNewBackground) !important;
}

/* Style all links similar to SC */
body.embed .featureTitle a,
body.embed .featureAction a,
body.embed .featureContent a {
  color: var(--link) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  text-decoration: none !important;
  border-bottom: 1px solid var(--link) !important;
}

/* Disable title link and treat as text */
body.embed .featureTitle a {
  color: var(--title) !important;
  border-bottom: none !important;
  font-size: 16px !important;
  cursor: default !important;
  pointer-events: none !important;
}

/* Action link */
body.embed .featureAction {
  display: block !important;
}

/* positioning external icon after link */
body.embed .featureAction a::after {
  display: inline-block;
  height: 20px;
  vertical-align: middle;
  content: var(--linkIcon);
}

/* Hide social share feature */
body.embed .featureAction svg,
body.embed .featureControls {
  display: none !important;
}

/* Links within post content */
body.embed .featureContent a {
  background-color: var(--background) !important;
}

/* this will affect the post date style */
body.embed .featureDate span {
  padding-left: 12px;
  color: var(--title) !important;
}

/*  Feedback container */
body.embed .featureFeedback {
  border-top: 1px solid var(--border) !important;
}

/* Feedback container */
body.embed #reactions {
  left: calc(50% - 50px);
  display: flex;
  justify-content: center;
  width: 100px;
}

/* Individual feedback icon conatiner */
body.embed #reactions span {
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 8px;
}

/* Hover and active styles for fedback icons */
body.embed #reactions span:hover,
body.embed #reactions span.selectedemoji {
  background-color: var(--feedbackHoverBackground) !important;
}

/* Dislike icon */
body.embed #reactions span:nth-of-type(1) {
  order: 3;
  background-image: var(--dislikeIcon) !important;
}

/* Hover and active style for dislike icon */
body.embed #reactions span:nth-of-type(1):hover,
body.embed #reactions span.selectedemoji:nth-of-type(1) {
  background-image: var(--dislikeIconActive) !important;
}

/* Like icon */
body.embed #reactions span:nth-of-type(3) {
  order: 1;
  background-image: var(--likeIcon) !important;
}

/* Hover and active style for like icon */
body.embed #reactions span:nth-of-type(3):hover,
body.embed #reactions span.selectedemoji:nth-of-type(3) {
  background-image: var(--likeIconActive) !important;
}

/* Hide beamer emojis */
body.embed #reactions span img {
  opacity: 0;
}

/* Hide the neutral emoji */
body.embed #reactions span:nth-of-type(2) {
  display: none !important;
}