/*! For license information please see /licenses.txt */
#obf-MainContainer {
  box-sizing: content-box;
}

#obf-QuestionLeftText {
  box-sizing: content-box;
}

#obf-ToastContainer {
  box-sizing: content-box;
}

#obf-EmailCheckBox {
  margin: 3px;
}

#obf-BasicFormScreenshotCheckbox {
  margin: 3px;
}

/* can remove after Horizontals team releases update to @vivaux/feedback */
#obf-ToastContainer {
  max-height: calc(90% - var(--obf-bottom, 56px)) !important;
}

#obf-TFormSubmitButton,
#obf-TFormCancelButton {
  cursor: pointer;
}

html,
body {
  padding: 0;
  margin: 0;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Oxygen,
    Ubuntu,
    Cantarell,
    Fira Sans,
    Droid Sans,
    Helvetica Neue,
    sans-serif;
  overflow: hidden;
}

/* Fix for default focus outline color contrast issues in iOS with external keyboard  
  https://o365exchange.visualstudio.com/O365%20Core/_workitems/edit/3648736 */
@media screen and (max-width: 640px) {
  body :focus-visible {
    outline: none;
    box-shadow: 0 0 0 1px var(--colorNeutralForeground1);
  }
}

#__next {
  width: 100%;
  height: 100dvh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.ui-provider,
.fui-FluentProvider {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  background-color: transparent;
}

* {
  box-sizing: border-box;
}

.live-region {
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}

/* 
  This selector hides the LPP Callout Component.
  The suggestions rendered by LPP will be passed
  into the Fluent V8 People Picker which will 
  handle user interaction. This is a workaround
  intended to mitigate multiple A11y bugs. 
*/
body.hideLpp [data-automation-id='lpp-callout-container'] {
  display: none;
}

#VivaMoreButton > svg,
#Feedback > svg {
  display: block;
  width: 48px;
}

@font-face {
  font-family: 'Segoe UI Light';
  src:
    local('Segoe UI Light'),
    url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff2) format('woff2'),
    url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff) format('woff'),
    url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.ttf) format('truetype');
}

#one-shell-terms-and-conditions:focus-visible,
#one-shell-privacy-and-cookies:focus-visible,
#one-shell-a11y-declarations:focus-visible {
  text-decoration: underline;
}

#one-shell-terms-and-conditions ~ button:focus-visible,
#one-shell-privacy-and-cookies ~ button:focus-visible,
#one-shell-a11y-declarations ~ button:focus-visible {
  text-decoration: underline;
}

/* 
 * Fixes textarea selection colors for high-contrast theme in Teams.
 * Bug 4824323: [Viva pulse(Test)-Home-My pulses-Pulses sent-Share-Add a note(optional)]
 * https://dev.azure.com/O365Exchange/O365%20Core/_workitems/edit/4824323
*/
html.theme-contrast .fui-Textarea textarea::selection {
  background-color: #1aebff; /* token: colorNeutralBackground1Selected */
  color: #000; /* token: colorNeutralForeground1Selected*/
}

/*
 * Hides a bar chart included at the top of RankingQuestionResponseChart 
 * used to correctly render legend items in rank-order.
 */
[id^='Ranking_MSBC_root_'] #_MSBC_bar-0 {
  display: none;
}

/* 
  Set link styles for all links except those in the editor content.
*/
a {
  color: inherit;
  text-decoration: none;
}
div[id^='editor-content-'] a {
  color: revert;
  -webkit-text-decoration: revert;
          text-decoration: revert;
}

