.quantumIconsIcon {
  font-family: Material Icons Extended;
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-rendering: optimizeLegibility;
  text-transform: none;
  display: inline-block;
  word-wrap: normal;
  direction: ltr;
  font-feature-settings: "liga" 1;
  -webkit-font-smoothing: antialiased
}



.waffleDialogRitzImportDialogStandardDialog {
  --gm3-dialog-container-content-padding: 6px 24px 0px;
  --gm3-dialog-modal-container-color: var(--gm3-sys-color-surface, #fff);
  --gm3-dialog-modal-header-container-color: var(--gm3-sys-color-surface, #fff);
  --gm3-dialog-container-max-width: 569px;
  --gm3-dialog-container-content-padding-block-start: 6px;
  --gm3-dialog-container-content-padding-inline-end: 24px;
  --gm3-dialog-container-content-padding-block-end: 0px;
  --gm3-dialog-container-content-padding-inline-start: 24px
}

.waffleDialogRitzImportDialogStandardInfoDialog {
  --gm3-dialog-container-content-padding: 50px 36px 0px;
  --gm3-dialog-container-content-padding-block-start: 50px;
  --gm3-dialog-container-content-padding-inline-end: 36px;
  --gm3-dialog-container-content-padding-block-end: 0px;
  --gm3-dialog-container-content-padding-inline-start: 36px
}

.waffleDialogRitzImportDialogStandardSuccessDialog {
  --gm3-dialog-container-content-padding: 54px 36px;
  --gm3-dialog-container-content-padding-block-start: 54px;
  --gm3-dialog-container-content-padding-inline-end: 36px;
  --gm3-dialog-container-content-padding-block-end: 54px;
  --gm3-dialog-container-content-padding-inline-start: 36px
}

.waffleDialogRitzImportDialogStandardErrorDialog {
  --gm3-dialog-container-content-padding: 20px;
  --gm3-dialog-container-content-padding-block-start: 20px;
  --gm3-dialog-container-content-padding-inline-end: 20px;
  --gm3-dialog-container-content-padding-block-end: 20px;
  --gm3-dialog-container-content-padding-inline-start: 20px
}

.waffleDialogRitzImportDialogInfoAlertCard {
  --gm3-card-filled-container-color: var(--gm3-sys-color-error-container, #f9dedc);
  padding: 12px 20px;
  margin-bottom: 20px
}

.waffleDialogRitzImportDialogInfoIcon.docs-icon.goog-inline-block {
  min-height: 20px;
  min-width: 20px;
  margin-right: 12px
}

.waffleDialogRitzImportDialogFile {
  font-weight: 400;
  font-size: 16px
}

.waffleDialogRitzImportDialogFileName {
  font-weight: 500;
  font-size: 14px;
  padding: 8px 0
}

.waffleDialogRitzImportDialogOkButton {
  --gm3-button-filled-tonal-label-text-size: 14px;
  --gm3-button-filled-tonal-container-color: var(--gm3-sys-color-primary, #0b57d0);
  --gm3-button-filled-tonal-label-text-color: var(--gm3-sys-color-on-primary, #fff);
  --gm3-button-filled-tonal-focus-label-text-color: var(--gm3-sys-color-on-primary, #fff);
  --gm3-button-filled-tonal-hover-label-text-color: var(--gm3-sys-color-on-primary, #fff);
  --gm3-button-filled-tonal-pressed-label-text-color: var(--gm3-sys-color-on-primary, #fff)
}

.waffleDialogRitzImportDialogPromptCard {
  --gm3-card-outlined-container-color: var(--gm3-sys-color-on-primary, #fff);
  --gm3-card-outlined-container-shape-start-start: 28px;
  --gm3-card-outlined-container-shape-start-end: 28px;
  --gm3-card-outlined-container-shape-end-end: 28px;
  --gm3-card-outlined-container-shape-end-start: 28px;
  padding: 26px 15px 26px 24px
}

.waffleDialogRitzImportDialogPromptCardContent {
  display: flex;
  flex-direction: row;
  gap: 16px
}

.waffleDialogRitzImportDialogPromptCardTextContent {
  display: flex;
  flex-direction: column;
  gap: 12px
}

.waffleDialogRitzImportDialogPromptCardBoldText {
  font-weight: 500
}

.waffleDialogRitzImportDialogInfoImage {
  width: 440px;
  height: 161px;
  padding: 0 14px
}

.waffleDialogRitzImportDialogInfoDialogTitle {
  font-size: 22px;
  font-weight: 400;
  line-height: 28px
}

.waffleDialogRitzImportDialogInfoDialogText {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px
}

.waffleDialogRitzImportDialogInfoDialogFileName {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  color: var(--gm3-sys-color-on-primary-container, #041e49)
}

.waffleDialogRitzImportDialogInfoDialogNote {
  --gm3-card-filled-container-color: var(--gm3-sys-color-surface-container-low, #f8fafd);
  --gm3-card-filled-container-shape-start-start: 8px;
  --gm3-card-filled-container-shape-start-end: 8px;
  --gm3-card-filled-container-shape-end-end: 8px;
  --gm3-card-filled-container-shape-end-start: 8px;
  padding: 12px 14px
}

.waffleDialogRitzImportDialogInfoDialogTextContent {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 24px;
  text-align: center;
  font-style: normal
}

.waffleDialogRitzImportDialogLoadingDialogContent {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px 0;
  text-align: center;
  font-style: normal
}

.waffleDialogRitzImportDialogLoadingDialog {
  --gm3-dialog-container-content-padding: 38px 36px 24px;
  --gm3-dialog-container-content-padding-block-start: 38px;
  --gm3-dialog-container-content-padding-inline-end: 36px;
  --gm3-dialog-container-content-padding-block-end: 24px;
  --gm3-dialog-container-content-padding-inline-start: 36px
}

.waffleDialogRitzImportDialogFullScreenSuccessDialog {
  --gm3-dialog-container-width: 565px;
  --gm3-dialog-modal-container-color: var(--gm3-sys-color-surface, #fff)
}

.waffleDialogRitzImportDialogSuccessDialogContent {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0 24px 54px
}

.waffleDialogRitzImportDialogDimensionsText {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.25rem;
  color: var(--gm3-sys-color-primary, #0b57d0)
}

.waffleDialogRitzImportDialogSuccessDialogText {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  color: var(--gm3-sys-color-on-surface, #1f1f1f);
  text-align: center;
  margin: 0 45px;
  width: 344px;
  height: 64px
}

.waffleDialogRitzImportDialogErrorDialogContent {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  color: var(--gm3-sys-color-on-surface-variant, #444746);
  display: flex;
  flex-direction: column;
  gap: 20px
}

.waffleDialogRitzImportDialogErrorMessageText {
  font-family: Roboto, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
  color: var(--gm3-sys-color-on-surface, #1f1f1f)
}

.waffleDialogRitzImportDialogErrorDialogCard {
  --gm3-card-filled-container-color: var(--gm3-sys-color-error-container, #f9dedc);
  --gm3-card-filled-container-shape-start-start: 28px;
  --gm3-card-filled-container-shape-start-end: 28px;
  --gm3-card-filled-container-shape-end-end: 28px;
  --gm3-card-filled-container-shape-end-start: 28px
}

.waffleDialogRitzImportDialogErrorDialogCardContent {
  display: flex;
  flex-direction: row;
  gap: 12px;
  padding: 16px 20px
}

.waffleDialogRitzImportDialogButtons {
  display: flex;
  flex-direction: row;
  gap: 8px;
  margin-top: 20px
}

.waffleDialogRitzImportDialogInfoDialogTOC {
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  letter-spacing: .00625rem;
  line-height: 1rem
}

.waffleDialogRitzImportDialogLoadingDialogTOC {
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  letter-spacing: .00625rem;
  line-height: 1rem;
  text-align: center
}

.waffleDialogRitzImportDialogSearchIcon.docs-icon.goog-inline-block {
  margin-right: 16px
}

.waffleDialogRitzImportDialogArrowIcon.docs-icon.goog-inline-block {
  margin-right: 16px;
  transform: scale(1.35)
}

.waffleDialogRitzImportDialogRotatedIcon {
  transform: rotate(180deg);
  margin-right: 16px
}

.waffleLargeUploadsOptionsDialogContentContainer {
  display: inline-flex;
  flex-direction: column;
  gap: 20px
}

.waffleLargeUploadsOptionsDialogStandardDialog {
  --gm3-dialog-container-width: 617px;
  --gm3-dialog-modal-container-color: var(--gm3-sys-color-surface, #fff)
}

.waffleLargeUploadsOptionsDialogTitleContainer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch
}

.waffleLargeUploadsOptionsDialogTitleTextTOC {
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  letter-spacing: .00625rem;
  line-height: 1rem
}

.waffleLargeUploadsOptionsDialogTitleText {
  font-family: Roboto, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 2rem;
  flex: 1 0 0
}

.waffleLargeUploadsOptionsDialogRefreshButton {
  --gm3-button-text-label-text-color: var(--gm3-sys-color-primary, #0b57d0);
  --gm3-button-text-label-text-size: 14px;
  --gm3-button-text-label-text-weight: 400;
  --gm3-button-text-container-shape: 100px
}

.waffleLargeUploadsOptionsDialogRefreshButtonContainer {
  display: flex;
  height: 24px;
  padding: 10px 0 10px 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px
}

.waffleLargeUploadsOptionsDialogTitleTextContainer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  align-self: stretch
}

.waffleLargeUploadsOptionsDialogPromptText {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  color: var(--gm3-sys-color-on-surface-variant, #444746);
  align-self: stretch;
  display: flex;
  flex-direction: row;
  gap: 4px
}

.waffleLargeUploadsOptionsDialogAdvancedBillingOptionsContainer {
  width: 569px;
  display: flex;
  flex-direction: row
}

.waffleLargeUploadsOptionsDialogShowAdvancedBillingOptionsButton {
  margin-left: auto
}

.waffleLargeUploadsOptionsDialogPromptTextLabel {
  padding-top: 2px
}

.waffleLargeUploadsOptionsDialogFileNameContainer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch
}

.waffleLargeUploadsOptionsDialogFileNameText {
  font-family: Roboto, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5rem;
  color: var(--gm3-sys-color-on-surface-variant, #444746);
  align-self: stretch;
  width: 569px
}

.waffleLargeUploadsOptionsDialogInputFlexBox {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-self: stretch
}

.waffleLargeUploadsOptionsDialogOptionsContainer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch
}

.waffleLargeUploadsOptionsDialogAutoCompleteSelector {
  --gm3-autocomplete-outlined-menu-list-item-label-text-size: 16px;
  --gm3-autocomplete-outlined-menu-list-item-label-text-weight: 400;
  --gm3-autocomplete-outlined-menu-list-item-label-text-line-height: 24px;
  width: 569px
}

.waffleLargeUploadsOptionsDialogTableNameTextArea {
  width: 569px;
  min-height: 92px;
  --gm3-text-field-outlined-input-text-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-text-field-outlined-input-text-size: 16px;
  --gm3-text-field-outlined-input-text-weight: 400;
  --gm3-text-field-outlined-input-text-line-height: 24px
}

.waffleLargeUploadsOptionsDialogCreateNewDatasetContainer {
  --gm3-checkbox-container-size: 20px;
  --gm3-checkbox-label-text-size: 14px;
  --gm3-checkbox-state-layer-size: 24px
}

.waffleLargeUploadsOptionsDialogButtonContainer {
  justify-content: flex-end;
  display: flex;
  flex-direction: row;
  gap: 8px
}

.waffleLargeUploadsOptionsDialogOkButton {
  --gm3-button-filled-tonal-label-text-size: 14px;
  --gm3-button-filled-tonal-container-height: 40px;
  --gm3-button-filled-tonal-container-color: var(--gm3-sys-color-primary, #0b57d0);
  --gm3-button-filled-tonal-label-text-color: var(--gm3-sys-color-on-primary, #fff);
  --gm3-button-filled-tonal-focus-label-text-color: var(--gm3-sys-color-on-primary, #fff);
  --gm3-button-filled-tonal-hover-label-text-color: var(--gm3-sys-color-on-primary, #fff);
  --gm3-button-filled-tonal-pressed-label-text-color: var(--gm3-sys-color-on-primary, #fff)
}

.waffleLargeUploadsOptionsDialogTableInfoTooltip {
  --gm3-tooltip-rich-container-color: var(--gm3-sys-color-inverse-surface, #303030);
  --gm3-tooltip-rich-supporting-text-color: var(--gm3-sys-color-inverse-on-surface, #f2f2f2)
}

.waffleLargeUploadsOptionsDialogTableInfoTooltipIconButton {
  --gm3-icon-button-standard-icon-size: 18px;
  --gm3-icon-button-standard-touch-target-size: 24px;
  --gm3-icon-button-standard-container-width: 24px;
  --gm3-icon-button-standard-container-height: 24px
}

.waffleLargeUploadsOptionsDialogAdvancedBillingOptionsText {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  color: var(--gm3-sys-color-on-surface-variant, #444746);
  align-self: center;
  display: flex;
  flex-direction: row;
  gap: 4px
}

.waffleLargeUploadsOptionsDialogShowAdvancedBillingOptionsButton .docs-icon.goog-inline-block.waffleDialogRitzImportDialogArrowIcon {
  margin-top: 3px;
  margin-left: 3px
}

.waffleLargeUploadsOptionsDialogLoadingDiv {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.apps-action-shortcut-icon {
  direction: ltr;
  text-align: left;
  overflow: hidden;
  position: relative;
  vertical-align: middle
}

.apps-action-shortcut-img:before {
  content: url(https://ssl.gstatic.com/docs/common/shortcut_sprite1.png)
}

.apps-action-shortcut-img {
  height: 95px;
  position: absolute;
  width: 21px
}

.apps-action-shortcut-back {
  left: 0;
  top: -63px
}

.apps-action-shortcut-back-white {
  left: 0;
  top: -21px
}

.apps-action-shortcut-close-x {
  left: 0;
  top: -84px
}

.apps-action-shortcut-search {
  left: 0;
  top: -42px
}

.apps-action-shortcut-search-white {
  left: 0;
  top: 0
}

.apps-ui-material-slide-toggle-container {
  align-items: center;
  background: none;
  display: flex;
  height: 21px;
  outline: 0;
  position: relative;
  width: 35px
}

.apps-ui-material-slide-toggle-thumb {
  transition-duration: .28s;
  transition-property: all;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  left: 0;
  right: inherit;
  top: 0;
  will-change: background-color;
  background-color: #f1f1f1;
  border-radius: 100%;
  box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24);
  height: 20px;
  width: 20px;
  position: absolute
}

.apps-ui-material-slide-toggle-container-checked .apps-ui-material-slide-toggle-thumb {
  left: inherit;
  right: 0
}

.apps-ui-material-slide-toggle-container-disabled {
  cursor: not-allowed
}

.apps-ui-material-slide-toggle-track {
  background-color: #000;
  border-radius: 7px;
  height: 14px;
  opacity: .26;
  width: 35px
}

.apps-ui-material-slide-toggle-container-checked .apps-ui-material-slide-toggle-track {
  opacity: .5
}

.apps-ui-material-slide-toggle-thumb,
.apps-ui-material-slide-toggle-track {
  border: 1px solid transparent
}

.apps-ui-material-slide-toggle-container-focused {
  outline: 1px solid transparent
}

.apps-ui-material-slide-toggle-container-focused .apps-ui-material-slide-toggle-thumb {
  box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28)
}

.apps-ui-material-slide-toggle-container-hover .apps-ui-material-slide-toggle-thumb {
  box-shadow: 0 0 6px rgba(0, 0, 0, .16), 0 6px 12px rgba(0, 0, 0, .32)
}

.ac-renderer {
  font: normal 13px Arial, sans-serif;
  position: absolute;
  background: #fff;
  border: 1px solid #666;
  -moz-box-shadow: 2px 2px 2px hsla(0, 0%, 40%, .4);
  -webkit-box-shadow: 2px 2px 2px hsla(0, 0%, 40%, .4);
  width: 300px
}

.ac-row {
  cursor: pointer;
  padding: .4em
}

.ac-highlighted {
  font-weight: 700
}

.ac-active {
  background-color: #b2b4bf
}

.goog-inline-block {
  position: relative;
  display: -moz-inline-box;
  display: inline-block
}

* html .goog-inline-block {
  display: inline
}

:first-child+html .goog-inline-block {
  display: inline
}

.jfk-button {
  border-radius: 2px;
  cursor: default;
  font-size: 11px;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  margin-right: 16px;
  height: 27px;
  line-height: 27px;
  min-width: 54px;
  outline: 0;
  padding: 0 8px
}

.jfk-button-hover {
  box-shadow: 0 1px 1px rgba(0, 0, 0, .1)
}

.jfk-button-selected {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

.jfk-button .jfk-button-img {
  margin-top: -3px;
  vertical-align: middle
}

.jfk-button-label {
  margin-left: 5px
}

.jfk-button-narrow {
  min-width: 34px;
  padding: 0
}

.jfk-button-collapse-left,
.jfk-button-collapse-right {
  z-index: 1
}

.jfk-button-collapse-left.jfk-button-disabled {
  z-index: 0
}

.jfk-button-checked.jfk-button-collapse-left,
.jfk-button-checked.jfk-button-collapse-right {
  z-index: 2
}

.jfk-button-collapse-left:focus,
.jfk-button-collapse-right:focus,
.jfk-button-hover.jfk-button-collapse-left,
.jfk-button-hover.jfk-button-collapse-right {
  z-index: 3
}

.jfk-button-collapse-left {
  margin-left: -1px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}

.jfk-button-collapse-right {
  margin-right: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.jfk-button.jfk-button-disabled:active {
  box-shadow: none
}

.jfk-button-action {
  box-shadow: none;
  background-color: #4d90fe;
  background-image: linear-gradient(top, #4d90fe, #4787ed);
  border: 1px solid #3079ed;
  color: #fff
}

.jfk-button-action.jfk-button-hover {
  box-shadow: none;
  background-color: #357ae8;
  background-image: linear-gradient(top, #4d90fe, #357ae8);
  border: 1px solid #2f5bb7;
  border-bottom-color: #2f5bb7
}

.jfk-button-action:focus {
  box-shadow: inset 0 0 0 1px #fff;
  border: 1px solid #fff;
  border: 1px solid transparent;
  outline: 1px solid #4d90fe;
  outline: 0 transparent
}

.jfk-button-action.jfk-button-clear-outline {
  box-shadow: none;
  outline: none
}

.jfk-button-action:active {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
  background: #357ae8;
  border: 1px solid #2f5bb7;
  border-top: 1px solid #2f5bb7
}

.jfk-button-action.jfk-button-disabled {
  background: #4d90fe;
  filter: alpha(opacity=50);
  opacity: .5
}

.jfk-button-contrast {
  box-shadow: none;
  background-color: #f5f5f5;
  background-image: linear-gradient(top, #f5f5f5, #f1f1f1);
  color: #333;
  border: 1px solid #dcdcdc;
  border: 1px solid rgba(0, 0, 0, .1)
}

.jfk-button-contrast.jfk-button-clear-outline.jfk-button-hover,
.jfk-button-contrast.jfk-button-hover {
  box-shadow: none;
  background-color: #f8f8f8;
  background-image: linear-gradient(top, #f8f8f8, #f1f1f1);
  border: 1px solid #c6c6c6;
  color: #111
}

.jfk-button-contrast.jfk-button-hover:active,
.jfk-button-contrast:active {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
  background: #f8f8f8
}

.jfk-button-contrast.jfk-button-clear-outline.jfk-button-selected,
.jfk-button-contrast.jfk-button-selected {
  background-color: #eee;
  background-image: linear-gradient(top, #f8f8f8, #f1f1f1);
  border: 1px solid #ccc;
  color: #333
}

.jfk-button-contrast.jfk-button-checked,
.jfk-button-contrast.jfk-button-clear-outline.jfk-button-checked {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
  background-color: #eee;
  background-image: linear-gradient(top, #eee, #e0e0e0);
  border: 1px solid #ccc;
  color: #333
}

.jfk-button-contrast:focus {
  border: 1px solid #4d90fe;
  outline: none
}

.jfk-button-contrast.jfk-button-clear-outline {
  border: 1px solid #dcdcdc;
  outline: none
}

.jfk-button-contrast.jfk-button-disabled {
  background: #fff;
  border: 1px solid #f3f3f3;
  border: 1px solid rgba(0, 0, 0, .05);
  color: #b8b8b8
}

.jfk-button-contrast .jfk-button-img {
  opacity: .7
}

.jfk-button-contrast.jfk-button-checked .jfk-button-img,
.jfk-button-contrast.jfk-button-hover .jfk-button-img,
.jfk-button-contrast.jfk-button-selected .jfk-button-img {
  opacity: .9
}

.jfk-button-contrast.jfk-button-disabled .jfk-button-img {
  filter: alpha(opacity=33);
  opacity: .333
}

.jfk-button-default {
  box-shadow: none;
  background-color: #3d9400;
  background-image: linear-gradient(top, #3d9400, #398a00);
  border: 1px solid #29691d;
  color: #fff;
  text-shadow: 0 1px rgba(0, 0, 0, .1)
}

.jfk-button-default.jfk-button-hover {
  box-shadow: none;
  background-color: #368200;
  background-image: linear-gradient(top, #3d9400, #368200);
  border: 1px solid #2d6200;
  border-bottom: 1px solid #2d6200;
  text-shadow: 0 1px rgba(0, 0, 0, .3)
}

.jfk-button-default:focus {
  box-shadow: inset 0 0 0 1px #fff;
  border: 1px solid #fff;
  border: 1px solid transparent;
  outline: 1px solid #3d9400;
  outline: 0 transparent
}

.jfk-button-default.jfk-button-clear-outline {
  box-shadow: none;
  outline: none
}

.jfk-button-default:active {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
  background: #368200;
  border: 1px solid #2d6200;
  border-top: 1px solid #2d6200
}

.jfk-button-default.jfk-button-disabled {
  background: #3d9400;
  filter: alpha(opacity=50);
  opacity: .5
}

.jfk-button-flat {
  border-radius: 0;
  border: 1px solid transparent;
  font-size: 13px;
  height: 21px;
  line-height: 21px;
  margin-right: 1px;
  min-width: 0;
  padding: 0
}

.jfk-button-flat.jfk-button-hover,
.jfk-button-flat.jfk-button-selected,
.jfk-button-flat:active,
.jfk-button-flat:focus {
  box-shadow: none
}

.jfk-button-flat .jfk-button-img {
  height: 21px;
  opacity: .7;
  width: 21px
}

.jfk-button-flat .jfk-button-label {
  display: inline-block;
  margin: 0;
  padding: 0 1px
}

.jfk-button-flat.jfk-button-hover .jfk-button-img,
.jfk-button-flat.jfk-button-selected .jfk-button-img {
  opacity: .9
}

.jfk-button-flat.jfk-button-disabled .jfk-button-img {
  filter: alpha(opacity=33);
  opacity: .333
}

.jfk-button-flat:focus {
  border: 1px solid #4d90fe
}

.jfk-button-flat.jfk-button-clear-outline {
  border: 1px solid transparent
}

.jfk-button-mini {
  background-color: #f5f5f5;
  background-image: linear-gradient(top, #f5f5f5, #f1f1f1);
  border: 1px solid #dcdcdc;
  border: 1px solid rgba(0, 0, 0, .1);
  color: #333;
  height: 17px;
  line-height: 17px;
  min-width: 22px;
  text-shadow: 0 1px rgba(0, 0, 0, .1)
}

.jfk-button-mini.jfk-button-clear-outline.jfk-button-hover,
.jfk-button-mini.jfk-button-hover {
  background-color: #f8f8f8;
  background-image: linear-gradient(top, #f8f8f8, #f1f1f1);
  border: 1px solid #c6c6c6;
  text-shadow: 0 1px rgba(0, 0, 0, .3)
}

.jfk-button-mini:active {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

.jfk-button-mini.jfk-button-checked,
.jfk-button-mini.jfk-button-clear-outline.jfk-button-checked {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
  background-color: #e0e0e0;
  background-image: linear-gradient(top, #eee, #e0e0e0);
  border: 1px solid #ccc;
  color: #333
}

.jfk-button-mini:focus {
  border: 1px solid #4d90fe
}

.jfk-button-mini.jfk-button-clear-outline {
  border: 1px solid #dcdcdc
}

.jfk-button-mini.jfk-button-disabled {
  background: #fff;
  border: 1px solid #f3f3f3;
  border: 1px solid rgba(0, 0, 0, .05);
  color: #b8b8b8
}

.jfk-button-primary {
  box-shadow: none;
  background-color: #d14836;
  background-image: linear-gradient(top, #dd4b39, #d14836);
  border: 1px solid transparent;
  color: #fff;
  text-shadow: 0 1px rgba(0, 0, 0, .1);
  text-transform: uppercase
}

.jfk-button-primary.jfk-button-hover {
  box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  background-color: #c53727;
  background-image: linear-gradient(top, #dd4b39, #c53727);
  border: 1px solid #b0281a;
  border-bottom-color: #af301f
}

.jfk-button-primary:focus {
  box-shadow: inset 0 0 0 1px #fff;
  border: 1px solid #fff;
  border: 1px solid transparent;
  outline: 1px solid #d14836;
  outline: 0 transparent
}

.jfk-button-primary.jfk-button-clear-outline {
  box-shadow: none;
  outline: none
}

.jfk-button-primary:active {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
  background-color: #b0281a;
  background-image: linear-gradient(top, #dd4b39, #b0281a);
  border: 1px solid #992a1b;
  border-top: 1px solid #992a1b
}

.jfk-button-primary.jfk-button-disabled {
  background: #d14836;
  filter: alpha(opacity=50);
  opacity: .5
}

.jfk-slideToggle {
  border-radius: 2px;
  box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, .1);
  background-color: #f5f5f5;
  background-image: linear-gradient(top, #eee, #e0e0e0);
  border: 1px solid #ccc;
  color: #666;
  font-weight: 700;
  height: 27px;
  line-height: 27px;
  margin-right: 16px;
  outline: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 94px
}

.jfk-slideToggle-off,
.jfk-slideToggle-on,
.jfk-slideToggle-thumb {
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  width: 47px
}

.jfk-slideToggle-on {
  box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, .1);
  background-color: #398bf2;
  background-image: linear-gradient(top, #3b93ff, #3689ee);
  color: #fff;
  height: 27px
}

.jfk-slideToggle-off {
  border-radius: 2px 2px 0 0
}

.jfk-slideToggle-thumb {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
  background-color: #f5f5f5;
  background-image: linear-gradient(top, #f8f8f8, #f1f1f1);
  transition: all .13s ease-out;
  border: 1px solid #ccc;
  display: block;
  height: 27px;
  left: -1px;
  position: absolute;
  top: -1px
}

.jfk-slideToggle-thumb:after {
  content: "";
  background-image: linear-gradient(left, #ccc 50%, transparent 0), linear-gradient(left, #ccc 50%, transparent 0), linear-gradient(left, #ccc 50%, transparent 0), linear-gradient(left, #ccc 50%, transparent 0), linear-gradient(left, #ccc 50%, transparent 0);
  background-position: 0 0, 0 2px, 0 4px, 0 6px, 0 8px;
  background-repeat: repeat-x;
  background-size: 2px 1px;
  display: block;
  height: 9px;
  left: 15px;
  position: absolute;
  top: 9px;
  width: 17px
}

.jfk-slideToggle.jfk-slideToggle-checked .jfk-slideToggle-thumb {
  left: 47px
}

.jfk-slideToggle:focus {
  border: 1px solid #4d90fe
}

.jfk-slideToggle.jfk-slideToggle-clearOutline {
  border: 1px solid #ccc
}

.jfk-button-standard {
  box-shadow: none;
  background-color: #f5f5f5;
  background-image: linear-gradient(top, #f5f5f5, #f1f1f1);
  color: #333;
  border: 1px solid #dcdcdc;
  border: 1px solid rgba(0, 0, 0, .1)
}

.jfk-button-standard.jfk-button-clear-outline.jfk-button-hover,
.jfk-button-standard.jfk-button-hover {
  box-shadow: none;
  background-color: #f8f8f8;
  background-image: linear-gradient(top, #f8f8f8, #f1f1f1);
  border: 1px solid #c6c6c6;
  color: #111
}

.jfk-button-standard.jfk-button-hover:active,
.jfk-button-standard:active {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
  background: #f8f8f8;
  color: #111
}

.jfk-button-standard.jfk-button-clear-outline.jfk-button-selected,
.jfk-button-standard.jfk-button-selected {
  background-color: #eee;
  background-image: linear-gradient(top, #f8f8f8, #f1f1f1);
  border: 1px solid #ccc;
  color: #333
}

.jfk-button-standard.jfk-button-checked,
.jfk-button-standard.jfk-button-clear-outline.jfk-button-checked {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
  background-color: #eee;
  background-image: linear-gradient(top, #eee, #e0e0e0);
  border: 1px solid #ccc;
  color: #333
}

.jfk-button-standard:focus {
  border: 1px solid #4d90fe;
  outline: none
}

.jfk-button-standard.jfk-button-clear-outline {
  border: 1px solid #dcdcdc;
  border: 1px solid rgba(0, 0, 0, .1);
  outline: none
}

.jfk-button-standard.jfk-button-disabled {
  background: #fff;
  border: 1px solid #f3f3f3;
  border: 1px solid rgba(0, 0, 0, .05);
  color: #b8b8b8
}

.jfk-button-standard .jfk-button-img {
  opacity: .7
}

.jfk-button-standard.jfk-button-checked .jfk-button-img,
.jfk-button-standard.jfk-button-hover .jfk-button-img,
.jfk-button-standard.jfk-button-selected .jfk-button-img {
  opacity: .9
}

.jfk-button-standard.jfk-button-disabled .jfk-button-img {
  filter: alpha(opacity=33);
  opacity: .333
}





.jfk-alert,
.jfk-confirm,
.jfk-prompt {
  width: 512px
}

.jfk-textinput {
  border-radius: 1px;
  border: 1px solid #d9d9d9;
  border-top: 1px solid silver;
  font-size: 13px;
  height: 25px;
  padding: 1px 8px
}

.jfk-textinput:focus {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
  border: 1px solid #4d90fe;
  outline: none
}

.jfk-textinput::-ms-clear {
  display: none
}

.apps-shortcutshelppopup {
  top: 0;
  z-index: 1002;
  color: #212121;
  font-family: roboto, arial, sans-serif;
  font-size: 13px;
  position: fixed;
  text-align: center;
  background: #fafafa none repeat scroll 0;
  overflow: hidden;
  box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .9), inset 0 -1px 0 rgba(0, 0, 0, .03), 0 15px 10px rgba(0, 0, 0, .15), 0 8px 36px rgba(0, 0, 0, .3);
  border: 1px solid transparent
}

.apps-shortcutshelppopup input {
  font-family: roboto, arial, sans-serif
}

@media print {
  .apps-shortcutshelppopup {
    display: none
  }
}

.apps-shortcutshelppopup-bg {
  display: none;
  left: 0;
  top: 0;
  position: absolute
}

.apps-shortcutshelppopup-container {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 16px 32px;
  width: 800px;
  height: 600px
}

.apps-shortcutshelppopup-content,
.apps-shortcutshelppopup-header {
  border-collapse: collapse;
  width: 100%
}

.apps-shortcutshelppopup-header {
  flex: 0 0 auto;
  border-bottom: 1px solid #e5e5e5;
  text-align: left
}

.apps-shortcutshelppopup-content {
  font-size: 13px;
  outline-offset: -1px
}

.apps-shortcutshelppopup-header-element {
  display: inline-block;
  vertical-align: middle;
  height: 48px
}

.apps-shortcutshelppopup-title-container {
  white-space: nowrap;
  text-align: left
}

.apps-shortcutshelppopup-dialog-title {
  font-size: 16px;
  color: #212121;
  display: inline-block;
  vertical-align: middle
}

.apps-shortcutshelppopup-input {
  font-size: 13px;
  margin-left: 16px;
  margin-right: 0;
  padding: 0 5px;
  vertical-align: middle;
  border-right: none;
  width: 250px;
  height: 27px;
  box-sizing: border-box
}

.apps-shortcutshelppopup-input-button-img {
  height: 21px;
  width: 21px;
  display: inline-block
}

.apps-shortcutshelppopup-input-button {
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  margin-left: 0;
  vertical-align: middle;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  line-height: 25px
}

.apps-shortcutshelppopup-tearoff-link {
  font-size: 13px;
  cursor: pointer;
  text-decoration: underline;
  color: #4581ff;
  vertical-align: middle;
  display: block;
  padding: 16px 0 13px 0;
  font-weight: 700
}

.apps-shortcutshelppopup-close {
  position: absolute;
  top: 0;
  right: 0;
  padding-right: 30px;
  padding-top: 30px
}

.apps-shortcutshelppopup-close .modal-dialog-title-close {
  fill: #5f6368
}

.apps-shortcutshelppopup-close-nav-widget-enabled {
  padding-right: 18px;
  padding-top: 20px
}

.apps-shortcutshelppopup-dialog .modal-dialog-title-close {
  cursor: pointer;
  position: static;
  padding: 0;
  margin: 0;
  margin-left: 32px;
  vertical-align: middle
}

.apps-shortcutshelppopup-dialog .modal-dialog-title-close:after {
  background: none;
  display: none
}

.apps-shortcutshelppopup-search-banner {
  flex: 0 0 auto;
  text-align: left;
  height: 48px;
  padding-top: 12px;
  box-sizing: border-box
}

.apps-shortcutshelppopup-search-banner.apps-shortcutshelppopup-empty-search {
  position: relative;
  left: 0;
  right: 0;
  text-align: center;
  top: 113px;
  height: 48px
}

.apps-shortcutshelppopup-reset-search-button {
  cursor: pointer;
  text-decoration: underline;
  position: relative;
  width: 21px;
  min-width: 21px;
  display: inline-block;
  margin-right: 8px
}

.apps-shortcutshelppopup-reset-search-button-icon {
  height: 21px;
  width: 21px
}

.apps-shortcutshelppopup-search-label {
  margin: 0;
  position: relative;
  font-size: 15px;
  display: inline-block;
  vertical-align: middle
}

.apps-shortcutshelppopup-result-container {
  flex: 1 1 auto;
  overflow: auto
}

.apps-shortcutshelppopup-content-header {
  height: 48px;
  padding-top: 25px;
  text-align: left;
  font-size: 13px;
  color: #212121;
  white-space: nowrap;
  margin: 0;
  box-sizing: border-box
}

.apps-shortcutshelppopup-content-header.apps-shortcutshelppopup-content-header-first {
  height: 32px;
  padding-top: 8px
}

.apps-shortcutshelppopup-content-element {
  text-align: left;
  vertical-align: middle;
  padding-top: .15em;
  border-bottom: 1px solid #ececec;
  height: 32px;
  white-space: nowrap;
  box-sizing: border-box
}

.apps-shortcutshelppopup-shortcut-desc {
  color: #757575
}

.apps-shortcutshelppopup-shortcut-key {
  font-weight: 700
}

.apps-shortcutshelppopup-ac-renderer {
  z-index: 1003;
  font-family: Arial, sans-serif;
  font-size: 13px;
  position: absolute;
  background: #fff;
  border: 1px solid #666;
  box-shadow: 2px 2px 2px hsla(0, 0%, 40%, .4);
  width: 250px;
  box-sizing: border-box
}

.apps-shortcutshelppopup-ac-row {
  cursor: pointer;
  padding: .4em
}

.apps-shortcutshelppopup-ac-renderer .ac-active {
  background-color: #eee
}

.apps-shortcutshelpcontentimpl-container {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  height: 600px;
  width: 800px
}

@media (max-width:832px) {
  .apps-shortcutshelpcontentimpl-container {
    max-width: 95vw
  }
}

@media (max-height:632px) {
  .apps-shortcutshelpcontentimpl-container {
    height: 95vh
  }
}

.apps-shortcutshelpcontentimpl-header {
  flex: 0 0 auto;
  border-bottom: 1px solid rgba(0, 0, 0, .12);
  text-align: left;
  border-collapse: collapse;
  width: 100%;
  padding: 16px 24px;
  box-sizing: border-box
}

.apps-shortcutshelpcontentimpl-header-element {
  display: inline-block;
  vertical-align: middle
}

.apps-shortcutshelpcontentimpl-title-container {
  display: flex;
  white-space: nowrap;
  text-align: left
}

.apps-shortcutshelpcontentimpl-dialog-title {
  font-size: 18px;
  color: rgba(0, 0, 0, .87);
  display: inline-block;
  vertical-align: middle;
  padding: 16px 0;
  margin: 0;
  font-weight: 500
}

.apps-shortcutshelpcontentimpl-search {
  flex-grow: 1;
  display: flex;
  border-radius: 4px;
  margin-left: 16px;
  margin-right: 24px;
  vertical-align: middle;
  height: 48px;
  padding: 0;
  background-color: rgba(0, 0, 0, .05);
  border: 1px solid transparent
}

.apps-shortcutshelpcontentimpl-search-icon {
  width: 24px;
  height: 24px;
  margin: 12px 8px 0 16px
}

.apps-shortcutshelpcontentimpl-search-icon {
  fill: #80868b
}

.apps-shortcutshelpcontentimpl-hc-black .apps-shortcutshelpcontentimpl-reset-search-button-icon svg,
.apps-shortcutshelpcontentimpl-hc-black .apps-shortcutshelpcontentimpl-search-icon svg {
  fill: #fff
}

.apps-shortcutshelpcontentimpl-hc-white .apps-shortcutshelpcontentimpl-reset-search-button-icon svg,
.apps-shortcutshelpcontentimpl-hc-white .apps-shortcutshelpcontentimpl-search-icon svg {
  fill: #000
}

.apps-shortcutshelpcontentimpl-search-focused {
  box-shadow: 0 1px 1px rgba(0, 0, 0, .24);
  background-color: #fff;
  transition: background-color 75ms
}

.apps-shortcutshelpcontentimpl-input {
  border: none;
  background-color: transparent;
  padding: 0 10px;
  flex-grow: 1;
  font-size: 14px;
  height: 46px;
  outline: none;
  box-shadow: none
}

.apps-shortcutshelpcontentimpl-input:focus {
  border: none;
  box-shadow: none
}

.apps-shortcutshelpcontentimpl-tearoff-link-container {
  flex: 0 0 auto;
  padding: 10px;
  border-top: 1px solid rgba(0, 0, 0, .12);
  display: inline-flex;
  justify-content: center;
  align-items: center
}

.apps-shortcutshelpcontentimpl-tearoff-link-container-override-enabled {
  flex: 0 0 50%;
  padding: 10px 0;
  display: inline-flex;
  justify-content: center;
  align-items: center
}

.apps-shortcutshelpcontentimpl-tearoff-link-container-legacy-enabled {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  text-transform: uppercase
}

.apps-shortcutshelpcontentimpl-link {
  font-size: 13px;
  cursor: pointer;
  padding: 9px 16px;
  border-radius: 2px;
  font-weight: 500
}

.apps-shortcutshelpcontentimpl-link,
.apps-shortcutshelpcontentimpl-link:active {
  color: #1a73e8
}

.apps-shortcutshelpcontentimpl-link:hover {
  outline: none
}

.apps-shortcutshelpcontentimpl-link:focus {
  text-decoration: underline
}

.apps-shortcutshelpcontentimpl-link:visited {
  color: #1a73e8
}

.apps-shortcutshelpcontentimpl-override-shortcut-link {
  text-transform: uppercase
}

.apps-shortcutshelpcontentimpl-legacy-shortcut-link {
  display: inline-flex;
  justify-content: center;
  align-items: center
}

.apps-shortcutshelpcontentimpl-override-shortcut-link-disabled {
  cursor: inherit;
  opacity: .6
}

.apps-shortcutshelpcontentimpl-link.apps-shortcutshelpcontentimpl-override-shortcut-link-disabled:focus,
.apps-shortcutshelpcontentimpl-link.apps-shortcutshelpcontentimpl-override-shortcut-link-disabled:hover {
  text-decoration: none
}

.apps-shortcutshelpcontentimpl-search-banner {
  text-align: left;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(0, 0, 0, .12);
  padding: 26px 0
}

.apps-shortcutshelpcontentimpl-reset-search-button {
  cursor: pointer;
  text-decoration: underline;
  position: relative;
  width: 21px;
  min-width: 21px;
  display: inline-block;
  margin: 0 8px;
  padding: 0 8px 0 4px;
  border-color: transparent;
  background-color: transparent;
  background-image: none
}

.apps-shortcutshelpcontentimpl-override-banner {
  padding: 5px 0 0 20px;
  line-height: 16px;
  white-space: pre;
  color: rgba(0, 0, 0, .87)
}

.apps-shortcutshelpcontentimpl-override-shortcut-key {
  font-weight: 700
}

.apps-shortcutshelpcontentimpl-reset-search-button-icon {
  display: inline-block;
  vertical-align: middle;
  height: 22px;
  width: 21px
}

.apps-shortcutshelpcontentimpl-search-label {
  margin: 0;
  position: relative;
  font-size: 19px;
  display: inline-block;
  vertical-align: middle;
  color: rgba(0, 0, 0, .87)
}

.apps-shortcutshelpcontentimpl-ac-renderer {
  z-index: 1003;
  font-family: Arial, sans-serif;
  font-size: 13px;
  font-weight: 400;
  position: absolute;
  background: #fff;
  border: 1px solid #666;
  box-shadow: 2px 2px 2px hsla(0, 0%, 40%, .4);
  width: 250px;
  box-sizing: border-box
}

.apps-shortcutshelpcontentimpl-ac-row {
  cursor: pointer;
  padding: .4em
}

.apps-shortcutshelpcontentimpl-ac-renderer .ac-active {
  background-color: #eee
}

.apps-shortcutshelpcontentimpl-content-container {
  display: flex;
  flex-direction: row;
  flex: 1 1 auto;
  overflow: auto
}

.apps-shortcutshelpcontentimpl-sidebar {
  display: flex;
  flex-direction: column;
  flex: 0 0 192px;
  vertical-align: top;
  position: relative;
  border-right: 1px solid rgba(0, 0, 0, .12);
  overflow-x: hidden;
  overflow-y: auto
}

.apps-shortcutshelpcontentimpl-shortcut-content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  overflow: auto
}

.apps-shortcutshelpcontentimpl-bottom-bar {
  flex: 0 0 auto;
  display: flex;
  border-top: 1px solid rgba(0, 0, 0, .12)
}

.apps-shortcutshelpcontentimpl-override-container {
  flex: 0 0 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  border-left: 1px solid rgba(0, 0, 0, .12);
  border-collapse: collapse;
  padding: 10px 0
}

.apps-shortcutshelpcontentimpl-legacy-help-container {
  display: inline-flex;
  flex: 0 0 50%;
  flex-direction: row;
  justify-content: flex-end
}

.apps-shortcutshelpcontentimpl-override-button-container {
  padding-left: 16px
}

.apps-shortcutshelpcontentimpl-override-label {
  padding: 0 5px 0 17px;
  font-weight: 500;
  color: rgba(0, 0, 0, .87)
}

.apps-shortcutshelpcontentimpl-legacy-label {
  color: rgba(0, 0, 0, .87);
  font-weight: 500;
  padding: 0 15px 0 17px
}

.apps-shortcutshelpcontentimpl-legacy-toggle-container {
  align-items: center;
  box-sizing: border-box;
  display: inline-flex;
  flex: 0 0 50%;
  justify-content: flex-start;
  padding: 0 5px 0 17px
}

.apps-actiondatawidget {
  flex: 1 1 auto;
  overflow: auto;
  position: relative;
  display: inline-block;
  outline: none;
  padding: 0 5px 0 16px
}

.apps-actiondatawidget-key-focused {
  outline: 1px solid rgba(0, 0, 0, .87);
  outline-offset: -1px
}

.apps-actiondatawidget-content {
  font-size: 13px;
  outline-offset: -1px;
  table-layout: fixed;
  border-spacing: 0
}

.apps-actiondatawidget-content-header {
  height: 48px;
  padding-top: 25px;
  text-align: left;
  font-size: 13px;
  color: rgba(0, 0, 0, .87);
  white-space: nowrap;
  margin: 0;
  box-sizing: border-box
}

.apps-actiondatawidget-content-element {
  text-align: left;
  vertical-align: middle;
  border-bottom: 1px solid rgba(0, 0, 0, .12);
  white-space: nowrap;
  box-sizing: border-box;
  padding: 11px 0
}

.apps-actiondatawidget-shortcut-desc {
  font-weight: 400;
  color: rgba(0, 0, 0, .87);
  word-wrap: break-word;
  white-space: normal;
  width: 240px;
  vertical-align: top
}

.apps-actiondatawidget-shortcut-key {
  color: rgba(0, 0, 0, .87);
  width: 310px
}

.apps-actiondatawidget-key-extra-padding {
  display: block;
  padding-bottom: 11px
}

.apps-actiondatawidget-override-keys-on {
  color: rgba(0, 0, 0, .87);
  display: block
}

.apps-actiondatawidget-last-item,
.apps-actiondatawidget-last-item-override-enabled {
  margin-bottom: 2px
}

.apps-actiondatawidget-last-row {
  height: 100%
}

.apps-actiondatawidget-override-keys-off {
  color: #bbb;
  display: block
}

.apps-actiondatawidget-override-info-icon {
  height: 17px;
  width: 17px;
  float: right;
  display: block
}

.apps-actiondatawidget-override-info-svg {
  height: 17px;
  width: 17px;
  fill: #bbb
}

.apps-shortcutshelpcontentimpl-hc-black .apps-actiondatawidget-override-info-svg {
  fill: #fff
}

.apps-actiondatawidget-override-keys-on .apps-actiondatawidget-override-info-svg {
  fill: #1a73e8
}

.jfk-tooltip.apps-actiondatawidget-override-info-icon-tooltip,
.jfk-tooltip.apps-actiondatawidget-override-info-icon-tooltip-legacy,
.jfk-tooltip.apps-actiondatawidget-override-info-icon-tooltip-unsupported {
  background-color: #727272;
  padding: 7px 8px
}

.jfk-tooltip.apps-actiondatawidget-override-info-icon-tooltip {
  width: 230px
}

.jfk-tooltip.apps-actiondatawidget-override-info-icon-tooltip-unsupported {
  width: 182px
}

.jfk-tooltip.apps-actiondatawidget-override-info-icon-tooltip-legacy {
  width: 190px
}

.apps-actiondatawidget-override-tooltip-text {
  line-height: 17px
}

.apps-actiondatawidget-override-info-icon-tooltip .jfk-tooltip-arrowdown .jfk-tooltip-arrowimplafter {
  border-color: #727272 transparent
}

.apps-actiondatawidget-override-browser-behavior-msg {
  color: #c5dbff
}

.apps-navigationwidget {
  flex: 1 1 auto;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  padding-top: 4px;
  color: rgba(0, 0, 0, .87);
  outline: transparent
}

.apps-navigationwidget-item {
  min-height: 33px;
  line-height: 24px;
  padding: 12px 1px 1px 24px
}

.apps-navigationwidget-item-selected {
  color: #1a73e8;
  font-weight: 500;
  outline: 1px solid transparent;
  outline-offset: -2px
}

.apps-navigationwidget-item-hover {
  cursor: pointer;
  background-color: #eee;
  outline: 1px dotted transparent;
  outline-offset: -2px
}

.apps-navigationwidget-item-disabled {
  opacity: .2
}

:root {
  --companion-shell-width: 300px
}

.companion-shell {
  background-color: #fff;
  box-sizing: border-box;
  height: 100%;
  width: var(--companion-shell-width, 300px)
}

.companion-shell:not(.companion-server-render) {
  display: flex;
  flex-direction: column
}

.companion-shell-addon-content-container,
.companion-shell-guest-content-container,
.companion-shell-native-content-container {
  height: 100%
}

.companion-shell.companion-shell-overlay-content {
  border: 0;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
  opacity: 1
}

.companion-shell-app-switcher {
  bottom: 0;
  left: 0;
  position: absolute
}

.companion-shell-guest-container {
  display: flex;
  flex-direction: column;
  height: 100%
}

.companion-drive-onepick-bg {
  background-color: #000;
  left: 0;
  opacity: .32;
  position: absolute;
  top: 0;
  z-index: 1003
}

.companion-drive-onepick {
  background: #fff;
  background-clip: padding-box;
  border-radius: 28px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .2);
  border: 1px solid rgba(0, 0, 0, .333);
  outline: 0;
  position: absolute;
  padding: 30px 42px;
  z-index: 1004
}

.companion-drive-onepick .picker-close-button,
.companion-drive-onepick-buttons {
  display: none
}

.companion-drive-onepick-content {
  background-color: #fff
}

.companion-drive-onepick .picker-api-container,
.companion-drive-onepick .picker-iframe-container {
  height: 100%;
  width: 100%;
  position: relative
}

.request-file-scope-modal-container {
  align-items: center;
  background-color: rgba(0, 0, 0, .5);
  display: flex;
  height: 100%;
  position: absolute;
  top: 0;
  width: 300px
}

.request-file-scope-modal {
  background: #fff;
  border-radius: 8px;
  display: flex;
  margin: 8px;
  min-height: 100px;
  padding: 24px 8px;
  width: 100%
}

.request-file-scope-modal-icon-container {
  margin-top: -4px;
  padding-right: 8px
}

.request-file-scope-modal-icon {
  height: 48px;
  width: 48px
}

.request-file-scope-modal-prompt {
  font-weight: 700;
  line-height: 16px;
  padding-bottom: 16px
}

.request-file-scope-modal-description {
  line-height: 16px;
  padding-bottom: 16px;
  word-break: break-all
}

.request-file-scope-modal-buttons {
  text-align: right;
  text-transform: uppercase
}

.docs-emoji-picker {
  align-items: flex-start;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);
  cursor: default;
  display: flex;
  flex-direction: column;
  padding: 0
}

.docs-emoji-picker .docs-emoji-picker-emoji-buttons {
  align-items: flex-start;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  max-height: 100%;
  margin: 0 0 0 16px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 5px 0 5px
}

.docs-emoji-picker-emoji-container {
  height: 284px;
  width: 100%
}

.docs-emoji-picker-no-search-results {
  color: #5f6368;
  cursor: default;
  display: flex;
  justify-content: center;
  padding: 15px 15px 0
}

.docs-emoji-picker-quick-pick-container {
  align-items: center;
  border-top: 1px solid #dadce0;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  height: 46px;
  justify-content: center;
  left: 0;
  position: static;
  width: 392px
}

.docs-emoji-picker-quick-pick-container .docs-emoji-picker-quick-pick-emoji-buttons {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 5px 0 5px
}

.docs-emoji-picker-search {
  align-items: center;
  display: flex;
  flex-direction: row;
  height: 64px;
  left: 0;
  position: static;
  top: 0;
  width: 392px
}

.docs-emoji-picker-search-bar-container {
  align-items: center;
  border: 1px solid #dadce0;
  border-radius: 34px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  height: 36px;
  left: 16px;
  margin: 16px;
  padding: 8px 16px;
  position: static;
  top: 16px;
  width: 360px
}

.docs-emoji-picker-search-bar,
.docs-emoji-picker-search-input,
.docs-emoji-picker-search-input-container {
  width: 100%
}

.docs-emoji-picker-textarea {
  align-items: center;
  border: none;
  display: flex;
  flex-direction: row;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  height: 16px;
  left: 16px;
  padding-left: 5px;
  position: static;
  resize: none;
  top: 8px;
  width: 123px
}

.docs-emoji-picker-textarea:focus {
  outline: none
}

.docs-emoji-picker-categories {
  align-items: flex-end;
  border-top: 1px solid #dadce0;
  border-bottom: 1px solid #dadce0;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  height: 44px;
  justify-content: center;
  left: 0;
  position: static;
  width: 392px;
  top: 64px
}

.docs-emoji-picker-categories-container {
  align-items: flex-start;
  background: #fff;
  display: flex;
  flex-direction: row;
  height: 44px;
  justify-content: center;
  left: 0;
  padding: 0 34px 0 34px;
  position: static;
  top: 64px;
  width: 392px
}

.docs-emoji-picker-tabbar {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  height: 44px;
  justify-content: center;
  left: 0;
  padding: 0 34px 0 34px;
  position: static;
  top: 64px;
  width: 392px
}

.docs-emoji-picker-tabbar .docs-tabbar-tab-hover {
  background-color: rgba(66, 133, 244, .12)
}

.docs-emoji-picker-tabbar .docs-tabbar-tab {
  height: 36px;
  min-width: 36px;
  padding: 0 0;
  width: 36px
}

.docs-emoji-picker-tabbar:focus-visible {
  outline: none
}

.docs-emoji-picker-tabbar .docs-tabbar-tab-selected {
  border-bottom: 2px solid #1a73e8
}

.docs-emoji-picker .docs-emoji-counter-button-icon {
  height: 30px;
  padding: 0;
  width: 30px
}

.docs-emoji-picker .docs-material-button {
  align-items: center;
  border-radius: 50%;
  display: flex;
  height: 40px;
  justify-content: center;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 40px
}

.docs-emoji-picker .docs-material-button .docs-material-button-content {
  align-items: center;
  display: flex
}

.docs-emoji-picker-category-title {
  align-items: center;
  color: #5f6368;
  display: flex;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  height: 24px;
  letter-spacing: .8px;
  line-height: 16px;
  margin: 9px 9px;
  size: 11px;
  text-transform: uppercase;
  width: 100%
}

.docs-emoji-picker-category-container {
  display: flex;
  flex-wrap: wrap
}

.docs-emoji-picker-loading {
  background-image: url(//ssl.gstatic.com/docs/common/loading_animation.gif);
  height: 50px;
  margin: auto;
  width: 50px
}

.docs-emoji-picker-category-container-control {
  max-width: 100%;
  width: 100%
}

.docs-emoji-picker-category-loading {
  background-image: url(//ssl.gstatic.com/docs/common/loading_animation.gif);
  height: 50px;
  margin: auto;
  width: 50px
}

.docs-emoji-picker-emoji-container-pointerless .docs-emoji-picker-category-container-control {
  pointer-events: none
}

.docs-emoji-picker-category-tab-icon .docs-icon {
  height: 24px !important;
  width: 24px !important
}

.docs-emoji-picker-variants-popup {
  align-items: flex-end;
  background-color: #fff;
  border: 1px solid #bdc1c6;
  border-radius: 10px;
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);
  display: flex;
  outline: none;
  position: absolute;
  visibility: hidden;
  width: auto
}

.docs-emoji-picker-variants-popup .docs-emoji-variants-popup-emoji-container .goog-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row
}

.docs-emoji-variants-popup-skin-tone-horizontal {
  display: flex;
  justify-content: space-around;
  margin-top: 5px
}

.docs-emoji-variants-popup-skin-tone-vertical {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  margin-top: 13px
}

.docs-emoji-picker-bubble {
  position: absolute;
  z-index: 1002
}

.docs-generativeai-preview-bubble-container {
  position: absolute;
  z-index: 8
}

.docs-generativeai-preview-bubble {
  background-color: #fff;
  border-radius: 30px;
  box-shadow: 0 4px 8px 3px rgba(0, 0, 0, .15), 0 1px 3px rgba(0, 0, 0, .3);
  display: flex;
  left: 0;
  margin: 2px 0 0 0;
  position: absolute;
  height: 36px
}

.docs-generativeai-preview-bubble-content {
  align-items: center;
  display: flex;
  margin: 0 12px 0 20px
}

.docs-generativeai-preview-bubble.docs-generativeai-bubble-rtl {
  left: unset;
  right: 0
}

.docs-generativeai-action-button.docs-material-button {
  align-items: center;
  border-radius: 100%;
  display: flex;
  height: 32px;
  justify-content: center;
  width: 32px
}

.docs-generativeai-action-button .docs-icon {
  margin-left: 2px
}

.docs-generativeai-text-button .docs-gm3-filled-button.docs-gm3-button,
.docs-generativeai-text-button .docs-gm3-outlined-button.docs-gm3-button {
  display: flex;
  font-size: 12px;
  font-weight: 500;
  height: 24px;
  line-height: 16px;
  margin: 0 4px 0 4px;
  min-width: 58px;
  padding: 4px 12px 4px 12px
}

.docs-generativeai-text-button .button-content-with-icons-flex-box {
  align-items: center
}

.docs-generativeai-text-button .docs-gm3-outlined-button.docs-gm3-button {
  color: #1f1f1f
}

.docs-generativeai-bubble-separator {
  background: #747775;
  height: 16px;
  margin: 0 20px 0 20px;
  width: 1px
}

.docs-generativeai-bubble-rating {
  align-items: center;
  display: flex
}

.docs-generativeai-bubble-sources-button {
  margin: 0 12px 0 0;
  padding: 0 0 0 8px
}

.docs-generativeai-bubble-sources-button .docs-material-menu-button-flat-primary-caption {
  text-transform: capitalize
}

.docs-generativeai-bubble-sources-button .docs-material-menu-button-flat-primary-dropdown {
  vertical-align: middle
}

.docs-gm .goog-menu .goog-menuitem.sources-menu-item-with-flat {
  padding: 6px 15px 6px 15px
}

.docs-generativeai-bubble-sources-button .docs-material-menu-button-flat-primary-caption,
.docs-gm .goog-menu .goog-menuitem.sources-menu-item-with-flat {
  color: #1f1f1f;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500
}

.docs-generativeai-action-button.docs-generativeai-bubble-thumbs-down-button .docs-icon,
.docs-generativeai-action-button.docs-generativeai-bubble-thumbs-up-button .docs-icon {
  height: 24px;
  width: 24px
}

.docs-generativeai-preview-skrim {
  background: rgba(31, 31, 31, .6)
}

div.docs-generativeai-onboarding-dialog-bg {
  z-index: 1004
}

div.docs-generativeai-onboarding-dialog {
  max-height: 100vh;
  display: flex;
  flex-direction: column;
  z-index: 1005
}

.docs-generativeai-onboarding-dialog.docs-generativeai-onboarding-dialog-consumer-user {
  width: 460px
}

.docs-generativeai-onboarding-dialog:not(.docs-generativeai-onboarding-dialog-consumer-user) {
  width: 504px
}

.docs-generativeai-onboarding-dialog.docs-imagen-4-juno-promo-container {
  border-radius: 28px;
  width: 480px
}

.docs-generativeai-onboarding-dialog.sidekick-grv2-promo-container {
  width: 480px;
  border-radius: 16px;
  padding-top: 12px
}

.docs-generativeai-onboarding-dialog .docs-material-gm-dialog-content {
  padding-bottom: 0;
  overflow-y: auto
}

.docs-generativeai-onboarding-dialog-content {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-family: Roboto, sans-serif;
  justify-content: center;
  overflow-y: auto
}

.docs-generativeai-onboarding-dialog.docs-imagen-4-juno-promo-container .docs-generativeai-onboarding-dialog-content {
  gap: 16px
}

.docs-generativeai-onboarding-dialog .docs-material-gm-dialog-title {
  padding-bottom: 0;
  padding-top: 12px
}

.docs-generativeai-onboarding-dialog.docs-imagen-4-juno-promo-container .docs-material-gm-dialog-title {
  height: 24px;
  padding-top: 24px;
  padding-bottom: 16px
}

.docs-generativeai-onboarding-dialog-image {
  height: 300px
}

.docs-imagen-4-juno-promo-container .docs-generativeai-onboarding-dialog-image {
  width: 432px;
  border-radius: 24px;
  margin-block-end: 8px
}

.sidekick-grv2-promo-container .docs-generativeai-onboarding-dialog-image {
  width: 432px
}

.docs-generativeai-onboarding-dialog-privacy-footer-icon-container.icon-20X20.docs-icon {
  margin-right: 4px
}

.docs-generativeai-onboarding-dialog-workspace-logos {
  height: 20px;
  padding-bottom: 16px;
  padding-top: 16px
}

.docs-generativeai-onboarding-dialog-title {
  color: #1f1f1f;
  font-family: Roboto, sans-serif;
  font-size: 22px;
  font-weight: unset;
  margin: 16px 0 16px 0;
  min-height: 28px;
  text-align: center
}

.docs-imagen-4-juno-promo-container .docs-generativeai-onboarding-dialog-title {
  font-size: 24px;
  margin: 0;
  text-align: left
}

.docs-generativeai-onboarding-dialog-text {
  color: #747775;
  display: inline;
  line-height: 20px;
  max-width: 440px;
  padding-left: 8px;
  padding-right: 8px;
  row-gap: 20px;
  text-align: center
}

.docs-imagen-4-juno-promo-container .docs-generativeai-onboarding-dialog-text {
  color: #444746;
  padding-left: 0;
  padding-right: 0;
  text-align: left
}

.docs-imagen-4-juno-promo-container .docs-generativeai-onboarding-dialog-text p {
  margin: 0
}

.docs-imagen-4-juno-promo-container .docs-generativeai-onboarding-dialog-text p+p {
  margin-block-start: 1em
}

.docs-generativeai-onboarding-dialog-text ul {
  text-align: left;
  padding-inline-start: 24px
}

.docs-generativeai-onboarding-dialog-subtext {
  border-radius: 8px;
  border: 1px solid #c4c7c5;
  color: #747775;
  display: inline;
  font-size: 12px;
  line-height: 20px;
  margin-top: 16px;
  width: 404px;
  padding: 12px 14px;
  row-gap: 20px
}

.sidekick-grv2-promo-container .docs-generativeai-onboarding-dialog-text {
  color: #1f1f1f
}

.sidekick-grv2-promo-container .docs-gm3-button {
  margin: 0
}

.sidekick-grv2-promo-container .docs-material-gm-dialog-buttons {
  column-gap: 7px
}

.docs-generativeai-onboarding-dialog-privacy-footer {
  align-items: center;
  color: #747775;
  display: flex;
  font-size: 12px;
  line-height: 20px;
  margin-top: 16px
}

.docs-generativeai-onboarding-dialog-privacy-footer a {
  color: #747775;
  text-decoration: underline
}

.docs-generativeai-onboarding-dialog-text>div:last-child {
  margin-bottom: 10px
}

.docs-material-gm-dialog-buttons {
  align-items: center
}

.docs-material-gm-dialog-buttons .docs-gm3-button:focus-visible {
  outline-offset: 2px;
  outline: 3px solid #174ea6
}

.docs-generativeai-onboarding-dialog-opt-out-button-container {
  flex: auto
}

.docs-generativeai-onboarding-dialog-opt-out-button {
  display: inline-flex
}

.add-on-host-client-not-supported,
.add-on-host-container,
.add-on-host-content,
.add-on-host-failure,
.add-on-host-loading,
.add-on-host-offline,
.send-time-add-on-host-failure,
.send-time-add-on-host-offline {
  height: 100%;
  width: 100%
}

.add-on-host-container {
  outline: none;
  position: relative
}

.add-on-host-content,
.add-on-host-extra-content-container {
  bottom: 0;
  left: 0;
  outline: none;
  position: absolute
}

.add-on-host-content {
  outline: none;
  position: absolute
}

.add-on-host-non-content-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%
}

.add-on-host-non-content-wrapper.isHidden {
  visibility: hidden
}

.add-on-host-views-container {
  flex: 1 1 auto;
  position: relative
}

.add-on-host-client-not-supported,
.add-on-host-failure,
.add-on-host-loading,
.add-on-host-offline,
.send-time-add-on-host-failure,
.send-time-add-on-host-offline {
  align-items: center;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  text-align: center
}

.add-on-host-screen {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding: 16px;
  text-align: center;
  width: 100%
}

.add-on-host-screen-image {
  width: 75px;
  height: 75px
}

.add-on-host-screen-svg {
  fill: #5f6368
}

.add-on-host-screen-primary-message {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  height: 48px;
  letter-spacing: .2px;
  line-height: 24px;
  margin: 40px 0 0 0
}

.add-on-host-screen-secondary-message {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  height: 32px;
  letter-spacing: .3px;
  line-height: 16px
}

.add-on-host-clickable {
  color: #4285f4;
  cursor: pointer;
  font-size: inherit;
  outline: none;
  background: transparent;
  border: none
}

.add-on-host-retry,
.send-time-add-on-host-failure-send,
.send-time-add-on-host-offline-send {
  bottom: 48px;
  position: absolute;
  text-transform: uppercase
}

.add-on-host-loading.add-on-host-loading-hidden {
  visibility: hidden
}

.add-on-host-offline-snack-bar {
  background: #202124;
  bottom: 0;
  color: #fff;
  height: 112px;
  position: fixed;
  transition: transform .218s ease-in-out;
  width: 100%;
  z-index: 99999
}

.add-on-host-offline-snack-bar.add-on-host-offline-snack-bar-hidden {
  transform: translateY(120%)
}

.add-on-host-offline-snack-bar-content__description {
  font-family: Roboto, Arial, sans-serif;
  font-size: 14px;
  letter-spacing: .2px;
  line-height: 20px;
  margin: 24px 24px 0;
  vertical-align: top
}

.add-on-host-offline-snack-bar-content__btn {
  background: #202124;
  border: none;
  color: #fff;
  cursor: pointer;
  font-family: Roboto, Arial, sans-serif;
  font-size: 16px;
  letter-spacing: .2px;
  line-height: 16px;
  margin: 5px 16px 12px 218px;
  outline: none;
  padding: 8px;
  vertical-align: top
}

.appsAddonsHostCompanionContentholderEl {
  height: 100%;
  position: relative;
  width: 100%
}

.jfk-bubble {
  box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
  background-color: #fff;
  border: 1px solid;
  border-color: #bbb #bbb #a8a8a8;
  padding: 16px;
  position: absolute
}

.jfk-bubble.jfk-bubble.jfk-bubble {
  z-index: 1201
}

.jfk-bubble-closebtn {
  background: url(//ssl.gstatic.com/ui/v1/icons/common/x_8px.png) no-repeat;
  border: 1px solid transparent;
  height: 21px;
  opacity: .4;
  outline: 0;
  position: absolute;
  right: 2px;
  top: 2px;
  width: 21px
}

.jfk-bubble-closebtn:focus {
  border: 1px solid #4d90fe;
  opacity: .8
}

.jfk-bubble-arrow {
  position: absolute
}

.jfk-bubble-arrow .jfk-bubble-arrowimplafter,
.jfk-bubble-arrow .jfk-bubble-arrowimplbefore {
  display: block;
  height: 0;
  position: absolute;
  width: 0
}

.jfk-bubble-arrow .jfk-bubble-arrowimplbefore {
  border: 9px solid
}

.jfk-bubble-arrow .jfk-bubble-arrowimplafter {
  border: 8px solid
}

.jfk-bubble-arrowdown {
  bottom: 0
}

.jfk-bubble-arrowup {
  top: -9px
}

.jfk-bubble-arrowleft {
  left: -9px
}

.jfk-bubble-arrowright {
  right: 0
}

.jfk-bubble-arrowdown .jfk-bubble-arrowimplbefore,
.jfk-bubble-arrowup .jfk-bubble-arrowimplbefore {
  border-color: #bbb transparent;
  left: -9px
}

.jfk-bubble-arrowdown .jfk-bubble-arrowimplbefore {
  border-color: #a8a8a8 transparent;
  border-bottom-width: 0
}

.jfk-bubble-arrowdown .jfk-bubble-arrowimplafter,
.jfk-bubble-arrowup .jfk-bubble-arrowimplafter {
  border-color: #fff transparent;
  left: -8px
}

.jfk-bubble-arrowdown .jfk-bubble-arrowimplafter {
  border-bottom-width: 0
}

.jfk-bubble-arrowup .jfk-bubble-arrowimplbefore {
  border-top-width: 0
}

.jfk-bubble-arrowup .jfk-bubble-arrowimplafter {
  border-top-width: 0;
  top: 1px
}

.jfk-bubble-arrowleft .jfk-bubble-arrowimplbefore,
.jfk-bubble-arrowright .jfk-bubble-arrowimplbefore {
  border-color: transparent #bbb;
  top: -9px
}

.jfk-bubble-arrowleft .jfk-bubble-arrowimplafter,
.jfk-bubble-arrowright .jfk-bubble-arrowimplafter {
  border-color: transparent #fff;
  top: -8px
}

.jfk-bubble-arrowleft .jfk-bubble-arrowimplbefore {
  border-left-width: 0
}

.jfk-bubble-arrowleft .jfk-bubble-arrowimplafter {
  border-left-width: 0;
  left: 1px
}

.jfk-bubble-arrowright .jfk-bubble-arrowimplafter,
.jfk-bubble-arrowright .jfk-bubble-arrowimplbefore {
  border-right-width: 0
}

.appsAddonsHostCompanionPromobubblePromobubblemanagerButton {
  float: right;
  margin-top: 8px;
  padding: 0
}

.appsAddonsHostCompanionPromobubblePromobubblemanagerBubble {
  outline: none
}

.companion-app-switcher-container .CSS_GSUITE_ADDONS_INSTALLATION_PROMO {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  background-color: #1a73e8;
  border-radius: 8px;
  border-width: 0;
  box-shadow: 0 1px 2px 0 rgba(26, 115, 232, .3), 0 2px 6px 2px rgba(26, 115, 232, .15);
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: .875rem;
  letter-spacing: .25px;
  padding: 12px 16px 8px;
  width: 288px
}

.companion-app-switcher-container.companion-app-switcher-container.companion-app-switcher-container .CSS_GSUITE_ADDONS_INSTALLATION_PROMO .jfk-button {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  background: #1a73e8;
  color: #fff;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  letter-spacing: .25px;
  line-height: 20px;
  margin: 0 -8px;
  padding: 4px 8px
}

.CSS_GSUITE_ADDONS_INSTALLATION_PROMO .jfk-button:before {
  background: #fff;
  border-radius: 4px;
  content: "";
  display: block;
  opacity: 0;
  position: absolute;
  transform: scale(0);
  transition-duration: .15s;
  transition-timing-function: .15s;
  transition-property: transform, opacity;
  z-index: -1
}

.CSS_GSUITE_ADDONS_INSTALLATION_PROMO .jfk-button-disabled {
  color: rgba(60, 64, 67, .38);
  cursor: default
}

.CSS_GSUITE_ADDONS_INSTALLATION_PROMO .jfk-button-disabled:before {
  opacity: 0
}

.CSS_GSUITE_ADDONS_INSTALLATION_PROMO .jfk-button-hover:before {
  opacity: .06;
  transform: scale(1)
}

.CSS_GSUITE_ADDONS_INSTALLATION_PROMO .jfk-button-focused:before {
  opacity: .12
}

.CSS_GSUITE_ADDONS_INSTALLATION_PROMO .jfk-button-active:before {
  opacity: .12
}

.companion-app-switcher-container .CSS_GSUITE_ADDONS_INSTALLATION_PROMO .jfk-bubble-arrowimplafter,
.companion-app-switcher-container .CSS_GSUITE_ADDONS_INSTALLATION_PROMO .jfk-bubble-arrowimplbefore {
  border-color: transparent #1a73e8
}

.CSS_GSUITE_ADDONS_TITLE {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: #fff;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: .25px;
  margin: 0;
  margin-bottom: 4px
}

.CSS_GSUITE_ADDONS_CONTENT {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: hsla(0, 0%, 100%, .902);
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: .875rem;
  letter-spacing: .2px;
  line-height: 20px
}

.appsAddonsHostGsmAppfindercontainerEl {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 6000
}

.appsAddonsHostGsmAppfindercontainerMask {
  background: #fff;
  height: 100%;
  left: 0;
  opacity: .5;
  position: absolute;
  top: 0;
  width: 100%
}

.appsAddonsHostGsmAppfindercontainerContent {
  border-radius: 4px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .2);
  outline: none;
  overflow: hidden;
  position: relative;
  z-index: 0
}

.appsAddonsHostGsmAppfindercontainerLoadingScreen {
  align-items: center;
  background: #fff;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.appsAddonsHostGsmAppfindercontainerLoadingScreenCloseBtn {
  background: transparent;
  border: 0;
  cursor: pointer;
  margin: 16px;
  outline: none;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0
}

.appsAddonsHostGsmAppfindercontainerLoadingScreenCloseIcon {
  fill: #000;
  height: 20px;
  opacity: .54;
  width: 20px
}

.CSS_ADD_ONS_ELLIPSES {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.add-on-host-headerbar.companion-shell-header {
  border: none;
  height: 40px;
  padding: 0 16px
}

.add-on-host-headerbar .companion-shell-header-element.companion-shell-title-container {
  line-height: 20px
}

.add-on-host-headerbar .companion-shell-title-text.companion-shell-title-big {
  font-size: 16px
}

.add-on-host-headerbar .companion-shell-header-element.companion-shell-close-button {
  align-items: center;
  display: flex;
  height: 32px;
  justify-content: center;
  margin: 0;
  width: 32px
}

.add-on-host-headerbar .companion-shell-header-svg-icon {
  width: 20px;
  height: 20px
}

.add-on-host-headerbar.companion-shell-header.add-on-host-headerbar-companion-style {
  height: 64px;
  padding: 0 10px
}

.add-on-host-headerbar.add-on-host-headerbar-companion-style .companion-shell-header-element.companion-shell-close-button {
  width: 40px;
  height: 40px
}

.CSS_ADD_ONS_SPINNER_CONTAINER {
  height: 44px;
  overflow: hidden;
  position: relative;
  width: 100%
}

.CSS_ADD_ONS_QUANTUM_SPINNER {
  height: 28px;
  position: absolute;
  top: 8px;
  width: 28px
}

.CSS_ADD_ONS_QUANTUM_SPINNER.CSS_ADD_ONS_SPINNER_ACTIVE {
  animation: container-rotate 1568ms linear infinite
}

.CSS_ADD_ONS_SPINNER_VCENTER {
  align-self: center
}

.CSS_ADD_ONS_SPINNER_LAYER {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0
}

.CSS_ADD_ONS_SPINNER_BLUE {
  border-color: #4285f4
}

.CSS_ADD_ONS_SPINNER_RED {
  border-color: #db4437
}

.CSS_ADD_ONS_SPINNER_YELLOW {
  border-color: #f4b400
}

.CSS_ADD_ONS_SPINNER_GREEN {
  border-color: #0f9d58
}

.CSS_ADD_ONS_SPINNER_ACTIVE .CSS_ADD_ONS_SPINNER_LAYER.CSS_ADD_ONS_SPINNER_BLUE {
  animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.CSS_ADD_ONS_SPINNER_ACTIVE .CSS_ADD_ONS_SPINNER_LAYER.CSS_ADD_ONS_SPINNER_RED {
  animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.CSS_ADD_ONS_SPINNER_ACTIVE .CSS_ADD_ONS_SPINNER_LAYER.CSS_ADD_ONS_SPINNER_YELLOW {
  animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.CSS_ADD_ONS_SPINNER_ACTIVE .CSS_ADD_ONS_SPINNER_LAYER.CSS_ADD_ONS_SPINNER_GREEN {
  animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.CSS_ADD_ONS_SPINNER_GAP_PATCH {
  position: absolute;
  box-sizing: border-box;
  top: 0;
  width: 10%;
  height: 100%;
  overflow: hidden;
  border-color: inherit
}

.CSS_ADD_ONS_SPINNER_GAP_PATCH .CSS_ADD_ONS_SPINNER_CIRCLE {
  width: 1000%
}

.CSS_ADD_ONS_CIRCLE_CLIPPER {
  display: inline-block;
  position: relative;
  width: 50%;
  height: 100%;
  overflow: hidden;
  border-color: inherit
}

.CSS_ADD_ONS_CIRCLE_CLIPPER .CSS_ADD_ONS_SPINNER_CIRCLE {
  width: 200%
}

.CSS_ADD_ONS_SPINNER_CIRCLE {
  box-sizing: border-box;
  height: 100%;
  border-width: 3px;
  border-style: solid;
  border-color: inherit;
  border-bottom-color: transparent;
  border-radius: 50%;
  animation: none
}

.CSS_ADD_ONS_CIRCLE_CLIPPER.CSS_ADD_ONS_SPINNER_LEFT .CSS_ADD_ONS_SPINNER_CIRCLE {
  transform: rotate(129deg)
}

.CSS_ADD_ONS_CIRCLE_CLIPPER.CSS_ADD_ONS_SPINNER_RIGHT .CSS_ADD_ONS_SPINNER_CIRCLE {
  transform: rotate(-129deg)
}

.CSS_ADD_ONS_SPINNER_FIT {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0
}

@keyframes white-fade-in-out {
  0% {
    opacity: 1
  }

  25% {
    opacity: 1
  }

  26% {
    opacity: 0
  }

  89% {
    opacity: 0
  }

  90% {
    opacity: 1
  }

  to {
    opacity: 1
  }
}

.CSS_ADD_ONS_QUANTUM_SPINNER {
  left: 50%;
  margin-left: -14px
}

.CSS_ADD_ONS_SPINNER_GAP_PATCH {
  left: 45%
}

.CSS_ADD_ONS_SPINNER_GAP_PATCH .CSS_ADD_ONS_SPINNER_CIRCLE {
  left: -450%
}

.CSS_ADD_ONS_CIRCLE_CLIPPER.CSS_ADD_ONS_SPINNER_LEFT .CSS_ADD_ONS_SPINNER_CIRCLE {
  border-right-color: transparent
}

.CSS_ADD_ONS_CIRCLE_CLIPPER.CSS_ADD_ONS_SPINNER_RIGHT .CSS_ADD_ONS_SPINNER_CIRCLE {
  left: -100%;
  border-left-color: transparent
}

.CSS_ADD_ONS_SPINNER_ACTIVE .CSS_ADD_ONS_CIRCLE_CLIPPER.CSS_ADD_ONS_SPINNER_LEFT .CSS_ADD_ONS_SPINNER_CIRCLE {
  animation: left-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.CSS_ADD_ONS_SPINNER_ACTIVE .CSS_ADD_ONS_CIRCLE_CLIPPER.CSS_ADD_ONS_SPINNER_RIGHT .CSS_ADD_ONS_SPINNER_CIRCLE {
  animation: right-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.docs-material-button {
  box-sizing: border-box;
  transition: box-shadow .28s cubic-bezier(.4, 0, .2, 1);
  border-radius: 2px;
  border: none;
  cursor: pointer;
  display: inline-block;
  font: 500 13px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  height: 32px;
  line-height: 32px;
  margin: 0 4px;
  overflow: hidden;
  outline: none;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle
}

.docs-material-button-content {
  position: relative
}

.docs-material-button-ripple-element {
  border-radius: 50%;
  left: 50%;
  opacity: 0;
  padding-bottom: 200%;
  position: absolute;
  top: 50%;
  transition: transform 0s linear .2s, opacity .2s ease-in;
  width: 200%
}

.docs-material-button-ripple-effect>.docs-material-button-ripple-element {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  transition: transform .35s ease-out, opacity 0s linear;
  visibility: visible
}

.docs-material-button-disabled {
  box-shadow: none;
  cursor: default
}

.docs-material-button-flat-dark,
.docs-material-button-flat-default,
.docs-material-button-flat-primary,
.docs-material-button-text-default {
  background-color: transparent;
  padding: 0 8px
}

.docs-material-button-raised-default,
.docs-material-button-raised-primary {
  padding: 0 16px
}

.docs-material-button-hover.docs-material-button-raised-default,
.docs-material-button-hover.docs-material-button-raised-primary {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2)
}

.docs-material-button-active.docs-material-button-raised-default,
.docs-material-button-active.docs-material-button-raised-primary {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2)
}

.docs-material-button-raised-primary {
  background-color: #4285f4;
  color: #fff
}

.docs-material-button-flat-primary {
  color: #4285f4
}

.docs-material-button-flat-default {
  color: rgba(0, 0, 0, .54)
}

.docs-material-button-flat-dark {
  color: #fff
}

.docs-material-button-hover.docs-material-button-flat-primary {
  background-color: rgba(66, 133, 244, .12)
}

.docs-material-button-hover.docs-material-button-flat-dark {
  background-color: hsla(0, 0%, 100%, .1)
}

.docs-material-button-active.docs-material-button-flat-primary {
  color: #3367d6
}

.docs-material-button-hover.docs-material-button-text-default {
  background-color: rgba(66, 133, 244, .04)
}

.docs-material-button-focused.docs-material-button-text-default {
  background-color: rgba(66, 133, 244, .12)
}

.docs-material-button-active.docs-material-button-text-default {
  background-color: rgba(66, 133, 244, .1)
}

.docs-material-button-raised-primary.docs-material-button-focused {
  border: 1px inset rgba(0, 0, 0, .38);
  background: #3b78e7;
  line-height: 30px;
  padding: 0 15px
}

.docs-material-button-raised-default.docs-material-button-focused {
  border: 1px solid #4285f4;
  line-height: 30px;
  padding: 0 15px
}

.docs-material-button-flat-default.docs-material-button-focused,
.docs-material-button-flat-primary.docs-material-button-focused {
  border: 1px solid #4285f4;
  line-height: 30px;
  padding: 0 7px
}

.docs-material-button-flat-dark.docs-material-button-focused {
  border: 1px solid #fff;
  line-height: 30px;
  padding: 0 7px
}

.docs-material-button.docs-material-button-focused.docs-material-button-no-focus-border {
  border: none;
  line-height: 32px
}

.docs-material-button-raised-default.docs-material-button-focused.docs-material-button-no-focus-border,
.docs-material-button-raised-primary.docs-material-button-focused.docs-material-button-no-focus-border {
  padding: 0 16px
}

.docs-material-button-flat-dark.docs-material-button-focused.docs-material-button-no-focus-border,
.docs-material-button-flat-default.docs-material-button-focused.docs-material-button-no-focus-border,
.docs-material-button-flat-primary.docs-material-button-focused.docs-material-button-no-focus-border {
  padding: 0 8px
}

.docs-material-button-hover.docs-material-button-flat-default {
  background-color: rgba(0, 0, 0, .12)
}

.docs-material-button-active.docs-material-button-flat-default {
  color: rgba(0, 0, 0, .87)
}

.docs-material-button-raised-default {
  background-color: rgba(0, 0, 0, .04);
  color: rgba(0, 0, 0, .54)
}

.docs-material-button-active.docs-material-button-raised-default {
  color: rgba(0, 0, 0, .87)
}

.docs-material-button-disabled.docs-material-button-flat-default,
.docs-material-button-disabled.docs-material-button-flat-primary,
.docs-material-button-disabled.docs-material-button-raised-default {
  background-color: #fff;
  color: rgba(0, 0, 0, .26)
}

.docs-material-button-disabled.docs-material-button-flat-dark {
  color: hsla(0, 0%, 100%, .3)
}

.docs-material-button-disabled.docs-material-button-raised-primary {
  background-color: rgba(0, 0, 0, .12);
  color: #fff
}

.docs-material-button-flat-primary>.docs-material-button-ripple-element {
  background-color: rgba(66, 133, 244, .32)
}

.docs-material-button-text-default>.docs-material-button-ripple-element {
  background-color: rgba(66, 133, 244, .1)
}

.docs-material-button-raised-primary>.docs-material-button-ripple-element {
  background-color: #3367d6
}

.docs-material-button-flat-default>.docs-material-button-ripple-element {
  background-color: rgba(0, 0, 0, .2)
}

.docs-material-button-flat-dark>.docs-material-button-ripple-element {
  background-color: hsla(0, 0%, 100%, .24)
}

.docs-material-button-raised-default>.docs-material-button-ripple-element {
  background-color: rgba(0, 0, 0, .12)
}

.docs-material-button-hairline-primary.docs-material-button {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #fff;
  border: 1px solid #dadce0 !important;
  color: #137333;
  text-transform: none
}

.docs-material-button-text-default.docs-material-button {
  color: #1a73e8;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-transform: none;
  margin: 0
}

.docs-material-button-hairline-default.docs-material-button {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #fff;
  border: 1px solid #dadce0 !important;
  color: #137333;
  color: #5f6368;
  text-transform: none
}

.docs-material-button-hairline-default.docs-material-button-hover,
.docs-material-button-hairline-primary.docs-material-button-hover {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #f8fcf9;
  border: 1px solid #c8e7d1 !important
}

.docs-material-button-hairline-default.docs-material-button-focused,
.docs-material-button-hairline-default.docs-material-button-focused.docs-material-button-no-focus-border,
.docs-material-button-hairline-primary.docs-material-button-focused,
.docs-material-button-hairline-primary.docs-material-button-focused.docs-material-button-no-focus-border {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #e7f5eb;
  border: 1px solid #bbe2c6 !important
}

.docs-material-button-hairline-default.docs-material-button-hover.docs-material-button-focused,
.docs-material-button-hairline-primary.docs-material-button-hover.docs-material-button-focused {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #dff2e4;
  border: 1px solid #b5e0c1 !important
}

.docs-material-button-hairline-default.docs-material-button-active,
.docs-material-button-hairline-primary.docs-material-button-active {
  background-image: none;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #dff2e4;
  border: 1px solid transparent !important;
  box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15)
}

.docs-material-button-hairline-default.docs-material-button-disabled,
.docs-material-button-hairline-primary.docs-material-button-disabled {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #fff;
  border: 1px solid #f1f3f4 !important;
  color: #3c4043;
  opacity: .38
}

.docs-material-button-fill-primary.docs-material-button {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #188038;
  color: #fff
}

.docs-material-button-fill-primary.docs-material-button-hover {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #188038;
  color: #fff;
  background: #2a8947;
  box-shadow: 0 1px 3px 1px rgba(52, 168, 83, .15)
}

.docs-material-button-fill-primary.docs-material-button-focused,
.docs-material-button-fill-primary.docs-material-button-focused.docs-material-button-no-focus-border {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #188038;
  color: #fff;
  background: #4f9e67;
  box-shadow: 0 1px 3px 1px rgba(52, 168, 83, .15)
}

.docs-material-button-fill-primary.docs-material-button-hover.docs-material-button-focused {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #188038;
  color: #fff;
  background: #62a877;
  box-shadow: 0 1px 3px 1px rgba(52, 168, 83, .15)
}

.docs-material-button-fill-primary.docs-material-button-active {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #188038;
  color: #fff;
  background: #62a877;
  box-shadow: 0 2px 6px 2px rgba(52, 168, 83, .15)
}

.docs-material-button-fill-primary.docs-material-button-disabled {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #188038;
  color: #fff;
  background: #f8f9fa;
  color: #202124;
  opacity: .62
}

@media screen and (forced-colors:active) {
  .docs-material-button-focused {
    outline: 1px solid Highlight;
    outline-offset: -4px
  }

  .docs-material-button-disabled.docs-material-button-fill-primary,
  .docs-material-button-disabled.docs-material-button-flat-default,
  .docs-material-button-disabled.docs-material-button-flat-primary,
  .docs-material-button-disabled.docs-material-button-hairline-default,
  .docs-material-button-disabled.docs-material-button-hairline-primary,
  .docs-material-button-disabled.docs-material-button-raised-default {
    color: GrayText;
    opacity: 1;
    border-color: GrayText
  }
}

.docs-horizontal-button-group .docs-material-button {
  display: flex;
  align-items: center;
  justify-content: center
}

.docs-horizontal-button-group .docs-material-button.docs-material-button-collapse-left {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  margin-left: -2px;
  margin-right: 0
}

.docs-horizontal-button-group .docs-material-button.docs-material-button-collapse-right {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  margin-left: 0;
  margin-right: 0
}

.docs-horizontal-button-group .docs-material-button-selected {
  background: #dff2e4;
  border: 1px solid #b5e0c1 !important;
  z-index: 1
}

[class*=docs-hc] .docs-horizontal-button-group .docs-material-button-selected {
  border-width: 0 !important;
  filter: invert(100%)
}

.docs-horizontal-button-group .docs-material-button.docs-material-button-selected .docs-material-button-content {
  color: #1967d2
}

.docs-horizontal-button-group .docs-material-button.docs-material-button-selected.docs-material-button-hover {
  background: #d2e3fc
}

.docs-horizontal-button-group .docs-material-button.docs-material-button-selected.docs-material-button-hover .docs-material-button-content {
  color: #185abc
}

.docs-horizontal-button-group .docs-material-button:not([class*=docs-material-button-selected]) {
  border-color: #dadce0 !important;
  color: #3c4043
}

.docs-horizontal-button-group .docs-material-button:not([class*=docs-material-button-selected]).docs-material-button-hover {
  background: #f1f3f4
}

@media screen and (forced-colors:active) {
  .docs-horizontal-button-group .docs-material-button:not([class*=docs-material-button-selected]).docs-material-button-hover {
    background-color: Highlight;
    color: HighlightText;
    forced-color-adjust: none
  }
}

.docs-gm3-text-button {
  border: 1px solid transparent;
  border-radius: 100px;
  box-sizing: border-box;
  cursor: pointer;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  line-height: 20px;
  padding: 9px 24px;
  white-space: nowrap;
  color: #0b57d0;
  padding: 9px 12px
}

.docs-gm3-text-button.docs-gm3-button-hover {
  color: #0b57d0;
  padding: 9px 12px;
  background-color: rgba(11, 87, 208, .08)
}

.docs-gm3-text-button.docs-gm3-button-focused {
  color: #0b57d0;
  padding: 9px 12px;
  background-color: rgba(11, 87, 208, .12)
}

.docs-gm3-text-button.docs-gm3-button-focused:focus-visible {
  outline: 3px solid #00639b;
  outline-offset: 2px
}

.docs-gm3-text-button.docs-gm3-button-disabled {
  color: #0b57d0;
  padding: 9px 12px;
  color: #1f1f1f;
  cursor: default
}

.docs-gm3-tonal-button {
  border: 1px solid transparent;
  border-radius: 100px;
  box-sizing: border-box;
  cursor: pointer;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  line-height: 20px;
  padding: 9px 24px;
  white-space: nowrap;
  background: #c2e7ff;
  color: #001d35
}

.docs-gm3-tonal-button.docs-gm3-button-hover {
  border: 1px solid transparent;
  border-radius: 100px;
  box-sizing: border-box;
  cursor: pointer;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  line-height: 20px;
  padding: 9px 24px;
  white-space: nowrap;
  background: #c2e7ff;
  color: #001d35;
  background: #b2d7ef;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 3px 1px rgba(0, 0, 0, .15)
}

.docs-gm3-tonal-button.docs-gm3-button-focused {
  border: 1px solid transparent;
  border-radius: 100px;
  box-sizing: border-box;
  cursor: pointer;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  line-height: 20px;
  padding: 9px 24px;
  white-space: nowrap;
  background: #c2e7ff;
  color: #001d35;
  background: #abcfe7;
  box-shadow: none
}

.docs-gm3-tonal-button.docs-gm3-button-focused:focus-visible {
  outline: 3px solid #00639b;
  outline-offset: 2px
}

.docs-gm3-tonal-button.docs-gm3-button-disabled {
  border: 1px solid transparent;
  border-radius: 100px;
  box-sizing: border-box;
  cursor: pointer;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  line-height: 20px;
  padding: 9px 24px;
  white-space: nowrap;
  background: #c2e7ff;
  color: #001d35;
  background: #e4e4e4;
  color: #1f1f1f;
  cursor: default
}

.docs-gm3-filled-button {
  border: 1px solid transparent;
  border-radius: 100px;
  box-sizing: border-box;
  cursor: pointer;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  line-height: 20px;
  padding: 9px 24px;
  white-space: nowrap;
  background: #0b57d0;
  color: #fff
}

.docs-gm3-filled-button.docs-gm3-button-hover {
  background: #0b57d0;
  color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 3px 1px rgba(0, 0, 0, .15);
  background: #1f64d4
}

.docs-gm3-filled-button.docs-gm3-button-focused {
  background: #0b57d0;
  color: #fff;
  background: #286bd6
}

.docs-gm3-filled-button.docs-gm3-button-focused:focus-visible {
  outline: 3px solid #00639b;
  outline-offset: 2px
}

.docs-gm3-filled-button.docs-gm3-button-active {
  background: #0b57d0;
  color: #fff;
  background: #286bd6
}

.docs-gm3-filled-button.docs-gm3-button-disabled {
  background: #0b57d0;
  color: #fff;
  background: rgba(31, 31, 31, .12);
  color: rgba(31, 31, 31, .38);
  cursor: default
}

.docs-gm3-outlined-button {
  border: 1px solid transparent;
  border-radius: 100px;
  box-sizing: border-box;
  cursor: pointer;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  line-height: 20px;
  padding: 9px 24px;
  white-space: nowrap;
  border: 1px solid #747775;
  color: #0b57d0
}

.docs-gm3-outlined-button.docs-gm3-button-hover {
  border: 1px solid #747775;
  color: #0b57d0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 3px 1px rgba(0, 0, 0, .15);
  background: rgba(11, 87, 208, .08)
}

.docs-gm3-outlined-button.docs-gm3-button-focused {
  border: 1px solid #747775;
  color: #0b57d0;
  background: rgba(11, 87, 208, .12);
  border: 1px solid #0b57d0
}

.docs-gm3-outlined-button.docs-gm3-button-focused:focus-visible {
  outline: 3px solid #00639b;
  outline-offset: 2px
}

.docs-gm3-outlined-button.docs-gm3-button-active {
  border: 1px solid #747775;
  color: #0b57d0;
  background: rgba(11, 87, 208, .12)
}

.docs-gm3-outlined-button.docs-gm3-button-disabled {
  border: 1px solid #747775;
  color: #0b57d0;
  border: 1px solid rgba(31, 31, 31, .12);
  color: rgba(31, 31, 31, .38);
  cursor: default
}

.docs-gm3-icon-button {
  background: none;
  border: 1px solid transparent !important;
  border-radius: 100%;
  height: 32px;
  width: 32px;
  min-width: 40px;
  min-height: 40px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center
}

.docs-gm3-icon-button.docs-gm3-button-hover {
  background: none;
  border: 1px solid transparent !important;
  border-radius: 100%;
  height: 32px;
  width: 32px;
  background-color: rgba(68, 71, 70, .08)
}

.docs-gm3-icon-button.docs-gm3-button-focused {
  background: none;
  border: 1px solid transparent !important;
  border-radius: 100%;
  height: 32px;
  width: 32px;
  background-color: rgba(68, 71, 70, .12)
}

.docs-gm3-icon-button.docs-gm3-button-focused:focus-visible {
  outline: 3px solid #00639b;
  outline-offset: 2px
}

.docs-gm3-icon-button.docs-gm3-button-disabled {
  cursor: default;
  opacity: .38
}

.docs-gm3-button,
.docs-gm3-menu-button {
  margin: 0 4px
}

@media screen and (forced-colors:active) {
  .docs-gm3-button.docs-gm3-button-focused {
    outline: 1px solid Highlight;
    outline-offset: -4px
  }
}

.button-content-with-icons-flex-box {
  display: flex;
  gap: 8px
}

.docs-material .button-content-with-icons-flex-box .docs-icon {
  margin: 0
}

.button-content-starts-with-icon {
  margin-left: -8px
}

.button-content-ends-with-icon {
  margin-right: -8px
}

.docs-gm .docs-material .button-content-icon-disabled .docs-icon-img {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_grey_dark.svg);
  opacity: .38
}

.docs-hc-gecko .docs-gm3-filled-button .button-content-icon-enabled .docs-icon-img {
  filter: unset
}

.docs-gm3-button-disabled .button-content-icon-enabled,
.docs-gm3-button:not(.docs-gm3-button-disabled) .button-content-icon-disabled {
  display: none
}

.docs-gm3-outlined-button.docs-gm3-menu-button {
  border: 1px solid #747775;
  color: #0b57d0;
  padding: 9px 16px
}

.docs-gm3-outlined-button.docs-gm3-menu-button.docs-gm3-menu-button-hover {
  border: 1px solid #747775;
  color: #0b57d0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 3px 1px rgba(0, 0, 0, .15);
  background: rgba(11, 87, 208, .08)
}

.docs-gm3-outlined-button.docs-gm3-menu-button.docs-gm3-menu-button-focused {
  border: 1px solid #747775;
  color: #0b57d0;
  background: rgba(11, 87, 208, .12);
  border: 1px solid #0b57d0
}

.docs-gm3-outlined-button.docs-gm3-menu-button.docs-gm3-menu-button-focused:focus-visible {
  outline: 3px solid #00639b;
  outline-offset: 2px
}

.docs-gm3-outlined-button.docs-gm3-menu-button.docs-gm3-menu-button-disabled {
  border: 1px solid #747775;
  color: #0b57d0;
  border: 1px solid rgba(31, 31, 31, .12);
  color: rgba(31, 31, 31, .38);
  cursor: default
}

.docs-gm3-outlined-button.docs-gm3-menu-button.docs-gm3-menu-button-disabled .docs-gm3-outlined-button-dropdown .gm3-dropdown-arrow-path {
  fill: rgba(31, 31, 31, .38)
}

.docs-gm3-outlined-button.docs-gm3-menu-button .docs-gm3-outlined-button-dropdown {
  margin: 0 -6px 0 8px
}

.docs-gm3-outlined-button.docs-gm3-menu-button .docs-gm3-outlined-button-dropdown .gm3-dropdown-arrow-path {
  fill: #0b57d0
}

.docs-gm3-outlined-button.docs-gm3-menu-button .docs-gm3-outlined-button-caption {
  bottom: 5px
}

.docs-material-gm3-select .docs-material-gm3-select-caption {
  bottom: 5px;
  display: inline-block;
  position: relative
}

.docs-ai-labs-opt-out-dialog {
  min-width: 471px
}

.docs-ai-labs-opt-out-dialog-title {
  color: #1f1f1f;
  font-family: Roboto, sans-serif;
  padding: 24px 24px 16px 24px
}

.docs-ai-labs-opt-out-dialog-content {
  color: #444746;
  font-family: Roboto, sans-serif;
  padding-bottom: 0
}

.docs-ai-labs-opt-out-dialog-learn-more-link {
  align-items: center;
  color: #0b57d0;
  display: flex;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  margin-right: auto
}

div.CSS_SHORTCUTS_HELP_POPUP {
  left: 10%;
  width: 80%;
  top: 10%;
  z-index: 1002;
  color: #fff;
  position: fixed;
  text-align: center;
  text-shadow: #000 1px 1px 7px;
  font-weight: 700;
  background: #000 none repeat scroll 0;
  overflow: hidden
}

@media print {
  div.CSS_SHORTCUTS_HELP_POPUP {
    display: none !important
  }
}

div.CSS_SHORTCUTS_HELP_POPUP_CONTAINER {
  box-sizing: border-box;
  max-height: inherit;
  overflow: auto;
  padding: 1em
}

table.CSS_SHORTCUTS_HELP_POPUP_CONTENT,
table.CSS_SHORTCUTS_HELP_POPUP_HEADER {
  width: 100%
}

.CSS_SHORTCUTS_HELP_POPUP_HEADER_TABLE_ELEMENT {
  padding-bottom: .8ex
}

.CSS_SHORTCUTS_HELP_POPUP_TITLE {
  font-size: 15px;
  white-space: nowrap;
  text-align: left
}

.CSS_SHORTCUTS_HELP_POPUP_TEAROFF_LINK_CONTAINER {
  color: #dd0;
  text-align: right
}

.CSS_SHORTCUTS_HELP_POPUP_TEAROFF_LINK_WRAPPER {
  position: absolute;
  top: 0;
  right: 0;
  padding-right: 32px;
  padding-top: 16px
}

.CSS_SHORTCUTS_HELP_CLOSE_PLACEHOLDER {
  height: 11px;
  width: 11px;
  padding: 6px;
  margin: 24px
}

.CSS_SHORTCUTS_HELP_POPUP_TEAROFF_LINK {
  font-size: 15px;
  cursor: pointer;
  text-decoration: underline;
  color: #dd0
}

table.CSS_SHORTCUTS_HELP_POPUP_CONTENT {
  border-top: 1px solid #999;
  font-size: 13px
}

.CSS_SHORTCUTS_HELP_POPUP_CONTENT_HEADER {
  color: #dd0;
  padding-top: 1em;
  text-align: left
}

.CSS_SHORTCUTS_HELP_POPUP_CONTENT_ELEMENT {
  vertical-align: top;
  padding-top: .15em
}

table.CSS_SHORTCUTS_HELP_POPUP_CONTENT td.CSS_SHORTCUTS_HELP_POPUP_KEY {
  font-weight: 700;
  padding-right: .5em;
  text-align: right;
  white-space: nowrap
}

table.CSS_SHORTCUTS_HELP_POPUP_CONTENT td.CSS_SHORTCUTS_HELP_POPUP_DESCRIPTION {
  font-weight: 400;
  text-align: left
}

span.CSS_SHORTCUTS_HELP_POPUP_KEY_MNEMONIC {
  font-family: Courier New;
  color: #dd0
}

.CSS_SHORTCUTS_HELP_POPUP_PREF_CONTAINER {
  border-top: 1px solid #999;
  padding: .5em 0
}

.CSS_SHORTCUTS_HELP_POPUP_PREF_CONTENT {
  background: #dd0;
  color: #000;
  padding: 3px 7px;
  text-align: left;
  font-size: 13px;
  text-shadow: none
}

.CSS_SHORTCUTS_HELP_POPUP_PREF_ENABLED .CSS_SHORTCUTS_HELP_POPUP_PREF_CONTENT {
  background: none;
  color: #fff
}

.CSS_SHORTCUTS_HELP_POPUP_PREF_LINK {
  cursor: pointer;
  text-decoration: underline
}

.CSS_SHORTCUTS_HELP_POPUP_PREF_ENABLED .CSS_SHORTCUTS_HELP_POPUP_PREF_LINK {
  color: #dd0
}

.shortcuts-modalpopup-bg {
  display: none;
  left: 0;
  top: 0;
  position: absolute
}

.docs-save-indicator:not(:active):not(.docs-titlebar-badge-selected) .docs-icon-sync {
  opacity: .63
}

.docs-gm .docs-save-indicator-caption {
  font-size: 12px;
  padding-left: 3px;
  padding-right: 5px;
  vertical-align: middle
}

.docs-save-indicator.docs-titlebar-badge.docs-save-indicator-unsaved-changes,
.docs-save-indicator.docs-titlebar-badge.docs-save-indicator-unsaved-changes.docs-titlebar-badge-selected {
  background-color: #fce8e6;
  color: #d93025
}

.docs-save-indicator.docs-titlebar-badge.docs-save-indicator-unsaved-changes:hover {
  background-color: #fadfdd;
  color: #d93025
}

.docs-save-indicator.docs-titlebar-badge.docs-save-indicator-unsaved-changes.docs-save-indicator-selected,
.docs-save-indicator.docs-titlebar-badge.docs-save-indicator-unsaved-changes:active {
  background-color: #f5cfce;
  color: #d93025
}

.docs-save-indicator-popup {
  max-width: 420px;
  min-width: 320px
}

.docs-save-indicator-popup.jfk-bubble {
  outline: none;
  padding-left: 35px
}

.docs-save-indicator-popup .jfk-bubble-arrow {
  display: none
}

.docs-gm .docs-save-indicator-popup-header {
  background-color: #e6f4ea;
  min-height: 40px;
  padding: 0
}

.docs-gm .docs-save-indicator-popup-footer {
  padding: 12px 16px 12px 16px
}

.docs-gm .docs-save-indicator-popup-title-container {
  align-items: center;
  display: flex;
  min-height: inherit;
  padding: 0 16px
}

.docs-material .docs-save-indicator-popup-title {
  color: #137333;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  margin: 10px 0;
  width: -moz-fit-content;
  width: fit-content
}

.docs-gm .docs-save-indicator-popup-subtitle-container {
  padding: 0 0 12px
}

.docs-gm .docs-material .docs-save-indicator-popup-icon,
.docs-gm .docs-material .docs-save-indicator-popup-subtitle-icon {
  height: 24px;
  margin-right: 10px;
  min-width: 24px
}

.docs-save-indicator-popup-subtitle {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 500
}

.docs-save-indicator-popup-text {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding: 0 0 12px
}

.docs-gm .docs-save-indicator-popup.jfk-bubble {
  border: 0;
  border-radius: 4px;
  overflow: hidden;
  padding: 0;
  z-index: 903 !important
}

.docs-save-indicator-popup .docs-save-indicator-popup-button.docs-material-button-fill-primary.docs-material-button {
  align-items: center;
  display: flex;
  height: 24px;
  margin-bottom: 12px;
  margin-left: 0;
  padding: 0 12px;
  text-transform: none;
  width: -moz-fit-content;
  width: fit-content
}

.docs-save-indicator-unsaved-changes .docs-save-indicator-popup-header {
  background-color: #fce8e6
}

.docs-save-indicator-unsaved-changes .docs-save-indicator-popup-title {
  color: #d93025
}

.docs-save-indicator-popup-button-container {
  align-items: baseline;
  display: flex
}

.docs-save-indicator-popup-shortcut {
  color: #5f6368;
  font-weight: 700;
  font-size: 12px;
  padding-left: 10px
}

.docs-save-indicator-popup.docs-save-indicator-unsaved-changes .docs-material-button.docs-save-indicator-popup-button {
  background-color: #d93025;
  color: #fff
}

.docs-save-indicator-popup.docs-save-indicator-unsaved-changes .docs-material-button.docs-save-indicator-popup-button.docs-material-button-focused,
.docs-save-indicator-popup.docs-save-indicator-unsaved-changes .docs-material-button.docs-save-indicator-popup-button.docs-material-button-hover {
  background-color: #db4036;
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .05)
}

.docs-save-indicator-popup.docs-save-indicator-unsaved-changes .docs-material-button.docs-save-indicator-popup-button.docs-material-button-active {
  background-color: #e5716a
}

.docs-save-indicator-popup.docs-save-indicator-unsaved-changes .docs-material-button.docs-save-indicator-popup-button.docs-material-button-disabled {
  background-color: #f1f3f4;
  color: #3c4043
}

.docs-save-indicator-popup-media-list-container {
  display: flex;
  flex-direction: column;
  max-height: 140px;
  overflow-y: auto
}

.encrypted-doc-toast.docs-ui-toast {
  box-sizing: border-box;
  display: inline-block;
  min-width: 344px;
  width: auto
}

.encrypted-doc-toast.docs-ui-toast .docs-ui-toast-content {
  display: block
}

.encrypted-doc-toast.docs-ui-toast .docs-ui-toast-control-bar {
  display: none
}

.docs-companion-app-switcher-container {
  background-color: #fff;
  border-top: 1px solid #d9d9d9;
  box-sizing: border-box;
  height: calc(100% - 60px);
  position: absolute;
  right: 0;
  top: 60px;
  width: 56px;
  z-index: 1
}

.docs-companion-app-switcher-container.docs-companion-app-switcher-container-collapsed {
  width: 0;
  z-index: 1001
}

.docs-material.docs-companion-app-switcher-container {
  height: calc(100% - 64px);
  top: 64px
}

.docs-material.docs-companion-app-switcher-container.docs-companion-app-switcher-container-collapsed {
  width: 0
}

.docs-companion-app-switcher-container.docs-app-switcher-container-hidden {
  display: none
}

.companion-about-panel-button.app-switcher-button {
  bottom: 0;
  position: absolute
}

.companion-about-panel-menu-header,
.companion-about-panel-menu-text {
  color: #3c4043
}

.companion-about-panel-menu-header {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  padding: 6px 24px 2px
}

.companion-about-panel-menu-separator {
  border-top: 1px solid #f1f3f4;
  margin: 8px 0
}

.companion-about-panel-menu-item {
  border: none;
  cursor: pointer;
  height: 48px;
  padding: 0
}

.companion-about-panel-menu-item-highlight {
  background: #f1f3f4
}

.companion-about-panel-menu-item-icon-container {
  height: 20px;
  padding: 14px 16px 14px 24px;
  position: absolute;
  width: 20px
}

.companion-about-panel-menu-item-disabled .companion-about-panel-menu-item-icon {
  fill: #dadce0
}

.companion-about-panel-menu-text {
  font-size: 14px;
  letter-spacing: .2px;
  line-height: 20px;
  padding: 13px 24px 11px 60px
}

.companion-about-panel-menu-item-disabled .companion-about-panel-menu-text {
  color: #dadce0;
  cursor: default
}

.companion-app-switcher-container {
  background-color: #fff;
  border-left: 1px solid #dadce0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
  width: 56px
}

.companion-app-switcher-guest-container {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  margin-bottom: 56px
}

.companion-app-switcher-add-on-container {
  display: flex;
  flex: 0 1 100%;
  flex-direction: column;
  overflow: hidden;
  padding-top: 16px
}

.companion-app-switcher-add-on-container:before,
.companion-app-switcher-separator {
  border-top: 1px solid #dadce0;
  content: "";
  display: block;
  flex: 1 0 auto;
  margin: 0 auto;
  padding-bottom: 16px;
  width: 20px
}

.companion-app-switcher-separator {
  margin-top: 16px
}

.companion-theme-dark.companion-app-switcher-container,
.companion-theme-light.companion-app-switcher-container {
  background-color: transparent
}

.companion-theme-dark .companion-app-switcher-add-on-container:before,
.companion-theme-dark .companion-app-switcher-separator,
.companion-theme-dark.companion-app-switcher-container {
  border-color: hsla(0, 0%, 100%, .12)
}

.companion-theme-light .companion-app-switcher-add-on-container:before,
.companion-theme-light .companion-app-switcher-separator,
.companion-theme-light.companion-app-switcher-container {
  border-color: rgba(100, 121, 143, .12)
}

.companion-guest-app-switcher {
  box-flex: 1;
  flex-grow: 1;
  height: 100px;
  outline: none;
  overflow: hidden
}

.companion-app-switcher-loading-indicator {
  padding: 16px 0
}

.companion-app-switcher-loading-indicator-dot {
  animation: dotLoadingAnimation 1s ease-in-out infinite both;
  height: 8px;
  background-color: #757575;
  border-radius: 50%;
  margin: 0 auto 12px;
  width: 8px
}

.companion-theme-dark .companion-app-switcher-loading-indicator-dot {
  background-color: #fff
}

.companion-app-switcher-loading-indicator-dot:last-child {
  margin-bottom: 0
}

.companion-app-switcher-loading-indicator-dot-1 {
  animation-delay: -.5s
}

.companion-app-switcher-loading-indicator-dot-2 {
  animation-delay: -.25s
}

@keyframes dotLoadingAnimation {

  0%,
  80%,
  to {
    opacity: .5
  }

  40% {
    opacity: 1
  }
}

.app-switcher-button {
  cursor: pointer;
  height: 56px;
  outline: none;
  pointer-events: none;
  position: relative;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  width: 56px
}

.app-switcher-button-disabled {
  cursor: default;
  opacity: .38
}

.app-switcher-button-hidden {
  display: none
}

.app-switcher-button-focused .app-switcher-button-icon-background,
.app-switcher-button-focused.app-switcher-button-hover .app-switcher-button-icon-background,
.companion-theme-light .app-switcher-button-hover .app-switcher-button-icon-background,
.companion-theme-light .app-switcher-button-open .app-switcher-button-icon-background,
.companion-theme-light .app-switcher-button-selected.app-switcher-button-hover .app-switcher-button-icon-background {
  background-color: #e8eaed
}

.app-switcher-button-hover .app-switcher-button-icon-background,
.app-switcher-button-open .app-switcher-button-icon-background,
.companion-theme-light .app-switcher-button-focused .app-switcher-button-icon-background,
.companion-theme-light .app-switcher-button-selected .app-switcher-button-icon-background {
  background-color: #f1f3f4
}

.companion-theme-dark .app-switcher-button-focused .app-switcher-button-icon-background,
.companion-theme-dark .app-switcher-button-selected .app-switcher-button-icon-background {
  background-color: hsla(0, 0%, 100%, .24)
}

.companion-theme-dark .app-switcher-button-hover .app-switcher-button-icon-background,
.companion-theme-dark .app-switcher-button-open .app-switcher-button-icon-background,
.companion-theme-dark .app-switcher-button-selected.app-switcher-button-hover .app-switcher-button-icon-background {
  background-color: hsla(0, 0%, 100%, .12)
}

.app-switcher-button-icon-container {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 20px 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  height: 40px;
  left: 8px;
  pointer-events: auto;
  position: absolute;
  top: 8px;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  width: 40px
}

.app-switcher-button-icon-background {
  border-radius: 50%;
  display: flex;
  height: 40px;
  left: 8px;
  position: absolute;
  top: 8px;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
  width: 40px
}

.app-switcher-button-icon {
  display: block;
  fill: #5f6368;
  margin: auto;
  transition: all .3s cubic-bezier(.4, 0, .2, 1)
}

.companion-theme-dark .app-switcher-button-icon {
  fill: #fff
}

.app-switcher-button-presence .app-switcher-button-icon-background.app-switcher-button-icon-background-inner {
  animation: presence-scale-inner 3s cubic-bezier(.05, .69, .67, 1) infinite normal;
  height: 32px;
  width: 32px;
  left: 12px;
  top: 12px
}

.app-switcher-button-presence .app-switcher-button-icon-background.app-switcher-button-icon-background-outer {
  animation: presence-scale-outer 3s cubic-bezier(.05, .69, .67, 1) infinite normal;
  background-color: transparent;
  border-style: solid;
  border-width: 4px;
  height: 40px;
  width: 40px;
  left: 4px;
  top: 4px
}

.app-switcher-button-inksplash .app-switcher-button-icon-background.app-switcher-button-icon-background-inner {
  animation: inksplash-scale-background 2s cubic-bezier(.05, .69, .67, 1) infinite normal
}

.app-switcher-button-inksplash .app-switcher-button-icon-container {
  animation: inksplash-scale-icon 2s cubic-bezier(.05, .69, .67, 1) infinite normal
}

@keyframes presence-scale-inner {
  0% {
    opacity: 0;
    transform: scale(.57);
    visibility: hidden
  }

  15% {
    opacity: 0;
    transform: scale(.57);
    visibility: visible
  }

  35% {
    opacity: 1;
    transform: scale(1)
  }

  60% {
    opacity: 0;
    transform: scale(.57)
  }

  to {
    opacity: 0;
    transform: scale(.57);
    visibility: hidden
  }
}

@keyframes presence-scale-outer {
  0% {
    opacity: 0;
    transform: scale(.75);
    visibility: hidden
  }

  34% {
    opacity: 0;
    transform: scale(.75);
    visibility: visible
  }

  36% {
    opacity: .99
  }

  65% {
    opacity: 1
  }

  90% {
    transform: scale(1)
  }

  to {
    opacity: 0;
    transform: scale(1);
    visibility: hidden
  }
}

@keyframes inksplash-scale-background {
  0% {
    opacity: 0;
    transform: scale(0)
  }

  35% {
    opacity: 0;
    transform: scale(.4)
  }

  50% {
    opacity: 1
  }

  80% {
    transform: scale(2.05)
  }

  to {
    opacity: 0;
    transform: scale(0)
  }
}

@keyframes inksplash-scale-icon {
  0% {
    transform: scale(1)
  }

  20% {
    transform: scale(1)
  }

  30% {
    transform: scale(1.1)
  }

  40% {
    transform: scale(1)
  }

  to {
    transform: scale(1)
  }
}

.app-switcher-menu {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 8px;
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);
  min-width: 180px;
  outline: none;
  overflow-y: auto;
  padding: 8px 0;
  position: absolute;
  z-index: 1202
}

.companion-collapser-button-container {
  bottom: 0;
  display: flex;
  height: 56px;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
  width: 56px
}

.companion-collapser-button-container.companion-collapser-button-container-elevated {
  margin-bottom: 24px
}

.companion-collapser-button {
  bottom: 0
}

.companion-collapser-button .app-switcher-button-icon-background,
.companion-collapser-button .app-switcher-button-icon-container {
  border-radius: 58px
}

.companion-collapser-button.app-switcher-button-checked .app-switcher-button-icon-background,
.companion-theme-light .companion-collapser-button.app-switcher-button-checked .app-switcher-button-icon-background {
  background-color: #fff
}

.companion-collapser-button.app-switcher-button-checked.app-switcher-button-hover .app-switcher-button-icon-background,
.companion-theme-light .companion-collapser-button.app-switcher-button-checked.app-switcher-button-hover .app-switcher-button-icon-background {
  background-color: #f1f3f4
}

.companion-theme-dark .companion-collapser-button.app-switcher-button-checked .app-switcher-button-icon-background {
  background-color: #595959
}

.companion-collapser-button.app-switcher-button-checked.app-switcher-button-focused .app-switcher-button-icon-background,
.companion-theme-light .companion-collapser-button.app-switcher-button-checked.app-switcher-button-focused .app-switcher-button-icon-background {
  background-color: #e8eaed
}

.companion-collapser-button.app-switcher-button-checked {
  right: -24px
}

.companion-collapser-button.app-switcher-button-checked .app-switcher-button-icon-container {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  height: 20px;
  left: 0;
  margin: 8px 0 8px 8px;
  padding: 10px 0 10px 10px;
  top: 0;
  width: 58px
}

.companion-collapser-button.app-switcher-button-checked .app-switcher-button-icon-background {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  height: 20px;
  left: 0;
  margin: 8px 0 8px 8px;
  padding: 10px 0 10px 10px;
  top: 0;
  width: 58px;
  box-shadow: 0 1px 1px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15)
}

.companion-collapser-button.app-switcher-button-checked.app-switcher-button-hover {
  right: 0
}

.companion-collapser-button .app-switcher-button-icon {
  left: 10px;
  position: absolute;
  top: 10px
}



.companion-theme-dark .companion-collapser-button.app-switcher-button-checked.app-switcher-button-focused .app-switcher-button-icon-container,
.companion-theme-dark .companion-collapser-button.app-switcher-button-checked.app-switcher-button-hover .app-switcher-button-icon-container {
  background-color: #414141
}

.companion-collapser-button.app-switcher-button-checked .app-switcher-button-icon {
  margin-left: -6px;
  transform: rotate(180deg)
}

.companion-collapser-button.app-switcher-button-checked.app-switcher-button-hover .app-switcher-button-icon {
  margin-left: 0
}

body[dir=rtl] .companion-collapser-button.app-switcher-button-checked .app-switcher-button-icon,
html[dir=rtl] .companion-collapser-button.app-switcher-button-checked .app-switcher-button-icon {
  transform: rotate(0deg)
}

.acdd-draggable-shadow {
  background-color: #fff;
  background-repeat: no-repeat;
  border: transparent;
  border-radius: 8px;
  box-sizing: border-box;
  color: #666;
  height: 56px;
  outline: none;
  padding: 0 10px;
  pointer-events: none;
  position: fixed;
  z-index: 999
}

.acdd-draggable-shadow.acdd-draggable-shadow-detail-type {
  background-position: 20px;
  background-size: 24px 24px;
  height: 56px;
  width: 200px
}

.acdd-draggable-shadow.acdd-draggable-shadow-image-type {
  background-position: 50%;
  background-size: 100% auto;
  height: 120px;
  width: 120px
}

.acdd-draggable-shadow.acdd-draggable-shadow-image-type.acdd-draggable-shadow-image-captioned {
  height: 156px
}

.acdd-draggable-shadow-text-wrap {
  box-sizing: border-box;
  display: table-cell;
  padding-left: 48px;
  max-width: 200px;
  vertical-align: middle
}

.acdd-draggable-shadow-text-wrap .acdd-draggable-shadow-title {
  font-size: 1.1em
}

.acdd-draggable-shadow-text-wrap .acdd-draggable-shadow-text {
  opacity: .75;
  padding-top: 2px
}

.acdd-draggable-shadow-image-type .acdd-draggable-shadow-text {
  background-color: rgba(32, 33, 36, .71);
  border-radius: 0 0 8px 8px;
  bottom: 0;
  color: #fff;
  height: 36px;
  left: 0;
  padding: 8px 10px;
  position: absolute;
  width: 100%
}

.acdd-draggable-shadow .acdd-draggable-shadow-text,
.acdd-draggable-shadow .acdd-draggable-shadow-title {
  box-sizing: border-box;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.acdd-draggable-shadow .acdd-draggable-shadow-count-bubble {
  background-color: #202124;
  border-radius: 20px;
  box-sizing: border-box;
  color: #fff;
  font-size: 16px;
  height: 40px;
  max-width: 75%;
  min-width: 40px;
  overflow: hidden;
  padding: 9px 8px;
  position: absolute;
  right: -15px;
  text-align: center;
  text-overflow: ellipsis;
  top: -15px
}

.acga-topLevelDiv {
  height: inherit;
  position: relative;
  width: 100%
}

.acga-content {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0
}

.agca-gab-unread-notifications:after {
  content: "";
  background-color: #db4437;
  border-radius: 50%;
  height: 8px;
  position: absolute;
  right: 17px;
  top: 17px;
  width: 8px
}

.companion-guest-app-switcher .app-switcher-button-icon-background-outer {
  border-color: #e8f0fe
}

.companion-theme-light .agca-gab-blue .app-switcher-button-icon-background-outer {
  border-color: rgba(66, 133, 244, .24)
}

.agca-gab-green .app-switcher-button-icon-background-outer {
  border-color: #e6f4ea
}

.companion-theme-light .agca-gab-green .app-switcher-button-icon-background-outer {
  border-color: rgba(52, 168, 83, .24)
}

.agca-gab-yellow .app-switcher-button-icon-background-outer {
  border-color: #fef7e0
}

.companion-theme-light .agca-gab-yellow .app-switcher-button-icon-background-outer {
  border-color: rgba(251, 188, 4, .24)
}

.companion-theme-dark .agca-gab-button .app-switcher-button-icon-background-outer {
  border-color: hsla(0, 0%, 100%, .24)
}

.app-switcher-button-selected.agca-gab-blue.app-switcher-button-focused .app-switcher-button-icon-background-inner,
.companion-guest-app-switcher .app-switcher-button-inksplash .app-switcher-button-icon-background-inner,
.companion-guest-app-switcher .app-switcher-button-presence .app-switcher-button-icon-background-inner,
.companion-guest-app-switcher .app-switcher-button-selected .app-switcher-button-icon-background-inner {
  background-color: #e8f0fe
}

.app-switcher-button-selected.agca-gab-blue.app-switcher-button-hover .app-switcher-button-icon-background-inner {
  background-color: #d2e3fc
}

.companion-theme-light .app-switcher-button-inksplash.agca-gab-blue .app-switcher-button-icon-background-inner,
.companion-theme-light .app-switcher-button-presence.agca-gab-blue .app-switcher-button-icon-background-inner,
.companion-theme-light .app-switcher-button-selected.agca-gab-blue .app-switcher-button-icon-background-inner,
.companion-theme-light .app-switcher-button-selected.agca-gab-blue.app-switcher-button-focused .app-switcher-button-icon-background-inner {
  background-color: rgba(66, 133, 244, .24)
}

.companion-theme-light .agca-gab-blue.app-switcher-button-focused .app-switcher-button-icon-background-inner,
.companion-theme-light .agca-gab-blue.app-switcher-button-hover .app-switcher-button-icon-background-inner {
  background-color: rgba(66, 133, 244, .12)
}

.app-switcher-button-inksplash.agca-gab-green .app-switcher-button-icon-background-inner,
.app-switcher-button-presence.agca-gab-green .app-switcher-button-icon-background-inner,
.app-switcher-button-selected.agca-gab-green .app-switcher-button-icon-background-inner,
.app-switcher-button-selected.agca-gab-green.app-switcher-button-focused .app-switcher-button-icon-background-inner {
  background-color: #e6f4ea
}

.app-switcher-button-selected.agca-gab-green.app-switcher-button-hover .app-switcher-button-icon-background-inner {
  background-color: #ceead6
}

.companion-theme-light .app-switcher-button-inksplash.agca-gab-green .app-switcher-button-icon-background-inner,
.companion-theme-light .app-switcher-button-presence.agca-gab-green .app-switcher-button-icon-background-inner,
.companion-theme-light .app-switcher-button-selected.agca-gab-green .app-switcher-button-icon-background-inner,
.companion-theme-light .app-switcher-button-selected.agca-gab-green.app-switcher-button-focused .app-switcher-button-icon-background-inner {
  background-color: rgba(52, 168, 83, .24)
}

.companion-theme-light .agca-gab-green.app-switcher-button-focused .app-switcher-button-icon-background-inner,
.companion-theme-light .agca-gab-green.app-switcher-button-hover .app-switcher-button-icon-background-inner {
  background-color: rgba(52, 168, 83, .12)
}

.app-switcher-button-inksplash.agca-gab-yellow .app-switcher-button-icon-background-inner,
.app-switcher-button-presence.agca-gab-yellow .app-switcher-button-icon-background-inner,
.app-switcher-button-selected.agca-gab-yellow .app-switcher-button-icon-background-inner,
.app-switcher-button-selected.agca-gab-yellow.app-switcher-button-focused .app-switcher-button-icon-background-inner {
  background-color: #fef7e0
}

.app-switcher-button-selected.agca-gab-yellow.app-switcher-button-hover .app-switcher-button-icon-background-inner {
  background-color: #feefc3
}

.companion-theme-light .app-switcher-button-inksplash.agca-gab-yellow .app-switcher-button-icon-background-inner,
.companion-theme-light .app-switcher-button-presence.agca-gab-yellow .app-switcher-button-icon-background-inner,
.companion-theme-light .app-switcher-button-selected.agca-gab-yellow .app-switcher-button-icon-background-inner,
.companion-theme-light .app-switcher-button-selected.agca-gab-yellow.app-switcher-button-focused .app-switcher-button-icon-background-inner {
  background-color: rgba(251, 188, 4, .24)
}

.companion-theme-light .agca-gab-yellow.app-switcher-button-focused .app-switcher-button-icon-background-inner,
.companion-theme-light .agca-gab-yellow.app-switcher-button-hover .app-switcher-button-icon-background-inner {
  background-color: rgba(251, 188, 4, .12)
}

.companion-theme-dark .agca-gab-button.app-switcher-button-inksplash .app-switcher-button-icon-background-inner,
.companion-theme-dark .agca-gab-button.app-switcher-button-presence .app-switcher-button-icon-background-inner,
.companion-theme-dark .agca-gab-button.app-switcher-button-selected .app-switcher-button-icon-background-inner,
.companion-theme-dark .agca-gab-button.app-switcher-button-selected.app-switcher-button-focused .app-switcher-button-icon-background-inner {
  background-color: hsla(0, 0%, 100%, .24)
}

.companion-theme-dark .agca-gab-button.app-switcher-button-focused .app-switcher-button-icon-background-inner,
.companion-theme-dark .agca-gab-button.app-switcher-button-hover .app-switcher-button-icon-background-inner {
  background-color: hsla(0, 0%, 100%, .12)
}

.agca-gab-icon-selection-indicator {
  background-color: #d704fb;
  border-radius: 3px 0 0 3px;
  display: none;
  height: 40px;
  position: absolute;
  right: 1px;
  top: 8px;
  width: 3px
}

.agca-gab-icon-selection-indicator.left-indicator {
  border-radius: 0 3px 3px 0;
  left: 1px
}

.agca-gab-button.app-switcher-button-selected .agca-gab-icon-selection-indicator {
  display: inherit
}

.agca-gab-blue .agca-gab-icon-selection-indicator {
  background-color: #4285f4
}

.agca-gab-green .agca-gab-icon-selection-indicator {
  background-color: #34a853
}

.agca-gab-yellow .agca-gab-icon-selection-indicator {
  background-color: #fbbc04
}

.companion-theme-dark .companion-overflow-menu-button:not(.app-switcher-button-hover) .app-switcher-button-icon-background {
  opacity: .7
}

.companion-shell-header {
  align-items: center;
  background-color: #fff;
  border-bottom: 1px solid #f1f3f4;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  -webkit-font-smoothing: antialiased;
  height: 64px;
  padding: 0 10px;
  position: relative;
  z-index: 1
}

.companion-shell.companion-theme-dark .companion-guest-supports-dark-theme .companion-shell-header,
:not(.companion-shell).companion-theme-dark .companion-shell-header {
  background-color: #131314;
  border-bottom: 1px solid #444746
}

.companion-shell-header-element {
  margin-left: 10px;
  margin-right: 10px
}

.companion-shell-title-container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  width: 1px
}

.companion-shell-title-element {
  margin: 0
}

.companion-shell-subtitle-text,
.companion-shell-subtitle-text .goog-menu-button-caption,
.companion-shell-title-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.companion-shell-subtitle-text,
.companion-shell-title-text {
  outline: none
}

.companion-shell-title-text.companion-shell-title-big {
  font-size: 22px
}

.companion-shell-header-light-background .companion-shell-title-big {
  color: rgba(0, 0, 0, .54)
}

.companion-shell-header-dark-background .companion-shell-title-big {
  color: #fff
}

.companion-shell.companion-theme-dark .companion-guest-supports-dark-theme .companion-shell-title-big,
:not(.companion-shell).companion-theme-dark .companion-shell-title-big {
  color: #e3e3e3
}

.companion-shell-title-text.companion-shell-title-small {
  color: #5f6368;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 1.5px;
  text-transform: uppercase
}

.companion-shell.companion-theme-dark .companion-guest-supports-dark-theme .companion-shell-title-small,
:not(.companion-shell).companion-theme-dark .companion-shell-title-small {
  color: #9aa0a6
}

.companion-shell-title-text.companion-shell-title-small.companion-shell-subview {
  left: 56px
}

.companion-shell-dropdown-container {
  font-size: 0
}

.companion-shell-subtitle-text {
  color: #3c4043;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px
}

.companion-shell.companion-theme-dark .companion-guest-supports-dark-theme .companion-shell-subtitle-text,
:not(.companion-shell).companion-theme-dark .companion-shell-subtitle-text {
  color: #e8eaed
}

.companion-shell-subtitle-text.goog-menu-button-open {
  background-color: #f1f3f4
}

.companion-shell-subtitle-button {
  padding: 0 2px 0 4px
}

.companion-shell-subtitle-button .companion-shell-subtitle-text,
.companion-shell-subtitle-text .goog-menu-button-caption {
  padding: 0
}

.companion-shell-subtitle-call-out {
  color: #1a73e8
}

.companion-shell.companion-theme-dark .companion-guest-supports-dark-theme .companion-shell-subtitle-call-out,
:not(.companion-shell).companion-theme-dark .companion-shell-subtitle-call-out {
  color: #8ab4f8
}

.companion-shell-dropdown-button {
  background: none;
  border-radius: 3px;
  border-width: 0;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  margin-left: -4px;
  max-width: 100%;
  outline: none;
  padding: 0 2px 0 4px
}

.companion-shell-dropdown-button.companion-shell-dropdown-button-hover {
  background-color: #f1f3f4
}

.companion-shell-dropdown-button.companion-shell-dropdown-button-focused,
.companion-shell-dropdown-button.companion-shell-dropdown-button-open {
  background-color: #e8eaed
}

.companion-shell-dropdown-button.companion-shell-dropdown-button-disabled {
  opacity: .38
}

.companion-shell-dropdown-button .companion-shell-dropdown-button-outer-box {
  display: flex;
  justify-content: flex-start
}

.companion-shell-dropdown-button .companion-shell-dropdown-button-inner-box {
  display: block;
  flex-shrink: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.companion-shell-dropdown-button-outer-box:after {
  content: "";
  display: block;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNHB4JyBoZWlnaHQ9JzI0cHgnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nIzVmNjM2OCc+PHBhdGggZD0nTTcgMTBsNSA1IDUtNXonPjwvcGF0aD48cGF0aCBkPSdNMCAwaDI0djI0SDB6JyBmaWxsPSdub25lJz48L3BhdGg+PC9zdmc+") 50% no-repeat;
  flex-shrink: 0;
  height: 20px;
  margin: 0 0 0 4px;
  padding: 0;
  width: 20px
}

.companion-shell-header-buttons {
  display: flex;
  height: 24px;
  justify-content: flex-end;
  position: absolute;
  right: 8px;
  top: 18px
}

.companion-shell-header-button {
  background: no-repeat 50%;
  background-size: 20px 20px;
  cursor: pointer;
  height: 24px;
  width: 24px
}

.companion-shell-header-light-background .companion-shell-header-svg-icon {
  fill: #000;
  opacity: .54
}

.companion-shell-header-dark-background .companion-shell-header-svg-icon {
  fill: #fff
}

.companion-shell.companion-theme-dark .companion-guest-supports-dark-theme .companion-shell-header-svg-icon,
:not(.companion-shell).companion-theme-dark .companion-shell-header-svg-icon {
  fill: #9aa0a6
}

body[dir=rtl] .companion-shell-back-button,
body[dir=rtl] .companion-shell-escape-hatch-button,
html[dir=rtl] .companion-shell-back-button,
html[dir=rtl] .companion-shell-escape-hatch-button {
  transform: scaleX(-1)
}

.companion-shell-header-button.companion-shell-title-element {
  margin: 0
}

.companion-shell-header-button:hover {
  opacity: .87
}

.companion-shell-header-button[aria-disabled=true],
.companion-shell-subtitle-button[aria-disabled=true] {
  cursor: not-allowed;
  opacity: .38
}

.companion-shell-back-button {
  margin-right: 2px
}

.goog-menu.companion-shell-drop-down-menu {
  background: #fff;
  border-width: 0;
  border-radius: 0 0 8px 8px;
  box-shadow: 0 -3px 6px -3px rgba(0, 0, 0, .12), 0 4px 8px -2px rgba(0, 0, 0, .14);
  box-sizing: border-box;
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-bottom: 8px;
  position: absolute;
  width: 100%;
  z-index: 999
}

.goog-menuitem.companion-shell-drop-down-entry {
  border: none;
  height: 40px;
  padding: 0;
  width: 300px
}

.goog-menuitem-highlight.companion-shell-drop-down-entry {
  background: #f1f3f4
}

.goog-menu.companion-shell-drop-down-menu .goog-menuseparator {
  border-top: 1px solid rgba(32, 33, 36, .06);
  margin: 8px 0;
  padding: 0
}

.companion-shell-drop-down-check {
  display: none;
  height: 20px;
  padding: 10px 16px;
  position: absolute;
  right: 0;
  width: 20px
}

.goog-option-selected .companion-shell-drop-down-check {
  display: block
}

.companion-shell-drop-down-entry.goog-option-selected {
  background-image: none
}

.companion-shell-drop-down-entry .goog-menuitem-checkbox,
.companion-shell-drop-down-entry.goog-option-selected .goog-menuitem-checkbox {
  display: none
}

.companion-shell-drop-down-entry-text {
  box-sizing: border-box;
  font-size: 14px;
  color: #202124;
  padding: 10px 20px;
  letter-spacing: .2px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 300px
}

.goog-option-selected .companion-shell-drop-down-entry-text {
  padding-right: 60px
}

.companion-shell-content-component {
  background-color: #fff;
  box-sizing: border-box;
  height: 100%;
  left: 0;
  padding-top: 64px;
  position: absolute;
  top: 0;
  width: 100%
}

.companion-theme-dark .companion-guest-supports-dark-theme {
  background-color: #131314
}

.companion-theme-dark .companion-guest-supports-dark-theme .companion-shell-content-component {
  background-color: #131314;
  color: #e8eaed
}

.companion-header-in-iframe .companion-shell-guest {
  padding-top: 0
}

.companion-shell-loading {
  overflow: hidden;
  position: absolute;
  text-align: center
}

.companion-shell-offline,
.companion-shell-permanent-failure,
.companion-shell-timed-out,
.companion-shell-unavailable {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center
}

.companion-shell-offline-description,
.companion-shell-offline-title,
.companion-shell-unavailable-description,
.companion-shell-unavailable-title {
  color: #5f6368;
  margin: 0 70px
}

.companion-theme-dark .companion-guest-supports-dark-theme .companion-shell-offline-description,
.companion-theme-dark .companion-guest-supports-dark-theme .companion-shell-offline-title,
.companion-theme-dark .companion-guest-supports-dark-theme .companion-shell-unavailable-description,
.companion-theme-dark .companion-guest-supports-dark-theme .companion-shell-unavailable-title {
  color: #9e9e9e
}

.companion-shell-offline-description,
.companion-shell-unavailable-description {
  font-size: 12px;
  line-height: 16px
}

.companion-shell-offline-title,
.companion-shell-unavailable-title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 2px;
  margin-top: 34px
}

.companion-shell-permanent-failure-message,
.companion-shell-timed-out-message {
  margin: 10px;
  max-width: calc(100% - 20px)
}

.companion-shell-timed-out-retry {
  color: #1a73e8;
  cursor: pointer;
  text-transform: uppercase
}

.companion-theme-dark .companion-guest-supports-dark-theme .companion-shell-timed-out-retry {
  color: #8ab4f8
}

.companion-shell-timed-out-file-bug {
  margin-top: 40px
}

.companion-shell-iframe {
  border: 0;
  height: 100%;
  width: 100%
}

.companion-shell-search-container {
  align-items: center;
  background-color: #fff;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  height: 100%;
  left: 0;
  padding: 0 10px;
  position: absolute;
  top: 0;
  width: 100%
}

.companion-shell-search-close,
.companion-shell-search-icon {
  margin-left: 10px;
  margin-right: 10px
}

.companion-shell-search-input {
  background-color: transparent;
  border: none;
  color: #5f6368;
  flex-grow: 1;
  font-size: 16px;
  line-height: 24px;
  outline: none;
  width: 100px
}

.companion-shell-search-input::placeholder {
  color: #bdc1c6
}

.companion-shell-search-input::-webkit-input-placeholder {
  color: #bdc1c6
}

.companion-shell-search-input:-ms-input-placeholder {
  color: #bdc1c6
}

.companion-app-switcher-container .jfk-bubble {
  padding: 16px;
  border-radius: 8px;
  border-color: #e8eaed;
  border-width: 1px;
  box-shadow: 0 2px 6px rgba(60, 64, 67, .3)
}

.companion-app-switcher-container .jfk-bubble-arrowright .jfk-bubble-arrowimplbefore {
  border-left-color: #e8eaed;
  border-right-color: #e8eaed
}

.app-switcher-notification-bubble {
  display: flex;
  flex-direction: column
}

.app-switcher-notification-bubble .app-switcher-notification-bubble-header {
  display: flex;
  flex-direction: row;
  height: 32px;
  width: 200px
}

.app-switcher-notification-bubble .app-switcher-notification-bubble-image-container {
  width: 32px;
  border-radius: 50%
}

.app-switcher-notification-bubble .app-switcher-notification-bubble-image-container .app-switcher-notification-bubble-image {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-right: 8px
}

.app-switcher-notification-bubble .app-switcher-notification-bubble-text {
  height: 31.5px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 8px;
  margin-bottom: 8px
}

.app-switcher-notification-bubble .app-switcher-notification-bubble-text:focus {
  outline: none
}

.app-switcher-notification-bubble .app-switcher-notification-bubble-title-text {
  height: 14px;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #5f6368
}

.app-switcher-notification-bubble .app-switcher-notification-bubble-body-text {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #3c4043;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.app-switcher-notification-bubble .app-switcher-notification-bubble-footer {
  margin-top: 9px;
  height: 32px;
  display: flex;
  flex-direction: row
}

.app-switcher-notification-bubble .app-switcher-notification-bubble-footer .jfk-button {
  text-align: center;
  font-weight: 500;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  padding-left: 8px;
  padding-right: 16px;
  margin: 0;
  height: 30px;
  line-height: 30px;
  color: #fff;
  max-width: 300px;
  font-size: 14px;
  border-radius: 15px;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.app-switcher-notification-bubble .app-switcher-notification-bubble-footer .app-switcher-notification-bubble-button-icon {
  width: 16px;
  height: 16px;
  padding-right: 8px;
  padding-top: 6px;
  padding-bottom: 7px;
  vertical-align: middle
}

.app-switcher-notification-bubble .app-switcher-notification-bubble-footer .app-switcher-notification-bubble-spacer {
  width: 8px
}

.app-switcher-notification-bubble .app-switcher-notification-bubble-call-to-action-button {
  background-color: #188038
}

.app-switcher-notification-bubble .app-switcher-notification-bubble-call-to-action-button.jfk-button-hover {
  background-color: #2a8947;
  box-shadow: 0 1px 3px 1px rgba(24, 128, 56, .15)
}

.app-switcher-notification-bubble .app-switcher-notification-bubble-call-to-action-button.jfk-button-focused {
  background-color: #4f9e67;
  box-shadow: 0 1px 3px 1px rgba(24, 128, 56, .15)
}

.app-switcher-notification-bubble .app-switcher-notification-bubble-call-to-action-button.jfk-button-focused.jfk-button-hover {
  background-color: #62a877;
  box-shadow: 0 1px 3px 1px rgba(24, 128, 56, .15)
}

.app-switcher-notification-bubble .app-switcher-notification-bubble-dismiss-button {
  background-color: #d93025
}

.app-switcher-notification-bubble .app-switcher-notification-bubble-dismiss-button.jfk-button-hover {
  background-color: #d3443b;
  box-shadow: 0 1px 3px 1px rgba(217, 48, 37, .15)
}

.app-switcher-notification-bubble .app-switcher-notification-bubble-dismiss-button.jfk-button-focused {
  background-color: #e06c64;
  box-shadow: 0 1px 3px 1px rgba(217, 48, 37, .15)
}

.app-switcher-notification-bubble .app-switcher-notification-bubble-dismiss-button.jfk-button-focused.jfk-button-hover {
  background-color: #e88a84;
  box-shadow: 0 1px 3px 1px rgba(217, 48, 37, .15)
}

.companion-overflow-menu-item {
  align-items: center;
  cursor: pointer;
  display: flex;
  padding: 8px
}

.companion-overflow-menu-item-highlight {
  background-color: #f1f3f4
}

.companion-overflow-menu-item-icon {
  background: transparent no-repeat 50%;
  background-size: 20px 20px;
  border-radius: 50%;
  height: 40px;
  width: 40px
}

.companion-overflow-menu-item-content {
  padding: 0 6px;
  white-space: nowrap
}

.companion-overflow-menu-item-disabled {
  cursor: default;
  opacity: .38
}

.companion-server-render .acga-content {
  animation: companion-server-render-guest-content-fadeout 333ms ease 0s 1 normal both paused
}

.companion-server-render .companion-shell-splash-screen-ink-splash-color {
  display: none
}

.companion-server-render .companion-shell-splash-screen-app-logo {
  animation: none
}

.companion-server-render .companion-shell-splash-screen-beachball {
  display: none
}

@keyframes companion-server-render-guest-content-fadeout {
  0% {
    opacity: .38
  }

  to {
    opacity: 0
  }
}

.companion-shell-splash-screen-container {
  height: 680px;
  margin-left: 50%;
  position: relative;
  top: calc(50% - 404px);
  transform: translateX(-50%);
  width: 680px
}

body[dir=rtl] .companion-shell-splash-screen-container,
html[dir=rtl] .companion-shell-splash-screen-container {
  transform: translateX(50%)
}

.companion-shell-splash-screen-ink-splash-color {
  animation: ink-splash-opacity 1s cubic-bezier(.08, .8, .67, 1) .4s 1 normal both, ink-splash-scale 1s cubic-bezier(.05, .69, .67, 1) .4s 1 normal both;
  border-radius: 50%;
  height: 100%;
  width: 100%
}

@keyframes ink-splash-opacity {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes ink-splash-scale {
  0% {
    transform: scale(0)
  }

  to {
    transform: scale(1)
  }
}

.companion-shell-splash-screen-app-logo {
  animation: app-logo-scale .33s cubic-bezier(.05, .62, .51, 1.26) 333ms 1 normal backwards, app-logo-scale-bounce .17s cubic-bezier(.29, 0, .73, 1) 667ms 1 normal forwards;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 128px 128px;
  bottom: 0;
  height: 128px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 128px
}

@keyframes app-logo-scale {
  0% {
    transform: scale(0)
  }

  to {
    transform: scale(1)
  }
}

@keyframes app-logo-scale-bounce {

  0%,
  to {
    transform: scale(1)
  }

  20% {
    transform: scale(.95)
  }
}

.companion-shell-splash-screen-beachball {
  animation: beachball-opacity .33s linear 1s 1 normal both;
  bottom: 0;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 190px;
  width: 20px
}

@keyframes beachball-opacity {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.companion-shell-splash-screen-app-logo-dark-theme,
.companion-shell-splash-screen-ink-splash-color-dark-theme,
.companion-theme-dark .companion-shell-splash-screen-app-logo-light-theme,
.companion-theme-dark .companion-shell-splash-screen-ink-splash-color-light-theme {
  display: none
}

.companion-theme-dark .companion-shell-splash-screen-app-logo-dark-theme,
.companion-theme-dark .companion-shell-splash-screen-ink-splash-color-dark-theme {
  display: block
}

.companion-tooltip {
  background-color: rgba(60, 64, 67, .9);
  border-radius: 4px;
  color: #fff;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: .3px;
  line-height: 16px;
  padding: 4px 8px;
  white-space: nowrap;
  z-index: 9999
}

.docs-companion-sidebar {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
  height: 100%;
  outline: none;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 300px;
  z-index: 901
}

.docs-companion-sidebar.lhs-companion {
  --companion-shell-width: 318px;
  border: 1px solid #dadce0;
  border-radius: 16px;
  box-shadow: none;
  margin: 6px 16px 16px;
  width: 318px;
  z-index: 899
}

.docs-companion-sidebar.lhs-companion.waffle-sidebar {
  margin-bottom: 53px
}

.goog-custom-button {
  margin: 2px;
  border: 0;
  padding: 0;
  font-family: Arial, sans-serif;
  color: #000;
  background: #ddd url(//ssl.gstatic.com/editor/button-bg.png) repeat-x 0 0;
  text-decoration: none;
  list-style: none;
  vertical-align: middle;
  cursor: default;
  outline: none
}

.goog-custom-button-inner-box,
.goog-custom-button-outer-box {
  border-style: solid;
  border-color: #aaa;
  vertical-align: top
}

.goog-custom-button-outer-box {
  margin: 0;
  border-width: 1px 0;
  padding: 0
}

.goog-custom-button-inner-box {
  margin: 0 -1px;
  border-width: 0 1px;
  padding: 3px 4px;
  white-space: nowrap
}

* html .goog-custom-button-inner-box {
  left: -1px
}

* html .goog-custom-button-rtl .goog-custom-button-outer-box {
  left: -1px
}

* html .goog-custom-button-rtl .goog-custom-button-inner-box {
  right: auto
}

:first-child+html .goog-custom-button-inner-box {
  left: -1px
}

:first-child+html .goog-custom-button-rtl .goog-custom-button-inner-box {
  left: 1px
}

::root .goog-custom-button,
::root .goog-custom-button-outer-box {
  line-height: 0
}

::root .goog-custom-button-inner-box {
  line-height: normal
}

.goog-custom-button-disabled {
  background-image: none !important;
  opacity: .3;
  -moz-opacity: .3;
  filter: alpha(opacity=30)
}

.goog-custom-button-disabled .goog-custom-button-inner-box,
.goog-custom-button-disabled .goog-custom-button-outer-box {
  color: #333 !important;
  border-color: #999 !important
}

* html .goog-custom-button-disabled {
  margin: 2px 1px !important;
  padding: 0 1px !important
}

:first-child+html .goog-custom-button-disabled {
  margin: 2px 1px !important;
  padding: 0 1px !important
}

.goog-custom-button-hover .goog-custom-button-inner-box,
.goog-custom-button-hover .goog-custom-button-outer-box {
  border-color: #9cf #69e #69e #7af !important
}

.goog-custom-button-active,
.goog-custom-button-checked {
  background-color: #bbb;
  background-position: 0 100%
}

.goog-custom-button-focused .goog-custom-button-inner-box,
.goog-custom-button-focused .goog-custom-button-outer-box {
  border-color: orange
}

.goog-custom-button-collapse-right,
.goog-custom-button-collapse-right .goog-custom-button-inner-box,
.goog-custom-button-collapse-right .goog-custom-button-outer-box {
  margin-right: 0
}

.goog-custom-button-collapse-left,
.goog-custom-button-collapse-left .goog-custom-button-inner-box,
.goog-custom-button-collapse-left .goog-custom-button-outer-box {
  margin-left: 0
}

.goog-custom-button-collapse-left .goog-custom-button-inner-box {
  border-left: 1px solid #fff
}

.goog-custom-button-collapse-left.goog-custom-button-checked .goog-custom-button-inner-box {
  border-left: 1px solid #ddd
}

* html .goog-custom-button-collapse-left .goog-custom-button-inner-box {
  left: 0
}

:first-child+html .goog-custom-button-collapse-left .goog-custom-button-inner-box {
  left: 0
}

.goog-flat-button {
  position: relative;
  margin: 2px;
  border: 1px solid #000;
  padding: 2px 6px;
  font: normal 13px Trebuchet MS, Tahoma, Arial, sans-serif;
  color: #fff;
  background-color: #8c2425;
  cursor: pointer;
  outline: none
}

.goog-flat-button-disabled {
  border-color: #888;
  color: #888;
  background-color: #ccc;
  cursor: default
}

.goog-flat-button-hover {
  border-color: #8c2425;
  color: #8c2425;
  background-color: #eaa4a5
}

.goog-flat-button-active,
.goog-flat-button-checked,
.goog-flat-button-selected {
  border-color: #5b4169;
  color: #5b4169;
  background-color: #d1a8ea
}

.goog-flat-button-focused {
  border-color: #5b4169
}

.goog-flat-button-collapse-right {
  margin-right: 0
}

.goog-flat-button-collapse-left {
  margin-left: 0;
  border-left: none
}

.goog-button {
  color: #036;
  border-color: #036;
  background-color: #69c
}

.goog-button-disabled {
  border-color: #333;
  color: #333;
  background-color: #999
}

.goog-button-hover {
  color: #369;
  border-color: #369;
  background-color: #9cf
}

.goog-button-active {
  color: #69c;
  border-color: #69c
}

.goog-clipboard {
  height: 16px;
  background: url(//ssl.gstatic.com/docs/clipboard/icons3.png) no-repeat;
  vertical-align: middle
}

.goog-cbi1 {
  background-position: -16px
}

.goog-cbi2 {
  background-position: -32px
}

.goog-cbi3 {
  background-position: -48px
}

.goog-cbi4 {
  background-position: -64px
}

.goog-cbi5 {
  background-position: -80px
}

.goog-menu-button {
  background: #ddd url(//ssl.gstatic.com/editor/button-bg.png) repeat-x 0 0;
  border: 0;
  color: #000;
  cursor: pointer;
  list-style: none;
  margin: 2px;
  outline: none;
  padding: 0;
  text-decoration: none;
  vertical-align: middle
}

.goog-menu-button-inner-box,
.goog-menu-button-outer-box {
  border-style: solid;
  border-color: #aaa;
  vertical-align: top
}

.goog-menu-button-outer-box {
  margin: 0;
  border-width: 1px 0;
  padding: 0
}

.goog-menu-button-inner-box {
  margin: 0 -1px;
  border-width: 0 1px;
  padding: 3px 4px
}

* html .goog-menu-button-inner-box {
  left: -1px
}

* html .goog-menu-button-rtl .goog-menu-button-outer-box {
  left: -1px;
  right: auto
}

* html .goog-menu-button-rtl .goog-menu-button-inner-box {
  right: auto
}

:first-child+html .goog-menu-button-inner-box {
  left: -1px
}

:first-child+html .goog-menu-button-rtl .goog-menu-button-inner-box {
  left: 1px;
  right: auto
}

::root .goog-menu-button,
::root .goog-menu-button-inner-box,
::root .goog-menu-button-outer-box {
  line-height: 0
}

::root .goog-menu-button-caption,
::root .goog-menu-button-dropdown {
  line-height: normal
}

.goog-menu-button-disabled {
  background-image: none !important;
  opacity: .3;
  -moz-opacity: .3;
  filter: alpha(opacity=30)
}

.goog-menu-button-disabled .goog-menu-button-caption,
.goog-menu-button-disabled .goog-menu-button-dropdown,
.goog-menu-button-disabled .goog-menu-button-inner-box,
.goog-menu-button-disabled .goog-menu-button-outer-box {
  color: #333 !important;
  border-color: #999 !important
}

* html .goog-menu-button-disabled {
  margin: 2px 1px !important;
  padding: 0 1px !important
}

:first-child+html .goog-menu-button-disabled {
  margin: 2px 1px !important;
  padding: 0 1px !important
}

.goog-menu-button-hover .goog-menu-button-inner-box,
.goog-menu-button-hover .goog-menu-button-outer-box {
  border-color: #9cf #69e #69e #7af !important
}

.goog-menu-button-active,
.goog-menu-button-open {
  background-color: #bbb;
  background-position: 0 100%
}

.goog-menu-button-focused .goog-menu-button-inner-box,
.goog-menu-button-focused .goog-menu-button-outer-box {
  border-color: orange
}

.goog-menu-button-caption {
  padding: 0 4px 0 0;
  vertical-align: top
}

.goog-menu-button-dropdown {
  height: 15px;
  width: 7px;
  background: url(//ssl.gstatic.com/editor/editortoolbar.png) no-repeat -388px 0;
  vertical-align: top
}

.goog-menu-button-collapse-right,
.goog-menu-button-collapse-right .goog-menu-button-inner-box,
.goog-menu-button-collapse-right .goog-menu-button-outer-box {
  margin-right: 0
}

.goog-menu-button-collapse-left,
.goog-menu-button-collapse-left .goog-menu-button-inner-box,
.goog-menu-button-collapse-left .goog-menu-button-outer-box {
  margin-left: 0
}

.goog-menu-button-collapse-left .goog-menu-button-inner-box {
  border-left: 1px solid #fff
}

.goog-menu-button-collapse-left.goog-menu-button-checked .goog-menu-button-inner-box {
  border-left: 1px solid #ddd
}

.goog-submenu-arrow {
  color: #000;
  padding-right: 6px;
  right: 0
}

.goog-menuitem-rtl .goog-submenu-arrow {
  text-align: left;
  left: 0;
  right: auto;
  padding-left: 6px
}

.goog-menuitem-disabled .goog-submenu-arrow {
  color: #ccc
}

.docs-abuse-warning-banner-container,
.docs-abuse-warning-banner-flex-wrap {
  align-items: center;
  display: flex;
  height: 40px;
  outline: none;
  overflow: hidden;
  width: 100%
}

.docs-abuse-warning-banner-title {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: .1px;
  margin: 0 0 0 16px
}

.docs-abuse-warning-banner-message {
  flex-grow: 1;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  letter-spacing: .2px;
  margin: 0 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.docs-abuse-warning-banner-icon {
  margin: 0 0 0 16px
}

.docs-abuse-warning-banner-buttons {
  align-items: center;
  display: flex
}

.docs-abuse-warning-banner-container .docs-abuse-warning-banner-action-button {
  align-self: center;
  background-color: inherit;
  border: 1px inset transparent;
  border-radius: 100px;
  color: #202124;
  display: flex;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 30px;
  outline: 1px solid transparent;
  padding: 0 1px;
  text-transform: none
}

.docs-abuse-warning-banner-action-button-container .docs-material-button-flat-default.docs-material-button-focused {
  border: 1px solid #4285f4;
  outline: 1px solid #d2e3fc;
  border-radius: 4px;
  padding: 0 1px
}

.docs-abuse-abusive-file-warning-banner-container,
.docs-abuse-abusive-file-warning-banner-container .docs-abuse-warning-banner-flex-wrap {
  background-color: #fbbc04
}

.docs-abuse-out-of-domain-warning-banner-container,
.docs-abuse-out-of-domain-warning-banner-container .docs-abuse-warning-banner-flex-wrap {
  background-color: #fef7e0
}

.docs-abuse-warning-banner-not-spam-button .docs-material-button-content {
  box-shadow: 0 0 0 1px #202124
}

.docs-abuse-warning-banner-action-button .docs-material-button-content {
  border-radius: 100px;
  padding: 0 24px 0;
  margin-top: 1px;
  margin-bottom: 1px
}

.docs-abuse-warning-banner-action-button-container .docs-abuse-warning-banner-action-button .docs-material-button-content:hover {
  background-color: rgba(0, 0, 0, .12)
}

.docs-abuse-warning-banner-action-button-container .docs-material-button-hover.docs-material-button-flat-default {
  background-color: transparent
}

.docs-abuse-warning-banner-action-button-container .docs-material-button-no-focus-border,
.docs-abuse-warning-banner-action-button-container .docs-material-button.docs-material-button-focused.docs-material-button-no-focus-border {
  line-height: 30px;
  border-radius: 100px;
  border: 1px inset transparent;
  outline: 1px solid transparent;
  padding: 0 1px
}

.docs-abuse-abusive-file-confirmed-spam-warning-banner-container,
.docs-abuse-abusive-file-confirmed-spam-warning-banner-container .docs-abuse-warning-banner-flex-wrap {
  background-color: #b3261e;
  color: #fff
}

.docs-abuse-abusive-file-confirmed-spam-warning-banner-container .docs-abuse-warning-banner-not-spam-button-container .docs-abuse-warning-banner-not-spam-button .docs-material-button-content,
.docs-abuse-abusive-file-confirmed-spam-warning-banner-container .docs-abuse-warning-banner-not-spam-button-container .docs-abuse-warning-banner-not-spam-button.docs-material-button-no-focus-border .docs-material-button-content {
  color: #fff;
  box-shadow: 0 0 0 1px #fff
}

.exportDriveElementsThemeRoot {
  --dtx-state-hover: rgba(95, 99, 104, .8);
  --dtx-state-focus: rgba(95, 99, 104, .12);
  --dtx-state-press: rgba(95, 99, 104, .12);
  --dtx-drop-target: rgba(194, 231, 255, .4)
}

.modeElementsDark {
  --dtx-drop-target: hsla(0, 0%, 67%, .4)
}

.activity-deck,
.activity-deck-events-view {
  height: 100%
}

.activity-list-container {
  background-color: var(--dt-background, #fff);
  font-family: Roboto, arial, sans-serif;
  font-size: 13px;
  height: 100%;
  position: relative
}

.activity-list {
  box-sizing: border-box;
  height: 100%;
  overflow-y: scroll;
  position: relative;
  z-index: 0
}

.activity-refresh-header {
  box-sizing: border-box;
  background-color: #eee;
  height: 0;
  overflow: hidden;
  padding-right: 16px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2
}

.activity-refresh-header .goog-inline-block.goog-flat-button {
  border-radius: 3px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
  box-sizing: border-box;
  background-color: var(--dt-background, #fff);
  color: #15c;
  cursor: pointer;
  height: 35px;
  line-height: 35px;
  text-align: center;
  width: 100%
}

.activity-list-static-header {
  box-sizing: border-box;
  left: 0;
  overflow: hidden;
  padding-bottom: 12px;
  position: absolute;
  right: 16px;
  top: 0;
  width: auto;
  z-index: 1
}

.activity-list-loading {
  font-size: 14px;
  font-weight: 400;
  margin-top: 16px;
  text-align: center;
  width: 100%
}

.activity-list-loading .drive-white-circle {
  display: none
}

.activity-list-loading-more.activity-list-loading {
  font-size: 12px;
  font-weight: 400;
  margin-top: 0;
  padding-bottom: 8px
}

.activity-list-loading-more.activity-list-loading .activity-list-loading-icon,
.activity-list-loading-more.activity-list-loading .activity-list-loading-icon img,
.activity-list-loading-more.activity-list-loading .activity-list-loading-message {
  display: inline-block;
  vertical-align: middle
}

.activity-list-loading-more.activity-list-loading .activity-list-loading-message {
  margin-left: 8px;
  padding-left: 14px;
  padding-top: 6px
}

.activity-list-no-activity {
  font-size: 13px;
  margin-top: 16px;
  text-align: center;
  width: 100%
}

.activity-event.activity-event-new {
  background-color: #ffffd6
}

.activity-event.activity-event-background-transition {
  transition: background-color 1s ease-in
}

.activity-list-no-more-events-icon {
  display: inline-block;
  margin-bottom: 10px
}

.activity-event {
  background-color: var(--dt-background, #fff);
  border-bottom: 1px solid var(--dt-inverse-on-surface, #dadce0);
  margin: 0 0 12px;
  padding: 0 0 12px;
  position: relative;
  width: 100%
}

.activity-event>div:first-child {
  line-height: 20px;
  padding: 16px 0
}

.activity-event-action-icon {
  height: 16px;
  padding: 8px 4px;
  position: absolute;
  width: 16px
}

.activity-event-available-action {
  border-top: 1px solid var(--dt-surface-container-highest, #f1f3f4);
  margin-left: 24px;
  margin-top: 16px;
  padding-top: 16px
}

.activity-event-action-text {
  font-weight: 500;
  text-transform: uppercase
}

.activity-event-action-text-active {
  margin-left: 32px;
  padding: 8px 0
}

.activity-event-action-text-used {
  padding: 8px 4px
}

.activity-list-error,
.activity-list-no-more-events.activity-list-no-events {
  margin-bottom: 20px;
  margin-top: 10px;
  text-align: center
}

.activity-list-error-icon {
  display: inline-block;
  height: 24px;
  margin-bottom: -5px;
  margin-right: 20px;
  position: relative;
  width: 24px
}

.activity-list-error-icon svg {
  bottom: 0;
  position: absolute
}

.activity-list-events {
  -webkit-user-select: text;
  user-select: text
}

.activity-list-no-more-events {
  color: var(--dt-on-surface-variant, #5f6368);
  padding: 0 24px 0 16px;
  text-align: left
}

.activity-list-no-more-events-text {
  color: var(--dt-on-surface-variant, #5f6368);
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 0
}

.activity-list-no-more-events-description,
.activity-list-no-more-events-learn-more {
  line-height: 20px;
  margin: 0;
  padding: 14px 0
}

.activity-decorated-link {
  color: #15c;
  cursor: pointer;
  outline: none;
  text-decoration: none
}

.activity-decorated-link:focus,
.activity-decorated-link:hover {
  text-decoration: underline
}

.activity-decorated-link:active {
  color: #d14836
}

.activity-list-error-try-again {
  color: #15c;
  cursor: pointer;
  outline: none;
  text-decoration: none
}

.activity-list-error-try-again .goog-flat-button-focus,
.activity-list-error-try-again .goog-flat-button-hover,
.activity-list-error-try-again:focus,
.activity-list-error-try-again:hover {
  text-decoration: underline
}

.activity-list-error-try-again:active {
  color: #d14836
}

.activity-list-show-more,
.activity-paging-footer-show-more .goog-flat-button {
  display: block;
  height: 0;
  margin: 0 5px;
  overflow: hidden
}

.activity-event-focus {
  outline: 1px solid var(--dt-primary, #1a73e8)
}

.activity-hideable-focus-hidden .activity-event.activity-event-focus {
  outline: none
}

.activity-event-person {
  height: 40px;
  left: 16px;
  position: absolute;
  width: 40px
}

.activity-event-person img {
  border-radius: 50%;
  height: 100%;
  width: 100%
}

.activity-event-background svg {
  border-radius: 50%;
  height: 40px;
  width: 40px
}

.activity-event-person-overlay {
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.activity-event-admin-icon svg {
  opacity: .5
}

.activity-event-person-icon svg {
  margin-top: 9px
}

.activity-event-admin-icon.activity-event-person-icon svg {
  margin-top: 7px
}

.activity-event-drive-icon svg {
  margin-top: 8px
}

.activity-event-person .activity-event-person-icon-container {
  border-radius: 50%;
  height: 40px;
  overflow: hidden;
  text-align: center;
  width: 40px
}

.activity-event-admin-icon-container {
  box-sizing: border-box;
  border: 2px solid rgba(0, 0, 0, .2)
}

.activity-event-person-icon-text {
  color: var(--dt-background, #fff);
  font-size: 16px;
  line-height: 40px;
  vertical-align: middle
}

.activity-event-header {
  margin-left: 56px;
  padding: 0 24px 0 16px
}

.activity-event-details-header {
  color: var(--dt-on-surface-variant, #5f6368);
  font-size: 13px;
  width: auto
}

.activity-event-details-container {
  color: var(--dt-on-surface-variant, #5f6368);
  font-size: 13px;
  font-weight: 500;
  margin-top: 4px
}

.activity-event-target-list {
  padding-left: 72px
}

.activity-event-file-approval,
.activity-event-people-names {
  color: var(--dt-on-surface, #3c4043);
  font-weight: 500
}

.activity-event-approval-status {
  margin-top: 4px;
  font-weight: 500
}

.activity-event-approval-approved {
  color: #34a853
}

.activity-event-approval-rejected {
  color: #ea4335
}

.activity-event-action {
  font-weight: 400
}

.activity-event-action:before {
  content: " "
}

.activity-event-copy-action,
.activity-event-target-number {
  font-weight: 700
}

.activity-event-target-icon {
  height: 16px;
  position: absolute;
  width: 24px
}

.activity-event-target:first-child {
  border-top: none
}

.activity-event-target-icon .drive-shortcut-icon {
  bottom: 2px;
  left: -4px;
  position: absolute
}

.activity-event-target {
  position: relative
}

.activity-event-single-target {
  margin-left: 72px
}

.activity-event-section-heading {
  color: var(--dt-on-surface, #3c4043);
  font-weight: 500;
  margin-bottom: 5px;
  margin-left: 72px;
  margin-top: 10px
}

.activity-event-parent {
  border-bottom: 1px solid var(--dt-surface-container-highest, #f1f3f4);
  margin-left: 72px
}

.activity-event-target-details {
  margin-left: 32px
}

.activity-event-target-details.activity-event-locatable-target {
  margin-right: 24px
}

.activity-event-target-name {
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.activity-list-hidden-text {
  height: 0;
  overflow: hidden;
  white-space: nowrap;
  width: 0
}

.activity-event-target:active,
.activity-event-target:focus,
.activity-event-target:hover {
  background-color: var(--dt-background, #fff)
}

.activity-event-target-name .activity-event-openable-target:active,
.activity-event-target-name .activity-event-openable-target:focus,
.activity-event-target-name .activity-event-openable-target:hover,
.activity-event-target-name.activity-event-openable-target:active,
.activity-event-target-name.activity-event-openable-target:focus,
.activity-event-target-name.activity-event-openable-target:hover {
  color: var(--dt-on-surface-variant, #5f6368);
  cursor: pointer;
  outline: none;
  text-decoration: underline
}

.activity-event-scopes-show-less-button,
.activity-event-scopes-show-more-button {
  display: flex;
  margin-left: 24px
}

.activity-event-other-show-less-button,
.activity-event-other-show-more-button {
  display: flex
}

.activity-event-show-less-button,
.activity-event-show-more-button {
  display: flex;
  margin-left: 6px
}

.activity-event-mpmigration-replaced .activity-event-show-less-button,
.activity-event-mpmigration-replaced .activity-event-show-more-button {
  margin-left: 72px
}

.activity-event-toggle-button {
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  color: var(--dt-primary, #1a73e8);
  cursor: pointer;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 500;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  outline: none;
  margin-top: 4px;
  padding: 9px 24px 11px 24px
}

.activity-event-toggle-button-hover {
  background-color: rgba(66, 133, 244, .04)
}

.activity-event-toggle-button-focused {
  background-color: var(--dt-primary-container, #e8f0fe)
}

.activity-event-toggle-button-hover.activity-event-toggle-button-focused {
  background-color: rgba(66, 133, 244, .16)
}

.activity-event-toggle-button-active {
  background-color: rgba(66, 133, 244, .16);
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15)
}

.activity-event-focus .activity-event-toggle-button .activity-event-toggle-button-icon,
.activity-event:hover .activity-event-toggle-button .activity-event-toggle-button-icon {
  visibility: visible
}

.activity-event:hover .activity-event-toggle-button {
  cursor: pointer
}

.activity-event-children {
  margin-left: 24px
}

.activity-event-target-details,
.activity-event-target-icon {
  padding: 7px 0 6px
}

.activity-event-target-icon-img {
  max-height: 16px;
  max-width: 16px;
  padding: 0 4px
}

.activity-event-section-title {
  background-color: var(--dt-background, #fff);
  border-bottom: 1px solid var(--dt-inverse-on-surface, #dadce0);
  color: var(--dt-on-surface-variant, #5f6368);
  font-size: 13px;
  font-weight: 500;
  line-height: 48px;
  margin: 0;
  padding: 0 24px 0 16px;
  position: relative;
  transition: box-shadow 267ms cubic-bezier(.4, 0, .2, 1)
}

.activity-event-annotation {
  color: var(--dt-on-surface-variant, #5f6368);
  display: inline;
  float: right;
  font-size: 12px;
  font-weight: 400;
  padding-right: 16px;
  padding-top: 0;
  position: relative
}

.activity-event-source {
  display: inline-block;
  max-width: 136px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap
}

.activity-event-info {
  color: var(--dt-on-surface-variant, #5f6368);
  padding-bottom: 12px
}

.activity-event-timestamp {
  padding: 0 16px 0 16px;
  display: inline;
  text-transform: capitalize
}

.activity-event-target-parent {
  color: #bababa;
  font-size: 13px
}

.activity-event-target-parent.activity-event-openable-target:active,
.activity-event-target-parent.activity-event-openable-target:focus,
.activity-event-target-parent.activity-event-openable-target:hover {
  color: #00992c;
  cursor: pointer;
  outline: none
}

.activity-event-locate {
  height: 32px;
  outline: none;
  position: absolute;
  right: 3px;
  top: 0;
  width: 24px
}

.activity-event-locate svg {
  opacity: 0;
  margin-left: 2px;
  margin-top: 5px
}

.activity-event-locate:active,
.activity-event-locate:focus,
.activity-event-locate:hover,
.activity-event-target:active .activity-event-locate:active,
.activity-event-target:focus .activity-event-locate:focus,
.activity-event-target:hover .activity-event-locate:hover {
  cursor: pointer
}

.activity-event-locate:active svg,
.activity-event-locate:focus svg,
.activity-event-locate:hover svg,
.activity-event-target:active .activity-event-locate:active svg,
.activity-event-target:focus .activity-event-locate:focus svg,
.activity-event-target:hover .activity-event-locate:hover svg {
  opacity: .72;
  cursor: pointer
}

.activity-event-target:active .activity-event-locate svg,
.activity-event-target:focus .activity-event-locate svg,
.activity-event-target:hover .activity-event-locate svg {
  opacity: .55
}

.activity-event-user-deletion-overlay svg {
  margin-top: 4px
}

.activity-list .drive-spinner {
  height: 40px
}

.activity-entry-empty-trash-targets .activity-event-target-name {
  text-decoration: line-through
}

.activity-event-rename-old-title {
  color: var(--dt-on-surface-variant, #5f6368);
  margin-top: 8px;
  overflow: hidden;
  text-decoration: line-through;
  text-overflow: ellipsis;
  white-space: nowrap
}

.activity-event-scope-change-detail.activity-event-scope-change-detail-first {
  border-top: none
}

.activity-event-scope-change-detail {
  position: relative;
  padding: 2px 0
}

.activity-event-scope-icon {
  border-radius: 50%;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  position: relative;
  vertical-align: middle;
  z-index: 1
}

.activity-event-scope-icon img {
  border-radius: 2px;
  height: 24px;
  vertical-align: middle;
  width: 24px
}

.activity-event-scope-icon-container .activity-event-scope-svg-icon {
  left: 2px;
  position: absolute;
  top: 2px
}

.activity-event-scope-background svg {
  border-radius: 2px;
  height: 24px;
  width: 24px
}

.activity-event-scope-icon .activity-event-scope-icon-container {
  height: 24px;
  text-align: center;
  width: 24px
}

.activity-event-scope-icon-text {
  color: var(--dt-background, #fff);
  height: 24px;
  left: 0;
  line-height: 24px;
  position: absolute;
  top: 0;
  width: 24px
}

.activity-event-scope-element {
  box-sizing: border-box;
  font-weight: lighter;
  padding-left: 48px;
  width: 100%
}

.activity-event-scope-element-access {
  color: var(--dt-on-surface-variant, #5f6368);
  font-size: 13px;
  float: right;
  padding-left: 8px
}

.activity-event-scope-element-text {
  color: var(--dt-on-surface-variant, #5f6368);
  font-weight: 500
}

.activity-event-scope-detail-unshared .activity-event-scope-detail-ba-display-name,
.activity-event-scope-detail-unshared .activity-event-scope-element-text {
  text-decoration: line-through
}

.activity-event-scope-detail-icon-container {
  display: inline-block;
  line-height: normal;
  vertical-align: middle;
  width: 0
}

.activity-event-scope-detail-unshared {
  opacity: .5
}

.activity-event-scope-detail-content-container {
  display: inline-block;
  line-height: normal;
  vertical-align: middle;
  width: 100%
}

.activity-event-scopes-list {
  margin-top: 12px;
  position: relative;
  padding: 0 24px
}

.activity-event-scope-detail-ba-container {
  display: inline-block;
  margin-left: 48px;
  vertical-align: middle
}

.activity-event-scope-detail-ba-display-name {
  color: var(--dt-on-surface, #3c4043);
  font-weight: 500
}

.activity-event-scope-detail-ba-subtext {
  color: var(--dt-on-surface-variant, #5f6368);
  font-size: 13px
}

.activity-team-drive-setting-events {
  padding-top: 10px
}

.activity-team-drive-setting-detail {
  display: flex;
  padding-left: 35px
}

.activity-team-drive-setting-detail:not(:last-child) {
  padding-bottom: 10px
}

.activity-team-drive-setting-description {
  display: inline-block;
  font-weight: 400;
  padding-left: 20px
}

div.docs-material-gm-checkbox,
span.docs-material-gm-checkbox {
  border: 2px solid #5f6368;
  border-radius: 2px;
  box-sizing: border-box;
  cursor: pointer;
  height: 18px;
  margin: 1px;
  outline: none;
  flex-shrink: 0;
  top: 4px;
  width: 18px;
  display: inline-block;
  vertical-align: middle
}

div.docs-material-gm-checkbox-checked,
div.docs-material-gm-checkbox-undetermined,
span.docs-material-gm-checkbox-checked,
span.docs-material-gm-checkbox-undetermined {
  background-color: #137333;
  border: 2px solid #137333
}

div.docs-material-gm-checkbox-checked:before,
span.docs-material-gm-checkbox-checked:before {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaW5ZTWluIG1lZXQiPjxwYXRoIGQ9Ik0uMDQuNjI3LjE0Ni41Mi40My44MDQuMzIzLjkxem0uMTc3LjE3N0wuODU0LjE2Ny45Ni4yNzMuMzIzLjkxeiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==");
  display: block;
  line-height: 15px
}

@media screen and (forced-colors:active) and (prefers-color-scheme:light) {

  div.docs-material-gm-checkbox-checked:before,
  span.docs-material-gm-checkbox-checked:before {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaW5ZTWluIG1lZXQiPjxwYXRoIGQ9Ik0uMDQuNjI3LjE0Ni41Mi40My44MDQuMzIzLjkxem0uMTc3LjE3N0wuODU0LjE2Ny45Ni4yNzMuMzIzLjkxeiIgZmlsbD0iQ2FudmFzVGV4dCIvPjwvc3ZnPg==")
  }
}

div.docs-material-gm-checkbox-undetermined:before,
span.docs-material-gm-checkbox-undetermined:before {
  border-top: 2px solid #fff;
  content: "";
  display: block;
  height: 0;
  margin-left: 3px;
  margin-top: 6px;
  width: 8px
}

div.docs-material-gm-checkbox-focused,
span.docs-material-gm-checkbox-focused {
  border: 2px solid #137333
}

div.docs-material-gm-checkbox-disabled,
span.docs-material-gm-checkbox-disabled {
  cursor: default;
  opacity: .38
}

div.docs-material-gm-checkbox-disabled.docs-material-gm-checkbox-checked,
span.docs-material-gm-checkbox-disabled.docs-material-gm-checkbox-checked {
  background-clip: padding-box;
  background-color: #5f6368;
  border-color: #5f6368;
  opacity: .38
}

div.docs-material-gm-checkbox-checked.docs-material-gm-checkbox-focused,
span.docs-material-gm-checkbox-checked.docs-material-gm-checkbox-focused {
  background-color: #137333;
  border: 2px solid #137333
}

div.docs-material-gm-checkbox-disabled.docs-material-gm-checkbox-undetermined,
span.docs-material-gm-checkbox-disabled.docs-material-gm-checkbox-undetermined {
  background-clip: padding-box;
  background-color: #5f6368;
  border-color: #5f6368;
  opacity: .38
}

@media screen and (forced-colors:active) {

  .docs-material-gm-checkbox-active .docs-material-gm-checkbox-circle,
  .docs-material-gm-checkbox-focused .docs-material-gm-checkbox-circle {
    background-color: Highlight;
    opacity: .38;
    z-index: -1
  }

  div.docs-material-gm-checkbox-disabled,
  span.docs-material-gm-checkbox-disabled {
    border-color: GrayText;
    opacity: 1
  }

  div.docs-material-gm-checkbox-disabled.docs-material-gm-checkbox-checked,
  span.docs-material-gm-checkbox-disabled.docs-material-gm-checkbox-checked {
    border-color: GrayText;
    opacity: 1
  }
}

.docs-material-gm-labeled-checkbox {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  max-width: 672px;
  outline: none;
  padding: 8px 0;
  position: relative;
  width: 100%
}

.docs-material-gm-labeled-checkbox.docs-material-gm-labeled-checkbox-disabled {
  cursor: default
}

.docs-material-gm-labeled-checkbox-content {
  flex-shrink: 1;
  margin-left: 12px
}

.docs-material-gm-labeled-checkbox-circle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  margin-left: -10px;
  margin-top: -10px;
  position: absolute
}

.docs-material-gm-labeled-checkbox-disabled .docs-material-gm-labeled-checkbox-circle {
  cursor: default
}

.docs-material-gm-labeled-checkbox-checkbox {
  border: 2px solid #5f6368;
  border-radius: 2px;
  box-sizing: border-box;
  cursor: pointer;
  height: 18px;
  margin: 1px;
  outline: none;
  flex-shrink: 0;
  top: 4px;
  width: 18px
}

.docs-material-gm-labeled-checkbox-checkbox.docs-material-gm-labeled-checkbox-checked,
.docs-material-gm-labeled-checkbox-checkbox.docs-material-gm-labeled-checkbox-undetermined {
  background-color: #137333;
  border: 2px solid #137333
}

.docs-material-gm-labeled-checkbox-checkbox.docs-material-gm-labeled-checkbox-checked:before {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaW5ZTWluIG1lZXQiPjxwYXRoIGQ9Ik0uMDQuNjI3LjE0Ni41Mi40My44MDQuMzIzLjkxem0uMTc3LjE3N0wuODU0LjE2Ny45Ni4yNzMuMzIzLjkxeiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==");
  display: block;
  line-height: 15px
}

@media screen and (forced-colors:active) and (prefers-color-scheme:light) {
  .docs-material-gm-labeled-checkbox-checkbox.docs-material-gm-labeled-checkbox-checked:before {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaW5ZTWluIG1lZXQiPjxwYXRoIGQ9Ik0uMDQuNjI3LjE0Ni41Mi40My44MDQuMzIzLjkxem0uMTc3LjE3N0wuODU0LjE2Ny45Ni4yNzMuMzIzLjkxeiIgZmlsbD0iQ2FudmFzVGV4dCIvPjwvc3ZnPg==")
  }
}

.docs-material-gm-labeled-checkbox-checkbox.docs-material-gm-labeled-checkbox-undetermined:before {
  border-top: 2px solid #fff;
  content: "";
  display: block;
  height: 0;
  margin-left: 3px;
  margin-top: 6px;
  width: 8px
}

.docs-material-gm-labeled-checkbox-disabled .docs-material-gm-labeled-checkbox-checkbox {
  cursor: default;
  opacity: .38
}

.docs-material-gm-labeled-checkbox-hover .docs-material-gm-labeled-checkbox-circle {
  background-color: #5f6368;
  opacity: .04
}

.docs-material-gm-labeled-checkbox-focused .docs-material-gm-labeled-checkbox-circle {
  background-color: #5f6368;
  opacity: .06
}

.docs-material-gm-labeled-checkbox-active .docs-material-gm-labeled-checkbox-circle {
  background-color: #5f6368;
  opacity: .1
}

.docs-material-gm-labeled-checkbox-disabled .docs-material-gm-labeled-checkbox-checkbox.docs-material-gm-labeled-checkbox-checked,
.docs-material-gm-labeled-checkbox-disabled .docs-material-gm-labeled-checkbox-checkbox.docs-material-gm-labeled-checkbox-undetermined {
  background-clip: padding-box;
  background-color: #5f6368;
  border-color: #5f6368;
  opacity: .38
}

.docs-material-gm-labeled-checkbox-hover .docs-material-gm-labeled-checkbox-checked+.docs-material-gm-labeled-checkbox-circle {
  background-color: #137333;
  opacity: .04
}

.docs-material-gm-labeled-checkbox-focused .docs-material-gm-labeled-checkbox-checked+.docs-material-gm-labeled-checkbox-circle {
  background-color: #137333;
  opacity: .06
}

.docs-material-gm-labeled-checkbox-active .docs-material-gm-labeled-checkbox-checked+.docs-material-gm-labeled-checkbox-circle {
  background-color: #137333;
  opacity: .1
}

.docs-material-gm-labeled-checkbox .docs-material-gm-labeled-checkbox-label {
  color: #3c4043;
  cursor: pointer;
  display: block;
  font: 14px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  line-height: 16px;
  overflow-wrap: break-word;
  padding: 3px 0;
  width: auto;
  word-wrap: break-word
}

.docs-material-gm-labeled-checkbox.docs-material-gm-labeled-checkbox-disabled .docs-material-gm-labeled-checkbox-label {
  cursor: default;
  opacity: .38
}

.docs-material-gm-labeled-checkbox .docs-material-gm-labeled-checkbox-description {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  padding: 1px 0;
  width: 100%
}

.docs-material-gm-labeled-checkbox.docs-material-gm-labeled-checkbox-disabled .docs-material-gm-labeled-checkbox-description {
  opacity: .38
}

.docs-material-gm-labeled-checkbox .docs-material-gm-labeled-checkbox-description-hide {
  display: none
}

@media screen and (forced-colors:active) {

  .docs-material-gm-labeled-checkbox-active .docs-material-gm-labeled-checkbox-checked+.docs-material-gm-labeled-checkbox-circle,
  .docs-material-gm-labeled-checkbox-active .docs-material-gm-labeled-checkbox-circle,
  .docs-material-gm-labeled-checkbox-focused .docs-material-gm-labeled-checkbox-checked+.docs-material-gm-labeled-checkbox-circle,
  .docs-material-gm-labeled-checkbox-focused .docs-material-gm-labeled-checkbox-circle {
    background-color: Highlight;
    opacity: .38;
    z-index: -1
  }

  .docs-material-gm-labeled-checkbox-disabled .docs-material-gm-labeled-checkbox-checkbox,
  .docs-material-gm-labeled-checkbox-disabled .docs-material-gm-labeled-checkbox-checkbox.docs-material-gm-labeled-checkbox-checked {
    border-color: GrayText;
    opacity: 1
  }

  .docs-material-gm-labeled-checkbox.docs-material-gm-labeled-checkbox-disabled .docs-material-gm-labeled-checkbox-description,
  .docs-material-gm-labeled-checkbox.docs-material-gm-labeled-checkbox-disabled .docs-material-gm-labeled-checkbox-label {
    color: GrayText;
    opacity: 1
  }
}

.docs-material-gm-unlabeled-checkbox {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  max-width: 672px;
  outline: none;
  padding: 8px 0;
  position: relative;
  width: 100%
}

.docs-material-gm-unlabeled-checkbox.docs-material-gm-unlabeled-checkbox-disabled {
  cursor: default
}

.docs-material-gm-unlabeled-checkbox-circle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  margin-left: -10px;
  margin-top: -10px;
  position: absolute
}

.docs-material-gm-unlabeled-checkbox-disabled .docs-material-gm-unlabeled-checkbox-circle {
  cursor: default
}

.docs-material-gm-unlabeled-checkbox-checkbox {
  border: 2px solid #5f6368;
  border-radius: 2px;
  box-sizing: border-box;
  cursor: pointer;
  height: 18px;
  margin: 1px;
  outline: none;
  flex-shrink: 0;
  top: 4px;
  width: 18px
}

.docs-material-gm-unlabeled-checkbox-checked .docs-material-gm-unlabeled-checkbox-checkbox,
.docs-material-gm-unlabeled-checkbox-undetermined .docs-material-gm-unlabeled-checkbox-checkbox {
  background-color: #137333;
  border: 2px solid #137333
}

.docs-material-gm-unlabeled-checkbox-checked .docs-material-gm-unlabeled-checkbox-checkbox:before {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaW5ZTWluIG1lZXQiPjxwYXRoIGQ9Ik0uMDQuNjI3LjE0Ni41Mi40My44MDQuMzIzLjkxem0uMTc3LjE3N0wuODU0LjE2Ny45Ni4yNzMuMzIzLjkxeiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==");
  display: block;
  line-height: 15px
}

.docs-material-gm-unlabeled-checkbox-undetermined .docs-material-gm-unlabeled-checkbox-checkbox:before {
  border-top: 2px solid #fff;
  content: "";
  display: block;
  height: 0;
  margin-left: 3px;
  margin-top: 6px;
  width: 8px
}

.docs-material-gm-unlabeled-checkbox-disabled .docs-material-gm-unlabeled-checkbox-checkbox {
  cursor: default;
  opacity: .38
}

.docs-material-gm-unlabeled-checkbox-hover .docs-material-gm-unlabeled-checkbox-circle {
  background-color: #5f6368;
  opacity: .04
}

.docs-material-gm-unlabeled-checkbox-focused .docs-material-gm-unlabeled-checkbox-circle {
  background-color: #5f6368;
  opacity: .06
}

.docs-material-gm-unlabeled-checkbox-active .docs-material-gm-unlabeled-checkbox-circle {
  background-color: #5f6368;
  opacity: .1
}

.docs-material-gm-unlabeled-checkbox-disabled.docs-material-gm-unlabeled-checkbox-checked .docs-material-gm-unlabeled-checkbox-checkbox,
.docs-material-gm-unlabeled-checkbox-disabled.docs-material-gm-unlabeled-checkbox-undetermined .docs-material-gm-unlabeled-checkbox-checkbox {
  background-clip: padding-box;
  background-color: #5f6368;
  border-color: #5f6368;
  opacity: .38
}

.docs-material-gm-unlabeled-checkbox-hover.docs-material-gm-unlabeled-checkbox-checked .docs-material-gm-unlabeled-checkbox-circle {
  background-color: #137333;
  opacity: .04
}

.docs-material-gm-unlabeled-checkbox-focused.docs-material-gm-unlabeled-checkbox-checked .docs-material-gm-unlabeled-checkbox-circle {
  background-color: #137333;
  opacity: .06
}

.docs-material-gm-unlabeled-checkbox-active.docs-material-gm-unlabeled-checkbox-checked .docs-material-gm-unlabeled-checkbox-circle {
  background-color: #137333;
  opacity: .1
}

@media screen and (forced-colors:active) and (prefers-color-scheme:light) {
  .docs-material-gm-unlabeled-checkbox-checked .docs-material-gm-unlabeled-checkbox-checkbox:before {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaW5ZTWluIG1lZXQiPjxwYXRoIGQ9Ik0uMDQuNjI3LjE0Ni41Mi40My44MDQuMzIzLjkxem0uMTc3LjE3N0wuODU0LjE2Ny45Ni4yNzMuMzIzLjkxeiIgZmlsbD0iQ2FudmFzVGV4dCIvPjwvc3ZnPg==")
  }

  .docs-material-gm-unlabeled-checkbox-active .docs-material-gm-unlabeled-checkbox-circle,
  .docs-material-gm-unlabeled-checkbox-focused .docs-material-gm-unlabeled-checkbox-circle {
    background-color: Highlight;
    opacity: .38;
    z-index: -1
  }

  .docs-material-gm-unlabeled-checkbox-disabled .docs-material-gm-unlabeled-checkbox-checkbox,
  .docs-material-gm-unlabeled-checkbox-disabled.docs-material-gm-unlabeled-checkbox-checked .docs-material-gm-unlabeled-checkbox-checkbox,
  .docs-material-gm-unlabeled-checkbox-disabled.docs-material-gm-unlabeled-checkbox-undetermined .docs-material-gm-unlabeled-checkbox-checkbox {
    border-color: GrayText;
    opacity: 1
  }
}

.docs-tabbar {
  clear: left;
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
  float: left;
  justify-content: left;
  outline: none
}

.docs-tabbar-tab {
  align-items: center;
  border-bottom: 2px solid transparent;
  border-top: 2px solid transparent;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  height: 48px;
  justify-content: center;
  max-width: 264px;
  min-width: 72px;
  padding: 0 24px
}

.docs-tabbar-tab-selected {
  border-bottom: 2px solid #fff
}

.docs-hc-gecko.docs-tabbar-tab.docs-tabbar-tab-selected .docs-tabbar-tablabel {
  border-bottom: 2px solid #fff;
  padding-bottom: 0
}

.docs-hc-gecko.docs-tabbar-tab .docs-tabbar-tablabel {
  padding-bottom: 2px
}

.docs-tabbar-focused .docs-tabbar-tab-selected {
  background: hsla(0, 0%, 100%, .12)
}

.docs-tabbar-mouseactive .docs-tabbar-tab {
  background: transparent
}

.docs-tabbar .docs-tabbar-tab-active {
  background: hsla(0, 0%, 100%, .25)
}

.docs-tabbar-tablabel {
  color: hsla(0, 0%, 100%, .7);
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap
}

.docs-tabbar-tab-selected .docs-tabbar-tablabel {
  color: #fff
}

.docs-material .docs-icon,
.docs-material .goog-color-menu-button-indicator .docs-icon,
.docs-material .sketchy-toolbar-color-menu-button .goog-toolbar-menu-button-caption .docs-icon {
  height: 18px;
  width: 18px;
  margin: 1px 2px 2px 1px
}

.icon-20X20.docs-icon {
  height: 20px;
  width: 20px;
  margin: 0
}

.icon-24X24.docs-icon {
  height: 24px;
  width: 24px;
  margin: 0
}

.icon-50X60.docs-icon {
  height: 60px;
  width: 50px;
  margin: 0
}

.icon-50X68.docs-icon {
  height: 68px;
  width: 50px;
  margin: 0
}

.icon-48X48.docs-icon {
  height: 48px;
  width: 48px;
  margin: 0
}

.icon-72X72.docs-icon {
  height: 72px;
  width: 72px;
  margin: 0
}

.docs-material .docs-icon-img:before {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_gm3_grey_medium.svg)
}

.docs-gm .docs-material .docs-icon-img:before {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_gm3_grey_medium.svg)
}

.docs-grille-gm3 .docs-material .docs-icon-img:before {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_gm3_grey_medium.svg)
}

.docs-material .docs-icon-img {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_gm3_grey_medium.svg)
}

.docs-gm .docs-material .docs-icon-img {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_gm3_grey_medium.svg)
}

.docs-grille-gm3 .docs-material .docs-icon-img,
.docs-icons-cleanup .docs-material .docs-icon-img {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_gm3_grey_medium.svg)
}

.docs-material .docs-icon-img-container {
  height: 1298px;
  position: absolute;
  width: 2138px
}

.docs-material .goog-menuitem-icon .docs-icon-img-container {
  opacity: .54
}

.docs-gm .docs-material .goog-menuitem-icon .docs-icon-img-container,
.docs-material .goog-menuitem-icon .docs-icon-document,
.docs-material .goog-menuitem-icon .docs-icon-drawing,
.docs-material .goog-menuitem-icon .docs-icon-form,
.docs-material .goog-menuitem-icon .docs-icon-presentation,
.docs-material .goog-menuitem-icon .docs-icon-punch,
.docs-material .goog-menuitem-icon .docs-icon-script,
.docs-material .goog-menuitem-icon .docs-icon-site,
.docs-material .goog-menuitem-icon .docs-icon-spreadsheet {
  opacity: 1
}

.docs-material .goog-toolbar-button-inner-box .docs-icon,
.docs-material .goog-toolbar-menu-button-caption .docs-icon,
.docs-material .goog-toolbar-menu-button-caption .goog-color-menu-button-indicator .docs-icon {
  margin-top: 0
}

.docs-gm .docs-icon-video-camera-front-18 .docs-icon-img:before,
.docs-gm .docs-icon-video-camera-front-24 .docs-icon-img:before,
.docs-gm .docs-material .docs-analytics-sidebar-tab-selected .docs-icon-img:before,
.docs-gm .docs-material .docs-smart-summary-tinted.docs-icon-img:before,
.docs-gm .docs-material .kix-calendar-template-date-range-picker-blue-icon .docs-icon-img:before,
.docs-gm .docs-material .kix-task-bubble-blue-icon .docs-icon-img:before,
.docs-gm .docs-material .waffle-named-ranges-promo-title .docs-icon-img:before,
.docs-gm .docs-material.docs-sheet-active-tab .docs-icon-img:before,
.docs-material .docs-icon-system-applied-labels.docs-icon-img:before,
.docs-material .docs-odp-banner-icon .docs-icon-editors-ia-label.docs-icon-img:before,
.docs-material .smart-canvas-date-details-bubble-book-meeting-button .docs-icon-img:before,
.docs-material .smart-canvas-date-details-bubble-pattern-picker-button .docs-icon-img:before,
.docs-material .smart-canvas-date-details-bubble-pattern-picker-button-original .docs-icon-img:before {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_green.svg)
}

.docs-gm .docs-icon-video-camera-front-18 .docs-icon-img,
.docs-gm .docs-icon-video-camera-front-24 .docs-icon-img,
.docs-gm .docs-material .docs-analytics-sidebar-tab-selected .docs-icon-img,
.docs-gm .docs-material .docs-smart-summary-tinted.docs-icon-img,
.docs-gm .docs-material .kix-calendar-template-date-range-picker-blue-icon .docs-icon-img,
.docs-gm .docs-material .kix-task-bubble-blue-icon .docs-icon-img,
.docs-gm .docs-material .waffle-named-ranges-promo-title .docs-icon-img,
.docs-gm .docs-material.docs-sheet-active-tab .docs-icon-img,
.docs-material .docs-icon-system-applied-labels.docs-icon-img,
.docs-material .docs-odp-banner-icon .docs-icon-editors-ia-label.docs-icon-img,
.docs-material .smart-canvas-date-details-bubble-book-meeting-button .docs-icon-img,
.docs-material .smart-canvas-date-details-bubble-pattern-picker-button .docs-icon-img,
.docs-material .smart-canvas-date-details-bubble-pattern-picker-button-original .docs-icon-img {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_green.svg)
}

.docs-material.clean-palette .docs-icon {
  margin: 4px
}

.docs-material .docs-omnibox-row-icon .shape-icon {
  margin: -1px 0 0 -1px
}

.docs-icon-font-test {
  font-family: Google Symbols;
  height: 0;
  position: absolute;
  overflow: hidden;
  width: 0;
  z-index: -1
}

.docs-material .docs-icon-editors-ia-accessibility-person {
  left: -1850px;
  top: -540px
}

.docs-material .docs-icon-editors-ia-add-box {
  left: -624px;
  top: -326px
}

.docs-material .docs-icon-editors-ia-add-comment {
  left: -1914px;
  top: -1190px
}

.docs-material .docs-icon-editors-ia-add-ons-docs {
  left: -1720px;
  top: -622px
}

.docs-material .docs-icon-editors-ia-add-ons-sheets {
  left: -696px;
  top: -1082px
}

.docs-material .docs-icon-editors-ia-add-ons-slides {
  left: -2062px;
  top: -228px
}

.docs-material .docs-icon-editors-ia-add-person {
  left: -1562px;
  top: -250px
}

.docs-material .docs-icon-editors-ia-add-photo {
  left: -1936px;
  top: -232px
}

.docs-material .docs-icon-editors-ia-add-to-drive {
  left: -1398px;
  top: -888px
}

.docs-material .docs-icon-editors-ia-align-bottom {
  left: -1764px;
  top: -306px
}

.docs-material .docs-icon-editors-ia-align-center {
  left: -1582px;
  top: -530px
}

.docs-material .docs-icon-editors-ia-align-horizontal-center {
  left: -1228px;
  top: -898px
}

.docs-material .docs-icon-editors-ia-align-horizontal-left {
  left: -820px;
  top: -374px
}

.docs-material .docs-icon-editors-ia-align-horizontal-right {
  left: -78px;
  top: -869px
}

.docs-material .docs-icon-editors-ia-align-justify {
  left: -560px;
  top: -702px
}

.docs-material .docs-icon-editors-ia-align-left {
  left: -304px;
  top: -836px
}

.docs-material .docs-icon-editors-ia-align-middle {
  left: -352px;
  top: -1104px
}

.docs-material .docs-icon-editors-ia-align-right {
  left: -676px;
  top: -1108px
}

.docs-material .docs-icon-editors-ia-align-top {
  left: -670px;
  top: -813px
}

.docs-material .docs-icon-editors-ia-looker-studio {
  left: -1282px;
  top: -430px
}

.docs-material .docs-icon-editors-ia-looker-studio-18 {
  left: -420px;
  top: -948px
}

.docs-material .docs-icon-editors-ia-align-vertical-bottom {
  left: -1398px;
  top: -1232px
}

.docs-material .docs-icon-editors-ia-align-vertical-center {
  left: -618px;
  top: -564px
}

.docs-material .docs-icon-editors-ia-align-vertical-top {
  left: -692px;
  top: -150px
}

.docs-material .docs-icon-editors-ia-alphabetical-sort {
  left: -236px;
  top: -924px
}

.docs-material .docs-icon-editors-ia-alphabetical-sort-reverse {
  left: -1648px;
  top: -558px
}

.docs-material .docs-icon-editors-ia-animation {
  left: -1982px;
  top: -270px
}

.docs-material .docs-icon-editors-ia-antenna-update {
  left: -2068px;
  top: -1126px
}

.docs-material .docs-icon-editors-ia-approvals-stamp {
  left: -2042px;
  top: -388px
}

.docs-material .docs-icon-editors-ia-apps-script {
  left: -502px;
  top: -196px
}

.docs-material .docs-icon-info-24x24 {
  left: -822px;
  top: -202px
}

.docs-material .docs-shield-off-20x20 {
  left: -958px;
  top: -988px
}

.docs-material .docs-shield-20x20 {
  left: -1338px;
  top: -258px
}

.docs-material .docs-icon-editors-ia-article-document {
  left: -1588px;
  top: -928px
}

.docs-material .docs-icon-editors-ia-article-document-blue {
  left: -1104px;
  top: -624px
}

.docs-material .docs-icon-editors-ia-article-document-filled {
  left: -1010px;
  top: -1192px
}

.docs-material .docs-icon-article-document-encrypted-20x20 {
  left: -152px;
  top: -214px
}

.docs-material .docs-icon-article-document-encrypted-18x18 {
  left: -624px;
  top: -392px
}

.docs-material .docs-icon-editors-ia-auto-complete-draw {
  left: -1850px;
  top: -580px
}

.docs-material .docs-icon-editors-ia-auto-fix-wand {
  left: -498px;
  top: -1194px
}

.docs-material .docs-icon-editors-ia-bigquery {
  left: -78px;
  top: -148px
}

.docs-material .docs-icon-editors-ia-bold {
  left: -1062px;
  top: -382px
}

.docs-material .docs-icon-editors-ia-bookmark {
  left: -78px;
  top: -232px
}

.docs-material .docs-icon-editors-ia-calendar-event {
  left: -1896px;
  top: -966px
}

.docs-material .docs-icon-editors-ia-camera {
  left: -1082px;
  top: -226px
}

.docs-material .docs-icon-editors-ia-chart {
  left: -1918px;
  top: -1018px
}

.docs-material .docs-icon-editors-ia-chart-horizontal {
  left: -602px;
  top: -456px
}

.docs-material .docs-icon-editors-ia-change-connector {
  left: -1034px;
  top: -252px
}

.docs-material .docs-icon-editors-ia-checkbox {
  left: -1622px;
  top: -622px
}

.docs-material .docs-icon-editors-ia-chips-people {
  left: -1674px;
  top: -178px
}

.docs-material .docs-icon-editors-ia-clear-format {
  left: -1754px;
  top: -472px
}

.docs-material .docs-icon-editors-ia-close {
  left: -2088px;
  top: -944px
}

.docs-material .docs-icon-editors-ia-columns {
  left: -172px;
  top: -794px
}

.docs-material .docs-icon-editors-ia-colors-fill {
  left: -130px;
  top: -120px
}

.docs-material .docs-icon-editors-ia-comment-edit {
  left: 0;
  top: -116px
}

.docs-material .docs-icon-delete {
  left: -1798px;
  top: -250px
}

.docs-material .docs-icon-editors-ia-comment-edit-green700 {
  left: -120px;
  top: -1116px
}

.docs-material .docs-icon-editors-ia-comment-feedback-warning {
  left: -1956px;
  top: -218px
}

.docs-material .docs-icon-editors-ia-comment-lines {
  left: -540px;
  top: -928px
}

.docs-material .docs-icon-editors-ia-compare-arrows {
  left: -1808px;
  top: -436px
}

.docs-material .docs-icon-editors-ia-content-copy {
  left: -1876px;
  top: -470px
}

.docs-material .docs-icon-editors-ia-control-point-duplicate {
  left: -2042px;
  top: -1198px
}

.docs-material .docs-icon-editors-ia-crop {
  left: -656px;
  top: -1108px
}

.docs-material .docs-icon-editors-ia-cut {
  left: -1980px;
  top: -1040px
}

.docs-material .docs-icon-editors-ia-database {
  left: -1602px;
  top: -596px
}

.docs-material .docs-icon-editors-ia-delete-trash {
  left: -1674px;
  top: -198px
}

.docs-material .docs-icon-editors-ia-device-hub-connector {
  left: -1156px;
  top: -454px
}

.docs-material .docs-icon-editors-ia-dictionary {
  left: -624px;
  top: -372px
}

.docs-material .docs-icon-dictionary-blue {
  left: -1760px;
  top: -692px
}

.docs-material .docs-icon-editors-ia-distribute-shapes-horizontal {
  left: -774px;
  top: -1084px
}

.docs-material .docs-icon-editors-ia-distribute-shapes-vertical {
  left: -1034px;
  top: -212px
}

.docs-material .docs-icon-editors-ia-download {
  left: -1690px;
  top: -1250px
}

.docs-material .docs-icon-editors-ia-download-box {
  left: -1886px;
  top: -106px
}

.docs-material .docs-icon-editors-ia-drag-move {
  left: -2082px;
  top: -188px
}

.docs-material .docs-icon-editors-ia-drawings {
  left: -326px;
  top: -1034px
}

.docs-material .docs-icon-editors-ia-drawings-filled {
  left: -1562px;
  top: -1046px
}

.docs-material .docs-icon-editors-ia-drawings-red {
  left: -1562px;
  top: -1066px
}

.docs-material .docs-icon-editors-ia-drive-video {
  left: -1730px;
  top: -1198px
}

.docs-material .docs-icon-editors-ia-dropdown-arrow-in-circle {
  left: -988px;
  top: -868px
}

.docs-material .docs-icon-editors-ia-edit-pen {
  left: -1708px;
  top: -1106px
}

.docs-material .docs-icon-editors-ia-edit-pen-blue700 {
  left: -522px;
  top: -284px
}

.docs-material .docs-icon-editors-ia-email-outline {
  left: -1808px;
  top: -352px
}

.docs-material .docs-icon-editors-ia-emoji {
  left: -120px;
  top: -352px
}

.docs-material .docs-icon-editors-ia-encrypted-shield {
  left: -656px;
  top: -1154px
}

.docs-material .docs-icon-editors-ia-equals-circle {
  left: -580px;
  top: -544px
}

.docs-material .docs-icon-editors-ia-equation-pi-squared {
  left: 0;
  top: -506px
}

.docs-material .docs-icon-editors-ia-expand {
  left: -1398px;
  top: -382px
}

.docs-material .docs-icon-editors-ia-expand-horizontal {
  left: -214px;
  top: -1034px
}

.docs-material .docs-icon-editors-ia-explore {
  left: -1122px;
  top: -1058px
}

.docs-material .docs-icon-editors-ia-extract-sheet-copy {
  left: -1934px;
  top: -1190px
}

.docs-material .docs-icon-editors-ia-file-bullet-form {
  left: -1360px;
  top: -280px
}

.docs-material .docs-icon-editors-ia-file-copy {
  left: -262px;
  top: -728px
}

.docs-material .docs-icon-editors-ia-filter-bars {
  left: -2116px;
  top: -602px
}

.docs-material .docs-icon-editors-ia-filter-funnel {
  left: -712px;
  top: -190px
}

.docs-material .docs-icon-editors-ia-filter-funnel-solid {
  left: -1726px;
  top: -94px
}

.docs-material .docs-icon-editors-ia-filter-table-view {
  left: -1890px;
  top: -152px
}

.docs-material .docs-icon-editors-ia-find-in-page {
  left: -1748px;
  top: -1158px
}

.docs-material .docs-icon-editors-ia-find-replace {
  left: -1786px;
  top: -772px
}

.docs-material .docs-icon-editors-ia-flip-to-front {
  left: -1536px;
  top: -116px
}

.docs-material .docs-icon-editors-ia-focus-center {
  left: 0;
  top: -977px
}

.docs-material .docs-icon-editors-ia-folder {
  left: -1556px;
  top: -636px
}

.docs-material .docs-icon-editors-ia-folder-move {
  left: -502px;
  top: -216px
}

.docs-material .docs-icon-editors-ia-format-group {
  left: -262px;
  top: -626px
}

.docs-material .docs-icon-editors-ia-format-shapes {
  left: -1954px;
  top: -1190px
}

.docs-material .docs-icon-editors-ia-format-ungroup {
  left: -262px;
  top: -666px
}

.docs-material .docs-icon-editors-ia-font-text-size {
  left: -1536px;
  top: -730px
}

.docs-material .docs-icon-editors-ia-freeze-row-column {
  left: -1648px;
  top: -1198px
}

.docs-material .docs-icon-editors-ia-fullscreen {
  left: -446px;
  top: -1098px
}

.docs-material .docs-icon-editors-ia-fullscreen-exit {
  left: -2062px;
  top: -950px
}

.docs-material .docs-icon-editors-ia-globe {
  left: -988px;
  top: -628px
}

.docs-material .docs-icon-editors-ia-grid-goldenratio {
  left: -1938px;
  top: -584px
}

.docs-material .docs-icon-editors-ia-grid-range {
  left: -2064px;
  top: -790px
}

.docs-material .docs-icon-editors-ia-header-footer {
  left: -1136px;
  top: -408px
}

.docs-material .docs-icon-editors-ia-help {
  left: -120px;
  top: -732px
}

.docs-material .docs-icon-editors-ia-hide-invisible {
  left: -1536px;
  top: -448px
}

.docs-material .docs-icon-editors-ia-hierarchy {
  left: -628px;
  top: -610px
}

.docs-material .docs-icon-editors-ia-history-restore {
  left: -1250px;
  top: -642px
}

.docs-material .docs-icon-editors-ia-horizontal-line {
  left: -1264px;
  top: -1020px
}

.docs-material .docs-icon-editors-ia-horizontal-rows {
  left: -1420px;
  top: -502px
}

.docs-material .docs-icon-editors-ia-import {
  left: -2062px;
  top: -388px
}

.docs-material .docs-icon-editors-ia-indent-decrease {
  left: -2068px;
  top: -990px
}

.docs-material .docs-icon-editors-ia-indent-decrease-rtl {
  left: -540px;
  top: -348px
}

.docs-material .docs-icon-editors-ia-indent-increase {
  left: -1446px;
  top: -260px
}

.docs-material .docs-icon-editors-ia-indent-increase-rtl {
  left: -1870px;
  top: -336px
}

.docs-material .docs-icon-editors-ia-info {
  left: -1710px;
  top: -1218px
}

.docs-material .docs-icon-editors-ia-ink-pen {
  left: -896px;
  top: -150px
}

.docs-material .docs-icon-editors-ia-input {
  left: -1582px;
  top: -490px
}

.docs-material .docs-icon-editors-ia-insights {
  left: -1626px;
  top: -926px
}

.docs-material .docs-icon-editors-ia-internet-globe {
  left: -210px;
  top: -482px
}

.docs-material .docs-icon-editors-ia-italic {
  left: -600px;
  top: -544px
}

.docs-material .docs-icon-editors-ia-keyboard {
  left: -312px;
  top: -234px
}

.docs-material .docs-icon-editors-ia-keyboard-tab {
  left: -120px;
  top: -1252px
}

.docs-material .docs-icon-editors-ia-label {
  left: -1472px;
  top: -768px
}

.docs-material .docs-icon-editors-ia-lightbulb {
  left: -774px;
  top: -1062px
}

.docs-material .docs-icon-editors-ia-line-chart-landscape {
  left: -78px;
  top: -272px
}

.docs-material .docs-icon-editors-ia-line-spacing {
  left: -676px;
  top: -1174px
}

.docs-material .docs-icon-editors-ia-line-tool {
  left: -1260px;
  top: -734px
}

.docs-material .docs-icon-editors-ia-link {
  left: -1172px;
  top: -312px
}

.docs-material .docs-icon-editors-ia-link-box {
  left: -1008px;
  top: -888px
}

.docs-material .docs-icon-editors-ia-link-off {
  left: -1798px;
  top: -158px
}

.docs-material .docs-icon-editors-ia-list-bulleted {
  left: -2062px;
  top: -188px
}

.docs-material .docs-icon-editors-ia-list-bulleted-rtl {
  left: -1144px;
  top: -1180px
}

.docs-material .docs-icon-editors-ia-list-numbered {
  left: -20px;
  top: -889px
}

.docs-material .docs-icon-editors-ia-lock-close {
  left: -140px;
  top: -1170px
}

.docs-material .docs-icon-editors-ia-lock-open {
  left: -1536px;
  top: -276px
}

.docs-material .docs-icon-editors-ia-logo-forms {
  left: -192px;
  top: -794px
}

.docs-material .docs-icon-editors-ia-looker {
  left: -576px;
  top: 0
}

.docs-material .docs-icon-editors-ia-merge {
  left: -1012px;
  top: -84px
}

.docs-material .docs-icon-editors-ia-microphone {
  left: -1870px;
  top: -356px
}

.docs-material .docs-icon-editors-ia-minus-box {
  left: -624px;
  top: -94px
}

.docs-material .docs-icon-editors-ia-more-ellipsis-vertical {
  left: -418px;
  top: 0
}

.docs-material .docs-icon-editors-ia-move-slide-down {
  left: -1330px;
  top: -1020px
}

.docs-material .docs-icon-editors-ia-move-slide-up {
  left: -2042px;
  top: -1178px
}

.docs-material .docs-icon-editors-ia-note {
  left: -800px;
  top: -308px
}

.docs-material .docs-icon-editors-ia-notes-lines {
  left: -1536px;
  top: -296px
}

.docs-material .docs-icon-editors-ia-notification-bell {
  left: -1984px;
  top: -1100px
}

.docs-material .docs-icon-editors-ia-number-sign {
  left: -884px;
  top: -46px
}

.docs-material .docs-icon-editors-ia-numbers-123 {
  left: -1870px;
  top: -152px
}

.docs-material .docs-icon-editors-ia-offline-pin {
  left: -1982px;
  top: -338px
}

.docs-material .docs-icon-editors-ia-offline-pin-filled {
  left: -174px;
  top: -214px
}

.docs-material .docs-icon-editors-ia-omega-special-character {
  left: -520px;
  top: -308px
}

.docs-material .docs-icon-editors-ia-opacity {
  left: -1398px;
  top: -724px
}

.docs-material .docs-icon-editors-ia-open-new-window {
  left: -2002px;
  top: -250px
}

.docs-material .docs-icon-editors-ia-page-break {
  left: -540px;
  top: -504px
}

.docs-material .docs-icon-editors-ia-page-description {
  left: -1398px;
  top: -522px
}

.docs-material .docs-icon-editors-ia-page-orientation {
  left: -471px;
  top: -524px
}

.docs-material .docs-icon-editors-ia-paint-palette-theme {
  left: -2100px;
  top: -142px
}

.docs-material .docs-icon-editors-ia-paintbrush {
  left: -1166px;
  top: -84px
}

.docs-material .docs-icon-editors-ia-paintbrush-box {
  left: -1600px;
  top: -336px
}

.docs-material .docs-icon-editors-ia-paragraph-right-to-left {
  left: 0;
  top: -96px
}

.docs-material .docs-icon-editors-ia-paste {
  left: -1284px;
  top: -1020px
}

.docs-material .docs-icon-editors-ia-paste-no-format {
  left: -473px;
  top: -628px
}

.docs-material .docs-icon-editors-ia-people-group {
  left: -1062px;
  top: -246px
}

.docs-material .docs-icon-editors-ia-performance-meter {
  left: -332px;
  top: -48px
}

.docs-material .docs-icon-editors-ia-person {
  left: -178px;
  top: -166px
}

.docs-material .docs-icon-editors-ia-person-check {
  left: -1012px;
  top: -64px
}

.docs-material .docs-icon-editors-ia-pin {
  left: -326px;
  top: -1120px
}

.docs-material .docs-icon-editors-ia-pin-off {
  left: -1398px;
  top: -450px
}

.docs-material .docs-icon-editors-ia-photo-image {
  left: -2104px;
  top: -254px
}

.docs-material .docs-icon-editors-ia-photo-image-select {
  left: -606px;
  top: -824px
}

.docs-material .docs-icon-editors-ia-photos {
  left: -326px;
  top: -1054px
}

.docs-material .docs-icon-editors-ia-pie-chart {
  left: -1418px;
  top: -1096px
}

.docs-material .docs-icon-editors-ia-pivot-table {
  left: -1870px;
  top: -192px
}

.docs-material .docs-icon-editors-ia-place-item {
  left: -522px;
  top: -238px
}

.docs-material .docs-icon-editors-ia-play-circle {
  left: -1426px;
  top: -302px
}

.docs-material .docs-icon-editors-ia-plus {
  left: -1674px;
  top: -1086px
}

.docs-material .docs-icon-editors-ia-plus-24 {
  left: -1876px;
  top: -516px
}

.docs-material .docs-icon-editors-ia-plx {
  left: -20px;
  top: -308px
}

.docs-material .docs-icon-editors-ia-post-add {
  left: -2002px;
  top: -210px
}

.docs-material .docs-icon-editors-ia-presentation {
  left: -1950px;
  top: -152px
}

.docs-material .docs-icon-editors-ia-presentation-yellow {
  left: -988px;
  top: -1092px
}

.docs-material .docs-icon-editors-ia-print {
  left: -2042px;
  top: -274px
}

.docs-material .docs-icon-editors-ia-question-answer {
  left: -1648px;
  top: -830px
}

.docs-material .docs-icon-editors-ia-quotes {
  left: -968px;
  top: -556px
}

.docs-material .docs-icon-editors-ia-redo,
.docs-material .docs-icon-editors-ia-undo-rtl {
  left: -262px;
  top: -646px
}

.docs-material .docs-icon-editors-ia-refresh {
  left: -902px;
  top: -804px
}

.docs-material .docs-icon-editors-ia-rename {
  left: -302px;
  top: -788px
}

.docs-material .docs-icon-editors-ia-reset-image {
  left: -453px;
  top: -648px
}

.docs-material .docs-icon-editors-ia-resize-box {
  left: -100px;
  top: -308px
}

.docs-material .docs-icon-editors-ia-right-angle {
  left: -438px;
  top: 0
}

.docs-material .docs-icon-editors-ia-rotate-right-clockwise {
  left: -1558px;
  top: -380px
}

.docs-material .docs-icon-editors-ia-save {
  left: -1218px;
  top: -244px
}

.docs-material .docs-icon-editors-ia-school-graduation {
  left: -1648px;
  top: -598px
}

.docs-material .docs-icon-editors-ia-select-all {
  left: -1102px;
  top: -878px
}

.docs-material .docs-icon-editors-ia-settings-gear {
  left: -350px;
  top: -776px
}

.docs-material .docs-icon-editors-ia-shapes {
  left: -846px;
  top: -328px
}

.docs-material .docs-icon-editors-ia-sheets-tab {
  left: -644px;
  top: -94px
}

.docs-material .docs-icon-editors-ia-shuffle-swap {
  left: -1950px;
  top: -726px
}

.docs-material .docs-icon-editors-ia-sigma-function {
  left: -282px;
  top: -728px
}

.docs-material .docs-icon-editors-ia-slideshow {
  left: -1034px;
  top: -232px
}

.docs-material .docs-icon-editors-ia-sort {
  left: -1740px;
  top: -348px
}

.docs-material .docs-icon-editors-ia-sort-ascending {
  left: -1398px;
  top: -638px
}

.docs-material .docs-icon-editors-ia-sort-descending {
  left: -196px;
  top: -256px
}

.docs-material .docs-icon-editors-ia-speaker-notes {
  left: -1536px;
  top: -636px
}

.docs-material .docs-icon-editors-ia-spellcheck {
  left: -1122px;
  top: -1078px
}

.docs-material .docs-icon-editors-ia-split {
  left: -302px;
  top: -816px
}

.docs-material .docs-icon-editors-ia-split-columns {
  left: -1122px;
  top: -1124px
}

.docs-material .docs-icon-editors-ia-spreadsheet-black {
  left: -1062px;
  top: -878px
}

.docs-material .docs-icon-editors-ia-spreadsheet-green {
  left: -176px;
  top: -26px
}

.docs-material .docs-icon-editors-ia-square-box-selection {
  left: -1894px;
  top: -1190px
}

.docs-material .docs-icon-editors-ia-square-grid-view {
  left: -216px;
  top: -572px
}

.docs-material .docs-icon-editors-ia-square-rounded {
  left: -1917px;
  top: -398px
}

.docs-material .docs-icon-editors-ia-strikethrough {
  left: -1398px;
  top: -678px
}

.docs-material .docs-icon-editors-ia-swap-vertical {
  left: -1536px;
  top: -1142px
}

.docs-material .docs-icon-editors-ia-sync {
  left: -1668px;
  top: -718px
}

.docs-material .docs-icon-editors-ia-sync-problem {
  left: -1962px;
  top: -424px
}

.docs-material .docs-icon-editors-ia-table-chart {
  left: -1536px;
  top: -358px
}

.docs-material .docs-icon-editors-ia-table-check {
  left: -196px;
  top: -26px
}

.docs-material .docs-icon-editors-ia-table-tab {
  left: -1668px;
  top: -1126px
}

.docs-material .docs-icon-editors-ia-text-fields {
  left: -1228px;
  top: -918px
}

.docs-material .docs-icon-editors-ia-text-fields-24 {
  left: -1584px;
  top: -176px
}

.docs-material .docs-icon-format-quote-24 {
  left: -46px;
  top: -282px
}

.docs-material .docs-icon-add-20-gm3-light-on-secondary {
  left: -904px;
  top: -86px
}

.docs-material .docs-icon-editors-ia-text-rotate-angle-down {
  left: -1536px;
  top: -860px
}

.docs-material .docs-icon-editors-ia-text-rotate-angle-up {
  left: -820px;
  top: -308px
}

.docs-material .docs-icon-editors-ia-text-rotate-down {
  left: -172px;
  top: -620px
}

.docs-material .docs-icon-editors-ia-text-rotate-none {
  left: 0;
  top: -486px
}

.docs-material .docs-icon-editors-ia-text-rotate-up {
  left: -540px;
  top: -390px
}

.docs-material .docs-icon-editors-ia-text-rotate-vertical-stack {
  left: -1918px;
  top: -584px
}

.docs-material .docs-icon-editors-ia-timeline {
  left: -1648px;
  top: -622px
}

.docs-material .docs-icon-editors-ia-transition {
  left: -1982px;
  top: -42px
}

.docs-material .docs-icon-editors-ia-translate {
  left: -1398px;
  top: -990px
}

.docs-material .docs-icon-editors-ia-trending-up-arrow {
  left: -810px;
  top: -702px
}

.docs-material .docs-keyboard-arrow-down-20x20 {
  left: -926px;
  top: -524px
}

.docs-material .docs-keyboard-arrow-right-20x20 {
  left: -568px;
  top: -176px
}

.docs-material .docs-icon-editors-ia-triangle-problem-warning {
  left: -1360px;
  top: -340px
}

.docs-material .docs-icon-editors-ia-underline {
  left: -1876px;
  top: -862px
}

.docs-material .docs-icon-editors-ia-redo-rtl,
.docs-material .docs-icon-editors-ia-undo {
  left: -1930px;
  top: -378px
}

.docs-material .docs-icon-editors-ia-update-clock {
  left: -692px;
  top: -230px
}

.docs-material .docs-icon-editors-ia-upload {
  left: -874px;
  top: -250px
}

.docs-material .docs-icon-editors-ia-user-edit-history {
  left: -1742px;
  top: -264px
}

.docs-material .docs-icon-editors-ia-user-preference-settings {
  left: -1674px;
  top: -326px
}

.docs-material .docs-icon-editors-ia-vertical-columns {
  left: -742px;
  top: -1088px
}

.docs-material .docs-icon-editors-ia-view-compact {
  left: -2080px;
  top: -168px
}

.docs-material .docs-icon-editors-ia-view-show {
  left: -1922px;
  top: -606px
}

.docs-material .docs-icon-editors-ia-volume-up {
  left: -692px;
  top: -282px
}

.docs-material .docs-icon-editors-ia-word-art {
  left: -560px;
  top: -738px
}

.docs-material .docs-icon-editors-ia-wrap-text-clip {
  left: -1984px;
  top: -1126px
}

.docs-material .docs-icon-editors-ia-wrap-text-overflow {
  left: 0;
  top: -308px
}

.docs-material .docs-icon-editors-ia-wrap-text-wrap {
  left: -1132px;
  top: -312px
}

.docs-material .docs-icon-editors-ia-zoom-in {
  left: -491px;
  top: -504px
}

.docs-material .docs-icon-drive-monochrome-2021 {
  left: -1152px;
  top: -312px
}

.docs-material .docs-icon-drive-monochrome-2021-24 {
  left: -2008px;
  top: -358px
}

.docs-material .docs-icon-add-to-drive-2021 {
  left: -1982px;
  top: -62px
}

.docs-material .docs-icon-save {
  left: -2004px;
  top: -164px
}

.docs-material .docs-icon-print {
  left: -696px;
  top: -996px
}

.docs-material .docs-icon-print-20 {
  left: -498px;
  top: -1172px
}

.docs-material .docs-icon-redo-rtl,
.docs-material .docs-icon-undo {
  left: -1582px;
  top: -616px
}

.docs-material .docs-icon-redo-rtl-20,
.docs-material .docs-icon-undo-20 {
  left: -1740px;
  top: -648px
}

.docs-material .docs-icon-redo,
.docs-material .docs-icon-undo-rtl {
  left: -1890px;
  top: -378px
}

.docs-material .docs-icon-redo-20,
.docs-material .docs-icon-undo-rtl-20 {
  left: -1712px;
  top: -420px
}

.docs-material .docs-icon-copy {
  left: -596px;
  top: 0
}

.docs-material .docs-icon-copy-24 {
  left: -150px;
  top: -26px
}

.docs-material .docs-icon-cut {
  left: -2062px;
  top: -520px
}

.docs-material .docs-icon-paste {
  left: -236px;
  top: -1034px
}

.docs-material .docs-icon-document {
  left: -1252px;
  top: -42px
}

.docs-material .docs-icon-presentation,
.docs-material .docs-icon-punch {
  left: -46px;
  top: -849px
}

.docs-material .docs-icon-presentation-grey900 {
  left: -20px;
  top: -1045px
}

.docs-material .docs-icon-presentation-no-fill-18x18 {
  left: -1158px;
  top: -570px
}

.docs-material .docs-icon-presentation-encrypted-no-fill-18x18 {
  left: -1648px;
  top: -352px
}

.docs-material .docs-icon-spreadsheet {
  left: -346px;
  top: -878px
}

.docs-material .docs-icon-spreadsheet-no-fill-18x18 {
  left: -1668px;
  top: -484px
}

.docs-material .docs-icon-spreadsheet-encrypted-no-fill-18x18 {
  left: -120px;
  top: -660px
}

.docs-material .docs-icon-form {
  left: -1870px;
  top: -238px
}

.docs-material .docs-icon-form-black {
  left: -1398px;
  top: -908px
}

.docs-material .docs-icon-drawing {
  left: -1584px;
  top: -156px
}

.docs-material .docs-icon-site {
  left: -453px;
  top: -586px
}

.docs-material .docs-icon-drawing-black {
  left: -433px;
  top: -552px
}

.docs-material .docs-icon-drawing-black-24 {
  left: -40px;
  top: -889px
}

.docs-material .docs-icon-emoji-objects-outline-24x24 {
  left: -2012px;
  top: -848px
}

.docs-material .docs-icon-excel {
  left: -706px;
  top: -676px
}

.docs-material .docs-icon-excel-encrypted-18x18 {
  left: -580px;
  top: -876px
}

.docs-material .docs-icon-powerpoint {
  left: -1694px;
  top: -372px
}

.docs-material .docs-icon-powerpoint-encrypted-18x18 {
  left: -562px;
  top: -326px
}

.docs-material .docs-icon-word {
  left: -988px;
  top: -888px
}

.docs-material .docs-icon-word-encrypted-18x18 {
  left: -1424px;
  top: -658px
}

.docs-material .docs-icon-script {
  left: -418px;
  top: -174px
}

.docs-material .docs-icon-insert-script {
  left: -560px;
  top: -524px
}

.docs-material .docs-icon-autocorrect-24x24 {
  left: -140px;
  top: -706px
}

.docs-material .docs-icon-do-not-correct-24x24 {
  left: -739px;
  top: -948px
}

.docs-material .docs-icon-feedback-24x24 {
  left: -1362px;
  top: -86px
}

.docs-material .docs-icon-visibility-off-24x24 {
  left: -1398px;
  top: -402px
}

.docs-material .docs-icon-volume-up-18x18 {
  left: -1122px;
  top: -1098px
}

.docs-material .docs-icon-gadget {
  left: -696px;
  top: -1042px
}

.docs-material .docs-icon-generate-slides-18x18 {
  left: -1648px;
  top: -286px
}

.docs-material .docs-icon-gif-box-18x18 {
  left: -1850px;
  top: -560px
}

.docs-material .docs-icon-gif-box-24x24 {
  left: -472px;
  top: -1172px
}

.docs-material .docs-icon-image {
  left: -1876px;
  top: -706px
}

.docs-material .docs-icon-clipboard {
  left: -1746px;
  top: -198px
}

.docs-material .docs-icon-bold {
  left: -958px;
  top: -948px
}

.docs-material .docs-icon-bold-20 {
  left: -1876px;
  top: -818px
}

.docs-material .docs-icon-italic {
  left: -1910px;
  top: -378px
}

.docs-material .docs-icon-italic-20 {
  left: -1948px;
  top: -278px
}

.docs-material .docs-icon-text-color {
  left: -2042px;
  top: -750px
}

.docs-material .docs-icon-text-color-20 {
  left: -1850px;
  top: -418px
}

.docs-material .docs-icon-align-left {
  left: -407px;
  top: -822px
}

.docs-material .docs-icon-align-left-20 {
  left: -1354px;
  top: -408px
}

.docs-material .docs-icon-align-center {
  left: -146px;
  top: -752px
}

.docs-material .docs-icon-align-center-20 {
  left: -262px;
  top: -686px
}

.docs-material .docs-icon-align-right {
  left: 0;
  top: -546px
}

.docs-material .docs-icon-align-right-20 {
  left: -1440px;
  top: -428px
}

.docs-material .docs-icon-align-justify {
  left: -1536px;
  top: -596px
}

.docs-material .docs-icon-align-justify-20 {
  left: -1134px;
  top: -524px
}

.docs-material .docs-icon-align-shapes-left {
  left: -540px;
  top: -430px
}

.docs-material .docs-icon-align-shapes-center {
  left: -194px;
  top: -214px
}

.docs-material .docs-icon-align-shapes-right {
  left: -1648px;
  top: -1178px
}

.docs-material .docs-icon-align-shapes-top {
  left: -1708px;
  top: -578px
}

.docs-material .docs-icon-align-shapes-middle {
  left: -26px;
  top: -1123px
}

.docs-material .docs-icon-align-shapes-bottom {
  left: -1990px;
  top: -828px
}

.docs-material .docs-icon-alternate-email-12x12 {
  left: -1182px;
  top: -734px
}

.docs-material .docs-icon-distribute-shapes-horizontally {
  left: -540px;
  top: -524px
}

.docs-material .docs-icon-distribute-shapes-vertically {
  left: -1668px;
  top: -738px
}

.docs-material .docs-icon-valign-top {
  left: -2116px;
  top: -582px
}

.docs-material .docs-icon-valign-top-20 {
  left: -948px;
  top: -170px
}

.docs-material .docs-icon-valign-middle {
  left: -466px;
  top: -902px
}

.docs-material .docs-icon-valign-middle-20 {
  left: -310px;
  top: 0
}

.docs-material .docs-icon-valign-bottom {
  left: -450px;
  top: -22px
}

.docs-material .docs-icon-valign-bottom-20 {
  left: -472px;
  top: -976px
}

.docs-material .docs-icon-list-number {
  left: -1584px;
  top: -68px
}

.docs-material .docs-icon-list-number-20 {
  left: -460px;
  top: -84px
}

.docs-material .docs-icon-list-number-24 {
  left: -540px;
  top: -778px
}

.docs-material .docs-icon-list-numbered-54-30 {
  left: -540px;
  top: -896px
}

.docs-material .docs-icon-list-bullet {
  left: -130px;
  top: -46px
}

.docs-material .docs-icon-list-bullet-20 {
  left: -394px;
  top: -1034px
}

.docs-material .docs-icon-list-bullet-24 {
  left: -1190px;
  top: -962px
}

.docs-material .docs-icon-list-bulleted-54-30 {
  left: -1278px;
  top: -382px
}

.docs-material .docs-icon-indent {
  left: -382px;
  top: -944px
}

.docs-material .docs-icon-indent-20 {
  left: -1980px;
  top: -1018px
}

.docs-material .docs-icon-outdent {
  left: -256px;
  top: -924px
}

.docs-material .docs-icon-outdent-20 {
  left: -472px;
  top: -998px
}

.docs-material .docs-icon-line-spacing {
  left: -1648px;
  top: -306px
}

.docs-material .docs-icon-line-spacing-20 {
  left: -394px;
  top: -1056px
}

.docs-material .docs-icon-columns {
  left: -1062px;
  top: -22px
}

.docs-material .docs-icon-underline {
  left: -1316px;
  top: -614px
}

.docs-material .docs-icon-underline-20 {
  left: -1982px;
  top: -164px
}

.docs-material .docs-icon-text-bgcolor {
  left: -1786px;
  top: -688px
}

.docs-material .docs-icon-textbox {
  left: -2082px;
  top: -414px
}

.docs-material .docs-icon-textbox-24-yellow700 {
  left: -236px;
  top: -620px
}

.docs-material .docs-icon-shapes {
  left: -1896px;
  top: -1252px
}

.docs-material .docs-icon-shapes-20 {
  left: -198px;
  top: -398px
}

.docs-material .docs-icon-shapes-24 {
  left: -1622px;
  top: -596px
}

.docs-material .docs-icon-shapes-24-yellow {
  left: -922px;
  top: -804px
}

.docs-material .sketchy-icon-scribble-40 {
  left: -888px;
  top: -1016px
}

.docs-material .docs-icon-line-width {
  left: -1266px;
  top: -178px
}

.docs-material .docs-icon-line-weight-20 {
  left: -1122px;
  top: -1014px
}

.docs-material .docs-icon-add-trendline {
  left: -846px;
  top: -996px
}

.docs-material .docs-icon-data-label {
  left: -1316px;
  top: -280px
}

.docs-material .docs-icon-next {
  left: -1806px;
  top: -710px
}

.docs-material .docs-icon-previous {
  left: -656px;
  top: -1174px
}

.docs-material .docs-icon-no-color {
  left: -2042px;
  top: -904px
}

.docs-material .docs-icon-fill-color {
  left: -1012px;
  top: -22px
}

.docs-material .docs-icon-fill-color-20 {
  left: -1582px;
  top: -1142px
}

.docs-material .docs-icon-line-color {
  left: -646px;
  top: -150px
}

.docs-material .docs-icon-line-type {
  left: -1318px;
  top: -68px
}

.docs-material .docs-icon-line-style-20 {
  left: -608px;
  top: -716px
}

.docs-material .docs-icon-table {
  left: -2116px;
  top: -540px
}

.docs-material .docs-icon-table-24 {
  left: -326px;
  top: -1074px
}

.docs-material .docs-icon-table-view-20x20 {
  left: -874px;
  top: -150px
}

.docs-material .docs-icon-table-of-contents-24 {
  left: -162px;
  top: -526px
}

.docs-material .docs-icon-comment {
  left: -2062px;
  top: -294px
}

.docs-material .docs-icon-add-comment-20 {
  left: -78px;
  top: -168px
}

.docs-material .docs-icon-comment-blank {
  left: -966px;
  top: -66px
}

.docs-material .docs-icon-comment-blank-20 {
  left: -626px;
  top: -813px
}

.docs-material .docs-icon-comment-blank-highlighted {
  left: -948px;
  top: -150px
}

.docs-material .docs-icon-comment-blank-grey600 {
  left: -358px;
  top: -22px
}

.docs-material .docs-icon-comment-blank-n10-20 {
  left: -352px;
  top: -1034px
}

.docs-material .docs-icon-comment-blank-p40-20x20 {
  left: -1582px;
  top: -448px
}

.docs-material .docs-icon-insert-comment {
  left: -560px;
  top: -850px
}

.docs-material .docs-icon-insert-comment-24 {
  left: -146px;
  top: -794px
}

.docs-material .docs-icon-trending-up-24 {
  left: -26px;
  top: -230px
}

.docs-material .docs-icon-trending-up-18 {
  left: -453px;
  top: -418px
}

.docs-material .docs-icon-trending-down-18 {
  left: -1470px;
  top: -868px
}

.docs-material .docs-icon-chart {
  left: -1916px;
  top: -444px
}

.docs-material .docs-icon-insert-chart-20 {
  left: -2014px;
  top: -1190px
}

.docs-material .docs-icon-chart-24 {
  left: -1970px;
  top: -914px
}

.docs-material .docs-icon-list-number-rtl {
  left: -1700px;
  top: -244px
}

.docs-material .docs-icon-list-number-rtl-20 {
  left: -453px;
  top: -714px
}

.docs-material .docs-icon-list-bullet-rtl {
  left: -256px;
  top: -964px
}

.docs-material .docs-icon-list-bullet-rtl-20 {
  left: -626px;
  top: -1042px
}

.docs-material .docs-icon-indent-rtl {
  left: -1398px;
  top: -658px
}

.docs-material .docs-icon-indent-rtl-20 {
  left: 0;
  top: -464px
}

.docs-material .docs-icon-outdent-rtl {
  left: -1936px;
  top: -192px
}

.docs-material .docs-icon-outdent-rtl-20 {
  left: -491px;
  top: -482px
}

.docs-material .docs-icon-line-spacing-rtl {
  left: -582px;
  top: -368px
}

.docs-material .docs-icon-line-spacing-rtl-20 {
  left: -1668px;
  top: -420px
}

.docs-material .docs-icon-text-ltr {
  left: -130px;
  top: -26px
}

.docs-material .docs-icon-text-ltr-20 {
  left: -1190px;
  top: -1054px
}

.docs-material .docs-icon-text-rtl {
  left: -1120px;
  top: -42px
}

.docs-material .docs-icon-text-rtl-20 {
  left: -2002px;
  top: -1044px
}

.docs-material .docs-icon-sheet-rtl {
  left: -888px;
  top: -524px
}

.docs-material .docs-icon-sheet-rtl-20 {
  left: -2100px;
  top: -162px
}

.docs-material .docs-icon-share {
  left: -718px;
  top: -824px
}

.docs-material .docs-icon-stock-media-18x18 {
  left: -1648px;
  top: -1000px
}

.docs-material .docs-icon-stock-media-20x20 {
  left: -862px;
  top: -68px
}

.docs-material .docs-icon-subscript {
  left: -1398px;
  top: -970px
}

.docs-material .docs-icon-superscript {
  left: -360px;
  top: -1232px
}

.docs-material .docs-icon-strikethrough {
  left: -1876px;
  top: -424px
}

.docs-material .docs-icon-strikethrough-20 {
  left: -1536px;
  top: -474px
}

.docs-material .docs-icon-clear-formatting {
  left: -1350px;
  top: -1042px
}

.docs-material .docs-icon-link {
  left: -1012px;
  top: -124px
}

.docs-material .docs-icon-link-20 {
  left: -1938px;
  top: -1038px
}

.docs-material .docs-icon-special-character {
  left: -78px;
  top: -190px
}

.docs-material .docs-icon-special-character-24 {
  left: -560px;
  top: -824px
}

.docs-material .docs-icon-close-white {
  left: -988px;
  top: -736px
}

.docs-material .docs-icon-close-small {
  left: -618px;
  top: -584px
}

.docs-material .docs-icon-close-thin {
  left: -1170px;
  top: -962px
}

.docs-material .docs-icon-paint-format {
  left: -620px;
  top: -544px
}

.docs-material .docs-icon-paint-format-20 {
  left: -214px;
  top: -902px
}

.docs-material .docs-icon-video {
  left: -1360px;
  top: -320px
}

.docs-material .docs-icon-reload {
  left: -1982px;
  top: -470px
}

.docs-material .docs-icon-reload-rtl {
  left: -1876px;
  top: -992px
}

.docs-material .docs-icon-insert-page-break {
  left: -1270px;
  top: -572px
}

.docs-material .docs-icon-insert-page-break-24 {
  left: -1008px;
  top: -736px
}

.docs-material .docs-icon-close {
  left: -1760px;
  top: -762px
}

.docs-material .docs-icon-close-p40-20x20 {
  left: 0;
  top: -997px
}

.docs-material .docs-icon-check {
  left: -1136px;
  top: -550px
}

.docs-material .docs-icon-up {
  left: -718px;
  top: -804px
}

.docs-material .docs-icon-down {
  left: -192px;
  top: -860px
}

.docs-material .docs-icon-add-page {
  left: -1950px;
  top: -606px
}

.docs-material .docs-icon-email {
  left: -1182px;
  top: -800px
}

.docs-material .docs-icon-insert-equation {
  left: -1668px;
  top: -892px
}

.docs-material .docs-icon-insert-equation-24 {
  left: -26px;
  top: -775px
}

.docs-material .docs-icon-insert-horizontal-line {
  left: -2012px;
  top: -894px
}

.docs-material .docs-icon-insert-horizontal-line-24 {
  left: -390px;
  top: -486px
}

.docs-material .docs-icon-tabstop-center-blue500 {
  left: -2042px;
  top: -500px
}

.docs-material .docs-icon-tabstop-center-bottom-blue500 {
  left: -1122px;
  top: -918px
}

.docs-material .docs-icon-tabstop-left-blue500 {
  left: -1828px;
  top: -668px
}

.docs-material .docs-icon-tabstop-right-blue500 {
  left: -1582px;
  top: -470px
}

.docs-material .docs-icon-tag-24 {
  left: -502px;
  top: -68px
}

.docs-material .docs-icon-ruler-first-indent-drag-blue500 {
  left: -988px;
  top: -576px
}

.docs-material .docs-icon-border-all {
  left: -1876px;
  top: -564px
}

.docs-material .docs-icon-border-all-20 {
  left: -453px;
  top: -736px
}

.docs-material .docs-icon-border-right {
  left: -1876px;
  top: -908px
}

.docs-material .docs-icon-border-right-20 {
  left: -1742px;
  top: -306px
}

.docs-material .docs-icon-border-left {
  left: -1218px;
  top: -224px
}

.docs-material .docs-icon-border-left-20 {
  left: -1062px;
  top: -178px
}

.docs-material .docs-icon-border-top {
  left: -568px;
  top: -260px
}

.docs-material .docs-icon-border-top-20 {
  left: -446px;
  top: -1150px
}

.docs-material .docs-icon-border-bottom {
  left: -1102px;
  top: -1258px
}

.docs-material .docs-icon-border-bottom-20 {
  left: -302px;
  top: -748px
}

.docs-material .docs-icon-border-outside {
  left: -178px;
  top: -1190px
}

.docs-material .docs-icon-border-outside-20 {
  left: -988px;
  top: -1040px
}

.docs-material .docs-icon-border-inside {
  left: -1142px;
  top: -940px
}

.docs-material .docs-icon-border-inside-20 {
  left: 0;
  top: 0
}

.docs-material .docs-icon-border-none {
  left: -1034px;
  top: -172px
}

.docs-material .docs-icon-border-none-20 {
  left: -1806px;
  top: -688px
}

.docs-material .docs-icon-border-horizontal {
  left: -1136px;
  top: -592px
}

.docs-material .docs-icon-border-horizontal-20 {
  left: -1850px;
  top: -1230px
}

.docs-material .docs-icon-border-vertical {
  left: -1338px;
  top: -634px
}

.docs-material .docs-icon-border-vertical-20 {
  left: -1264px;
  top: -1136px
}

.docs-material .docs-icon-merge {
  left: -20px;
  top: -915px
}

.docs-material .docs-icon-wrap {
  left: -2022px;
  top: -470px
}

.docs-material .docs-icon-filter-alt {
  left: -1178px;
  top: -524px
}

.docs-material .docs-icon-autofilter {
  left: -1992px;
  top: -894px
}

.docs-material .docs-icon-autofilter-filled {
  left: -1466px;
  top: -362px
}

.docs-material .docs-icon-insert-function {
  left: -350px;
  top: -796px
}

.docs-material .docs-icon-insert-function-20 {
  left: -1670px;
  top: -264px
}

.docs-material .docs-icon-insert-formula {
  left: -1166px;
  top: -104px
}

.docs-material .docs-icon-folder-shared {
  left: -26px;
  top: -801px
}

.docs-material .docs-icon-folder-shared-outline {
  left: -26px;
  top: -1272px
}

.docs-material .docs-icon-folder-outline {
  left: -22px;
  top: -1243px
}

.docs-material .docs-icon-folder-outline-hover {
  left: -1556px;
  top: -860px
}

.docs-material .docs-icon-folder-outline-pressed {
  left: -758px;
  top: -182px
}

.docs-material .docs-icon-folder-solid {
  left: -692px;
  top: -210px
}

.docs-material .docs-icon-drive {
  left: -922px;
  top: -202px
}

.docs-material .docs-icon-dropdown-arrow-in-circle-24 {
  left: -262px;
  top: -552px
}

.docs-material .docs-icon-drive-large {
  left: -1164px;
  top: -1180px
}

.docs-material .docs-icon-drive-large-wrapper {
  width: 36px;
  height: 36px
}

.docs-material .docs-icon-back {
  left: -290px;
  top: 0
}

.docs-material .docs-icon-back-rtl {
  left: -120px;
  top: -506px
}

.docs-material .docs-icon-arrow-more {
  left: -624px;
  top: -114px
}

.docs-material .docs-icon-arrow-more-rtl {
  left: -548px;
  top: -150px
}

.docs-material .docs-icon-search-this-document {
  left: -560px;
  top: -456px
}

.docs-material .docs-icon-arrow-dropdown-p40 {
  left: -312px;
  top: -22px
}

.docs-material .docs-icon-refine-p40-24 {
  left: -1694px;
  top: -622px
}

.docs-material .docs-icon-refresh-p40-24 {
  left: -1742px;
  top: -394px
}

.docs-material .docs-icon-refresh-24 {
  left: -152px;
  top: -166px
}

.docs-material .docs-icon-progress-activity {
  left: -2082px;
  top: -1224px
}

.docs-material .docs-icon-radio-button-checked-18x18 {
  left: -1918px;
  top: -1038px
}

.docs-material .docs-icon-arrow-dropdown {
  left: -656px;
  top: -996px
}

.docs-material .docs-icon-arrow-dropdown-grey600 {
  left: -706px;
  top: -630px
}

.docs-material .docs-icon-expand-all {
  left: -1628px;
  top: -380px
}

.docs-material .docs-icon-word-art {
  left: -466px;
  top: -148px
}

.docs-material .docs-icon-delete-x {
  left: -868px;
  top: -948px
}

.docs-material .docs-icon-description-24 {
  left: -642px;
  top: -20px
}

.docs-material .docs-icon-settings {
  left: -1648px;
  top: -1272px
}

.docs-material .docs-icon-plus {
  left: -1876px;
  top: -606px
}

.docs-material .docs-icon-plus-white {
  left: -1398px;
  top: -1096px
}

.docs-material .docs-icon-alert {
  left: -453px;
  top: -566px
}

.docs-material .docs-icon-alert-error-24-orange600 {
  left: -836px;
  top: -46px
}

.docs-material .docs-icon-trash {
  left: -1648px;
  top: -1020px
}

.docs-material .docs-icon-locked {
  left: -1380px;
  top: -360px
}

.docs-material .docs-icon-locked-grey600 {
  left: -1970px;
  top: -726px
}

.docs-material .docs-icon-unlocked {
  left: -1648px;
  top: -532px
}

.docs-material .docs-icon-add-fonts {
  left: -540px;
  top: -804px
}

.docs-material .docs-icon-enter-compact {
  left: -1786px;
  top: -370px
}

.docs-material .docs-icon-exit-compact {
  left: -528px;
  top: -150px
}

.docs-material .docs-icon-mode-edit {
  left: -1168px;
  top: -898px
}

.docs-material .docs-icon-mode-edit-blue700 {
  left: -120px;
  top: -976px
}

.docs-material .docs-icon-mode-view {
  left: -904px;
  top: -46px
}

.docs-material .docs-icon-chat {
  left: -1062px;
  top: -226px
}

.docs-material .docs-icon-chat-bubble-grey900 {
  left: -1648px;
  top: -1040px
}

.docs-material .docs-icon-chat-bubble-white {
  left: -252px;
  top: -504px
}

.docs-material .docs-icon-chat-person-grey900 {
  left: -1960px;
  top: -1018px
}

.docs-material .docs-icon-chat-person-wide-grey900 {
  left: 0;
  top: -444px
}

.docs-material .docs-icon-person-add-white {
  left: -2082px;
  top: -434px
}

.docs-material .docs-icon-star {
  left: -540px;
  top: -456px
}

.docs-material .docs-icon-tracker-24x24 {
  left: -1106px;
  top: -312px
}

.docs-material .docs-icon-group-24x24 {
  left: -1584px;
  top: -42px
}

.docs-material .docs-icon-group-20x20 {
  left: -2068px;
  top: -42px
}

.docs-material .docs-icon-groups-24x24 {
  left: -1582px;
  top: -380px
}

.docs-material .docs-icon-inventory-24x24 {
  left: -656px;
  top: -1128px
}

.docs-material .docs-icon-payments-24x24 {
  left: -2042px;
  top: -1010px
}

.docs-material .docs-icon-person-24x24 {
  left: -130px;
  top: 0
}

.docs-material .docs-icon-person-20x20 {
  left: -1556px;
  top: -358px
}

.docs-material .docs-icon-duplicate {
  left: -2022px;
  top: -338px
}

.docs-material .docs-icon-file {
  left: -848px;
  top: -1062px
}

.docs-material .docs-icon-opacity {
  left: -1466px;
  top: -250px
}

.docs-material .docs-icon-label-slant {
  left: -302px;
  top: -728px
}

.docs-material .docs-icon-point-size {
  left: -2002px;
  top: -470px
}

.docs-material .docs-icon-question {
  left: -1648px;
  top: -1060px
}

.docs-material .docs-icon-quote {
  left: -453px;
  top: -398px
}

.docs-material .docs-icon-vertical-gridlines {
  left: -1536px;
  top: -1184px
}

.docs-material .docs-icon-left-axis {
  left: -78px;
  top: -252px
}

.docs-material .docs-icon-right-axis {
  left: -1120px;
  top: -104px
}

.docs-material .docs-icon-left-axis-gridlines {
  left: -616px;
  top: 0
}

.docs-material .docs-icon-right-axis-gridlines {
  left: -1008px;
  top: -788px
}

.docs-material .docs-icon-reset {
  left: -580px;
  top: -804px
}

.docs-material .docs-icon-drag-move {
  left: -540px;
  top: -758px
}

.docs-material .docs-icon-col-dragger {
  left: -2042px;
  top: -950px
}

.docs-material .docs-icon-chrome-store {
  left: -1982px;
  top: -124px
}

.docs-material .docs-icon-fit-area {
  left: -1720px;
  top: -782px
}

.docs-material .docs-icon-zoom-in-20 {
  left: -1242px;
  top: -1118px
}

.docs-material .docs-icon-zoom-out {
  left: -738px;
  top: -826px
}

.docs-material .docs-icon-zoom-tool {
  left: -988px;
  top: -694px
}

.docs-material .docs-icon-download {
  left: 0;
  top: -526px
}

.docs-material .docs-icon-downloading-20x20 {
  left: -340px;
  top: -994px
}

.docs-material .docs-icon-fusion-table {
  left: -716px;
  top: -996px
}

.docs-material .docs-icon-spreadsheet-sink {
  left: -738px;
  top: -920px
}

.docs-material .docs-icon-send-responses {
  left: -966px;
  top: -46px
}

.docs-material .docs-icon-liveform {
  left: -1668px;
  top: -558px
}

.docs-material .docs-icon-ellipsis {
  left: -2082px;
  top: -228px
}

.docs-material .docs-icon-html-preview {
  left: -140px;
  top: -572px
}

.docs-material .docs-icon-grid {
  left: -2068px;
  top: -1152px
}

.docs-material .docs-icon-add-animation {
  left: -1970px;
  top: -746px
}

.docs-material .docs-icon-play-filled-24 {
  left: -146px;
  top: -598px
}

.docs-material .docs-icon-play-filled-error-36 {
  left: -868px;
  top: -1150px
}

.docs-material .docs-icon-playhead {
  left: -778px;
  top: -996px
}

.docs-material .docs-icon-playhead-rtl {
  left: -502px;
  top: 0
}

.docs-material .docs-icon-unsupported {
  left: -398px;
  top: -174px
}

.docs-material .docs-icon-calendar {
  left: -1668px;
  top: -850px
}

.docs-material .docs-icon-calendar-busy-yellow900 {
  left: -1690px;
  top: -830px
}

.docs-material .docs-zippy-closed {
  left: -312px;
  top: -254px
}

.docs-material .docs-zippy-open {
  left: -174px;
  top: -236px
}

.docs-material .docs-icon-bookmark {
  left: -502px;
  top: -236px
}

.docs-material .docs-icon-bookmark-24 {
  left: -1466px;
  top: -310px
}

.docs-material .docs-icon-heading {
  left: 0;
  top: -729px
}

.docs-material .docs-icon-hd-indicator-18 {
  left: -1766px;
  top: -328px
}

.docs-material .docs-icon-heading-24 {
  left: -1162px;
  top: -662px
}

.docs-material .docs-icon-file-blue {
  left: -1992px;
  top: -874px
}

.docs-material .docs-icon-web-result {
  left: -78px;
  top: -729px
}

.docs-material .docs-icon-mic {
  left: 0;
  top: -869px
}

.docs-material .docs-icon-paragraph {
  left: -140px;
  top: -1252px
}

.docs-material .docs-icon-paragraph-20 {
  left: -256px;
  top: -1190px
}

.docs-material .docs-icon-bookmark-black {
  left: -1218px;
  top: -178px
}

.docs-material .docs-icon-web-result-blue {
  left: -2042px;
  top: -228px
}

.docs-material .docs-icon-popout {
  left: -146px;
  top: -842px
}

.docs-material .docs-icon-checkbox {
  left: -718px;
  top: -564px
}

.docs-material .docs-icon-checkbox-type {
  left: -582px;
  top: -656px
}

.docs-material .docs-icon-dropdown-type {
  left: -1850px;
  top: -694px
}

.docs-material .docs-icon-grid-type {
  left: -1464px;
  top: -678px
}

.docs-material .docs-icon-image-type {
  left: -1648px;
  top: -1106px
}

.docs-material .docs-icon-image-type-20 {
  left: -1156px;
  top: -592px
}

.docs-material .docs-icon-image-type-24 {
  left: -1648px;
  top: -42px
}

.docs-material .docs-icon-radio-type {
  left: -278px;
  top: -972px
}

.docs-material .docs-icon-scale-type {
  left: -810px;
  top: -634px
}

.docs-material .docs-icon-text-type {
  left: -473px;
  top: -440px
}

.docs-material .docs-icon-time-type {
  left: -20px;
  top: -935px
}

.docs-material .docs-icon-timeline-24 {
  left: -1774px;
  top: -420px
}

.docs-material .docs-icon-insert-text-block {
  left: -1284px;
  top: -1062px
}

.docs-material .docs-icon-accepting-responses-on {
  left: -706px;
  top: -610px
}

.docs-material .docs-icon-accepting-responses-on-white {
  left: -120px;
  top: -572px
}

.docs-material .docs-icon-accepting-responses-off {
  left: -560px;
  top: -928px
}

.docs-material .docs-icon-decimal-increase {
  left: -1398px;
  top: -1076px
}

.docs-material .docs-icon-decimal-increase-20 {
  left: -1104px;
  top: -644px
}

.docs-material .docs-icon-decimal-decrease {
  left: -774px;
  top: -1146px
}

.docs-material .docs-icon-decimal-decrease-20 {
  left: -188px;
  top: -460px
}

.docs-material .docs-icon-settings-white {
  left: -560px;
  top: -804px
}

.docs-material .docs-icon-no-symbol {
  left: -1608px;
  top: -380px
}

.docs-material .docs-icon-crop {
  left: -748px;
  top: -392px
}

.docs-material .docs-icon-crop-20 {
  left: -1136px;
  top: -474px
}

.docs-material .docs-icon-crop-square-18x18 {
  left: -988px;
  top: -808px
}

.docs-material .docs-icon-crop-16-9-18x18 {
  left: -1380px;
  top: -340px
}

.docs-material .docs-icon-crop-9-16-18x18 {
  left: -1786px;
  top: -350px
}

.docs-material .docs-icon-green-check {
  left: -2042px;
  top: -520px
}

.docs-material .docs-icon-green-check-24x24 {
  left: -1360px;
  top: -178px
}

.docs-material .docs-icon-font-size {
  left: -1584px;
  top: -136px
}

.docs-material .docs-icon-reset-image {
  left: -1558px;
  top: -1232px
}

.docs-material .docs-icon-reset-image-20 {
  left: -816px;
  top: -1062px
}

.docs-material .docs-icon-r-squared {
  left: -20px;
  top: -869px
}

.docs-material .docs-icon-graph-legend {
  left: -1032px;
  top: -22px
}

.docs-material .docs-icon-cast {
  left: -1668px;
  top: -578px
}

.docs-material .docs-icon-wrap-overflow {
  left: -468px;
  top: -1150px
}

.docs-material .docs-icon-wrap-wrap {
  left: -696px;
  top: -1062px
}

.docs-material .docs-icon-wrap-clip {
  left: -1916px;
  top: -424px
}

.docs-material .docs-icon-highlights {
  left: -420px;
  top: -988px
}

.docs-material .docs-icon-green-back {
  left: -52px;
  top: -256px
}

.docs-material .docs-icon-arrow-back-white {
  left: -1674px;
  top: -1060px
}

.docs-material .docs-icon-arrow-back-white-rtl {
  left: -1316px;
  top: -300px
}

.docs-material .docs-icon-help {
  left: -948px;
  top: -556px
}

.docs-material .docs-icon-highlight-green {
  left: -822px;
  top: -182px
}

.docs-material .docs-icon-equalizer {
  left: -1694px;
  top: -392px
}

.docs-material .docs-icon-explore-24 {
  left: -1648px;
  top: -326px
}

.docs-material .docs-icon-explore-black {
  left: -948px;
  top: -596px
}

.docs-material .docs-icon-explore-black-padded {
  left: -306px;
  top: -1034px
}

.docs-material .docs-icon-explore-green {
  left: -1648px;
  top: -578px
}

.docs-material .docs-icon-explore-white {
  left: -1106px;
  top: -248px
}

.docs-material .docs-icon-insert-autovis-chart {
  left: -1558px;
  top: -474px
}

.docs-material .docs-icon-insert-autovis-chart-white {
  left: -1956px;
  top: -238px
}

.docs-material .docs-icon-zoom-in {
  left: -1890px;
  top: -86px
}

.docs-material .docs-icon-thumb-up {
  left: -642px;
  top: 0
}

.docs-material .docs-icon-thumb-up-outline-nv30-24 {
  left: -1800px;
  top: -1132px
}

.docs-material .docs-icon-thumb-down {
  left: -440px;
  top: -104px
}

.docs-material .docs-icon-thumb-down-outline-nv30-24 {
  left: -1896px;
  top: -992px
}

.docs-material .docs-icon-dlp-warning {
  left: -1212px;
  top: -84px
}

.docs-material .docs-icon-dogfood {
  left: -1466px;
  top: -178px
}

.docs-material .docs-icon-add-to-drive {
  left: -1398px;
  top: -1056px
}

.docs-material .docs-icon-paste-without-formatting {
  left: -26px;
  top: -703px
}

.docs-material .docs-icon-qanda {
  left: -1896px;
  top: -424px
}

.docs-material .docs-icon-update-chart {
  left: -1740px;
  top: -762px
}

.docs-material .docs-icon-arrow-back-dark {
  left: -1648px;
  top: -974px
}

.docs-material .docs-icon-arrow-right-alt-white-24 {
  left: -1824px;
  top: -158px
}

.docs-material .docs-icon-arrow-back-dark-rtl {
  left: -44px;
  top: -1019px
}

.docs-material .docs-icon-open-in-external {
  left: -988px;
  top: -674px
}

.docs-material .docs-icon-close-20 {
  left: -1536px;
  top: -94px
}

.docs-material .docs-icon-close-24 {
  left: -906px;
  top: -1150px
}

.docs-material .docs-icon-unlink {
  left: -1316px;
  top: -594px
}

.docs-material .docs-icon-bar-chart {
  left: -398px;
  top: 0
}

.docs-material .docs-icon-bar-chart-outline-24 {
  left: -1424px;
  top: -768px
}

.docs-material .docs-icon-column-chart {
  left: -1910px;
  top: -86px
}

.docs-material .docs-icon-column-chart-outline-24 {
  left: -568px;
  top: -150px
}

.docs-material .docs-icon-line-chart {
  left: -120px;
  top: -1170px
}

.docs-material .docs-icon-line-chart-24 {
  left: -326px;
  top: -1190px
}

.docs-material .docs-icon-pie-chart {
  left: -1536px;
  top: -1254px
}

.docs-material .docs-icon-pie-chart-outline {
  height: 18px;
  left: -1950px;
  top: -1100px;
  width: 18px
}

.docs-material .docs-icon-pie-chart-outline-24 {
  left: -1622px;
  top: -664px
}

.docs-material .docs-icon-named-range {
  left: -1418px;
  top: -990px
}

.docs-material .docs-icon-clock {
  left: -1906px;
  top: -132px
}

.docs-material .docs-icon-cancel {
  left: -1034px;
  top: -192px
}

.docs-material .docs-icon-cancel-24 {
  left: -74px;
  top: -42px
}

.docs-material .docs-icon-cancel-outline {
  left: -692px;
  top: -170px
}

.docs-material .docs-icon-cancel-circle-red-24x24 {
  left: -160px;
  top: -572px
}

.docs-material .docs-icon-arrow-line-tool {
  left: -728px;
  top: -326px
}

.docs-material .docs-icon-arrow-line-tool-40 {
  left: -604px;
  top: -1064px
}

.docs-material .docs-icon-arrow-tilted {
  left: -692px;
  top: -190px
}

.docs-material .docs-icon-unsupported-black {
  left: -1916px;
  top: -966px
}

.docs-material .docs-icon-text-rotation-up {
  left: -1670px;
  top: -504px
}

.docs-material .docs-icon-text-rotation-up-20 {
  left: -1936px;
  top: -1272px
}

.docs-material .docs-icon-text-rotation-down {
  left: -1342px;
  top: -42px
}

.docs-material .docs-icon-text-rotation-down-20 {
  left: -1726px;
  top: -114px
}

.docs-material .docs-icon-text-rotation-angleup {
  left: -2062px;
  top: -970px
}

.docs-material .docs-icon-text-rotation-angleup-20 {
  left: -1104px;
  top: 0
}

.docs-material .docs-icon-text-rotation-angledown {
  left: -780px;
  top: -182px
}

.docs-material .docs-icon-text-rotation-angledown-20 {
  left: -288px;
  top: -572px
}

.docs-material .docs-icon-text-rotation-vertical {
  left: -1424px;
  top: -678px
}

.docs-material .docs-icon-text-rotation-vertical-20 {
  left: -1996px;
  top: -786px
}

.docs-material .docs-icon-text-rotation-none {
  left: -1232px;
  top: -42px
}

.docs-material .docs-icon-text-rotation-none-20 {
  left: -812px;
  top: -846px
}

.docs-material .docs-icon-keep-lightbulb {
  left: -1188px;
  top: -662px
}

.docs-material .docs-icon-update-table {
  left: -1970px;
  top: -606px
}

.docs-material .docs-icon-update-slide {
  left: -1536px;
  top: -402px
}

.docs-material .docs-icon-overflow-three-dots {
  left: -98px;
  top: -252px
}

.docs-material .docs-icon-restore {
  left: -1360px;
  top: -300px
}

.docs-material .docs-icon-paragraph-border-between {
  left: -1466px;
  top: -270px
}

.docs-material .docs-icon-paragraph-border-bottom {
  left: -120px;
  top: -486px
}

.docs-material .docs-icon-paragraph-border-left {
  left: -1312px;
  top: -878px
}

.docs-material .docs-icon-paragraph-border-right {
  left: -453px;
  top: -482px
}

.docs-material .docs-icon-paragraph-border-top {
  left: -698px;
  top: -804px
}

.docs-material .docs-icon-diagram-white {
  left: -648px;
  top: -630px
}

.docs-material .docs-icon-directions-24 {
  left: -1648px;
  top: -178px
}

.docs-material .docs-icon-file-upload {
  left: -1334px;
  top: -408px
}

.docs-material .docs-icon-file-upload-24 {
  left: -1668px;
  top: -532px
}

.docs-material .docs-icon-photos {
  left: -1354px;
  top: -734px
}

.docs-material .docs-icon-photos-24 {
  left: -2082px;
  top: -1198px
}

.docs-material .docs-icon-keyboard {
  left: -502px;
  top: -176px
}

.docs-material .docs-icon-keyboard-arrow-up-24x24 {
  left: -948px;
  top: -504px
}

.docs-material .docs-icon-keyboard-arrow-down-24x24 {
  left: -1556px;
  top: -880px
}

.docs-material .docs-icon-dogfood-white {
  left: -1850px;
  top: -42px
}

.docs-material .docs-icon-domain-20x20 {
  left: -1876px;
  top: -840px
}

.docs-material .docs-icon-domain-disabled-yellow900 {
  left: -698px;
  top: -564px
}

.docs-material .docs-icon-hierarchy {
  left: -278px;
  top: -992px
}

.docs-material .docs-icon-transition {
  left: -582px;
  top: -1042px
}

.docs-material .docs-icon-map-white {
  left: -378px;
  top: -1124px
}

.docs-material .docs-icon-map {
  left: -1472px;
  top: -1056px
}

.docs-material .docs-icon-mask {
  left: -1606px;
  top: -68px
}

.docs-material .docs-icon-visibility {
  left: -1360px;
  top: -204px
}

.docs-material .docs-icon-visibility-off {
  left: -1896px;
  top: -470px
}

.docs-material .docs-icon-volume-up {
  left: -2062px;
  top: -1238px
}

.docs-material .docs-icon-volume-up-filled-36 {
  left: -668px;
  top: -630px
}

.docs-material .docs-icon-camera {
  left: -26px;
  top: -328px
}

.docs-material .docs-icon-camera-outline-24 {
  left: -2004px;
  top: -1100px
}

.docs-material .docs-icon-pivot-table {
  left: -1824px;
  top: -204px
}

.docs-material .docs-icon-insert-pivot-table {
  left: -420px;
  top: -968px
}

.docs-material .docs-icon-avatar-anonymous-white-32 {
  left: -1918px;
  top: -796px
}

.docs-material .docs-icon-code {
  left: -446px;
  top: -902px
}

.docs-material .docs-icon-code-24 {
  left: -1562px;
  top: -994px
}

.docs-material .docs-icon-play {
  left: -2062px;
  top: -1106px
}

.docs-material .docs-icon-record {
  left: -1082px;
  top: -878px
}

.docs-material .docs-icon-flip-horizontal {
  left: -580px;
  top: -850px
}

.docs-material .docs-icon-flip-vertical {
  left: -2062px;
  top: -142px
}

.docs-material .docs-icon-rotate-cw {
  left: -712px;
  top: -230px
}

.docs-material .docs-icon-database {
  left: -1014px;
  top: -470px
}

.docs-material .docs-icon-database-grey600 {
  left: -1970px;
  top: -848px
}

.docs-material .docs-icon-database-20x20 {
  left: -453px;
  top: -544px
}

.docs-material .docs-icon-database-p40-20x20 {
  left: -256px;
  top: -984px
}

.docs-material .docs-icon-plx {
  left: -1120px;
  top: -64px
}

.docs-material .docs-icon-bigquery {
  left: -820px;
  top: -354px
}

.docs-material .docs-icon-insert-dashboard {
  left: -1102px;
  top: -1238px
}

.docs-material .docs-icon-filter-control {
  left: -472px;
  top: -956px
}

.docs-material .docs-icon-drag-handle-20 {
  left: -502px;
  top: -20px
}

.docs-material .docs-icon-drag-handle-24 {
  left: -1668px;
  top: -1198px
}

.docs-material .docs-icon-drag-indicator-grey-24 {
  left: -668px;
  top: -668px
}

.docs-material .docs-icon-drag-indicator-dark-24-nv60 {
  left: -1982px;
  top: -358px
}

.docs-material .docs-icon-comment-outline-20 {
  left: -1418px;
  top: -724px
}

.docs-material .docs-icon-comment-outline-24 {
  left: -46px;
  top: -703px
}

.docs-material .docs-icon-edit-outline {
  left: -1244px;
  top: -238px
}

.docs-material .docs-icon-edit-outline-20 {
  left: -1562px;
  top: -972px
}

.docs-material .docs-icon-edit-outline-24 {
  left: -666px;
  top: -368px
}

.docs-material .docs-icon-error-outline-24 {
  left: -1136px;
  top: -662px
}

.docs-material .docs-icon-error-outline-20 {
  left: -1472px;
  top: -1034px
}

.docs-material .docs-icon-error-20x20 {
  left: -1536px;
  top: -950px
}

.docs-material .docs-icon-error-filled-24-red600 {
  left: 0;
  top: -282px
}

.docs-material .docs-icon-error-circle-red-24x24 {
  left: -407px;
  top: -728px
}

.docs-material .docs-icon-settings-outline-20 {
  left: -152px;
  top: -236px
}

.docs-material .docs-icon-settings-outline-24 {
  left: -620px;
  top: -176px
}

.docs-material .docs-icon-share-outline-20 {
  left: -970px;
  top: -150px
}

.docs-material .docs-icon-share-outline-24 {
  left: -120px;
  top: -372px
}

.docs-material .docs-icon-time-outline-20 {
  left: -1536px;
  top: -68px
}

.docs-material .docs-icon-trend-outline-20 {
  left: -1622px;
  top: -642px
}

.docs-material .docs-icon-accessibility {
  left: -1084px;
  top: 0
}

.docs-material .docs-icon-people-24 {
  left: -352px;
  top: -1144px
}

.docs-material .docs-icon-dictionary-24 {
  left: -922px;
  top: -176px
}

.docs-material .docs-icon-reload-white {
  left: -1876px;
  top: -1252px
}

.docs-material .docs-icon-present {
  left: -362px;
  top: -972px
}

.docs-material .docs-icon-present-to-all {
  left: -2116px;
  top: -808px
}

.docs-material .docs-icon-present-to-all-24 {
  left: -1536px;
  top: -42px
}

.docs-material .docs-icon-present-to-all-24-blue {
  left: -1740px;
  top: -368px
}

.docs-material .docs-icon-present-to-all-24-white {
  left: -1906px;
  top: -106px
}

.docs-material .docs-icon-present-to-all-p40-24x24 {
  left: -820px;
  top: -428px
}

.docs-material .docs-icon-chevron-left-grey800-20 {
  left: 0;
  top: -566px
}

.docs-material .docs-icon-chevron-left-grey600-20 {
  left: -1584px;
  top: -88px
}

.docs-material .docs-icon-chevron-left-grey500-24 {
  left: -922px;
  top: -248px
}

.docs-material .docs-icon-chevron-right-grey500-24 {
  left: -1750px;
  top: -578px
}

.docs-material .docs-icon-chevron-left-24 {
  left: -1936px;
  top: -966px
}

.docs-material .docs-icon-chevron-left-white-24 {
  left: -2042px;
  top: -540px
}

.docs-material .docs-icon-chevron-left-sm-white-24 {
  left: 0;
  top: -588px
}

.docs-material .docs-icon-chevron-right-24 {
  left: -1334px;
  top: -382px
}

.docs-material .docs-icon-chevron-right-white-24 {
  left: -26px;
  top: -588px
}

.docs-material .docs-icon-chevron-right-sm-white-24 {
  left: -1648px;
  top: -238px
}

.docs-material .docs-icon-chevron-down-24 {
  left: -1272px;
  top: -42px
}

.docs-material .docs-icon-chevron-up-24 {
  left: -1062px;
  top: -152px
}

.docs-material .docs-icon-delete-24 {
  left: -726px;
  top: -676px
}

.docs-material .docs-icon-delete-grey600-24 {
  left: -810px;
  top: -654px
}

.docs-material .docs-icon-delete-grey800-24 {
  left: -52px;
  top: -755px
}

.docs-material .docs-icon-palette {
  left: -1250px;
  top: -550px
}

.docs-material .docs-icon-sheets-table-24 {
  left: -550px;
  top: 0
}

.docs-material .docs-icon-notifications-24 {
  left: -470px;
  top: -22px
}

.docs-material .docs-icon-notifications-active-24 {
  left: -966px;
  top: -86px
}

.docs-material .docs-icon-notifications-off-24 {
  left: -1850px;
  top: -668px
}

.docs-material .docs-icon-notifications-20 {
  left: -1536px;
  top: -928px
}

.docs-material .docs-icon-spellcheck {
  left: -1136px;
  top: -428px
}

.docs-material .docs-icon-spellcheck-20 {
  left: -988px;
  top: -512px
}

.docs-material .docs-icon-spellcheck-24x24 {
  left: -1272px;
  top: -94px
}

.docs-material .docs-icon-add-item {
  left: -1870px;
  top: -278px
}

.docs-material .docs-icon-datasheet-24-grey800 {
  left: -1466px;
  top: -198px
}

.docs-material .docs-icon-undo-autocorrect {
  left: -1922px;
  top: -490px
}

.docs-material .docs-icon-spellbubble-feedback-16 {
  left: -2116px;
  top: -770px
}

.docs-material .docs-icon-spellbubble-ignore-16 {
  left: -302px;
  top: -770px
}

.docs-material .docs-icon-spellbubble-overflow-three-dots-16 {
  left: -2062px;
  top: -168px
}

.docs-material .docs-icon-list-24 {
  left: -1218px;
  top: -198px
}

.docs-material .docs-icon-audio {
  left: -1990px;
  top: -808px
}

.docs-material .docs-icon-drive-folder {
  left: -272px;
  top: -504px
}

.docs-material .docs-icon-loading-circle-grey200 {
  left: -1954px;
  top: -1210px
}

.docs-material .docs-icon-pdf {
  left: -236px;
  top: -1190px
}

.docs-material .docs-icon-web {
  left: -52px;
  top: -781px
}

.docs-material .docs-icon-offline-pin-20 {
  left: -608px;
  top: -694px
}

.docs-material .docs-icon-sync-20 {
  left: -210px;
  top: -460px
}

.docs-material .docs-icon-sync-white {
  left: -1582px;
  top: -428px
}

.docs-material .docs-icon-acl-view-only {
  left: -1190px;
  top: -1008px
}

.docs-material .docs-icon-acl-view-only-on-brand-color-background {
  left: -1062px;
  top: -688px
}

.docs-material .docs-icon-acl-comment-only {
  left: -902px;
  top: -824px
}

.docs-material .docs-icon-acl-comment-only-on-brand-color-background {
  left: -1558px;
  top: -1210px
}

.docs-material .docs-icon-acl-comment-only-green700 {
  left: -638px;
  top: -584px
}

.docs-material .docs-icon-approvals-lock {
  left: -1516px;
  top: -62px
}

.docs-material .docs-icon-approvals-lock-white {
  left: -778px;
  top: -162px
}

.docs-material .docs-icon-approvals-lock-open {
  left: -1398px;
  top: -1252px
}

.docs-material .docs-icon-approvals-stamp {
  left: -1850px;
  top: -626px
}

.docs-material .docs-icon-approvals-stamp-24 {
  left: -52px;
  top: -729px
}

.docs-material .docs-icon-recall-24 {
  left: -1304px;
  top: -1020px
}

.docs-material .docs-icon-feedback {
  left: -644px;
  top: -694px
}

.docs-material .docs-icon-offline-cloud-24 {
  left: -1030px;
  top: -956px
}

.docs-material .docs-icon-arrow-down {
  left: -1922px;
  top: -470px
}

.docs-material .docs-icon-arrow-up {
  left: -1296px;
  top: -300px
}

.docs-material .docs-icon-avatar-grey600 {
  left: -548px;
  top: -216px
}

.docs-material .docs-icon-description-grey600 {
  left: -130px;
  top: -140px
}

.docs-material .docs-icon-popout-below {
  left: -758px;
  top: -162px
}

.docs-material .docs-icon-group {
  left: -1740px;
  top: -328px
}

.docs-material .docs-icon-revisions-grey600 {
  left: -192px;
  top: -814px
}

.docs-material .docs-icon-popout-viewer-24-white {
  left: -738px;
  top: -846px
}

.docs-material .docs-icon-maximize-viewer {
  left: -858px;
  top: -654px
}

.docs-material .docs-icon-maximize-viewer-24-white {
  left: -282px;
  top: -626px
}

.docs-material .docs-icon-open-in-external-24-white {
  left: -958px;
  top: -1030px
}

.docs-material .docs-icon-copy-24-white {
  left: -1106px;
  top: -178px
}

.docs-material .docs-icon-sync {
  left: -1102px;
  top: -1160px
}

.docs-material .docs-icon-search-insights {
  left: -1316px;
  top: -238px
}

.docs-material .docs-icon-logo-docs-40px {
  left: -1916px;
  top: -336px
}

.docs-material .docs-icon-logo-sheets-40px {
  left: -1270px;
  top: -258px
}

.docs-material .docs-icon-logo-slides-40px {
  left: -988px;
  top: -956px
}

.docs-material .docs-icon-logo-docs-2020q4-40px {
  left: -988px;
  top: -534px
}

.docs-material .docs-icon-logo-sheets-2020q4-40px {
  left: -794px;
  top: -1084px
}

.docs-material .docs-icon-logo-slides-2020q4-40px {
  left: -540px;
  top: -948px
}

.docs-material .docs-icon-logo-docs-36 {
  left: -1588px;
  top: -970px
}

.docs-material .docs-icon-logo-sheets-36 {
  left: -446px;
  top: -1060px
}

.docs-material .docs-icon-logo-slides-36 {
  left: -580px;
  top: -564px
}

.docs-material .docs-icon-logo-drawings-36 {
  left: -1312px;
  top: -550px
}

.docs-material .docs-icon-text-wrapping-wrap-72 {
  left: -2042px;
  top: -314px
}

.docs-material .docs-icon-text-wrapping-break-72 {
  left: -1876px;
  top: -632px
}

.docs-material .docs-icon-text-wrapping-inline-72 {
  left: -2042px;
  top: -810px
}

.docs-material .docs-icon-text-wrapping-above-72 {
  left: -1132px;
  top: -178px
}

.docs-material .docs-icon-text-wrapping-behind-72 {
  left: -582px;
  top: -968px
}

.docs-material .docs-icon-text-wrapping-wrap-text {
  left: -120px;
  top: -882px
}

.docs-material .goog-toolbar-button-checked .docs-icon-text-wrapping-wrap-text {
  left: -346px;
  top: -858px
}

.docs-material .docs-icon-text-wrapping-break-text {
  left: -1808px;
  top: -396px
}

.docs-material .goog-toolbar-button-checked .docs-icon-text-wrapping-break-text {
  left: -988px;
  top: -328px
}

.docs-material .docs-icon-text-wrapping-inline-with-text {
  left: -1536px;
  top: -316px
}

.docs-material .goog-toolbar-button-checked .docs-icon-text-wrapping-inline-with-text {
  left: -1870px;
  top: -212px
}

.docs-material .docs-icon-text-wrapping-above-text {
  left: -716px;
  top: -1198px
}

.docs-material .goog-toolbar-button-checked .docs-icon-text-wrapping-above-text {
  left: -1360px;
  top: -260px
}

.docs-material .docs-icon-text-wrapping-behind-text {
  left: 0;
  top: -210px
}

.docs-material .goog-toolbar-button-checked .docs-icon-text-wrapping-behind-text {
  left: -1582px;
  top: -510px
}

.docs-material .docs-icon-quick-layout-top-left-50 {
  left: -1648px;
  top: -116px
}

.docs-material .docs-icon-quick-layout-top-center-50 {
  left: -748px;
  top: -308px
}

.docs-material .docs-icon-quick-layout-top-right-50 {
  left: -1244px;
  top: -300px
}

.docs-material .docs-icon-quick-layout-center-left-50 {
  left: -1648px;
  top: -912px
}

.docs-material .docs-icon-quick-layout-center-50 {
  left: -906px;
  top: -1176px
}

.docs-material .docs-icon-quick-layout-center-right-50 {
  left: -1208px;
  top: -734px
}

.docs-material .docs-icon-quick-layout-bottom-left-50 {
  left: -568px;
  top: -198px
}

.docs-material .docs-icon-quick-layout-bottom-center-50 {
  left: -1726px;
  top: -136px
}

.docs-material .docs-icon-quick-layout-bottom-right-50 {
  left: -398px;
  top: -22px
}

.docs-material .docs-icon-encryption-shield {
  left: -676px;
  top: -996px
}

.docs-material .docs-icon-encryption-shield-20x20 {
  left: -473px;
  top: -670px
}

.docs-material .docs-icon-encryption-shield-crossed-out-20x20 {
  left: -1582px;
  top: -406px
}

.docs-material .docs-icon-encryption-shield-blue-20x20 {
  left: -1350px;
  top: -550px
}

.docs-material .docs-icon-encryption-shield-large {
  left: -988px;
  top: -828px
}

.docs-material .docs-icon-not-encrypted-shield-16-grey900 {
  left: -540px;
  top: -308px
}

.docs-material .docs-icon-notes-24 {
  left: -862px;
  top: -524px
}

.docs-material .docs-icon-cloud-check {
  left: 0;
  top: -1045px
}

.docs-material .docs-icon-sync-no-connection {
  left: -1244px;
  top: -218px
}

.docs-material .docs-icon-sync-no-connection-red600 {
  left: -1032px;
  top: -124px
}

.docs-material .docs-icon-sync-problem-red500 {
  left: -2064px;
  top: -770px
}

.docs-material .docs-icon-sync-saved-locally {
  left: -162px;
  top: -506px
}

.docs-material .docs-icon-sync-saved-locally-20 {
  left: -1740px;
  top: -718px
}

.docs-material .docs-icon-sync-disabled {
  left: -774px;
  top: -1126px
}

.docs-material .docs-icon-sync-disabled-red600 {
  left: -1766px;
  top: -532px
}

.docs-material .docs-icon-cloud-check-24 {
  left: -1982px;
  top: -290px
}

.docs-material .docs-icon-sync-no-connection-24 {
  left: -440px;
  top: -216px
}

.docs-material .docs-icon-sync-no-connection-24-red600 {
  left: -1891px;
  top: -398px
}

.docs-material .docs-icon-sync-problem-24-red500 {
  left: -20px;
  top: -396px
}

.docs-material .docs-icon-sync-saved-locally-24 {
  left: -1740px;
  top: -532px
}

.docs-material .docs-icon-sync-disabled-24 {
  left: -1398px;
  top: -568px
}

.docs-material .docs-icon-sync-disabled-24-red600 {
  left: -78px;
  top: -122px
}

.docs-material .docs-icon-auto-awesome {
  left: -1398px;
  top: -1036px
}

.docs-material .docs-icon-auto-awesome-black {
  left: -1190px;
  top: -988px
}

.docs-material .docs-icon-auto-awesome-24 {
  left: -866px;
  top: -328px
}

.docs-material .docs-icon-auto-awesome-24-yellow {
  left: -888px;
  top: -1104px
}

.docs-material .docs-icon-warning-yellow-20 {
  left: -491px;
  top: -524px
}

.docs-material .docs-icon-warning {
  left: -495px;
  top: -418px
}

.docs-material .docs-icon-warning-24 {
  left: -104px;
  top: -122px
}

.docs-material .docs-icon-warning-filled-red700 {
  left: -1466px;
  top: -290px
}

.docs-material .docs-icon-watermark {
  left: -922px;
  top: -830px
}

.docs-material .docs-icon-watermark-24 {
  left: -598px;
  top: -94px
}

.docs-material .docs-icon-info {
  left: -398px;
  top: -128px
}

.docs-material .docs-icon-info-blue800 {
  left: -1122px;
  top: -878px
}

.docs-material .docs-icon-info-p40 {
  left: -904px;
  top: -654px
}

.docs-material .docs-icon-info-t40 {
  left: -1556px;
  top: -1162px
}

.docs-material .docs-icon-info-green800 {
  left: -120px;
  top: -1070px
}

.docs-material .docs-icon-info-grey800 {
  left: -74px;
  top: -22px
}

.docs-material .docs-icon-info_14 {
  left: -1870px;
  top: -106px
}

.docs-material .docs-icon-info-24 {
  left: -390px;
  top: -460px
}

.docs-material .docs-icon-info-outline-grey {
  left: -1974px;
  top: -1190px
}

.docs-material .docs-icon-search-20 {
  left: -480px;
  top: 0
}

.docs-material .docs-icon-search-24 {
  left: -1556px;
  top: -596px
}

.docs-material .docs-icon-sync-24 {
  left: -1250px;
  top: -594px
}

.docs-material .docs-icon-add {
  left: -2002px;
  top: -104px
}

.docs-material .docs-icon-add-24 {
  left: -1746px;
  top: -218px
}

.docs-material .docs-icon-folder {
  left: -1224px;
  top: -598px
}

.docs-material .docs-icon-folder-blue {
  left: -1732px;
  top: -512px
}

.docs-material .docs-icon-star-border {
  left: -1740px;
  top: -692px
}

.docs-material .docs-icon-star-filled {
  left: -1970px;
  top: -808px
}

.docs-material .docs-icon-star-box {
  left: -856px;
  top: -852px
}

.docs-material .docs-icon-link-24 {
  left: -1694px;
  top: -306px
}

.docs-material .docs-icon-link-no-24 {
  left: -1910px;
  top: -212px
}

.docs-material .docs-icon-paste-source-24 {
  left: -2104px;
  top: -228px
}

.docs-material .docs-icon-paste-destination-24 {
  left: -1182px;
  top: -774px
}

.docs-material .docs-preview {
  left: -1582px;
  top: -596px
}

.docs-material .docs-icon-increase-22 {
  left: -282px;
  top: -1054px
}

.docs-material .docs-icon-decrease-22 {
  left: -1808px;
  top: -372px
}

.docs-material .docs-icon-gear-grey400-13 {
  left: -1876px;
  top: -398px
}

.docs-material .docs-icon-gear-grey700-13 {
  left: -26px;
  top: -688px
}

.docs-material .docs-icon-gmail {
  left: -1648px;
  top: -218px
}

.docs-material .docs-icon-folder-move {
  left: -1162px;
  top: -734px
}

.docs-material .docs-icon-drag-top-left {
  left: -1536px;
  top: -1086px
}

.docs-material .docs-icon-drag-top-right {
  left: -630px;
  top: -694px
}

.docs-material .docs-icon-sync-pending {
  left: -2042px;
  top: -294px
}

.docs-material .docs-icon-sync-pending-24 {
  left: -892px;
  top: -328px
}

.docs-material .docs-icon-check-24 {
  left: -1062px;
  top: -708px
}

.docs-material .docs-icon-check-24-white {
  left: -22px;
  top: -422px
}

.docs-material .docs-icon-check-n10-24x24 {
  left: -798px;
  top: -1016px
}

.docs-material .docs-icon-close-n10-24x24 {
  left: -1398px;
  top: -698px
}

.docs-material .docs-icon-check-p40-24x24 {
  left: -338px;
  top: -460px
}

.docs-material .docs-icon-close-p40-24x24 {
  left: -1264px;
  top: -904px
}

.docs-material .docs-icon-instant-comment-24 {
  left: -446px;
  top: -1124px
}

.docs-material .docs-icon-instant-comment-blue600-24 {
  left: -2082px;
  top: -1244px
}

.docs-material .docs-icon-instant-comment-blue40-24 {
  left: -1668px;
  top: -1224px
}

.docs-material .docs-icon-instant-suggest-24 {
  left: -1536px;
  top: -156px
}

.docs-material .docs-icon-instant-suggest-green600-24 {
  left: -1668px;
  top: -1146px
}

.docs-material .docs-icon-instant-suggest-blue40-24 {
  left: -1582px;
  top: -550px
}

.docs-material .docs-icon-inventory-24 {
  left: -1144px;
  top: -962px
}

.docs-material .docs-icon-inventory {
  left: -262px;
  top: -578px
}

.docs-material .docs-icon-timeline {
  left: -810px;
  top: -594px
}

.docs-material .docs-icon-timeline-20x20 {
  left: -1290px;
  top: -572px
}

.docs-material .docs-icon-timeline-p40-20x20 {
  left: -1372px;
  top: -550px
}

.docs-material .docs-icon-table-chart-20x20 {
  left: -1720px;
  top: -306px
}

.docs-material .docs-icon-docos-continue-the-conversation-24 {
  left: -420px;
  top: -902px
}

.docs-material .docs-icon-locked-white {
  left: -1296px;
  top: -594px
}

.docs-material .docs-icon-locked-outline {
  left: -326px;
  top: -1100px
}

.docs-material .docs-icon-youtube-red {
  left: -1716px;
  top: -850px
}

.docs-material .docs-icon-unarchive-24 {
  left: -120px;
  top: -680px
}

.docs-material .docs-icon-paintbrush {
  left: -904px;
  top: -66px
}

.docs-material .docs-icon-videocam {
  left: -882px;
  top: -826px
}

.docs-material .docs-icon-videocam-24 {
  left: -1420px;
  top: -476px
}

.docs-material .docs-icon-videocam-colored-24 {
  left: -582px;
  top: -610px
}

.docs-material .docs-icon-send-to-email-24-red600 {
  left: -1734px;
  top: -420px
}

.docs-material .docs-icon-sort_az {
  left: -948px;
  top: -576px
}

.docs-material .docs-icon-sort_za {
  left: -1876px;
  top: -1038px
}

.docs-material .docs-icon-insights {
  left: -888px;
  top: -1058px
}

.docs-material .docs-icon-appsheet {
  left: -1688px;
  top: -578px
}

.docs-material .docs-icon-tv {
  left: -966px;
  top: -354px
}

.docs-material .docs-icon-laptop {
  left: -888px;
  top: -1130px
}

.docs-material .docs-icon-laptop-24 {
  left: -922px;
  top: -150px
}

.docs-material .docs-icon-autofit-none {
  left: -1930px;
  top: -152px
}

.docs-material .docs-icon-autofit-resize-shape {
  left: -1188px;
  top: -898px
}

.docs-material .docs-icon-autofit-shrink-text {
  left: -262px;
  top: -708px
}

.docs-material .docs-icon-avatar {
  left: -540px;
  top: -410px
}

.docs-material .docs-icon-smart-summary {
  left: -352px;
  top: -1124px
}

.docs-material .docs-icon-smart-summary-16 {
  left: -130px;
  top: -278px
}

.docs-material .docs-icon-smart-summary-20 {
  left: -1892px;
  top: -42px
}

.docs-material .docs-icon-smart-summary-24 {
  left: -1224px;
  top: -572px
}

.docs-material .docs-icon-insert-emoji-reaction-24-yellow700 {
  left: -1256px;
  top: -430px
}

.docs-material .docs-icon-insert-emoji-reaction-blue40-24 {
  left: 0;
  top: -749px
}

.docs-material .docs-icon-insert-thumbs-up-24-yellow700 {
  left: -52px;
  top: -588px
}

.docs-material .docs-icon-thumbs-up-outline-24x24 {
  left: -560px;
  top: -430px
}

.docs-material .docs-icon-thumbs-down-outline-24x24 {
  left: -988px;
  top: -648px
}

.docs-material .docs-icon-insert-emoticon {
  left: -1752px;
  top: -492px
}

.docs-material .docs-icon-more-vert {
  left: -1936px;
  top: -212px
}

.docs-material .docs-icon-more-vert-20 {
  left: -1290px;
  top: -878px
}

.docs-material .docs-icon-more-vert-24 {
  left: -988px;
  top: -348px
}

.docs-material .docs-icon-more-vert-n10-24x24 {
  left: -760px;
  top: -898px
}

.docs-material .docs-icon-performance-meter-24-green700 {
  left: -524px;
  top: 0
}

.docs-material .docs-icon-label-outline {
  left: -706px;
  top: -46px
}

.docs-material .docs-icon-checkbox-hollow {
  left: -678px;
  top: -584px
}

.docs-material .docs-icon-person-search-24 {
  left: -716px;
  top: -1062px
}

.docs-material .docs-icon-rectangle {
  left: -1936px;
  top: -424px
}

.docs-material .docs-icon-rounded-rectangle {
  left: -988px;
  top: -788px
}

.docs-material .docs-icon-oval {
  left: -312px;
  top: -140px
}

.docs-material .docs-icon-comment-topbar-24 {
  left: -1010px;
  top: -1040px
}

.docs-material .docs-icon-confirmation-number-24 {
  left: -582px;
  top: -676px
}

.docs-material .docs-icon-contacts-24 {
  left: -1536px;
  top: -972px
}

.docs-material .docs-icon-checklist {
  left: -1378px;
  top: -878px
}

.docs-material .docs-icon-checklist-20 {
  left: -1648px;
  top: -504px
}

.docs-material .docs-icon-checklist-24 {
  left: -1740px;
  top: -622px
}

.docs-material .docs-icon-checklist-rtl {
  left: -1266px;
  top: -198px
}

.docs-material .docs-icon-checklist-rtl-20 {
  left: -1264px;
  top: -956px
}

.docs-material .docs-icon-report {
  left: -1996px;
  top: -766px
}

.docs-material .docs-icon-report-white {
  left: -1106px;
  top: -338px
}

.docs-material .docs-icon-report-white-outline-24 {
  left: -1156px;
  top: -428px
}

.docs-material .docs-icon-report-off-white-outline-24 {
  left: -988px;
  top: -448px
}

.docs-material .docs-icon-report-red800 {
  left: -1208px;
  top: -796px
}

.docs-material .docs-icon-report-blue800 {
  left: -862px;
  top: -112px
}

.docs-material .docs-icon-report-green800 {
  left: -1536px;
  top: -1162px
}

.docs-material .docs-icon-report-grey800 {
  left: -1762px;
  top: -740px
}

.docs-material .docs-icon-assignment-ind-24 {
  left: -390px;
  top: -512px
}

.docs-material .docs-icon-assignment-ind-white-24 {
  left: -616px;
  top: -20px
}

.docs-material .docs-icon-assignment {
  left: -1876px;
  top: -1018px
}

.docs-material .docs-icon-assignment-24 {
  left: -634px;
  top: -430px
}

.docs-material .docs-icon-paperclip-24 {
  left: -2062px;
  top: -1080px
}

.docs-material .docs-icon-paperclip-20 {
  left: -1750px;
  top: -1198px
}

.docs-material .docs-icon-emoji-24 {
  left: -848px;
  top: -150px
}

.docs-material .docs-icon-emoji-emotions {
  left: -1276px;
  top: -594px
}

.docs-material .docs-icon-emoji-events {
  left: -1916px;
  top: -1252px
}

.docs-material .docs-icon-emoji-flags {
  left: -1870px;
  top: -86px
}

.docs-material .docs-icon-emoji-food-beverage {
  left: -1120px;
  top: -84px
}

.docs-material .docs-icon-emoji-nature {
  left: -2010px;
  top: -808px
}

.docs-material .docs-icon-emoji-objects {
  left: -1958px;
  top: -336px
}

.docs-material .docs-icon-emoji-people {
  left: -2062px;
  top: -1178px
}

.docs-material .docs-icon-emoji-symbols {
  left: -1668px;
  top: -464px
}

.docs-material .docs-icon-emoji-transportation {
  left: -926px;
  top: -546px
}

.docs-material .docs-icon-pushpin {
  left: 0;
  top: -376px
}

.docs-material .docs-icon-pushpin-unpin {
  left: -1734px;
  top: -472px
}

.docs-material .docs-icon-delete {
  left: -230px;
  top: -482px
}

.docs-material .docs-icon-logo-maps {
  left: -1774px;
  top: -446px
}

.docs-material .docs-icon-maps-pin {
  left: -1312px;
  top: -178px
}

.docs-material .docs-icon-calendar-event-24 {
  left: -1062px;
  top: -126px
}

.docs-material .docs-icon-calendar-event-20 {
  left: -1876px;
  top: -1078px
}

.docs-material .docs-icon-calendar-view-day-24 {
  left: -1850px;
  top: -1252px
}

.docs-material .docs-icon-displays {
  left: -332px;
  top: -140px
}

.docs-material .docs-icon-emoji-emotions-24 {
  left: -1850px;
  top: -514px
}

.docs-material .docs-icon-emoji-events-24 {
  left: -52px;
  top: -230px
}

.docs-material .docs-icon-emoji-flags-24 {
  left: -1674px;
  top: -782px
}

.docs-material .docs-icon-emoji-food-beverage-24 {
  left: -1970px;
  top: -766px
}

.docs-material .docs-icon-emoji-nature-24 {
  left: -820px;
  top: -328px
}

.docs-material .docs-icon-emoji-objects-24 {
  left: -878px;
  top: -654px
}

.docs-material .docs-icon-emoji-people-24 {
  left: -726px;
  top: -46px
}

.docs-material .docs-icon-emoji-symbols-24 {
  left: -1014px;
  top: -348px
}

.docs-material .docs-icon-emoji-transportation-24 {
  left: -1558px;
  top: -808px
}

.docs-material .docs-icon-warning-amber-red700 {
  left: -562px;
  top: -368px
}

.docs-material .docs-icon-warning-amber-24-red700 {
  left: -364px;
  top: -502px
}

.docs-material .docs-icon-loop-red700 {
  left: -1700px;
  top: -782px
}

.docs-material .docs-icon-map-24 {
  left: -1308px;
  top: -430px
}

.docs-material .docs-icon-loop-24-red700 {
  left: 0;
  top: -703px
}

.docs-material .docs-icon-send-to-email-24 {
  left: -1700px;
  top: -94px
}

.docs-material .docs-icon-send-to-email-20 {
  left: -1536px;
  top: -1210px
}

.docs-material .docs-icon-send-to-email-p40-20 {
  left: -416px;
  top: -460px
}

.docs-material .docs-icon-play-filled-20-yellow600 {
  left: -738px;
  top: -898px
}

.docs-material .docs-icon-record-voice-over {
  left: -1982px;
  top: -210px
}

.docs-material .docs-icon-record-circle {
  left: -988px;
  top: -608px
}

.docs-material .docs-icon-add-task {
  left: -158px;
  top: -398px
}

.docs-material .docs-icon-task-alt {
  left: -1398px;
  top: -950px
}

.docs-material .docs-icon-add-task-white {
  left: -658px;
  top: -584px
}

.docs-material .docs-icon-slideshow {
  left: -758px;
  top: -826px
}

.docs-material .docs-icon-send-to-email {
  left: -1496px;
  top: -172px
}

.docs-material .docs-icon-dropdown-arrow-in-oval-24 {
  left: -1774px;
  top: -1106px
}

.docs-material .docs-icon-task-alt-24 {
  left: -1244px;
  top: -258px
}

.docs-material .docs-icon-dropdown-arrow-in-oval {
  left: -256px;
  top: -944px
}

.docs-material .docs-icon-gmail-blue600-24 {
  left: 0;
  top: -256px
}

.docs-material .docs-icon-person {
  left: -988px;
  top: -848px
}

.docs-material .docs-icon-check-circle {
  left: -398px;
  top: -84px
}

.docs-material .docs-icon-check-circle-20x20 {
  left: -473px;
  top: -648px
}

.docs-material .docs-icon-check-circle-purple600-24x24 {
  left: -1190px;
  top: -1028px
}

.docs-material .docs-icon-supervisor-account {
  left: -2016px;
  top: -766px
}

.docs-material .docs-icon-brand-awareness {
  left: -1062px;
  top: -1278px
}

.docs-material .docs-icon-comment-edit-24 {
  left: -1736px;
  top: -830px
}

.docs-material .docs-icon-esignature-pen {
  left: -1516px;
  top: -42px
}

.docs-material .docs-icon-check-circle-green700 {
  left: -150px;
  top: -52px
}

.docs-material .docs-icon-insert-emoticon-24 {
  left: -1876px;
  top: -882px
}

.docs-material .docs-icon-docs-smart-chips-18 {
  left: -120px;
  top: -552px
}

.docs-material .docs-icon-meet-24 {
  left: -566px;
  top: -758px
}

.docs-material .docs-icon-page-header-18x18 {
  left: -2116px;
  top: -644px
}

.docs-material .docs-icon-page-footer-18x18 {
  left: -472px;
  top: -1040px
}

.docs-material .docs-icon-voting-chip-18x18 {
  left: -1950px;
  top: -1120px
}

.docs-material .docs-icon-meet-24-white {
  left: -1142px;
  top: -898px
}

.docs-material .docs-icon-meet-p40-24x24 {
  left: -1398px;
  top: -768px
}

.docs-material .docs-icon-meet-white {
  left: -438px;
  top: -174px
}

.docs-material .docs-icon-finance-mode {
  left: -120px;
  top: -398px
}

.docs-material .docs-icon-arrow-upward-green800 {
  left: -26px;
  top: -282px
}

.docs-material .docs-icon-arrow-downward-red900 {
  left: -1688px;
  top: -484px
}

.docs-material .docs-icon-plus-green800 {
  left: -1128px;
  top: -502px
}

.docs-material .docs-icon-minus-red900 {
  left: -656px;
  top: -1088px
}

.docs-material .docs-icon-post-add-24 {
  left: -394px;
  top: -1078px
}

.docs-material .docs-icon-slide-library-18x18 {
  left: -2002px;
  top: -230px
}

.docs-material .docs-icon-slide-library {
  left: -1786px;
  top: -648px
}

.docs-material .docs-icon-talk-track-live-video {
  left: -582px;
  top: -388px
}

.docs-material .docs-listpreset-checklist {
  left: -656px;
  top: -948px
}

.docs-material .docs-listpreset-checklist-rtl {
  left: -278px;
  top: -924px
}

.docs-material .docs-listpreset-checklist-without-strikethrough {
  left: -152px;
  top: -98px
}

.docs-material .docs-listpreset-checklist-without-strikethrough-rtl {
  left: -324px;
  top: -728px
}

.docs-material .docs-icon-download-and-decrypt {
  left: -1786px;
  top: -668px
}

.docs-material .docs-history-24 {
  left: -324px;
  top: -776px
}

.docs-material .docs-icon-colorize {
  left: -1712px;
  top: -492px
}

.docs-material .docs-icon-system-applied-labels {
  left: -1720px;
  top: -244px
}

.docs-material .docs-icon-format-list-bulleted-24 {
  left: -52px;
  top: -801px
}

.docs-material .docs-icon-format-paint-18x18 {
  left: -738px;
  top: -150px
}

.docs-material .docs-icon-add-to-drive-20 {
  left: -2042px;
  top: -686px
}

.docs-material .docs-icon-cloud-check-20 {
  left: -1084px;
  top: -178px
}

.docs-material .docs-icon-folder-20x20 {
  left: -540px;
  top: -368px
}

.docs-material .docs-icon-folder-move-20 {
  left: -332px;
  top: 0
}

.docs-material .docs-icon-info-20 {
  left: -1120px;
  top: -130px
}

.docs-material .docs-icon-star-border-20 {
  left: -862px;
  top: -90px
}

.docs-material .docs-icon-star-filled-20-blue600 {
  left: -560px;
  top: -610px
}

.docs-material .docs-cloud-off-20 {
  left: -236px;
  top: -598px
}

.docs-material .docs-icon-computer-20 {
  left: -1740px;
  top: -670px
}

.docs-material .docs-icon-schedule-20 {
  left: -352px;
  top: -1056px
}

.docs-material .docs-sync-20 {
  left: -210px;
  top: -460px
}

.docs-material .docs-icon-sync-problem-20 {
  left: -368px;
  top: -836px
}

.docs-material .docs-icon-offline-bolt-20 {
  left: -140px;
  top: -330px
}

.docs-material .docs-icon-docs-encrypted {
  left: -2062px;
  top: -1198px
}

.docs-material .docs-icon-slides-encrypted {
  left: -1942px;
  top: -470px
}

.docs-material .docs-icon-sheets-encrypted {
  left: -2042px;
  top: -208px
}

.docs-material .docs-icon-pdf-encrypted-18x18 {
  left: -2042px;
  top: -1080px
}

.docs-material .docs-icon-video-encrypted-18x18 {
  left: -2042px;
  top: -142px
}

.docs-material .docs-icon-image-encrypted-18x18 {
  left: -2042px;
  top: -1278px
}

.docs-material .docs-icon-building-block {
  left: -1890px;
  top: -212px
}

.docs-material .docs-icon-building-block-24 {
  left: -222px;
  top: -166px
}

.docs-material .docs-icon-columns-24 {
  left: -1604px;
  top: -1142px
}

.docs-material .docs-icon-add-20 {
  left: -178px;
  top: -186px
}

.docs-material .docs-icon-chevron-left-20 {
  left: -1250px;
  top: -620px
}

.docs-material .docs-icon-chevron-right-20 {
  left: -602px;
  top: -326px
}

.docs-material .docs-icon-chevron-down-20 {
  left: -1400px;
  top: -280px
}

.docs-material .docs-icon-expand-less-20 {
  left: -1668px;
  top: -870px
}

.docs-material .docs-icon-expand-more-20 {
  left: -582px;
  top: -1062px
}

.docs-material .docs-icon-menu-20 {
  left: -364px;
  top: -460px
}

.docs-material .docs-icon-mode-comment-filled-20 {
  left: -140px;
  top: -1116px
}

.docs-material .docs-icon-animation-20 {
  left: -1398px;
  top: -746px
}

.docs-material .docs-icon-grid-view-20 {
  left: -1106px;
  top: -226px
}

.docs-material .docs-icon-grid-view-filled-20 {
  left: -988px;
  top: -586px
}

.docs-material .docs-icon-error-filled-red700 {
  left: -1242px;
  top: -1098px
}

.docs-material .docs-icon-arrow-dropdown-20 {
  left: -1270px;
  top: -550px
}

.docs-material .docs-icon-arrow-dropdown-tertiary-green-20 {
  left: -1316px;
  top: -634px
}

.docs-material .docs-icon-arrow-dropdown-p40-20x20 {
  left: -922px;
  top: -850px
}

.docs-material .docs-icon-arrow-dropdown-on-surface-20 {
  left: -748px;
  top: -370px
}

.docs-material .docs-icon-edit-20 {
  left: -22px;
  top: -1019px
}

.docs-material .docs-icon-edit-24 {
  left: -1286px;
  top: -178px
}

.docs-material .docs-icon-edit-fix-auto-normal-20x20 {
  left: -992px;
  top: -272px
}

.docs-material .docs-icon-edit-fix-auto-normal-blue-20x20 {
  left: -644px;
  top: -392px
}

.docs-material .docs-icon-rate-review-20 {
  left: 0;
  top: -955px
}

.docs-material .docs-icon-category-24 {
  left: -1292px;
  top: -68px
}

.docs-material .docs-icon-variables {
  left: -1626px;
  top: -906px
}

.docs-material .docs-icon-variables-24 {
  left: -407px;
  top: -754px
}

.docs-material .docs-icon-video-camera-front-18 {
  left: -2042px;
  top: -990px
}

.docs-material .docs-icon-file-copy-blue900 {
  left: -1222px;
  top: -1180px
}

.docs-material .docs-icon-sort-20 {
  left: -74px;
  top: 0
}

.docs-material .docs-icon-video-camera-front-20 {
  left: -1014px;
  top: -448px
}

.docs-material .docs-icon-video-camera-front-24 {
  left: -786px;
  top: -872px
}

.docs-material .docs-icon-bolt {
  left: -1982px;
  top: -144px
}

.docs-material .docs-icon-editors-ia-bolt {
  left: -1982px;
  top: -144px
}

.docs-material .docs-icon-format-clear-20 {
  left: -288px;
  top: -594px
}

.docs-material .docs-icon-ink-highlighter-20 {
  left: -52px;
  top: -827px
}

.docs-material .docs-icon-numbers-20 {
  left: -1156px;
  top: -524px
}

.docs-material .docs-icon-remove-20 {
  left: -1132px;
  top: -290px
}

.docs-material .docs-icon-border-color-20 {
  left: -1562px;
  top: -156px
}

.docs-material .docs-icon-voting-chip-24 {
  left: -1808px;
  top: -326px
}

.docs-material .docs-icon-toc-links-50-68 {
  left: -1668px;
  top: -648px
}

.docs-material .docs-icon-toc-links-rtl-50-68 {
  left: -312px;
  top: -70px
}

.docs-material .docs-icon-toc-page-numbers-50-68 {
  left: -810px;
  top: -524px
}

.docs-material .docs-icon-toc-page-numbers-rtl-50-68 {
  left: -1898px;
  top: -726px
}

.docs-material .docs-icon-arrow-selector-tool-20 {
  left: -152px;
  top: -192px
}

.docs-material .docs-icon-cell-merge-20 {
  left: -120px;
  top: -308px
}

.docs-material .docs-icon-chip-extraction-20 {
  left: -1918px;
  top: -850px
}

.docs-material .docs-icon-format-ink-highlighter-20 {
  left: -1224px;
  top: -550px
}

.docs-material .docs-icon-format-text-clip-20 {
  left: -736px;
  top: -996px
}

.docs-material .docs-icon-format-text-overflow-20 {
  left: -1398px;
  top: -1210px
}

.docs-material .docs-icon-format-text-wrap-20 {
  left: -290px;
  top: -44px
}

.docs-material .docs-icon-insert-text-18x18 {
  left: -1694px;
  top: -532px
}

.docs-material .docs-icon-insert-text-20 {
  left: -1896px;
  top: -1018px
}

.docs-material .docs-icon-line-end-20 {
  left: -1472px;
  top: -990px
}

.docs-material .docs-icon-line-end-arrow-20 {
  left: -1896px;
  top: -796px
}

.docs-material .docs-icon-line-end-arrow-filled-20 {
  left: -1160px;
  top: -42px
}

.docs-material .docs-icon-line-end-arrow-notch-20 {
  left: -1014px;
  top: -1018px
}

.docs-material .docs-icon-line-end-circle-20 {
  left: -988px;
  top: -934px
}

.docs-material .docs-icon-line-end-circle-filled-20 {
  left: -1578px;
  top: -336px
}

.docs-material .docs-icon-line-end-diamond-20 {
  left: -416px;
  top: -482px
}

.docs-material .docs-icon-line-end-diamond-filled-20 {
  left: -378px;
  top: -1144px
}

.docs-material .docs-icon-line-end-square-20 {
  left: -1122px;
  top: -1180px
}

.docs-material .docs-icon-line-end-square-filled-20 {
  left: -1648px;
  top: -94px
}

.docs-material .docs-icon-line-start-20 {
  left: -586px;
  top: -430px
}

.docs-material .docs-icon-line-start-arrow-20 {
  left: -473px;
  top: -418px
}

.docs-material .docs-icon-line-start-arrow-filled-20 {
  left: -1786px;
  top: -328px
}

.docs-material .docs-icon-line-start-arrow-notch-20 {
  left: -1982px;
  top: -82px
}

.docs-material .docs-icon-line-start-circle-20 {
  left: -666px;
  top: -176px
}

.docs-material .docs-icon-line-start-circle-filled-20 {
  left: -1014px;
  top: -490px
}

.docs-material .docs-icon-line-start-diamond-20 {
  left: -495px;
  top: -692px
}

.docs-material .docs-icon-line-start-diamond-filled-20 {
  left: -1062px;
  top: -502px
}

.docs-material .docs-icon-line-start-square-20 {
  left: -1648px;
  top: -264px
}

.docs-material .docs-icon-line-start-square-filled-20 {
  left: -1472px;
  top: -1012px
}

.docs-material .docs-icon-colorize-24 {
  left: -2002px;
  top: -1018px
}

.docs-material .docs-icon-search-20-nv50 {
  left: -988px;
  top: -1192px
}

.docs-material .docs-icon-toc-dotted-50-68 {
  left: -1424px;
  top: -568px
}

.docs-material .docs-icon-toc-dotted-rtl-50-68 {
  left: -1418px;
  top: -814px
}

.docs-material .docs-icon-table-quick-layout-top-left-72 {
  left: -774px;
  top: -1166px
}

.docs-material .docs-icon-table-quick-layout-top-center-72 {
  left: -1304px;
  top: -1062px
}

.docs-material .docs-icon-table-quick-layout-top-right-72 {
  left: -1062px;
  top: -550px
}

.docs-material .docs-icon-table-quick-layout-center-left-72 {
  left: 0;
  top: -22px
}

.docs-material .docs-icon-table-quick-layout-center-72 {
  left: -26px;
  top: -614px
}

.docs-material .docs-icon-table-quick-layout-center-right-72 {
  left: -1536px;
  top: -656px
}

.docs-material .docs-icon-table-quick-layout-bottom-left-72 {
  left: -892px;
  top: -354px
}

.docs-material .docs-icon-table-quick-layout-bottom-center-72 {
  left: -312px;
  top: -160px
}

.docs-material .docs-icon-table-quick-layout-bottom-right-72 {
  left: -310px;
  top: -552px
}

.docs-material .docs-icon-table-quick-layout-top-left-56 {
  left: -120px;
  top: -1190px
}

.docs-material .docs-icon-table-quick-layout-top-center-56 {
  left: -1890px;
  top: -278px
}

.docs-material .docs-icon-table-quick-layout-top-right-56 {
  left: -778px;
  top: -46px
}

.docs-material .docs-icon-table-quick-layout-center-left-56 {
  left: -1536px;
  top: -750px
}

.docs-material .docs-icon-table-quick-layout-center-56 {
  left: -716px;
  top: -1114px
}

.docs-material .docs-icon-table-quick-layout-center-right-56 {
  left: -20px;
  top: -1065px
}

.docs-material .docs-icon-table-quick-layout-bottom-left-56 {
  left: -1062px;
  top: -68px
}

.docs-material .docs-icon-table-quick-layout-bottom-center-56 {
  left: -1062px;
  top: -820px
}

.docs-material .docs-icon-table-quick-layout-bottom-right-56 {
  left: -752px;
  top: -524px
}

.docs-material .docs-icon-table-left-aligned-72 {
  left: -1062px;
  top: -428px
}

.docs-material .docs-icon-table-center-aligned-72 {
  left: -1398px;
  top: -1136px
}

.docs-material .docs-icon-table-right-aligned-72 {
  left: 0;
  top: -1169px
}

.docs-material .docs-icon-table-text-wrapping-inline-72 {
  left: -848px;
  top: -176px
}

.docs-material .docs-icon-table-text-wrapping-wrap-72 {
  left: -1876px;
  top: -1100px
}

.docs-material .docs-icon-table-text-wrap-direction-bothsides-72 {
  left: -2042px;
  top: -68px
}

.docs-material .docs-icon-table-text-wrap-direction-left-72 {
  left: -1950px;
  top: -626px
}

.docs-material .docs-icon-table-text-wrap-direction-right-72 {
  left: -1762px;
  top: -856px
}

.docs-material .docs-icon-function-20 {
  left: -824px;
  top: -996px
}

.docs-material .docs-icon-visibility-24 {
  left: -1062px;
  top: -200px
}

.docs-material .docs-icon-timer-24 {
  left: -1556px;
  top: -448px
}

.docs-material .docs-icon-expand-more {
  left: -472px;
  top: -1020px
}

.docs-material .docs-icon-expand-less {
  left: -1012px;
  top: -104px
}

.docs-material .docs-icon-expand-header {
  left: -1332px;
  top: -878px
}

.docs-material .docs-icon-expand-header-24 {
  left: -1400px;
  top: -302px
}

.docs-material .docs-icon-collapse-header {
  left: -1272px;
  top: -68px
}

.docs-material .docs-icon-collapse-header-24 {
  left: -988px;
  top: -998px
}

.docs-material .docs-icon-collapse-nv30-24 {
  left: -1668px;
  top: -622px
}

.docs-material .docs-icon-expand-nv30-24 {
  left: -120px;
  top: -1090px
}

.docs-material .docs-icon-filter-alt-20 {
  left: -346px;
  top: -836px
}

.docs-material .docs-icon-filter-alt-filled-20 {
  left: -1728px;
  top: -600px
}

.docs-material .docs-icon-logo-colab-18x18 {
  left: -798px;
  top: -996px
}

.docs-material .docs-icon-timeline-milestones-18x18 {
  left: -668px;
  top: 0
}

.docs-material .docs-icon-lock-filled-20x20 {
  left: -1106px;
  top: -268px
}

.docs-material .docs-icon-lock-filled-p40-20x20 {
  left: -1320px;
  top: -42px
}

.docs-material .docs-icon-headphones-18x18 {
  left: -1088px;
  top: -524px
}

.docs-material .docs-icon-headphones-24x24 {
  left: -786px;
  top: -846px
}

.docs-material .docs-icon-speech-to-text-18x18 {
  left: -958px;
  top: -968px
}

.docs-material .docs-icon-speech-to-text-24x24 {
  left: -216px;
  top: -26px
}

.docs-material .docs-icon-text-to-speech-18x18 {
  left: -1264px;
  top: -978px
}

.docs-material .docs-icon-text-to-speech-24x24 {
  left: -1536px;
  top: -834px
}

.docs-material .docs-icon-hourglass-empty-18x18 {
  left: -1244px;
  top: -362px
}

.docs-material .docs-icon-hourglass-empty-24x24 {
  left: -26px;
  top: -821px
}

.docs-material .docs-icon-assistant-20x20 {
  left: -684px;
  top: -94px
}

.docs-material .docs-icon-assistant-p40-20x20 {
  left: -1584px;
  top: -202px
}

.docs-material .docs-icon-assistant-24x24 {
  left: -1714px;
  top: -532px
}

.docs-material .docs-icon-assistant-p40-24x24 {
  left: -656px;
  top: -1062px
}

.docs-material .docs-icon-calendar-event-draft-18x18 {
  left: -1536px;
  top: -136px
}

.docs-material .docs-icon-calendar-event-draft-24x24 {
  left: 0;
  top: -230px
}

.docs-material .docs-icon-timely-p40-24 {
  left: -1850px;
  top: -440px
}

.docs-material .docs-icon-chip-extraction-18x18 {
  left: -1648px;
  top: -68px
}

.docs-material .docs-icon-lock-20x20 {
  left: -604px;
  top: -1106px
}

.docs-material .docs-icon-visibility-20x20 {
  left: -1850px;
  top: -1190px
}

.docs-material .docs-icon-die-24 {
  left: -1218px;
  top: -264px
}

.docs-material .docs-icon-puzzle-24 {
  left: -1008px;
  top: -1092px
}

.docs-material .docs-icon-edit-fix-auto-24 {
  left: -256px;
  top: -1054px
}

.docs-material .docs-icon-text-analysis-24 {
  left: -446px;
  top: -956px
}

.docs-material .docs-icon-arrow-insert-20 {
  left: -174px;
  top: -256px
}

.docs-icon .docs-icon-gemini-avatar-32 {
  left: -1950px;
  top: -1140px
}

.docs-material .docs-icon-ai-text-generator-18 {
  left: -1582px;
  top: -576px
}

.docs-material .docs-icon-gen-ai-p40 {
  left: -1462px;
  top: -428px
}

.docs-material .docs-icon-ai-text-generator-blue-18x18 {
  left: -120px;
  top: -418px
}

.docs-material .docs-icon-ai-text-20 {
  left: -1536px;
  top: -380px
}

.docs-material .docs-icon-ai-text-generator-24 {
  left: -1562px;
  top: -1020px
}

.docs-material .docs-icon-flask-18 {
  left: -256px;
  top: -1080px
}

.docs-material .docs-icon-flask-20 {
  left: -1462px;
  top: -454px
}

.docs-material .docs-icon-vids-18x18 {
  left: -1962px;
  top: -470px
}

.docs-material .docs-icon-vids-purple-18x18 {
  left: -1420px;
  top: -428px
}

.docs-material .docs-icon-image-generation-18 {
  left: -1808px;
  top: -416px
}

.docs-material .docs-icon-image-generation-20 {
  left: -738px;
  top: -804px
}

.docs-material .docs-icon-image-generation-24 {
  left: -2042px;
  top: -42px
}

.docs-material .docs-icon-video-generation-20 {
  left: -1084px;
  top: -502px
}

.docs-material .docs-icon-web-traffic-20 {
  left: 0;
  top: -1019px
}

.docs-material .docs-icon-work {
  left: -812px;
  top: -898px
}

.docs-material .docs-icon-work-nv30-24 {
  left: -1536px;
  top: -422px
}

.docs-material .docs-icon-edit-note {
  left: -2088px;
  top: -924px
}

.docs-material .docs-icon-edit-note-nv30-24 {
  left: -66px;
  top: -396px
}

.docs-material .docs-icon-thumbs-up-white-24 {
  left: -2090px;
  top: -42px
}

.docs-material .docs-icon-thumbs-down-white-24 {
  left: -624px;
  top: -346px
}

.docs-material .docs-icon-thumbs-up-white-outline-24 {
  left: -1602px;
  top: -490px
}

.docs-material .docs-icon-thumbs-down-white-outline-24 {
  left: -666px;
  top: -150px
}

.docs-material .docs-icon-thumbs-up-off-white-outline-24 {
  left: -1690px;
  top: -850px
}

.docs-material .docs-icon-thumbs-down-off-white-outline-24 {
  left: -120px;
  top: -460px
}

.docs-material .docs-icon-thumbs-up-gray-24 {
  left: -856px;
  top: -826px
}

.docs-material .docs-icon-thumbs-down-gray-24 {
  left: -1734px;
  top: -446px
}

.docs-material .docs-icon-thumbs-up-gray-outline-24 {
  left: -1466px;
  top: -336px
}

.docs-material .docs-icon-thumbs-down-gray-outline-24 {
  left: -988px;
  top: -762px
}

.docs-material .docs-icon-help-20 {
  left: -1122px;
  top: -1036px
}

.docs-material .docs-icon-open-in-full-20x20 {
  left: -120px;
  top: -438px
}

.docs-material .docs-icon-close-fullscreen-20x20 {
  left: -540px;
  top: -326px
}

.docs-material .docs-icon-how-to-vote-18x18 {
  left: -256px;
  top: -1034px
}

.docs-material .docs-icon-how-to-vote-24x24 {
  left: -1786px;
  top: -622px
}

.docs-material .docs-icon-placeholder-24x24 {
  left: -848px;
  top: -250px
}

.docs-material .docs-icon-open-in-external-24x24 {
  left: -1648px;
  top: -782px
}

.docs-material .docs-icon-play-arrow-18x18 {
  left: -1728px;
  top: -1106px
}

.docs-material .docs-icon-play-arrow-white-18x18 {
  left: -1418px;
  top: -1010px
}

.docs-material .docs-icon-play-circle-18x18 {
  left: -1876px;
  top: -796px
}

.docs-material .docs-icon-audio-gen-spark-18x18 {
  left: -282px;
  top: -836px
}

.docs-material .docs-icon-audio-gen-spark-24x24 {
  left: -1584px;
  top: -224px
}

.docs-material .docs-icon-play-movies-18x18 {
  left: -1688px;
  top: -1106px
}

.docs-material .docs-icon-pause-18x18 {
  left: -1602px;
  top: -530px
}

.docs-material .docs-icon-pause-white-18x18 {
  left: -1870px;
  top: -172px
}

.docs-material .docs-icon-add-p40-20x20 {
  left: 0;
  top: -354px
}

.docs-material .docs-icon-add-p40-24x24 {
  left: -922px;
  top: -222px
}

.docs-material .docs-icon-tablesmith-24x24 {
  left: -120px;
  top: -774px
}

.docs-material .docs-icon-tablesmith-20x20 {
  left: -282px;
  top: -856px
}

.docs-material .docs-icon-tablesmith-18x18 {
  left: -26px;
  top: -729px
}

.docs-material .docs-icon-slide-library-20 {
  left: -1106px;
  top: -204px
}

.docs-material .docs-icon-slide-library-24 {
  left: -502px;
  top: -150px
}

.docs-material .docs-icon-warning-red40-20x20 {
  left: -1798px;
  top: -94px
}

.docs-material .docs-icon-thumb-up-18x18 {
  left: -2002px;
  top: -338px
}

.docs-material .docs-icon-thumb-down-18x18 {
  left: -1062px;
  top: -266px
}

.docs-material .docs-icon-live-pointer-empty-20x20 {
  left: -988px;
  top: -714px
}

.docs-material .docs-icon-live-pointer-filled-20x20 {
  left: -2082px;
  top: -248px
}

.docs-material .docs-icon-encrypted-blue-20x20 {
  left: -140px;
  top: -506px
}

.docs-material .docs-icon-visibility-no-fill-18x18 {
  left: -1418px;
  top: -794px
}

.docs-material .docs-icon-smart-chips-20x20 {
  left: -800px;
  top: -182px
}

.docs-material .docs-icon-comments-disabled-24x24 {
  left: -78px;
  top: -96px
}

.docs-material .docs-icon-visibility-off-no-fill-18x18 {
  left: -988px;
  top: -308px
}

.docs-material .docs-icon-refresh-18x18 {
  left: -958px;
  top: -1010px
}

.docs-material .docs-icon-refresh-white-18x18 {
  left: 0;
  top: -1149px
}

.docs-material .docs-icon-refresh-white-10x10 {
  left: -1360px;
  top: -226px
}

.docs-material .docs-icon-refresh-white-7x7 {
  left: -626px;
  top: -804px
}

.docs-material .docs-icon-safety-divider-18x18 {
  left: -758px;
  top: -996px
}

.docs-material .docs-icon-summarize-18x18 {
  left: 0;
  top: -396px
}

.docs-material .docs-icon-format-list-bulleted-18x18 {
  left: -2088px;
  top: -904px
}

.docs-material .docs-icon-tone-18x18 {
  left: -810px;
  top: -614px
}

.docs-material .docs-icon-format-eq-18x18 {
  left: -178px;
  top: -398px
}

.docs-material .docs-icon-recorder-20x20 {
  left: -200px;
  top: -166px
}

.docs-material .docs-icon-date-range-20x20 {
  left: -324px;
  top: -836px
}

.docs-material .docs-icon-date-range-24x24 {
  left: -1896px;
  top: -490px
}

.docs-material .docs-icon-policy-20x20 {
  left: -1184px;
  top: -940px
}

.docs-material .docs-icon-spark-10x10 {
  left: -758px;
  top: -150px
}

.docs-material .docs-icon-spark-20x20 {
  left: -473px;
  top: -692px
}

.docs-material .docs-icon-spark-blue-16x16 {
  left: -453px;
  top: -524px
}

.docs-material .docs-icon-spark-blue-20x20 {
  left: -1720px;
  top: -394px
}

.docs-material .docs-icon-spark-blue-24x24 {
  left: -312px;
  top: -460px
}

.docs-material .docs-icon-spark-blue-40x40 {
  left: -992px;
  top: -150px
}

.docs-material .docs-icon-arrow-split-18x18 {
  left: -1808px;
  top: -306px
}

.docs-material .docs-icon-arrow-split-20x20 {
  left: -1308px;
  top: -456px
}

.docs-material .docs-icon-noogler-hat-24x24 {
  left: -888px;
  top: -1078px
}

.docs-material .docs-icon-arrow-downward-alt-20x20 {
  left: -1012px;
  top: 0
}

.docs-material .docs-icon-arrow-downward-20x20 {
  left: -453px;
  top: -460px
}

.docs-material .docs-icon-arrow-left-alt-20x20 {
  left: -290px;
  top: -22px
}

.docs-material .docs-icon-arrow-right-alt-20x20 {
  left: 0;
  top: -422px
}

.docs-material .docs-icon-arrow-upward-alt-20x20 {
  left: -794px;
  top: -1062px
}

.docs-material .docs-icon-calendar-today-18x18 {
  left: -407px;
  top: -780px
}

.docs-material .docs-icon-calendar-today-24x24 {
  left: -752px;
  top: -46px
}

.docs-material .docs-icon-animation-24x24 {
  left: -1558px;
  top: -68px
}

.docs-material .docs-icon-masked-transitions-24x24 {
  left: -26px;
  top: -749px
}

.docs-material .docs-icon-chat-bubble-24x24 {
  left: -716px;
  top: -1088px
}

.docs-material .docs-icon-wallpaper-18x18 {
  left: -256px;
  top: -1100px
}

.docs-material .docs-icon-wallpaper-20x20 {
  left: -1316px;
  top: -258px
}

.docs-material .docs-icon-settings-outline-18x18 {
  left: -1168px;
  top: -1140px
}

.docs-material .docs-icon-attach-file-24x24 {
  left: -1186px;
  top: -84px
}

.docs-material .docs-icon-lightbulb-24x24 {
  left: -1062px;
  top: -42px
}

.docs-material .docs-icon-event-24x24 {
  left: -1850px;
  top: -600px
}

.docs-material .docs-icon-suggestion-24x24 {
  left: -1824px;
  top: -224px
}

.docs-material .docs-icon-background-replace-18x18 {
  left: -1936px;
  top: -1252px
}

.docs-material .docs-icon-background-replace-20x20 {
  left: -1536px;
  top: -906px
}

.docs-material .docs-icon-background-replace-spark-20x20 {
  left: -1410px;
  top: -42px
}

.docs-material .docs-icon-background-replace-spark-blue-20x20 {
  left: -398px;
  top: -104px
}

.docs-material .docs-icon-encryption-shield-strikethrough-18x18 {
  left: -1668px;
  top: -830px
}

.docs-material .docs-icon-star-24x24 {
  left: -2082px;
  top: -388px
}

.docs-material .docs-icon-building-blocks-24x24 {
  left: -1136px;
  top: -382px
}

.docs-material .docs-icon-do-not-disturb-on-18x18 {
  left: -46px;
  top: -396px
}

.docs-material .docs-icon-do-not-disturb-on-20x20 {
  left: -1890px;
  top: -64px
}

.docs-material .docs-icon-signature-24x24 {
  left: -338px;
  top: -486px
}

.docs-material .docs-icon-keyboard-double-arrow-left-24x24 {
  left: -466px;
  top: -1098px
}

.docs-material .docs-icon-keyboard-double-arrow-right-24x24 {
  left: -706px;
  top: -650px
}

.docs-material .docs-icon-timer-18x18 {
  left: -1710px;
  top: -1198px
}

.docs-material .docs-icon-arrow-back-18x18 {
  left: -2042px;
  top: -924px
}

.docs-material .docs-icon-arrow-forward-18x18 {
  left: -1828px;
  top: -416px
}

.docs-material .docs-icon-markdown-copy-18x18 {
  left: -760px;
  top: -924px
}

.docs-material .docs-icon-markdown-paste-18x18 {
  left: -1896px;
  top: -564px
}

.docs-material .docs-icon-masked-transitions-18x18 {
  left: -1558px;
  top: -336px
}

.docs-material .docs-icon-stream-arts {
  left: -580px;
  top: -738px
}

.docs-material .docs-icon-stream-arts-24x24 {
  left: -1466px;
  top: -224px
}

.docs-material .docs-icon-check-white-20x20 {
  left: -1034px;
  top: -534px
}

.docs-material .docs-icon-retry-20x20 {
  left: -836px;
  top: -654px
}

.docs-material .docs-icon-close-20x20 {
  left: -1298px;
  top: -42px
}

.docs-material .docs-icon-arrow-downward-18x18 {
  left: -582px;
  top: -636px
}

.docs-material .docs-icon-arrow-upward-18x18 {
  left: -1204px;
  top: -592px
}

.docs-material .docs-icon-tab-18x18 {
  left: -1726px;
  top: -198px
}

.docs-material .docs-icon-arrow-right-20x20 {
  left: -194px;
  top: -572px
}

.docs-material .docs-icon-article-20x20 {
  left: -1982px;
  top: -316px
}

.docs-material .docs-icon-format-list-bulleted-20x20 {
  left: -758px;
  top: -228px
}

.docs-material .docs-icon-arrow-drop-down-24x24 {
  left: -1990px;
  top: -726px
}

.docs-material .docs-icon-arrow-drop-down-white-20x20 {
  left: -2042px;
  top: -664px
}

.docs-material .docs-icon-arrow-right-24x24 {
  left: -446px;
  top: -1172px
}

.docs-material .docs-icon-arrow-left-24x24 {
  left: -786px;
  top: -898px
}

.docs-material .docs-icon-expand-teal-20x20 {
  left: -142px;
  top: -308px
}

.docs-material .docs-icon-draft-18x18 {
  left: -1730px;
  top: -1246px
}

.docs-material .docs-icon-expand-content-18x18 {
  left: -1102px;
  top: -1218px
}

.docs-material .docs-icon-spark-18x18 {
  left: -1308px;
  top: -478px
}

.docs-material .docs-icon-spark-white-18x18 {
  left: -1380px;
  top: -320px
}

.docs-material .docs-icon-spark-white-20x20 {
  left: -1970px;
  top: -874px
}

.docs-material .docs-icon-spark-white-24x24 {
  left: -1958px;
  top: -564px
}

.docs-material .docs-icon-panorama-18x18 {
  left: -1140px;
  top: -84px
}

.docs-material .docs-icon-chat-bubble-20x20 {
  left: -495px;
  top: -648px
}

.docs-material .docs-icon-pageless-18x18 {
  left: -1398px;
  top: -794px
}

.docs-material .docs-icon-pageless-24x24 {
  left: -1730px;
  top: -1220px
}

.docs-material .docs-icon-tab-close-18x18 {
  left: -364px;
  top: -528px
}

.docs-material .docs-icon-buttons-alt-18x18 {
  left: -1910px;
  top: -152px
}

.docs-material .docs-icon-variables-customized-copies {
  left: -1536px;
  top: -250px
}

.docs-material .docs-icon-expand-more-white-20 {
  left: -1012px;
  top: -42px
}

.docs-material .docs-icon-list-18x18 {
  left: -1102px;
  top: -1180px
}

.docs-material .docs-icon-list-20x20 {
  left: -764px;
  top: -846px
}

.docs-material .docs-icon-account-circle-20x20 {
  left: -304px;
  top: -1190px
}

.docs-material .docs-icon-add-photo-alternate-20x20 {
  left: -648px;
  top: -813px
}

.docs-material .docs-icon-add-photo-alternate-wght700-48x48 {
  left: -648px;
  top: -835px
}

.docs-material .docs-icon-delete-20x20 {
  left: -836px;
  top: -680px
}

.docs-material .docs-icon-add-white-20 {
  left: -522px;
  top: -216px
}

.docs-material .docs-icon-chat-bubble-18x18 {
  left: -1700px;
  top: -264px
}

.docs-material .docs-icon-drag-vertical-20x20 {
  left: -2116px;
  top: -622px
}

.docs-material .docs-icon-drag-pan-20x20 {
  left: -1450px;
  top: -768px
}

.docs-material .docs-icon-chat-bubble-uep-24x24 {
  left: -398px;
  top: -148px
}

.docs-material .docs-icon-variables-customized-copies-18x18 {
  left: -453px;
  top: -628px
}

.docs-material .docs-icon-summarize-auto-24x24 {
  left: -1748px;
  top: -1106px
}

.docs-material .docs-icon-summarize-auto-18x18 {
  left: -1158px;
  top: -550px
}

.docs-material .docs-icon-chat-spark-24x24 {
  left: -1876px;
  top: -940px
}

.docs-material .docs-icon-group-auto-24x24 {
  left: -988px;
  top: -908px
}

.docs-material .docs-icon-performance-auto-24x24 {
  left: -1142px;
  top: -1098px
}

.docs-material .docs-icon-pen-spark-24x24 {
  left: -1178px;
  top: -592px
}

.docs-material .docs-icon-gallery-thumbnail-18x18 {
  left: -1938px;
  top: -1018px
}

.docs-material .docs-icon-closed-caption-20x20 {
  left: -780px;
  top: -228px
}

.docs-material .docs-icon-filter-table-view-white {
  left: -582px;
  top: -948px
}

.docs-material .docs-icon-data-table-18x18 {
  left: -120px;
  top: -706px
}

.docs-material .docs-icon-content-copy-24x24 {
  left: -1062px;
  top: -402px
}

.docs-material .docs-icon-read-more-20x20 {
  left: -418px;
  top: -216px
}

.docs-material .docs-icon-read-more-20x20-rtl {
  left: -1990px;
  top: -848px
}

.docs-material .docs-icon-panorama-24x24 {
  left: -608px;
  top: -430px
}

.docs-material .docs-icon-gallery-thumbnail-24x24 {
  left: -1902px;
  top: -940px
}

.docs-material .docs-icon-table-chart-white {
  left: -1732px;
  top: -492px
}

.docs-material .docs-icon-sidebar-24x24 {
  left: -1536px;
  top: -496px
}

.docs-material .docs-icon-upload-white {
  left: -2062px;
  top: -1218px
}

.docs-material .docs-icon-edit-movie-24x24 {
  left: -988px;
  top: -1066px
}

.docs-material .docs-icon-recorder-24x24 {
  left: -1136px;
  top: -734px
}

.docs-material .docs-icon-spark-24x24 {
  left: -922px;
  top: -872px
}

.docs-material .docs-icon-spark-gradient-24x24 {
  left: -1756px;
  top: -1220px
}

.docs-material .docs-icon-comment-18x18 {
  left: -1536px;
  top: -1100px
}

.docs-material .docs-icon-spark-32x32 {
  left: -466px;
  top: -922px
}

.docs-material .docs-icon-closed-caption-add-20x20 {
  left: -1388px;
  top: -86px
}

.docs-material .docs-icon-folder-18x18 {
  left: -364px;
  top: -482px
}

.docs-material .docs-icon-photo-library-18x18 {
  left: -1034px;
  top: -1092px
}

.docs-material .docs-icon-error-error40-40x40 {
  left: -888px;
  top: -948px
}

.docs-material .docs-icon-video-settings-20x20 {
  left: -1398px;
  top: -928px
}

.docs-material .docs-icon-video-settings-18x18 {
  left: -1720px;
  top: -328px
}

.docs-material .docs-icon-closed-caption-add-24x24 {
  left: -1762px;
  top: -830px
}

.docs-material .docs-icon-present-option-chromecast {
  left: -1284px;
  top: -978px
}

.docs-material .docs-icon-present-option-external-display {
  left: -666px;
  top: -326px
}

.docs-material .docs-icon-present-option-from-beginning {
  left: -1432px;
  top: -42px
}

.docs-material .docs-icon-present-option-fullscreen {
  left: -1168px;
  top: -1098px
}

.docs-material .docs-icon-present-option-internal-display {
  left: -1786px;
  top: -730px
}

.docs-material .docs-icon-present-option-presenter-view {
  left: -166px;
  top: -752px
}

.docs-material .docs-icon-present-option-slideshow-settings {
  left: -524px;
  top: -94px
}

.docs-material .docs-icon-drag-indicator-20x20 {
  left: -770px;
  top: -370px
}

.docs-material .docs-icon-task-alt-24x24 {
  left: -1140px;
  top: -104px
}

.docs-material .docs-icon-animation-20x20 {
  left: -1536px;
  top: -808px
}

.docs-material .docs-icon-masked-transitions-20x20 {
  left: -1536px;
  top: -336px
}

.docs-material .docs-icon-error-white-20x20 {
  left: -172px;
  top: -598px
}

.docs-material .docs-icon-draft-20x20 {
  left: -2042px;
  top: -708px
}

.docs-material .docs-icon-cast-18x18 {
  left: -194px;
  top: -236px
}

.docs-material .docs-icon-filter-1-18x18 {
  left: -1918px;
  top: -830px
}

.docs-material .docs-icon-podium-18x18 {
  left: -830px;
  top: -702px
}

.docs-material .docs-icon-task-alt-blue-20x20 {
  left: -146px;
  top: -820px
}

.docs-material .docs-icon-task-alt-blue-24x24 {
  left: 0;
  top: -1272px
}

.docs-material .docs-icon-checklist-24x24 {
  left: -948px;
  top: -530px
}

.docs-material .docs-icon-person_check-24x24 {
  left: -1470px;
  top: -794px
}

.docs-material .docs-icon-crop-square-20x20 {
  left: -1896px;
  top: -584px
}

.docs-material .docs-icon-crop-9-16-20x20 {
  left: -472px;
  top: -1198px
}

.docs-material .docs-icon-crop-16-9-20x20 {
  left: -352px;
  top: -48px
}

.docs-material .docs-icon-drive-video-red-18x18 {
  left: -1876px;
  top: -1058px
}

.docs-material .docs-icon-replace-video-18x18 {
  left: -2116px;
  top: -788px
}

.docs-material .docs-icon-policy-18x18 {
  left: -420px;
  top: -104px
}

.docs-material .docs-icon-assignment-ind-20x20 {
  left: -1690px;
  top: -442px
}

.docs-material .docs-icon-contacts-20x20 {
  left: -1850px;
  top: -646px
}

.docs-material .docs-icon-contact-page-20x20 {
  left: -1106px;
  top: -502px
}

.docs-material .docs-icon-contact-page-24x24 {
  left: -1896px;
  top: -606px
}

.docs-material .docs-icon-user-attributes-20x20 {
  left: -1168px;
  top: -918px
}

.docs-material .docs-icon-user-attributes-24x24 {
  left: -1438px;
  top: -1010px
}

.docs-material .docs-icon-signature-20x20 {
  left: -988px;
  top: -1214px
}

.docs-material .docs-icon-interests-20x20 {
  left: -1244px;
  top: -178px
}

.docs-material .docs-icon-interests-24x24 {
  left: -1936px;
  top: -444px
}

.docs-material .docs-icon-text-18x18 {
  left: -398px;
  top: -262px
}

.docs-material .docs-icon-text-20x20 {
  left: -1776px;
  top: -578px
}

.docs-material .docs-icon-slow-motion-video-18x18 {
  left: -1082px;
  top: -22px
}

.docs-material .docs-icon-slow-motion-video-20x20 {
  left: -1106px;
  top: -290px
}

.docs-material .docs-icon-slow-motion-video-24x24 {
  left: -278px;
  top: -1190px
}

.docs-material .docs-icon-beach-access-18x18 {
  left: -248px;
  top: -274px
}

.docs-material .docs-icon-beach-access-24x24 {
  left: -1264px;
  top: -878px
}

.docs-material .docs-icon-collapse-all-24x24 {
  left: -130px;
  top: -72px
}

.docs-material .docs-icon-edit-fix-auto-normal-18x18 {
  left: -2042px;
  top: -730px
}

.docs-material .docs-icon-edit-fix-auto-normal-24x24 {
  left: -1800px;
  top: -1106px
}

.docs-material .docs-icon-format-list-bulleted-24x24 {
  left: -2062px;
  top: -924px
}

.docs-material .docs-icon-summarize-24x24 {
  left: -1956px;
  top: -192px
}

.docs-material .docs-icon-palette-24x24 {
  left: -1937px;
  top: -398px
}

.docs-material .docs-icon-thumb-up-nv50-20x20 {
  left: -834px;
  top: -846px
}

.docs-material .docs-icon-thumb-down-nv50-20x20 {
  left: -1870px;
  top: -42px
}

.docs-material .docs-icon-thumb-up-20x20 {
  left: -758px;
  top: -202px
}

.docs-material .docs-icon-thumb-down-20x20 {
  left: -418px;
  top: -194px
}

.docs-material .docs-icon-approval-20x20 {
  left: -1470px;
  top: -820px
}

.docs-material .docs-icon-calendar-today-20x20 {
  left: -1536px;
  top: -1120px
}

.docs-material .docs-icon-view-list-20x20 {
  left: -1034px;
  top: -150px
}

.docs-material .docs-icon-view-list-24x24 {
  left: -1264px;
  top: -930px
}

.docs-material .docs-icon-bolt-white-18x18 {
  left: -1712px;
  top: -442px
}

.docs-material .docs-icon-location-on-filled-20x20 {
  left: -1740px;
  top: -740px
}

.docs-material .docs-icon-apps-script-24x24 {
  left: -692px;
  top: -256px
}

.docs-material .docs-icon-speech-to-text-20x20 {
  left: -1062px;
  top: 0
}

.docs-material .docs-icon-add-reaction-p40-18x18 {
  left: -1496px;
  top: -152px
}

.docs-material .docs-icon-border-bottom-24x24 {
  left: -1192px;
  top: -312px
}

.docs-material .docs-icon-border-horizontal-24x24 {
  left: -1648px;
  top: -1080px
}

.docs-material .docs-icon-border-left-24x24 {
  left: -2008px;
  top: -270px
}

.docs-material .docs-icon-border-right-24x24 {
  left: -332px;
  top: -22px
}

.docs-material .docs-icon-border-top-24x24 {
  left: -1062px;
  top: -524px
}

.docs-material .docs-icon-line-style-24x24 {
  left: -1122px;
  top: -988px
}

.docs-material .docs-icon-arrow-forward-p40-20x20 {
  left: -120px;
  top: -752px
}

.docs-material .docs-icon-apps-script-18x18 {
  left: -382px;
  top: -924px
}

.docs-material .docs-icon-chromebook-screen-mirror-18x18 {
  left: -1994px;
  top: -1190px
}

.docs-material .docs-icon-accessibility-new-20x20 {
  left: -2042px;
  top: -770px
}

.docs-material .docs-icon-zoom-out-map-18x18 {
  left: -930px;
  top: -948px
}

.docs-material .docs-icon-domain-disabled-20x20 {
  left: -862px;
  top: -46px
}

.docs-material .docs-icon-domain-disabled-14x14 {
  left: -1950px;
  top: -1174px
}

.docs-grille-gm3 .docs-material .docs-icon-domain-disabled-dark-grey-14x14 {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_grey_dark.svg);
  left: -1950px;
  top: -1174px
}

.docs-material .docs-icon-add-reaction-18x18 {
  left: -152px;
  top: -146px
}

.docs-material .docs-icon-chat-logo-24x24 {
  left: -384px;
  top: -552px
}

.docs-material .docs-icon-view-object-track-20x20 {
  left: -360px;
  top: -1210px
}

.docs-material .docs-icon-insert-text-24x24 {
  left: -894px;
  top: -250px
}

.docs-material .docs-icon-workspace-premium-20x20 {
  left: -2116px;
  top: -560px
}

.docs-material .docs-icon-call-18x18 {
  left: -1122px;
  top: -898px
}

.docs-material .docs-icon-stack-hexagon-20x20 {
  left: -1588px;
  top: -948px
}

.docs-material .docs-icon-stack-hexagon-24x24 {
  left: -1890px;
  top: -336px
}

.docs-material .docs-icon-screensaver-auto-18x18 {
  left: -648px;
  top: -610px
}

.docs-material .docs-icon-screensaver-auto-20x20 {
  left: 0;
  top: -1243px
}

.docs-material .docs-icon-drive-drawing-24x24 {
  left: -1798px;
  top: -178px
}

.docs-material .docs-icon-insert-chart-24x24 {
  left: 0;
  top: -1123px
}

.docs-material .docs-icon-drive-presentation-24x24 {
  left: -2042px;
  top: -1126px
}

.docs-material .docs-icon-table-chart-24x24 {
  left: -192px;
  top: -834px
}

.docs-material .docs-icon-view-timeline-24x24 {
  left: -948px;
  top: -248px
}

.docs-material .docs-icon-check-circle-blue600-24x24 {
  left: -1690px;
  top: -68px
}

.docs-material .docs-icon-format-list-bulleted-spark-18x18 {
  left: -2042px;
  top: -480px
}

.docs-material .docs-icon-format-list-bulleted-spark-24x24 {
  left: -540px;
  top: -478px
}

.docs-material .docs-icon-add-task-blue-20x20 {
  left: -453px;
  top: -502px
}

.docs-material .docs-icon-add-on-18x18 {
  left: -1202px;
  top: -1180px
}

.docs-material .docs-icon-docs-add-on-24x24 {
  left: -888px;
  top: -990px
}

.docs-material .docs-icon-expand-content-grey-18x18 {
  left: -378px;
  top: -22px
}

.docs-material .docs-icon-duplicate-18x18 {
  left: -288px;
  top: -552px
}

.docs-material .docs-icon-edit-18x18 {
  left: -120px;
  top: -1050px
}

.docs-material .docs-icon-link-18x18 {
  left: -1956px;
  top: -258px
}

.docs-material .docs-icon-list-bullet-18x18 {
  left: -1264px;
  top: -218px
}

.docs-material .docs-icon-add-20x20 {
  left: -1728px;
  top: -578px
}

.docs-material .docs-icon-hide-18x18 {
  left: -120px;
  top: -640px
}

.docs-material .docs-icon-volume-off-20x20 {
  left: -1136px;
  top: -570px
}

.docs-material .docs-icon-tune-18x18 {
  left: -1418px;
  top: -1116px
}

.docs-material .docs-icon-forward-20x20 {
  left: -1256px;
  top: -382px
}

.docs-material .docs-icon-lightbulb-tips-p40-24x24 {
  left: -1772px;
  top: -198px
}

.docs-material .docs-icon-spellcheck-spark-p40-24x24 {
  left: -104px;
  top: -96px
}

.docs-material .docs-icon-error-24x24 {
  left: -2042px;
  top: -1036px
}

.docs-material .docs-icon-button-magic-20x20 {
  left: -502px;
  top: -46px
}

.docs-material .docs-icon-image-generation-blue-20x20 {
  left: -604px;
  top: -1042px
}

.docs-material .docs-icon-more-vert-20x20 {
  left: -1850px;
  top: -492px
}

.docs-material .docs-icon-accessibility-new-24x24 {
  left: -2042px;
  top: -434px
}

.docs-material .docs-icon-close-16x16 {
  left: -2042px;
  top: -1062px
}

.docs-material .docs-icon-quick-layout-top-left-72 {
  left: 0;
  top: -136px
}

.docs-material .docs-icon-quick-layout-top-center-72 {
  left: -988px;
  top: -374px
}

.docs-material .docs-icon-quick-layout-top-right-72 {
  left: -1182px;
  top: -382px
}

.docs-material .docs-icon-quick-layout-center-left-72 {
  left: -120px;
  top: -902px
}

.docs-material .docs-icon-quick-layout-center-72 {
  left: -140px;
  top: -976px
}

.docs-material .docs-icon-quick-layout-center-right-72 {
  left: -1280px;
  top: -734px
}

.docs-material .docs-icon-quick-layout-bottom-left-72 {
  left: -2042px;
  top: -566px
}

.docs-material .docs-icon-quick-layout-bottom-center-72 {
  left: -1062px;
  top: -734px
}

.docs-material .docs-icon-quick-layout-bottom-right-72 {
  left: -988px;
  top: -1118px
}

.docs-material .docs-icon-format-options-sidebar-icon-24 {
  left: 0;
  top: -328px
}

.docs-material .docs-icon-citations-sidebar-icon-24 {
  left: -522px;
  top: -258px
}

.docs-material .docs-icon-gk-spark-24x24 {
  left: -1556px;
  top: -1184px
}

.docs-material .docs-icon-gk-spark-32x32 {
  left: -326px;
  top: -1216px
}

.docs-material .docs-icon-add-comment-20x20 {
  left: -1648px;
  top: -808px
}

.docs-material .docs-icon-add-reaction-20x20 {
  left: -1398px;
  top: -428px
}

.docs-material .docs-icon-pen-spark-20x20 {
  left: -1162px;
  top: -940px
}

.docs-material .docs-icon-error-filled-orange60-20x20 {
  left: -850px;
  top: -702px
}

.docs-material .docs-icon-summarize-auto-2-24x24 {
  left: -1690px;
  top: -876px
}

.docs-material .docs-icon-flag-outline-18x18 {
  left: -250px;
  top: -482px
}

.docs-material .docs-material-common-sprite-20x20-audio-magic-eraser {
  left: -453px;
  top: -606px
}

.docs-material .docs-material-common-sprite-20x20-contextual-token {
  left: -1876px;
  top: -542px
}

.docs-material .docs-material-common-sprite-20x20-contextual-token-filled {
  left: -340px;
  top: -972px
}

.docs-material .docs-material-common-sprite-20x20-folder-filled {
  left: -1876px;
  top: -726px
}

.docs-material .docs-material-common-sprite-20x20-image-search {
  left: -458px;
  top: 0
}

.docs-material .docs-material-common-sprite-20x20-image-search-filled {
  left: -1712px;
  top: -462px
}

.docs-material .docs-material-common-sprite-20x20-movie-filter-auto {
  left: -1668px;
  top: -1250px
}

.docs-material .docs-material-common-sprite-20x20-movie-filter-auto-filled {
  left: -460px;
  top: -106px
}

.docs-material .docs-material-common-sprite-20x20-personal-recommendations {
  left: -580px;
  top: -456px
}

.docs-material .docs-material-common-sprite-20x20-personal-recommendations-filled {
  left: -1808px;
  top: -456px
}

.docs-material .docs-material-common-sprite-20x20-shapes-filled {
  left: -1784px;
  top: -306px
}

.docs-material .docs-icon-summarize-auto-20x20 {
  left: -1872px;
  top: -1190px
}

.docs-material .docs-icon-label-auto-20x20 {
  left: -1362px;
  top: -64px
}

.docs-material .docs-icon-analyze-sentiment-auto-20x20 {
  left: -78px;
  top: -210px
}

.docs-material .docs-icon-chart-spark-20x20 {
  left: -1668px;
  top: -68px
}

.docs-material .docs-icon-graphic-eq-18x18 {
  left: -360px;
  top: -1190px
}

.docs-material .docs-icon-format-paint-24x24 {
  left: -236px;
  top: -572px
}

.docs-material .docs-icon-movie-filter-auto-24x24 {
  left: -120px;
  top: -598px
}

.docs-material .docs-icon-aspect-ratio-20x20 {
  left: -1668px;
  top: -442px
}

.docs-material .docs-icon-audio-magic-eraser-18x18 {
  left: -2088px;
  top: -884px
}

.docs-material .docs-icon-content-paste-spark-18x18 {
  left: -1106px;
  top: -358px
}

.docs-material .docs-icon-dropdown-spark-18x18 {
  left: -1444px;
  top: -678px
}

.docs-material .docs-icon-filter-list-spark-18x18 {
  left: -2042px;
  top: -460px
}

.docs-material .docs-icon-filter-spark-18x18 {
  left: -420px;
  top: -928px
}

.docs-material .docs-icon-format-paint-spark-18x18 {
  left: -1918px;
  top: -564px
}

.docs-material .docs-icon-function-spark-18x18 {
  left: -1762px;
  top: -264px
}

.docs-material .docs-icon-functions-spark-18x18 {
  left: -1014px;
  top: -998px
}

.docs-material .docs-icon-inset-image-18x18 {
  left: -664px;
  top: -94px
}

.docs-material .docs-icon-mood-spark-18x18 {
  left: -560px;
  top: -544px
}

.docs-material .docs-icon-performance-auto-18x18 {
  left: -802px;
  top: -228px
}

.docs-material .docs-icon-pivot-table-spark-18x18 {
  left: -1398px;
  top: -1116px
}

.docs-material .docs-icon-play-circle-spark-18x18 {
  left: -420px;
  top: -84px
}

.docs-material .docs-icon-sheets-spark-18x18 {
  left: -146px;
  top: -862px
}

.docs-material .docs-icon-content-paste-spark-20x20 {
  left: -2116px;
  top: -828px
}

.docs-material .docs-icon-dropdown-spark-20x20 {
  left: -130px;
  top: -98px
}

.docs-material .docs-icon-filter-list-spark-20x20 {
  left: -1350px;
  top: -1020px
}

.docs-material .docs-icon-filter-spark-20x20 {
  left: -1122px;
  top: -962px
}

.docs-material .docs-icon-format-paint-spark-20x20 {
  left: -1360px;
  top: -238px
}

.docs-material .docs-icon-function-spark-20x20 {
  left: -1362px;
  top: -42px
}

.docs-material .docs-icon-functions-spark-20x20 {
  left: -1536px;
  top: -1232px
}

.docs-material .docs-icon-inset-image-20x20 {
  left: -236px;
  top: -902px
}

.docs-material .docs-icon-mood-spark-20x20 {
  left: -1620px;
  top: -336px
}

.docs-material .docs-icon-pivot-table-spark-20x20 {
  left: -214px;
  top: -1054px
}

.docs-material .docs-icon-play-circle-spark-20x20 {
  left: -1694px;
  top: -350px
}

.docs-material .docs-icon-sheets-spark-20x20 {
  left: -1914px;
  top: -42px
}

.docs-material .docs-icon-content-paste-spark-24x24 {
  left: -2064px;
  top: -664px
}

.docs-material .docs-icon-dropdown-spark-24x24 {
  left: -716px;
  top: -1172px
}

.docs-material .docs-icon-filter-list-spark-24x24 {
  left: -1398px;
  top: -542px
}

.docs-material .docs-icon-filter-spark-24x24 {
  left: -698px;
  top: -584px
}

.docs-material .docs-icon-format-paint-spark-24x24 {
  left: -1182px;
  top: -748px
}

.docs-material .docs-icon-function-spark-24x24 {
  left: -2042px;
  top: -1152px
}

.docs-material .docs-icon-functions-spark-24x24 {
  left: -1142px;
  top: -1124px
}

.docs-material .docs-icon-inset-image-24x24 {
  left: -2004px;
  top: -184px
}

.docs-material .docs-icon-mood-spark-24x24 {
  left: -1108px;
  top: -524px
}

.docs-material .docs-icon-pivot-table-spark-24x24 {
  left: -1470px;
  top: -842px
}

.docs-material .docs-icon-play-circle-spark-24x24 {
  left: -1444px;
  top: -698px
}

.docs-material .docs-icon-sheets-spark-24x24 {
  left: -1850px;
  top: -466px
}

.docs-material .docs-icon-schedule-auto-18x18 {
  left: -1424px;
  top: -698px
}

.docs-material .docs-icon-text-analysis-18x18 {
  left: -1982px;
  top: -104px
}

.docs-material .docs-icon-delete-forever-20x20 {
  left: -1720px;
  top: -264px
}

.docs-material-gm-labeled-select {
  color: #3c4043;
  outline: none;
  width: 100%
}

.docs-material-gm-labeled-select-outer-box {
  border: 1px solid #dadce0;
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  padding: 8px 6px 8px 8px;
  width: 100%
}

.docs-material-gm-labeled-select-hover .docs-material-gm-labeled-select-outer-box {
  background-color: rgba(60, 64, 67, .04);
  border: 1px solid #dadce0
}

.docs-material-gm-labeled-select-open .docs-material-gm-labeled-select-outer-box {
  background-color: rgba(60, 64, 67, .04);
  border: 1px solid transparent
}

.docs-material-gm-select-open.docs-material-gm-select-hover .docs-material-gm-labeled-select-outer-box {
  background-color: rgba(60, 64, 67, .06)
}

.docs-material-gm-select-open.docs-material-gm-select-focused .docs-material-gm-labeled-select-outer-box {
  background-color: rgba(60, 64, 67, .08)
}

.docs-material-gm-labeled-select-disabled .docs-material-gm-labeled-select-outer-box {
  border: 1px solid #dadce0;
  box-shadow: none;
  cursor: default
}

.docs-material-gm-labeled-select-inner-box {
  align-items: center;
  display: flex;
  justify-content: space-between;
  position: relative;
  width: 100%
}

.docs-material-gm-labeled-select-content {
  margin-bottom: 8px
}

.docs-material-gm-labeled-select-caption {
  box-sizing: border-box;
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.docs-material-gm-labeled-select-dropdown {
  align-items: center;
  display: flex;
  height: 24px;
  justify-content: center;
  width: 24px
}

.docs-material-gm-labeled-select-dropdown-icon {
  background: no-repeat url(https://ssl.gstatic.com/docs/common/material_common_sprite839_gm3_grey_medium.svg) -656px -996px;
  height: 18px;
  width: 18px
}

.docs-material-gm-labeled-select-open .docs-material-gm-labeled-select-dropdown-icon {
  transform: rotate(180deg)
}

.docs-material-gm-labeled-select-label {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px
}

@media screen and (forced-colors:active) {
  .docs-material-gm-labeled-select-focused .docs-material-gm-labeled-select-outer-box {
    border: 1px solid Highlight;
    outline: 1px solid Highlight
  }

  .docs-material-gm-select-open.docs-material-gm-select-focused .docs-material-gm-labeled-select-outer-box {
    border: 1px solid #dadce0;
    outline: none
  }

  .docs-material-gm-labeled-select-disabled .docs-material-gm-labeled-select-outer-box {
    border: 1px solid GrayText
  }

  .docs-material-gm-labeled-select-disabled .docs-material-gm-labeled-select-caption {
    color: GrayText
  }
}

.docs-material-gm-select {
  color: #3c4043;
  outline: none;
  width: 100%
}

.docs-material-gm-select-disabled {
  color: #5f6368;
  opacity: .38;
  cursor: default
}

.docs-material-gm-select-outer-box {
  border: 1px solid #dadce0;
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  padding: 8px 6px 8px 8px;
  width: 100%
}

.docs-material-gm-select-outer-box:active {
  background-color: #fff;
  border: 1px solid transparent;
  box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15)
}

.docs-material-gm-select-hover .docs-material-gm-select-outer-box {
  background-color: rgba(60, 64, 67, .04);
  border: 1px solid #dadce0
}

.docs-material-gm-select-focused .docs-material-gm-select-outer-box {
  background-color: rgba(60, 64, 67, .06);
  border: 1px solid #dadce0
}

.docs-material-gm-select-open .docs-material-gm-select-outer-box {
  background-color: rgba(60, 64, 67, .04);
  border: 1px solid transparent
}

.docs-material-gm-select-open.docs-material-gm-select-hover .docs-material-gm-select-outer-box {
  background-color: rgba(60, 64, 67, .06)
}

.docs-material-gm-select-open.docs-material-gm-select-focused .docs-material-gm-select-outer-box {
  background-color: rgba(60, 64, 67, .08)
}

.docs-material-gm-select-disabled .docs-material-gm-select-outer-box {
  border: 1px solid #dadce0;
  box-shadow: none;
  cursor: default
}

.docs-material-gm-select-inner-box {
  align-items: center;
  display: flex;
  justify-content: space-between;
  position: relative;
  width: 100%
}

.docs-material-gm-select-caption {
  box-sizing: border-box;
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.docs-material-gm-select-dropdown {
  align-items: center;
  display: flex;
  height: 24px;
  justify-content: center;
  width: 24px
}

.docs-material-gm-select-dropdown-icon {
  background: no-repeat url(https://ssl.gstatic.com/docs/common/material_common_sprite839_gm3_grey_medium.svg) -656px -996px;
  height: 18px;
  width: 18px
}

.docs-material-gm-select-open .docs-material-gm-select-dropdown-icon {
  transform: rotate(180deg)
}

@media screen and (forced-colors:active) {
  .docs-material-gm-select-focused .docs-material-gm-select-outer-box {
    border: 1px solid Highlight;
    outline: 1px solid Highlight
  }

  .docs-material-gm-select-open.docs-material-gm-select-focused .docs-material-gm-select-outer-box {
    border: 1px solid #dadce0;
    outline: none
  }

  .docs-material-gm-select-disabled {
    color: GrayText;
    opacity: 1
  }

  .docs-material-gm-select-disabled .docs-material-gm-select-outer-box {
    border: 1px solid GrayText
  }

  .docs-material-gm-select-disabled .docs-material-gm-select-caption {
    color: GrayText
  }
}

.goog-menu {
  border-radius: 0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
  transition: opacity .218s;
  background: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .2);
  cursor: default;
  font-size: 13px;
  margin: 0;
  outline: none;
  padding: 6px 0;
  position: absolute
}

.goog-flat-menu-button {
  border-radius: 2px;
  background-color: #f5f5f5;
  background-image: linear-gradient(top, #f5f5f5, #f1f1f1);
  border: 1px solid #dcdcdc;
  color: #333;
  cursor: default;
  font-size: 11px;
  font-weight: 700;
  line-height: 27px;
  list-style: none;
  margin: 0 2px;
  min-width: 46px;
  outline: none;
  padding: 0 18px 0 6px;
  text-align: center;
  text-decoration: none
}

.goog-flat-menu-button-disabled {
  background-color: #fff;
  border-color: #f3f3f3;
  color: #b8b8b8
}

.goog-flat-menu-button.goog-flat-menu-button-hover {
  background-color: #f8f8f8;
  background-image: linear-gradient(top, #f8f8f8, #f1f1f1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
  border-color: #c6c6c6;
  color: #111
}

.goog-flat-menu-button.goog-flat-menu-button-focused {
  border-color: #4d90fe
}

.goog-flat-menu-button.goog-flat-menu-button-active,
.goog-flat-menu-button.goog-flat-menu-button-open {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
  background-color: #eee;
  background-image: linear-gradient(top, #eee, #e0e0e0);
  border: 1px solid #ccc;
  color: #333;
  z-index: 2
}

.goog-flat-menu-button-caption {
  vertical-align: top;
  white-space: nowrap
}

.goog-flat-menu-button-dropdown {
  border-color: #777 transparent;
  border-style: solid;
  border-width: 4px 4px 0 4px;
  height: 0;
  width: 0;
  position: absolute;
  right: 5px;
  top: 12px
}

.goog-flat-menu-button .goog-flat-menu-button-img {
  margin-top: -3px;
  opacity: .7;
  vertical-align: middle
}

.goog-flat-menu-button-active .goog-flat-menu-button-img,
.goog-flat-menu-button-hover .goog-flat-menu-button-img,
.goog-flat-menu-button-open .goog-flat-menu-button-img,
.goog-flat-menu-button-selected .goog-flat-menu-button-img {
  opacity: .9
}

.goog-flat-menu-button-active .goog-flat-menu-button-dropdown,
.goog-flat-menu-button-hover .goog-flat-menu-button-dropdown,
.goog-flat-menu-button-open .goog-flat-menu-button-dropdown,
.goog-flat-menu-button-selected .goog-flat-menu-button-dropdown {
  border-color: #595959 transparent
}

.goog-flat-menu-button-left,
.goog-flat-menu-button-right {
  z-index: 1
}

.goog-flat-menu-button-left.goog-flat-menu-button-disabled {
  z-index: 0
}

.goog-flat-menu-button-hover.goog-flat-menu-button-collapse-right,
.goog-flat-menu-button-right:focus {
  z-index: 2
}

.goog-flat-menu-button-hover.goog-flat-menu-button-collapse-left,
.goog-flat-menu-button-left:focus {
  z-index: 2
}

.goog-flat-menu-button-collapse-left {
  margin-left: -1px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  min-width: 0;
  padding-left: 0;
  vertical-align: top
}

.goog-flat-menu-button-collapse-right {
  margin-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.goog-filterobsmenuitem,
.goog-menuitem,
.goog-tristatemenuitem {
  position: relative;
  color: #333;
  cursor: pointer;
  list-style: none;
  margin: 0;
  padding: 6px 8em 6px 30px;
  white-space: nowrap
}

.goog-menu-nocheckbox .goog-menuitem,
.goog-menu-noicon .goog-menuitem {
  padding-left: 16px;
  vertical-align: middle
}

.goog-menu-noaccel .goog-menuitem {
  padding-right: 44px
}

.goog-menuitem-disabled {
  cursor: default
}

.goog-menuitem-disabled .goog-menuitem-accel,
.goog-menuitem-disabled .goog-menuitem-content {
  color: #ccc !important
}

.goog-menuitem-disabled .goog-menuitem-icon {
  filter: alpha(opacity=30);
  opacity: .3
}

.goog-menuitem-highlight,
.goog-menuitem-hover {
  background-color: #eee;
  border-color: #eee;
  border-style: dotted;
  border-width: 1px 0;
  padding-top: 5px;
  padding-bottom: 5px
}

.goog-menuitem-highlight .goog-menuitem-content,
.goog-menuitem-hover .goog-menuitem-content {
  color: #333
}

.goog-menuitem-checkbox,
.goog-menuitem-icon {
  background-repeat: no-repeat;
  height: 21px;
  left: 3px;
  position: absolute;
  right: auto;
  top: 3px;
  vertical-align: middle;
  width: 21px
}

.goog-option-selected {
  background-image: url(//ssl.gstatic.com/ui/v1/menu/checkmark.png);
  background-repeat: no-repeat;
  background-position: 0
}

.goog-option-selected .goog-menuitem-content {
  color: #333
}

.goog-menuitem-accel {
  color: #777;
  direction: ltr;
  left: auto;
  padding: 0 6px;
  position: absolute;
  right: 0;
  text-align: right
}

.goog-menuitem-mnemonic-hint {
  text-decoration: underline
}

.goog-menuitem-mnemonic-separator {
  color: #777;
  font-size: 12px;
  padding-left: 4px
}

.goog-menuseparator {
  border-top: 1px solid #ebebeb;
  margin-top: 6px;
  margin-bottom: 6px
}

.goog-submenu-arrow {
  transition: all .218s;
  font-size: 70%;
  left: auto;
  right: 10px;
  padding-top: 3px;
  padding-right: 0;
  position: absolute;
  text-align: right;
  opacity: .5;
  filter: alpha(opacity=50)
}

.goog-menuitem-highlight .goog-submenu-arrow,
.goog-menuitem-hover .goog-submenu-arrow {
  transition: none;
  border-left-color: #999;
  opacity: 1
}

.goog-menuitem-disabled .goog-submenu-arrow {
  color: inherit;
  opacity: 1
}

.docs-gm3-textarea {
  background: none;
  border: none;
  border-radius: 4px;
  box-shadow: 0 0 0 1px #8f8f8f;
  color: rgba(0, 0, 0, .87);
  display: flex;
  font-size: 16px;
  font-family: Roboto, sans-serif;
  height: unset;
  line-height: unset;
  margin: 12px 0;
  outline: none;
  padding: 16px;
  resize: none;
  transition: border-color .25s cubic-bezier(.4, 0, .2, 1);
  width: 100%
}

.docs-gm3-textarea:focus {
  box-shadow: 0 0 0 2px #0b57d0
}

.docs-gm3-textarea:disabled {
  box-shadow: 0 0 0 2px rgba(31, 31, 31, .38)
}

.docs-material-labeled-text-field {
  height: 40px;
  line-height: 40px;
  padding-top: 5px;
  position: relative
}

.docs-grille-gm3-text-field.docs-material-labeled-text-field {
  display: flex;
  flex-direction: column;
  height: unset;
  line-height: unset;
  margin: 12px 0;
  padding: 0
}

.docs-material-labeled-text-field-input {
  box-sizing: border-box;
  transition: border-color .2s cubic-bezier(.4, 0, .2, 1);
  background: none;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, .12);
  color: rgba(0, 0, 0, .87);
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 26px;
  line-height: 26px;
  outline: none;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%
}

.docs-grille-gm3-text-field .docs-material-labeled-text-field-input {
  border: none;
  border-radius: 4px;
  box-shadow: 0 0 0 1px #8f8f8f;
  font-size: 16px;
  font-family: Roboto, sans-serif;
  height: 56px;
  margin-bottom: 4px;
  padding: 0 16px
}

@media screen and (forced-colors:active) {
  .docs-grille-gm3-text-field .docs-material-labeled-text-field-input {
    box-shadow: none;
    outline: 1px solid Highlight
  }
}

.docs-grille-gm3-text-field .docs-material-labeled-text-field-content {
  align-items: center;
  color: #1f1f1f;
  display: flex;
  font-family: Roboto, sans-serif;
  left: 12px;
  position: absolute;
  top: 28px;
  width: 100%
}

.docs-material-labeled-text-field-hover .docs-material-labeled-text-field-input {
  border-bottom-color: rgba(0, 0, 0, .38)
}

.docs-material-labeled-text-field-focused .docs-material-labeled-text-field-input {
  border-bottom: 2px solid #4285f4
}

.docs-grille-gm3-text-field.docs-material-labeled-text-field-focused .docs-material-labeled-text-field-input {
  border: none;
  box-shadow: 0 0 0 2px #0b57d0
}

@media screen and (forced-colors:active) {
  .docs-grille-gm3-text-field.docs-material-labeled-text-field-focused .docs-material-labeled-text-field-input {
    box-shadow: none;
    outline: 2px solid Highlight
  }
}

.docs-material-labeled-text-field-disabled .docs-material-labeled-text-field-input {
  border-bottom: 1px dotted rgba(0, 0, 0, .12);
  color: rgba(0, 0, 0, .12);
  cursor: default
}

.docs-grille-gm3-text-field.docs-material-labeled-text-field-disabled .docs-material-labeled-text-field-input {
  border: none;
  box-shadow: 0 0 0 2px rgba(31, 31, 31, .38)
}

@media screen and (forced-colors:active) {
  .docs-grille-gm3-text-field.docs-material-labeled-text-field-disabled .docs-material-labeled-text-field-input {
    box-shadow: none;
    outline: 2px solid Highlight
  }
}

.docs-material-labeled-text-field-label {
  transition: transform .2s cubic-bezier(.4, 0, 1, 1);
  color: #616161;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 45px;
  position: absolute;
  transform-origin: left bottom
}

.docs-grille-gm3-text-field .docs-material-labeled-text-field-label {
  color: #444746;
  cursor: text;
  font-size: 16px;
  line-height: unset;
  padding: 0 4px;
  transition: transform .1s cubic-bezier(.4, 0, 1, 1)
}

.docs-material-labeled-text-field-focused .docs-material-labeled-text-field-label,
.docs-material-labeled-text-field-has-text .docs-material-labeled-text-field-label {
  transform: translateY(-22px) scale(.846)
}

.docs-grille-gm3-text-field.docs-material-labeled-text-field-focused .docs-material-labeled-text-field-label,
.docs-grille-gm3-text-field.docs-material-labeled-text-field-has-text .docs-material-labeled-text-field-label {
  background-color: #fff;
  transform: translateY(-28px) scale(.846)
}

.docs-grille-gm3-text-field.docs-material-labeled-text-field-disabled .docs-material-labeled-text-field-label {
  color: rgba(68, 71, 70, .38);
  opacity: 1
}

.docs-material-labeled-text-field-focused .docs-material-labeled-text-field-label {
  color: #3367d6
}

.docs-grille-gm3-text-field.docs-material-labeled-text-field-focused .docs-material-labeled-text-field-label {
  color: #0b57d0
}

.docs-material-labeled-text-field-disabled .docs-material-labeled-text-field-label {
  opacity: .12
}

.docs-material-labeled-text-field-supporting-text {
  font-family: Roboto, sans-serif;
  font-size: 12px;
  padding-left: 16px
}

.docs-grille-gm3-text-field.docs-material-labeled-text-field-disabled .docs-material-labeled-text-field-supporting-text {
  opacity: .38
}

.docs-material-text-area {
  box-sizing: border-box;
  transition: border-color .25s cubic-bezier(.4, 0, .2, 1);
  background: none;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, .12);
  color: rgba(0, 0, 0, .87);
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 13px;
  outline: none;
  resize: none;
  width: 100%
}

.docs-material-text-area:hover {
  border-bottom-color: rgba(0, 0, 0, .38)
}

.docs-material-text-area:focus {
  border-bottom: 2px solid #4285f4
}

.docs-material-text-area:disabled {
  border-bottom: 1px dotted rgba(0, 0, 0, .12);
  color: rgba(0, 0, 0, .12);
  cursor: default
}

.docs-material-text-field-input {
  box-sizing: border-box;
  transition: border-color .25s cubic-bezier(.4, 0, .2, 1);
  background: none;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, .12);
  color: rgba(0, 0, 0, .87);
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 26px;
  line-height: 26px;
  outline: none;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%
}

.docs-material-text-field-hover .docs-material-text-field-input {
  border-bottom-color: rgba(0, 0, 0, .38)
}

.docs-material-text-field-focused .docs-material-text-field-input {
  border-bottom: 2px solid #4285f4
}

.docs-material-text-field-disabled .docs-material-text-field-input {
  border-bottom: 1px dotted rgba(0, 0, 0, .12);
  color: rgba(0, 0, 0, .12);
  cursor: default
}

.drive-spinner {
  height: 44px;
  overflow: hidden;
  position: relative
}

.drive-quantum-spinner {
  height: 28px;
  left: 50%;
  margin-left: -14px;
  position: absolute;
  top: 8px;
  width: 28px
}

.docs-analytics-icon {
  direction: ltr;
  text-align: left;
  overflow: hidden;
  position: relative;
  vertical-align: middle
}

.docs-analytics-img:before {
  content: url(https://ssl.gstatic.com/docs/common/menu_feature_sprite13.svg)
}

.docs-analytics-img {
  height: 4388px;
  position: absolute;
  width: 72px
}

.docs-analytics-hc-gecko .docs-analytics-icon {
  filter: invert(100%)
}

.docs-analytics-arrow-downward-18px {
  left: 0;
  top: -1364px
}

.docs-analytics-arrow-drop-down-black-18dp {
  left: 0;
  top: -4024px
}

.docs-analytics-arrow-right-black-18dp {
  left: -54px;
  top: -2684px
}

.docs-analytics-arrow-upward-18px {
  left: -18px;
  top: -3378px
}

.docs-analytics-close-black-24px {
  left: 0;
  top: -188px
}

.docs-analytics-gm3-close-black-18px {
  left: -16px;
  top: -2552px
}

.docs-analytics-close-white-24px {
  left: -24px;
  top: -3398px
}

.docs-analytics-info-outline-black-24px {
  left: -24px;
  top: -2948px
}

.docs-analyytics-info-outline-onsurface-variant-24px {
  left: -48px;
  top: -3398px
}

.docs-analytics-group-in-circle-32px {
  left: 0;
  top: -2652px
}

.docs-analytics-gm3-group-in-circle-24px {
  left: -48px;
  top: -2948px
}

.docs-analytics-gm3-group-in-circle-20px {
  left: 0;
  top: -3242px
}

.docs-analytics-keyboard-arrow-down-18px {
  left: -42px;
  top: -1022px
}

.docs-analytics-keyboard-arrow-up-18px {
  left: -54px;
  top: -3528px
}

.docs-analytics-document-icon-kix {
  left: 0;
  top: -1346px
}

.docs-analytics-document-icon-punch {
  left: 0;
  top: -1246px
}

.docs-analytics-document-icon-sketchy {
  left: 0;
  top: -2684px
}

.docs-analytics-document-icon-ritz {
  left: -36px;
  top: -3528px
}

.docs-analytics-email-icon {
  left: 0;
  top: 0
}

.docs-analytics-email-outline-icon {
  left: -24px;
  top: -188px
}

.analytics-vc-content .docs-material-gm-select-caption {
  padding-left: 8px;
  width: 100%
}

.analytics-vc-content .docs-material-gm-select-dropdown {
  padding-right: 8px
}

.analytics-vc-content .docs-material-gm-select-outer-box {
  padding: 0
}

.analytics-vc-content .goog-menu .goog-menuitem-highlight {
  border: none
}

.analytics-btn-fill.jfk-button {
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #188038;
  color: #fff
}

.analytics-btn-fill.jfk-button-hover {
  background: #188038;
  color: #fff;
  background: #2a8947;
  box-shadow: 0 1px 3px 1px rgba(52, 168, 83, .15)
}

.analytics-btn-fill.jfk-button-focused {
  background: #188038;
  color: #fff;
  background: #4f9e67;
  box-shadow: 0 1px 3px 1px rgba(52, 168, 83, .15)
}

.analytics-btn-fill.jfk-button-focused.jfk-button-hover {
  background: #188038;
  color: #fff;
  background: #62a877;
  box-shadow: 0 1px 3px 1px rgba(52, 168, 83, .15)
}

.analytics-btn-fill.jfk-button-focused.jfk-button-active {
  background: #188038;
  color: #fff;
  background: #62a877;
  box-shadow: 0 2px 6px 2px rgba(52, 168, 83, .15)
}

.analytics-btn-fill.jfk-button-disabled {
  cursor: default;
  background: #188038;
  color: #fff;
  background: #f8f9fa;
  color: #202124;
  opacity: .62
}

.analytics-btn-hairline.jfk-button {
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #fff;
  border: 1px solid #dadce0 !important;
  color: #137333
}

.analytics-btn-hairline.jfk-button-hover {
  background: #f8fcf9;
  border: 1px solid #c8e7d1 !important
}

.analytics-btn-hairline.jfk-button-focused {
  background: #e7f5eb;
  border: 1px solid #bbe2c6 !important
}

.analytics-btn-hairline.jfk-button-focused.jfk-button-hover {
  background: #dff2e4;
  border: 1px solid #b5e0c1 !important
}

.analytics-btn-hairline.jfk-button-focused.jfk-button-active {
  background: #dff2e4;
  border: 1px solid transparent !important;
  box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15)
}

.analytics-btn-hairline.jfk-button-disabled {
  cursor: default;
  background: #fff;
  border: 1px solid #f1f3f4 !important;
  color: #3c4043;
  opacity: .38
}

.analytics-btn-text.jfk-button {
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #fff;
  color: #137333
}

.analytics-btn-text.jfk-button-hover {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #f8fcf9;
  color: #137333
}

.analytics-btn-text.jfk-button-focused {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #e7f5eb;
  color: #137333
}

.analytics-btn-text.jfk-button-focused.jfk-button-hover {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #dff2e4;
  color: #137333
}

.analytics-btn-text.jfk-button-focused.jfk-button-active {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #dff2e4;
  color: #137333;
  box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15)
}

.analytics-btn-text.jfk-button-disabled {
  cursor: default;
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #fff;
  color: #137333;
  color: #3c4043;
  opacity: .38
}

.analytics-dialog-bg,
.analytics-npd-bg,
.analytics-od-bg {
  background: rgba(0, 0, 0, .6);
  left: 0;
  position: absolute;
  top: 0
}

.analytics-dialog-bg,
.analytics-od-bg {
  z-index: 998
}

.analytics-dialog,
.analytics-npd,
.analytics-od {
  background-color: #fff;
  border: 0;
  border-radius: 8px;
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .14);
  display: flex;
  flex-direction: column;
  outline: 0;
  position: absolute
}

.analytics-dialog,
.analytics-od {
  z-index: 1003
}

.analytics-dialog-content,
.analytics-npd-content,
.analytics-od-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-height: 0
}

.analytics-npd-bg {
  z-index: 1004
}

.analytics-npd {
  z-index: 1005
}

.analytics-vhc-nudgeselectdropdown-container .analytics-ndsd {
  align-items: center;
  display: flex;
  margin: auto 0;
  padding-left: 2px;
  visibility: hidden
}

.analytics-vhc-nudgeselectdropdown-container .goog-menu {
  position: fixed
}

.analytics-vhc-checkboxes-visible .analytics-ndsd {
  visibility: visible
}

.docs-hc-gecko .analytics-ndsd .docs-material-menu-button-flat-default-dropdown {
  filter: invert(100%)
}

.analytics-ndsd-icon-container {
  height: 24px;
  opacity: .56;
  width: 24px
}

.analytics-ndsd-icon-container-wiz {
  opacity: 1
}

.drive-locking-dialog {
  border-radius: 8px;
  max-width: 500px
}

.driveLockingDialogbasedialog-title {
  align-items: center;
  display: inline-flex
}

.driveLockingDialogbasedialog-title-icon {
  border-radius: 50%;
  color: var(--dt-primary, #1a73e8);
  margin-right: 12px;
  padding: 8px 0 0 8px;
  width: 29px;
  height: 29px
}

.driveLockingDialogbasedialog-title-text {
  color: var(--dt-on-surface, #3c4043);
  display: block;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 22px;
  line-height: 28px
}

.driveLockingDialogbaseitem-chip {
  border: 1px solid var(--dt-outline, #80868b);
  border-radius: 100px;
  display: inline-block;
  font-size: 14px;
  height: 32px;
  margin-top: 16px;
  max-width: calc(100% - 30px);
  padding-left: 15px;
  padding-right: 15px
}

.driveLockingDialogbaseitem-chip-content {
  align-items: center;
  display: flex;
  height: 100%;
  white-space: nowrap
}

.driveLockingDialogbaseitem-chip-icon {
  width: 20px
}

.driveLockingDialogbaseitem-chip-title {
  padding-left: 10px;
  overflow: hidden;
  text-overflow: ellipsis
}

.modal-dialog-title {
  margin-bottom: 16px
}

#docs-approvals-toast-reload,
#docs-approvals-toast-unlock {
  cursor: pointer
}

#docs-approvals-toast-reload.jfk-button-disabled,
#docs-approvals-toast-unlock.jfk-button-disabled {
  display: none
}

.docs-approvals-banner-container {
  align-items: center;
  background: #e6f4ea;
  display: flex;
  flex-direction: row;
  height: 48px;
  justify-content: space-between;
  position: relative
}

.docs-approvals-banner-unlocked.docs-approvals-banner-container {
  border-bottom: 1px solid #dadce0
}

.docs-approvals-banner-locked.docs-approvals-banner-container {
  border-top: 1px solid #dadce0
}

.docs-hc-gecko.docs-approvals-banner-container {
  border-bottom: 1px solid
}

.docs-approvals-banner-buttons,
.docs-approvals-banner-details,
.docs-approvals-banner-status-details {
  align-items: center;
  display: flex
}

.docs-approvals-banner-status {
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: .1px;
  margin: 0 16px 0 0
}

.docs-approvals-banner-full-message {
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  letter-spacing: .2px
}

.docs-approvals-banner-container .docs-approvals-banner-icon {
  margin: 0 18px
}

.docs-approvals-banner-buttons .docs-approvals-banner-primary-button-wrapper .docs-approvals-banner-primary-button.docs-material-button,
.docs-approvals-banner-buttons .docs-approvals-banner-secondary-button-wrapper .docs-approvals-banner-secondary-button.docs-material-button-fill-primary.docs-material-button,
.docs-approvals-banner-buttons .docs-approvals-banner-tertiary-button-wrapper .docs-approvals-banner-tertiary-button.docs-material-button-fill-primary.docs-material-button {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  height: 32px;
  letter-spacing: .25px;
  line-height: 20px;
  padding: 5px 10px;
  text-transform: none
}

.docs-approvals-banner-non-primary-button-wrapper .docs-material-button-fill-primary.docs-material-button {
  background: none
}

.docs-approvals-banner-non-primary-button-wrapper .docs-material-button-fill-primary.docs-material-button-hover {
  background-color: #f8fcf9;
  box-shadow: none
}

.docs-approvals-banner-non-primary-button-wrapper .docs-material-button-fill-primary.docs-material-button-focused {
  box-shadow: none
}

.docs-approvals-banner-non-primary-button-wrapper .docs-material-button-fill-primary.docs-material-button-disabled {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  border: 1px solid #dadce0 !important;
  background: #fff;
  border: 1px solid #f1f3f4 !important;
  color: #3c4043;
  opacity: .38
}

.docs-approvals-banner-buttons .docs-approvals-banner-dismiss-button.docs-material-button-fill-primary.docs-material-button {
  border-radius: 50%;
  box-sizing: content-box;
  display: flex;
  height: 18px;
  line-height: 18px;
  margin: 0 4px 1px 0;
  padding: 7px;
  width: 18px
}

.docs-approvals-banner-buttons .docs-approvals-banner-dismiss-button .docs-icon {
  margin: 0
}

.docs-feature-level-banner-docs .docs-approvals-banner-non-primary-button-wrapper .docs-material-button {
  color: #185abc
}

.docs-feature-level-banner-sheets .docs-approvals-banner-non-primary-button-wrapper .docs-material-button {
  color: #188038
}

.docs-feature-level-banner-slides .docs-approvals-banner-non-primary-button-wrapper .docs-material-button {
  color: #202124
}

.docs-feature-level-banner-docs .docs-approvals-banner-non-primary-button-wrapper .docs-material-button-fill-primary.docs-material-button-focused {
  background-color: rgba(25, 103, 210, .12)
}

.docs-feature-level-banner-sheets .docs-approvals-banner-non-primary-button-wrapper .docs-material-button-fill-primary.docs-material-button-focused {
  background-color: rgba(24, 128, 56, .12)
}

.docs-feature-level-banner-slides .docs-approvals-banner-non-primary-button-wrapper .docs-material-button-fill-primary.docs-material-button-focused {
  background-color: rgba(234, 134, 0, .12)
}

.docs-feature-level-banner-docs .docs-approvals-banner-icon .docs-approvals-banner-icon-path {
  fill: #1967d2
}

.docs-feature-level-banner-sheets .docs-approvals-banner-icon .docs-approvals-banner-icon-path {
  fill: #188038
}

.docs-feature-level-banner-slides .docs-approvals-banner-icon .docs-approvals-banner-icon-path {
  fill: #202124
}

.docs-grille-gm3 .docs-approvals-banner-container {
  background: #d3e3fd;
  border: none
}

.docs-grille-gm3 .docs-approvals-banner-buttons .docs-material-button {
  background: none
}

.docs-grille-gm3 .docs-approvals-banner-buttons .docs-approvals-banner-primary-button-wrapper .docs-approvals-banner-primary-button.docs-material-button,
.docs-grille-gm3 .docs-approvals-banner-buttons .docs-approvals-banner-secondary-button-wrapper .docs-approvals-banner-secondary-button.docs-material-button-fill-primary.docs-material-button,
.docs-grille-gm3 .docs-approvals-banner-buttons .docs-approvals-banner-tertiary-button-wrapper .docs-approvals-banner-tertiary-button.docs-material-button-fill-primary.docs-material-button {
  border: 1px solid transparent;
  border-radius: 100px;
  box-sizing: border-box;
  cursor: pointer;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  line-height: 20px;
  padding: 9px 24px;
  white-space: nowrap;
  color: #0b57d0;
  padding: 9px 12px;
  color: #041e49;
  height: 36px;
  padding: 8px 12px
}

.docs-grille-gm3 .docs-approvals-banner-full-message,
.docs-grille-gm3 .docs-approvals-banner-non-primary-button-wrapper .docs-material-button,
.docs-grille-gm3 .docs-approvals-banner-status {
  color: #041e49
}

.docs-grille-gm3 .docs-approvals-banner-icon .docs-approvals-banner-icon-path {
  fill: #0b57d0
}

.docs-grille-gm3 .docs-approvals-banner-buttons .docs-material-button-hover,
.docs-grille-gm3 .docs-approvals-banner-non-primary-button-wrapper .docs-material-button-fill-primary.docs-material-button-hover {
  border: 1px solid transparent;
  border-radius: 100px;
  box-sizing: border-box;
  cursor: pointer;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  line-height: 20px;
  padding: 9px 24px;
  white-space: nowrap;
  color: #0b57d0;
  padding: 9px 12px;
  background-color: rgba(11, 87, 208, .08);
  box-shadow: none;
  color: #041e49
}

.docs-grille-gm3 .docs-approvals-banner-buttons .docs-material-button-focused,
.docs-grille-gm3 .docs-approvals-banner-buttons .docs-material-button-focused.docs-material-button-hover,
.docs-grille-gm3 .docs-approvals-banner-buttons .docs-material-button-focused.docs-material-button-no-focus-border,
.docs-grille-gm3 .docs-approvals-banner-non-primary-button-wrapper .docs-material-button-fill-primary.docs-material-button-focused {
  border: 1px solid transparent;
  border-radius: 100px;
  box-sizing: border-box;
  cursor: pointer;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  line-height: 20px;
  padding: 9px 24px;
  white-space: nowrap;
  color: #0b57d0;
  padding: 9px 12px;
  background-color: rgba(11, 87, 208, .12);
  box-shadow: none;
  color: #041e49
}

.docs-grille-gm3 .docs-approvals-banner-buttons .docs-approvals-banner-dismiss-button,
.docs-grille-gm3 .docs-approvals-banner-buttons .docs-approvals-banner-dismiss-button.docs-material-button-focused,
.docs-grille-gm3 .docs-approvals-banner-buttons .docs-approvals-banner-dismiss-button.docs-material-button-hover {
  border: none;
  border-radius: 100%;
  height: 40px;
  line-height: 40px;
  padding: 0;
  width: 40px
}

.docs-grille-gm3 .docs-approvals-banner-buttons .docs-approvals-banner-dismiss-button .docs-icon {
  margin: 0 3px 3px 0
}

.docs-grille-gm3 .docs-approvals-banner-non-primary-button-wrapper .docs-material-button-fill-primary.docs-material-button-disabled {
  border: 1px solid transparent;
  border-radius: 100px;
  box-sizing: border-box;
  cursor: pointer;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  line-height: 20px;
  padding: 9px 24px;
  white-space: nowrap;
  color: #0b57d0;
  padding: 9px 12px;
  cursor: default;
  border-color: transparent !important;
  color: #1f1f1f
}

.picker-iframe.picker-min {
  box-shadow: 0 4px 16px rgba(0, 0, 0, .2);
  color: #000;
  padding: 0;
  position: absolute;
  z-index: 1002
}

.picker-iframe.picker-minew .picker-min-frame-up {
  background-color: #f1f1f1
}

.picker-iframe.picker-white-callout.picker-minew .picker-min-frame-up {
  background-color: #fff
}

.picker-iframe.picker-min.goog-menu {
  border-color: #ccc;
  line-height: 0;
  max-height: none;
  overflow: visible
}

.picker-iframe.picker-min-top {
  margin-top: 15px
}

.picker-iframe.picker-minew.picker-min-top {
  margin-top: 9px
}

.picker-iframe.picker-min-bottom {
  margin-top: -15px
}

.picker-iframe.picker-minew.picker-min-bottom {
  margin-top: -9px
}

.picker-iframe .picker-min-arrow-down,
.picker-iframe .picker-min-arrow-up {
  position: absolute;
  width: 32px;
  z-index: 0
}

.picker-iframe .picker-min-arrow-up {
  top: -15px
}

.picker-iframe.picker-minew .picker-min-arrow-up {
  top: -10px;
  width: 20px
}

.picker-iframe .picker-min-arrow-down {
  bottom: -16px
}

.picker-iframe.picker-minew .picker-min-arrow-down {
  bottom: -10px;
  width: 20px
}

.picker-iframe .picker-min-arrow-border,
.picker-iframe .picker-min-arrow-inner {
  border: 16px solid;
  height: 0;
  position: absolute;
  width: 0
}

.picker-iframe.picker-minew .picker-min-arrow-border,
.picker-iframe.picker-minew .picker-min-arrow-inner {
  border: 10px solid
}

.picker-iframe.picker-minew .picker-min-arrow-up .picker-min-arrow-inner {
  border-color: #f1f1f1 transparent
}

.picker-iframe.picker-white-callout.picker-minew .picker-min-arrow-up .picker-min-arrow-inner {
  border-color: #fff transparent
}

.picker-iframe .picker-min-arrow-up .picker-min-arrow-inner {
  border-color: #fff transparent;
  top: 1px;
  z-index: 1
}

.picker-iframe .picker-min-arrow-down .picker-min-arrow-inner {
  border-color: #fff transparent;
  bottom: 1px;
  z-index: 1
}

.picker-iframe .picker-min-arrow-down .picker-min-arrow-border,
.picker-iframe .picker-min-arrow-up .picker-min-arrow-border {
  border-color: rgba(0, 0, 0, .2) transparent
}

.picker-iframe .picker-min-arrow-down .picker-min-arrow-border {
  bottom: 0
}

.picker-iframe .picker-min-arrow-up .picker-min-arrow-border,
.picker-iframe .picker-min-arrow-up .picker-min-arrow-inner {
  border-top-width: 0
}

.picker-iframe .picker-min-arrow-down .picker-min-arrow-border,
.picker-iframe .picker-min-arrow-down .picker-min-arrow-inner {
  border-bottom-width: 0
}

.drive-viewer {
  bottom: 0;
  color: #fff;
  font-family: arial, sans-serif;
  left: 0;
  overflow: clip;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1001;
  opacity: 0;
  transition-delay: 0s, .1s;
  transition-duration: .1s, 0s;
  transition-property: opacity, visibility;
  transition-timing-function: cubic-bezier(0, 0, .2, 1);
  visibility: hidden;
  -webkit-font-smoothing: antialiased
}

.driveViewerWizUiViewerEl .drive-viewer {
  position: absolute;
  z-index: unset
}

.drive-viewer.drive-viewer-v3 {
  font-family: Roboto, arial, sans-serif
}

.drive-viewer-shown {
  opacity: 1;
  transition-delay: 0s, 0s;
  transition-timing-function: cubic-bezier(.4, 0, 1, 1);
  visibility: visible
}

.drive-viewer-shadow {
  background-color: #1e1e1e;
  bottom: 0;
  left: 0;
  opacity: .93;
  position: fixed;
  right: 0;
  top: 0
}

.drive-viewer-banners {
  left: 0;
  position: absolute;
  right: 0;
  z-index: 20
}

.drive-viewer.drive-viewer-embed .drive-viewer-shadow {
  background-color: #d1d1d1;
  opacity: 1
}

.drive-viewer-v3 .drive-viewer-shadow {
  background-color: rgba(0, 0, 0, .85);
  opacity: 1
}

.drive-viewer-gm3.drive-viewer-v3 .drive-viewer-shadow {
  background-color: rgba(31, 31, 31, .92)
}

.drive-viewer-fixed-frame {
  height: 100%;
  margin: 0;
  overflow: hidden !important;
  width: 100%
}

.drive-viewer-focus-outlines-disabled :focus {
  outline: none
}

.driveLockingUnlockcontent-text {
  font-family: Roboto, Arial, sans-serif;
  line-height: 1.75rem;
  font-size: 1.375rem;
  letter-spacing: 0;
  color: var(--dt-on-surface-variant, #5f6368);
  display: block;
  font-family: Roboto, arial, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: .00625em;
  line-height: 1.5rem
}

.driveLockingUnlockdialog-title-icon-svg {
  height: 20px;
  width: 20px
}

.docs-common-banner-container,
.docs-common-banner-flex-wrap {
  display: flex;
  height: auto;
  width: 100%
}

.docs-common-banner-flex-wrap {
  flex-wrap: wrap
}

.docs-common-banner-icon {
  margin: 14px 0 0 22px
}

.docs-common-banner-title {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 16px;
  letter-spacing: .1px;
  margin: 14px 0 0 16px
}

.docs-common-banner-message {
  flex-grow: 1;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  letter-spacing: .2px;
  line-height: 20px;
  margin: 14px 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal
}

.docs-common-banner-buttons {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin: 8px 16px 8px auto
}

.docs-common-banner-buttons .docs-material-button {
  border-radius: 4px;
  font-size: 14px;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 400;
  letter-spacing: .25px;
  outline: 1px solid transparent;
  text-transform: none
}

.docs-blameview {
  display: block;
  background: #fff;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  outline: none;
  overflow: hidden;
  width: 240px
}

.docs-blameview-title-container {
  align-items: center;
  background: #f8f8f8;
  display: flex;
  flex-direction: row;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  justify-content: space-between
}

.docs-blameview-title {
  display: block;
  background: #f8f8f8;
  color: #3c4043;
  font-weight: 500;
  font-size: 14px;
  padding: 16px
}

.docs-blameview-nav-container {
  margin: 2px 8px 0 8px;
  white-space: nowrap
}

.docs-blameview-next-edit-button,
.docs-blameview-previous-edit-button {
  cursor: pointer;
  background: transparent;
  border-radius: 2px;
  height: 24px;
  outline: none
}

.docs-blameview-nav-container .docs-blameview-next-edit-button .docs-blameview-button-icon .docs-icon-img,
.docs-blameview-nav-container .docs-blameview-next-edit-button .docs-blameview-button-icon .docs-icon-img:before,
.docs-blameview-nav-container .docs-blameview-previous-edit-button .docs-blameview-button-icon .docs-icon-img,
.docs-blameview-nav-container .docs-blameview-previous-edit-button .docs-blameview-button-icon .docs-icon-img:before {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_green.svg)
}

.docs-blameview-next-edit-button.jfk-button-focused,
.docs-blameview-next-edit-button.jfk-button-hover,
.docs-blameview-previous-edit-button.jfk-button-focused,
.docs-blameview-previous-edit-button.jfk-button-hover {
  cursor: pointer;
  background: #f1f3f4;
  border-color: transparent
}

.docs-blameview-next-edit-button.jfk-button-active,
.docs-blameview-previous-edit-button.jfk-button-active {
  cursor: pointer;
  background: #e6f4ea
}

.docs-blameview-next-edit-button.jfk-button-disabled,
.docs-blameview-previous-edit-button.jfk-button-disabled {
  cursor: default
}

.docs-blameview-nav-container .docs-blameview-next-edit-button.jfk-button-disabled .docs-icon-img,
.docs-blameview-nav-container .docs-blameview-next-edit-button.jfk-button-disabled .docs-icon-img:before,
.docs-blameview-nav-container .docs-blameview-previous-edit-button.jfk-button-disabled .docs-icon-img,
.docs-blameview-nav-container .docs-blameview-previous-edit-button.jfk-button-disabled .docs-icon-img:before {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_grey_dark.svg);
  opacity: .38
}

.docs-blameview-button-icon {
  overflow: hidden;
  position: relative
}

.docs-blameview-message {
  background: #fff;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  color: #3c4043;
  display: block;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  overflow-wrap: break-word;
  padding: 13px 16px 13px 16px;
  text-overflow: ellipsis;
  white-space: normal
}

.docs-blameview-header {
  background: #f8f8f8;
  display: flex;
  flex-direction: row;
  padding: 0 16px 10px 16px;
  white-space: nowrap
}

.docs-blameview-avatar-holder {
  display: inline-block;
  max-width: 32px
}

.docs-blameview-avatar {
  border-radius: 50%;
  height: 32px;
  width: 32px
}

.docs-blameview-authortimestamp {
  color: #3c4043;
  display: inline-block;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  overflow: hidden;
  padding: 0 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-grow: 1
}

.docs-blameview-timestamp {
  display: block;
  font-size: 12px;
  margin: 0
}

.docs-blameview-author {
  display: block;
  font-size: 14px;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  height: 18px;
  margin-bottom: 1px;
  max-width: 167px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.docs-blameview-valuecontainer {
  background: #fff;
  display: flex;
  flex: 1 1 auto;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  justify-content: space-between;
  line-height: 20px;
  max-height: 160px;
  overflow: hidden;
  overflow-wrap: break-word;
  white-space: normal;
  width: 100%
}

.docs-blame-bold-text {
  font-style: normal;
  font-weight: 500
}

.docs-blameview-value-content {
  color: #3c4043;
  display: inline;
  font-style: italic;
  overflow-x: hidden;
  overflow-y: auto;
  overflow-wrap: break-word;
  padding: 10px 16px;
  word-wrap: break-word
}

.docs-blameview-value-content-indirect-edit {
  margin-right: 0
}

.overlay-container-rtl .docs-blameview-value-content-indirect-edit {
  margin-left: 0
}

.docs-blameview-spinner {
  background: #fff;
  overflow: hidden;
  padding: 30px 16px 13px 16px
}

.docs-blameview-spinner-holder {
  float: left;
  height: 32px;
  margin: 0 0 0 16px;
  position: relative
}

.overlay-container-rtl .docs-blameview-spinner-holder {
  float: right;
  margin: 0 16px 0 0
}

.docs-blameview-icon:before {
  content: url(https://ssl.gstatic.com/docs/common/menu_feature_sprite13.svg)
}

.docs-blameview-icon {
  height: 4388px;
  position: absolute;
  width: 72px
}

.docs-blameview-footer {
  border-top: 1px solid #dadce0;
  display: flex;
  flex-direction: column;
  padding: 12px 16px 0 16px
}

.docs-blameview-indirect-edit,
.docs-blameview-warning {
  color: #3c4043;
  display: block;
  font-size: 12px;
  line-height: 16px;
  padding-bottom: 12px;
  white-space: normal
}

.docs-blameview-indirect-edit-learnmore a,
a.docs-blameview-warning-info {
  color: #1a73e8;
  text-decoration: underline
}

.docs-blameview-feedback {
  align-items: center;
  background: #fff;
  border-top: 1px solid #dadce0;
  display: block;
  padding-left: 16px;
  padding-right: 9px;
  padding-top: 10px;
  line-height: 20px
}

.docs-blameview-short-feedback {
  display: none
}

.docs-blameview-useful-text {
  color: #3c4043;
  float: left;
  font-size: 14px;
  font-style: italic
}

.docs-blameview-give-thumbs-up {
  float: right;
  padding-right: 12px
}

.docs-blameview-thumbs-up-button {
  float: left;
  opacity: .6;
  padding-right: 10px;
  width: 18px
}

.docs-blameview-thumbs-down-button {
  float: right;
  opacity: .6;
  width: 18px
}

.docs-blameview-thumbs-down-button:hover,
.docs-blameview-thumbs-up-button:hover {
  cursor: pointer;
  opacity: 1
}

.docs-blameview-long-feedback {
  display: none;
  font-size: 14px;
  font-style: italic
}

.docs-blameview-long-feedback a,
.docs-blameview-long-feedback a:link,
.docs-blameview-long-feedback a:visited {
  color: #1a73e8
}

.docs-blameview-long-feedback-text {
  color: #3c4043
}

.docs-blameview-nav-container .docs-hc-gecko.docs-blameview-next-edit-button .docs-icon-img,
.docs-blameview-nav-container .docs-hc-gecko.docs-blameview-previous-edit-button .docs-icon-img {
  filter: brightness(1.5)
}

.docs-blameview-nav-container .docs-hc-gecko.docs-blameview-next-edit-button.jfk-button-disabled .docs-icon-img,
.docs-blameview-nav-container .docs-hc-gecko.docs-blameview-previous-edit-button.jfk-button-disabled .docs-icon-img {
  filter: brightness(10);
  opacity: 1
}

.docs-google-finance-chip-hovercard {
  background-color: #fff;
  box-shadow: 0 4px 8px 3px rgba(60, 64, 67, .15);
  border-radius: 8px;
  fill: #fff;
  min-width: max-content
}

.docs-google-finance-chip-header {
  padding: 16px
}

.docs-google-finance-chip-header-exchange-symbol {
  color: #747775;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .8px;
  line-height: 16px
}

.docs-google-finance-chip-header-entity-name {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 16px;
  letter-spacing: .1px;
  line-height: 20px;
  padding-top: 4px
}

.docs-google-finance-chip-body {
  padding: 0 16px
}

.docs-google-finance-chip-key-metrics {
  padding-bottom: 8px
}

.docs-google-finance-chip-key-metrics-primary-row {
  align-items: center;
  display: flex;
  flex-direction: row
}

.docs-google-finance-chip-price {
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 32px;
  line-height: 40px
}

.docs-google-finance-chip-percent-delta-bubble {
  align-content: center;
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  margin-left: 12px;
  margin-right: 8px;
  padding: 4px 8px;
  width: -moz-fit-content;
  width: fit-content
}

.docs-google-finance-chip-percent-delta-direction-arrow {
  margin-right: 2px
}

.docs-google-finance-chip-percent-delta,
.docs-google-finance-chip-scalar-delta {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  letter-spacing: .25px;
  line-height: 20px
}

.docs-google-finance-chip-percent-delta-bubble.docs-google-finance-chip-delta-positive {
  background-color: #e6f4ea
}

.docs-google-finance-chip-percent-delta-bubble.docs-google-finance-chip-delta-negative {
  background-color: #fce8e6
}

.docs-google-finance-chip-delta-positive {
  color: #137333
}

.docs-google-finance-chip-delta-negative {
  color: #a50e0e
}

.docs-google-finance-chip-secondary-metric {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  letter-spacing: .3px;
  line-height: 18px
}

.docs-google-finance-chip-footer {
  align-items: center;
  border-top: 1px solid #dadce0;
  display: flex;
  flex-direction: row;
  height: 48px;
  justify-content: flex-end;
  padding: 0 16px
}

.docs-google-finance-chip-footer-actions .docs-bubble-button {
  line-height: 0;
  margin-right: 0;
  background-color: transparent;
  background-image: none;
  height: 18px;
  width: 18px;
  border-radius: 50%;
  border-width: 0;
  border-style: solid;
  border-color: transparent;
  box-shadow: none;
  background-clip: padding-box;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  min-width: unset;
  padding: 6px
}

.docs-google-finance-chip-footer-actions .docs-bubble-button.jfk-button:focus,
.docs-google-finance-chip-footer-actions .docs-bubble-button.jfk-button:hover {
  background-color: rgba(0, 0, 0, .06)
}

.docs-google-finance-chip-footer-actions .docs-bubble-button.jfk-button:hover:active {
  background-color: #e6f4ea
}

@media (forced-colors:active) {
  .docs-google-finance-chip-footer-actions .docs-bubble-button.jfk-button:focus {
    outline: 1px solid Highlight;
    outline-offset: -4px
  }
}

.docs-google-finance-chip-footer-actions .docs-bubble-button .docs-icon {
  height: 18px;
  margin: 0;
  width: 18px;
  vertical-align: baseline
}

.jfk-bubble.jfk-bubble-promo {
  background-color: #f9edbe;
  border: 1px solid #f0c36d
}

.jfk-bubble-promo .jfk-bubble-arrowdown .jfk-bubble-arrowimplbefore,
.jfk-bubble-promo .jfk-bubble-arrowup .jfk-bubble-arrowimplbefore {
  border-color: #f0c36d transparent
}

.jfk-bubble-promo .jfk-bubble-arrowdown .jfk-bubble-arrowimplafter,
.jfk-bubble-promo .jfk-bubble-arrowup .jfk-bubble-arrowimplafter {
  border-color: #f9edbe transparent
}

.jfk-bubble-promo .jfk-bubble-arrowleft .jfk-bubble-arrowimplbefore,
.jfk-bubble-promo .jfk-bubble-arrowright .jfk-bubble-arrowimplbefore {
  border-color: transparent #f0c36d
}

.jfk-bubble-promo .jfk-bubble-arrowleft .jfk-bubble-arrowimplafter,
.jfk-bubble-promo .jfk-bubble-arrowright .jfk-bubble-arrowimplafter {
  border-color: transparent #f9edbe
}

.docs-promo-title {
  color: #333;
  font-weight: 500
}

.docs-promo-content {
  color: #666;
  cursor: pointer
}

.docs-promo-dismiss-link {
  color: #15c;
  cursor: pointer
}

.jfk-bubble.jfk-bubble-promo.docs-promo-bubble .jfk-bubble-arrowdown .jfk-bubble-arrowimplbefore,
.jfk-bubble.jfk-bubble-promo.docs-promo-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplbefore {
  border-color: rgba(0, 0, 0, .1) transparent
}

.jfk-bubble.jfk-bubble-promo.docs-promo-bubble .jfk-bubble-arrowleft .jfk-bubble-arrowimplbefore,
.jfk-bubble.jfk-bubble-promo.docs-promo-bubble .jfk-bubble-arrowright .jfk-bubble-arrowimplbefore {
  border-color: transparent rgba(0, 0, 0, .1)
}

.jfk-bubble.jfk-bubble-promo.docs-promo-bubble .jfk-bubble-arrowdown .jfk-bubble-arrowimplafter {
  border: 10px solid;
  border-bottom-width: 0;
  border-color: #fafafa transparent
}

.jfk-bubble.jfk-bubble-promo.docs-promo-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplafter {
  border: 10px solid;
  border-top-width: 0;
  border-color: #fafafa transparent
}

.jfk-bubble.jfk-bubble-promo.docs-promo-bubble .jfk-bubble-arrowleft .jfk-bubble-arrowimplafter {
  border: 10px solid;
  border-left-width: 0;
  border-color: transparent #fafafa
}

.jfk-bubble.jfk-bubble-promo.docs-promo-bubble .jfk-bubble-arrowright .jfk-bubble-arrowimplafter {
  border: 10px solid;
  border-right-width: 0;
  border-color: transparent #fafafa
}

.jfk-bubble.docs-promo-bubble {
  background-color: #fafafa;
  border: none;
  border-radius: 2px;
  box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .9), inset 0 -1px 0 rgba(0, 0, 0, .03), 0 15px 10px rgba(0, 0, 0, .15), 0 8px 36px rgba(0, 0, 0, .3);
  padding: 0
}

.docs-gm-promo.jfk-bubble.docs-promo-bubble {
  background-color: #188038;
  border-radius: 8px;
  box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15);
  margin-top: 4px
}

.docs-gm-promo.jfk-bubble.jfk-bubble-promo.docs-promo-bubble .jfk-bubble-arrowimplbefore {
  border-color: transparent
}

.docs-gm-promo.jfk-bubble.jfk-bubble-promo.docs-promo-bubble .jfk-bubble-arrowdown .jfk-bubble-arrowimplafter,
.docs-gm-promo.jfk-bubble.jfk-bubble-promo.docs-promo-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplafter {
  border-color: #188038 transparent
}

.docs-gm-promo.jfk-bubble.jfk-bubble-promo.docs-promo-bubble .jfk-bubble-arrowleft .jfk-bubble-arrowimplafter,
.docs-gm-promo.jfk-bubble.jfk-bubble-promo.docs-promo-bubble .jfk-bubble-arrowright .jfk-bubble-arrowimplafter {
  border-color: transparent #188038
}

.docs-promo-text-container {
  width: 363px;
  word-wrap: break-word
}

.docs-promo-text-container-ltr {
  float: right
}

.docs-promo-container {
  box-sizing: border-box;
  padding: 24px 16px 0 16px
}

.docs-gm-promo .docs-promo-container {
  padding: 16px
}

.docs-promo-icon-container {
  width: 48px;
  height: 48px;
  margin-right: 16px;
  float: left
}

.docs-promo-header {
  color: #000;
  opacity: .87;
  font-size: 15px;
  font-weight: 500
}

.docs-gm-promo .docs-promo-header {
  color: #fff;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  opacity: 1
}

.docs-promo-header-prefix {
  color: #d25342
}

.docs-promo-body {
  color: #666;
  font-size: 13px;
  line-height: 20px;
  padding-top: 20px
}

.docs-gm-promo .docs-promo-body {
  color: #fff;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding: 4px 0
}

.docs-gm-promo .docs-promo-body a,
.docs-gm-promo .docs-promo-body a:active,
.docs-gm-promo .docs-promo-body a:hover,
.docs-gm-promo .docs-promo-body a:link,
.docs-gm-promo .docs-promo-body a:visited {
  color: inherit
}

.docs-promo-action-row {
  font-weight: 500;
  padding-top: 20px;
  padding-right: 8px;
  padding-bottom: 24px;
  position: relative;
  text-align: right
}

.docs-gm-promo .docs-promo-action-row {
  padding: 0;
  margin-top: 16px
}

.docs-promo-action-row a,
.docs-promo-action-row a:active,
.docs-promo-action-row a:hover,
.docs-promo-action-row a:link,
.docs-promo-action-row a:visited {
  color: #4285f4;
  text-decoration: none
}

.docs-gm-promo .docs-promo-action-row a,
.docs-gm-promo .docs-promo-action-row a:active,
.docs-gm-promo .docs-promo-action-row a:hover,
.docs-gm-promo .docs-promo-action-row a:link,
.docs-gm-promo .docs-promo-action-row a:visited {
  color: #fff
}

.docs-promo-action-container {
  color: #4285f4;
  cursor: pointer;
  text-transform: uppercase
}

.docs-gm-promo .docs-promo-action-container {
  color: #fff;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 0 20px;
  text-transform: none
}

.docs-gm-promo .docs-promo-action-container:focus {
  outline-color: #fff
}

.docs-promo-action-button-right {
  margin-left: 12.5px;
  float: right
}

.docs-promo-action-button-left {
  margin-right: 12.5px
}

.docs-gm .docs-gm-sidebar-icon {
  display: flex;
  align-items: center;
  margin-right: 12px;
  height: 24px;
  width: 24px
}

.docs-gm .docs-gm-sidebar-icon .docs-gm-sidebar-icon-24 {
  height: 24px;
  margin: 0;
  width: 24px
}

.docs-gm .docs-gm-sidebar-icon-path {
  fill: #188038
}

.docs-sidebar-titlebar-icon-button {
  cursor: pointer;
  position: absolute;
  right: 10px
}

.docs-sidebar-gm-titlebar-icon-button {
  background-color: transparent;
  border: none !important;
  border-radius: 50%;
  cursor: pointer;
  height: 26px;
  margin-left: auto;
  margin-right: 0;
  padding: 6px 0 0 0;
  position: relative;
  right: -5px;
  text-align: center;
  top: 0;
  width: 32px
}

.docs-sidebar-gm-titlebar-icon-button:hover {
  background-color: #f1f3f4
}

.docs-sidebar-gm-titlebar-icon-button:focus {
  background-color: #e8eaed;
  outline: none
}

@media screen and (forced-colors:active) {

  .docs-sidebar-gm-titlebar-icon-button:focus,
  .docs-sidebar-gm-titlebar-icon-button:hover {
    background-color: Highlight
  }
}

.docs-cse-unverified-comments-banner-container {
  background-color: #f9dedc;
  margin-bottom: 1px
}

.docs-cse-unverified-comments-banner-container .docs-icon {
  height: 20px;
  width: 20px
}

.docs-cse-unverified-comments-banner-container .docs-gm3-text-button {
  color: #b3261e
}

.docs-cse-unverified-comments-banner-container .docs-gm3-text-button.docs-gm3-button-focused,
.docs-cse-unverified-comments-banner-container .docs-gm3-text-button.docs-gm3-button-hover {
  background: #fad2cf
}

.docs-cse-unverified-comments-banner-container .docs-common-banner-buttons {
  margin-top: 4px;
  margin-bottom: 4px
}

.docs-clipboard-clearall {
  font-weight: 500
}

.docs-clipboard-preview {
  position: absolute;
  background-color: #fff;
  color: #000;
  visibility: hidden;
  width: 260px;
  height: 195px;
  overflow: hidden;
  font-size: 80%;
  border: 1px solid #888;
  outline: 0;
  padding: 2px;
  top: 0;
  z-index: 9999
}

.docs-clipboard-preview iframe {
  border: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  vertical-align: top
}

.docs-textcolormenubutton .goog-toolbar-menu-button-outer-box .goog-toolbar-menu-button-inner-box .goog-toolbar-menu-button-caption .goog-color-menu-button-indicator {
  height: 20px;
  width: 22px;
  bottom: 1px
}

.docs-text-color-state-change-button {
  margin-right: 0;
  padding: 0 18px
}

.jfk-button-standard.docs-c-u-colormenutogglebutton-base.docs-c-u-colormenutogglebutton-extra-visible-border.jfk-button-hover,
.jfk-button-standard.docs-c-u-colormenutogglebutton-base.docs-c-u-colormenutogglebutton-extra-visible-border.jfk-button-hover.jfk-button-checked {
  border: 1px solid #000
}

.docs-text-color-omnibox-icon {
  float: left;
  width: 16px;
  height: 16px;
  margin: 2px
}

.docs-docos-activitybox {
  background: #fff;
  border: 1px solid #cbcbcb;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
  padding: 12px 0;
  position: absolute;
  outline: none;
  right: 20px;
  top: 46px;
  z-index: 900
}

.docs-docos-activitybox-round-corners {
  border: unset;
  border-radius: 8px
}

.docos-streampanesize {
  height: 420px;
  width: 385px
}

.docs-docos-activitybox-inner {
  height: 100%;
  overflow: auto
}

.docs-docos-activitybox.docos-enable-new-header {
  padding: 0 !important;
  height: auto !important
}

.docs-docos-activitybox.docos-enable-new-header>.docs-docos-activitybox-inner {
  overflow: visible !important
}

.docs-docos-caret-inner,
.docs-docos-caret-outer {
  border: 9px solid;
  border-top-width: 0;
  display: block;
  height: 0;
  margin: 0 auto;
  position: relative;
  width: 0;
  z-index: 901
}

.docs-docos-caret-inner {
  border-color: #fff transparent;
  top: 1px
}

.docs-docos-caret-outer {
  border-color: #cbcbcb transparent;
  top: 9px
}

.docos-enable-new-header>.docs-docos-caret-inner {
  border-color: #f1f1f1 transparent !important
}

.docs-docos-activity-sidebar {
  border-radius: 16px;
  box-shadow: none;
  overflow: hidden;
  width: 300px;
  margin: 6px 16px 16px;
  margin: 6px 16px 0;
  width: 320px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  outline: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 385px
}

.has-right-rail .docs-docos-activity-sidebar {
  margin-left: 0;
  margin-right: 0
}

.docs-docos-activity-sidebar-header {
  border-top: 1px solid #dadce0;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  justify-content: space-between;
  min-height: 56px
}

.docs-docos-activity-sidebar-header-title {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  position: relative;
  left: auto
}

.docos-comments-pe .docs-docos-activity-sidebar-header-title {
  color: #444746;
  font: 400 22px/28px Roboto, sans-serif
}

.docs-docos-activity-sidebar-header-action-container {
  align-items: center;
  display: flex
}

.docs-sidebar-gm-titlebar-icon-button.docs-sidebar-gm-close-button.docs-docos-activity-sidebar-close {
  align-items: center;
  display: flex;
  height: 32px;
  justify-content: center;
  margin: 0;
  padding: 4px;
  right: 0
}

.docos-comments-pe .docs-sidebar-gm-titlebar-icon-button.goog-flat-button-hover {
  background-color: rgba(68, 71, 70, .08)
}

.docos-comments-pe .docs-sidebar-gm-titlebar-icon-button.goog-flat-button-active,
.docos-comments-pe .docs-sidebar-gm-titlebar-icon-button.goog-flat-button-focused {
  background-color: rgba(68, 71, 70, .12)
}

.docos-comments-pe .docs-sidebar-gm-titlebar-icon-button .docs-icon {
  height: 24px;
  margin: 0;
  width: 24px
}

.docos-comments-pe.docs-docos-activity-sidebar {
  background-color: #f0f4f9;
  margin-bottom: 16px;
  width: 320px
}

.docs-gm .docos-comments-pe .docos-streampane-header,
.docs-gm .docos-comments-pe .docs-docos-activity-sidebar-header {
  background-color: #f0f4f9
}

.docs-gm .docos-comments-pe .docs-docos-activity-sidebar-header {
  border-bottom: none
}

.docs-docos-activity-sidebar-header {
  align-items: center;
  background-color: #fff;
  border-bottom: 1px solid #dadce0;
  border-top: none;
  color: #202124;
  display: flex;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  height: 56px;
  padding: 0 16px;
  z-index: 2
}

.docos-new-dot {
  background-color: #f29900;
  border-radius: 50%;
  display: inline-block;
  float: right;
  height: 6px;
  margin-left: 10px;
  margin-top: 5px;
  position: absolute;
  width: 6px
}

@keyframes docos-new-dot-animation {
  0% {
    transform: scale(0)
  }

  70% {
    transform: scale(1.2)
  }

  to {
    transform: scale(1)
  }
}

.post-limit-error-dialog {
  max-width: 512px;
  box-sizing: border-box
}

.post-limit-error-dialog .docs-material-gm-dialog-content {
  color: #3c4043;
  font-size: 14px
}

.instant-button {
  height: 24px;
  padding: 8px;
  width: 24px;
  outline: none
}

.instant-button:hover {
  background: #f1f3f4
}

.multi-button .first-visible-button {
  padding-top: 15px
}

.multi-button .last-visible-button {
  padding-bottom: 15px
}

.superfab-icon-container {
  position: absolute;
  transition: opacity .15s ease-in-out
}

.docs-material .docs-icon.superfab-icon-size {
  height: 24px;
  width: 24px
}

.superfab-icon {
  display: inline-block;
  opacity: .9;
  transition: opacity .15s ease-in-out
}

#docs-instant-bubble .superfab-icon:hover,
#docs-instant-bubble:hover .superfab-icon {
  opacity: 1
}

.send-to-email-toast.docs-ui-toast {
  max-width: 323px;
  padding: 14px 16px 14px 16px !important
}

.send-to-email-toast.docs-ui-toast .docs-ui-toast-content {
  color: #8ab4f8;
  font-family: Google Sans;
  font-size: 14px;
  min-width: 323px;
  line-height: 20px;
  align-items: center;
  letter-spacing: .25px;
  margin: 0 8px
}

.superfab-button-container {
  background: none;
  margin: 0;
  position: relative
}

.multi-button .superfab-button-promo-text {
  top: 6px
}

.superfab-button-promo-text {
  color: #9aa0a6;
  display: block;
  font-size: 12px;
  left: 40px;
  line-height: 14px;
  opacity: 1;
  padding: 12px;
  position: absolute;
  text-align: left;
  top: 1px;
  width: max-content
}

.superfab-button-text-selection-highlight {
  background: linear-gradient(89.66deg, #d7e6ff .3%, #c7e4ff 49.89%, #dce2ff 89.92%, #d7e6ff 134.5%)
}

.docs-grille-gm3 .instant-button:hover {
  background-color: rgba(11, 87, 208, .08)
}

.docs-grille-gm3 .instant-button:active,
.docs-grille-gm3 .instant-button:focus {
  background-color: rgba(11, 87, 208, .12)
}

.docs-grille-gm3 .multi-button .first-visible-button {
  padding-top: 12px
}

.docs-grille-gm3 .multi-button .last-visible-button {
  padding-bottom: 12px
}

.superfab-aicontentrefinements-button:not(.superfab-airefinements-loading-highlight) .goog-control-disabled .superfab-icon,
.superfab-aiformattingrefinements-button:not(.superfab-airefinements-loading-highlight) .goog-control-disabled .superfab-icon,
.superfab-aiwritingrefinements-button:not(.superfab-airefinements-loading-highlight) .goog-control-disabled .superfab-icon {
  filter: brightness(175%) grayscale(100%)
}

.superfab-aicontentrefinements-button.superfab-airefinements-loading-highlight .instant-button,
.superfab-aiformattingrefinements-button.superfab-airefinements-loading-highlight .instant-button,
.superfab-aiwritingrefinements-button.superfab-airefinements-loading-highlight .instant-button {
  background-color: #edf2fc
}

.docs-callout {
  align-items: center;
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  padding: 12px
}

.docs-callout-info {
  background: #e6f4ea
}

.docs-callout-info>.docs-icon-img {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_green.svg)
}

.docs-callout-important {
  background: #feefc3
}

.docs-callout-warning {
  background: #fbbc04
}

.docs-callout-important>.docs-icon-img,
.docs-callout-warning>.docs-icon-img {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_grey_dark.svg)
}

.docs-callout>.docs-icon {
  flex-shrink: 0;
  height: 24px;
  width: 24px
}

.docs-callout-message {
  color: #202124;
  font: 400 14px/20px Roboto, sans-serif;
  letter-spacing: .2px;
  margin-left: 12px
}

.docos-shelly-icon {
  background-image: url(//ssl.gstatic.com/docs/common/d-icons31.png);
  background-repeat: no-repeat;
  height: 14px;
  width: 14px
}

.docos-icon-close-pane {
  background-position: 0 -21px
}

.docos-icon-close-pane:hover {
  background-position: -38px -45px
}

.docos-icon-grippy {
  background-position: -38px -94px;
  width: 16px;
  height: 4px
}

.docos-icon-discussion-button {
  background-position: -22px -66px;
  width: 14px;
  height: 15px;
  vertical-align: text-bottom;
  margin-right: 5px
}

.doc-previews-mole-iframe-container {
  display: flex;
  flex-grow: 1;
  overflow: hidden
}

.doc-previews-mole-iframe {
  background-color: #fff;
  border: none;
  position: relative;
  width: 100%
}

.doc-previews-mole-header {
  align-items: center;
  background-color: #fff;
  border-bottom: 1px solid #dadce0;
  border-radius: 8px 8px 0 0;
  cursor: pointer;
  display: flex;
  height: 28px;
  justify-content: flex-end;
  padding: 4px 11px 4px 16px;
  position: relative
}

.doc-previews-mole-header-text {
  color: #202124;
  flex-grow: 1;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  overflow-x: hidden;
  padding: 0 10px;
  text-overflow: ellipsis;
  white-space: nowrap
}

.docs-hc-gecko.doc-previews-mole {
  border: 1px solid transparent
}

.doc-previews-mole {
  background-color: #fff;
  border-radius: 8px 8px 0 0;
  box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15);
  flex-direction: column;
  display: flex;
  position: fixed;
  z-index: 899
}

.doc-previews-mole-button:active,
.doc-previews-mole-button:hover {
  background-color: #e6f4ea
}

.doc-previews-mole-button .docs-icon {
  margin: 0
}

.doc-previews-mole-button {
  border-radius: 50%;
  cursor: pointer;
  padding: 6px;
  min-width: 18px
}

.doc-previews-mole-button-container {
  display: flex
}

.doc-previews-document-icon {
  min-width: 18px
}

.doc-previews-resize-icon {
  left: 1px;
  position: absolute;
  top: 1px
}

.doc-previews-resize-icon .docs-icon {
  height: 12px;
  margin: 0 2px 2px 2px;
  width: 12px
}

.doc-previews-mole-close-button .docs-icon {
  height: 20px;
  width: 20px
}

.doc-previews-comment-toast-open-in-new-tab-button {
  cursor: pointer
}

.embedded-yt-player {
  width: 100%
}

.embedded-youtube-player-load-error {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  height: 100%;
  justify-content: center;
  text-align: center;
  width: 100%
}

.embedded-youtube-player-load-error .error-description-message {
  color: #5f6368;
  font-size: 16px;
  line-height: 24px
}

.embedded-youtube-player-load-error .retry-button {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #fff;
  border: 1px solid #dadce0 !important;
  color: #137333;
  margin: 20px auto 0 auto
}

.embedded-youtube-player-load-error .retry-button:hover {
  background: #f8fcf9;
  border: 1px solid #c8e7d1 !important;
  cursor: pointer
}

.embedded-youtube-player-load-error .retry-button:focus {
  background: #e7f5eb;
  border: 1px solid #bbe2c6 !important
}

.embedded-youtube-player-load-error .retry-button:hover:focus {
  background: #dff2e4;
  border: 1px solid #b5e0c1 !important;
  cursor: pointer
}

.doc-previews-mole-button-container .goog-custom-button-inner-box,
.doc-previews-mole-button-container .goog-custom-button-outer-box {
  border: none;
  border-width: 0;
  padding: 0
}

.doc-previews-mole-button-container .goog-custom-button.doc-previews-mole-button {
  background: none;
  border-style: none
}

.docs-docpreviews-resize-outline {
  box-sizing: border-box;
  border: 2px solid gray;
  bottom: 0;
  position: fixed;
  z-index: 102
}

.docs-docpreviews-resize-dragger {
  position: fixed;
  z-index: 102
}

.docs-docpreviews-resize-corner-dragger,
body.docs-docpreviews-resize-corner-dragger,
body.docs-docpreviews-resize-corner-dragger * {
  cursor: nw-resize
}

.docs-docpreviews-resize-left-dragger,
body.docs-docpreviews-resize-left-dragger,
body.docs-docpreviews-resize-left-dragger * {
  cursor: w-resize
}

.docs-docpreviews-resize-top-dragger,
body.docs-docpreviews-resize-top-dragger,
body.docs-docpreviews-resize-top-dragger * {
  cursor: n-resize
}

.office-editing-detailed-export-error-bubble {
  background: #fff;
  border: #fff;
  border-radius: 8px;
  height: 167px;
  left: 310px;
  outline: transparent;
  padding: 0;
  position: absolute;
  top: 35px;
  width: 310px
}

.office-editing-detailed-export-error-bubble-header {
  align-items: center;
  background: #fce8e6;
  border: #fff;
  border-radius: 8px 8px 0 0;
  color: #c5221f;
  display: flex;
  font-family: Google Sans;
  font-size: 14px;
  height: 40px;
  left: 310px;
  line-height: 20px;
  mix-blend-mode: normal;
  top: 35px;
  width: 310px
}

.office-editing-detailed-export-error-bubble-header-content {
  align-items: center;
  color: #c5221f;
  display: flex;
  font-family: Google Sans;
  font-weight: 500;
  font-size: 14px;
  height: 20px;
  left: 366px;
  letter-spacing: .2px;
  line-height: 20px;
  mix-blend-mode: normal;
  top: 45px;
  width: 250px
}

.office-editing-detailed-export-error-bubble-description {
  color: #202124;
  font-family: Roboto;
  font-size: 12px;
  letter-spacing: .3px;
  line-height: 16px;
  height: 47px;
  margin: 16px;
  mix-blend-mode: normal;
  width: 280px;
  display: inline-block
}

.docs-material.office-editing-detailed-export-error-bubble-header .office-editing-detailed-export-error-bubble-loop-icon-container,
.docs-material.office-editing-detailed-export-error-bubble-header .office-editing-detailed-export-error-bubble-warning-amber-icon-container {
  align-items: center;
  border-radius: 0;
  display: flex;
  height: 24px;
  margin-left: 17px;
  margin-right: 10px;
  width: 24px
}

.office-editing-detailed-export-error-bubble-learn-more-button.jfk-button {
  color: #1a73e8;
  cursor: pointer;
  font-family: Google Sans;
  flex: none;
  order: 0;
  flex-grow: 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  height: 20px;
  line-height: 16px;
  left: 8px;
  letter-spacing: .2px;
  margin-left: 194px;
  padding-top: 8px;
  padding-bottom: 3px;
  width: 77px
}

.office-editing-detailed-export-error-bubble-restore-button.jfk-button,
.office-editing-detailed-export-error-bubble-save-as-google-docs-button.jfk-button {
  color: #1a73e8;
  cursor: pointer;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  margin: 0;
  padding: 0
}

.office-editing-detailed-export-error-bubble-restore-button.jfk-button:active,
.office-editing-detailed-export-error-bubble-save-as-google-docs-button.jfk-button:active {
  color: #1a73e8
}

.office-editing-detailed-export-error-bubble-learn-more-button:focus {
  background-color: #e8f0fe;
  border: none;
  outline: 1px solid
}

.office-editing-detailed-export-error-bubble-restore-button:focus,
.office-editing-detailed-export-error-bubble-save-as-google-docs-button:focus {
  background-color: #e8f0fe;
  border: none
}

.office-editing-detailed-export-error-bubble-learn-more-button.jfk-button:hover {
  background-color: #e8f0fe;
  border: none;
  outline: none
}

.office-editing-detailed-export-error-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplafter,
.office-editing-detailed-export-error-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplbefore {
  border-color: transparent
}

.docs-gm-promo.jfk-bubble.jfk-bubble-promo.office-editing-detailed-export-error-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplafter,
.docs-gm-promo.jfk-bubble.jfk-bubble-promo.office-editing-detailed-export-error-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplbefore {
  border-color: #fff transparent
}

.office-editing-onboarding-promo-bubble {
  padding: 16px 16px 16px 20px;
  width: 324px
}

.office-editing-onboarding-promo-bubble-title {
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 24px;
  padding-bottom: 8px
}

.office-editing-onboarding-promo-bubble-description {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  padding-right: 24px
}

.office-editing-onboarding-promo-bubble .docs-material-promo-walkthrough-bubble-buttons {
  display: block;
  padding: 24px 0 0 0;
  justify-content: normal;
  text-align: right
}

.office-editing-onboarding-promo-bubble .docs-material-promo-walkthrough-bubble-buttons .docs-material-button-hairline-primary.docs-material-button {
  display: inline-block;
  height: 24px;
  padding: 3px 18px 3px
}

.office-editing-onboarding-promo-bubble .docs-material-promo-walkthrough-bubble-buttons .docs-material-button-fill-primary.docs-material-button {
  display: inline-block;
  float: right;
  height: 24px;
  padding: 3px 18px 3px
}

.office-editing-onboarding-promo-bubble .docs-material-promo-walkthrough-bubble-buttons {
  display: inline-block;
  float: left;
  padding-top: 4.5px;
  padding-bottom: 4.5px
}

.docs-gm-promo.jfk-bubble.jfk-bubble-promo.office-document-state-bubble {
  background-color: #fff;
  height: auto;
  outline: 1px solid transparent;
  width: 313px;
  word-wrap: break-word;
  z-index: 998 !important
}

.office-document-state-bubble-description-container {
  border: 0;
  border-radius: 8px 8px 0 0;
  padding: 16px
}

.office-document-state-bubble-has-warnings-container-kix {
  background: #e6f4ea;
  border: 0;
  border-radius: 0 0 8px 8px;
  color: #1967d2;
  padding: 16px
}

.office-document-state-bubble-has-warnings-container-ritz {
  background: #e6f4ea;
  border: 0;
  border-radius: 0 0 8px 8px;
  color: #0d652d;
  padding: 16px
}

.office-document-state-bubble-has-warnings-container-punch {
  background: #e6f4ea;
  border: 0;
  border-radius: 0 0 8px 8px;
  color: #202124;
  padding: 16px
}

.office-document-state-bubble-has-warnings-text-container {
  font-size: 14px;
  line-height: 20px;
  padding-bottom: 4px;
  width: 250px
}

.office-document-state-bubble-has-warnings-text-container .office-document-state-bubble-has-warnings-text {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 400
}

.office-document-state-bubble-has-warnings-icon {
  padding-right: 8px;
  vertical-align: top
}

.office-document-state-bubble-description {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding-bottom: 4px
}

.office-document-state-bubble-title {
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  height: 28px;
  line-height: 20px;
  padding-bottom: 8px;
  display: inline-block
}

.office-document-state-bubble-learn-more-button {
  background: inherit;
  border: none;
  cursor: pointer;
  margin-left: 8px;
  margin-top: 3px;
  -webkit-user-select: none;
  user-select: none;
  display: inline-block
}

.goog-button.office-document-state-bubble-version-history-button {
  background: inherit;
  border: none;
  color: #15c;
  cursor: pointer;
  display: inline-block
}

.office-document-state-bubble-learn-more-button:hover {
  border: none;
  outline: none
}

.office-document-state-bubble-learn-more-button:focus,
.office-document-state-bubble-learn-more-button:hover:focus {
  border: none;
  outline: 1px solid
}

.office-document-state-bubble-see-details-button {
  background: inherit;
  cursor: pointer;
  float: right;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  margin-right: 8px;
  margin-top: 11px;
  padding: 1px;
  width: -moz-fit-content;
  width: fit-content
}

.office-document-state-bubble-has-warnings-container-kix .office-document-state-bubble-see-details-button {
  color: #1967d2
}

.office-document-state-bubble-has-warnings-container-ritz .office-document-state-bubble-see-details-button {
  color: #0d652d
}

.office-document-state-bubble-has-warnings-container-punch .office-document-state-bubble-see-details-button {
  color: #202124
}

.office-document-state-bubble-see-details-button:hover {
  border: none;
  outline: none
}

.office-document-state-bubble-see-details-button:focus,
.office-document-state-bubble-see-details-button:hover:focus {
  border: none;
  outline: 1px solid
}

.docs-gm-promo.jfk-bubble.jfk-bubble-promo.docs-promo-bubble.office-document-state-bubble .office-document-state-bubble-description-container .document-state-bubble-icon-container-20,
.docs-gm-promo.jfk-bubble.jfk-bubble-promo.docs-promo-bubble.office-document-state-bubble .office-document-state-bubble-has-warnings-container .document-state-bubble-icon-container-20,
.docs-gm-promo.jfk-bubble.jfk-bubble-promo.docs-promo-bubble.office-document-state-bubble .office-document-state-bubble-no-warning-container .document-state-bubble-icon-container-20 {
  height: 20px;
  margin: 0;
  width: 20px
}

.docs-gm-promo.jfk-bubble.jfk-bubble-promo.docs-promo-bubble.office-document-state-bubble .office-document-state-bubble-description-container .document-state-bubble-icon-container-24 {
  height: 24px;
  margin: 0;
  width: 24px
}

.docs-gm .docs-material .office-document-state-bubble-has-warnings-icon .office-document-state-bubble-warning-20 {
  left: -502px;
  top: -94px;
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_green.svg)
}

.docs-material .office-document-state-bubble-info-20 {
  left: -1120px;
  top: -130px
}

.docs-material.office-document-state-bubble-no-warning-container .office-document-state-bubble-check-circle-outline-dark-grey-20 {
  left: -1700px;
  top: -120px
}

.docs-gm-promo.jfk-bubble.jfk-bubble-promo.docs-promo-bubble.office-document-state-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplafter,
.docs-gm-promo.jfk-bubble.jfk-bubble-promo.docs-promo-bubble.office-document-state-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplbefore {
  border-color: #fff transparent
}

.docs-gm-promo.jfk-bubble.jfk-bubble-promo.docs-promo-bubble.office-document-state-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplbefore {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 0 3px 0 rgba(32, 33, 36, .3);
  height: 13px;
  position: absolute;
  transform: rotate(-48deg)
}

.docs-gm-promo.jfk-bubble.jfk-bubble-promo.docs-promo-bubble.office-document-state-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplafter {
  height: 24px;
  left: -15px;
  top: -14px;
  transform: scale(1.02) perspective(24px) rotateX(60deg);
  width: 16px
}

.office-document-state-bubble-no-warning-container {
  background: #f1f3f4;
  border: 0;
  border-radius: 0 0 8px 8px;
  padding: 16px
}

.office-document-state-bubble-no-warning-text {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 16px;
  padding-left: 8px;
  size: 14px;
  vertical-align: middle
}

.office-document-state-bubble-warning-accepted-container {
  background: #f1f3f4;
  border: 0;
  border-radius: 0 0 8px 8px;
  padding: 16px
}

.office-document-state-bubble-warning-accpeted-text {
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: .3px;
  size: 14px
}

.office-document-state-bubble-warning-accpeted-undo-and-restore-button {
  background: inherit;
  cursor: pointer;
  float: right;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  letter-spacing: .3px;
  line-height: 16px;
  margin: 11px 8px 4px 0;
  padding: 1px;
  size: 14px;
  width: -moz-fit-content;
  width: fit-content
}

.office-document-state-bubble-warning-accpeted-undo-and-restore-button:hover {
  border: none;
  outline: none
}

.office-document-state-bubble-warning-accpeted-undo-and-restore-button:focus,
.office-document-state-bubble-warning-accpeted-undo-and-restore-button:hover:focus {
  border: none;
  outline: 1px solid
}

.office-document-state-bubble-warning-accepted-container .office-document-state-bubble-warning-accpeted-undo-and-restore-button.goog-button.goog-button-disabled {
  color: #5f6368
}

.office-document-state-bubble-warning-accpeted-restore-button-kix {
  color: #1967d2
}

.office-document-state-bubble-warning-accpeted-restore-button-punch {
  color: #202124
}

.office-document-state-bubble-warning-accpeted-restore-button-ritz {
  color: #0d652d
}

.office-editing-file-extension .office-editing-file-extension-promo-badge {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  position: absolute;
  top: -4.5px;
  background: #d93025;
  border: 1px solid #fff;
  box-sizing: border-box
}

.office-editing-file-extension .office-editing-file-extension-warning-icon-container .office-editing-file-extension-branded-warning-icon-container {
  height: 14px;
  width: 14px;
  margin: 0 0 4px 4px
}

.docs-gm .office-editing-file-extension-warning-icon-container .office-editing-file-extension-warning-icon-14 {
  left: -142px;
  top: -398px
}

.docs-gm-promo.jfk-bubble.jfk-bubble-promo.office-document-warning-callout-bubble {
  background-color: #fff;
  border: 0;
  border-radius: 8px;
  height: auto;
  outline: 1px solid transparent;
  width: 313px;
  word-wrap: break-word;
  z-index: 998 !important
}

.office-document-warning-callout-bubble-container {
  padding: 16px
}

.office-document-warning-callout-bubble-text {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding: 16px 16px 12px 16px
}

.office-document-warning-callout-bubble-button-container {
  font-size: 14px;
  float: right;
  line-height: 20px;
  padding: 0 24px 24px 24px
}

.office-document-warning-callout-bubble-dismiss-button {
  background: inherit;
  color: #1a73e8;
  cursor: pointer;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  margin-right: 19px;
  padding: 1px;
  width: -moz-fit-content;
  width: fit-content
}

.office-document-warning-callout-bubble-dismiss-button:focus,
.office-document-warning-callout-bubble-dismiss-button:hover:focus {
  outline: none
}

.office-document-warning-callout-bubble-dismiss-button:focus,
.office-document-warning-callout-bubble-dismiss-button:hover:focus {
  border: none;
  outline: 1px solid
}

.office-document-warning-callout-bubble-see-details-button {
  background: inherit;
  color: #1a73e8;
  cursor: pointer;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  padding: 1px;
  width: -moz-fit-content;
  width: fit-content
}

.office-document-warning-callout-bubble-see-details-button:hover {
  border: none;
  outline: none
}

.office-document-warning-callout-bubble-see-details-button:focus,
.office-document-warning-callout-bubble-see-details-button:hover:focus {
  border: none;
  outline: 1px solid
}

.docs-gm-promo.jfk-bubble.jfk-bubble-promo.docs-promo-bubble.office-document-warning-callout-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplafter,
.docs-gm-promo.jfk-bubble.jfk-bubble-promo.docs-promo-bubble.office-document-warning-callout-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplbefore {
  border-color: #fff transparent
}

.docs-gm-promo.jfk-bubble.jfk-bubble-promo.docs-promo-bubble.office-document-warning-callout-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplbefore {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 0 3px 0 rgba(32, 33, 36, .3);
  height: 13px;
  position: absolute;
  transform: rotate(-48deg)
}

.docs-gm-promo.jfk-bubble.jfk-bubble-promo.docs-promo-bubble.office-document-warning-callout-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplafter {
  height: 24px;
  left: -15px;
  top: -14px;
  transform: scale(1.02) perspective(24px) rotateX(60deg);
  width: 16px
}

.promo-bubble-dotted-progressbar-dot {
  background: #ceead6;
  border-radius: 50%;
  display: inline-block;
  height: 8px;
  margin-right: 8px;
  width: 8px
}

.promo-bubble-dotted-progressbar {
  display: inline-block;
  float: left;
  padding-top: 4.5px;
  padding-bottom: 4.5px
}

.promo-bubble-dotted-progressbar-dot-highlighted {
  background: #188038
}

.docs-material-promo-walkthrough-bubble {
  background: #fff;
  border: 1px solid transparent;
  border-radius: 8px;
  box-shadow: 0 4px 8px 3px rgba(60, 64, 67, .15);
  position: absolute;
  z-index: 1003
}

.docs-material-promo-walkthrough-bubble:focus {
  outline: none
}

.docs-material-promo-walkthrough-bubble .jfk-bubble-content {
  min-width: 312px;
  padding: 0 24px 24px;
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-size: 14px
}

.docs-material-promo-walkthrough-bubble-buttons {
  display: flex;
  justify-content: flex-end;
  padding: 24px
}

.docs-material-promo-walkthrough-bubble .docs-material-button-fill-primary.docs-material-button {
  margin-left: 12px;
  text-transform: none
}

.docs-material-promo-walkthrough-bubble-close-button {
  background-color: transparent;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  margin: 0;
  outline: 0;
  padding: 7px;
  position: absolute;
  right: 8px;
  top: 8px
}

.docs-material-promo-walkthrough-bubble-close-button.goog-flat-button-hover {
  background-color: #f1f3f4
}

.docs-material-promo-walkthrough-bubble-close-button.goog-flat-button-focused {
  background-color: #e8eaed;
  outline: none
}

.docs-material-promo-walkthrough-bubble .jfk-bubble-arrowdown .jfk-bubble-arrowimplbefore,
.docs-material-promo-walkthrough-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplbefore {
  border-color: rgba(60, 64, 67, .1) transparent
}

.docs-material-promo-walkthrough-bubble .jfk-bubble-arrowleft .jfk-bubble-arrowimplbefore,
.docs-material-promo-walkthrough-bubble .jfk-bubble-arrowright .jfk-bubble-arrowimplbefore {
  border-color: transparent rgba(60, 64, 67, .1)
}

.docs-incompatibility-banner {
  align-items: center;
  background-color: #e6f4ea;
  border: 0;
  color: #202124;
  display: flex;
  font-size: 13px;
  height: 40px;
  overflow: hidden
}

.docs-hc-gecko.docs-incompatibility-banner .docs-incompatibility-banner-view-details-button {
  border: 1px solid transparent
}

.docs-incompatibility-banner-text {
  flex-grow: 1;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  letter-spacing: .2px;
  margin: 0 0 0 16px;
  overflow: hidden;
  text-overflow: ellipsis
}

.docs-incompatibility-banner-view-details-button {
  align-self: center;
  background-color: inherit;
  border: none;
  color: #137333;
  cursor: pointer;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  margin: 0 16px 0 32px
}

.docs-gm .docs-embedded-file-bubble {
  border-color: #dadce0;
  border-radius: 8px;
  box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15);
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  padding: 4px
}

.docs-embedded-file-bubble .docs-bubble-button.embedded-file-bubble-add-to-drive-button.jfk-button-standard.jfk-button:hover,
.docs-embedded-file-bubble .docs-bubble-button.embedded-file-bubble-download-button.jfk-button-standard.jfk-button:hover,
.docs-embedded-file-bubble .docs-bubble-button.embedded-file-bubble-view-button.jfk-button-standard.jfk-button:hover {
  border-width: 0;
  box-shadow: none
}

.docs-embedded-file-bubble .docs-bubble-button.embedded-file-bubble-add-to-drive-button.jfk-button-standard.jfk-button-disabled,
.docs-embedded-file-bubble .docs-bubble-button.embedded-file-bubble-download-button.jfk-button-standard.jfk-button-disabled,
.docs-embedded-file-bubble .docs-bubble-button.embedded-file-bubble-view-button.jfk-button-standard.jfk-button-disabled {
  opacity: .38;
  background-color: transparent !important
}

@media only screen and (max-width:560px) {
  .embedded-file-projector-add-to-drive-button {
    display: none;
    padding-right: 2px
  }
}

.embedded-file-projector-btn .embedded-file-projector-icon {
  margin: 6px 8px;
  vertical-align: middle
}

.embedded-file-projector-icon {
  height: 24px;
  width: 24px;
  margin: 1px 2px 2px 1px
}

.embedded-file-projector-add-to-drive-button,
.embedded-file-projector-download-button {
  background: transparent;
  margin-left: 8px;
  padding-left: 2px;
  margin-right: 11px
}

.emoji-detail-sidebar {
  background-color: #fff;
  border-radius: 16px;
  box-shadow: none;
  overflow: hidden;
  margin: 6px 16px 16px;
  background-color: #edf2fa;
  display: flex;
  flex-direction: column;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  outline: none;
  position: absolute;
  width: 300px
}

.has-right-rail .emoji-detail-sidebar {
  margin-left: 0;
  margin-right: 0
}

.emoji-detail-sidebar-header {
  align-items: center;
  background-color: #fff;
  border-bottom: 1px solid #dadce0;
  border-top: none;
  color: #202124;
  display: flex;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  height: 56px;
  padding: 0 16px;
  z-index: 2;
  background-color: #edf2fa;
  justify-content: space-between
}

.emoji-detail-sidebar-header-text {
  font-weight: 500
}

.emoji-detail-sidebar-header span {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  position: relative;
  left: auto
}

.emoji-detail-sidebar-group-list {
  overflow-y: scroll;
  padding: 10px 20px
}

.emoji-detail-sidebar-group-container {
  font-size: 14px;
  padding-bottom: 15px
}

.emoji-detail-sidebar-group-overview {
  padding-bottom: 5px
}

.emoji-detail-sidebar-group-emoji {
  font-weight: 700
}

.emoji-detail-sidebar-group-emoji-font-enabled {
  font-family: Noto Color Emoji, Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}

.emoji-detail-sidebar-body {
  overflow-y: auto
}

.docs-body-pageless .emoji-detail-sidebar,
.docs-hub .emoji-detail-sidebar {
  border: 1px solid #c7c7c7;
  background-color: #edf2fa
}

.emoji-detail-sidebar-user {
  display: flex;
  padding: 5px
}

.emoji-detail-sidebar-user-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 10px
}

.emoji-detail-sidebar-user-name {
  font-weight: 500
}

.emoji-detail-sidebar-user-img {
  height: 40px;
  width: 40px
}

.emoji-detail-sidebar-user-img>img {
  border-radius: 50%;
  height: 40px;
  width: 40px
}

.emoji-detail-sidebar-user-timestamp {
  color: #5c5f5e;
  font-size: 12px
}

.docs-file-history-exceeded-banner-container {
  background: #c5221f
}

.collaborator.docs-file-history-exceeded-banner-container {
  background: #e8f0fe
}

.green.collaborator.docs-file-history-exceeded-banner-container,
.yellow.collaborator.docs-file-history-exceeded-banner-container {
  background: #fef7e0
}

.docs-hc-gecko.docs-file-history-exceeded-banner-container {
  border-bottom: 1px solid
}

.collaborator .docs-icon-img-container.docs-icon-img.docs-icon-report-white {
  left: -862px;
  top: -112px
}

.green.collaborator .docs-icon-img-container.docs-icon-img.docs-icon-report-white {
  left: -1536px;
  top: -1162px
}

.yellow.collaborator .docs-icon-img-container.docs-icon-img.docs-icon-report-white {
  left: -1762px;
  top: -740px
}

.large-icon .docs-file-history-exceeded-banner-icon {
  margin: 12px 0 0 16px
}

.docs-file-history-exceeded-banner-title {
  color: #fff
}

.collaborator .docs-file-history-exceeded-banner-title {
  color: #202124
}

.docs-file-history-exceeded-banner-message {
  color: #fff
}

.collaborator .docs-file-history-exceeded-banner-message {
  color: #202124
}

.docs-file-history-exceeded-banner-buttons .docs-material-button {
  color: #fff
}

.docs-file-history-exceeded-banner-primary-button {
  border-color: #fff;
  border-width: 1px;
  border-style: solid;
  line-height: 30px
}

.docs-file-history-exceeded-banner-icon .docs-icon-img-container.docs-icon-img.docs-icon-close {
  left: -1208px;
  top: -796px
}

.docs-file-history-exceeded-banner-dismiss-button-wrapper {
  display: none
}

.hard-exceeded.docs-freemium-banner-container {
  background: #c5221f
}

.yellow.collaborator.hard-exceeded.docs-freemium-banner-container {
  background: #fef7e0
}

.green.collaborator.hard-exceeded.docs-freemium-banner-container {
  background: #e6f4ea
}

.collaborator.hard-exceeded.docs-freemium-banner-container {
  background: #e8f0fe
}

.docs-hc-gecko.docs-freemium-banner-container {
  border-bottom: 1px solid
}

.large-icon .docs-freemium-banner-icon {
  margin: 12px 0 0 16px
}

.collaborator.hard-exceeded .docs-icon-img-container.docs-icon-img.docs-icon-report-white {
  left: -862px;
  top: -112px
}

.green.collaborator.hard-exceeded .docs-icon-img-container.docs-icon-img.docs-icon-report-white {
  left: -1536px;
  top: -1162px
}

.yellow.collaborator.hard-exceeded .docs-icon-img-container.docs-icon-img.docs-icon-report-white {
  left: -1762px;
  top: -740px
}

.collaborator.hard-exceeded .docs-freemium-banner-title {
  color: #202124
}

.hard-exceeded .docs-freemium-banner-title {
  color: #fff
}

.collaborator.hard-exceeded .docs-freemium-banner-message {
  color: #202124
}

.docs-freemium-banner-buttons .docs-material-button,
.hard-exceeded .docs-freemium-banner-message {
  color: #fff
}

.hard-exceeded .docs-icon-img-container.docs-icon-img.docs-icon-close {
  top: -736px;
  left: -988px
}

.hard-exceeded .docs-freemium-banner-primary-button {
  border-color: #fff;
  border-style: solid;
  border-width: 1px;
  line-height: 30px
}

.gwef-promo {
  white-space: normal
}

.jfk-bubble.jfk-bubble-promo.docs-promo-bubble.gwef-promo .jfk-bubble-arrowdown .jfk-bubble-arrowimplafter,
.jfk-bubble.jfk-bubble-promo.docs-promo-bubble.gwef-promo .jfk-bubble-arrowup .jfk-bubble-arrowimplafter {
  border-left-width: 8px
}

.gwef-promo .docs-promo-container {
  display: flex;
  border-radius: 8px
}

.gwef-promo .docs-promo-action-row {
  display: flex;
  justify-content: flex-end;
  text-align: center
}

.gwef-promo .docs-promo-header {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 28px;
  width: 217px
}

.gwef-promo .docs-promo-body-description {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  padding: 16px 0
}

.gwef-promo .docs-promo-body-instruction {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  padding: 0 0 16px 0
}

.gwef-promo-icon {
  margin-right: 24px
}

.gwef-promo-cta-button {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #188038;
  color: #fff;
  cursor: pointer;
  height: auto;
  margin: 4px
}

.gwef-promo-cta-button:hover {
  background: #188038;
  color: #fff;
  background: #2a8947;
  box-shadow: 0 1px 3px 1px rgba(52, 168, 83, .15);
  height: auto
}

.gwef-promo-cta-button:active {
  background: #188038;
  color: #fff;
  background: #62a877;
  box-shadow: 0 2px 6px 2px rgba(52, 168, 83, .15)
}

.gwef-promo-cta-button:focus {
  background: #188038;
  color: #fff;
  background: #4f9e67;
  box-shadow: 0 1px 3px 1px rgba(52, 168, 83, .15);
  height: auto
}

.gwef-promo-dismiss-button {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #fff;
  color: #137333;
  cursor: pointer;
  margin: 4px
}

.gwef-promo-dismiss-button:active,
.gwef-promo-dismiss-button:focus,
.gwef-promo-dismiss-button:hover {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #fff;
  border: 1px solid #dadce0 !important
}

.gwef-promo-dismiss-button:hover {
  background: #f8fcf9;
  border: 1px solid #c8e7d1 !important;
  height: auto
}

.gwef-promo-dismiss-button:active {
  background: #dff2e4;
  border: 1px solid transparent !important;
  box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15)
}

.gwef-promo-dismiss-button:focus {
  background: #e7f5eb;
  border: 1px solid #bbe2c6 !important;
  height: auto
}

.docs-gm .ita-cp-cell {
  display: table-cell
}

@media print {
  .docs-link-smartinsertlinkbubble {
    display: none
  }
}

.docs-gm .docs-link-smartinsertlinkbubble ::selection {
  background: #d2e3fc
}

.docs-link-smartinsertlinkbubble {
  margin: -1px;
  width: 360px;
  outline: none;
  padding: 1px
}

.docs-link-smartinsertlinkbubble-no-anchor-input {
  height: 350px
}

.docs-link-smartinsertlinkbubble-with-anchor-input {
  height: 390px
}

.jfk-bubble.docs-calloutbubble-bubble.docs-linkbubble-bubble {
  z-index: 1000 !important
}

.docs-gm .docs-link-smartinsertlinkbubble-toppane {
  margin: 0 16px;
  position: relative
}

.docs-link-smartinsertlinkbubble-bottompane {
  max-height: 230px;
  overflow-x: hidden
}

.docs-link-smartinsertlinkbubble-bottompane-margin-error {
  margin-top: 15px
}

.docs-link-smartinsertlinkbubble-internal-links-bottompane {
  max-height: 255px;
  overflow-x: hidden
}

.docs-link-smartinsertlinkbubble-screen-resize-no-anchor-input {
  height: 250px
}

.docs-link-smartinsertlinkbubble-screen-resize-with-anchor-input {
  height: 300px
}

.docs-gm .docs-link-smartinsertlinkbubble-screen-resize-suggestions-holder {
  height: 132px
}

.docs-gm .docs-link-smartinsertlinkbubble-screen-resize-internal-links-suggestions-holder {
  height: 170px
}

.docs-link-searchinput-search {
  background: transparent;
  border: none;
  box-sizing: border-box;
  box-shadow: none;
  display: inline-block;
  flex-grow: 1;
  margin: 0;
  outline: none
}

.docs-gm .docs-link-searchinput-search {
  color: #5f6368;
  display: block;
  font-size: 14px;
  width: 261px
}

.docs-gm .docs-link-searchinput-search::placeholder {
  color: #9aa0a6
}

.docs-link-searchinput-search-container-focus {
  border: 1px solid #4d90fe !important;
  outline: none
}

.docs-link-searchinput-search-container-error {
  border: 2px solid #d93025 !important;
  outline: none
}

.docs-link-smartinsertlinkbubble-error {
  font-size: 12px;
  line-height: 16px;
  margin-left: 14px;
  display: flex;
  color: #d93025
}

.docs-gm .docs-link-searchinput-search-container-focus {
  border: 2px solid #1a73e8 !important;
  box-shadow: none;
  color: #3c4043
}

.docs-smart-link-searchinput-search-container {
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top: 1px solid silver;
  min-width: 20px;
  width: 262px;
  display: flex;
  margin: 8px 0
}

.docs-gm .docs-smart-link-searchinput-search-container {
  border-color: #dadce0;
  border-radius: 4px;
  box-sizing: border-box
}

.docs-smart-link-searchinput-search-container-wrapper-no-error {
  height: 36px
}

.docs-smart-link-searchinput-search-container-wrapper-error {
  height: 55px
}

.docs-link-smartinsertlinkbubble-search-icon {
  display: block;
  color: #333;
  font-size: 90%;
  padding: 6px
}

.docs-link-smartinsertlinkbubble-search-icon-focused {
  padding: 5px;
  padding-right: 6px
}

.docs-link-smartinsertlinkbubble-anchor-text-container {
  position: relative;
  margin: 16px 16px 6px 16px
}

.docs-link-smartinsertlinkbubble-text-label {
  display: block;
  height: 13px;
  padding: 8px 0
}

.docs-link-smartinsertlinkbubble-text {
  display: block;
  width: 262px
}

.docs-gm .docs-material-bubble .docs-link-insertlinkbubble .docs-link-smartinsertlinkbubble-text {
  box-sizing: content-box;
  color: #5f6368;
  height: 32px;
  margin: 0;
  width: 294px
}

.docs-gm .docs-material-bubble .docs-link-smartinsertlinkbubble-text:focus {
  color: #3c4043
}

.docs-link-smartinsertlinkbubble-text,
.docs-link-smartinsertlinkbubble-text-label {
  margin-bottom: 5px
}

.docs-gm .docs-link-smartinsertlinkbubble-text-label {
  background-color: #fff;
  box-shadow: 5px 0 0 #fff, -5px 0 0 #fff;
  color: #5f6368;
  display: inline;
  font-size: 12px;
  left: 12px;
  margin-bottom: 0;
  max-width: 300px;
  padding: 0;
  position: absolute;
  top: -8px;
  word-wrap: break-word
}

.docs-link-smartlinksuggestion:last-child {
  margin-bottom: 6px
}

.docs-link-smartlinksuggestion:first-child {
  margin-top: 6px
}

.docs-link-smartlinksuggestion {
  border: none;
  border-collapse: separate;
  border-spacing: 0 6px;
  display: table;
  font-size: 90%;
  height: 24px;
  outline: none;
  width: 100%
}

.docs-link-smartlinksuggestion-paste-match:focus,
.docs-link-smartlinksuggestion-paste-match:hover,
.docs-link-smartlinksuggestion:focus,
.docs-link-smartlinksuggestion:hover {
  cursor: pointer;
  background-color: #f1f3f4;
  outline: 1px dotted transparent
}

.docs-link-smartlinksuggestion-paste-match {
  background-color: #f8f9fa
}

.docs-link-smartlinksuggestion-favicon {
  padding-left: 2px
}

.docs-link-smartlinksuggestion-icon {
  display: table-cell;
  height: 21px;
  padding: 0 12px 0 16px;
  vertical-align: middle;
  width: 21px
}

.docs-link-smartlinksuggestion-search,
.docs-link-smartlinksuggestion-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 300px;
  color: #202124
}

.docs-link-smartlinksuggestion-title:last-child {
  margin-top: 2px
}

.docs-link-smartlinksuggestion-search {
  color: #5f6368;
  font-size: 12px
}

.docs-link-smartlinksuggestion-text {
  display: table-cell
}

.docs-link-smartlinksuggestion-action-link {
  border-color: #dadce0;
  border-style: solid;
  border-width: 1px 0 0;
  color: #5f6368;
  background-color: transparent
}

.docs-link-smartlinksuggestioncontentbox-empty-container,
.docs-link-smartlinksuggestioncontentbox-offline-container {
  width: 270px;
  height: 56px;
  margin: 16px auto
}

.docs-link-smartlinksuggestioncontentbox-empty-label,
.docs-link-smartlinksuggestioncontentbox-offline-label {
  font-family: Google Sans;
  font-size: 14px;
  line-height: 20px;
  color: #5f6368;
  margin-top: 60px;
  text-align: center
}

.docs-link-smartlinksuggestioncontentbox-promo-label-title {
  padding: 49px 28px 3px 28px;
  font-family: Google Sans;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  text-align: center;
  letter-spacing: .1px;
  color: #202124
}

.docs-link-smartlinksuggestioncontentbox-promo-label {
  padding: 0 28px;
  font-family: Google Sans;
  font-size: 14px;
  line-height: 20px;
  align-items: center;
  text-align: center;
  letter-spacing: .25px;
  color: #5f6368
}

.docs-link-smartinsertlinkbubble-search-bubble {
  margin: -1px;
  outline: none;
  padding: 1px;
  height: 330px
}

.docs-link-smartinsertlinkbubble-search-bubble-sheets-small {
  height: 240px
}

.docs-link-smartinsertlinkbubble-search-bubble-drawings {
  height: 290px
}

.docs-gm .docs-link-smartinsertlinkbubble-searchholder,
.docs-gm .docs-link-smartinsertlinkbubble-toppane {
  position: relative
}

.docs-gm .docs-link-smartinsertlinkbubble-searchholder {
  margin-right: 4px
}

.docs-gm .docs-link-smartinsertlinkbubble-toppane {
  display: flex;
  height: 50px
}

.docs-insert-link-bubble-internal-links-button {
  color: #5f6368;
  background-color: transparent;
  margin: 0;
  font-size: 90%;
  padding-right: 16px;
  padding-left: 16px;
  padding-top: 6px;
  padding-bottom: 6px;
  border-color: #dadce0;
  border-style: solid;
  border-width: 1px 0 0;
  bottom: 0;
  right: 0;
  left: 0;
  position: absolute;
  border-radius: 0 0 7px 7px
}

.docs-insert-link-bubble-internal-links-button:focus,
.docs-insert-link-bubble-internal-links-button:hover {
  background-color: #e8eaed;
  outline: none;
  cursor: pointer
}

.docs-insert-link-bubble-internal-links-text {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 252px;
  font-size: 14px;
  font-family: sans-serif;
  font-weight: 500;
  color: #3c4043;
  padding: 8px 0
}

.docs-link-internal-links-icon {
  float: right;
  width: 24px;
  height: 24px;
  margin: 4px
}

[dir=rtl] .docs-link-internal-links-icon {
  transform: rotate(180deg)
}

.docs-link-smartinsertlinkbubble-apply-button,
.docs-link-smartinsertlinkbubble-apply-button.jfk-button.jfk-button-standard {
  font-family: sans-serif;
  font-size: 14px;
  margin: 8px;
  cursor: pointer;
  height: 28px;
  border: none;
  box-shadow: none;
  outline: none;
  background: none;
  color: #1a73e8;
  padding: 4px 0;
  align-self: center;
  font-weight: 500
}

.docs-link-smartinsertlinkbubble-apply-button.jfk-button.jfk-button-standard.jfk-button-disabled {
  color: rgba(60, 64, 67, .38);
  pointer-events: none
}

.docs-link-smartinsertlinkbubble-apply-button.jfk-button.jfk-button-standard:active:hover,
.docs-link-smartinsertlinkbubble-apply-button.jfk-button.jfk-button-standard:focus,
.docs-link-smartinsertlinkbubble-apply-button:active:hover,
.docs-link-smartinsertlinkbubble-apply-button:focus {
  background: rgba(26, 115, 232, .1);
  border-radius: 4px;
  color: #174ea6
}

.docs-link-smartinsertlinkbubble-apply-button.jfk-button.jfk-button-standard:hover,
.docs-link-smartinsertlinkbubble-apply-button:hover {
  background: rgba(26, 115, 232, .04);
  color: #174ea6
}

.docs-link-smartinsertlinkbubble-internal-links-bubble {
  margin: -1px;
  outline: none;
  padding: 1px;
  height: 288px
}

.docs-link-back-to-search-icon-button {
  float: left;
  color: #80868b;
  margin: 4px 8px 4px 2px;
  padding: 0;
  min-width: 24px;
  border-radius: 50%
}

.docs-material .docs-link-back-to-search-icon-button .docs-icon {
  height: 24px;
  width: 24px
}

[dir=rtl] .docs-link-back-to-search-icon-button {
  transform: rotate(180deg)
}

.docs-link-back-to-search-icon-button:focus,
.docs-link-back-to-search-icon-button:hover {
  background-color: #e8eaed;
  cursor: pointer;
  outline: none
}

.docs-insert-link-bubble-back-search-text {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 146px;
  font-size: 14px;
  font-family: sans-serif;
  color: #5f6368;
  padding: 8px 0
}

.docs-link-smartinsertlinkbubble-internal-links-heading {
  position: relative
}

.docs-link-smartinternallinksuggestiongroup-title {
  text-transform: uppercase;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  margin: 5px 16px 11px
}

.docs-odp-banner-container .docs-odp-banner-flex-wrap {
  height: 48px;
  flex-wrap: nowrap
}

.docs-odp-banner-container {
  background: #e6f4ea;
  border-bottom: 1px solid #dadce0
}

.docs-hc-gecko.docs-odp-banner-container {
  border-bottom: 1px solid
}

.docs-odp-banner-message {
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}

.docs-odp-banner-container .docs-odp-banner-buttons {
  flex-wrap: nowrap
}

.docs-odp-banner-buttons .docs-odp-banner-primary-button-wrapper {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  white-space: nowrap
}

.docs-feature-level-banner-docs .docs-odp-banner-primary-button-wrapper .docs-material-button.docs-material-button-disabled,
.docs-feature-level-banner-sheets .docs-odp-banner-primary-button-wrapper .docs-material-button.docs-material-button-disabled,
.docs-feature-level-banner-slides .docs-odp-banner-primary-button-wrapper .docs-material-button.docs-material-button-disabled {
  background: none;
  color: #3c4043;
  opacity: .38
}

.docs-feature-level-banner-docs .docs-odp-banner-primary-button-wrapper .docs-material-button {
  color: #185abc
}

.docs-feature-level-banner-sheets .docs-odp-banner-primary-button-wrapper .docs-material-button {
  color: #188038
}

.docs-feature-level-banner-slides .docs-odp-banner-primary-button-wrapper .docs-material-button {
  color: #202124
}

.docs-odp-banner-icon.docs-common-banner-icon {
  margin-top: 14px
}

.docs-odp-banner-title {
  display: none
}

.docs-odp-sidebar {
  background-color: #fff;
  border-radius: 16px;
  box-shadow: none;
  outline: none;
  overflow: hidden;
  width: 300px;
  margin: 6px 16px 16px;
  border-top: none;
  display: flex;
  flex-direction: column;
  position: absolute;
  right: 0;
  top: 0;
  width: 320px
}

.has-right-rail .docs-odp-sidebar {
  margin-left: 0;
  margin-right: 0
}

.docs-odp-iframe {
  flex: 1 0;
  border: 0
}

.docs-body-pageless .docs-odp-sidebar,
.docs-hub .docs-odp-sidebar {
  border: 1px solid #c7c7c7
}

@keyframes shimmer {
  0% {
    background-position: 100% 50%
  }

  to {
    background-position: 0 50%
  }
}

@keyframes fadeInAnimation {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.boqDriveecmOdpClientOdpclientLoading {
  align-content: center;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation: fadeInAnimation .2s ease;
  background-color: var(--dt-surface, #fff);
  display: flex;
  flex-direction: column;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 3000
}

.boqDriveecmOdpClientOdpclientShimmer {
  animation: shimmer 2.2s ease infinite;
  background: 0 0/300% 300% linear-gradient(-61deg, var(--dt-inverse-on-surface, #dadce0) 40%, var(--dt-surface-container-highest, #f1f3f4) 50%, var(--dt-inverse-on-surface, #dadce0) 60%);
  background-color: var(--dt-inverse-on-surface, #dadce0)
}

@media (forced-colors:active) {
  .boqDriveecmOdpClientOdpclientShimmer {
    border: 1px solid var(--dt-outline, #80868b)
  }
}

.boqDriveecmOdpClientOdpclientPlaceholder {
  border-radius: 1rem;
  height: 1rem;
  margin-left: 1rem;
  margin-top: .5rem
}

.boqDriveecmOdpClientOdpclientPlaceholder:nth-child(odd) {
  margin-top: 1.5rem
}

.boqDriveecmOdpClientOdpclientCloseButton {
  background-color: transparent;
  border-color: transparent;
  border-width: 1px;
  border: none;
  color: inherit;
  cursor: pointer;
  fill: currentColor;
  margin-right: 1rem;
  margin-top: .125rem;
  outline: none;
  padding: .75rem;
  text-decoration: none
}

.boqDriveecmOdpClientOdpclientHeader {
  align-items: center;
  border-bottom: 1px solid var(--dt-outline, #80868b);
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
  margin-top: .3125rem;
  padding-bottom: .375rem;
  width: 100%
}

.boqDriveecmOdpClientOdpclientTitle {
  font: var(--dt-title-medium-font, 500 1rem/1.5rem "Google Sans"), Roboto, Arial, sans-serif;
  letter-spacing: var(--dt-title-medium-spacing, .00625em);
  color: var(--dt-on-background, #3c4043);
  margin-left: 20px
}

.boqDriveecmOdpClientOdpclientError {
  align-items: center;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation: fadeInAnimation .2s ease;
  background-color: var(--dt-surface, #fff);
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  z-index: 3000
}

.boqDriveecmOdpClientOdpclientErrorLink {
  color: var(--dt-primary-action, #1967d2)
}

.boqDriveecmOdpClientOdpclientErrorMessage {
  font: var(--dt-body-small-font, 400 .75rem/1rem "Roboto"), Roboto, Arial, sans-serif;
  letter-spacing: var(--dt-body-small-spacing, .025em);
  color: var(--dt-on-surface, #3c4043);
  margin-top: 5.125rem
}

.pub-dialog-disabled-text {
  color: #afafaf
}

.pub-dialog-wrap {
  font-size: 13px;
  font-size: 14px;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}

.pub-dialog-input-div {
  padding-bottom: 15px
}

.pub-dialog-option-vspacer {
  height: 5px
}

.pub-dialog-info {
  color: #999;
  font-size: 11px;
  padding-bottom: 2px
}

.docs-gm .pub-dialog-info {
  color: #80868b
}

.docs-gm .pub-dialog-state-published.pub-dialog-info {
  color: #1a73e8
}

.pub-dialog-tab {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}

.goog-tab-bar.pub-dialog-tab-bar {
  background: none;
  border-bottom-color: silver !important;
  margin-top: 20px;
  padding-left: 0 !important
}

.docs-gm .goog-tab-bar.pub-dialog-tab-bar {
  margin-top: 21px;
  padding-top: 0
}

.goog-tab-bar.pub-dialog-tab-bar .goog-tab.pub-dialog-tab {
  color: #bdbdbd;
  cursor: pointer;
  font-weight: 500;
  margin: 1px 15px 0 0;
  padding: 4px 8px;
  text-decoration: none;
  top: 1px
}

.docs-gm .goog-tab-bar.pub-dialog-tab-bar .goog-tab.pub-dialog-tab {
  color: #5f6368;
  font-size: 14px;
  text-align: center;
  width: 120px
}

.goog-tab-bar.pub-dialog-tab-bar .goog-tab.pub-dialog-tab.goog-tab-hover,
.goog-tab-bar.pub-dialog-tab-bar .goog-tab.pub-dialog-tab.goog-tab-selected {
  background: none;
  border-bottom: 3px solid #4d90fe;
  border-left: none;
  border-right: none;
  border-top: none;
  color: #000
}

.docs-gm .goog-tab-bar.pub-dialog-tab-bar .goog-tab.pub-dialog-tab.goog-tab-selected.goog-tab-hover {
  background-color: #f1f3f4 !important
}

.docs-gm .goog-tab-bar.pub-dialog-tab-bar .goog-tab.pub-dialog-tab.goog-tab-hover,
.docs-gm .goog-tab-bar.pub-dialog-tab-bar .goog-tab.pub-dialog-tab.goog-tab-selected {
  border-bottom: 2px solid #1a73e8
}

.pub-dialog-document-link,
.pub-dialog-embed-code {
  margin-top: 20px;
  width: 100%;
  box-sizing: border-box
}

.pub-dialog-link-content-div {
  margin-top: 10px
}

.docs-gm .pub-dialog-link-options-container {
  display: flex
}

.pub-dialog-embed-code {
  font-size: 13px;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  height: 65px
}

.docs-gm .pub-dialog-embed-code {
  height: 82px !important
}

.docs-gm .pub-dialog-link-options-document-part-menu-button {
  margin-right: 15px
}

.pub-dialog-sep-div {
  padding: 20px 0
}

#pub-dialog-publish-link-button {
  margin-top: 20px
}

#pub-dialog-dom-signin-req-dropdown-container {
  margin-left: 30px
}

.pub-dialog-sep {
  border-top-color: #e1e1e1;
  border-top-style: solid;
  border-width: 1px 0 0 0;
  color: #bfbfbf;
  height: 0
}

.goog-zippy-header.pub-dialog-zippy-header {
  cursor: pointer;
  display: inline-block;
  margin: 0
}

.docs-gm .goog-zippy-header.pub-dialog-zippy-header {
  color: #3c4043
}

.pub-dialog-zippy-content {
  margin-left: 22px
}

.docs-gm #pub-dialog-publish-button {
  color: #5f6368
}

.goog-zippy-collapsed .pub-dialog-settings-zippy-icon {
  transform: rotate(0)
}

.goog-zippy-expanded .pub-dialog-settings-zippy-icon {
  transform: rotate(90deg)
}

#pub-dialog-publish-button {
  margin-top: 10px
}

.pub-dialog-checkbox-container {
  line-height: 22px;
  margin-top: 10px
}

.docs-tiled-sidebar {
  background-color: #fff;
  border-radius: 16px;
  box-shadow: none;
  outline: none;
  overflow: hidden;
  width: 300px;
  margin: 6px 16px 16px;
  border-left: 0;
  position: absolute;
  right: 0;
  -webkit-user-select: none;
  user-select: none
}

.has-right-rail .docs-tiled-sidebar {
  margin-left: 0;
  margin-right: 0
}

.docs-gm .docs-tiled-sidebar.docs-hc-gecko,
.docs-gm .docs-tiled-sidebar.docs-hc-gecko-white {
  border-left: 1px solid transparent
}

.docs-tiled-sidebar-content {
  display: block
}

.docs-tiled-sidebar-disabled .docs-tiled-sidebar-content {
  display: none
}

.docs-tiled-sidebar-disabled-message {
  display: none;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: center;
  top: 40%;
  width: 240px
}

.docs-tiled-sidebar-disabled .docs-tiled-sidebar-disabled-message {
  display: block
}

.docs-tiled-sidebar:focus {
  outline: none
}

.docs-tiled-sidebar-scroll {
  width: 100%;
  overflow: auto;
  overflow-x: hidden;
  position: absolute;
  top: 37px;
  bottom: 0
}

.docs-gm .docs-tiled-sidebar-scroll {
  top: 58px
}

.docs-tiled-sidebar-header {
  background-color: #616161;
  border-bottom: 1px solid #616161;
  border-top: 1px solid #616161;
  color: #fff;
  height: 15px;
  padding: 10px 0 10px 12px;
  position: relative
}

.docs-gm .docs-tiled-sidebar-header-hub {
  border-top: 0 !important
}

.docs-gm .docs-tiled-sidebar-header {
  align-items: center;
  background-color: #fff;
  border-bottom: 1px solid #dadce0;
  border-top: none;
  color: #202124;
  display: flex;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  height: 56px;
  padding: 0 16px;
  z-index: 2
}

.docs-gm .docs-tiled-sidebar-header.docs-tiled-sidebar-header-shadow {
  box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15)
}

.docs-gm .docs-tiled-sidebar .docs-sidebar-header-text {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  position: relative;
  left: auto
}

.docs-tiled-sidebar-close:focus {
  outline: 1px solid transparent
}

.docs-body-pageless .docs-tiled-sidebar,
.docs-hub .docs-tiled-sidebar {
  border: 1px solid #c7c7c7
}

.docs-bubble.appsElementsLinkPreview {
  --ae-link-preview-container-color: #fff;
  --ae-link-preview-thumbnail-border-color: #dadce0;
  padding: 0;
  border-radius: 12px;
  border: none;
  box-shadow: none
}

.docs-bubble.appsElementsLinkPreview a {
  display: block;
  max-inline-size: -moz-fit-content;
  max-inline-size: fit-content
}

.docs-bubble.appsElementsLinkPreview a:hover {
  text-decoration: none !important
}

.docs-bubble.appsElementsLinkPreview a[data-broken-link=true] {
  color: #5f6368 !important;
  cursor: default
}

.docs-linkbubble-link-preview .docs-link-bubble-mime-icon .docs-icon {
  vertical-align: baseline;
  width: 18px;
  height: 18px;
  margin: 0
}

.docs-linkbubble-link-preview #docs-linkbubble-link-text {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-variant-ligatures: no-contextual;
  opacity: 1;
  padding-left: 6px;
  padding-right: 6px;
  text-decoration: none !important;
  vertical-align: baseline;
  width: 180px
}

.docs-linkbubble-link-preview.docs-linkbubble-link-preview-constant-width #docs-linkbubble-link-text {
  width: 100%
}

.docs-linkbubble-link-preview .link-previews-broken-link#docs-linkbubble-link-text {
  color: #80868b !important;
  cursor: default;
  font-style: italic;
  pointer-events: none
}

.link-previews-before-transition {
  opacity: .5 !important
}

.link-previews-animate-on-display {
  animation: fade .15s
}

@keyframes fade {
  0% {
    opacity: .5
  }
}

.link-previews-fadeable {
  transition: opacity .15s !important
}

.docs-linkbubble-link-preview.docs-linkbubble-bubble {
  border: 0;
  padding: 6px 0
}

.docs-linkbubble-link-preview .link-bubble-header {
  align-items: center;
  display: flex;
  padding: 0 6px
}

.docs-linkbubble-link-preview.docs-linkbubble-link-preview-constant-width .link-bubble-header {
  width: 312px
}

.docs-gm .docs-linkbubble-bubble,
.docs-gm .docs-multi-linkbubble-bubble {
  background-color: #fff;
  border-color: #dadce0;
  border-radius: 8px;
  box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15);
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px
}

.docs-multi-linkbubble-bubble .appsElementsLinkPreviewMulti {
  --ae-link-preview-container-color: #fff;
  --ae-link-preview-thumbnail-border-color: #dadce0
}

.docs-linkbubble-link-preview .docs-link-bubble-mime-icon {
  height: 18px;
  padding: 6px;
  vertical-align: baseline;
  width: 18px;
  opacity: 1
}

.docs-linkbubble-link-preview .docs-link-bubble-card-component.docs-link-bubble-abuse-card-component,
.docs-linkbubble-link-preview .docs-link-bubble-card-component.docs-link-bubble-action-card-component,
.docs-linkbubble-link-preview .docs-link-bubble-card-component.docs-link-bubble-warning-card-component {
  margin-top: 4px;
  padding: 10px 12px 4px
}

.docs-linkbubble-link-preview .docs-link-bubble-action-card-component:before,
.docs-linkbubble-link-preview .docs-link-bubble-card-component.docs-link-bubble-action-card-component {
  background-color: #1a73e8
}

.docs-linkbubble-link-preview .docs-link-bubble-action-card-component.add-on-install-prompt-card-container:before,
.docs-linkbubble-link-preview .docs-link-bubble-card-component.docs-link-bubble-action-card-component.add-on-install-prompt-card-container {
  background-color: #fff
}

.docs-linkbubble-link-preview .docs-link-bubble-abuse-card-component:before,
.docs-linkbubble-link-preview .docs-link-bubble-card-component.docs-link-bubble-abuse-card-component {
  background-color: #fbbc04
}

.docs-linkbubble-link-preview .docs-link-bubble-card-component.docs-link-bubble-extract-card-component,
.docs-linkbubble-link-preview .docs-link-bubble-extract-card-component:before {
  background-color: #f1f3f4;
  display: flex;
  justify-content: flex-end
}

.docs-linkbubble-link-preview .docs-link-bubble-card-component.docs-link-bubble-warning-card-component,
.docs-linkbubble-link-preview .docs-link-bubble-warning-card-component:before {
  background-color: #fef7e0
}

.docs-linkbubble-link-preview .docs-link-bubble-card-component.docs-link-bubble-abuse-card-component span,
.docs-linkbubble-link-preview .docs-link-bubble-text-card-component.docs-link-bubble-warning-card-component span {
  color: #202124 !important
}

.docs-linkbubble-link-preview .docs-link-bubble-abuse-card-component .docs-link-abuse-card-component-container {
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  overflow-wrap: break-word;
  white-space: normal;
  width: 0;
  word-wrap: break-word
}

.docs-linkbubble-link-preview .docs-link-bubble-abuse-card-component .docs-link-bubble-abuse-card-component-title {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .01em;
  line-height: 1.3rem
}

.docs-linkbubble-link-preview .docs-link-bubble-abuse-card-component .docs-link-bubble-abuse-card-component-text {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  letter-spacing: .02em
}

.docs-linkbubble-link-preview .docs-link-bubble-favicon {
  border-radius: 2px;
  height: 18px;
  opacity: 1;
  padding: 6px;
  vertical-align: baseline;
  width: 18px
}

.docs-linkbubble-link-preview .docs-link-bubble-favicon img {
  border-radius: 2px;
  height: 18px;
  width: 18px
}

.docs-linkbubble-link-preview .docs-link-bubble-abuse-card-component:before,
.docs-linkbubble-link-preview .docs-link-bubble-action-card-component:before,
.docs-linkbubble-link-preview .docs-link-bubble-extract-card-component:before,
.docs-linkbubble-link-preview .docs-link-bubble-warning-card-component:before {
  border-radius: 0 0 8px 8px;
  bottom: 0;
  content: "";
  height: 6px;
  left: 0;
  position: absolute;
  width: 100%
}

.docs-link-bubble-card-animation-waiting .docs-link-bubble-abuse-card-component:before,
.docs-link-bubble-card-animation-waiting .docs-link-bubble-action-card-component:before,
.docs-link-bubble-card-animation-waiting .docs-link-bubble-extract-card-component:before,
.docs-link-bubble-card-animation-waiting .docs-link-bubble-warning-card-component:before {
  display: none
}

.docs-linkbubble-link-preview .docs-link-bubble-card-component .docs-link-bubble-mime-icon {
  padding: 0
}

.docs-linkbubble-link-preview .docs-link-bubble-card-component {
  align-items: center;
  display: flex;
  padding: 6px 12px
}

.linkbubble-card-collapsed .docs-link-bubble-card-component {
  display: none !important
}

.linkbubble-card-collapsed .docs-link-bubble-card-component.linkbubble-card-non-collapsible {
  display: flex
}

.docs-link-bubble-card.docs-link-bubble-card-animation-waiting {
  height: 1px;
  opacity: 0;
  overflow: hidden
}

.docs-linkbubble-link-preview .docs-link-bubble-title-card-component a {
  color: #202124 !important;
  flex-grow: 1;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  height: 18px;
  overflow: hidden;
  padding-left: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 0
}

.docs-linkbubble-link-preview .docs-link-bubble-title-card-component a:hover {
  text-decoration: none !important
}

.docs-linkbubble-link-preview .docs-link-bubble-action-card-component span,
.docs-linkbubble-link-preview .docs-link-bubble-text-card-component span,
.docs-linkbubble-link-preview .docs-link-bubble-warning-card-component span {
  flex-direction: column;
  flex-grow: 1;
  font-size: 12px;
  justify-content: center;
  line-height: 1.3;
  overflow-wrap: break-word;
  white-space: normal;
  width: 0;
  word-wrap: break-word
}

.docs-linkbubble-link-preview .docs-link-bubble-text-card-component span {
  color: #5f6368 !important;
  cursor: text
}

.docs-linkbubble-link-preview .docs-link-bubble-action-card-component span {
  color: #fff !important
}

.docs-linkbubble-link-preview .docs-link-bubble-card-component.add-on-install-prompt-card-container span {
  color: #5f6368 !important
}

.docs-linkbubble-link-preview .docs-link-bubble-thumbnail-container {
  background-color: #e8eaed;
  border-radius: 4px;
  display: flex;
  flex-grow: 1;
  height: 141px;
  overflow: hidden;
  position: relative;
  width: 0
}

.docs-linkbubble-link-preview .docs-link-bubble-thumbnail-container a {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  align-items: center
}

.docs-linkbubble-link-preview .drive-image-thumbnail-component .docs-link-bubble-thumbnail-container a {
  display: block !important
}

.drive-image-thumbnail-component .docs-link-bubble-thumbnail-container,
.link-bubble-maps-thumbnail-component .docs-link-bubble-thumbnail-container {
  border: 1px solid #e8eaed
}

#link-bubble-thumbnail-image {
  background-position: 50%;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%
}

.default-image-card-component #link-bubble-thumbnail-image,
.vertical-image-card-component #link-bubble-thumbnail-image {
  background-size: contain
}

.horizontal-image-card-component #link-bubble-thumbnail-image {
  background-size: cover
}

.vertical-image-card-component img.link-bubble-drive-thumbnail-image {
  display: block;
  height: 100%;
  margin: auto
}

.default-image-card-component img.link-bubble-drive-thumbnail-image,
.horizontal-image-card-component img.link-bubble-drive-thumbnail-image {
  width: 100%
}

.docs-hc-gecko .docs-link-bubble-thumbnail-container a {
  height: 120%;
  transform: translateY(-10%)
}

#high-contrast-link-bubble-thumbnail-image {
  height: 100%
}

.framed-image-card-component img.link-bubble-drive-thumbnail-image {
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, .12);
  margin: 6% 7% 0 7%;
  width: 86%
}

img.link-bubble-maps-thumbnail-image:not(.link-bubble-maps-thumbnail-fallback-image) {
  width: 100%
}

.docs-link-bubble-thumbnail-card-component .link-bubble-youtube-preview-video {
  position: absolute;
  transition: opacity .75s cubic-bezier(.4, 0, .2, 1);
  width: 100%
}

.link-bubble-youtube-preview-video.preview-video-transparent {
  opacity: 0
}

.link-bubble-youtube-preview-video.preview-video-hidden {
  display: none
}

.link-bubble-youtube-preview-video.preview-video-opaque {
  opacity: 1
}

.link-bubble-youtube-preview-video.preview-video-visible {
  display: block
}

.docs-link-bubble-thumbnail-card-component #link-bubble-youtube-video-duration-indicator {
  align-items: center;
  background-color: rgba(0, 0, 0, .8);
  border-radius: 2px;
  bottom: 8px;
  color: #fff;
  display: flex;
  font-size: 12px;
  font-weight: 500;
  height: 16px;
  justify-content: center;
  opacity: 1;
  padding: 0 4px;
  position: absolute;
  right: 8px;
  transition: opacity .1s ease-in-out
}

.link-bubble-hovered .docs-link-bubble-youtube-thumbnail-container.link-bubble-thumbnail-can-open-in-mole #link-bubble-youtube-video-duration-indicator {
  opacity: 0
}

.docs-multi-linkbubble-bubble .docs-linkbubble-link-preview .docs-link-bubble-card-component .docs-link-bubble-text-with-icon {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  max-height: -webkit-fill-available !important
}

.docs-linkbubble-link-preview .docs-link-bubble-card-component .docs-link-bubble-text-with-icon {
  padding-left: 12px
}

.docs-linkbubble-link-preview .docs-link-bubble-text-card-component.indented-card-component .text-card-component-text {
  padding-left: 30px
}

.docs-linkbubble-link-preview .docs-link-bubble-card-component.shrink-vertical-padding-card-component {
  padding-top: 0
}

.docs-linkbubble-link-preview .docs-link-bubble-text-card-component.single-line-text-card-component .text-card-component-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.docs-linkbubble-link-preview .docs-link-bubble-separator {
  background-color: #e8eaed;
  height: 1px;
  margin: 6px
}

.docs-hc-gecko .popout-indicator,
.docs-hc-gecko .popout-indicator-container,
.docs-linkbubble-link-preview.docs-hc-gecko {
  border: 1px solid transparent
}

.docs-hc-gecko .docs-linkbubble-link-preview .docs-link-bubble-favicon,
.docs-hc-gecko .popout-indicator .docs-link-bubble-mime-icon {
  filter: invert(100%)
}

.docs-hc-gecko .docs-link-bubble-separator {
  height: 0;
  border: 1px solid transparent
}

.docs-link-bubble-action-container .goog-menuitem {
  white-space: nowrap
}

.docs-linkbubble-bubble .goog-menu .goog-option-selected {
  background-position: 8px 50%
}

.docs-link-bubble-request-access-card-component.docs-link-bubble-card-component {
  display: flex;
  flex-direction: column
}

.docs-link-bubble-request-access-card-component .link-bubble-text-button {
  display: flex;
  padding-top: 6px;
  width: 100%
}

.docs-link-bubble-request-access-card-component .link-bubble-text-button .link-bubble-text-button-container {
  align-items: center;
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
  white-space: normal;
  word-break: break-word;
  width: 0
}

.docs-link-bubble-request-access-card-component .link-bubble-text-button .link-bubble-text-button-info-icon {
  display: flex;
  padding: 4px
}

.docs-link-bubble-request-access-card-component .link-bubble-text-button .link-bubble-text-button-info-icon:hover {
  background-color: rgba(0, 0, 0, .06);
  border-radius: 50%
}

.docs-link-bubble-request-access-card-component .request-access-header {
  display: flex;
  justify-content: flex-start;
  width: 100%
}

.docs-link-bubble-request-access-card-component .request-access-header span {
  color: #80868b;
  display: flex;
  flex-grow: 1;
  font-size: 12px;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  white-space: normal;
  width: 0
}

.docs-link-bubble-request-access-card-component .requested-access-text {
  display: flex;
  width: 100%
}

.docs-link-bubble-request-access-card-component .requested-access-text span {
  color: #80868b;
  display: flex;
  flex-grow: 1;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-style: italic;
  justify-content: flex-end;
  padding-top: 6px;
  white-space: normal;
  width: 0
}

.docs-link-bubble-calendar-event-action-card-component,
.docs-link-bubble-maps-place-action-card-component {
  border-top: 1px solid #e8eaed;
  justify-content: flex-end
}

.docs-link-bubble-calendar-event-action-card-component .docs-link-bubble-calendar-attach-document.docs-bubble-button,
.docs-link-bubble-maps-place-action-card-component .docs-link-bubble-maps-directions-button.docs-bubble-button {
  width: 24px;
  height: 24px
}

.docs-link-bubble-calendar-attach-document.jfk-button-disabled {
  cursor: default;
  opacity: .38
}

.docs-link-bubble-calendar-event-action-card-component .docs-link-bubble-calendar-attach-document.docs-bubble-button .docs-icon,
.docs-link-bubble-maps-place-action-card-component .docs-link-bubble-maps-directions-button.docs-bubble-button .docs-icon {
  width: 24px;
  height: 24px
}

.docs-link-bubble-calendar-attach-document.docs-material .docs-icon .docs-icon-img,
.docs-link-bubble-calendar-attach-document.docs-material .docs-icon .docs-icon-img:before,
.docs-link-bubble-maps-directions-button.docs-material .docs-icon .docs-icon-img,
.docs-link-bubble-maps-directions-button.docs-material .docs-icon .docs-icon-img:before {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_green.svg)
}

.docs-bubble .docs-link-bubble-calendar-event-action-card-component .docs-link-bubble-calendar-attach-document.jfk-button-disabled:active,
.docs-bubble .docs-link-bubble-calendar-event-action-card-component .docs-link-bubble-calendar-attach-document.jfk-button-disabled:focus,
.docs-bubble .docs-link-bubble-calendar-event-action-card-component .docs-link-bubble-calendar-attach-document.jfk-button-disabled:hover {
  background-color: transparent
}

.docs-bubble .docs-link-bubble-calendar-event-action-card-component .docs-link-bubble-calendar-attach-document.jfk-button-disabled:active .docs-icon-img,
.docs-bubble .docs-link-bubble-calendar-event-action-card-component .docs-link-bubble-calendar-attach-document.jfk-button-disabled:active .docs-icon-img:before {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_gm3_grey_medium.svg)
}

.docs-link-bubble-card-component.docs-link-bubble-action-card-component.link-bubble-acl-fixer-hidden {
  height: 0;
  margin-top: 0;
  padding-bottom: 0;
  padding-top: 0;
  opacity: 0;
  visibility: hidden
}

.docs-link-bubble-card-component .link-bubble-text-button-text {
  color: #137333;
  cursor: pointer;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px !important;
  font-weight: 500;
  margin-left: 4px;
  padding: 4px 8px
}

.docs-link-bubble-card-component.docs-link-bubble-action-card-component.link-bubble-acl-fixer-card-component {
  margin-top: 0;
  overflow: hidden;
  transition: all .2s cubic-bezier(.4, 0, .2, 1)
}

.docs-link-bubble-action-card-component.link-bubble-acl-fixer-card-component .link-bubble-text-button-text.link-bubble-text-button-text-disabled {
  color: #80868b;
  cursor: default;
  outline: none
}

.docs-link-bubble-card-component .link-bubble-text-button-text:hover {
  background-color: #e6f4ea;
  border-radius: 4px
}

.docs-link-bubble-card-component.docs-link-bubble-action-card-component .link-bubble-text-button-text {
  color: #fff !important
}

.docs-link-bubble-card-component.docs-link-bubble-action-card-component .link-bubble-text-button-text:hover {
  background-color: #1967d2 !important
}

.docs-link-bubble-card-component.docs-link-bubble-action-card-component.add-on-install-prompt-card-container .link-bubble-text-button-text {
  color: #1967d2 !important
}

.docs-link-bubble-card-component.docs-link-bubble-action-card-component.add-on-install-prompt-card-container .link-bubble-text-button-text:hover {
  color: #fff !important;
  background-color: #1967d2 !important
}

.popout-indicator-container {
  align-items: flex-end;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: flex-end;
  left: 0;
  padding: 12px;
  pointer-events: none;
  position: absolute;
  transition: background-color .1s cubic-bezier(.4, 0, .2, 1);
  width: 100%
}

.docs-link-bubble-youtube-thumbnail-container .popout-indicator-container {
  opacity: 0
}

.link-bubble-hovered .docs-link-bubble-youtube-thumbnail-container .popout-indicator-container {
  opacity: 1
}

.docs-hc-gecko .popout-indicator-container.hovered-card-component {
  background-color: transparent
}

.docs-link-bubble-thumbnail-container:not(.docs-link-bubble-youtube-thumbnail-container) .popout-indicator-container.hovered-card-component {
  background-color: rgba(32, 33, 36, .1)
}

.popout-indicator-text {
  color: #fff;
  display: inline-block;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  max-width: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  text-overflow: ellipsis;
  transition: all .2s cubic-bezier(.4, 0, .2, 1)
}

.link-bubble-hovered .popout-indicator-text {
  max-width: 4000px;
  opacity: 1;
  padding-left: 8px;
  padding-right: 4px
}

.popout-indicator {
  align-items: center;
  background-color: rgba(32, 33, 36, .6);
  border-radius: 16px;
  box-sizing: border-box;
  display: flex;
  max-width: 100%;
  padding: 6px
}

.docs-linkbubble-link-preview .docs-link-bubble-card-component .popout-indicator .docs-link-bubble-mime-icon {
  transition: all .3s cubic-bezier(.4, 0, .2, 1)
}

.docs-linkbubble-link-preview.link-bubble-hovered .docs-link-bubble-card-component .popout-indicator .docs-link-bubble-mime-icon {
  padding-left: 4px
}

.docs-link-bubble-card-component.docs-link-bubble-maps-place-card-component {
  align-items: flex-start;
  display: flex;
  justify-content: space-between
}

.docs-link-bubble-card-component.docs-link-bubble-maps-place-card-component .docs-link-bubble-maps-place-card-text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: 0
}

.docs-link-bubble-card-component.docs-link-bubble-maps-place-card-component .docs-link-bubble-maps-place-card-text .docs-link-bubble-maps-place-card-title {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.docs-link-bubble-card-component.docs-link-bubble-maps-place-card-component .docs-link-bubble-maps-place-card-text .docs-link-bubble-maps-place-card-address,
.docs-link-bubble-card-component.docs-link-bubble-maps-place-card-component .docs-link-bubble-maps-place-card-text .docs-link-bubble-maps-place-card-category {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.docs-link-bubble-card-component.docs-link-bubble-maps-place-card-component .docs-link-bubble-maps-place-card-img img {
  border-radius: 6px;
  height: 48px;
  margin-left: 10px;
  width: 48px
}

.docs-gm .docs-linkbubble-link-preview .docs-link-bubble-mime-icon .docs-icon .docs-icon-grid {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_green.svg)
}

.docs-gm .docs-multi-linkbubble-bubble {
  padding: 0
}

.docs-multi-linkbubble-bubble .docs-linkbubble-bubble {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  position: relative
}

.docs-gm .docs-linkbubble-multi-link-scrollable-container {
  background-color: #fff;
  border-color: #dadce0;
  color: #3c4043;
  display: flex;
  flex-direction: column;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  height: auto;
  max-height: 150px;
  overflow-y: auto;
  border-radius: 8px;
  padding: 6px 0;
  box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15)
}

.docs-linkbubble-multi-link-scrollable-container .docs-linkbubble-link-preview .docs-link-bubble-abuse-card-component:before,
.docs-linkbubble-multi-link-scrollable-container .docs-linkbubble-link-preview .docs-link-bubble-action-card-component:before,
.docs-linkbubble-multi-link-scrollable-container .docs-linkbubble-link-preview .docs-link-bubble-extract-card-component:before,
.docs-linkbubble-multi-link-scrollable-container .docs-linkbubble-link-preview .docs-link-bubble-warning-card-component:before {
  bottom: -6px;
  height: 7px;
  z-index: -1
}

.docs-multi-linkbubble-bubble:has(.appsElementsLinkPreviewBaseMultiLinkPreviewCard) .docs-linkbubble-multi-link-scrollable-container {
  display: none
}

.docs-linkbubble-multi-link-scrollable-container:has(.appsElementsLinkPreviewBaseRoot) {
  padding: 0;
  box-shadow: none
}

.docs-linkbubble-link-preview .linkbubble-float-icon-top .docs-link-bubble-mime-icon {
  margin-bottom: auto
}

.docs-link-bubble-calendar-view-details {
  padding-top: 3px
}

.docs-link-bubble-third-party-card-component,
.docs-link-bubble-third-party-privacy-promo-card-component {
  margin: 0 auto;
  width: 310px
}

.docs-link-bubble-third-party-card-component {
  max-height: 500px
}

.docs-link-bubble-third-party-privacy-promo-card-component {
  flex-direction: column;
  white-space: normal
}

.docs-link-bubble-third-party-privacy-promo-card-component p {
  color: #5f6368;
  line-height: 20px
}

.docs-link-bubble-third-party-privacy-promo-card-component a.third-party-privacy-promo-share-link {
  color: #5f6368 !important;
  text-decoration: underline !important
}

.docs-link-bubble-third-party-privacy-promo-card-component .jfk-button-standard,
.docs-link-bubble-third-party-privacy-promo-card-component button {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #fff;
  border: 1px solid #dadce0 !important;
  color: #137333;
  margin: 0 auto;
  width: 100%
}

.docs-link-bubble-third-party-privacy-promo-card-component .jfk-button-standard.jfk-button-hover,
.docs-link-bubble-third-party-privacy-promo-card-component button:hover {
  background: #f8fcf9;
  border: 1px solid #c8e7d1 !important;
  color: #137333;
  cursor: pointer
}

.docs-link-bubble-third-party-privacy-promo-card-component .jfk-button-standard.jfk-button-focused,
.docs-link-bubble-third-party-privacy-promo-card-component button:focus {
  background: #e7f5eb;
  border: 1px solid #bbe2c6 !important
}

[class*=docs-hc] .docs-linkbubble-link-preview .docs-bubble-button.jfk-button:focus {
  outline: 1px solid Highlight;
  outline-offset: -4px
}

[class*=docs-hc] .docs-link-bubble-thumbnail-container:focus-within {
  outline: 4px solid Highlight;
  outline-offset: -4px
}

.docs-link-bubble-card-component.docs-link-bubble-sidekick-prompt-button-card-component {
  border: 1px solid transparent;
  border-radius: 100px;
  box-sizing: border-box;
  cursor: pointer;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  line-height: 20px;
  padding: 9px 24px;
  white-space: nowrap;
  color: #0b57d0;
  padding: 9px 12px;
  background: var(--ae-genai-generation-gradient, linear-gradient(135deg, #d7e6ff, #c7e4ff, #dce2ff, #d7e6ff));
  align-items: center;
  animation: generation-shimmer 2.1s linear infinite;
  animation-duration: 1s;
  animation-iteration-count: 1;
  color: #1f1f1f;
  display: inline-flex;
  height: 32px;
  padding: 0 16px 0 10px
}

@media not (prefers-reduced-motion) {
  .docs-link-bubble-card-component.docs-link-bubble-sidekick-prompt-button-card-component {
    background-position: 50%;
    background-size: 800% 800%
  }
}

.docs-link-bubble-card-component.docs-link-bubble-sidekick-prompt-button-card-component-margin {
  margin: 10px 0 9px 12px
}

.docs-link-bubble-card-component.docs-link-bubble-sidekick-prompt-button-card-component-wiz {
  --gm3-button-filled-tonal-with-icon-icon-size: 14px;
  --gm3-button-filled-tonal-with-icon-icon-label-space: 6px
}

.docs-link-bubble-card-component.docs-link-bubble-sidekick-prompt-button-card-component-wiz-hover {
  --gm3-button-filled-tonal-hover-container-elevation: 0;
  --gm3-button-filled-tonal-hover-state-layer-opacity: 0
}

.docs-link-bubble-card-component.docs-link-bubble-sidekick-prompt-button-card-component:hover {
  color: #0b57d0;
  padding: 9px 12px;
  background-color: rgba(11, 87, 208, .08);
  background: var(--ae-genai-generation-gradient, linear-gradient(135deg, #d7e6ff, #c7e4ff, #dce2ff, #d7e6ff));
  animation: generation-shimmer 2.1s linear infinite;
  color: #1f1f1f;
  padding: 0 16px 0 10px
}

@media not (prefers-reduced-motion) {
  .docs-link-bubble-card-component.docs-link-bubble-sidekick-prompt-button-card-component:hover {
    background-position: 50%;
    background-size: 800% 800%
  }
}

.docs-link-bubble-card-component.docs-link-bubble-sidekick-prompt-button-card-component:focus {
  background: #bdcae4;
  outline: none
}

.docs-link-bubble-sidekick-prompt-button-card-component-icon-closure {
  display: flex;
  margin-right: 6px
}

.docs-link-insertlinkbubble-linkchip {
  width: 312px
}

.docs-link-insertlinkbubble-buttonbar .jfk-button {
  margin-right: 0
}

.docs-gm .docs-link-insertlinkbubble-buttonbar .jfk-button {
  margin-left: 12px;
  min-width: 87px
}

.docs-link-insertlinkbubble-error {
  color: #c5221f;
  padding: 12px 0 0 0
}

.docs-gm .docs-autocorrect-bubble {
  border-color: #dadce0;
  border-radius: 8px;
  box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15);
  font-family: sans-serif;
  font-size: 14px;
  font-weight: 500;
  padding: 4px;
  display: inline-table
}

.docs-autocorrect-bubble .docs-autocorrect-bubble-undo {
  color: #3c4043;
  display: inline-block;
  cursor: pointer;
  line-height: 18px;
  text-align: center;
  height: 18px;
  padding: 4px 4px 4px 4px
}

.docs-autocorrect-bubble .docs-autocorrect-bubble-undo-text {
  display: inline-block;
  padding-left: 8px
}

.docs-gm .docs-autocorrect-bubble-undo:hover {
  background-color: #f1f3f4;
  border-radius: 4px
}

.docs-gm .docs-autocorrect-bubble-undo:focus {
  background-color: #e8eaed;
  outline: none;
  border-radius: 4px
}

.docs-autocorrect-bubble .docs-autocorrect-bubble-option {
  display: inline-block;
  height: 18px;
  width: 18px;
  cursor: pointer;
  border: 0 !important;
  text-align: center;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 10px
}

.docs-autocorrect-bubble .docs-autocorrect-bubble-option:focus {
  outline: none
}

.docs-autocorrect-bubble .docs-autocorrect-bubble-feedback {
  border: 0 !important;
  display: inline-block;
  height: 22px;
  line-height: 21px !important;
  margin-left: 2px;
  overflow: unset;
  text-align: center;
  width: 24px
}

.docs-autocorrect-bubble-feedback .docs-icon {
  height: 16px
}

.docs-gm .docs-autocorrect-bubble-feedback:hover {
  background-color: #f1f3f4;
  border-radius: 50%
}

.docs-gm .docs-autocorrect-bubble-feedback:focus {
  background-color: #e8eaed;
  border-radius: 50%;
  line-height: 18px;
  outline: none
}

.docs-autocorrect-bubble .docs-autocorrect-bubble-more-options {
  border: 0 !important;
  bottom: 1px;
  display: inline-block;
  height: 20px;
  line-height: 19px !important;
  margin-left: 2px;
  overflow: unset;
  position: relative;
  text-align: center;
  width: 20px
}

.docs-autocorrect-bubble .docs-autocorrect-bubble-undo-icon {
  bottom: 1px;
  position: relative
}

.docs-autocorrect-bubble-more-options .docs-icon {
  height: 16px !important;
  width: 16px !important
}

.docs-gm .docs-autocorrect-bubble-more-options:hover {
  background-color: #f1f3f4;
  border-radius: 50%
}

.docs-gm .docs-autocorrect-bubble-more-options:focus {
  background-color: #e8eaed;
  border-radius: 50%;
  line-height: 18px;
  outline: none
}

.docs-autocorrect-bubble .docs-material-button-flat-default {
  padding: 0 !important
}

.docs-autocorrect-bubble .docs-icon {
  height: 18px;
  width: 18px;
  margin: 0
}

#docs-meet-in-editors-entrypointbutton {
  background: #fff;
  border-radius: 33px;
  box-sizing: border-box;
  cursor: pointer;
  height: 36px;
  margin-right: 12px;
  width: 54px
}

#docs-meet-in-editors-entrypointbutton.goog-flat-menu-button-disabled {
  cursor: default
}

#docs-meet-in-editors-entrypointbutton.goog-flat-menu-button-focused,
#docs-meet-in-editors-entrypointbutton.goog-flat-menu-button-hover,
#docs-meet-in-editors-entrypointbutton.goog-flat-menu-button-open {
  -webkit-box-shadow: none
}

#docs-meet-in-editors-entrypointbutton.goog-flat-menu-button-focused,
#docs-meet-in-editors-entrypointbutton.goog-flat-menu-button-hover {
  background: #f1f3f4;
  border-color: #f1f3f4
}

#docs-meet-in-editors-entrypointbutton.goog-flat-menu-button-open {
  background: #e8f0fe;
  border-color: #e8f0fe
}

#docs-meet-in-editors-entrypointbutton.goog-flat-menu-button .docs-icon {
  height: 24px;
  width: 24px;
  margin: 5px 4px 0 4px
}

#docs-meet-in-editors-entrypointbutton.goog-flat-menu-button-disabled.docs-meet-in-editors-active-video-call .docs-icon {
  margin-left: 8px
}

#docs-meet-in-editors-entrypointbutton.goog-flat-menu-button .docs-meet-in-editors-active-video-call-icon {
  background-color: #1a73e8;
  border-radius: 100px;
  content: "";
  height: 16px;
  margin: 4px auto 0 auto;
  position: static;
  width: 4px
}

#docs-meet-in-editors-entrypointbutton.goog-flat-menu-button .docs-meet-in-editors-active-video-call-icon:before {
  background-color: #1a73e8;
  border-radius: 100px;
  content: "";
  display: inline-block;
  height: 8px;
  left: 4px;
  position: absolute;
  top: 8px;
  width: 4px
}

#docs-meet-in-editors-entrypointbutton.goog-flat-menu-button .docs-meet-in-editors-active-video-call-icon:after {
  background-color: #1a73e8;
  border-radius: 100px;
  content: "";
  display: inline-block;
  height: 8px;
  left: 16px;
  position: absolute;
  top: 8px;
  width: 4px
}

@media (forced-colors:active) {

  #docs-meet-in-editors-entrypointbutton.goog-flat-menu-button .docs-meet-in-editors-active-video-call-icon,
  #docs-meet-in-editors-entrypointbutton.goog-flat-menu-button .docs-meet-in-editors-active-video-call-icon:after,
  #docs-meet-in-editors-entrypointbutton.goog-flat-menu-button .docs-meet-in-editors-active-video-call-icon:before {
    background-color: ButtonText
  }
}

#docs-meet-in-editors-entrypointbutton.goog-flat-menu-button .goog-flat-menu-button-dropdown {
  border-color: #1a73e8 transparent;
  position: absolute;
  right: 6px;
  top: 15px
}

@media (forced-colors:active) {
  #docs-meet-in-editors-entrypointbutton.goog-flat-menu-button .goog-flat-menu-button-dropdown {
    border-color: CanvasText Canvas
  }

  @supports (forced-color-adjust:none) {
    #docs-meet-in-editors-entrypointbutton.goog-flat-menu-button .goog-flat-menu-button-dropdown {
      forced-color-adjust: none;
      border-color: CanvasText transparent
    }
  }
}

#docs-meet-in-editors-entrypointbutton.goog-flat-menu-button-disabled .goog-flat-menu-button-dropdown {
  border-color: #202124 transparent
}

#docs-meet-in-editors-entrypointbutton.docs-meet-in-editors-active-call.goog-flat-menu-button {
  border-color: #dcdcdc
}

#docs-meet-in-editors-entrypointbutton.docs-meet-in-editors-active-call.goog-flat-menu-button-disabled .goog-flat-menu-button-dropdown {
  display: none
}

#docs-meet-in-editors-entrypointbutton.docs-meet-in-editors-active-call.goog-flat-menu-button-disabled {
  opacity: 1
}

.docs-meet-in-editors-menu {
  background: #fff;
  border-radius: 8px;
  border-width: 0;
  box-shadow: 0 1px 3px 0 rgba(60, 64, 67, .3), 0 4px 8px 3px rgba(60, 64, 67, .15);
  padding: 0;
  width: 330px
}

.docs-meet-in-editors-menu .mdc-elevation-overlay {
  opacity: 0
}

#docs-meet-in-editors-loading.hidden {
  display: none
}

#docs-meet-in-editors-loading {
  height: 270px;
  display: flex;
  align-items: center;
  justify-content: center
}

#docs-meet-in-editors-loading .docs-spinner {
  align-items: center;
  display: flex;
  overflow: visible
}

#docs-meet-in-editors-loading .docs-quantum-spinner {
  top: auto
}

#docs-meet-in-editors-error {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 18px;
  padding: 16px;
  text-align: center
}

#docs-meet-in-editors-error>img {
  display: block;
  margin-left: auto;
  margin-right: auto
}

#docs-meet-in-editors-error>div {
  margin: 22px 34px 22px
}

.docs-grille-gm3 #docs-meet-in-editors-entrypointbutton {
  align-items: center;
  background: none;
  border: 1px solid transparent;
  display: flex;
  height: 40px;
  margin-right: 8px;
  padding-bottom: 2px;
  width: 68px
}

.docs-grille-gm3 #docs-meet-in-editors-entrypointbutton.docs-meet-in-editors-active-call.goog-flat-menu-button-disabled {
  width: 56px
}

.docs-grille-gm3 #docs-meet-in-editors-entrypointbutton .goog-flat-menu-button-caption {
  padding: 0 0 2px 2px
}

.docs-grille-gm3 #docs-meet-in-editors-entrypointbutton.goog-flat-menu-button-disabled.docs-meet-in-editors-active-call .goog-flat-menu-button-caption {
  padding-left: 5px
}

.docs-grille-gm3 #docs-meet-in-editors-entrypointbutton.goog-flat-menu-button-focused,
.docs-grille-gm3 #docs-meet-in-editors-entrypointbutton.goog-flat-menu-button-hover,
.docs-grille-gm3 #docs-meet-in-editors-entrypointbutton.goog-flat-menu-button-open {
  background: #e8ebee
}

.docs-grille-gm3 #docs-meet-in-editors-entrypointbutton.goog-flat-menu-button-active {
  background: #e1e3e6
}

.docs-grille-gm3 #docs-meet-in-editors-entrypointbutton.docs-meet-in-editors-active-call.goog-flat-menu-button {
  border-color: transparent
}

.docs-grille-gm3 #docs-meet-in-editors-entrypointbutton.docs-meet-in-editors-active-call.goog-flat-menu-button.goog-flat-menu-button-hover {
  background: rgba(11, 87, 208, .08)
}

.docs-grille-gm3 #docs-meet-in-editors-entrypointbutton.docs-meet-in-editors-active-call.goog-flat-menu-button-open,
.docs-grille-gm3 #docs-meet-in-editors-entrypointbutton.docs-meet-in-editors-active-call.goog-flat-menu-button.goog-flat-menu-button-focused {
  background: rgba(11, 87, 208, .12)
}

.docs-grille-gm3 #docs-meet-in-editors-entrypointbutton.goog-flat-menu-button.docs-meet-in-editors-active-video-call .docs-icon {
  margin-left: 3px
}

.docs-grille-gm3 #docs-meet-in-editors-entrypointbutton.goog-flat-menu-button .goog-flat-menu-button-dropdown {
  border-color: #444746 transparent;
  right: 14px;
  top: 17px
}

.docs-grille-gm3 #docs-meet-in-editors-entrypointbutton.docs-meet-in-editors-active-call.goog-flat-menu-button .goog-flat-menu-button-dropdown {
  border-color: #0b57d0 transparent
}

.meet-captured-region-border {
  border: 2px solid #1a73e8;
  display: none;
  height: calc(100% - 4px);
  position: absolute;
  pointer-events: none;
  width: calc(100% - 4px);
  top: 0;
  z-index: 2003
}

.meet-captured-region {
  height: calc(100% - 4px);
  left: 2px;
  position: absolute;
  pointer-events: none;
  width: calc(100% - 4px);
  top: 2px
}

.meet-captured-region-border.docs-meet-in-editors-ui-docked-pip-visible,
.meet-captured-region.docs-meet-in-editors-ui-docked-pip-visible {
  width: calc(100% - 304px);
  height: calc(100% - 4px)
}

.MEET_IN_EDITORS_PIP_FRAME {
  border: none;
  border-radius: 8px;
  pointer-events: none;
  position: absolute;
  visibility: hidden;
  z-index: 1202;
  border-width: 0;
  box-shadow: 0 1px 3px 0 rgba(60, 64, 67, .3), 0 4px 8px 3px rgba(60, 64, 67, .15)
}

.MEET_IN_EDITORS_PIP_FRAME .mdc-elevation-overlay {
  opacity: 0
}

.MEET_IN_EDITORS_DIALOG_FRAME {
  border: none;
  height: 100vh;
  left: 0;
  overflow: auto;
  position: absolute;
  top: 0;
  width: 100vw;
  z-index: 1203
}

.MEET_IN_EDITORS_MENU_FRAME {
  border: none;
  display: block;
  height: 270px;
  width: 330px
}

.MEET_IN_EDITORS_FIXED_DOCKED_FRAME {
  background-color: #fff;
  border: none;
  display: block;
  height: 100vh;
  position: fixed;
  right: 0;
  top: 0;
  width: 300px;
  z-index: 1001;
  border-width: 0;
  box-shadow: 0 1px 3px 0 rgba(60, 64, 67, .3), 0 4px 8px 3px rgba(60, 64, 67, .15)
}

.MEET_IN_EDITORS_FIXED_DOCKED_FRAME .mdc-elevation-overlay {
  opacity: 0
}

.MEET_IN_EDITORS_SIDEBAR_DOCKED_FRAME {
  background-color: #fff;
  border: none;
  display: block;
  height: 100%;
  width: 300px
}

.docs-meet-in-editors-sidebar {
  box-shadow: -3px 0 6px -3px rgba(60, 64, 67, .15), 3px 0 6px -3px rgba(60, 64, 67, .15);
  background-color: #fff;
  border-left: 1px solid #d9d9d9;
  border-top: 1px solid #d9d9d9;
  height: 100%;
  outline: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 300px;
  z-index: 901
}

#meet-captured-region-border {
  border: 2px solid #1a73e8;
  display: none;
  height: calc(100% - 4px);
  position: absolute;
  pointer-events: none;
  width: calc(100% - 4px);
  top: 0;
  z-index: 2003
}

#meet-captured-region {
  height: calc(100% - 4px);
  left: 2px;
  position: absolute;
  pointer-events: none;
  width: calc(100% - 4px);
  top: 2px
}

#meet-captured-region-border.docs-meet-in-editors-ui-docked-pip-visible,
#meet-captured-region.docs-meet-in-editors-ui-docked-pip-visible {
  width: calc(100% - 304px);
  height: calc(100% - 4px)
}

.meet-video-promo-bubble {
  box-sizing: border-box;
  min-height: 164px;
  padding: 0;
  width: 530px
}

.meet-video-promo-bubble-content {
  display: flex
}

.meet-video-promo-bubble-text {
  padding: 24px 24px 0 24px
}

.meet-video-promo-bubble-description {
  font-family: Roboto, Arial, sans-serif;
  line-height: 1.25rem;
  font-size: .875rem;
  letter-spacing: .0142857143em;
  font-weight: 400;
  color: #3c4043;
  margin-bottom: 13px
}

.meet-video-promo-bubble-title {
  font-family: Roboto, Arial, sans-serif;
  line-height: 1.75rem;
  font-size: 1.375rem;
  letter-spacing: 0;
  font-weight: 400;
  color: #202124;
  margin-bottom: 12px;
  padding-right: 12px
}

.meet-video-promo-bubble-img {
  border-radius: 8px 0 0 8px;
  height: 164px;
  margin: -1px
}

.meet-video-promo-floating-pip-anchor {
  height: 48px;
  pointer-events: none;
  position: absolute;
  right: 64px;
  top: 8px;
  width: 48px
}

.meet-video-promo-button.docs-material-button-text-default.docs-material-button {
  margin-bottom: 13px
}

.picker.modal-dialog {
  z-index: 1201
}

.picker-frame {
  width: 100%;
  height: 100%;
  border: 0;
  overflow: hidden
}

.picker.modal-dialog-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff
}

.picker.modal-dialog {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  border: 1px solid #acacac;
  width: auto;
  padding: 0;
  z-index: 1001;
  overflow: auto;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .2);
  transition: top .5s ease-in-out
}

.picker-min {
  position: absolute;
  z-index: 1002
}

.picker.modal-dialog-content {
  font-size: 0;
  padding: 0
}

.picker.modal-dialog-title {
  height: 0;
  margin: 0
}

.picker.modal-dialog-buttons,
.picker.modal-dialog-title-text {
  display: none
}

.docs-onepick-integrated-sidebar {
  border-radius: 16px;
  box-shadow: none;
  overflow: hidden;
  margin: 6px 16px 16px;
  background-color: #fff;
  border-left: 0;
  border-top: none;
  height: 100%;
  outline: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 300px
}

.has-right-rail .docs-onepick-integrated-sidebar {
  margin-left: 0;
  margin-right: 0
}

.docs-onepick-integrated-sidebar-content-library.docs-onepick-integrated-sidebar-content-library {
  width: 320px
}

.docs-body-pageless .docs-onepick-integrated-sidebar.docs-onepick-integrated-sidebar-content-library {
  border: none
}

.docs-body-pageless .docs-onepick-integrated-sidebar,
.docs-hub .docs-onepick-integrated-sidebar {
  border: 1px solid #c7c7c7
}

.docs-onepick-integrated-sidebar iframe {
  border-radius: 16px
}

.picker-api-container,
.picker-iframe-container {
  height: 100%;
  width: 100%;
  position: relative
}

.picker-close-button {
  position: absolute;
  z-index: 100;
  top: 12px;
  right: 14px;
  width: 36px;
  height: 36px;
  border-radius: 18px;
  border-width: 0;
  background-color: transparent
}

.picker-close-button:hover {
  background-color: rgba(60, 64, 67, .04)
}

.picker-close-button:active {
  background-color: rgba(60, 64, 67, .12)
}

.picker-close-button-svg {
  fill: #616161
}

.content-library .picker-close-button-svg {
  color: var(--dt-on-neutral-container, #3c4043)
}

.content-library .picker-loading-container {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: var(--dt-surface-container, #fff);
  align-items: center;
  justify-content: space-evenly;
  display: none
}

.content-library.loading .picker-loading-container {
  display: flex;
  background-color: #f0f4f9
}

.content-library.loaded .picker-loading-container,
.content-library.loading .picker-iframe-container,
.content-library.loading-timed-out .picker-loading-container {
  display: none
}

.google-picker.modal-dialog {
  background-color: var(--dt-background, #fff);
  border: none;
  padding: 0;
  transition: top .5s ease-in-out;
  z-index: 1004;
  border-radius: 8px;
  box-shadow: 0 4px 8px 3px rgba(60, 64, 67, .15), 0 1px 3px rgba(60, 64, 67, .3);
  overflow: hidden
}

.google-picker.modal-dialog .picker-close-button {
  top: 20px;
  right: 18px
}

.google-picker.modal-dialog-bg {
  background-color: var(--dt-scrim, rgba(32, 33, 36, .6));
  z-index: 1003
}

.google-picker.transparent-picker.modal-dialog {
  background-color: transparent;
  border: none;
  box-shadow: none;
  padding: 0
}

.google-picker.transparent-picker.modal-dialog-content {
  background-color: transparent
}

.mspin-small {
  width: 24px;
  height: 24px;
  overflow: hidden;
  animation: mspin-rotate 1568.63ms linear infinite
}

.mspin-small>div {
  animation: mspin-revrot 5332ms steps(4) infinite
}

.mspin-small>div>div {
  background-image: url(//ssl.gstatic.com/docs/picker/images/loading_spinner_small.svg);
  background-size: 100%;
  width: 7776px;
  height: 24px;
  animation: mspin-small-film 5332ms steps(324) infinite
}

@keyframes mspin-small-film {
  0% {
    transform: translateX(0)
  }

  to {
    transform: translateX(-7776px)
  }
}

.google-url-picker.modal-dialog {
  background-color: var(--dt-background, #fff);
  border: none;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .2);
  padding: 0;
  z-index: 1002
}

.google-url-picker.modal-dialog-bg {
  opacity: .5;
  z-index: 1001
}

.google-url-picker .modal-dialog-title {
  display: none
}

.picker-urlview {
  padding: 24px 64px 0 32px
}

.picker-urlview-header {
  color: var(--dt-on-background, #3c4043);
  font-weight: 400;
  font-size: 18px;
  line-height: 22px
}

.picker-urlview-inner-input {
  border-width: 0 0 2px 0;
  border-color: #5e97f6;
  border-style: solid;
  margin-top: 24px;
  padding-bottom: 6px;
  width: 400px
}

.picker-urlview-actionbar {
  display: flex;
  justify-content: flex-end;
  padding: 26px
}

.picker-urlview-image {
  display: flex;
  justify-content: center;
  min-height: 32px
}

.picker-urlview-cancelbutton {
  background-color: var(--dt-background, #fff);
  border: none;
  color: var(--dt-on-background, #3c4043);
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  margin-right: 24px;
  text-transform: uppercase
}

.picker-urlview-insertbutton {
  background-color: var(--dt-background, #fff);
  border: none;
  color: #4788f4;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  padding: 1px 0;
  text-transform: uppercase
}

.picker-urlview-insertbutton:disabled {
  color: var(--dt-on-surface-variant, #5f6368);
  cursor: auto
}

.picker-urlview-inner-input:focus {
  outline: none
}

.picker-urlview-error-container {
  color: #d40000;
  font-size: 12px;
  width: 400px
}

.picker-urlview-disclaimer-container {
  color: var(--dt-on-surface-variant, #5f6368);
  font-size: 10px;
  padding-top: 8px;
  width: 400px
}

.picker-urlview-close-icon {
  background-color: rgba(0, 0, 0, .4);
  border: none;
  border-radius: 50%;
  height: 32px;
  margin-top: 10px;
  margin-right: 10px;
  position: absolute;
  right: 0;
  text-align: center;
  width: 32px
}

.picker-urlview-close-icon svg {
  fill: var(--dt-on-background, #3c4043);
  margin: -4px 0 0 -12px;
  opacity: .5
}

.picker-urlview-loading-icon {
  display: inline-block;
  direction: ltr;
  height: 24px;
  width: 24px;
  padding: 20px 0 0 8px;
  position: absolute;
  z-index: 1
}

.picker-tooltip {
  z-index: 1003 !important
}

.docs-revisions-tile-content .goog-link-button {
  color: #0b57d0;
  cursor: pointer;
  font: 500 14px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  margin: 12px 18px 4px 36px;
  text-decoration: none;
  text-transform: none
}

.docs-grille-version-history .docs-revisions-tile-content .goog-link-button {
  border: 1px solid transparent;
  font: 500 14px Roboto, sans-serif
}

.docs-grille-version-history .docs-revisions-tile-content .goog-inline-block.goog-link-button.goog-link-button-focused:focus-visible {
  outline: 1px auto -webkit-focus-ring-color
}

.approval-diff-selector.docs-material-gm-labeled-select {
  border-bottom: 1px solid #dadce0;
  margin: 16px;
  margin-bottom: 0;
  padding-bottom: 16px;
  width: unset
}

.approval-diff-selector:empty {
  display: none
}

.approval-diff-selector .docs-material-gm-labeled-select-content {
  color: #5f6368;
  font-size: 11px;
  font-weight: 500;
  margin-bottom: 16px;
  text-transform: uppercase
}

.approval-diff-selector .docs-material-gm-labeled-select-caption,
.approval-diff-selector-menu .goog-menuitem-content {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}

.approval-diff-selector-menu.goog-menu {
  width: 270px
}

.docs-revisions-static-approvals-tile {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 18px
}

.docs-revisions-static-approvals-tile.docs-revisions-tile-selected {
  background-color: unset
}

.docs-revisions-static-approvals-tile-header {
  color: #5f6368;
  margin-bottom: 18px
}

.docs-approvals-tile-badge {
  align-items: center;
  border: 1px solid;
  border-radius: 4px;
  display: flex;
  margin: 4px 0;
  width: fit-content;
  width: -moz-fit-content
}

.docs-approvals-tile-badge-text {
  font: 500 11px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  padding-right: 8px
}

.docs-grille-version-history .docs-approvals-tile-badge-text {
  font: 500 11px Roboto, sans-serif
}

.docs-approvals-approved-tile-badge .docs-approvals-stamp-icon-path,
.docs-approvals-tile-badge.docs-approvals-approved-tile-badge {
  color: #1e8e3e;
  fill: #1e8e3e
}

.docs-grille-version-history .docs-approvals-approved-tile-badge .docs-approvals-stamp-icon-path,
.docs-grille-version-history .docs-approvals-tile-badge.docs-approvals-approved-tile-badge {
  color: #146c2e;
  fill: #146c2e
}

.docs-approvals-failed-tile-badge .docs-approvals-stamp-icon-path,
.docs-approvals-rejected-tile-badge .docs-approvals-stamp-icon-path,
.docs-approvals-tile-badge.docs-approvals-failed-tile-badge,
.docs-approvals-tile-badge.docs-approvals-rejected-tile-badge {
  color: #c5221f;
  fill: #c5221f
}

.docs-grille-version-history .docs-approvals-failed-tile-badge .docs-approvals-stamp-icon-path,
.docs-grille-version-history .docs-approvals-rejected-tile-badge .docs-approvals-stamp-icon-path,
.docs-grille-version-history .docs-approvals-tile-badge.docs-approvals-failed-tile-badge,
.docs-grille-version-history .docs-approvals-tile-badge.docs-approvals-rejected-tile-badge {
  color: #b3261e;
  fill: #b3261e
}

.docs-approvals-pending-tile-badge .docs-approvals-stamp-icon-path,
.docs-approvals-tile-badge.docs-approvals-pending-tile-badge {
  color: #1967d2;
  fill: #1967d2
}

.docs-grille-version-history .docs-approvals-pending-tile-badge .docs-approvals-stamp-icon-path,
.docs-grille-version-history .docs-approvals-tile-badge.docs-approvals-pending-tile-badge {
  color: #0b57d0;
  fill: #0b57d0
}

.docs-approvals-tile-badge .docs-approvals-stamp-icon {
  margin: 0 6px
}

.docs-approvals-stamp-icon svg {
  display: flex
}

.docs-revisions-sidebar-approvals-empty {
  text-align: center;
  width: 100%
}

.docs-revisions-sidebar-approvals-empty .docs-revisions-sidebar-revisions-empty-title {
  margin-bottom: 36px
}

.docs-revisions-sidebar-revisions-empty-view-diff {
  align-items: center;
  color: #5f6368;
  margin-bottom: 36px;
  text-align: center;
  width: 100%
}

.docs-spell-menuitem-subtext {
  color: #5f6368;
  font-size: 13px;
  opacity: .9
}

#docs-spellcheckslidingdialog-button-change-menu {
  box-shadow: none;
  background-color: #4d90fe;
  background-image: linear-gradient(top, #4d90fe, #4787ed);
  border: 1px solid #3079ed;
  color: #fff
}

#docs-spellcheckslidingdialog-button-change-menu:hover {
  background-color: #357ae8;
  background-image: linear-gradient(top, #4d90fe, #357ae8);
  border: 1px solid #2f5bb7;
  border-bottom-color: #2f5bb7
}

#docs-spellcheckslidingdialog-button-change-menu.goog-flat-menu-button-focused {
  box-shadow: inset 0 0 0 1px #fff;
  border: 1px solid #fff;
  border: 1px solid transparent;
  outline: 1px solid #4d90fe;
  outline: 0 transparent
}

#docs-spellcheckslidingdialog-button-change-menu .goog-flat-menu-button-dropdown {
  border-color: #fff transparent;
  color: #fff
}

#docs-spellcheckslidingdialog-button-change-menu.goog-flat-menu-button-open {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
  background: #357ae8;
  border: 1px solid #2f5bb7;
  border-top: 1px solid #2f5bb7
}

#docs-spellcheckslidingdialog-button-change-menu.goog-flat-menu-button-disabled {
  background: #4d90fe;
  filter: alpha(opacity=50);
  opacity: .5
}

#docs-spellcheckslidingdialog-button-ignore-all {
  margin-left: 10px
}

.docs-spellcheckslidingdialog-buttons-white-menu.goog-flat-menu-button-disabled,
.docs-spellcheckslidingdialog-buttons-white-menu.goog-flat-menu-button-disabled:hover {
  background: #fff;
  border: 1px solid #dcdcdc !important;
  filter: alpha(opacity=50);
  opacity: .5
}

.docs-spellcheckslidingdialog-buttons-white-menu.goog-flat-menu-button-focus,
.docs-spellcheckslidingdialog-buttons-white-menu:hover {
  border: 1px solid #c6c6c6
}

.docs-spellcheckslidingdialog-buttons-white-menu:focus {
  z-index: 2
}

#docs-spellcheckslidingdialog-button-ignore,
#docs-spellcheckslidingdialog-button-ignore-menu {
  margin-bottom: 1px
}

#docs-spellcheckslidingdialog-button-dictionary,
#docs-spellcheckslidingdialog-button-dictionary-menu {
  margin-top: 7px
}

.docs-spellcheckslidingdialog-buttons-action {
  margin-left: 9px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 110px
}

.docs-spellcheckslidingdialog-count {
  color: #6a6a6a;
  padding-left: 4px
}

.goog-menuitem-disabled .docs-spellcheckslidingdialog-count {
  color: #ccc
}

#docs-spellcheckslidingdialog-id .docs-slidingdialog-close-container {
  position: absolute;
  right: 14px;
  top: 10px
}

#docs-spellcheckslidingdialog-ignore-buttons {
  padding-top: 7px;
  vertical-align: top
}

.docs-spellcheckslidingdialog-replacement-input,
.docs-spellcheckslidingdialog-replacement-input:focus {
  background: transparent;
  border: none;
  box-shadow: none;
  font-size: 13px;
  height: 25px;
  margin: 0;
  outline: none;
  padding: 1px 0;
  width: 100%
}

.docs-spellcheckslidingdialog-replacement-input-container {
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top: 1px solid silver;
  min-width: 20px;
  padding: 0 8px
}

.docs-spellcheckslidingdialog-replacement-input-container-focus {
  border: 1px solid #4d90fe;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
  outline: none
}

.docs-spellcheckslidingdialog-title-text {
  margin-top: 2px;
  margin-bottom: 10px;
  color: #222;
  cursor: default
}

#docs-spellcheckslidingdialog-original-word {
  font-weight: 500
}

.docs-spellcheckslidingdialog-title-text.docs-spellcheckslidingdialog-no-misspellings {
  margin-bottom: 0;
  padding-right: 33px
}

#docs-spellcheckslidingdialog-no-misspellings:focus {
  outline: none
}

#docs-spellcheckslidingdialog-suggestion-list {
  box-shadow: none;
  margin-left: -1px;
  margin-top: -1px;
  height: 91px;
  overflow-y: auto;
  position: relative;
  width: 100%
}

.docs-spellcheckslidingdialog-container .goog-flat-menu-button {
  margin: 0;
  height: 27px
}

.docs-spellcheckslidingdialog-container .goog-flat-menu-button-collapse-left {
  margin-left: -1px
}

.docs-spellcheckslidingdialog-container .goog-flat-menu-button-collapse-right {
  min-width: 0;
  padding-left: 0;
  margin-left: 0;
  border-radius: 0 2px 2px 0
}

#docs-spellcheckslidingdialog-suggestion-list .goog-menuitem {
  padding-left: 8px
}

#docs-spellcheckslidingdialog-suggestion-list .goog-menuitem-checkbox {
  position: inherit
}

.docs-spellcheckslidingdialog-container table {
  width: 100%
}

.docs-spellcheckslidingdialog .docs-slidingdialog-holder {
  min-width: 250px
}

.docs-spellcheckslidingdialog-loading-spinner,
.docs-spellcheckslidingdialog-loading-text {
  display: inline-block;
  position: relative;
  transition: left .3s ease-out;
  transition: width .3s ease-out;
  vertical-align: middle
}

.docs-gm #docs-spellcheckslidingdialog-id .docs-slidingdialog {
  padding: 16px
}

.docs-gm #docs-spellcheckslidingdialog-id td {
  padding: 0;
  vertical-align: top
}

.docs-gm .docs-spellcheckslidingdialog-title-text {
  font-size: 14px;
  height: 24px;
  margin: 0 0 16px 0;
  line-height: 24px;
  vertical-align: middle
}

.docs-gm #docs-spellcheckslidingdialog-button-change,
.docs-gm #docs-spellcheckslidingdialog-button-change-menu {
  background: #188038;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  color: #fff;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px
}

.docs-gm #docs-spellcheckslidingdialog-button-change-menu.goog-flat-menu-button-hover,
.docs-gm #docs-spellcheckslidingdialog-button-change.jfk-button-hover {
  background: #2a8947;
  box-shadow: 0 1px 3px 1px rgba(52, 168, 83, .15)
}

.docs-gm #docs-spellcheckslidingdialog-button-change-menu.goog-flat-menu-button-focused,
.docs-gm #docs-spellcheckslidingdialog-button-change.jfk-button-focused {
  background: #4f9e67;
  box-shadow: 0 1px 3px 1px rgba(52, 168, 83, .15)
}

.docs-gm #docs-spellcheckslidingdialog-button-change-menu.goog-flat-menu-button-focused.goog-flat-menu-button-hover,
.docs-gm #docs-spellcheckslidingdialog-button-change.jfk-button-focused.jfk-button-hover {
  background: #62a877;
  box-shadow: 0 1px 3px 1px rgba(52, 168, 83, .15)
}

.docs-gm #docs-spellcheckslidingdialog-button-change-menu.goog-flat-menu-button-active,
.docs-gm #docs-spellcheckslidingdialog-button-change.jfk-button-active {
  background: #62a877;
  box-shadow: 0 2px 6px 2px rgba(52, 168, 83, .15)
}

.docs-gm #docs-spellcheckslidingdialog-button-change-menu.goog-flat-menu-button-disabled,
.docs-gm #docs-spellcheckslidingdialog-button-change.jfk-button-disabled {
  background: #f1f3f4;
  color: #3c4043;
  opacity: .38
}

.docs-gm #docs-spellcheckslidingdialog-button-dictionary,
.docs-gm #docs-spellcheckslidingdialog-button-dictionary-menu,
.docs-gm #docs-spellcheckslidingdialog-button-ignore,
.docs-gm #docs-spellcheckslidingdialog-button-ignore-menu {
  background: #fff;
  background-image: none;
  border: 1px solid #dadce0;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  color: #137333;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  margin-bottom: 0;
  margin-top: 8px
}

.docs-gm #docs-spellcheckslidingdialog-button-dictionary-menu.goog-flat-menu-button-hover,
.docs-gm #docs-spellcheckslidingdialog-button-dictionary.jfk-button-hover,
.docs-gm #docs-spellcheckslidingdialog-button-ignore-menu.goog-flat-menu-button-hover,
.docs-gm #docs-spellcheckslidingdialog-button-ignore.jfk-button-hover {
  background: #f8fcf9;
  border: 1px solid #c8e7d1
}

.docs-gm #docs-spellcheckslidingdialog-button-dictionary-menu.goog-flat-menu-button-focused,
.docs-gm #docs-spellcheckslidingdialog-button-dictionary.jfk-button-focused,
.docs-gm #docs-spellcheckslidingdialog-button-ignore-menu.goog-flat-menu-button-focused,
.docs-gm #docs-spellcheckslidingdialog-button-ignore.jfk-button-focused {
  background: #e7f5eb;
  border: 1px solid #bbe2c6
}

.docs-gm #docs-spellcheckslidingdialog-button-dictionary-menu.goog-flat-menu-button-focused.goog-flat-menu-button-hover,
.docs-gm #docs-spellcheckslidingdialog-button-dictionary.jfk-button-focused.jfk-button-hover,
.docs-gm #docs-spellcheckslidingdialog-button-ignore-menu.goog-flat-menu-button-focused.goog-flat-menu-button-hover,
.docs-gm #docs-spellcheckslidingdialog-button-ignore.jfk-button-focused.jfk-button-hover {
  background: #dff2e4;
  border: 1px solid #b5e0c1
}

.docs-gm #docs-spellcheckslidingdialog-button-dictionary-menu.goog-flat-menu-button-active,
.docs-gm #docs-spellcheckslidingdialog-button-dictionary.jfk-button-active,
.docs-gm #docs-spellcheckslidingdialog-button-ignore-menu.goog-flat-menu-button-active,
.docs-gm #docs-spellcheckslidingdialog-button-ignore.jfk-button-active {
  background: #dff2e4;
  border: 1px solid transparent;
  box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15)
}

.docs-gm #docs-spellcheckslidingdialog-button-dictionary-menu.goog-flat-menu-button-disabled,
.docs-gm #docs-spellcheckslidingdialog-button-dictionary.jfk-button-disabled,
.docs-gm #docs-spellcheckslidingdialog-button-ignore-menu.goog-flat-menu-button-disabled,
.docs-gm #docs-spellcheckslidingdialog-button-ignore.jfk-button-disabled {
  background: #fff;
  border: 1px solid #f1f3f4;
  color: #3c4043;
  opacity: .38
}

.docs-gm #docs-spellcheckslidingdialog-button-change,
.docs-gm #docs-spellcheckslidingdialog-button-dictionary,
.docs-gm #docs-spellcheckslidingdialog-button-ignore {
  border-radius: 4px 0 0 4px;
  margin-left: 16px;
  padding: 9px 8px 11px 8px;
  width: 156px
}

.docs-gm #docs-spellcheckslidingdialog-button-change,
.docs-gm #docs-spellcheckslidingdialog-button-change.jfk-button-active,
.docs-gm #docs-spellcheckslidingdialog-button-change.jfk-button-disabled,
.docs-gm #docs-spellcheckslidingdialog-button-change.jfk-button-focused,
.docs-gm #docs-spellcheckslidingdialog-button-change.jfk-button-hover,
.docs-gm #docs-spellcheckslidingdialog-button-change.jfk-button-hover.jfk-button-focused {
  border-right: 1px solid #ceead6
}

.docs-gm #docs-spellcheckslidingdialog-button-change-menu,
.docs-gm #docs-spellcheckslidingdialog-button-change-menu.goog-flat-menu-button-active,
.docs-gm #docs-spellcheckslidingdialog-button-change-menu.goog-flat-menu-button-disabled,
.docs-gm #docs-spellcheckslidingdialog-button-change-menu.goog-flat-menu-button-focused,
.docs-gm #docs-spellcheckslidingdialog-button-change-menu.goog-flat-menu-button-hover,
.docs-gm #docs-spellcheckslidingdialog-button-change-menu.goog-flat-menu-button-hover.goog-flat-menu-button-focused {
  border-left: 1px solid #ceead6
}

.docs-gm #docs-spellcheckslidingdialog-button-change-menu,
.docs-gm #docs-spellcheckslidingdialog-button-dictionary-menu,
.docs-gm #docs-spellcheckslidingdialog-button-ignore-menu {
  border-radius: 0 4px 4px 0;
  padding: 8px;
  width: 41px
}

.docs-gm #docs-spellcheckslidingdialog-button-change-menu .goog-flat-menu-button-dropdown,
.docs-gm #docs-spellcheckslidingdialog-button-dictionary-menu .goog-flat-menu-button-dropdown,
.docs-gm #docs-spellcheckslidingdialog-button-ignore-menu .goog-flat-menu-button-dropdown {
  right: 15px;
  top: 15px
}

.docs-gm #docs-spellcheckslidingdialog-replacement-input {
  border: 1px solid #dadce0;
  border-radius: 4px;
  box-sizing: border-box;
  color: #3c4043;
  padding: 1px 8px;
  font-size: 14px;
  height: 36px;
  margin: 8px 0;
  margin: 0
}

.docs-gm #docs-spellcheckslidingdialog-replacement-input:focus {
  border: 2px solid #1a73e8;
  box-shadow: none;
  padding: 0 7px
}

.docs-gm .docs-spellcheckslidingdialog-replacement-input-container {
  background: transparent;
  border: none;
  padding: 0;
  width: 156px
}

.docs-gm .docs-spellcheckslidingdialog-replacement-input-container-focus {
  border: none;
  box-shadow: none;
  outline: none
}

.docs-gm #docs-spellcheckslidingdialog-suggestion-list {
  box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15);
  height: auto;
  margin: 0;
  width: 156px
}

.docs-gm #docs-spellcheckslidingdialog-id .docs-slidingdialog-close-container {
  height: 24px;
  right: 16px;
  top: 16px;
  width: 24px
}

.docs-gm #docs-spellcheckslidingdialog-id .docs-slidingdialog-button-close {
  opacity: .54
}

.docs-gm #docs-spellcheckslidingdialog-id .docs-slidingdialog-button-close.goog-flat-button-active,
.docs-gm #docs-spellcheckslidingdialog-id .docs-slidingdialog-button-close.goog-flat-button-focused,
.docs-gm #docs-spellcheckslidingdialog-id .docs-slidingdialog-button-close.goog-flat-button-hover {
  opacity: .87
}

.docs-gm #docs-spellcheckslidingdialog-id .docs-slidingdialog-button-close.goog-flat-button-focused {
  outline: none
}

.docs-gm #docs-spellcheckslidingdialog-no-misspellings-footer .jfk-button {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #188038;
  color: #fff
}

.docs-gm #docs-spellcheckslidingdialog-no-misspellings-footer .jfk-button:last-child {
  margin-right: 0
}

.docs-gm #docs-spellcheckslidingdialog-no-misspellings-footer .jfk-button.jfk-button-hover {
  background: #188038;
  color: #fff;
  background: #2a8947;
  box-shadow: 0 1px 3px 1px rgba(52, 168, 83, .15)
}

.docs-gm #docs-spellcheckslidingdialog-no-misspellings-footer .jfk-button.jfk-button-focused {
  background: #188038;
  color: #fff;
  background: #4f9e67;
  box-shadow: 0 1px 3px 1px rgba(52, 168, 83, .15)
}

.docs-gm #docs-spellcheckslidingdialog-no-misspellings-footer .jfk-button.jfk-button-focused.jfk-button-hover {
  background: #188038;
  color: #fff;
  background: #62a877;
  box-shadow: 0 1px 3px 1px rgba(52, 168, 83, .15)
}

.docs-gm #docs-spellcheckslidingdialog-no-misspellings-footer .jfk-button.jfk-button-active,
.docs-gm #docs-spellcheckslidingdialog-no-misspellings-footer .jfk-button.jfk-button-active.jfk-button-focused.jfk-button-hover {
  background: #188038;
  color: #fff;
  background: #62a877;
  box-shadow: 0 2px 6px 2px rgba(52, 168, 83, .15)
}

.docs-userdictionary-butterbar-item {
  font-weight: 400
}

.docs-templatestoast.docs-ui-toast {
  z-index: 1003
}

.docs-alt-text-tile-explanation-text {
  font: 14px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  line-height: 18px;
  overflow-wrap: break-word;
  word-wrap: break-word
}

.docs-alt-text-tile-description-container {
  margin-top: 10px
}

.docs-alt-text-tile-description-label {
  font-weight: 500;
  padding: 8px 0
}

.docs-alt-text-tile-description-text-field {
  border-radius: 4px;
  border: 1px solid #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  height: 60px;
  width: 100%;
  box-sizing: border-box;
  padding-top: 6px;
  padding-left: 8px;
  resize: vertical
}

.docs-alt-text-tile-advanced-options-title {
  color: #1a73e8;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-transform: none;
  color: #1967d2;
  font-weight: 500;
  letter-spacing: .25px;
  line-height: 22.5px;
  height: 23px;
  cursor: pointer;
  width: -moz-fit-content;
  width: fit-content
}

.docs-alt-text-tile-advanced-options-container {
  border-radius: 8px;
  margin-top: 10px;
  padding: 10px 14px 14px 10px;
  position: relative;
  left: -10px;
  box-sizing: border-box;
  width: calc(100% + 10px)
}

.docs-alt-text-tile-advanced-options-container-expanded {
  background-color: #f1f3f4
}

.docs-alt-text-tile-title-input {
  border: 1px solid #dadce0;
  border-radius: 4px;
  box-sizing: border-box;
  color: #3c4043;
  padding: 1px 8px;
  font-size: 14px;
  height: 36px;
  margin: 8px 0;
  margin-top: 10px;
  border-color: #3c4043;
  width: 100%;
  height: 26px
}

.docs-alt-text-tile-checkbox .docs-material-gm-labeled-checkbox-label {
  font: 12px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  line-height: 16px;
  overflow-wrap: break-word;
  word-wrap: break-word
}

.docs-calloutbubble-anchor {
  position: absolute
}

.docs-calloutbubble-bubble.jfk-bubble {
  padding: 0;
  z-index: 99 !important
}

@media print {
  .docs-calloutbubble-anchor {
    display: none !important
  }
}

.docs-dismissible-bar {
  margin-top: 0;
  position: absolute;
  width: 500px
}

.docs-dismissible-bar .docs-dismissible-bar-content {
  background: rgba(0, 0, 0, .8);
  border-radius: 3px;
  color: #fff;
  left: -50%;
  overflow: hidden;
  position: relative;
  z-index: 1001
}

.docs-dismissible-bar .docs-dismissible-bar-header {
  border-bottom: 1px solid #000;
  float: left;
  width: 100%
}

.docs-dismissible-bar .docs-dismissible-bar-title {
  float: left;
  font-size: 15px;
  font-weight: 500;
  margin: 16px 15px
}

.docs-dismissible-bar .docs-dismissible-bar-description {
  border-top: 1px solid #444;
  box-sizing: border-box;
  color: #bbb;
  float: left;
  padding: 10px 15px 15px;
  text-align: left;
  width: 100%
}

.docs-dismissible-bar .docs-dismissible-bar-dismiss-button {
  float: right;
  margin: 10px 10px 10px 0
}

.docs-dismissible-bar .docs-dismissible-bar-black-button {
  background-color: #454545;
  background-repeat: repeat-x;
  border: 1px solid #111;
  border-radius: 3px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05), inset 0 1px 0 0 hsla(0, 0%, 100%, .2);
  color: #ddd;
  cursor: pointer;
  background-color: #4b4b4b;
  background-image: linear-gradient(top, #4b4b4b, #3b3b3b);
  text-shadow: 0 1px 0 rgba(0, 0, 0, .8)
}

.docs-dismissible-bar .docs-dismissible-bar-black-button.jfk-button-hover {
  background: hsla(0, 0%, 100%, .1);
  border: 1px solid #141414;
  box-shadow: inset 0 0 0 transparent;
  color: #fff
}

.docs-dismissible-bar .docs-dismissible-bar-black-button.jfk-button-active,
.docs-dismissible-bar .docs-dismissible-bar-black-button.jfk-button-focused {
  border-color: #fff
}

.docs-indeterminate-loading-bar {
  background: #c6dafc;
  height: 100%;
  position: relative;
  width: 100%
}

.docs-indeterminate-loading-bar>div {
  animation: docs-indeterminate-loading-animation 2s linear infinite;
  background: #4285f4;
  height: 100%;
  position: absolute;
  transition: width .2s cubic-bezier(.4, 0, .2, 1)
}

@keyframes docs-indeterminate-loading-animation {
  0% {
    left: 0;
    width: 0
  }

  50% {
    left: 25%;
    width: 75%
  }

  75% {
    left: 100%;
    width: 0
  }
}

.docs-loading-indicator {
  height: 48px;
  left: 50%;
  margin: -24px 0 0 -24px;
  position: absolute;
  top: 50%;
  width: 48px
}

.docs-loading-indicator-small {
  height: 20px;
  left: 50%;
  margin: -10px 0 0 -10px;
  position: absolute;
  top: 50%;
  width: 20px
}

.docs-sidebar-tile {
  border-bottom: 1px solid #d9d9d9;
  color: #3c4043;
  position: relative
}

.docs-gm .docs-sidebar-tile {
  border: none;
  overflow: hidden
}

.docs-gm .docs-sidebar-tile.docs-sidebar-tile-expanded {
  box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15)
}

.docs-gm .goog-zippy-expanded.docs-sidebar-tile-header:focus,
.docs-sidebar-tile-header-cursor:focus:not(.docs-sidebar-tile-header-no-focus),
.docs-sidebar-tile-header-cursor:hover {
  background-color: #e8eaed
}

.docs-sidebar-tile-header-cursor:active {
  background-color: #efefef
}

.docs-sidebar-tile-header {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 500;
  padding: 20px
}

.docs-gm .docs-sidebar-tile-header {
  font-size: 14px;
  padding: 16px;
  display: flex;
  align-items: center;
  color: #202124
}

.docs-gm .docs-sidebar-tile-header:focus {
  padding: 15px;
  border: 1px solid transparent
}

.docs-sidebar-tile-header:focus {
  outline: none
}

.docs-sidebar-tile-header-cursor:hover {
  cursor: pointer
}

.docs-sidebar-tile-header-checkbox {
  position: absolute;
  right: 25px;
  top: 20px
}

.docs-sidebar-tile-header-checkbox.docs-material-gm-checkbox {
  top: 19px;
  margin: 0
}

.docs-sidebar-tile-header-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.docs-gm .docs-sidebar-tile-header-checkbox {
  position: relative;
  margin-left: auto;
  right: auto;
  top: auto
}

.docs-gm .docs-sidebar-tile-header-checkbox.docs-material-gm-checkbox {
  top: 0
}

.docs-sidebar-tile-arrow-collapsed,
.docs-sidebar-tile-arrow-expanded {
  display: inline-block;
  width: 17px
}

.docs-gm .docs-sidebar-tile-arrow-collapsed,
.docs-gm .docs-sidebar-tile-arrow-expanded {
  width: auto;
  margin-right: 12px
}

.docs-gm .docs-sidebar-tile-arrow-collapsed .docs-icon,
.docs-gm .docs-sidebar-tile-arrow-expanded .docs-icon {
  height: 24px;
  width: 24px
}

.goog-zippy-collapsed .docs-sidebar-tile-arrow-expanded,
.goog-zippy-expanded .docs-sidebar-tile-arrow-collapsed {
  display: none
}

.docs-gm .goog-zippy-expanded.docs-sidebar-tile-header {
  background-color: #fff
}

.docs-gm .docs-sidebar-tile-arrow-collapsed {
  transform: rotate(270deg)
}

.docs-gm .docs-sidebar-tile-arrow-collapsed.docs-sidebar-tile-arrow-collapsed-rtl {
  transform: rotate(90deg)
}

.docs-sidebar-tile-header.docs-sidebar-tile-header-disabled {
  background-color: transparent;
  color: #b8b8b8;
  cursor: default
}

.docs-gm .docs-sidebar-tile-header-disabled .docs-icon-img {
  opacity: .38
}

.docs-sidebar-tile-section-title {
  font-weight: 500;
  padding: 8px 0
}

.docs-sidebar-tile-section-disabled .docs-sidebar-tile-section-title {
  color: #b8b8b8
}

.docs-sidebar-tile-input-controls {
  padding-bottom: 8px
}

.docs-sidebar-tile-input-controls .docs-material-select {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}

.docs-sidebar-tile-label {
  padding-top: 11px
}

.docs-sidebar-tile-label {
  color: #616161;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 11px
}

.docs-sidebar-tile-label-top {
  padding-top: 5px
}

.docs-sidebar-tile-controls-disabled .docs-sidebar-tile-label {
  color: #b8b8b8
}

.docs-sidebar-tile-controls {
  padding: 4px 16px 20px 16px
}

.docs-gm .docs-sidebar-tile-controls {
  background-color: #fff
}

.docs-gm .docs-sidebar-tile-border-radius-bottom {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px
}

.docs-gm .docs-sidebar-tile-border-radius-top {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px
}

.docs-sidebar-tile-three-columns {
  width: 33%
}

.docs-sidebar-tile-two-columns {
  width: 50%
}

.docs-sidebar-tile-input-control {
  display: inline-block;
  vertical-align: top
}

.goog-flat-menu-button-disabled {
  opacity: .3
}

.docs-sidebar-tile-input-label {
  color: #616161;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 11px;
  padding: 5px 0;
  text-align: left
}

.docs-sidebar-tile .jfk-radiobutton {
  width: 240px
}

.docs-sidebar-tile .jfk-radiobutton-radio {
  border: 2px solid #5f6368;
  height: 16px;
  left: 2px;
  width: 16px
}

.docs-sidebar-tile .jfk-radiobutton-checked.jfk-radiobutton-disabled .jfk-radiobutton-radio,
.docs-sidebar-tile .jfk-radiobutton-checked.jfk-radiobutton-disabled:hover .jfk-radiobutton-radio,
.docs-sidebar-tile .jfk-radiobutton-disabled .jfk-radiobutton-radio,
.docs-sidebar-tile .jfk-radiobutton-disabled:hover .jfk-radiobutton-radio,
.docs-sidebar-tile .jfk-radiobutton:hover .jfk-radiobutton-radio {
  border: 2px solid #5f6368
}

.docs-sidebar-tile .jfk-radiobutton-checked:not(.jfk-radiobutton-disabled):not(.jfk-radiobutton-focused) .jfk-radiobutton-radio,
.docs-sidebar-tile .jfk-radiobutton-checked:not(.jfk-radiobutton-disabled):not(.jfk-radiobutton-focused):hover .jfk-radiobutton-radio {
  border: 2px solid #4285f4
}

.docs-sidebar-tile .jfk-radiobutton-disabled {
  opacity: .38
}

.docs-sidebar-tile .jfk-radiobutton-checked .jfk-radiobutton-radio:after {
  background: #4285f4;
  border: 4px solid #4285f4;
  box-sizing: border-box;
  height: 8px;
  left: 2px;
  top: 2px;
  width: 8px
}

.docs-sidebar-tile .jfk-radiobutton-checked .jfk-radiobutton-radio {
  border: 2px solid #4285f4
}

.docs-sidebar-tile .jfk-radiobutton-checked.jfk-radiobutton-focused .jfk-radiobutton-radio {
  border: 2px solid #2a56c6
}

.docs-sidebar-tile .jfk-radiobutton-checked.jfk-radiobutton-focused .jfk-radiobutton-radio:after {
  background-color: #2a56c6;
  border: 4px solid #2a56c6
}

.docs-sidebar-tile .jfk-radiobutton-checked.jfk-radiobutton-disabled .jfk-radiobutton-radio:after {
  background-color: #5f6368;
  border: 4px solid #5f6368
}

.docs-sidebar-tile .jfk-radiobutton:not(.jfk-radiobutton-disabled) .jfk-radiobutton-label,
.docs-sidebar-tile .jfk-radiobutton:not(.jfk-radiobutton-disabled) .jfk-radiobutton-radio {
  cursor: pointer
}

.docs-sidebar-tile .jfk-radiobutton-label {
  color: #3c4043;
  font-size: 13px;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  line-height: 18px;
  margin-left: 23px
}

.docs-sidebar-tile .jfk-radiobutton-disabled .jfk-radiobutton-label {
  color: #5f6368
}

.docs-sidebar-tile .jfk-radiobutton-label label {
  margin-left: 0
}

.docs-sidebar-toggle-tabs {
  background-color: #fff;
  border-bottom: 0;
  display: flex;
  justify-content: space-around;
  height: inherit;
  margin-top: 0;
  width: 100%
}

.docs-sidebar-toggle-tabs .jfk-button.docs-sidebar-toggle-tab>div {
  display: inline-block;
  position: relative
}

.docs-sidebar-toggle-tabs .jfk-button.docs-sidebar-toggle-tab-active {
  color: #137333;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .3px;
  text-transform: none;
  height: -moz-fit-content;
  height: fit-content;
  margin: 8px 0 0 0;
  padding: 0 8px;
  line-height: 32px;
  text-align: center;
  cursor: pointer;
  border: none;
  border-radius: 4px 4px 0 0
}

.docs-sidebar-toggle-tabs .jfk-button.docs-sidebar-toggle-tab-inactive {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .3px;
  text-transform: none;
  height: -moz-fit-content;
  height: fit-content;
  margin: 8px 0 0 0;
  padding: 0 8px;
  line-height: 32px;
  text-align: center;
  cursor: pointer;
  border: none;
  border-radius: 4px 4px 0 0
}

.docs-sidebar-toggle-tabs .jfk-button.docs-sidebar-toggle-tab-inactive:hover {
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .3px;
  text-transform: none;
  height: -moz-fit-content;
  height: fit-content;
  margin: 8px 0 0 0;
  padding: 0 8px;
  line-height: 32px;
  text-align: center;
  cursor: pointer;
  border: none;
  border-radius: 4px 4px 0 0
}

.docs-sidebar-toggle-tabs .jfk-button.docs-sidebar-toggle-tab-active:active,
.docs-sidebar-toggle-tabs .jfk-button.docs-sidebar-toggle-tab-active:focus-visible {
  background: #dff2e4
}

.docs-sidebar-toggle-tabs .jfk-button.docs-sidebar-toggle-tab-inactive:active,
.docs-sidebar-toggle-tabs .jfk-button.docs-sidebar-toggle-tab-inactive:focus-visible {
  background: #e8eaed
}

.docs-sidebar-toggle-tabs .jfk-button.docs-sidebar-toggle-tab-active>div:after {
  border-top: 3px solid #188038;
  border-radius: 3px 3px 0 0;
  bottom: 0;
  content: "";
  display: block;
  height: 0;
  left: -8px;
  position: absolute;
  width: calc(100% + 16px)
}

.docs-sidebar-toggle-tabs .jfk-button-active.jfk-button-focused.docs-sidebar-toggle-tab-inactive>div:after {
  border-top: none
}

.docs-sidebar-toggle-tab-left-title,
.docs-sidebar-toggle-tab-right-title {
  white-space: break-spaces
}

.docs-spinner {
  height: 44px;
  overflow: hidden;
  position: relative
}

.docs-quantum-spinner {
  height: 28px;
  left: 50%;
  margin-left: -14px;
  position: absolute;
  top: 0;
  width: 28px
}

.docs-loading-indicator-small .docs-quantum-spinner {
  height: 20px;
  margin-left: -10px;
  top: 0;
  width: 20px
}

.docs-white-circle {
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .4);
  -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .4);
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .4);
  height: 44px;
  left: 50%;
  margin-left: -22px;
  position: absolute;
  width: 44px
}

.docs-quantum-spinner.active {
  animation: container-rotate 1568ms linear infinite
}

.docs-working-bar {
  color: #222;
  display: none;
  font: 13px/1.4 arial, sans-serif;
  margin-top: 0;
  min-width: 124px;
  position: absolute;
  z-index: 1001;
  transition: 218ms ease-in
}

.docs-working-bar-slideup {
  transform: translateY(-60px)
}

.docs-working-bar-display {
  display: block
}

.docs-working-bar .message {
  background: rgba(0, 0, 0, .8);
  border-radius: 3px;
  color: #fff;
  left: -50%;
  padding: 16px;
  position: relative
}

.docs-working-bar .message * {
  vertical-align: middle
}

.docs-working-bar .message .icon {
  margin-right: 16px
}

.docs-working-bar .spinner {
  display: inline-block
}

.docs-working-bar .label {
  font-weight: 400
}

@keyframes script-working-bar-spin {
  0% {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg)
  }

  to {
    transform: rotate(1turn);
    -ms-transform: rotate(1turn)
  }
}

.docs-working-bar .spinner .icon {
  animation: script-working-bar-spin 1.5s linear infinite;
  -webkit-animation: script-working-bar-spin 1.5s linear infinite
}

.docs-material-colorpalette {
  outline: none;
  width: -moz-fit-content;
  width: fit-content
}

.docs-material-colorpalette-cell {
  border-radius: 50%
}

.docs-material-colorpalette-colorswatch,
.docs-material-colorpalette-colorswatch-translucent-wrapper {
  border-radius: 50%;
  box-sizing: border-box;
  cursor: pointer;
  height: 20px;
  margin: 1px 1px 0 0;
  width: 20px;
  position: relative;
  forced-color-adjust: none
}

.docs-material-colorpalette-table {
  border-spacing: 1px;
  padding: 1px 0
}

.docs-material-colorpalette-cell.docs-material-colorpalette-cell-hover .docs-material-colorpalette-colorswatch,
.docs-material-colorpalette-cell.docs-material-colorpalette-cell-hover .docs-material-colorpalette-colorswatch-translucent-wrapper.docs-material-colorpalette-colorswatch-overlay {
  box-shadow: 0 0 3px 1px #bdc1c6
}

.docs-material-colorpalette-colorswatch-translucent-wrapper.docs-material-colorpalette-colorswatch-border .docs-material-colorpalette-colorswatch-overlay,
.docs-material-colorpalette-colorswatch.docs-material-colorpalette-colorswatch-border {
  border: 1px solid #dadce0
}

.docs-customcolorpalette-add-custom-color-button:hover {
  background-color: #e8eaed;
  border-radius: 4px;
  cursor: pointer
}

.docs-customcolorpalette-eyedropper-button:hover {
  background-color: #e8eaed;
  border-radius: 4px;
  cursor: pointer
}

.docs-material-colorpalette-cell.docs-material-colorpalette-cell-selected .docs-material-colorpalette-colorswatch {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0iIzAwMDAwMCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSwgMCwgMCwgMSkiPjxwYXRoIGQ9Ik0wIDBoNDh2NDhIMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNMTggMzIuMzRMOS42NiAyNGwtMi44MyAyLjgzTDE4IDM4bDI0LTI0LTIuODMtMi44M3oiLz48L2c+PC9zdmc+);
  background-position: 50%;
  background-repeat: no-repeat
}

.docs-material-colorpalette-cell.docs-material-colorpalette-cell-selected .docs-material-colorpalette-colorswatch.docs-material-colorpalette-colorswatch-dark {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0iI0ZGRkZGRiI+PHBhdGggZD0iTTAgMGg0OHY0OEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik0xOCAzMi4zNEw5LjY2IDI0bC0yLjgzIDIuODNMMTggMzhsMjQtMjQtMi44My0yLjgzeiIvPjwvc3ZnPg==);
  background-position: 50%;
  background-repeat: no-repeat
}

@media screen and (forced-colors:active) {

  .docs-material-colorpalette-colorswatch,
  .docs-material-colorpalette-colorswatch-overlay {
    border: 1px solid #dadce0
  }
}

.docs-material-colorpalette-colorswatch-translucent-wrapper .docs-material-colorpalette-colorswatch-color {
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  height: 100%;
  position: absolute;
  width: 50%
}

.docs-material-colorpalette-colorswatch-translucent-wrapper .docs-material-colorpalette-colorswatch-checkerboard {
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  height: 100%;
  margin-left: 10px;
  position: absolute;
  width: 50%
}

.docs-material-colorpalette-colorswatch-translucent-wrapper .docs-material-colorpalette-colorswatch-overlay {
  border-radius: 50%;
  box-sizing: border-box;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 1
}

.docs-material-colorpalette-cell.docs-material-colorpalette-cell-selected .docs-material-colorpalette-colorswatch-translucent-wrapper .docs-material-colorpalette-colorswatch-overlay {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4gIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMSkiPiAgICA8cGF0aCBzdHJva2U9IiNGRkYiIGZpbGw9IiMzQzQwNDMiIGQ9Ik02IDEwLjA3Mjg5MzJsNy4wNTY2NjY3LTcuMDU2NjY2NjUgMS42NTA0NDAxIDEuNjUwNDQwMTJMNiAxMy4zNzM3NzM0IDEuNTY5NTU5ODkgOC45NDMzMzMzMyAzLjIyIDcuMjkyODkzMjIgNiAxMC4wNzI4OTMyeiIvPiAgPC9nPjwvc3ZnPg==);
  background-position: 50%;
  background-repeat: no-repeat
}

.docs-material-color-picker-dragger {
  border: 2px solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 3px 1px #bdc1c6;
  cursor: pointer;
  position: absolute;
  z-index: 3
}

.docs-material-color-picker-saturation-value:focus-visible>.docs-material-color-picker-dragger,
.goog-slider-horizontal:focus-visible .docs-material-color-picker-dragger {
  border: 2px solid #185abc;
  outline: 2px solid #e8f0fe
}

.docs-color-picker {
  color: #3c4043;
  outline: none;
  width: 100%
}

.docs-color-picker-outer-box {
  border: 1px solid #dadce0;
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  padding: 8px 6px 8px 8px;
  width: 100%
}

.docs-color-picker .docs-color-picker-outer-box {
  width: auto
}

.docs-color-picker-hover .docs-color-picker-outer-box {
  background-color: rgba(60, 64, 67, .04);
  border: 1px solid #dadce0
}

.docs-color-picker-open .docs-color-picker-outer-box {
  background-color: rgba(60, 64, 67, .04);
  border: 1px solid transparent
}

.docs-material-gm-select-open.docs-material-gm-select-hover .docs-color-picker-outer-box {
  background-color: rgba(60, 64, 67, .06)
}

.docs-material-gm-select-open.docs-material-gm-select-focused .docs-color-picker-outer-box {
  background-color: rgba(60, 64, 67, .08)
}

.docs-color-picker-disabled {
  color: #5f6368;
  opacity: .38;
  cursor: default
}

.docs-color-picker-disabled .docs-color-picker-outer-box {
  border: 1px solid #dadce0;
  box-shadow: none;
  cursor: default
}

.docs-color-picker-inner-box {
  align-items: center;
  display: flex;
  justify-content: space-between;
  position: relative;
  width: 100%
}

.docs-color-picker-caption {
  box-sizing: border-box;
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 22px;
  width: 22px;
  border-radius: 50%;
  border: 1px solid #dadce0;
  margin: 0;
  outline: none
}

.docs-color-picker-dropdown {
  align-items: center;
  display: flex;
  height: 24px;
  justify-content: center;
  width: 24px
}

.docs-color-picker-dropdown-icon {
  background: no-repeat url(https://ssl.gstatic.com/docs/common/material_common_sprite839_gm3_grey_medium.svg) -656px -996px;
  height: 18px;
  width: 18px
}

.docs-color-picker-open .docs-color-picker-dropdown-icon {
  transform: rotate(180deg)
}

.docs-material-color-swatch-wrapper {
  border-radius: 50%;
  display: inline-block;
  position: relative;
  vertical-align: middle
}

.docs-material-color-swatch-color {
  box-shadow: 0 0 0 1px transparent
}

.docs-material-color-swatch-element {
  border-radius: 50%;
  height: 100%;
  position: absolute;
  width: 100%
}

.docs-material-color-swatch-wrapper-hover {
  box-shadow: 0 0 0 1px #c8e7d1
}

.docs-material-color-swatch-wrapper-focused {
  box-shadow: 0 0 0 1px #bbe2c6;
  outline: none
}

.docs-material-color-swatch-border {
  box-shadow: 0 0 0 1px #e8eaed
}

.docs-material-color-swatch-checkbox-background {
  background-image: url(https://ssl.gstatic.com/docs/common/checkboard.png);
  background-size: 10px
}

@media screen and (forced-colors:active) {
  .docs-material-color-swatch-color {
    border: 1px solid #dadce0
  }
}

.docs-gm-labeled-color-picker {
  color: #3c4043;
  outline: none;
  width: 100%
}

.docs-gm-labeled-color-picker-outer-box {
  border: 1px solid #dadce0;
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  padding: 8px 6px 8px 8px;
  width: 100%
}

.docs-gm-labeled-color-picker-focused .docs-gm-labeled-color-picker-outer-box {
  background-color: rgba(60, 64, 67, .06);
  border: 1px solid #dadce0
}

.docs-gm-labeled-color-picker .docs-gm-labeled-color-picker-outer-box {
  width: auto
}

.docs-gm-labeled-color-picker-hover .docs-gm-labeled-color-picker-outer-box {
  background-color: rgba(60, 64, 67, .04);
  border: 1px solid #dadce0
}

.docs-gm-labeled-color-picker-open .docs-gm-labeled-color-picker-outer-box {
  background-color: rgba(60, 64, 67, .04);
  border: 1px solid transparent
}

.docs-material-gm-select-open.docs-material-gm-select-hover .docs-gm-labeled-color-picker-outer-box {
  background-color: rgba(60, 64, 67, .06)
}

.docs-material-gm-select-open.docs-material-gm-select-focused .docs-gm-labeled-color-picker-outer-box {
  background-color: rgba(60, 64, 67, .08)
}

.docs-gm-labeled-color-picker-disabled {
  color: #5f6368;
  opacity: .38;
  cursor: default
}

.docs-gm-labeled-color-picker-disabled .docs-gm-labeled-color-picker-outer-box {
  border: 1px solid #dadce0;
  box-shadow: none;
  cursor: default
}

.docs-gm-labeled-color-picker-inner-box {
  align-items: center;
  display: flex;
  justify-content: space-between;
  position: relative;
  width: 100%
}

.docs-gm-labeled-color-picker-caption {
  box-sizing: border-box;
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 22px;
  width: 22px;
  border-radius: 50%;
  border: 1px solid #dadce0;
  margin: 0;
  outline: none
}

.docs-gm-labeled-color-picker-dropdown {
  align-items: center;
  display: flex;
  height: 24px;
  justify-content: center;
  width: 24px
}

.docs-gm-labeled-color-picker-dropdown-icon {
  background: no-repeat url(https://ssl.gstatic.com/docs/common/material_common_sprite839_gm3_grey_medium.svg) -656px -996px;
  height: 18px;
  width: 18px
}

.docs-gm-labeled-color-picker-open .docs-gm-labeled-color-picker-dropdown-icon {
  transform: rotate(180deg)
}

.docs-gm-labeled-color-picker-label {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  margin-bottom: 8px;
  display: inline-block
}

.docs-material-hsv-color-picker {
  padding-bottom: 15px
}

.docs-material-hsv-color-picker.docs-material-hsv-color-picker-rgba-enabled {
  padding: 8px 0 0 0
}

.docs-material-hsv-color-picker-information {
  padding: 0 0 15px 0;
  width: 100%
}

.docs-material-hsv-color-picker-rgba-enabled .docs-material-hsv-color-picker-information {
  display: flex;
  padding: 0;
  width: 100%
}

.docs-material-info-element {
  display: inline-block;
  margin-right: 15px
}

.docs-material-hsv-color-picker-title {
  text-transform: uppercase
}

.docs-material-hsv-color-picker-swatch-slider-wrapper {
  align-items: center;
  display: flex;
  margin-top: 16px
}

.docs-material-hsv-color-picker.docs-material-hsv-color-picker-rgba-enabled .docs-material-color-slider {
  padding: 0
}

.docs-material-hsv-color-picker.docs-material-hsv-color-picker-rgba-enabled .goog-slider-horizontal {
  height: 10px
}

.docs-material-hsv-color-picker-sliders-wrapper {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding-left: 20px;
  row-gap: 12px
}

.docs-material-hsv-color-picker-sliders-wrapper.docs-material-hsv-color-picker-sliders-wrapper-increased-gap {
  row-gap: 18px
}

.docs-material-color-input-wrapper {
  display: flex;
  flex-direction: column
}

.docs-material-hsv-color-picker-text {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: 500;
  padding: 10px 0 0 0
}

.docs-material-hsv-color-picker-rgba-enabled .docs-material-hsv-color-picker-text {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: 500;
  padding: 16px 0 0 0
}

.docs-material-hsv-color-picker-input {
  border: 1px solid #dadce0;
  border-radius: 4px;
  box-sizing: border-box;
  color: #3c4043;
  padding: 1px 8px;
  font-size: 14px;
  height: 36px;
  margin: 8px 0;
  width: 90px
}

.docs-material-hsv-color-picker-input:focus {
  border: 2px solid #1a73e8;
  box-shadow: none;
  padding: 0 7px
}

.docs-material-hsv-color-picker-eyedropper {
  margin-left: 20px
}

.docs-material-hsv-color-picker .docs-material-hsv-color-picker-eyedropper .docs-material-button-hairline-primary,
.docs-material-hsv-color-picker .docs-material-hsv-color-picker-eyedropper .docs-material-button-hairline-primary.docs-material-button.docs-material-button-focused {
  padding: 8px;
  display: flex;
  align-items: center;
  margin: 0
}

.docs-material-hsv-color-picker-eyedropper .docs-icon {
  width: 24px;
  height: 24px;
  margin-right: -1px
}

.docs-material-hue-slider-background {
  background: linear-gradient(90deg, red, #ff0, #0f0, #0ff, #00f, #f0f, red)
}

.docs-material-opacity-slider-checkbox-background {
  background-image: url(https://ssl.gstatic.com/docs/common/checkboard.png);
  background-size: 10px
}

.docs-material-rgba-color-input-wrapper {
  margin-left: 8px
}

.docs-material-rgba-alpha-input,
.docs-material-rgba-blue-input,
.docs-material-rgba-green-input,
.docs-material-rgba-red-input {
  width: 42.5px
}

.docs-material-color-picker-saturation-value-background {
  border: 1px solid #fff;
  box-sizing: border-box
}

.docs-material-color-picker-saturation-value {
  height: 150px;
  outline: none;
  position: relative;
  width: 100%
}

.docs-material-color-picker-overlay {
  border-radius: 4px;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.docs-material-color-picker-saturation-overlay {
  background: linear-gradient(90deg, #fff 0, hsla(0, 0%, 100%, 0));
  z-index: 1
}

.docs-material-color-picker-value-overlay {
  background: linear-gradient(180deg, transparent 0, #000);
  z-index: 2
}

.docs-material-color-slider {
  box-sizing: border-box;
  outline: 0;
  padding: 8px 0;
  position: relative
}

.docs-material-color-slider-background {
  border-radius: 4px;
  display: inline-block;
  height: 10px;
  position: absolute;
  width: 100%
}

.docs-material-color-slider-wrapper {
  position: relative;
  width: 100%
}

.docs-material-color-slider-thumb {
  height: 16px;
  pointer-events: inherit;
  top: -5px;
  width: 16px
}

.docs-material-color-slider-track {
  left: 0;
  position: absolute;
  top: 0
}

.docs-material-color-slider-checkbox-background {
  background-image: url(https://ssl.gstatic.com/docs/common/checkboard.png);
  background-size: 10px
}

.goog-slider {
  position: relative;
  outline: 0
}

.goog-slider-horizontal {
  height: 18px
}

.goog-slider-vertical {
  width: 18px
}

.goog-slider-thumb {
  background-color: #f5f5f5;
  background-image: linear-gradient(top, #f5f5f5, #f1f1f1);
  border-radius: 2px;
  transition: background-color .218s, border-color .218s, background-image .218s;
  border: 1px solid #dcdcdc;
  height: 16px;
  position: absolute;
  width: 16px
}

.goog-slider-thumb:hover {
  background-color: #f8f8f8;
  background-image: linear-gradient(top, #f8f8f8, #f1f1f1);
  border-color: #c6c6c6
}

.goog-slider-scale {
  position: absolute
}

.goog-slider-horizontal .goog-slider-scale {
  border-top: 1px solid #ccc;
  top: 8px;
  width: 100%
}

.goog-slider-vertical .goog-slider-scale {
  border-left: 1px solid #ccc;
  height: 100%;
  left: 8px
}

.docs-slider {
  margin-top: 6px;
  position: relative;
  outline: none
}

.docs-slider .goog-slider-thumb {
  cursor: move;
  position: absolute;
  top: 0
}

.docs-slider:focus .goog-slider-thumb {
  border-color: #4d90fe
}

.docs-material-slider .docs-material-slider-tooltip,
.docs-slider .jfk-tooltip.top {
  border-radius: 1px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
  font-size: 10px;
  height: 10px;
  line-height: 10px;
  top: -26px;
  transition-property: opacity, visibility;
  transition-duration: .13s;
  word-break: normal !important;
  white-space: nowrap;
  -moz-transition-property: opacity, visibility;
  -moz-transition-duration: .13s;
  -webkit-transition-property: opacity, visibility;
  -webkit-transition-duration: .13s
}

.docs-gm .docs-material-slider .docs-material-slider-tooltip,
.docs-gm .docs-slider .jfk-tooltip.top {
  display: block
}

.docs-gm .docs-material-slider .docs-material-slider-tooltip {
  top: -40px
}

.docs-material-slider .docs-material-slider-hidden,
.docs-slider .docs-slider-hidden {
  opacity: 0;
  visibility: hidden
}

.docs-slider.goog-slider-disabled .goog-slider-thumb {
  cursor: default;
  border-color: #f1f1f1;
  background: #fff
}

.docs-material-slider {
  box-sizing: border-box;
  padding: 8px;
  position: relative;
  outline: 0
}

.docs-material-slider-horizontal {
  height: 46px;
  min-width: 128px
}

.docs-material-slider-vertical {
  width: 46px;
  min-height: 128px
}

.docs-material-slider-wrapper {
  position: absolute;
  outline: 1px solid transparent
}

.docs-material-slider-horizontal .docs-material-slider-wrapper {
  left: 8px;
  height: 2px;
  right: 8px;
  top: 23px
}

.docs-material-slider-vertical .docs-material-slider-wrapper {
  bottom: 8px;
  left: 23px;
  top: 8px;
  width: 2px
}

.docs-material-slider-thumb {
  pointer-events: inherit;
  position: absolute
}

.docs-material-slider-horizontal .docs-material-slider-thumb {
  top: 50%;
  width: 16px
}

.docs-material-slider-vertical .docs-material-slider-thumb {
  left: 50%;
  height: 16px
}

.docs-material-slider-focus-ring {
  background-color: rgba(66, 133, 244, .38);
  border-radius: 50%;
  left: -15px;
  height: 30px;
  opacity: 0;
  pointer-events: inherit;
  position: absolute;
  top: -15px;
  transform: scale(0);
  transition: transform .4s cubic-bezier(.25, .8, .25, 1), opacity .4s cubic-bezier(.25, .8, .25, 1);
  width: 30px;
  outline: 1px solid transparent
}

.docs-material-slider-rtl .docs-material-slider-focus-ring {
  left: inherit;
  right: -15px
}

.docs-material-slider-thumb-grabber {
  background-color: #4285f4;
  border-color: #4285f4;
  border-radius: 50%;
  border-style: solid;
  box-sizing: border-box;
  cursor: pointer;
  height: 20px;
  position: absolute;
  transform: scale(.7);
  transition: transform .4s cubic-bezier(.25, .8, .25, 1);
  width: 20px
}

.docs-material-slider-horizontal.docs-material-slider-ltr .docs-material-slider-thumb-grabber {
  bottom: -10px;
  left: -10px
}

.docs-material-slider-horizontal.docs-material-slider-rtl .docs-material-slider-thumb-grabber {
  bottom: -10px;
  right: -10px
}

.docs-material-slider-vertical .docs-material-slider-thumb-grabber {
  left: -10px;
  top: -10px
}

.docs-material-slider-track-wrapper {
  left: 0;
  position: absolute;
  top: 0
}

.docs-material-slider-horizontal .docs-material-slider-track-wrapper {
  height: 2px;
  width: 100%
}

.docs-material-slider-vertical .docs-material-slider-track-wrapper {
  height: 100%;
  width: 2px
}

.docs-material-slider-track {
  position: absolute
}

.docs-material-slider-horizontal .docs-material-slider-track {
  height: 2px
}

.docs-material-slider-vertical .docs-material-slider-track {
  width: 2px
}

@media screen and (forced-colors:active) {
  .docs-material-slider.docs-material-slider-horizontal .docs-material-slider-track {
    height: 0;
    outline: 2px solid
  }

  .docs-material-slider.docs-material-slider-vertical .docs-material-slider-track {
    width: 0;
    outline: 2px solid
  }
}

.docs-material-slider-track-on {
  background-color: #4285f4
}

.docs-material-slider-track-off {
  background-color: #bdbdbd
}

.docs-material-slider.goog-slider-disabled .docs-material-slider-thumb-grabber,
.docs-material-slider.goog-slider-disabled .docs-material-slider-track-on {
  background-color: #bdbdbd;
  border-color: #bdbdbd;
  cursor: default
}

.docs-material-slider:not(.docs-material-slider-mouse-focused):not(.goog-slider-disabled):focus .docs-material-slider-focus-ring {
  opacity: 1;
  transform: scale(1)
}

.docs-material-slider.docs-material-slider-mouse-focused:not(.goog-slider-disabled) .docs-material-slider-thumb-grabber {
  transform: scale(1)
}

.docs-material-slider-ltr.docs-material-slider-horizontal .docs-material-slider-track-on {
  left: 0
}

.docs-material-slider-rtl.docs-material-slider-horizontal .docs-material-slider-track-on {
  right: 0
}

.docs-material-slider-vertical .docs-material-slider-track-on {
  bottom: 0
}

.docs-material-slider-horizontal .docs-material-slider-track-off {
  left: 0;
  width: 100%
}

.docs-material-slider-vertical .docs-material-slider-track-off {
  top: 0;
  height: 100%
}

.docs-material-slider-input {
  display: flex;
  gap: 10px
}

.docs-material-slider-input-slider {
  width: 186px
}

.docs-material-slider-input-number-input {
  width: 72px
}

.docs-material-slider-input-number-input .docs-number-input-container {
  padding-right: 0
}

.addon-sidebar {
  display: flex;
  flex-direction: column;
  background: #fff;
  border-left: 1px solid #d9d9d9;
  color: #222;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  outline: none;
  position: absolute;
  right: 0;
  width: 300px
}

.addon-sidebar-header {
  display: flex;
  flex-shrink: 0;
  background: #616161;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  padding: 10px 16px 9px 16px;
  position: relative
}

.addon-sidebar-close {
  cursor: pointer;
  height: 21px;
  position: absolute;
  right: 13px;
  top: 7px;
  width: 21px
}

.addon-sidebar-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 300px;
  overflow-y: overlay
}

.addon-sidebar-introduction {
  border-bottom: 1px solid rgba(0, 0, 0, .12);
  color: rgba(0, 0, 0, .54);
  font-size: 11px;
  font-weight: 500;
  line-height: 15px;
  padding: 10px 16px 10px 16px
}

.addon-sidebar-banner {
  display: inline-grid;
  position: relative
}

.addon-sidebar-banner-image {
  display: block;
  height: auto;
  width: 300px
}

.addon-sidebar-banner-image-overlay {
  background-image: linear-gradient(-180deg, transparent, rgba(0, 0, 0, .01) 30%, rgba(0, 0, 0, .03) 50%, rgba(0, 0, 0, .06) 70%, rgba(0, 0, 0, .09) 90%, rgba(0, 0, 0, .11) 96%, rgba(0, 0, 0, .13));
  bottom: 0;
  position: absolute;
  width: 300px;
  height: 80px
}

.addon-sidebar-spinner {
  position: fixed;
  top: 50%;
  width: 300px
}

.addon-sidebar-empty-caption {
  position: fixed;
  text-align: center;
  top: 50%;
  width: 300px
}

.addon-sidebar-empty-title {
  color: rgba(0, 0, 0, .87);
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  padding-bottom: 8px
}

.addon-sidebar-empty-description {
  color: rgba(0, 0, 0, .5);
  font-size: 13px;
  font-weight: 500;
  line-height: 18px
}

.addon-sidebar-card {
  flex-shrink: 0;
  border-bottom: 1px solid rgba(0, 0, 0, .12);
  outline: none;
  padding: 14px 16px 8px 16px
}

.addon-sidebar-card-header {
  display: flex;
  padding-bottom: 8px
}

.addon-sidebar-card-header-content {
  display: flex;
  flex-direction: column;
  width: 100%
}

.addon-sidebar-card-icon {
  height: 24px;
  padding-right: 16px;
  padding-top: 2px;
  width: 24px
}

.addon-sidebar-card-icon img {
  height: 24px;
  width: 24px
}

.addon-sidebar-card-title {
  display: flex;
  flex-direction: row;
  width: 100%
}

.addon-sidebar-card-title-caption.goog-control-focused {
  outline: none;
  text-decoration: underline
}

.addon-sidebar-card-title-caption.goog-control-hover {
  text-decoration: underline
}

.addon-sidebar-card-title-caption {
  color: rgba(0, 0, 0, .87);
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  margin-right: 9px;
  max-height: 38px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.addon-sidebar-card-two-line-title-caption {
  display: -webkit-box;
  visibility: visible;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  word-break: break-word;
  word-wrap: break-word
}

.addon-sidebar-card-check {
  color: #455a64;
  height: 18px;
  margin: 1px 0 0 auto;
  width: 18px
}

.addon-sidebar-card-category {
  color: rgba(0, 0, 0, .54);
  font-size: 13px;
  font-weight: 400;
  line-height: 20px
}

.addon-sidebar-card-summary {
  color: rgba(0, 0, 0, .54);
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  overflow: hidden;
  padding: 0 0 8px 40px;
  text-overflow: ellipsis
}

.addon-sidebar-with-banner .addon-sidebar-card {
  border-bottom: none;
  padding-top: 16px
}

.addon-sidebar-with-banner .addon-sidebar-card-header {
  padding-bottom: 16px
}

.addon-sidebar-with-banner .addon-sidebar-card-title-caption {
  max-width: 194px
}

.addon-sidebar-with-banner .addon-sidebar-card-icon {
  height: 40px;
  padding-top: 0;
  width: 40px
}

.addon-sidebar-with-banner .addon-sidebar-card-icon img {
  height: 40px;
  width: 40px
}

.addon-sidebar-with-banner .addon-sidebar-card-title {
  font-size: 16px
}

.addon-sidebar-with-banner .addon-sidebar-card-summary {
  font-size: 14px;
  padding: 0 0 24px 0
}

.addon-sidebar-card-button.docs-material-button-flat-primary,
.addon-sidebar-card-menu-button.docs-material-menu-button-flat-primary {
  margin-left: 32px
}

.addon-sidebar-card-button.docs-material-button-raised-primary,
.addon-sidebar-card-menu-button.docs-material-menu-button-raised-primary {
  margin-left: 0
}

.addon-sidebar-card-button.docs-material-button-flat-primary,
.addon-sidebar-card-button.docs-material-button-raised-primary {
  height: 32px;
  line-height: 32px
}

.addon-sidebar-card-button.docs-material-button-flat-primary {
  padding: 0 8px
}

.addon-sidebar-card-menu-button.docs-material-menu-button-flat-primary,
.addon-sidebar-card-menu-button.docs-material-menu-button-raised-primary {
  height: 32px;
  line-height: 32px
}

.addon-sidebar-card-menu-button.docs-material-menu-button-flat-primary {
  padding: 0 2px 0 8px
}

.addon-sidebar-card-menu-button .docs-material-menu-button-flat-primary-caption,
.addon-sidebar-card-menu-button .docs-material-menu-button-raised-primary-caption {
  line-height: 32px
}

.addon-sidebar-card-menu-button .docs-material-menu-button-flat-primary-dropdown,
.addon-sidebar-card-menu-button .docs-material-menu-button-raised-primary-dropdown {
  margin-top: 3px
}

.goog-menuitem.addon-sidebar-menu-item-with-flat,
.goog-menuitem.addon-sidebar-menu-item-with-raised {
  padding-right: 30px
}

.addon-sidebar-menu-item-with-flat .goog-menuitem-content {
  max-width: 174px;
  overflow: hidden;
  text-overflow: ellipsis
}

.addon-sidebar-menu-item-with-raised .goog-menuitem-content {
  max-width: 206px;
  overflow: hidden;
  text-overflow: ellipsis
}

.script-application-sidebar {
  background: #fff;
  border-left: 1px solid #d9d9d9;
  color: #222;
  position: absolute;
  right: 0;
  width: 300px
}

.script-application-sidebar-header {
  background: #616161;
  border: 1px solid #616161;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  height: 15px;
  padding: 10px 0 10px 12px;
  position: relative
}

.script-application-sidebar-close {
  cursor: pointer;
  position: absolute;
  right: 6px;
  top: 8px
}

.script-application-sidebar-content {
  bottom: 0;
  position: absolute;
  top: 37px;
  width: 100%
}

#docs-script-button-bar .jfk-button {
  margin-right: 9px
}

.docs-script-button-bar-text {
  color: #777;
  display: inline-block;
  margin-left: 10px;
  margin-right: 20px;
  max-width: 55px;
  outline: none;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: text-bottom;
  white-space: nowrap
}

.docs-script-button-bar-text:hover {
  cursor: pointer;
  text-decoration: underline
}

.docs-script-button-bar-bubble {
  width: 175px
}

.docs-script-button-bar-bubble-content {
  text-align: left;
  white-space: normal
}

.script-errorfield {
  border-color: #dd4b39 !important
}

.script-errormsg {
  color: #dd4b39 !important
}

.func-entry {
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #e5e5e5;
  cursor: default;
  outline: none
}

.func-entry:focus {
  border: 1px solid #4d90fe !important
}

.func-entry-checked {
  border-top: 1px solid #ffc;
  border-left: 1px solid #ffc;
  border-right: 1px solid #ffc;
  border-bottom: 1px solid #e5e5e5;
  background-color: #ffc
}

.func-entry-func,
.func-entry-lib {
  width: 305px;
  margin-left: 5px;
  padding-top: 4px;
  padding-bottom: 4px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.func-entry-rb {
  float: left;
  padding-left: 8px;
  width: 18px;
  height: 26px;
  background-image: url(https://ssl.gstatic.com/ui/v1/radiobutton/unchecked.png);
  background-position: 50%;
  background-repeat: no-repeat
}

.func-entry-checked .func-entry-rb {
  background-image: url(https://ssl.gstatic.com/ui/v1/radiobutton/checked.png)
}

.script-manager-box {
  border: none;
  height: 450px;
  width: 700px
}

.script-prompt-contents div {
  min-width: 300px;
  max-width: 700px;
  max-height: 350px;
  overflow: auto
}

.script-prompt-contents input {
  width: 100%
}

.script-app-dialog {
  z-index: 1003
}

.script-app-contents {
  padding: 0
}

.script-error-message {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: text-bottom;
  white-space: nowrap
}

.webstore-widget {
  padding: 0
}

.webstore-widget .modal-dialog-title {
  border-bottom: 1px solid #acacac;
  margin: 0;
  padding: 16px 12px
}

.active-account-dialog-email {
  font-weight: 500;
  word-break: break-all
}

.active-account-dialog .modal-dialog-content {
  display: flex
}

.active-account-dialog-display-name {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 12px;
  padding: 8px;
  display: flex;
  align-items: center
}

.active-account-dialog-avatar {
  background-color: #9aa0a6;
  border-radius: 50%;
  object-fit: cover;
  height: 32px;
  width: 32px
}

.active-account-dialog .modal-dialog-buttons {
  margin-top: 32px
}

.modal-dialog.active-account-dialog {
  display: table;
  max-width: 464px;
  min-width: 300px;
  table-layout: fixed
}

.goog-checkbox {
  border: 1px solid #1c5180;
  display: -moz-inline-box;
  display: inline-block;
  font-size: 1px;
  height: 11px;
  margin: 0 4px 0 1px;
  vertical-align: text-bottom;
  width: 11px
}

.goog-checkbox-checked {
  background: #fff url(//ssl.gstatic.com/closure/check-sprite.gif) no-repeat 2px
}

.goog-checkbox-undetermined {
  background: #bbb url(//ssl.gstatic.com/closure/check-sprite.gif) no-repeat 2px
}

.goog-checkbox-unchecked {
  background: #fff
}

.goog-checkbox-disabled {
  border: 1px solid #d3d3d3;
  background-position: -7px
}

.appsDocsAiSummariesPregenSummariesBubbleContainer {
  background-color: #edf2fa;
  border: none;
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 2px 6px 2px rgba(0, 0, 0, .15);
  margin-left: 12px;
  margin-top: -41px;
  padding: 0;
  width: 310px
}

.appsDocsAiSummariesPregenSummariesBubbleContainer:hover {
  background-color: #e7edf8
}

.appsDocsAiSummariesPregenSummariesBubbleSummaryContainer {
  background-color: #edf2fa;
  border-radius: 12px
}

.appsDocsAiSummariesPregenSummariesBubbleSummaryContainer:hover {
  background-color: #e7edf8
}

.appsDocsAiSummariesPregenSummariesBubbleHeader {
  align-items: center;
  display: flex;
  margin: 12px 16px
}

.appsDocsAiSummariesPregenSummariesBubbleHeaderIconContainer {
  border-radius: 50%;
  height: 32px;
  width: 32px
}

.appsDocsAiSummariesPregenSummariesBubbleHeaderIconContainer .docs-icon {
  height: 24px;
  margin: 4px;
  width: 24px
}

.appsDocsAiSummariesPregenSummariesBubbleHeaderText {
  flex-grow: 1;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  margin-left: 12px
}

.appsDocsAiSummariesPregenSummariesBubbleMoreOptionsMenuButton .goog-menu-button-inner-box,
.appsDocsAiSummariesPregenSummariesBubbleMoreOptionsMenuButton .goog-menu-button-outer-box,
.appsDocsAiSummariesPregenSummariesBubbleMoreOptionsMenuButton.goog-menu-button {
  background: transparent;
  border: none;
  height: 20px;
  padding: 0;
  width: 20px
}

.appsDocsAiSummariesPregenSummariesBubbleMoreOptionsMenuButton .goog-menu-button-dropdown {
  display: none
}

.appsDocsAiSummariesPregenSummariesBubbleCloseButton,
.appsDocsAiSummariesPregenSummariesBubbleMoreOptionsMenuButton.goog-menu-button {
  border-radius: 50%;
  height: 20px;
  padding: 6px;
  width: 20px
}

.appsDocsAiSummariesPregenSummariesBubbleCloseButton:hover,
.appsDocsAiSummariesPregenSummariesBubbleHeaderIconContainer:hover,
.appsDocsAiSummariesPregenSummariesBubbleMoreOptionsMenuButton:hover {
  background-color: rgba(31, 31, 31, .08);
  cursor: pointer
}

.appsDocsAiSummariesPregenSummariesBubbleCloseButton:focus,
.appsDocsAiSummariesPregenSummariesBubbleHeaderIconContainer:focus,
.appsDocsAiSummariesPregenSummariesBubbleMoreOptionsMenuButton:focus {
  background-color: rgba(31, 31, 31, .12);
  outline: none
}

.appsDocsAiSummariesPregenSummariesBubbleLoadingSummaryContainer {
  margin: 0 16px 12px
}

.appsDocsAiSummariesPregenSummariesBubbleCollapsibleSummaryContainer {
  border-radius: 8px;
  margin: 0 16px 12px;
  padding: 4px
}

.appsDocsAiSummariesPregenSummariesBubbleCollapsibleSummary {
  font-size: 14px;
  line-height: 20px;
  outline: none
}

.appsDocsAiSummariesPregenSummariesBubbleShowMoreButton {
  bottom: 0;
  color: #15c;
  cursor: pointer;
  opacity: 1;
  outline: none;
  padding-top: 8px;
  right: 0;
  width: 100%
}

.appsDocsAiSummariesPregenSummariesBubbleShowMoreButton:focus {
  text-decoration: underline
}

.appsDocsAiSummariesPregenSummariesBubbleAcceptActionButtonContainer {
  align-items: start;
  display: flex;
  flex-direction: column;
  margin: 0 16px 6px 12px
}

.appsDocsAiSummariesPregenSummariesBubbleAcceptActionButtonWrapper {
  background: transparent;
  border: none;
  display: flex;
  flex-direction: row;
  width: 100%
}

.appsDocsAiSummariesPregenSummariesBubbleAcceptActionButton {
  align-items: center;
  background-color: #fff;
  border: none;
  border-radius: 32px;
  color: #1f1f1f;
  display: flex;
  font-size: 14px;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  height: auto;
  justify-content: start;
  line-height: 20px;
  margin-bottom: 6px;
  padding: 10px 14px;
  width: -moz-fit-content;
  width: fit-content
}

@media screen and (forced-colors:active) {
  .appsDocsAiSummariesPregenSummariesBubbleAcceptActionButton {
    outline: 1px solid
  }
}

.appsDocsAiSummariesPregenSummariesBubbleAcceptActionButton.HighlightedButton {
  background-color: #c2e7ff
}

.appsDocsAiSummariesPregenSummariesBubbleAcceptActionButton:hover {
  background-color: rgba(105, 145, 214, .1);
  cursor: pointer
}

.appsDocsAiSummariesPregenSummariesBubbleAcceptActionButton:focus {
  background-color: rgba(105, 145, 214, .1);
  outline: none
}

@media screen and (forced-colors:active) {
  .appsDocsAiSummariesPregenSummariesBubbleAcceptActionButton:focus {
    outline: 1px solid
  }
}

.appsDocsAiSummariesPregenSummariesBubbleAcceptActionButton:active {
  background-color: rgba(105, 145, 214, .16)
}

.appsDocsAiSummariesPregenSummariesBubbleAcceptActionButton.HighlightedButton:hover {
  background-color: #dae4f4;
  cursor: pointer
}

.appsDocsAiSummariesPregenSummariesBubbleAcceptActionButton.HighlightedButton:focus {
  background-color: #d3def2;
  cursor: pointer
}

.appsDocsAiSummariesPregenSummariesBubbleSurveyButtonsContainer {
  display: flex;
  flex-direction: row;
  position: absolute;
  right: 16px
}

.appsDocsAiSummariesPregenSummariesBubbleProgressBar {
  background: linear-gradient(135deg, #d7e6ff, #c7e4ff, #dce2ff, #d7e6ff);
  border-radius: 8px;
  height: 11px;
  width: 100%
}

@media (forced-colors:active) {
  .appsDocsAiSummariesPregenSummariesBubbleProgressBar {
    background: linear-gradient(135deg, Canvas, Highlight);
    forced-color-adjust: none
  }
}

.appsDocsAiSummariesPregenSummariesBubbleProgressBar.nonChip {
  margin-bottom: 8px
}

.appsDocsAiSummariesPregenSummariesBubbleProgressBar:not(.ReducedMotion) {
  animation-name: skeleton-enter, skeleton-stretch-in, inline-shimmer;
  animation-duration: .6s, 1.2s, 1.5s;
  animation-fill-mode: both;
  animation-timing-function: linear, cubic-bezier(.2, 0, 0, 1), linear;
  animation-iteration-count: 1, 1, infinite;
  background-position: 50%;
  background-size: 200% 100%;
  transform-origin: left
}

@media (forced-colors:active) {
  .appsDocsAiSummariesPregenSummariesBubbleProgressBar:not(.ReducedMotion) {
    background: linear-gradient(135deg, Canvas, Highlight, Highlight, Canvas);
    forced-color-adjust: none
  }
}

@keyframes inline-shimmer {
  0% {
    background-position: 0 0
  }

  to {
    background-position: -200% 0
  }
}

.docs-gm .docs-tiled-sidebar.building-blocks-sidebar {
  background: #edf2fa;
  border: 1px solid #edf2fa;
  width: 320px
}

.docs-gm .building-blocks-sidebar .docs-tiled-sidebar-header {
  background-color: unset;
  border-bottom: none
}

.building-blocks-sidebar .docs-tiled-sidebar-header.docs-tiled-sidebar-header-shadow {
  box-shadow: none
}

.docs-gm .docs-tiled-sidebar.building-blocks-sidebar .building-blocks-promo-image.kix-promo-image {
  border-radius: 8px;
  height: var(--kix-promo-image-height, 122px);
  box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15)
}

.docs-gm .docs-tiled-sidebar.building-blocks-sidebar .docs-sidebar-header-text {
  margin-left: 8px
}

.building-blocks-sidebar-header-icon .docs-tiled-sidebar-icon-container .docs-gm-sidebar-icon {
  content: DOCS_GM_ACTIVE_ICON_FILE
}

.building-blocks-sidebar .docs-tiled-sidebar-content .docs-gm3-filled-button.docs-gm3-button.building-blocks-sidekick-entrypoint-button {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 14px 30px
}

.building-blocks-sidebar .docs-tiled-sidebar-content .docs-gm3-filled-button.docs-gm3-button.building-blocks-sidekick-entrypoint-button .docs-gm3-button-focused:not(.docs-gm3-button-active),
.building-blocks-sidebar .docs-tiled-sidebar-content .docs-gm3-filled-button.docs-gm3-button.building-blocks-sidekick-entrypoint-button.docs-gm3-button-focused:not(.docs-gm3-button-active) {
  outline: none
}

.building-blocks-sidebar .docs-tiled-sidebar-content .docs-gm3-filled-button.docs-gm3-button.building-blocks-sidekick-entrypoint-button .docs-gm3-button-focused:not(.docs-gm3-button-active):focus-visible,
.building-blocks-sidebar .docs-tiled-sidebar-content .docs-gm3-filled-button.docs-gm3-button.building-blocks-sidekick-entrypoint-button.docs-gm3-button-focused:not(.docs-gm3-button-active):focus-visible {
  outline: 2px solid #01639b;
  outline-offset: 2px
}

.building-blocks-promo-container {
  position: relative;
  height: calc(var(--promo-header-height, 20px) + var(--promo-header-margin, 8px)*2 + var(--promo-subheader-height, 30px) + var(--promo-subheader-margin, 8px)*2 + var(--promo-image-height, 143px));
  margin: 0 30px 16px;
  transition: height .5s
}

.building-blocks-promo-container.kix-container {
  position: relative;
  height: calc(var(--promo-header-line-height, 20px)*2 + var(--promo-header-margin, 8px) + var(--promo-subheader-height, 30px) + var(--kix-promo-subheader-margin-bottom, 16px) + var(--kix-promo-image-height, 122px));
  margin: 0 30px 16px;
  transition: height .5s
}

.building-blocks-promo-header {
  position: relative;
  color: #3c4043;
  display: flex;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: var(--promo-header-line-height, 20px);
  letter-spacing: .1px;
  margin: var(--promo-header-margin, 8px) 0
}

.building-blocks-promo-subheader {
  color: #3c4043;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: var(--promo-subheader-line-height, 16px);
  margin: var(--promo-subheader-margin, 8px) 0;
  min-height: var(--promo-subheader-height, 30px)
}

.building-blocks-promo-subheader.kix-promo-subheader {
  margin: var(--promo-subheader-margin, 8px) 0 var(--kix-promo-subheader-margin-bottom, 16px)
}

.building-blocks-promo-image {
  height: var(--promo-image-height, 143px);
  width: var(--promo-image-width, 244px);
  flex-shrink: 0;
  position: relative
}

.building-blocks-promo-new-badge {
  color: #0b57d0;
  padding-right: 4px
}

.building-blocks-sidebar.docs-tiled-sidebar-scroll {
  bottom: 24px
}

.building-blocks-sidebar.docs-tiled-sidebar-content {
  position: absolute;
  top: 0
}

.building-blocks-sidebar .docs-tiled-sidebar-content .docs-tiled-sidebar-scroll.building-blocks-sidekick-scroll-top {
  top: calc(96px + var(--sidebar-button-size, 48px))
}

.building-blocks-sidebar .docs-tiled-sidebar-content .docs-tiled-sidebar-scroll {
  transition: top .5s
}

.docs-body-pageless .docs-tiled-sidebar.building-blocks-sidebar {
  border: 1px solid #f3f6fc;
  background-color: #f3f6fc
}

.building-blocks-category-tile.docs-sidebar-tile {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  line-height: 20px
}

.docs-gm .building-blocks-category-tile.docs-sidebar-tile.docs-sidebar-tile-expanded {
  border-radius: 16px 16px 0 0;
  box-shadow: none
}

.building-blocks-category-tile.docs-sidebar-tile .docs-sidebar-tile-header {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  line-height: 20px;
  background: #edf2fa;
  color: #444746;
  font-weight: 500
}

.building-blocks-category-tile.docs-sidebar-tile .docs-sidebar-tile-header-cursor:focus:not(.docs-sidebar-tile-header-no-focus),
.building-blocks-category-tile.docs-sidebar-tile .docs-sidebar-tile-header-cursor:hover,
.building-blocks-category-tile.docs-sidebar-tile .goog-zippy-expanded.docs-sidebar-tile-header:focus {
  background: #d3e3fd
}

.building-blocks-category-tile.docs-sidebar-tile .goog-zippy-expanded.docs-sidebar-tile-header:focus-visible {
  border-radius: 16px 16px 0 0;
  border: 2px solid #0b57d0
}

.building-blocks-category-tile .docs-sidebar-tile-header.docs-sidebar-tile-header-cursor.goog-zippy-header.goog-zippy-collapsed:focus-visible {
  border: 2px solid #0b57d0
}

.building-blocks-category-tile.docs-sidebar-tile .goog-zippy-expanded.docs-sidebar-tile-header {
  background: #edf2fa
}

.building-blocks-category-tile.docs-sidebar-tile .docs-sidebar-tile-controls {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  line-height: 20px;
  background: #edf2fa;
  color: #1f1f1f;
  font-weight: 400
}

.docs-body-pageless .building-blocks-category-tile.docs-sidebar-tile .docs-sidebar-tile-controls,
.docs-body-pageless .building-blocks-category-tile.docs-sidebar-tile .docs-sidebar-tile-header,
.docs-body-pageless .building-blocks-category-tile.docs-sidebar-tile .goog-zippy-expanded.docs-sidebar-tile-header {
  background: #f3f6fc
}

.building-block-card-content-container {
  align-items: center;
  border-radius: 8px;
  border: 1px solid transparent;
  display: flex;
  height: 40px;
  margin: 8px 0;
  padding: 4px;
  position: relative
}

.building-block-card-content-container.docs-gm3-button-hover {
  background-color: rgba(211, 227, 253, .6)
}

.building-block-card-content-container.docs-gm3-button-focused {
  background-color: #d3e3fd;
  border: 1px solid #0b57d0
}

.building-block-card-content-container.docs-gm3-button-focused.docs-gm3-button-active {
  border: 1px solid transparent
}

.building-block-card-name.disabled-name {
  color: #747775
}

.building-block-card-name {
  margin: 0 2px 0 4px;
  max-width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.building-block-card-checked-mark,
.building-block-card-preview-icon {
  margin-left: auto;
  margin-right: 10px
}

.building-block-card-icon {
  margin-left: 8px
}

.building-block-card-icon.disabled-icon {
  opacity: .7
}

.building-block-card-insert-text {
  background: #0b57d0;
  border-radius: 36px;
  color: #fff;
  padding: 2px 12px;
  margin-left: auto;
  margin-right: 8px
}

.building-blocks-exp-preview-pill-container {
  align-items: center;
  background-color: #fff;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 4px 8px 3px rgba(0, 0, 0, .15);
  display: flex;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  justify-content: space-between;
  line-height: 20px;
  min-height: 45px;
  position: absolute
}

.building-blocks-exp-preview-pill-preview-text {
  color: #444746;
  display: inline-block;
  margin-left: 12px
}

.building-blocks-exp-preview-pill-separator {
  background: #747775;
  display: inline-block;
  height: 16px;
  margin: 0 8px 0 8px;
  width: 1px
}

.building-blocks-exp-preview-pill-insert-new-sheet-text {
  color: #5e5e5e;
  display: inline-block
}

.building-blocks-exp-preview-pill-ai-insert-new-sheet-text {
  color: #5e5e5e;
  margin-left: 12px;
  padding-bottom: 2px;
  padding-top: 4px
}

.building-blocks-exp-preview-pill-ai-disclaimer-text {
  color: #757776;
  display: inline-block;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  line-height: 16px;
  margin-right: 12px;
  max-width: 650px;
  padding: 12px 16px 12px 0;
  right: 0;
  white-space: pre-line
}

.building-blocks-exp-preview-pill-ai-disclaimer,
.building-blocks-exp-preview-pill-preview {
  display: inline-block
}

.building-blocks-walkthrough-promo-base {
  border: none;
  max-width: 320px;
  padding: 0
}

.building-blocks-walkthrough-promo.body {
  color: #3c4043;
  font-size: 14px;
  letter-spacing: .2px;
  line-height: 20px
}

.building-blocks-walkthrough-promo.content {
  background-color: #fff;
  margin-left: 24px;
  margin-right: 8px;
  margin-top: 24px
}

.building-blocks-walkthrough-promo-base .docs-material-promo-walkthrough-bubble-buttons {
  justify-content: space-between;
  margin: 12px 24px;
  padding: 0
}

.building-blocks-walkthrough-promo-base .docs-material-promo-walkthrough-bubble-buttons>.docs-material-button {
  border: 1px solid transparent;
  border-radius: 100px;
  box-sizing: border-box;
  cursor: pointer;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  line-height: 20px;
  padding: 9px 24px;
  white-space: nowrap;
  color: #0b57d0;
  padding: 9px 12px;
  background-color: #fff;
  margin: 0;
  margin-right: -1px
}

.building-blocks-walkthrough-promo-base .docs-material-promo-walkthrough-bubble-buttons>.docs-material-button-hover {
  color: #0b57d0;
  padding: 9px 12px;
  background-color: rgba(11, 87, 208, .08);
  box-shadow: none;
  margin-right: -1px
}

.building-blocks-walkthrough-promo-base .docs-material-promo-walkthrough-bubble-buttons>.docs-material-button-focused {
  color: #0b57d0;
  padding: 9px 12px;
  background-color: rgba(11, 87, 208, .12);
  box-shadow: none;
  margin-right: -1px
}

.building-blocks-walkthrough-promo-base .promo-bubble-dotted-progressbar-dot {
  background: #d3e3fd
}

.building-blocks-walkthrough-promo-base .promo-bubble-dotted-progressbar-dot.promo-bubble-dotted-progressbar-dot-highlighted {
  background: #0b57d0
}

.building-blocks-walkthrough-promo.text {
  font-family: Roboto, sans-serif;
  margin-right: 16px
}

.building-blocks-walkthrough-promo.title {
  color: #202124;
  font-size: 22px;
  line-height: 28px;
  margin-bottom: 12px
}

.dataDonationWidgetRoot {
  align-items: center;
  display: flex;
  margin: 0
}

.dataDonationWidgetRoot .dataDonationWidgetLabel {
  color: #747775;
  font-size: 14px;
  padding-right: 5px
}

.dataDonationWidgetRoot .docs-gm3-icon-button.docs-gm3-button {
  box-sizing: border-box;
  min-height: 36px;
  min-width: 36px
}

.dataDonationWidgetRoot .dataDonationWidgetThumbsUpContainer .docs-gm3-icon-button.docs-gm3-button {
  margin: 0 0 2px
}

.dataDonationWidgetRoot .dataDonationWidgetDataDonationOptionsContainer,
.dataDonationWidgetRoot .dataDonationWidgetReportAbuseContainer .docs-gm3-icon-button.docs-gm3-button,
.dataDonationWidgetRoot .dataDonationWidgetThumbsDownContainer .docs-gm3-icon-button.docs-gm3-button {
  margin: 2px 0 0
}

.dataDonationWidgetRoot .dataDonationWidgetDataDonationOptionsContainer .feedbackButtonContainer-feedback-menuitem-icon {
  padding-right: 15px
}

.dataDonationWidgetRoot .dataDonationWidgetDataDonationOptionsContainer .goog-menu .goog-menuitem {
  padding: 6px 50px 6px 15px
}

.jfk-checkbox {
  border-radius: 1px;
  background-color: hsla(0, 0%, 100%, .05);
  border: 1px solid #c6c6c6;
  border: 1px solid hsla(0, 0%, 61%, .57);
  font-size: 1px;
  height: 11px;
  margin: 0 4px 0 1px;
  outline: 0;
  vertical-align: text-bottom;
  width: 11px
}

.jfk-checkbox-checked,
.jfk-checkbox-undetermined {
  background-color: #fff;
  background-color: hsla(0, 0%, 100%, .65)
}

.jfk-checkbox-hover {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
  border: 1px solid #b2b2b2
}

.jfk-checkbox-active {
  background-color: #ebebeb
}

.jfk-checkbox-focused {
  border: 1px solid #4d90fe
}

.jfk-checkbox-clearOutline.jfk-checkbox-focused {
  border: 1px solid #c6c6c6;
  border: 1px solid hsla(0, 0%, 61%, .57)
}

.jfk-checkbox-clearOutline.jfk-checkbox-disabled,
.jfk-checkbox-disabled {
  background-color: #fff;
  border: 1px solid #f1f1f1;
  cursor: default
}

.jfk-checkbox-checkmark {
  height: 15px;
  outline: 0;
  width: 15px;
  left: 0;
  position: relative;
  top: -3px
}

.jfk-checkbox-undetermined .jfk-checkbox-checkmark {
  background: url(//ssl.gstatic.com/ui/v1/menu/checkmark-partial.png) no-repeat -5px -3px;
  background-image: -webkit-image-set(url(//ssl.gstatic.com/ui/v1/menu/checkmark-partial.png) 1x, url(//ssl.gstatic.com/ui/v1/menu/checkmark-partial_2x.png) 2x)
}

.jfk-checkbox-checked .jfk-checkbox-checkmark {
  background: url(//ssl.gstatic.com/ui/v1/menu/checkmark.png) no-repeat -5px -3px;
  background-image: -webkit-image-set(url(//ssl.gstatic.com/ui/v1/menu/checkmark.png) 1x, url(//ssl.gstatic.com/ui/v1/menu/checkmark_2x.png) 2x)
}

.jfk-colormenu.goog-menu {
  padding: 0
}

.jfk-palette {
  cursor: default;
  outline: none
}

.jfk-palette-table {
  empty-cells: show;
  margin: 16px
}

.jfk-palette-cell {
  border: 1px solid transparent;
  cursor: pointer;
  margin: 0;
  position: relative
}

.jfk-palette-cell-hover {
  border: 1px solid #000
}

.jfk-palette-cell-selected {
  outline: 1px solid #000
}

.jfk-palette-colorswatch {
  height: 16px;
  width: 16px
}

.jfk-palette-cell-selected>.jfk-palette-colorswatch {
  background: url(https://ssl.gstatic.com/ui/v1/colorpicker/checkmark.png) no-repeat 50% 50%
}

.jfk-colorwell {
  border: 1px solid #d9d9d9
}

.jfk-butterBar {
  border-radius: 2px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
  transition: all 0s linear 1s, opacity 1s;
  border-style: solid;
  border-width: 0;
  font-size: 11px;
  height: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  padding: 0;
  text-align: center
}

.jfk-butterBar-info {
  background-color: #f9edbe;
  border-color: #f0c36d;
  color: #333
}

.jfk-butterBar-error {
  background-color: #484848;
  border-color: #202020;
  color: #fff
}

.jfk-butterBar-promo {
  background-color: #d6e9f8;
  border-color: #4d90f0;
  color: #333
}

.jfk-butterBar-warning {
  background-color: #dd4b39;
  border-color: #602019;
  color: #fff
}

.jfk-butterBar-shown {
  transition: opacity .218s;
  border-width: 1px;
  min-height: 14px;
  height: auto;
  opacity: 1;
  visibility: visible;
  padding: 6px 16px
}

.jfk-butterBar-mini.jfk-butterBar-shown {
  padding: 2px 16px
}

.goog-link-button {
  position: relative;
  color: #15c;
  text-decoration: underline;
  cursor: pointer
}

.goog-link-button-disabled {
  color: #ccc;
  text-decoration: none;
  cursor: default
}

.goog-toolbar {
  background: #f5f5f5;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #ebebeb;
  padding: 8px 0 4px 0;
  position: relative;
  zoom: 1
}

.jfk-freestanding-menu-button {
  border-radius: 1px;
  background: url(https://ssl.gstatic.com/ui/v1/disclosure/light-grey-disclosure-arrow-down.png) 50% no-repeat;
  border: 1px solid #e5e5e5;
  height: 11px;
  width: 11px;
  cursor: pointer
}

.jfk-freestanding-menu-button-active,
.jfk-freestanding-menu-button-hover,
.jfk-freestanding-menu-button-open {
  background: url(https://ssl.gstatic.com/ui/v1/disclosure/dark-grey-disclosure-arrow-down.png) 50% no-repeat #eee;
  border-color: #c6c6c6
}

.jfk-select .goog-flat-menu-button-caption {
  overflow: hidden;
  width: 100%
}

.jfk-select .goog-flat-menu-button-dropdown {
  background: url(https://ssl.gstatic.com/ui/v1/disclosure/grey-disclosure-arrow-up-down.png) 50% no-repeat;
  border: none;
  height: 11px;
  margin-top: -4px;
  width: 7px
}

.jfk-progressStatus {
  color: #202020
}

.jfk-progressText {
  color: #999
}

.jfk-progressStatus,
.jfk-progressText {
  line-height: 18px
}

.jfk-progressBar-blocking .progress-bar-horizontal,
.jfk-progressBar-nonBlocking .progress-bar-horizontal {
  border: 1px solid #999;
  padding: 1px;
  width: 320px
}

.jfk-progressBar-blocking .progress-bar-thumb {
  height: 5px
}

.jfk-progressBar-nonBlocking .progress-bar-thumb {
  background-color: #ccc;
  height: 5px
}

.jfk-progressBar-blocking.jfk-progressBar-tall .progress-bar-thumb,
.jfk-progressBar-nonBlocking.jfk-progressBar-tall .progress-bar-thumb {
  height: 8px
}

.jfk-progressBar-blocking .progress-bar-thumb {
  animation: jfk-progressBar-bg .8s linear 0s infinite;
  background-position: 0 0;
  background-repeat: repeat-x;
  background-size: 16px 8px;
  background-color: #6188f5;
  background-image: linear-gradient(315deg, transparent, transparent 33%, rgba(0, 0, 0, .12) 0, rgba(0, 0, 0, .12) 66%, transparent 0, transparent)
}

.jfk-progressBar-blocking.jfk-progressBar-tall .progress-bar-thumb {
  animation: jfk-progressBar-bg-tall .8s linear 0s infinite;
  background-size: 20px 10px
}

@keyframes jfk-progressBar-bg {
  0% {
    background-position: 0 0
  }

  to {
    background-position: -16px 0
  }
}

@keyframes jfk-progressBar-bg-tall {
  0% {
    background-position: 0 0
  }

  to {
    background-position: -20px 0
  }
}

.jfk-progressbar .progress-bar-horizontal,
.jfk-progressbar .progress-bar-vertical {
  border-color: #999
}

.jfk-progressbar .progress-bar-thumb {
  background-color: #ccc
}

.jfk-radiobutton {
  display: inline-block;
  outline: none;
  padding: 5px 7px;
  position: relative
}

.jfk-radiobutton-radio {
  border-radius: 50%;
  box-sizing: border-box;
  background: url(https://ssl.gstatic.com/ui/v1/radiobutton/unchecked.png) -3px -3px;
  background: hsla(0, 0%, 100%, 0);
  border: 1px solid #c6c6c6;
  height: 15px;
  left: 7px;
  margin: 0;
  outline: none;
  position: absolute;
  text-align: left;
  top: 6px;
  width: 15px
}

.jfk-radiobutton:active .jfk-radiobutton-radio {
  background: #ebebeb;
  border-color: #b6b6b6
}

.jfk-radiobutton:hover .jfk-radiobutton-radio {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
  border-color: #b6b6b6
}

.jfk-radiobutton:focus .jfk-radiobutton-radio {
  border-color: #4d90fe
}

.jfk-radiobutton-checked .jfk-radiobutton-radio {
  background: url(https://ssl.gstatic.com/ui/v1/radiobutton/checked.png) -3px -3px;
  background: hsla(0, 0%, 100%, 0)
}

.jfk-radiobutton.jfk-radiobutton:focus .jfk-radiobutton-radio {
  background: url(https://ssl.gstatic.com/ui/v1/radiobutton/unchecked_focused.png) -3px -3px;
  background: hsla(0, 0%, 100%, 0)
}

.jfk-radiobutton-checked.jfk-radiobutton:focus .jfk-radiobutton-radio {
  background: url(https://ssl.gstatic.com/ui/v1/radiobutton/checked_focused.png) -3px -3px;
  background: hsla(0, 0%, 100%, 0)
}

.jfk-radiobutton-checked .jfk-radiobutton-radio:after {
  border-radius: 50%;
  background: #606060;
  border: 2px solid #606060;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 7px;
  left: 3px;
  position: relative;
  top: 3px;
  width: 7px
}

.jfk-radiobutton .jfk-radiobutton-label {
  display: block;
  cursor: default;
  margin-left: 22px
}

.jfk-radiobutton-disabled .jfk-radiobutton-radio {
  background: url(https://ssl.gstatic.com/ui/v1/radiobutton/unchecked-disabled.png) -3px -3px;
  background: hsla(0, 0%, 100%, 0);
  border-color: #f1f1f1
}

.jfk-radiobutton-disabled.jfk-radiobutton-checked .jfk-radiobutton-radio {
  background: url(https://ssl.gstatic.com/ui/v1/radiobutton/checked-disabled.png) -3px -3px;
  background: hsla(0, 0%, 100%, 0)
}

.jfk-radiobutton-disabled.jfk-radiobutton-checked .jfk-radiobutton-radio:after {
  background: #b8b8b8
}

.jfk-radiobutton-disabled .jfk-radiobutton-label {
  color: #b8b8b8
}

.jfk-radiobutton-disabled:active .jfk-radiobutton-radio,
.jfk-radiobutton-disabled:hover .jfk-radiobutton-radio {
  box-shadow: none;
  background: #fff;
  border-color: #f1f1f1
}

.jfk-scrollbar-dark::-webkit-scrollbar-track:hover {
  background-color: hsla(0, 0%, 100%, .1);
  box-shadow: inset 1px 0 0 hsla(0, 0%, 100%, .2)
}

.jfk-scrollbar-dark::-webkit-scrollbar-track:horizontal:hover {
  box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .2)
}

.jfk-scrollbar-dark::-webkit-scrollbar-track:active {
  background-color: hsla(0, 0%, 100%, .1);
  box-shadow: inset 1px 0 0 hsla(0, 0%, 100%, .25), inset -1px 0 0 hsla(0, 0%, 100%, .15)
}

.jfk-scrollbar-dark::-webkit-scrollbar-track:horizontal:active {
  box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .25), inset 0 -1px 0 hsla(0, 0%, 100%, .15)
}

.jfk-scrollbar-dark::-webkit-scrollbar-thumb {
  background-color: hsla(0, 0%, 100%, .3);
  box-shadow: inset 1px 1px 0 hsla(0, 0%, 100%, .15), inset 0 -1px 0 hsla(0, 0%, 100%, .1)
}

.jfk-scrollbar-dark::-webkit-scrollbar-thumb:horizontal {
  box-shadow: inset 1px 1px 0 hsla(0, 0%, 100%, .15), inset -1px 0 0 hsla(0, 0%, 100%, .1)
}

.jfk-scrollbar-dark::-webkit-scrollbar-thumb:hover {
  background-color: hsla(0, 0%, 100%, .6);
  box-shadow: inset 1px 1px 1px hsla(0, 0%, 100%, .37)
}

.jfk-scrollbar-dark::-webkit-scrollbar-thumb:active {
  background-color: hsla(0, 0%, 100%, .75);
  box-shadow: inset 1px 1px 3px hsla(0, 0%, 100%, .5)
}

.jfk-scrollbar-borderless::-webkit-scrollbar-track {
  border-width: 0 1px 0 6px
}

.jfk-scrollbar-borderless::-webkit-scrollbar-track:horizontal {
  border-width: 6px 0 1px
}

.jfk-scrollbar-borderless::-webkit-scrollbar-track:hover {
  background-color: rgba(0, 0, 0, .035);
  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .14), inset -1px -1px 0 rgba(0, 0, 0, .07)
}

.jfk-scrollbar-borderless.jfk-scrollbar-dark::-webkit-scrollbar-track:hover {
  background-color: hsla(0, 0%, 100%, .07);
  box-shadow: inset 1px 1px 0 hsla(0, 0%, 100%, .25), inset -1px -1px 0 hsla(0, 0%, 100%, .15)
}

.jfk-scrollbar-borderless::-webkit-scrollbar-thumb {
  border-width: 0 1px 0 6px
}

.jfk-scrollbar-borderless::-webkit-scrollbar-thumb:horizontal {
  border-width: 6px 0 1px
}



.jfk-twothumbslider {
  position: relative;
  outline: 0
}

.goog-twothumbslider-horizontal {
  height: 18px
}

.goog-twothumbslider-vertical {
  width: 18px
}

.goog-twothumbslider-horizontal .goog-twothumbslider-extent-thumb,
.goog-twothumbslider-horizontal .goog-twothumbslider-value-thumb {
  position: absolute;
  height: 0;
  width: 16px
}

.goog-twothumbslider-vertical .goog-twothumbslider-extent-thumb,
.goog-twothumbslider-vertical .goog-twothumbslider-value-thumb {
  position: absolute;
  height: 16px;
  width: 0
}

.jfk-slider-thumbimpl {
  background-color: #999;
  border: 1px solid #999;
  transition: background-color .218s, border-color .218s, background-image .218s
}

.jfk-twothumbslider.goog-slider-dragging .jfk-slider-thumbimpl,
.jfk-twothumbslider:hover .jfk-slider-thumbimpl {
  background-color: #fff
}

.jfk-twothumbslider.goog-slider-dragging .goog-slider-thumb-dragging .jfk-slider-thumbimpl {
  background-color: #535252;
  border-color: #535252
}

.goog-twothumbslider-horizontal .jfk-slider-thumbimpl {
  height: 16px;
  width: 8px
}

.goog-twothumbslider-horizontal .goog-twothumbslider-value-thumb .jfk-slider-thumbimpl {
  border-radius: 8px 0 0 8px
}

.goog-twothumbslider-horizontal .goog-twothumbslider-extent-thumb .jfk-slider-thumbimpl {
  border-radius: 0 8px 8px 0;
  margin-left: 8px
}

.goog-twothumbslider-vertical .jfk-slider-thumbimpl {
  height: 8px;
  width: 16px
}

.goog-twothumbslider-vertical .goog-twothumbslider-value-thumb .jfk-slider-thumbimpl {
  margin-top: 8px;
  border-radius: 0 0 8px 8px
}

.goog-twothumbslider-vertical .goog-twothumbslider-extent-thumb .jfk-slider-thumbimpl {
  border-radius: 8px 8px 0 0
}

.jfk-slider-scale {
  background-color: #e5e5e5;
  position: absolute;
  border-radius: 3px
}

.goog-twothumbslider-horizontal .jfk-slider-scale {
  height: 6px;
  top: 6px;
  width: 100%
}

.goog-twothumbslider-vertical .jfk-slider-scale {
  height: 100%;
  left: 6px;
  width: 6px
}

.goog-twothumbslider-rangehighlight {
  background-color: #c6c6c6;
  position: absolute;
  transition: background-color .218s, border-color .218s, background-image .218s
}

.jfk-twothumbslider.goog-slider-dragging .goog-twothumbslider-rangehighlight,
.jfk-twothumbslider:hover .goog-twothumbslider-rangehighlight {
  background-color: #535252
}

.jfk-twothumbslider.goog-slider-dragging .goog-twothumbslider-rangehighlight {
  background-image: url(https://ssl.gstatic.com/ui/v1/slider/rangehighlight-active-gray.png)
}

.goog-twothumbslider-horizontal .goog-twothumbslider-rangehighlight {
  height: 6px;
  top: 6px
}

.goog-twothumbslider-vertical .goog-twothumbslider-rangehighlight {
  left: 6px;
  width: 6px
}

.jfk-tooltip {
  border-radius: 0;
  box-shadow: none;
  transition: visibility 0, opacity .13s ease-in;
  background-color: #2a2a2a;
  border: 1px solid #fff;
  color: #fff;
  cursor: default;
  display: block;
  font-weight: 700;
  margin-left: -1px;
  opacity: 1;
  padding: 7px 9px;
  position: absolute;
  visibility: visible;
  white-space: pre-wrap;
  word-break: break-all;
  word-break: break-word
}

.jfk-tooltip-hide {
  transition: visibility .13s, opacity .13s ease-out, left 0 linear .13s, top 0 linear .13s;
  opacity: 0;
  left: 20px !important;
  top: 20px !important;
  visibility: hidden
}

.jfk-tooltip-data {
  display: none
}

.jfk-tooltip-arrow {
  pointer-events: none;
  position: absolute
}

.jfk-tooltip-arrow .jfk-tooltip-arrowimplafter,
.jfk-tooltip-arrow .jfk-tooltip-arrowimplbefore {
  content: "";
  display: block;
  height: 0;
  position: absolute;
  width: 0
}

.jfk-tooltip-arrow .jfk-tooltip-arrowimplbefore {
  border: 6px solid
}

.jfk-tooltip-arrow .jfk-tooltip-arrowimplafter {
  border: 5px solid
}

.jfk-tooltip-arrowdown {
  bottom: 0
}

.jfk-tooltip-arrowup {
  top: -6px
}

.jfk-tooltip-arrowleft {
  left: -6px
}

.jfk-tooltip-arrowright {
  right: 0
}

.jfk-tooltip-arrowdown .jfk-tooltip-arrowimplbefore,
.jfk-tooltip-arrowup .jfk-tooltip-arrowimplbefore {
  border-color: #fff transparent;
  left: -6px
}

.jfk-tooltip-arrowdown .jfk-tooltip-arrowimplafter,
.jfk-tooltip-arrowup .jfk-tooltip-arrowimplafter {
  border-color: #2a2a2a transparent;
  left: -5px
}

.jfk-tooltip-arrowdown .jfk-tooltip-arrowimplafter,
.jfk-tooltip-arrowdown .jfk-tooltip-arrowimplbefore {
  border-bottom-width: 0
}

.jfk-tooltip-arrowup .jfk-tooltip-arrowimplbefore {
  border-top-width: 0
}

.jfk-tooltip-arrowup .jfk-tooltip-arrowimplafter {
  border-top-width: 0;
  top: 1px
}

.jfk-tooltip-arrowleft .jfk-tooltip-arrowimplbefore,
.jfk-tooltip-arrowright .jfk-tooltip-arrowimplbefore {
  border-color: transparent #fff;
  top: -6px
}

.jfk-tooltip-arrowleft .jfk-tooltip-arrowimplafter,
.jfk-tooltip-arrowright .jfk-tooltip-arrowimplafter {
  border-color: transparent #2a2a2a;
  top: -5px
}

.jfk-tooltip-arrowleft .jfk-tooltip-arrowimplbefore {
  border-left-width: 0
}

.jfk-tooltip-arrowleft .jfk-tooltip-arrowimplafter {
  border-left-width: 0;
  left: 1px
}

.jfk-tooltip-arrowright .jfk-tooltip-arrowimplafter,
.jfk-tooltip-arrowright .jfk-tooltip-arrowimplbefore {
  border-right-width: 0
}

.docs-butterbar-container {
  font-weight: 500;
  height: 0;
  position: absolute;
  text-align: center;
  top: 32px;
  width: 100%
}

.docs-hub-butterbar {
  top: 57px
}

.docs-gm .docs-butterbar-container {
  font-weight: 400
}

.docs-butterbar-container.docs-butterbar-container-compact {
  top: 50px
}

.docs-butterbar-wrap {
  display: inline-block;
  padding-bottom: 8px
}

.docs-gm .jfk-butterBar {
  align-items: center;
  border-radius: 4px;
  border-style: none;
  display: flex;
  font-size: 14px;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 48px;
  padding: 0 24px
}

@media screen and (forced-colors:active) {
  .docs-gm .jfk-butterBar {
    border: 1px solid CanvasText
  }
}

.docs-gm .jfk-butterBar-info {
  background-color: #e6f4ea;
  color: #202124;
  white-space: normal
}

.docs-gm .jfk-butterBar-warning {
  background-color: #d93025
}

.docs-gm .jfk-butterBar-error {
  background-color: #202124;
  color: #dadce0
}

.docs-butterbar-butter-action,
.docs-butterbar-dismiss,
.docs-butterbar-link,
.docs-butterbar-link-no-pad,
a.docs-butterbar-link-no-pad:link,
a.docs-butterbar-link-no-pad:visited,
a.docs-butterbar-link:link,
a.docs-butterbar-link:visited {
  color: #666;
  cursor: pointer;
  text-decoration: underline
}

.docs-butterbar-butter-action,
.docs-butterbar-dismiss,
.docs-butterbar-link,
a.docs-butterbar-link:link,
a.docs-butterbar-link:visited {
  padding-left: 6px
}

.docs-gm .docs-butterbar-butter-action,
.docs-gm .docs-butterbar-dismiss {
  font-size: 16px;
  text-decoration: none;
  flex: 1;
  text-align: end;
  white-space: nowrap;
  font-family: Roboto, Helvetica, Arial, sans-serif
}

.docs-gm .docs-butterbar-dismiss {
  margin-left: 80px;
  padding: 0
}

.docs-gm .docs-butterbar-butter-action {
  margin-left: 8px;
  padding: 8px
}

.jfk-butterBar-warning .docs-butterbar-butter-action,
.jfk-butterBar-warning .docs-butterbar-dismiss,
.jfk-butterBar-warning .docs-butterbar-link,
.jfk-butterBar-warning .docs-butterbar-link-no-pad,
.jfk-butterBar-warning a.docs-butterbar-link-no-pad:link,
.jfk-butterBar-warning a.docs-butterbar-link-no-pad:visited,
.jfk-butterBar-warning a.docs-butterbar-link:link,
.jfk-butterBar-warning a.docs-butterbar-link:visited {
  color: #111
}

.jfk-butterBar-error .docs-butterbar-butter-action,
.jfk-butterBar-error .docs-butterbar-dismiss,
.jfk-butterBar-error .docs-butterbar-link,
.jfk-butterBar-error .docs-butterbar-link-no-pad,
.jfk-butterBar-error a.docs-butterbar-link-no-pad:link,
.jfk-butterBar-error a.docs-butterbar-link-no-pad:visited,
.jfk-butterBar-error a.docs-butterbar-link:link,
.jfk-butterBar-error a.docs-butterbar-link:visited {
  color: #add8e6
}

.docs-gm .jfk-butterBar-info .docs-butterbar-butter-action,
.docs-gm .jfk-butterBar-info .docs-butterbar-dismiss,
.docs-gm .jfk-butterBar-info .docs-butterbar-link,
.docs-gm .jfk-butterBar-info .docs-butterbar-link-no-pad,
.docs-gm .jfk-butterBar-info a.docs-butterbar-link-no-pad:link,
.docs-gm .jfk-butterBar-info a.docs-butterbar-link-no-pad:visited,
.docs-gm .jfk-butterBar-info a.docs-butterbar-link:link,
.docs-gm .jfk-butterBar-info a.docs-butterbar-link:visited {
  color: #137333
}

.docs-gm .jfk-butterBar-warning .docs-butterbar-butter-action,
.docs-gm .jfk-butterBar-warning .docs-butterbar-dismiss,
.docs-gm .jfk-butterBar-warning .docs-butterbar-link,
.docs-gm .jfk-butterBar-warning .docs-butterbar-link-no-pad,
.docs-gm .jfk-butterBar-warning a.docs-butterbar-link-no-pad:link,
.docs-gm .jfk-butterBar-warning a.docs-butterbar-link-no-pad:visited,
.docs-gm .jfk-butterBar-warning a.docs-butterbar-link:link,
.docs-gm .jfk-butterBar-warning a.docs-butterbar-link:visited {
  color: #fff
}

.docs-gm .jfk-butterBar-error .docs-butterbar-butter-action,
.docs-gm .jfk-butterBar-error .docs-butterbar-dismiss,
.docs-gm .jfk-butterBar-error .docs-butterbar-link,
.docs-gm .jfk-butterBar-error .docs-butterbar-link-no-pad,
.docs-gm .jfk-butterBar-error a.docs-butterbar-link-no-pad:link,
.docs-gm .jfk-butterBar-error a.docs-butterbar-link-no-pad:visited,
.docs-gm .jfk-butterBar-error a.docs-butterbar-link:link,
.docs-gm .jfk-butterBar-error a.docs-butterbar-link:visited {
  color: #34a853
}

.docs-gm .jfk-butterBar-info .docs-butterbar-butter-action:hover,
.docs-gm .jfk-butterBar-info .docs-butterbar-dismiss:hover,
.docs-gm .jfk-butterBar-info .docs-butterbar-link-no-pad:hover,
.docs-gm .jfk-butterBar-info .docs-butterbar-link:hover {
  color: #0d652d
}

.docs-gm .jfk-butterBar-warning .docs-butterbar-butter-action:hover,
.docs-gm .jfk-butterBar-warning .docs-butterbar-dismiss:hover,
.docs-gm .jfk-butterBar-warning .docs-butterbar-link-no-pad:hover,
.docs-gm .jfk-butterBar-warning .docs-butterbar-link:hover {
  color: #fad2cf
}

.docs-gm .jfk-butterBar-error .docs-butterbar-butter-action:hover,
.docs-gm .jfk-butterBar-error .docs-butterbar-dismiss:hover,
.docs-gm .jfk-butterBar-error .docs-butterbar-link-no-pad:hover,
.docs-gm .jfk-butterBar-error .docs-butterbar-link:hover {
  color: #81c995
}

.docs-gm .button-disabled.docs-butterbar-butter-action,
.docs-gm .button-disabled.docs-butterbar-butter-action:hover {
  color: #ccc;
  cursor: default
}

.docs-grille-gm3 .jfk-butterBar,
.docs-grille-gm3 .jfk-butterBar-error,
.docs-grille-gm3 .jfk-butterBar-info,
.docs-grille-gm3 .jfk-butterBar-warning {
  background-color: #303030;
  color: #f2f2f2;
  font-family: Roboto, sans-serif;
  padding: 2px 8px 2px 16px
}

.docs-grille-gm3 .docs-butterBar-message-container {
  margin-right: 80px
}

.docs-grille-gm3 .docs-butterBar-message-container:only-child {
  margin-right: 8px
}

.docs-grille-gm3 .jfk-butterBar a {
  color: #a8c7fa;
  font-weight: 500;
  text-decoration: none
}

.docs-grille-gm3.docs-grille-gm3.docs-gm .docs-butterbar-wrap .docs-butterbar-dismiss,
.docs-grille-gm3.docs-grille-gm3.docs-gm .docs-butterbar-wrap .docs-butterbar-link {
  border: 1px solid transparent;
  border-radius: 100px;
  box-sizing: border-box;
  cursor: pointer;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  white-space: nowrap;
  color: #a8c7fa;
  height: auto;
  margin-left: 8px;
  padding: 10px 12px;
  text-decoration: none
}

.docs-grille-gm3.docs-grille-gm3.docs-gm .docs-butterbar-wrap .docs-butterbar-link-no-pad {
  border: 1px solid transparent;
  border-radius: 100px;
  box-sizing: border-box;
  cursor: pointer;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  white-space: nowrap;
  color: #a8c7fa;
  height: auto;
  text-decoration: none
}

.docs-grille-gm3.docs-grille-gm3.docs-gm .docs-butterbar-wrap .docs-butterbar-butter-action {
  border: 1px solid transparent;
  border-radius: 100px;
  box-sizing: border-box;
  cursor: pointer;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  white-space: nowrap;
  color: #a8c7fa;
  height: auto;
  margin-left: 8px;
  padding: 10px 12px;
  text-decoration: none
}

.docs-grille-gm3.docs-grille-gm3.docs-gm .docs-butterbar-wrap .button-disabled.docs-butterbar-butter-action,
.docs-grille-gm3.docs-grille-gm3.docs-gm .docs-butterbar-wrap .button-disabled.docs-butterbar-butter-action:hover {
  color: #ccc;
  cursor: default
}

.docs-grille-gm3.docs-grille-gm3.docs-gm .docs-butterbar-wrap .docs-butterbar-link-no-pad {
  border-radius: 4px;
  margin: 0;
  padding: 0
}

.docs-grille-gm3.docs-gm .docs-butterbar-butter-action:hover,
.docs-grille-gm3.docs-gm .docs-butterbar-dismiss:hover,
.docs-grille-gm3.docs-gm .docs-butterbar-link-no-pad:hover,
.docs-grille-gm3.docs-gm .docs-butterbar-link:hover {
  background: rgba(168, 199, 250, .08)
}

.docs-grille-gm3 .docs-butterbar-butter-action:active,
.docs-grille-gm3 .docs-butterbar-butter-action:focus,
.docs-grille-gm3 .docs-butterbar-dismiss:active,
.docs-grille-gm3 .docs-butterbar-dismiss:focus,
.docs-grille-gm3 .docs-butterbar-link-no-pad:active,
.docs-grille-gm3 .docs-butterbar-link-no-pad:focus,
.docs-grille-gm3 .docs-butterbar-link:active,
.docs-grille-gm3 .docs-butterbar-link:focus {
  background: rgba(168, 199, 250, .12)
}

@media (forced-colors:active) {
  .button-disabled {
    color: GrayText
  }
}

#docs-chrome {
  background: #fff;
  outline: none
}

#docs-chrome.docs-hub-chrome {
  border-bottom: 1px solid #d9d9d9;
  min-height: 56px
}

#docs-header {
  position: relative;
  flex: 1 1 auto
}

#docs-header.docs-hub-appbar {
  height: 49px
}

#docs-header.docs-og-minibar {
  max-height: 31px
}

#docs-banner-container,
#docs-header-container {
  display: flex;
  justify-content: flex-end
}

#docs-banners {
  overflow: hidden;
  position: relative;
  flex: 1 1 auto
}

#docs-account-level-banner {
  display: flex;
  white-space: nowrap;
  width: 100%
}

#docs-file-level-banner {
  display: flex;
  flex-direction: column;
  white-space: nowrap;
  width: 100%
}

.docs-full-height-sidebar-placeholder {
  flex: 0 0 0
}

.docs-full-height-sidebar-placeholder.expanded {
  flex-basis: 300px
}

.docs-sidebar-header-text {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  left: 20px;
  position: absolute;
  font-size: 14px
}

.docs-sidebar-windows {
  overflow: hidden
}

#docs-bars {
  position: relative
}

#docs-titlebar-container {
  margin-left: 40px;
  position: relative
}

#docs-branding-container {
  height: 60px;
  margin-top: 26px;
  position: absolute;
  width: 40px;
  z-index: 1
}

#docs-branding-container a {
  display: inline-block;
  height: 60px;
  width: 40px
}

.docs-og-minibar #docs-branding-container {
  margin-top: 0
}

#docs-titlebar {
  clear: both;
  font-size: 18px;
  height: 24px;
  padding: 0;
  padding-top: 7px;
  width: 100%
}

.docs-hub-appbar #docs-titlebar {
  font-size: 16px
}

#docs-header.docs-og-minibar #docs-titlebar {
  height: 24px;
  padding-top: 0
}

#docs-header.docs-og-minibar #docs-titlebar-container {
  top: -21px
}

#docs-header.docs-hub-appbar #docs-titlebar-container {
  height: 100%
}

#docs-header.docs-og-minibar .docs-titlebar-buttons {
  top: 19px
}

.docs-exp {
  border-radius: 6px;
  border: 1px solid #800;
  color: #800;
  float: left;
  font-size: 11px;
  margin-right: 8px;
  padding: 0 5px;
  text-align: center;
  white-space: nowrap
}

#docs-drive-logo {
  height: 60px;
  position: absolute;
  width: 40px;
  opacity: 0;
  transition: all 125ms linear
}

#docs-branding-logo {
  height: 60px;
  position: absolute;
  width: 40px;
  transition: all 125ms linear
}

#docs-branding-container.docs-branding-default {
  background-color: #d1d1d1
}

#docs-branding-container.docs-branding-documents {
  background-color: #4285f4
}

#docs-branding-container.docs-branding-spreadsheets {
  background-color: #0f9d58
}

#docs-branding-container.docs-branding-presentations {
  background-color: #f4b400
}

#docs-branding-container.docs-branding-drawings {
  background-color: #db4437
}

#docs-branding-container.docs-branding-forms {
  background-color: #673ab7
}

#docs-branding-container.docs-branding-scripts {
  background-color: #4285f4
}

#docs-branding-container:not(.docs-branding-crossfade-transition-disabled):hover #docs-drive-logo {
  opacity: 1
}

#docs-branding-container:not(.docs-branding-crossfade-transition-disabled):hover #docs-branding-logo {
  opacity: 0
}

#docs-branding-container.docs-branding-default:hover #docs-drive-logo {
  opacity: 0
}

#docs-branding-container.docs-branding-default:hover #docs-branding-logo {
  opacity: 1
}

.docs-butter {
  text-align: center
}

.docs-butter-inner {
  border-radius: 3px;
  font-size: 13px;
  font-weight: 500;
  margin: 0 auto 5px;
  padding: 5px 7px
}

.docs-butter-info {
  background: #f6bc5d;
  color: #222
}

.docs-butter-info-link {
  color: #0658b5
}

.docs-butter-warning {
  background: #c00;
  color: #fff
}

.docs-butter-warning-link {
  color: #c3d9ff
}

#docs-chrome-cover-container {
  width: 100%;
  z-index: 990
}

#docs-chrome-cover {
  height: 60px
}

#docs-transient-bar-container {
  left: 50%;
  position: absolute;
  top: 100%;
  width: 0
}

.docs-fading-toolbar-message {
  background-color: #fff;
  border: solid #999;
  border-width: 0 0 1px 0;
  color: #999;
  font-size: 28px;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  position: absolute;
  text-align: center
}

.docs-title-outer {
  margin-left: 17px;
  white-space: nowrap;
  display: flex;
  flex-flow: row nowrap;
  align-items: center
}

.docs-title-outer.docs-title-inline-rename {
  margin-left: 12px
}

.docs-title {
  display: inline-block;
  outline: none
}

.docs-title-input {
  border: 1px solid transparent;
  border-radius: 2px !important;
  color: #fff;
  font-size: 18px;
  font-variant-ligatures: no-contextual;
  height: 20px;
  line-height: 22px;
  margin: 0;
  min-width: 1px;
  padding: 2px 7px;
  visibility: hidden
}

#docs-header.docs-hub-appbar .docs-title-input {
  font-size: 16px
}

.docs-title-input-label {
  font-size: 18px;
  font-variant-ligatures: no-contextual;
  line-height: 22px;
  margin: 0;
  overflow: hidden;
  padding: 2px 8px;
  pointer-events: none;
  position: absolute;
  text-overflow: ellipsis;
  top: 0;
  white-space: pre;
  z-index: 1
}

#docs-header.docs-hub-appbar .docs-title-input-label {
  font-size: 16px
}

.docs-title-input-label-inner {
  display: inline;
  line-height: 22px
}

.docs-title-input:hover {
  border-color: #e5e5e5
}

.docs-title .docs-title-untitled,
.docs-title-input-label.docs-title-untitled {
  color: #777;
  font-style: italic
}

.docs-title-widget {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  height: 27px;
  width: auto
}

#docs-header.docs-hub-appbar .docs-title-widget {
  padding-left: 6px
}

.docs-title-widget-enabled:hover .docs-title {
  background-color: #eee;
  cursor: pointer
}

.docs-title-widget .docs-back-container a {
  display: none
}

.docs-title-widget:hover .docs-back-container a {
  display: inline-block
}

.docs-back-container {
  height: 21px;
  opacity: .6;
  padding-right: 9px;
  margin-top: 1px;
  vertical-align: top;
  width: 21px
}

.docs-back-container:hover {
  opacity: .9
}

.docs-titlebar-badges {
  align-items: center;
  display: flex;
  flex-wrap: nowrap
}

.docs-hub-appbar .docs-titlebar-badges>:not(.docs-save-indicator-container) {
  display: none
}

.docs-titlebar-badge-container {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  gap: 4px
}

.docs-titlebar-badge .docs-icon {
  display: block;
  height: 18px;
  margin: 3px
}

.docs-titlebar-badge-container .goog-control,
.docs-titlebar-badge-container .goog-flat-button {
  outline: none
}

.docs-titlebar-badge {
  align-items: center;
  border-radius: 4px;
  color: #5f6368;
  cursor: pointer;
  display: flex;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  height: 24px
}

.docs-gm .docs-titlebar-badge:hover,
.docs-titlebar-badge.goog-control-focused,
.docs-titlebar-badge.goog-flat-button-focused,
.goog-control-focused .docs-titlebar-badge {
  background-color: #f1f3f4;
  outline: none
}

.docs-gm .docs-titlebar-badge.docs-titlebar-badge-selected,
.docs-gm .docs-titlebar-badge:active {
  background-color: #e6f4ea;
  color: #137333
}

.docs-titlebar-badge.goog-control-disabled {
  cursor: default;
  opacity: .38;
  background: none !important
}

.docs-titlebar-badge.goog-control-disabled .docs-icon-img {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_gm3_grey_medium.svg) !important
}

.docs-titlebar-badges.docs-badges-hidden-with-width {
  width: 0;
  overflow: hidden
}

.docs-parent-collections-container-outer {
  outline: none;
  vertical-align: top
}

.docs-activity-indicator-container {
  height: 29px;
  margin-top: 2px;
  vertical-align: top;
  padding-right: 2px
}

.office-editing-file-extension {
  background-color: #188038;
  border: 1px solid transparent;
  border-radius: 4px;
  box-sizing: border-box;
  color: #fff;
  cursor: default;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 12px;
  height: 20px;
  line-height: 19px;
  margin: 0 8px 0 0;
  padding: 0 5px 0 4px;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased
}

.interactive-office-editing-file-extension {
  cursor: pointer
}

.docs-classification-badge {
  border: 1px solid transparent;
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 12px;
  height: 20px;
  letter-spacing: .03em;
  line-height: 15px;
  padding: 2px 8px
}

.docs-titlebar-badge-container-hidden {
  display: none
}

.docs-templates-badge-container {
  vertical-align: middle
}

.docs-templates-badge {
  background-color: #5a5a5a;
  border-radius: 16px;
  color: #fff;
  font-size: 13px;
  padding: 0 11px;
  height: 24px;
  line-height: 24px
}

.docs-external-badge {
  background-color: #fbbc04;
  border: 1px solid transparent;
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  height: 20px;
  letter-spacing: .03em;
  line-height: 2px;
  margin: 4px;
  padding: 2px;
  overflow: hidden
}

.docs-external-badge-expanded {
  animation-delay: 10s;
  animation-duration: .3s;
  animation-fill-mode: both;
  animation-name: animateIcon;
  padding: 2px 4px
}

.docs-external-badge .docs-icon {
  height: 14px;
  margin: 0;
  width: 14px
}

.docs-external-badge-text {
  display: none
}

.docs-external-badge-text-expanded {
  animation-delay: 10s;
  animation-duration: .3s;
  animation-fill-mode: both;
  animation-name: animateText;
  color: #1f1f1f;
  display: block;
  float: right;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: .03em;
  padding-left: 4px
}

.docs-external-badge-text-container {
  display: inline-flex;
  overflow: hidden;
  width: auto
}

@keyframes animateText {
  0% {
    max-width: 50px;
    display: block
  }

  to {
    max-width: 0;
    display: none
  }
}

@keyframes animateIcon {
  0% {
    padding: 2px 4px
  }

  to {
    padding: 2px
  }
}

#docs-activity-indicator,
#docs-dlp,
.docs-title-save-label {
  margin-left: 4px;
  outline: none
}

.docs-titlebar-badge .docs-icon-img.docs-icon-encryption-shield {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_green.svg)
}

#docs-star.docs-titlebar-badge:active {
  background-color: #e8eaed
}

#docs-star.docs-titlebar-badge:active .docs-icon-img {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_gm3_grey_medium.svg)
}

#docs-activity-indicator {
  padding-left: 4px;
  padding-top: 2px
}

#docs-dlp .docs-icon-img {
  opacity: .45
}

#docs-dlp:hover .docs-icon-img {
  opacity: .55
}

#docs-dlp,
#docs-folder .docs-icon,
#docs-star {
  vertical-align: baseline
}

.docs-debug-info,
.docs-debug-info a {
  color: #777 !important;
  font-size: 8px
}

.docs-debug-container {
  margin-right: 16px;
  margin-top: 55px;
  vertical-align: top;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 8px
}

#docs-header.docs-hub-appbar .docs-debug-container {
  margin-top: 48px
}

.docs-titlebar-buttons {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  padding: 0 44px 0 0;
  position: absolute;
  right: 0;
  text-align: right;
  top: 26px;
  vertical-align: middle;
  white-space: nowrap;
  box-sizing: border-box
}

.docs-debug-container.docs-debug-info {
  display: flex;
  position: absolute;
  right: 0;
  top: 0
}

.docs-titlebar-button {
  z-index: 1
}

#docs-docos-commentsbutton {
  margin-right: 9px;
  cursor: default
}

#docs-titlebar-save {
  text-align: center
}

#docs-docos-commentsbutton,
#docs-titlebar-share-client-button div {
  height: 24px;
  padding-bottom: 3px;
  vertical-align: middle
}

#docs-header.docs-hub-appbar #docs-titlebar-share-client-button div {
  height: 28px;
  margin-right: 8px
}

#docs-header.docs-hub-appbar #docs-titlebar-share-client-button div.scb-icon-button {
  height: 32px;
  width: 32px
}

#docs-titlebar-share-client-button div.jfk-button {
  margin-right: 0
}

.docs-titlebar-buttons .goog-menu-button-dropdown {
  position: relative;
  top: 2px;
  vertical-align: baseline
}

.jfk-select.goog-flat-menu-button>.goog-flat-menu-button-dropdown {
  text-align: left
}

.docs-menubar {
  cursor: default;
  display: inline-block;
  font-size: 14px;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  height: 29px;
  margin-left: 52px;
  outline: none;
  position: relative;
  white-space: nowrap
}

.docs-menubar .goog-control {
  padding: 3px 7px 5px 7px;
  margin-top: 2px;
  border: 1px solid transparent;
  outline: none
}

.docs-menubar .goog-control-hover {
  background: #eee;
  border-color: #eee
}

.docs-menubar .goog-control-open {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, .2);
  border-bottom: none;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
  color: #000;
  z-index: 1003
}

.docs-menubar .goog-control-disabled {
  color: #ccc
}

#docs-menubars {
  white-space: nowrap
}

#docs-editor-container {
  padding: 0
}

#docs-editor {
  outline: none
}

#docs-editor.companion-enabled {
  width: calc(100% - var(--docs_companion_app_switcher_width))
}

.docs-gaia-disabled {
  color: #999;
  cursor: text
}

.docs-hide-label {
  display: none
}

#blob-notice-button {
  border: none;
  border-radius: 4px;
  background-color: #fce8e6;
  color: #c5221f;
  cursor: pointer;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  margin: 0 0 0 14px;
  outline: 0;
  padding: 4px 8px;
  white-space: nowrap
}

.docs-hc-gecko#blob-notice-button {
  border: 1px solid transparent
}

.office-editing-permanent-error-unsaved-changes-icon,
.office-editing-temporary-error-unsaved-changes-icon {
  display: none;
  height: 14px;
  margin-left: -2px;
  margin-right: 2px;
  top: -1.5px
}

.docs-edit-description-dialog,
.docs-rename-dialog {
  width: 340px
}

.docs-edit-description-dialog .modal-dialog-userInput,
.docs-rename-dialog .modal-dialog-userInput {
  width: 300px
}

.docs-gm .docs-edit-description-dialog,
.docs-gm .docs-rename-dialog {
  min-width: 312px;
  width: unset
}

.docs-gm .docs-rename-dialog .modal-dialog-content {
  font-size: 12px
}

.docs-gm .docs-rename-dialog .modal-dialog-userInput {
  width: 100%
}

#docs-help-anchor {
  left: 30%;
  position: absolute
}

#docs-help-anchor-right {
  right: 0;
  position: absolute
}

.docs-faux-link {
  color: #20c;
  cursor: pointer;
  text-decoration: underline
}

.docs-offscreen {
  position: absolute;
  left: -10000px;
  top: -10000px
}

.docs-offscreen-z-index {
  position: absolute;
  left: 0;
  top: -1px;
  z-index: -2;
  opacity: 0
}

.goog-modalpopup-bg,
.modal-dialog-bg {
  z-index: 998
}

.goog-menu,
.goog-modalpopup, {
  z-index: 1003
}

#docs-menu-shield {
  background-color: #fff;
  position: absolute;
  z-index: 1004
}

.apps-menu-hide-mnemonics .goog-menuitem-mnemonic-hint {
  text-decoration: none
}

.apps-menu-hide-mnemonics .goog-menuitem-mnemonic-separator {
  display: none
}

.goog-menu.goog-menu-noaccel .docs-menuheader {
  color: #9aa0a6 !important;
  padding-left: 12px
}

.goog-menu.goog-menu-noaccel .apps-menuitem {
  padding-right: 10px
}

.goog-menu.goog-menu-noicon .goog-menuitem.apps-menuitem {
  padding-left: 16px
}

.goog-inline-block.docs-icon.goog-menuitem-icon {
  position: absolute
}

.goog-menuitem.apps-menuitem {
  padding: 6px 10px 6px 30px;
  white-space: normal
}

.apps-menuitem .goog-menuitem-label {
  padding-right: 6px
}

.apps-menuitem .goog-menuitem-accel,
.docs-gm .goog-menuitem .goog-menuitem-accel {
  float: right;
  padding: 0 0 0 24px;
  position: relative
}

.goog-submenu .goog-menuitem-content {
  margin-right: 42px
}

.apps-menuitem .goog-submenu-arrow,
.docs-gm .goog-menuitem .goog-submenu-arrow,
.docs-submenuitem .goog-submenu-arrow {
  margin-right: 4px
}

.modal-dialog-content {
  font-size: 14px
}

#docs-hub-close-appbarbutton .hub-close-icon-container,
#docs-hub-open-external-appbarbutton .hub-open-external-icon-container,
.docs-icon.goog-inline-block.hub-document-icon-container {
  height: 20px;
  outline: 0;
  width: 20px;
  margin-top: 2px
}

.docs-grille-gm3 #docs-hub-close-appbarbutton .hub-close-icon-container,
.docs-grille-gm3 #docs-hub-open-external-appbarbutton .hub-open-external-icon-container {
  height: 24px;
  left: 0;
  top: 0;
  width: 24px
}

#docs-hub-close-appbarbutton .hub-close-icon-container,
#docs-hub-open-external-appbarbutton .hub-open-external-icon-container {
  position: relative;
  top: 1px;
  left: 1px
}

#docs-hub-close-appbarbutton,
#docs-hub-open-external-appbarbutton {
  margin: 0 0 0 2px;
  width: 32px;
  height: 32px
}

.docs-grille-gm3 #docs-hub-close-appbarbutton,
.docs-grille-gm3 #docs-hub-open-external-appbarbutton {
  width: 36px;
  height: 36px
}

#docs-hub-close-appbarbutton:focus,
#docs-hub-close-appbarbutton:hover,
#docs-hub-open-external-appbarbutton:focus,
#docs-hub-open-external-appbarbutton:hover {
  background-color: rgba(0, 0, 0, .06)
}

input {
  font-family: inherit
}

.docs-default-badge,
.docs-new-badge,
.docs-premium-badge {
  border-radius: 8px;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  height: 16px;
  letter-spacing: .3px;
  line-height: 16px;
  padding: 0 6px
}

.docs-new-badge,
.docs-premium-badge {
  background-color: #188038;
  color: #fff;
  font-weight: 500
}

.docs-default-badge {
  border: 1px solid #c4c7c5;
  color: #444746;
  font-weight: 400
}

.docs-default-badge-subtext {
  color: #444746;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 16px;
  letter-spacing: .1px;
  line-height: 16px;
  padding: 4px 0 0
}

.goog-menuitem-disabled .docs-default-badge-subtext {
  color: #9aa0a6 !important
}


.jfk-activityIndicator {
  display: inline-block;
  position: relative;
  direction: ltr
}

.jfk-activityIndicator,
.jfk-activityIndicator-circle,
.jfk-activityIndicator-circle-transition,
.jfk-activityIndicator-icon {
  height: 19px;
  width: 19px
}

.jfk-activityIndicator-small .jfk-activityIndicator-circle,
.jfk-activityIndicator-small .jfk-activityIndicator-circle-transition,
.jfk-activityIndicator-small .jfk-activityIndicator-icon,
.jfk-activityIndicator-small.jfk-activityIndicator {
  height: 16px;
  width: 16px
}

.jfk-activityIndicator-small .jfk-activityIndicator-icon {
  background: url(https://ssl.gstatic.com/ui/v1/activityindicator/offline_16.png) 50% no-repeat
}

.jfk-activityIndicator-icon {
  background: url(https://ssl.gstatic.com/ui/v1/activityindicator/offline.png) 50% no-repeat;
  transition: opacity .218s linear .44s;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0
}

.jfk-activityIndicator-circle {
  border-radius: 50%;
  top: 0;
  left: 0;
  position: absolute
}

.jfk-activityIndicator-mask {
  overflow: hidden;
  position: absolute
}

.jfk-activityIndicator-circle-transition {
  position: relative
}

.jfk-activityIndicator-transition {
  transition: all .22s ease-in
}

.jfk-activityIndicator-transition-second {
  transition: all .22s ease-out .22s
}

.jfk-star {
  display: inline-block;
  height: 19px;
  text-align: center;
  width: 19px;
  padding: 2px
}

.jfk-star:before {
  content: url(//ssl.gstatic.com/ui/v1/star/star4.png);
  content: -webkit-image-set(url(//ssl.gstatic.com/ui/v1/star/star4.png) 1x, url(//ssl.gstatic.com/ui/v1/star/star4_2x.png) 2x)
}

.jfk-star-hover:before {
  content: url(//ssl.gstatic.com/ui/v1/star/star-hover4.png);
  content: -webkit-image-set(url(//ssl.gstatic.com/ui/v1/star/star-hover4.png) 1x, url(//ssl.gstatic.com/ui/v1/star/star-hover4_2x.png) 2x)
}

.jfk-star-active:before {
  content: url(//ssl.gstatic.com/ui/v1/star/star-active4.png);
  content: -webkit-image-set(url(//ssl.gstatic.com/ui/v1/star/star-active4.png) 1x, url(//ssl.gstatic.com/ui/v1/star/star-active4_2x.png) 2x)
}

.jfk-star-checked:before {
  content: url(//ssl.gstatic.com/ui/v1/star/star-lit4.png);
  content: -webkit-image-set(url(//ssl.gstatic.com/ui/v1/star/star-lit4.png) 1x, url(//ssl.gstatic.com/ui/v1/star/star-lit4_2x.png) 2x)
}

.jfk-star-checked.jfk-star-hover:before {
  content: url(//ssl.gstatic.com/ui/v1/star/star-lit-hover4.png);
  content: -webkit-image-set(url(//ssl.gstatic.com/ui/v1/star/star-lit-hover4.png) 1x, url(//ssl.gstatic.com/ui/v1/star/star-lit-hover4_2x.png) 2x)
}

.jfk-star-checked.jfk-star-active:before {
  content: url(//ssl.gstatic.com/ui/v1/star/star-lit-active4.png);
  content: -webkit-image-set(url(//ssl.gstatic.com/ui/v1/star/star-lit-active4.png) 1x, url(//ssl.gstatic.com/ui/v1/star/star-lit-active4_2x.png) 2x)
}

.sharing-aria-region {
  position: absolute;
  top: -1000px;
  height: 1px;
  overflow: hidden
}

.apps-share-sprite {
  background-image: url(https://ssl.gstatic.com/docs/documents/share/images/sprite-24.svg)
}

.share-butterbar-container {
  font-family: Roboto, arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  position: fixed;
  display: inline-block;
  padding-bottom: 5px
}

.share-client-dialog .share-butterbar-container {
  font-family: arial, sans-serif
}

.share-butterbar-container .jfk-butterBar-shown {
  height: 21px
}

.share-butterbar-top {
  top: 23px
}

.share-butterbar-zindex {
  z-index: 3021
}

.share-butter-icon {
  opacity: .55;
  display: inline-block;
  width: 21px;
  height: 21px;
  margin-bottom: 1px;
  margin-top: 1px;
  margin-right: 1px;
  vertical-align: middle
}

.share-butter-link,
.share-butter-message {
  line-height: 21px
}

.share-butter-link,
.share-butter-link:visited {
  color: #15c;
  text-decoration: none;
  cursor: pointer
}

.share-butter-link:focus {
  outline: none
}

.share-butter-link:active {
  color: #d14836
}

.share-butter-link:disabled {
  color: #222;
  cursor: default
}

.share-butter-copy-icon {
  background-position: 0 -212px
}

.share-butter-specific-people-icon {
  background-position: 0 -778px
}

.share-butter-person-link-icon {
  background-position: 0 -412px
}

.share-client-dialog {
  max-height: 100% !important;
  overflow: auto;
  width: auto !important;
  box-sizing: border-box
}

.share-client-dialog:focus {
  outline: 0
}

* html .share-client-dialog {
  max-height: none !important;
  overflow: visible !important
}

:first-child+html .share-client-dialog {
  max-height: none !important;
  overflow: visible !important
}

.share-client-dialog .modal-dialog-content,
.share-client-dialog .modal-dialog-title {
  padding: 0
}

.share-client-dialog .share-client-dialog-hidden-title {
  height: 0;
  margin: 0;
  padding: 0
}

.share-client-dialog .modal-dialog-title {
  font-family: arial, sans-serif;
  font-weight: 400
}

.share-client-content-iframe {
  display: flex;
  height: 100%;
  width: 100%;
  border: none
}

.share-client-dialog .modal-dialog-buttons {
  display: none
}

.share-client-error-dialog {
  font-family: arial, sans-serif;
  font-size: 12px;
  width: 400px;
  z-index: 3000
}

.share-client-loading-contents {
  height: 99px;
  text-align: center;
  width: 454px
}

.share-client-spinner {
  background-image: url(https://ssl.gstatic.com/docs/documents/share/images/spinner-2.gif);
  background-size: 24px;
  display: inline-block;
  margin-top: 24px;
  width: 24px;
  height: 24px
}

.inline-share-ui-status {
  font-size: 12pt;
  font-weight: 700;
  height: 19px;
  padding: 5px 10px;
  background-color: #f1f4ff
}

.inline-share-ui-overlay {
  position: absolute;
  z-index: 150;
  background-color: #fff;
  opacity: 0
}

.share-client-panel-dialog-share {
  height: 100%;
  width: 100%
}

.share-client-panel-dialog-overlay {
  position: absolute;
  z-index: 150
}

.share-client-offscreen {
  position: absolute !important;
  left: -10000px !important;
  top: -10000px !important
}

.share-client-loading-dialog {
  font-family: arial, sans-serif;
  z-index: 3000
}

.share-client-loading-dialog:focus {
  outline: 0
}

.modeElementsDark .share-client-loading-dialog .modal-dialog-title {
  color: #e3e3e3
}

.share-client-debug {
  display: none;
  position: absolute;
  bottom: 0;
  right: 0;
  color: #777;
  font-size: 10px
}

.team-drive-share-client-dialog {
  border: none;
  border-radius: 2px;
  box-shadow: 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12), 0 11px 15px -7px rgba(0, 0, 0, .2);
  padding: 0
}

.full-screen-share-client-dialog {
  background-color: transparent !important;
  border: none !important;
  height: 100vh;
  overflow: hidden;
  padding: 0 !important;
  width: 100vw !important
}

.full-screen-share-client-dialog .modal-dialog-content {
  background: transparent;
  height: 100%;
  width: 100%
}

.modal-dialog.share-client-dialog.team-drive-share-client-dialog {
  padding: 0
}

.full-screen-share-client-dialog .modal-dialog-title,
.team-drive-share-client-dialog .modal-dialog-title {
  display: none
}

.jfk-tooltip {
  z-index: 30000
}

.scb-container,
.scb-icon {
  display: inline-block
}

.scb-button-icon {
  margin: -3px 2px 0 -5px;
  vertical-align: middle !important
}

.scb-tooltip-contents {
  color: #fff;
  font-size: 13px;
  max-width: 300px
}

.scb-tooltip-title {
  font-size: 14px;
  font-weight: 700
}

.scb-tooltip-text {
  font-weight: 400
}

.scb-tooltip-icon-container {
  width: 25px;
  vertical-align: top
}

.scb-tooltip-separator {
  border-top: 1px solid #555;
  margin: 2px 0
}

.jfk-button-standard .scb-button-icon {
  opacity: .7
}

.jfk-button-standard.jfk-button-checked .scb-button-icon,
.jfk-button-standard.jfk-button-hover .scb-button-icon,
.jfk-button-standard.jfk-button-selected .scb-button-icon {
  opacity: .9
}

.jfk-button-standard.jfk-button-disabled .scb-button-icon {
  opacity: .333
}

.scb-dlp-icon,
.scb-domain-public-icon-white,
.scb-domain-unlisted-icon-white,
.scb-invalid-icon-white,
.scb-private-icon-white,
.scb-privately-shared-icon-white,
.scb-public-icon-white,
.scb-unlisted-icon-white {
  width: 21px;
  height: 21px;
  background-repeat: no-repeat;
  vertical-align: bottom
}

.scb-domain-s900,
.scb-lock-s900,
.scb-people-s900,
.scb-person-add-s900,
.scb-public-s900,
.scb-warning-s900 {
  height: 18px;
  width: 18px
}

.scb-public-icon-white {
  background-position: 0 -45px
}

.scb-unlisted-icon-white {
  background-position: 0 -562px
}

.scb-domain-public-icon-white {
  background-position: 0 -1004px
}

.scb-domain-unlisted-icon-white {
  background-position: 0 -709px
}

.scb-privately-shared-icon-white {
  background-position: 0 -932px
}

.scb-private-icon-white {
  background-position: 0 -586px
}

.scb-invalid-icon-white {
  background-position: 0 -332px
}

.scb-dlp-icon {
  background-position: 0 -436px
}

.docs-branding-presentations .scb-public-icon-white {
  background-position: 0 -161px
}

.docs-branding-presentations .scb-unlisted-icon-white {
  background-position: 0 -412px
}

.docs-branding-presentations .scb-domain-public-icon-white {
  background-position: 0 -980px
}

.docs-branding-presentations .scb-domain-unlisted-icon-white {
  background-position: 0 -610px
}

.docs-branding-presentations .scb-privately-shared-icon-white {
  background-position: 0 -778px
}

.docs-branding-presentations .scb-private-icon-white {
  background-position: 0 0
}

.docs-branding-presentations .scb-invalid-icon-white {
  background-position: 0 -634px
}

.docs-grille-gm3 .scb-public-s900,
.scb-gm3 .scb-public-s900 {
  background-position: 0 -236px
}

.docs-grille-gm3 .scb-lock-s900,
.scb-gm3 .scb-lock-s900 {
  background-position: 0 -69px
}

.docs-grille-gm3 .scb-domain-s900,
.scb-gm3 .scb-domain-s900 {
  background-position: 0 -757px
}

.docs-grille-gm3 .scb-people-s900,
.scb-gm3 .scb-people-s900 {
  background-position: 0 -24px
}

.docs-grille-gm3 .scb-warning-s900,
.scb-gm3 .scb-warning-s900 {
  background-position: 0 -90px
}

.docs-grille-gm3 .scb-tooltip-text,
.docs-grille-gm3 .scb-tooltip-title,
.drive-viewer-gm3 .scb-tooltip-text,
.drive-viewer-gm3 .scb-tooltip-title {
  color: #f2f2f2;
  font-size: 12px;
  font-weight: 400
}

.scb-person-add-s900 {
  background-position: 0 -909px
}

@media (forced-colors:active) {
  .docs-grille-gm3 .scb-quick-actions-menu-button.goog-flat-menu-button .goog-flat-menu-button-dropdown {
    filter: invert(100%);
    forced-color-adjust: none
  }
}

.scb-quick-actions-menu-button.goog-flat-menu-button .goog-flat-menu-button-dropdown,
.scb-quick-actions-menu-button.goog-flat-menu-button-active .goog-flat-menu-button-dropdown,
.scb-quick-actions-menu-button.goog-flat-menu-button-hover .goog-flat-menu-button-dropdown,
.scb-quick-actions-menu-button.goog-flat-menu-button-open .goog-flat-menu-button-dropdown,
.scb-quick-actions-menu-button.goog-flat-menu-button-selected .goog-flat-menu-button-dropdown {
  border-color: #001d35 transparent
}

.scb-quick-actions-menu-button.goog-flat-menu-button-disabled .goog-flat-menu-button-dropdown {
  border-color: #1f1f1f transparent
}

.goog-menu.scb-sqa-menu {
  border-radius: 4px
}

.goog-menu.scb-sqa-menu .goog-menuitem.scb-sqa-menuitem {
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  letter-spacing: .2px;
  line-height: 20px;
  min-width: 140px;
  max-width: 240px;
  padding: 6px 15px 6px 38px
}

.scb-sqa-menuitem-content {
  padding-left: 4px
}

.scb-sqa-menuitem-content-italic {
  font-style: italic
}

.scb-sqa-access-requests-row {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between
}

.scb-sqa-access-requests-text {
  min-width: 142px
}

.scb-sqa-access-requests-count {
  background: #0b57d0;
  border-radius: 45%;
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  height: 18px;
  line-height: 18px;
  min-width: 16px;
  text-align: center;
  width: -moz-fit-content;
  width: fit-content
}

.scb-sqa-sprite.apps-share-sprite {
  background-image: url(https://ssl.gstatic.com/docs/documents/share/images/sprite-24.svg)
}

@media (forced-colors:active) {
  .scb-sqa-sprite.apps-share-sprite {
    background-image: url(https://ssl.gstatic.com/docs/documents/share/images/sprite-24.svg);
    filter: invert(100%);
    forced-color-adjust: none
  }
}

.scb-sqa-sprite.apps-share-sprite.scb-sqa-access-requests-icon {
  background-position: 0 -909px
}

.scb-sqa-sprite.apps-share-sprite.scb-sqa-copy-link-icon {
  background-position: 0 -484px
}

.goog-menu .goog-menuitem .apps-menuitem.scb-sqa-menuitem-content .goog-menuitem-icon.scb-sqa-access-requests-icon-container,
.goog-menu .goog-menuitem .apps-menuitem.scb-sqa-menuitem-content .goog-menuitem-icon.scb-sqa-copy-link-icon-container,
.goog-menu .goog-menuitem .apps-menuitem.scb-sqa-menuitem-content .goog-menuitem-icon.scb-sqa-custom-icon-container {
  margin: 5px 8px 0 12px
}

.goog-menu .goog-menuitem .apps-menuitem.scb-sqa-menuitem-content .goog-menuitem-icon.scb-sqa-access-requests-icon-container {
  left: 0;
  top: 0
}

.goog-menu .goog-menuitem:not(.goog-menuitem-rtl) .apps-menuitem.scb-sqa-menuitem-content .goog-menuitem-icon.scb-sqa-copy-link-icon-container {
  left: -3px;
  top: -1px
}

.goog-menu .goog-menuitem .apps-menuitem.scb-sqa-menuitem-content .goog-menuitem-icon.scb-sqa-custom-icon-container {
  left: -3px
}

.goog-menu .goog-menuitem .apps-menuitem.scb-sqa-menuitem-content .goog-menuitem-icon.scb-sqa-custom-icon-container,
.goog-menu .goog-menuitem.goog-menuitem-rtl .apps-menuitem.scb-sqa-menuitem-content .goog-menuitem-icon.scb-sqa-copy-link-icon-container {
  right: 3px;
  top: -1px
}

.scb-sqa-menuitem.scb-sqa-menuseparator {
  border-top: 1px solid #dadce0;
  margin: 8px 0;
  max-width: unset
}

.docs-gm .goog-menu.scb-sqa-menu .goog-menuitem.scb-sqa-menuitem.scb-sqa-iconless-menuitem,
.goog-menu.scb-sqa-menu .goog-menuitem.scb-sqa-menuitem.scb-sqa-iconless-menuitem {
  padding-left: 14px
}

.goog-menu .goog-menuitem-disabled.scb-sqa-iconless-menuitem .goog-menuitem-content .scb-sqa-visibility-details,
.goog-menu .goog-menuitem-disabled.scb-sqa-iconless-menuitem .goog-menuitem-content .scb-sqa-visibility-summary {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  overflow-wrap: anywhere;
  white-space: normal
}

.scb-sqa-visibility-summary.scb-sqa-visibility-summary-bold {
  font-weight: 500
}

.scb-sqa-menuitem-spinner .docs-spinner .spinner-layer {
  border-color: #202124
}

.scb-sqa-menuitem-spinner {
  top: 0;
  position: absolute;
  left: 0;
  margin: 8px 0 0 14px
}

.scb-sqa-menuitem-spinner .docs-quantum-spinner {
  left: 0;
  margin: 0
}

.scb-sqa-menuitem-spinner .docs-spinner,
.scb-sqa-menuitem-spinner .docs-spinner .docs-quantum-spinner,
.scb-sqa-menuitem-spinner .spinner-circle-clipper .spinner-circle,
.scb-sqa-menuitem-spinner .spinner-gap-patch .spinner-circle {
  height: 16px;
  width: 16px;
  border-width: 2px
}

.docs-branding-icon {
  direction: ltr;
  text-align: left;
  height: 60px;
  overflow: hidden;
  vertical-align: middle;
  width: 40px
}

.docs-branding-icon-img:before {
  content: url(https://ssl.gstatic.com/docs/common/branding_sprite1.svg)
}

.docs-branding-icon-img {
  position: absolute
}

.docs-branding-icon-default,
.docs-branding-icon-drive {
  left: 0;
  top: 0
}

.docs-branding-icon-documents {
  left: 0;
  top: -180px
}

.docs-branding-icon-spreadsheets {
  left: 0;
  top: -300px
}

.docs-branding-icon-presentations {
  left: 0;
  top: -360px
}

.docs-branding-icon-drawings {
  left: 0;
  top: -60px
}

.docs-branding-icon-forms {
  left: 0;
  top: -120px
}

.docs-branding-icon-scripts {
  left: 0;
  top: -240px
}

.docs-icon {
  direction: ltr;
  text-align: left;
  height: 21px;
  overflow: hidden;
  vertical-align: middle;
  width: 21px
}

.docs-icon-img:before {
  content: url(https://ssl.gstatic.com/docs/common/jfk_sprite186.png)
}

.docs-icon-img-legacy {
  background: url(https://ssl.gstatic.com/docs/common/jfk_sprite186.png)
}

.docs-icon-img-container {
  height: 4167px;
  position: absolute;
  width: 42px
}

.goog-color-menu-button-indicator .docs-icon {
  height: 19px
}

.goog-menuitem-icon .docs-icon-img-container {
  opacity: .7
}

.goog-menuitem-icon .docs-icon-document,
.goog-menuitem-icon .docs-icon-drawing,
.goog-menuitem-icon .docs-icon-form,
.goog-menuitem-icon .docs-icon-presentation,
.goog-menuitem-icon .docs-icon-punch,
.goog-menuitem-icon .docs-icon-script,
.goog-menuitem-icon .docs-icon-site,
.goog-menuitem-icon .docs-icon-spreadsheet {
  opacity: 1
}

#googlebar-coldstart {
  height: 28px;
  line-height: 28px;
  background-color: transparent;
  padding: 0 30px;
  z-index: 1003
}

.googlebar-coldstart-email-container {
  background-color: #fff;
  float: right;
  height: inherit
}

.googlebar-coldstart-email {
  color: #999;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 11px;
  padding: 0 15px
}

.modal-dialog a {
  color: #15c
}

.docs-material #docs-branding-container {
  margin-top: 0;
  width: 64px
}

.docs-material #docs-branding-container a,
.docs-material #docs-branding-logo,
.docs-material #docs-drive-logo,
.docs-material .docs-branding-icon {
  height: 40px;
  width: 40px
}

.docs-material #docs-branding-container .docs-branding-logo-no-link,
.docs-material #docs-branding-container a {
  border-radius: 50%;
  margin: 4px 0 4px 8px;
  padding: 8px
}

.docs-material #docs-branding-container a:focus {
  background-color: rgba(0, 0, 0, .06);
  outline: none
}

.docs-material #docs-menubar,
.docs-material #docs-titlebar-container {
  margin-left: 64px
}

.docs-material .docs-title-outer {
  margin-left: 0
}

.docs-material #docs-folder:not(.docs-titlebar-badge) {
  margin-top: 1px
}

.docs-material #docs-branding-container {
  background-color: inherit
}

.docs-material .docs-branding-icon-img:before {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_gm3_grey_medium.svg)
}

.docs-material .docs-branding-icon-documents {
  left: -1916px;
  top: -336px
}

.docs-material .docs-branding-icon-documents_2020q4 {
  left: -988px;
  top: -534px
}

.docs-material .docs-branding-icon-documents-36 {
  left: -1588px;
  top: -970px
}

.docs-material .docs-branding-icon-drawings {
  left: -298px;
  top: -992px
}

.docs-material .docs-branding-icon-drawings-36 {
  left: -1312px;
  top: -550px
}

.docs-material .docs-branding-icon-default,
.docs-material .docs-branding-icon-drive,
.docs-material .docs-branding-icon-forms,
.docs-material .docs-branding-icon-scripts {
  left: -904px;
  top: -108px
}

.docs-material .docs-branding-icon-spreadsheets {
  left: -1270px;
  top: -258px
}

.docs-material .docs-branding-icon-spreadsheets-2020q4 {
  left: -794px;
  top: -1084px
}

.docs-material .docs-branding-icon-spreadsheets-36 {
  left: -446px;
  top: -1060px
}

.docs-material .docs-branding-icon-presentations {
  left: -988px;
  top: -956px
}

.docs-material .docs-branding-icon-presentations-2020q4 {
  left: -540px;
  top: -948px
}

.docs-material .docs-branding-icon-presentations-36 {
  left: -580px;
  top: -564px
}

.docs-material .docs-branding-icon-videos {
  left: -198px;
  top: -1190px
}

.docs-material #docs-branding-container:not(.docs-branding-crossfade-transition-disabled):hover #docs-drive-logo {
  opacity: 0
}

.docs-material #docs-branding-container:not(.docs-branding-crossfade-transition-disabled):hover #docs-branding-logo {
  opacity: 1
}

.docs-material #docs-activity-indicator {
  padding-top: 3px
}

.docs-material .docs-titlebar-badges .jfk-activityIndicator {
  vertical-align: top
}

.docs-material #docs-header #docs-titlebar {
  padding-top: 9px
}

.docs-material #docs-header.docs-hub-appbar #docs-titlebar {
  padding-top: 14px
}

.docs-material #docs-header #docs-titlebar-container {
  max-height: 33px
}

.docs-material #docs-header.docs-hub-appbar #docs-titlebar-container {
  margin-left: 0;
  max-height: none
}

.docs-material .docs-menubar {
  height: 31px
}

.docs-material #docs-branding-container,
.docs-material #docs-chrome-cover {
  height: 64px
}

.docs-material .docs-appbar-circle-button.jfk-button {
  background-color: transparent;
  background-image: none;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  box-shadow: none;
  background-clip: padding-box;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  min-width: 0;
  padding: 0;
  margin: 0 9px 0 0
}

.docs-material .docs-appbar-circle-button.jfk-button .docs-icon {
  height: 24px;
  width: 24px;
  opacity: .54
}

.docs-gm .docs-material .docs-appbar-circle-button.jfk-button .docs-icon {
  opacity: 1
}

.docs-material .docs-appbar-circle-button.jfk-button-hover,
.docs-material .docs-appbar-circle-button.jfk-button:focus {
  background-color: rgba(0, 0, 0, .06)
}

.docs-material .docs-appbar-circle-button.jfk-button-active,
.docs-material .docs-appbar-circle-button.jfk-button-checked {
  background-color: rgba(0, 0, 0, .12)
}

.docs-gm .docs-material .docs-appbar-circle-button.jfk-button-active,
.docs-gm .docs-material .docs-appbar-circle-button.jfk-button-checked {
  background-color: #e6f4ea
}

.docs-material .docs-appbar-circle-button.jfk-button-active .docs-icon,
.docs-material .docs-appbar-circle-button.jfk-button-checked .docs-icon {
  opacity: .87
}

.docs-gm .docs-material .docs-appbar-circle-button.jfk-button-active .docs-icon,
.docs-gm .docs-material .docs-appbar-circle-button.jfk-button-checked .docs-icon {
  opacity: 1
}

.docs-material .docs-appbar-circle-button.jfk-button-disabled .docs-icon {
  opacity: .26
}

.docs-gm .docs-material .docs-appbar-circle-button.jfk-button-disabled .docs-icon {
  opacity: .38
}

.docs-material .docs-appbar-circle-button.jfk-button-disabled {
  cursor: inherit
}

.docs-material .docs-chat.jfk-button {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .2s .1s;
  background-color: #e8eaed;
  background-image: none
}

.docs-gm .docs-material .docs-chat.jfk-button,
.docs-gm .docs-material .docs-chat.jfk-button.jfk-button-active.jfk-button-focused,
.docs-gm .docs-material .docs-chat.jfk-button.jfk-button-clear-outline {
  background-color: #fff;
  border: 2px solid #dadce0;
  box-shadow: 0 0 0 2px #fff
}

.docs-material .docs-chat.jfk-button,
.docs-material .docs-chat.jfk-button.jfk-button-active.jfk-button-focused,
.docs-material .docs-chat.jfk-button.jfk-button-clear-outline {
  height: 32px;
  width: 32px;
  border-radius: 50%;
  border-width: 2px;
  border-style: solid;
  border-color: #fff;
  box-shadow: none;
  background-clip: padding-box;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  margin: 0 0 0 -8px
}

.docs-gm .docs-material .docs-chat.jfk-button.jfk-button-hover,
.docs-gm .docs-material .docs-chat.jfk-button.jfk-button-hover.jfk-button-clear-outline,
.docs-gm .docs-material .docs-chat.jfk-button.jfk-button-hover.jfk-button-focused,
.docs-material .docs-chat.jfk-button.jfk-button-hover {
  background-color: #dadce0
}

.docs-gm .docs-material .docs-chat.jfk-button.jfk-button-hover.jfk-button-clear-outline.jfk-button-focused.jfk-button-active {
  margin: 0 0 0 -8px
}

.docs-material .docs-chat.jfk-button.jfk-button-active {
  background-color: #bdc1c6
}

.docs-material .docs-chat.jfk-button.jfk-button-focused {
  border: 4px solid rgba(0, 0, 0, .12);
  margin: -2px -2px -2px -10px
}

.docs-gm .docs-material .docs-chat.jfk-button.jfk-button-focused {
  background-color: #fff;
  border: 4px solid rgba(0, 0, 0, .12);
  margin: -2px -2px -2px -10px;
  box-shadow: none
}

.docs-material .docs-chat.jfk-button .docs-icon {
  transition-duration: .2s;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  opacity: .71;
  margin: 0
}

.docs-material .docs-chat.jfk-button.jfk-button-active .docs-icon,
.docs-material .docs-chat.jfk-button.jfk-button-checked .docs-icon,
.docs-material .docs-chat.jfk-button.jfk-button-focused .docs-icon,
.docs-material .docs-chat.jfk-button.jfk-button-hover .docs-icon {
  opacity: .86
}

.docs-material .docs-chat.jfk-button.jfk-button-disabled .docs-icon {
  opacity: .5
}

.docs-material .docs-chat-badge {
  border-radius: 50%;
  border: 1px solid #fff;
  right: -3px;
  top: -3px
}

.docs-gm .docs-explore-feedback-button,
.docs-gm .docs-explore-feedback-title {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px
}

.docs-gm .docs-explore-sidebar-title-heading,
.docs-gm .docs-explore-sidebar-title-heading-button {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  position: relative;
  left: auto;
  height: auto;
  max-width: calc(100% - 64px);
  padding: 0;
  right: auto;
  top: auto
}

.docs-gm .docs-explore-sidebar-title-heading-button {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 16px
}

.docs-gm .docs-explore-serp-enterpriseresultscard-allresults-text,
.docs-gm .docs-explore-serp-webresultscard-allresults-text,
.docs-gm .docs-explore-serp-webresultscard-header-text {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px
}

.docs-gm .docs-explore-serp-enterpriseresult-embeddeditems-show-more-button {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500
}

.docs-gm .docs-explore-serp-enterpriseresult-snippet {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px
}

.docs-gm .docs-explore-searchbar-labelinput,
.docs-gm .docs-explore-serp-enterpriseresult-title {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px
}

.docs-gm .docs-explore-card-title-heading {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-transform: none
}

.docs-gm .docs-explore-card-more-button {
  color: #1a73e8;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px
}

.docs-gm .docs-explore-card-subtitle {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 16px
}

.docs-material.goog-menu.goog-menu-nocheckbox .goog-menuitem,
.docs-material.goog-menu.goog-menu-noicon .goog-menuitem {
  padding-left: 16px
}

.docs-material.goog-menu .goog-menuitem {
  padding-left: 36px
}

.docs-material.goog-menu .goog-menuitem .goog-menuitem-checkbox,
.docs-material.goog-menu .goog-menuitem .goog-menuitem-icon {
  left: 8px
}

.docs-material.goog-menu .goog-menuitem.goog-option-selected {
  background-position: left 5px center
}

.docs-gm .docs-material.goog-menu .goog-menuitem.goog-option-selected {
  background-image: none
}

.docs-gm .docs-material.goog-menu .goog-menuitem.goog-option-selected .goog-menuitem-checkbox {
  background: no-repeat url(https://ssl.gstatic.com/docs/common/material_common_sprite839_gm3_grey_medium.svg) -1136px -550px;
  height: 18px;
  width: 18px;
  top: 50%;
  margin-top: -9px
}

.docs-gm .docs-menubar .goog-control {
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: none;
  color: #202124;
  cursor: pointer;
  font-size: 14px;
  letter-spacing: .2px;
  padding: 4px 6px
}

.docs-gm .docs-menubar .goog-control-hover {
  background-color: #f1f3f4
}

.docs-gm .docs-menubar .goog-control-open {
  background-color: #e6f4ea
}

.docs-gm .docs-menubar .goog-control-active,
.docs-gm .docs-menubar .goog-control:hover:active {
  background-color: #ceead6
}

.docs-gm .docs-menubar .goog-control-disabled {
  color: #9aa0a6;
  background-color: #fff;
  cursor: default
}

.docs-gm .docs-menubar .docs-menu-button-open-above,
.docs-gm .docs-menubar .docs-menu-button-open-below {
  z-index: 1003
}

.docs-gm .docs-menubar .goog-control.docs-menu-button-open-below {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

.docs-gm .goog-menu.docs-menu-attached-button-above {
  border-top-left-radius: 0
}

.docs-gm .goog-menu.docs-menu-attached-button-below {
  border-bottom-left-radius: 0
}

.docs-gm .goog-menu {
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15);
  max-height: calc(100vh - 94px);
  overflow-y: auto
}

.docs-gm .goog-menu .goog-dimension-picker,
.docs-gm .goog-menu.docs-fontmenu {
  overflow: hidden
}

.docs-gm .goog-menu.docs-ruler-context-menu {
  overflow: visible
}

.docs-gm .docs-fontmenu {
  max-height: unset
}

.docs-gm .goog-menuseparator {
  border-top: 1px solid #dadce0;
  margin: 8px 0 8px 36px
}

.docs-gm .docs-colormenuitems .goog-menuseparator,
.docs-gm .goog-menu-noicon.flix-timeline-zoom-menu .goog-menuseparator,
.docs-gm .waffle-conditionalformat-default-menu .goog-menuseparator {
  margin-left: 0
}

.docs-gm .goog-menu-noicon .goog-menuseparator {
  margin-left: 13px
}

.docs-gm .goog-menuitem {
  color: #202124;
  font-size: 14px;
  letter-spacing: .2px;
  line-height: 20px
}

.docs-gm .goog-menu .goog-menuitem {
  padding: 6px 15px 6px 38px
}

.docs-gm .goog-menu-noicon .goog-menuitem {
  padding-left: 15px
}

.docs-gm .goog-menu .goog-menuitem .goog-menuitem-checkbox,
.docs-gm .goog-menu .goog-menuitem .goog-menuitem-icon:not(.docs-omnibox-row-icon) {
  margin: 7px 8px 7px 12px;
  left: 0;
  top: 0
}

.docs-gm.docs-hc-gecko .goog-menu .goog-menuitem .goog-menuitem-checkbox {
  filter: invert(100%)
}

.docs-gm .goog-menuitem .goog-menuitem-content {
  min-height: 20px
}

.docs-gm .goog-menuitem .goog-submenu-arrow {
  padding-top: 0
}

.docs-gm .goog-menuitem .docs-display-density-toolbar-menuitem-description,
.docs-gm .goog-menuitem .docs-toolbar-mode-switcher-menu-description,
.docs-gm .goog-menuitem .punch-qanda-presenter-view-menu-item-description {
  color: #5f6368;
  font-size: 12px;
  line-height: 1
}

.docs-gm .goog-menuitem-highlight {
  border: none;
  background-color: #f1f3f4
}

.docs-gm .docs-submenuitem.goog-menuitem {
  padding-right: 10px
}

.docs-gm .docs-fontmenu .goog-menuitem {
  padding-right: 48px
}

.docs-gm .goog-menuitem-disabled,
.docs-gm .goog-menuitem-disabled .goog-menuitem-content {
  color: #9aa0a6 !important
}

.docs-gm .goog-menuitem-active:hover:active {
  background-color: #e8eaed
}

.docs-gm .goog-menuitem-accel,
.docs-gm .goog-menuitem-disabled .goog-menuitem-accel {
  color: #80868b;
  font-weight: 500
}

.docs-gm .docs-ruler-context-menu-arrow-before {
  border: 0
}

.docs-gm .docs-omnibox-autocomplete .goog-menuitem-icon {
  top: auto
}

@media screen and (forced-colors:active) {

  .docs-gm .docs-menubar .goog-control-open,
  .docs-gm .goog-menuitem-highlight,
  .docs-gm .goog-menuitem-highlight .goog-menuitem-accel,
  .docs-gm .goog-menuitem-highlight .goog-menuitem-content,
  .docs-gm .goog-menuitem-highlight .goog-menuitem-label,
  .docs-gm .goog-menuitem-highlight .goog-submenu-arrow {
    background-color: Highlight !important;
    color: HighlightText !important;
    forced-color-adjust: none
  }

  .docs-gm .docs-menubar .goog-control {
    border-color: Canvas
  }

  .docs-gm .docs-menubar .goog-control-open {
    border-color: Highlight
  }

  .docs-gm .goog-menuitem-disabled,
  .docs-gm .goog-menuitem-disabled .goog-menuitem-accel,
  .docs-gm .goog-menuitem-disabled .goog-menuitem-content,
  .docs-gm .goog-menuitem-disabled .goog-menuitem-label,
  .docs-gm .goog-menuitem-disabled .goog-submenu-arrow {
    color: GrayText !important
  }
}

.docs-gm .goog-flat-menu-button-disabled {
  opacity: .38
}

.docs-material #docs-presence-container {
  align-items: center;
  display: flex;
  height: 36px;
  justify-content: space-between;
  margin: 0 8px 0 0
}

.docs-material .docs-presence-plus-widget {
  display: flex;
  align-items: center;
  justify-content: flex-end
}

.docs-material .docs-presence-plus-widget-collabs {
  height: 36px
}

.docs-material .docs-presence-plus-collab-widget-container {
  align-items: center;
  display: inline-flex;
  flex-direction: column;
  height: 36px;
  margin: 0 0 0 -8px;
  overflow: visible;
  width: 36px
}

.docs-material .docs-presence-plus-widget-open .docs-presence-plus-collab-widget-container {
  display: none
}

.docs-material .docs-presence-plus-collab-widget {
  display: flex
}

.docs-material .docs-presence-plus-collab-widget-color-block,
.docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-color-block {
  height: 32px;
  width: 32px;
  border-radius: 50%;
  border-width: 2px;
  border-style: solid;
  border-color: #fff;
  box-shadow: none;
  background-clip: padding-box;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  opacity: 1;
  overflow: visible
}

.docs-material .docs-presence-plus-widget-followable .docs-presence-plus-collab-widget-container:focus .docs-presence-plus-collab-widget-color-block {
  border: 2px solid #c7c7c7;
  margin: 0
}

.docs-material .docs-presence-plus-widget-followable .docs-presence-plus-collab-widget-container:hover .docs-presence-plus-collab-widget-color-block {
  border: 2px solid #e1e3e1
}

.docs-material .docs-presence-plus-collab-widget-color-block.docs-cse-presence-collab-widget,
.docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-color-block.docs-cse-presence-collab-widget {
  cursor: default
}

.docs-material .docs-presence-plus-collab-widget-container:focus .docs-presence-plus-collab-widget-color-block.docs-cse-presence-collab-widget {
  border: none;
  margin: 2px
}

.docs-material .docs-presence-plus-collab-widget-image-container,
.docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-image-container {
  height: 32px;
  width: 32px;
  border-radius: 50%;
  padding: 0;
  overflow: visible;
  display: inline-block;
  opacity: .5;
  box-shadow: 0 0 1px 0 #fff;
  position: relative
}

.docs-material .docs-presence-plus-collab-widget-active .docs-presence-plus-collab-widget-image-container,
.docs-material .docs-presence-plus-collab-widget-active+.docs-presence-plus-collab-widget-leader-label-container .docs-presence-plus-collab-widget-leader-label {
  opacity: 1
}

.docs-material .docs-presence-plus-collab-widget-image-border,
.docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-image-border {
  height: 28px;
  width: 28px;
  border-radius: 50%;
  margin: 2px;
  border: none
}

.docs-material .docs-presence-plus-collab-widget-image,
.docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-image {
  height: 28px;
  width: 28px;
  border-radius: 50%;
  padding: 0;
  left: 0
}

.docs-material .docs-presence-plus-collab-widget-container:focus {
  outline: none
}

.docs-material .docs-presence-plus-collab-widget-container:focus .docs-presence-plus-collab-widget-color-block {
  border: 4px solid rgba(0, 0, 0, .12);
  margin: -2px
}

.docs-material .goog-flat-menu-button.docs-presence-plus-widget-overflow-button {
  height: 32px;
  width: 32px;
  border-radius: 50%;
  border-width: 2px;
  border-style: solid;
  border-color: #fff;
  box-shadow: none;
  background-clip: padding-box;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  margin: 0 0 0 -8px;
  background-color: #e8eaed;
  background-image: none;
  color: rgba(32, 33, 36, .71)
}

.docs-material .docs-hub-appbar .docs-presence-plus-widget-overflow-button {
  height: 28px;
  width: 28px;
  border-radius: 50%;
  border-width: 2px;
  border-style: solid;
  border-color: #fff;
  box-shadow: none;
  background-clip: padding-box;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent
}

.docs-material .docs-hub-appbar .docs-presence-plus-widget-overflow-button .goog-flat-menu-button-caption {
  line-height: 28px
}

.docs-material .docs-presence-plus-widget-overflow-button.goog-flat-menu-button-focused {
  border: 4px solid rgba(0, 0, 0, .12);
  color: rgba(32, 33, 36, .86);
  margin: -2px -2px -2px -10px
}

.docs-material .docs-presence-plus-widget-overflow-button.goog-flat-menu-button-focused.goog-flat-menu-button-open {
  border: 2px solid #fff;
  margin: 0 0 0 -8px
}

.docs-material .docs-presence-plus-widget-overflow-button.goog-flat-menu-button-open {
  background-color: #e8eaed;
  z-index: auto
}

.docs-material .docs-presence-plus-widget-overflow-button.goog-flat-menu-button-hover {
  box-shadow: none;
  background-color: #dadce0;
  color: rgba(32, 33, 36, .86)
}

.docs-material .docs-presence-plus-widget-overflow-button.goog-flat-menu-button-active {
  background-color: #bdc1c6;
  color: rgba(32, 33, 36, .86)
}

.docs-material .docs-presence-plus-widget-overflow-button.goog-flat-menu-button-open .goog-flat-menu-button-caption {
  transition-duration: .2s;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-delay: .1s;
  opacity: 0
}

.docs-material .docs-presence-plus-widget-overflow-button.goog-flat-menu-button-open .goog-flat-menu-button-dropdown {
  transition-duration: .2s;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-delay: .1s;
  opacity: 1
}

.docs-material .docs-presence-plus-widget-overflow-button .goog-flat-menu-button-caption {
  transition-duration: .2s;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  left: -2px;
  line-height: 32px;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 500
}

.docs-material .docs-presence-plus-widget-overflow-button .goog-flat-menu-button-dropdown {
  transition-duration: .2s;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  right: 10px;
  opacity: 0;
  border-width: 0 6px 6px;
  border-color: rgba(32, 33, 36, .71) transparent
}

.docs-material .docs-presence-plus-widget-overflow-button.goog-flat-menu-button-active .goog-flat-menu-button-dropdown,
.docs-material .docs-presence-plus-widget-overflow-button.goog-flat-menu-button-focused .goog-flat-menu-button-dropdown,
.docs-material .docs-presence-plus-widget-overflow-button.goog-flat-menu-button-hover .goog-flat-menu-button-dropdown {
  border-color: rgba(32, 33, 36, .86) transparent
}

.docs-material.docs-presence-plus-widget-overflow-menu {
  border-radius: 2px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
  display: flex;
  flex-direction: column;
  max-height: 340px;
  padding: 4px 0 8px 0;
  width: 256px
}

.docs-material.docs-presence-plus-widget-expanded-width-overflow-menu {
  width: 320px
}

.docs-material.docs-presence-plus-widget-overflow-menu .goog-menuheader {
  display: flex;
  align-items: center;
  margin-left: 16px;
  height: 40px;
  color: rgba(0, 0, 0, .54);
  font-weight: 500;
  order: 1
}

.docs-presence-plus-collab-widget-menuitem {
  order: 3
}

.docs-presence-plus-collab-widget-menuitem.docs-presence-plus-collab-widget-leader {
  order: 2
}

.docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-container {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 5px 0;
  position: relative;
  height: 48px;
  width: 100%
}

.docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-color-block {
  margin: 0 16px 0;
  border: none
}

.docs-presence-plus-widget-followable.docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-container:hover .docs-presence-plus-collab-widget-color-block {
  height: 32px;
  width: 32px;
  border-radius: 50%;
  border-width: 2px;
  border-style: solid;
  border-color: #fff;
  box-shadow: none;
  background-clip: padding-box;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  border: none
}

.docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget {
  align-items: center;
  display: flex;
  height: 48px;
  padding-right: 16px;
  width: 100%
}

.docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-leader .docs-presence-plus-collab-widget:not(.docs-presence-plus-collab-widget-active) {
  padding-right: 8px
}

.docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-name {
  color: rgba(0, 0, 0, .87);
  display: flex;
  justify-content: space-between;
  margin: 0;
  width: 100%
}

.docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-idle-text {
  color: rgba(0, 0, 0, .54);
  display: inline-flex;
  margin-left: 6px;
  font-size: 13px
}

.docs-presence-plus-collab-widget-label {
  align-items: center;
  border-radius: 4px;
  color: #fff;
  display: flex;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: 500;
  height: 16px;
  letter-spacing: .1px;
  margin-right: 16px;
  padding: 2px 8px
}

.docs-presence-plus-collab-widget-leader-label-container {
  bottom: 0;
  display: inline-flex;
  height: 18px;
  left: 0;
  position: relative;
  width: -moz-fit-content;
  width: fit-content
}

.docs-presence-plus-collab-widget-leader-label {
  bottom: 0;
  box-sizing: border-box;
  height: 100%;
  justify-content: center;
  margin: 0;
  opacity: .5;
  padding: 2px 6px;
  position: static;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 2
}

.docs-presence-plus-collab-widget-leader-label-background {
  background-color: #fff;
  border-radius: 4px;
  bottom: 0;
  box-sizing: border-box;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: -1
}

.docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-container:focus-visible .docs-presence-plus-collab-widget-leader-label,
.docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-container:hover .docs-presence-plus-collab-widget-leader-label,
.docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-leader-label {
  border: none;
  height: 18px;
  margin-top: 0;
  padding: 0 7px;
  width: auto
}

.docs-presence-plus-collab-widget-container:focus-visible .docs-presence-plus-collab-widget-label-text,
.docs-presence-plus-collab-widget-container:hover .docs-presence-plus-collab-widget-label-text {
  display: block
}

.docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-label-text {
  display: block
}

.docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-leader-label-container {
  margin-right: 16px
}

@keyframes material-collab-join {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.docs-material .docs-presence-plus-collab-widget-enter-material {
  animation-name: material-collab-join;
  animation-timing-function: cubic-bezier(0, 0, .2, 1);
  animation-duration: .2s;
  animation-fill-mode: both
}

.docs-material .docs-presence-plus-collab-widget-exit-material {
  animation-name: material-collab-join;
  animation-direction: reverse;
  animation-timing-function: cubic-bezier(.4, 0, .2, 1);
  animation-duration: .2s;
  animation-fill-mode: both
}

.add-on-host-dialog {
  z-index: 903
}

.add-on-host-dialog-bg {
  z-index: 902
}

.docs-material .docs-titlebar-button {
  display: inline-flex;
  align-items: center;
  justify-content: center
}

.docs-revisions-sidebar .docs-revisions-sidebar-title {
  height: 64px
}

.docs-material #docs-docos-commentsbutton {
  background-color: transparent;
  background-image: none;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  box-shadow: none;
  background-clip: padding-box;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  min-width: 0;
  padding: 0;
  margin: 0 9px 0 0
}

.docs-grille-gm3 #docs-docos-commentsbutton .docs-icon {
  top: 1px
}

.docs-material #docs-docos-commentsbutton.jfk-button.jfk-button-hover,
.docs-material #docs-docos-commentsbutton:focus {
  background-color: rgba(0, 0, 0, .06)
}

.docs-material #docs-docos-commentsbutton.jfk-button.jfk-button-active,
.docs-material #docs-docos-commentsbutton.jfk-button.jfk-button-checked {
  background-color: rgba(0, 0, 0, .12)
}

.docs-gm .docs-material #docs-docos-commentsbutton.jfk-button.jfk-button-active,
.docs-gm .docs-material #docs-docos-commentsbutton.jfk-button.jfk-button-checked {
  background-color: #e6f4ea
}

.docs-material #docs-docos-commentsbutton .docs-icon {
  height: 24px;
  width: 24px;
  opacity: .54
}

.docs-material #docs-docos-commentsbutton.jfk-button.jfk-button-active .docs-icon,
.docs-material #docs-docos-commentsbutton.jfk-button.jfk-button-checked .docs-icon {
  opacity: .87
}

.docs-material #docs-docos-commentsbutton.jfk-button.jfk-button-disabled .docs-icon {
  opacity: .26
}

.docs-gm .docs-material #docs-docos-commentsbutton .docs-icon,
.docs-gm .docs-material #docs-docos-commentsbutton.jfk-button.jfk-button-active .docs-icon,
.docs-gm .docs-material #docs-docos-commentsbutton.jfk-button.jfk-button-checked .docs-icon {
  opacity: 1
}

.docs-gm .docs-material #docs-docos-commentsbutton.jfk-button.jfk-button-disabled .docs-icon {
  opacity: .38
}

.docs-material #docs-docos-commentsbutton.jfk-button.jfk-button-disabled,
.docs-material #docs-script-button-bar .jfk-button.jfk-button-disabled,
.docs-material #docs-titlebar-share-client-button .jfk-button.jfk-button-disabled {
  cursor: inherit
}

.docs-material #docs-docos-commentsbutton .docs-docos-commentsbutton-badge {
  background-color: #1a73e8;
  border: 2px solid #fff;
  border-radius: 999px;
  color: #fff;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
  height: 16px;
  left: 28px;
  line-height: 16px;
  padding: 0 3px;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  min-width: 10px;
  z-index: inherit
}

.docs-material #docs-titlebar-share-client-button .jfk-button {
  box-shadow: none;
  background-color: #4285f4;
  background-image: none;
  cursor: pointer;
  border-color: transparent !important;
  border-radius: 2px;
  border-width: 1px;
  border-style: inset;
  color: #fff;
  font-size: 13px;
  height: 30px;
  padding: 0 14px;
  text-transform: uppercase;
  font-size: 14px;
  margin-right: 12px;
  padding: 0 7px;
  min-width: 0
}

.docs-material #docs-titlebar-share-client-button .jfk-button-disabled {
  background-color: rgba(0, 0, 0, .12);
  opacity: 1
}

.docs-material #docs-titlebar-share-client-button .jfk-button .scb-button-icon {
  margin: 0 3px 0 -4px
}

.docs-material #docs-titlebar-share-client-button .jfk-button:focus {
  border-color: rgba(0, 0, 0, .38) !important
}

.docs-material #docs-titlebar-share-client-button .jfk-button.jfk-button-hover {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2)
}

.docs-material #docs-header.docs-hub-appbar #docs-titlebar-share-client-button .jfk-button {
  padding-left: 16px;
  padding-right: 16px
}

.docs-material #docs-header.docs-hub-appbar #docs-titlebar-share-client-button .jfk-button.jfk-button-hover {
  height: 28px
}

.docs-material #docs-titlebar-share-client-button .jfk-button.jfk-button-active,
.docs-material #docs-titlebar-share-client-button .jfk-button.jfk-button-checked {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
  background-color: #3367d6
}

.docs-material #docs-script-button-bar .jfk-button {
  box-shadow: none;
  background-color: rgba(0, 0, 0, .04);
  background-image: none;
  cursor: pointer;
  border-color: transparent !important;
  border-radius: 2px;
  border-width: 1px;
  border-style: inset;
  color: rgba(0, 0, 0, .54);
  font-size: 13px;
  height: 30px;
  padding: 0 14px;
  text-transform: uppercase;
  margin-right: 8px
}

.docs-material #docs-script-button-bar .jfk-button.jfk-button-disabled {
  background-color: #fff;
  color: rgba(0, 0, 0, .26)
}

.docs-material #docs-script-button-bar .jfk-button:focus {
  border-color: #4285f4 !important;
  color: rgba(0, 0, 0, .6)
}

.docs-material #docs-script-button-bar .jfk-button.jfk-button-hover {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
  color: rgba(0, 0, 0, .6)
}

.docs-material #docs-script-button-bar .jfk-button.jfk-button-active,
.docs-material #docs-script-button-bar .jfk-button.jfk-button-checked {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
  background-color: rgba(0, 0, 0, .12);
  color: rgba(0, 0, 0, .87)
}

.docs-material #docs-script-button-bar .jfk-button.jfk-button-clear-outline,
.docs-material #docs-titlebar-share-client-button .jfk-button.jfk-button-clear-outline {
  border-color: transparent !important
}

#docs-docos-caret {
  display: none
}

.docs-material .docs-docos-activitybox {
  top: 60px
}

.docs-material #docs-header .docs-titlebar-buttons {
  align-items: center;
  display: flex;
  height: 64px;
  padding: 0 12px 0 16px;
  top: 0;
  z-index: 900
}

.docs-material #docs-header.docs-hub-appbar .docs-titlebar-buttons {
  background-color: transparent;
  height: 56px
}

.docs-material #docs-header .docs-titlebar-buttons.docs-titlebar-occluding:before {
  background: linear-gradient(90deg, transparent, rgba(60, 64, 67, .1) 70%, rgba(60, 64, 67, .2));
  content: "";
  height: 100%;
  left: -6px;
  position: absolute;
  width: 6px;
  top: 0
}

.docs-material #docs-header .docs-titlebar-buttons-rtl.docs-titlebar-occluding:before {
  background: linear-gradient(270deg, transparent, rgba(60, 64, 67, .1) 70%, rgba(60, 64, 67, .2))
}

.docs-material #docs-header .docs-titlebar-buttons #docs-titlebar-edit-buttons {
  display: inherit;
  align-items: inherit
}

.docs-material .docs-titlebar-buttons .onegoogle-material-minibar {
  text-align: left
}

.docs-material #googlebar-coldstart {
  height: 32px;
  width: 32px;
  border-radius: 50%;
  background-color: #0f9d58;
  margin: 0 8px 0 0;
  padding: 0;
  z-index: auto
}

.docs-material #googlebar-coldstart .docs-icon-img {
  opacity: .54
}

.docs-gm .docs-title-untitled {
  font-style: normal
}

.docs-gm #docs-titlebar-share-client-button .jfk-button {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #188038;
  color: #fff;
  padding: 9px 16px 10px 12px;
  text-transform: capitalize
}

.docs-gm #docs-titlebar-share-client-button .jfk-button-disabled {
  background: #188038;
  color: #fff;
  background: #f8f9fa;
  color: #202124;
  opacity: .62;
  padding: 9px 16px 10px 12px
}

.docs-gm #docs-titlebar-share-client-button .jfk-button .scb-button-icon {
  margin: 0 3px 0 -4px
}

.docs-gm #docs-titlebar-share-client-button .jfk-button:focus {
  background: #188038;
  color: #fff;
  background: #4f9e67;
  box-shadow: 0 1px 3px 1px rgba(52, 168, 83, .15);
  padding: 9px 16px 10px 12px;
  border-color: transparent !important
}

.docs-gm #docs-titlebar-share-client-button .jfk-button.jfk-button-hover {
  background: #188038;
  color: #fff;
  background: #2a8947;
  box-shadow: 0 1px 3px 1px rgba(52, 168, 83, .15);
  padding: 9px 16px 10px 12px
}

.docs-gm #docs-titlebar-share-client-button .jfk-button.jfk-button-hover:focus {
  background: #188038;
  color: #fff;
  background: #62a877;
  box-shadow: 0 1px 3px 1px rgba(52, 168, 83, .15);
  padding: 9px 16px 10px 12px
}

.docs-gm #docs-titlebar-share-client-button .jfk-button.jfk-button-active,
.docs-gm #docs-titlebar-share-client-button .jfk-button.jfk-button-checked {
  background: #188038;
  color: #fff;
  background: #62a877;
  box-shadow: 0 2px 6px 2px rgba(52, 168, 83, .15);
  padding: 9px 16px 10px 12px
}

.docs-material #docs-recall-titlebar-search-menu-container {
  align-self: flex-start;
  margin: 12px 16px 0 16px
}

.docs-material .docs-title-bar-find-icon-container {
  height: 24px;
  width: 24px
}

.goog-toolbar-button,
.goog-toolbar-menu-button {
  border-radius: 2px;
  -webkit-user-select: none;
  background: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 1px;
  outline: none;
  padding: 0;
  height: 24px;
  color: #333;
  line-height: 24px;
  list-style: none;
  font-weight: 700;
  -webkit-text-decoration: none;
  text-decoration: none;
  vertical-align: middle;
  cursor: default
}

.goog-toolbar-button-inner-box .goog-toolbar-menu-button-outer-box,
.goog-toolbar-button-outer-box,
.goog-toolbar-menu-button-inner-box {
  border: 0;
  vertical-align: top
}

.goog-toolbar-button-outer-box,
.goog-toolbar-menu-button-outer-box {
  margin: 0;
  padding: 0
}

.goog-toolbar-button-hover {
  padding: 0
}

.goog-toolbar-button-active,
.goog-toolbar-button-checked,
.goog-toolbar-button-selected {
  color: #222;
  padding: 0
}

.goog-toolbar-button-hover,
.goog-toolbar-menu-button-hover {
  border-color: #c6c6c6 !important;
  color: #222
}

.goog-toolbar-menu-button-open {
  color: #222
}

.goog-toolbar-button-hover,
.goog-toolbar-menu-button-hover {
  box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
  background-color: #f8f8f8;
  background-image: linear-gradient(top, #f8f8f8, #f1f1f1)
}

.goog-toolbar-button-active,
.goog-toolbar-menu-button-active {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
  background-color: #f6f6f6;
  background-image: linear-gradient(top, #f6f6f6, #f1f1f1);
  border-color: #c6c6c6
}

.goog-toolbar-button-checked,
.goog-toolbar-button-selected,
.goog-toolbar-menu-button-open {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
  background-color: #eee;
  background-image: linear-gradient(top, #eee, #e0e0e0);
  border-color: #ccc
}

.goog-toolbar-button-disabled,
.goog-toolbar-menu-button-disabled {
  color: #222 !important;
  opacity: .3;
  filter: alpha(opacity=30)
}

.goog-toolbar-button-collapse-right,
.goog-toolbar-button-collapse-right .goog-toolbar-button-inner-box,
.goog-toolbar-button-collapse-right .goog-toolbar-button-outer-box {
  margin-right: 0
}

.goog-toolbar-button-collapse-left,
.goog-toolbar-button-collapse-left .goog-toolbar-button-inner-box,
.goog-toolbar-button-collapse-left .goog-toolbar-button-outer-box {
  margin-left: 0
}

.goog-toolbar-menu-button-dropdown {
  background: url(https://ssl.gstatic.com/ui/v1/disclosure/small-grey-disclosure-arrow-down.png) 50% no-repeat;
  float: right;
  margin: 10px 2px 0 3px;
  padding: 0;
  opacity: .8;
  vertical-align: middle;
  width: 5px;
  height: 7px;
  *float: none;
  *position: relative;
  *top: -3px
}

.goog-toolbar-separator {
  border-left: 1px solid #ccc;
  height: 17px;
  line-height: normal;
  list-style: none;
  margin: 0 2px;
  outline: none;
  overflow: hidden;
  padding: 0;
  text-decoration: none;
  vertical-align: middle;
  width: 0
}

.goog-toolbar-select .goog-toolbar-menu-button-dropdown {
  background: url(https://ssl.gstatic.com/ui/v1/disclosure/small-grey-disclosure-arrow-down.png) 50% no-repeat;
  height: 11px;
  margin-top: 7px;
  width: 7px;
  transform: none;
  filter: none
}

.goog-toolbar-menu-button-caption {
  padding: 0;
  margin: 0
}

.docs-material #docs-toolbar-wrapper {
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  background: #fff;
  box-shadow: none
}

.docs-gm #docs-toolbar-wrapper {
  border-top: 1px solid #dadce0;
  border-bottom: 1px solid #dadce0
}

.docs-material #docs-side-toolbar {
  margin: 0 21px 0 0
}

.docs-material.companion-enabled #docs-side-toolbar {
  margin: 0 4px 0 0
}

.docs-material #docs-equationtoolbar,
.docs-material #docs-header.docs-hub-appbar #docs-titlebar-container,
.docs-material #docs-toolbar-wrapper,
.docs-material .docs-printpreview-toolbar {
  padding: 0 21px 0 22px
}

.docs-material #docs-header.docs-hub-appbar #docs-titlebar-container {
  padding-left: 24px
}

.docs-material #docs-equationtoolbar,
.docs-material .docs-printpreview-toolbar {
  background: #fff
}

.docs-material #docs-equationtoolbar {
  border-top-width: 0;
  border-bottom: 1px solid #e0e0e0
}

.docs-material.companion-enabled #docs-equationtoolbar {
  padding-right: 4px
}

.docs-gm #docs-equationtoolbar .goog-toolbar-menu-button-inner-box {
  padding-top: 0
}

.docs-gm #docs-equationtoolbar .goog-toolbar-menu-button-caption {
  padding-top: 2px
}

#hide-equation-toolbar-button {
  float: right
}

#docs-omnibox-toolbar .docs-omnibox-input {
  height: 26px;
  line-height: 26px
}

#docs-omnibox-toolbar .docs-omnibox-input::placeholder {
  line-height: 26px
}

#docs-omnibox-toolbar .docs-omnibox-autocomplete {
  margin: 6px 4px 6px 1px
}

.docs-gm #docs-toolbar,
.docs-gm .goog-toolbar {
  min-height: 38px
}

.docs-material .goog-toolbar-button,
.docs-material .goog-toolbar-combo-button,
.docs-material .goog-toolbar-menu-button {
  box-shadow: none;
  background-color: #fff;
  background-image: none;
  cursor: pointer;
  border-color: transparent !important;
  border-radius: 2px;
  border-width: 1px
}

.docs-gm .docs-material.trix-palette .goog-palette-cell-hover,
.docs-material .docs-toolbar-button-split-sympathy-hover,
.docs-material .docs-toolbar-split-create-button,
.docs-material .docs-toolbar-split-create-button.goog-toolbar-button-hover,
.docs-material .docs-toolbar-split-create-button.goog-toolbar-menu-button-hover,
.docs-material .goog-toolbar-button-hover,
.docs-material .goog-toolbar-combo-button-hover,
.docs-material .goog-toolbar-menu-button-hover {
  box-shadow: none;
  background-color: rgba(0, 0, 0, .06);
  background-image: none;
  border-color: transparent !important;
  border-radius: 2px;
  border-width: 1px;
  cursor: pointer
}

.docs-gm .docs-material .docs-toolbar-button-split-sympathy-hover,
.docs-gm .docs-material .docs-toolbar-split-button-separator-wrapper,
.docs-gm .docs-material .docs-toolbar-split-create-button,
.docs-gm .docs-material .docs-toolbar-split-create-button.goog-toolbar-button-hover,
.docs-gm .docs-material .docs-toolbar-split-create-button.goog-toolbar-menu-button-hover .docs-gm .docs-material.trix-palette .goog-palette-cell-hover,
.docs-gm .docs-material .docs-toolbar-split-sl-button,
.docs-gm .docs-material .goog-toolbar-button-hover,
.docs-gm .docs-material .goog-toolbar-combo-button-hover,
.docs-gm .docs-material .goog-toolbar-menu-button-hover {
  background-color: #f1f3f4
}

.docs-gm .docs-material.trix-palette .goog-palette-cell-selected,
.docs-material .docs-toolbar-split-create-button.goog-toolbar-button-active,
.docs-material .docs-toolbar-split-create-button.goog-toolbar-menu-button-active,
.docs-material .docs-toolbar-split-create-button.goog-toolbar-menu-button-open,
.docs-material .goog-toolbar-button-active,
.docs-material .goog-toolbar-button-checked,
.docs-material .goog-toolbar-button-selected,
.docs-material .goog-toolbar-combo-button-open,
.docs-material .goog-toolbar-menu-button-open {
  box-shadow: none;
  background-color: rgba(0, 0, 0, .12);
  background-image: none;
  cursor: pointer;
  border-color: transparent !important;
  border-radius: 2px;
  border-width: 1px
}

.docs-gm .docs-material .docs-toolbar-split-create-button.goog-toolbar-button-active,
.docs-gm .docs-material .docs-toolbar-split-create-button.goog-toolbar-menu-button-active,
.docs-gm .docs-material .docs-toolbar-split-create-button.goog-toolbar-menu-button-open,
.docs-gm .docs-material .goog-toolbar-button-active,
.docs-gm .docs-material .goog-toolbar-button-checked,
.docs-gm .docs-material .goog-toolbar-button-selected,
.docs-gm .docs-material .goog-toolbar-combo-button-open,
.docs-gm .docs-material .goog-toolbar-menu-button-open,
.docs-gm .docs-material.trix-palette .goog-palette-cell-selected {
  background-color: #e6f4ea;
  color: #137333
}

.docs-material .goog-toolbar-button,
.docs-material .goog-toolbar-menu-button {
  margin: 3px 1px 0;
  height: 26px;
  line-height: 26px;
  color: rgba(0, 0, 0, .7)
}

.docs-material .goog-toolbar-button-inner-box,
.docs-material .goog-toolbar-menu-button-inner-box {
  height: 26px;
  min-width: 26px
}

.docs-material .docs-toolbar-button-split-left .goog-toolbar-button-inner-box {
  min-width: 26px
}

.docs-material .goog-toolbar-toggle-button.goog-toolbar-button-checked+.goog-toolbar-toggle-button.goog-toolbar-button-checked {
  border-left-color: #ccc;
  border-left-style: solid;
  border-left-width: 1px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  margin-left: 1px
}

.docs-material .goog-toolbar-toggle-button.goog-toolbar-button-checked+.goog-toolbar-toggle-button.goog-toolbar-button-checked .goog-toolbar-button-outer-box .goog-toolbar-button-inner-box,
.docs-material .goog-toolbar-toggle-button.goog-toolbar-button-checked+.goog-toolbar-toggle-button.goog-toolbar-button-checked.goog-toolbar-button-hover .goog-toolbar-button-outer-box .goog-toolbar-button-inner-box {
  margin-left: 0
}

.docs-material .goog-toolbar-button .docs-icon,
.docs-material .goog-toolbar-menu-button .docs-icon {
  opacity: .54
}

.docs-gm .docs-material .goog-toolbar-button .docs-icon,
.docs-gm .docs-material .goog-toolbar-combo-button-dropdown,
.docs-gm .docs-material .goog-toolbar-menu-button .docs-icon,
.docs-gm .docs-material .goog-toolbar-menu-button-dropdown {
  opacity: 1
}

.docs-material .goog-toolbar-button-active .docs-icon,
.docs-material .goog-toolbar-button-checked .docs-icon,
.docs-material .goog-toolbar-button-hover .docs-icon,
.docs-material .goog-toolbar-button-selected .docs-icon,
.docs-material .goog-toolbar-menu-button-checked .docs-icon,
.docs-material .goog-toolbar-menu-button-hover .docs-icon,
.docs-material .goog-toolbar-menu-button-open .docs-icon,
.docs-material .goog-toolbar-menu-button-selected .docs-icon {
  opacity: .87
}

.docs-gm .docs-material .goog-toolbar-button-active .docs-icon,
.docs-gm .docs-material .goog-toolbar-button-checked .docs-icon,
.docs-gm .docs-material .goog-toolbar-button-hover .docs-icon,
.docs-gm .docs-material .goog-toolbar-button-selected .docs-icon,
.docs-gm .docs-material .goog-toolbar-menu-button-checked .docs-icon,
.docs-gm .docs-material .goog-toolbar-menu-button-hover .docs-icon,
.docs-gm .docs-material .goog-toolbar-menu-button-open .docs-icon,
.docs-gm .docs-material .goog-toolbar-menu-button-selected .docs-icon {
  opacity: 1
}

.docs-gm .goog-toolbar-button-inner-box,
.docs-gm .goog-toolbar-menu-button-inner-box {
  height: 24px;
  min-width: 24px
}

.docs-gm .goog-toolbar-button .docs-icon {
  margin: 0 0 1px 0
}

.docs-gm .goog-toolbar-button.docs-icon-toolbar-button-with-text .docs-icon-toolbar-button-with-text-icon-container {
  margin-right: 4px
}

.docs-gm .goog-toolbar-menu-button.docs-textcolormenubutton .docs-icon {
  margin-top: 1px
}

.docs-material .goog-toolbar-separator.goog-inline-block {
  border-left: 1px solid #e0e0e0;
  margin: 0 3px
}

.docs-material .docs-toolbar-small-separator+div.goog-toolbar-button,
.docs-material .docs-toolbar-small-separator+div.goog-toolbar-menu-button {
  margin-left: 1px
}

.docs-gm .goog-toolbar-separator.goog-inline-block {
  border-left: 1px solid #dadce0;
  margin: 9px 4px;
  height: 20px
}

.docs-material .docs-toolbar-button-split-left,
.docs-material .docs-toolbar-button-split-left.goog-inline-block {
  margin-right: 0
}

.docs-material .docs-toolbar-button-split-right,
.docs-material .docs-toolbar-button-split-right.goog-inline-block {
  margin-left: 0
}

.docs-material .docs-toolbar-button-split-left+.docs-toolbar-button-split-right.goog-toolbar-menu-button-open,
.docs-material .docs-toolbar-button-split-right.docs-toolbar-button-split-sympathy-hover,
.docs-material .docs-toolbar-button-split-right.goog-toolbar-button-hover,
.docs-material .docs-toolbar-button-split-right.goog-toolbar-menu-button-hover,
.docs-material .docs-toolbar-split-create-button+.docs-toolbar-button-split-right {
  border-left-color: rgba(0, 0, 0, .12) !important
}

.docs-gm .docs-material .docs-toolbar-button-split-left+.docs-toolbar-button-split-right.goog-toolbar-menu-button-open,
.docs-gm .docs-material .docs-toolbar-button-split-right.docs-toolbar-button-split-sympathy-hover,
.docs-gm .docs-material .docs-toolbar-button-split-right.goog-toolbar-button-hover,
.docs-gm .docs-material .docs-toolbar-button-split-right.goog-toolbar-menu-button-hover,
.docs-gm .docs-material .docs-toolbar-split-create-button+.docs-toolbar-button-split-right {
  border-left-color: #f1f3f4 !important
}

.docs-material .docs-toolbar-split-create-button.goog-toolbar-menu-button {
  margin-right: 3px
}

.docs-material .docs-toolbar-split-create-button .goog-toolbar-menu-button-dropdown,
.docs-material .goog-toolbar-combo-button-dropdown,
.docs-material .goog-toolbar-menu-button-dropdown {
  margin-top: 10px
}

.docs-gm .docs-gm-arrow .docs-icon {
  margin: 0
}

.docs-gm .docs-gm-arrow.goog-toolbar-combo-button-dropdown,
.docs-gm .docs-gm-arrow.goog-toolbar-menu-button-dropdown,
.docs-gm .docs-toolbar-split-create-button .goog-toolbar-menu-button-dropdown {
  background: none;
  margin: 0 -1px 0 -3px;
  width: 13px
}

.docs-gm .goog-toolbar-select .goog-toolbar-menu-button-outer-box .goog-toolbar-menu-button-inner-box .goog-toolbar-menu-button-dropdown {
  margin-right: -1px
}

.docs-gm #docs-equationtoolbar .goog-toolbar-button,
.docs-gm #docs-equationtoolbar .goog-toolbar-menu-button,
.docs-gm .goog-toolbar-button,
.docs-gm .goog-toolbar-combo-button,
.docs-gm .goog-toolbar-menu-button,
.docs-gm .trix-palette .goog-palette-cell {
  height: 24px;
  line-height: 24px;
  margin: 6px 1px;
  top: 0
}

.docs-gm .goog-toolbar-button-disabled,
.docs-gm .goog-toolbar-menu-button-disabled,
.docs-gm .trix-palette .goog-palette-cell-disabled {
  color: #5f6368 !important;
  cursor: inherit;
  opacity: .38
}

.docs-gm .goog-toolbar-combo-button-input {
  color: rgba(0, 0, 0, .7);
  box-sizing: border-box;
  height: 20px;
  width: 48px !important
}

.docs-gm .goog-toolbar-combo-button-open {
  background-color: #f1f3f4
}

.docs-gm .goog-toolbar-combo-button-input::selection {
  background-color: #e6f4ea
}

.docs-gm .goog-toolbar-combo-button-input:focus {
  border: 2px solid #1a73e8 !important;
  border-radius: 4px;
  padding: 0 7px
}

.docs-material .goog-color-menu-button-indicator {
  height: 20px;
  border-bottom-color: transparent;
  forced-color-adjust: none
}

.docs-material .docs-textcolormenubutton .goog-toolbar-menu-button-outer-box .goog-toolbar-menu-button-inner-box .goog-toolbar-menu-button-caption .goog-color-menu-button-indicator {
  bottom: 0
}

.docs-material.docs-toolbar-more-bubble {
  border: 0;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
  border-radius: 2px
}

.docs-material.docs-toolbar-more-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplafter,
.docs-material.docs-toolbar-more-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplbefore {
  border-color: transparent
}

.docs-material.docs-toolbar-more-toolbar {
  background: #fff;
  border-radius: 2px;
  padding: 0 4px
}

.docs-gm .docs-toolbar-more-bubble {
  border-radius: 4px;
  box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15)
}

.docs-gm .docs-toolbar-more-toolbar {
  border-radius: 4px
}

.jfk-button {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500
}

.jfk-button-flat {
  font-weight: 400
}

.goog-toolbar-button,
.goog-toolbar-menu-button {
  font-weight: 500;
  font-size: 11px;
  font-size: 12px
}

#docs-editor,
#docs-editor-container {
  background: #f9fbfd
}

.docs-hub #docs-editor-container {
  background: #fff
}

.goog-tab {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500
}

.goog-flat-menu-button-caption {
  font-weight: 500;
  font-weight: 400
}

.modal-dialog-buttons {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}

.modal-dialog-buttons button {
  font-weight: 500
}

.modal-dialog-title {
  font-size: 16px;
  font-size: 22px
}

.goog-flat-menu-button {
  font-weight: 500
}

.jfk-accordion .goog-zippy-expanded,
.jfk-titleLink {
  font-weight: 500
}

.jfk-countrypicker-countryCurrent,
.jfk-countrypicker-countryCurrent:hover {
  font-weight: 500
}

.jfk-slideToggle {
  font-weight: 500
}

.jfk-tooltip {
  font-weight: 500;
  font-size: 11px;
  font-size: 12px
}

.jfk-bubble-arrowdown .jfk-bubble-arrowimplbefore,
.jfk-bubble-arrowup .jfk-bubble-arrowimplbefore {
  border-color: #dadce0 transparent
}

@media (forced-colors:active) {
  .docs-gm-promo.jfk-bubble.docs-promo-bubble {
    border: 1px solid CanvasText
  }

  .docs-gm-promo.jfk-bubble .jfk-bubble-arrow .jfk-bubble-arrowimplafter,
  .docs-gm-promo.jfk-bubble .jfk-bubble-arrow .jfk-bubble-arrowimplbefore,
  .jfk-tooltip .jfk-tooltip-arrow .jfk-tooltip-arrowimplafter,
  .jfk-tooltip .jfk-tooltip-arrow .jfk-tooltip-arrowimplbefore {
    border-color: CanvasText Canvas
  }

  @supports (forced-color-adjust:none) {

    .docs-gm-promo .jfk-bubble-arrowimplafter,
    .docs-gm-promo .jfk-bubble-arrowimplbefore,
    .jfk-tooltip-arrowimplafter,
    .jfk-tooltip-arrowimplbefore {
      forced-color-adjust: none
    }

    .jfk-tooltip .jfk-tooltip-arrow .jfk-tooltip-arrowimplbefore {
      border-color: CanvasText transparent
    }

    .jfk-tooltip .jfk-tooltip-arrow .jfk-tooltip-arrowimplafter {
      border-color: Canvas transparent
    }

    .docs-gm-promo.jfk-bubble.jfk-bubble-promo.docs-promo-bubble .jfk-bubble-arrow-id.jfk-bubble-arrow .jfk-bubble-arrowimplafter {
      border-color: CanvasText transparent
    }
  }
}

.apps-shortcutshelpcontentimpl-title-container,
.apps-shortcutshelppopup-title-container {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}

.docs-offline-optinpromo-buttons .jfk-button-action,
.punch-animation-sidebar-play.jfk-button,
.punch-animation-sidebar-stop.jfk-button,
.waffle-filterbox-button-container .jfk-button-action {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #188038;
  color: #fff;
  cursor: pointer
}

.docs-offline-optinpromo-buttons .jfk-button-action.jfk-button-hover,
.docs-suggestiondialog-accept-container .goog-flat-menu-button-hover,
.docs-suggestiondialog-accept-container .jfk-button-hover,
.punch-animation-sidebar-play.jfk-button-hover,
.punch-animation-sidebar-stop.jfk-button-hover,
.waffle-filterbox-button-container .jfk-button-action.jfk-button-hover {
  background: #188038;
  color: #fff;
  background: #2a8947;
  box-shadow: 0 1px 3px 1px rgba(52, 168, 83, .15)
}

.docs-offline-optinpromo-buttons .jfk-button-action.jfk-button-focused,
.docs-suggestiondialog-accept-container .goog-flat-menu-button-focused,
.docs-suggestiondialog-accept-container .jfk-button-focused,
.punch-animation-sidebar-play.jfk-button-focused,
.punch-animation-sidebar-stop.jfk-button-focused,
.waffle-filterbox-button-container .jfk-button-action.jfk-button-focused {
  background: #188038;
  color: #fff;
  background: #4f9e67;
  box-shadow: 0 1px 3px 1px rgba(52, 168, 83, .15)
}

.docs-offline-optinpromo-buttons .jfk-button-action.jfk-button-hover.jfk-button-focused,
.docs-suggestiondialog-accept-container .goog-flat-menu-button-hover.goog-flat-menu-button-focused,
.docs-suggestiondialog-accept-container .jfk-button-hover.jfk-button-focused,
.punch-animation-sidebar-play.jfk-button-hover.jfk-button-focused,
.punch-animation-sidebar-stop.jfk-button-hover.jfk-button-focused,
.waffle-filterbox-button-container .jfk-button-action.jfk-button-hover.jfk-button-focused {
  background: #188038;
  color: #fff;
  background: #62a877;
  box-shadow: 0 1px 3px 1px rgba(52, 168, 83, .15)
}

.docs-offline-optinpromo-buttons .jfk-button-action.jfk-button-pressed,
.docs-suggestiondialog-accept-container .goog-flat-menu-button-pressed,
.docs-suggestiondialog-accept-container .jfk-button-pressed,
.punch-animation-sidebar-play.jfk-button-pressed,
.punch-animation-sidebar-stop.jfk-button-pressed,
.waffle-filterbox-button-container .jfk-button-action.jfk-button-pressed {
  background: #188038;
  color: #fff;
  background: #62a877;
  box-shadow: 0 2px 6px 2px rgba(52, 168, 83, .15)
}

.docs-offline-optinpromo-buttons .jfk-button-action.jfk-button-disabled,
.docs-suggestiondialog-accept-container .goog-flat-menu-button-disabled,
.docs-suggestiondialog-accept-container .jfk-button-disabled,
.punch-animation-sidebar-play.jfk-button-disabled,
.punch-animation-sidebar-stop.jfk-button-disabled,
.waffle-filterbox-button-container .jfk-button-action.jfk-button-disabled {
  background: #188038;
  color: #fff;
  background: #f8f9fa;
  color: #202124;
  opacity: .62;
  cursor: default
}

.docs-gm .docs-image-effect-adjustment-reset-button,
.docs-offline-optinpromo-buttons .jfk-button-standard,
.motion-ui .punch-animation-sidebar-add.goog-flat-button,
.waffle-filterbox-button-container .jfk-button-standard {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #fff;
  border: 1px solid #dadce0 !important;
  color: #137333;
  cursor: pointer
}

.docs-gm .docs-image-effect-adjustment-reset-button.jfk-button-hover,
.docs-offline-optinpromo-buttons .jfk-button-standard.jfk-button-hover,
.docs-suggestiondialog-reject-container .goog-flat-menu-button-hover,
.docs-suggestiondialog-reject-container .jfk-button-hover,
.motion-ui .punch-animation-sidebar-add.goog-flat-button-hover,
.waffle-filterbox-button-container .jfk-button-standard.jfk-button-hover {
  background: #f8fcf9;
  border: 1px solid #c8e7d1 !important
}

.docs-gm .docs-image-effect-adjustment-reset-button.jfk-button-focused,
.docs-offline-optinpromo-buttons .jfk-button-standard.jfk-button-focused,
.docs-suggestiondialog-reject-container .goog-flat-menu-button-focused,
.docs-suggestiondialog-reject-container .jfk-button-focused,
.motion-ui .punch-animation-sidebar-add.goog-flat-button-focused,
.waffle-filterbox-button-container .jfk-button-standard.jfk-button-focused {
  background: #e7f5eb;
  border: 1px solid #bbe2c6 !important
}

.docs-gm .docs-image-effect-adjustment-reset-button.jfk-button-hover.jfk-button-focused,
.docs-offline-optinpromo-buttons .jfk-button-standard.jfk-button-hover.jfk-button-focused,
.docs-suggestiondialog-reject-container .goog-flat-menu-button-hover.goog-flat-menu-button-focused,
.docs-suggestiondialog-reject-container .jfk-button-hover.jfk-button-focused,
.motion-ui .punch-animation-sidebar-add.goog-flat-button-hover.goog-flat-button-focused,
.waffle-filterbox-button-container .jfk-button-standard.jfk-button-hover.jfk-button-focused {
  background: #dff2e4;
  border: 1px solid #b5e0c1 !important
}

.docs-gm .docs-image-effect-adjustment-reset-button.jfk-button-pressed,
.docs-offline-optinpromo-buttons .jfk-button-standard.jfk-button-pressed,
.docs-suggestiondialog-reject-container .goog-flat-menu-button-pressed,
.docs-suggestiondialog-reject-container .jfk-button-pressed,
.motion-ui .punch-animation-sidebar-add.goog-flat-button-pressed,
.waffle-filterbox-button-container .jfk-button-standard.jfk-button-pressed {
  background: #dff2e4;
  border: 1px solid transparent !important;
  box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15)
}

.docs-gm .docs-image-effect-adjustment-reset-button.jfk-button-disabled,
.docs-offline-optinpromo-buttons .jfk-button-standard.jfk-button-disabled,
.docs-suggestiondialog-reject-container .goog-flat-menu-button-disabled,
.docs-suggestiondialog-reject-container .jfk-button-disabled,
.motion-ui .punch-animation-sidebar-add.goog-flat-button-disabled,
.waffle-filterbox-button-container .jfk-button-standard.jfk-button-disabled {
  background: #fff;
  border: 1px solid #f1f3f4 !important;
  color: #3c4043;
  opacity: .38;
  cursor: default
}

.docs-gm .modal-dialog .jfk-button-standard,
.docs-gm .modal-dialog button {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #fff;
  border: 1px solid #dadce0 !important;
  color: #137333
}

.docs-gm .modal-dialog .jfk-button-standard.jfk-button-hover,
.docs-gm .modal-dialog button:hover {
  background: #f8fcf9;
  border: 1px solid #c8e7d1 !important
}

.docs-gm .modal-dialog .jfk-button-standard.jfk-button-focused,
.docs-gm .modal-dialog button:focus {
  background: #e7f5eb;
  border: 1px solid #bbe2c6 !important
}

@media screen and (forced-colors:active) {

  .docs-gm .modal-dialog .jfk-button-standard.jfk-button-focused,
  .docs-gm .modal-dialog button:focus {
    border: 1px solid Highlight
  }
}

.docs-gm .modal-dialog .jfk-button-standard.jfk-button-hover.jfk-button-focused,
.docs-gm .modal-dialog button:hover:focus {
  background: #dff2e4;
  border: 1px solid #b5e0c1 !important
}

.docs-gm .modal-dialog .jfk-button-standard.jfk-button-active,
.docs-gm .modal-dialog .jfk-button-standard.jfk-button-focus.jfk-button-active,
.docs-gm .modal-dialog button:active,
.docs-gm .modal-dialog button:focus:active {
  background: #dff2e4;
  border: 1px solid transparent !important;
  box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15)
}

.docs-gm .modal-dialog .jfk-button-standard.jfk-button-disabled,
.docs-gm .modal-dialog button[disabled] {
  background: #fff;
  border: 1px solid #f1f3f4 !important;
  color: #3c4043;
  opacity: .38
}

.docs-gm .docs-material-bubble .jfk-button-action,
.docs-gm .modal-dialog .goog-buttonset-action,
.docs-gm .modal-dialog .jfk-button-action {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #188038;
  color: #fff
}

.docs-gm .docs-material-bubble .jfk-button-action.jfk-button-hover,
.docs-gm .modal-dialog .goog-buttonset-action:hover,
.docs-gm .modal-dialog .jfk-button-action.jfk-button-hover {
  background: #188038;
  color: #fff;
  background: #2a8947;
  box-shadow: 0 1px 3px 1px rgba(52, 168, 83, .15)
}

.docs-gm .docs-material-bubble .jfk-button-action.jfk-button-focused,
.docs-gm .modal-dialog .goog-buttonset-action:focus,
.docs-gm .modal-dialog .jfk-button-action.jfk-button-focused {
  background: #188038;
  color: #fff;
  background: #4f9e67;
  box-shadow: 0 1px 3px 1px rgba(52, 168, 83, .15)
}

.docs-gm .docs-material-bubble .jfk-button-action.jfk-button-hover.jfk-button-focused,
.docs-gm .modal-dialog .goog-buttonset-action:hover:focus,
.docs-gm .modal-dialog .jfk-button-action.jfk-button-hover.jfk-button-focused {
  background: #188038;
  color: #fff;
  background: #62a877;
  box-shadow: 0 1px 3px 1px rgba(52, 168, 83, .15)
}

.docs-gm .docs-material-bubble .jfk-button-action.jfk-button-active,
.docs-gm .docs-material-bubble .jfk-button-action.jfk-button-focus.jfk-button-active,
.docs-gm .modal-dialog .goog-buttonset-action:active,
.docs-gm .modal-dialog .goog-buttonset-action:focus:active,
.docs-gm .modal-dialog .jfk-button-action.jfk-button-active,
.docs-gm .modal-dialog .jfk-button-action.jfk-button-focus.jfk-button-active {
  background: #188038;
  color: #fff;
  background: #62a877;
  box-shadow: 0 2px 6px 2px rgba(52, 168, 83, .15)
}

.docs-gm .docs-material-bubble .jfk-button-action.jfk-button-disabled,
.docs-gm .modal-dialog .goog-buttonset-action[disabled],
.docs-gm .modal-dialog .jfk-button-action.jfk-button-disabled {
  background: #188038;
  color: #fff;
  background: #f8f9fa;
  color: #202124;
  opacity: .62
}

.docs-gm .docs-material-bubble .jfk-button-action,
.docs-gm .docs-material-bubble .jfk-button-standard,
.docs-gm .modal-dialog .goog-buttonset-action,
.docs-gm .modal-dialog .goog-flat-button,
.docs-gm .modal-dialog .jfk-button-action,
.docs-gm .modal-dialog .jfk-button-standard,
.docs-gm .modal-dialog button {
  cursor: pointer
}

.docs-gm .docs-material-bubble .jfk-button-action.jfk-button-disabled,
.docs-gm .docs-material-bubble .jfk-button-standard.jfk-button-disabled,
.docs-gm .modal-dialog .goog-buttonset-action[disabled],
.docs-gm .modal-dialog .goog-flat-button.goog-flat-button-disabled,
.docs-gm .modal-dialog .jfk-button-action.jfk-button-disabled,
.docs-gm .modal-dialog .jfk-button-standard.jfk-button-disabled,
.docs-gm .modal-dialog button[disabled] {
  cursor: default
}

.docs-gm .docs-material-bubble .jfk-textinput,
.docs-gm .docs-material-gm-dialog .jfk-textinput,
.docs-gm .modal-dialog .jfk-textinput {
  border: 1px solid #dadce0;
  border-radius: 4px;
  box-sizing: border-box;
  color: #3c4043;
  padding: 1px 8px;
  font-size: 14px;
  height: 36px;
  margin: 8px 0
}

.docs-gm .modal-dialog textarea.jfk-textinput {
  min-height: 36px;
  height: unset;
  padding: 7px 8px
}

.docs-gm .docs-material-gm-dialog textarea.jfk-textinput {
  min-height: 52px;
  max-height: 52px;
  min-width: 100%;
  height: unset;
  padding: 7px 8px
}

.docs-gm .docs-material-bubble .jfk-textinput:focus,
.docs-gm .docs-material-gm-dialog .jfk-textinput:focus,
.docs-gm .modal-dialog .jfk-textinput:focus {
  border: 2px solid #1a73e8;
  box-shadow: none;
  padding: 0 7px
}

.docs-gm .docs-material-gm-dialog textarea.jfk-textinput:focus,
.docs-gm .modal-dialog textarea.jfk-textinput:focus {
  padding: 6px 7px
}

.docs-material-gm-dialog-title-close:hover {
  opacity: 1
}

.docs-gm .docs-material-gm-dialog-title-close {
  background-color: transparent;
  border-radius: 50%;
  cursor: pointer;
  line-height: 18px;
  text-align: center;
  color: #5f6368
}

.docs-gm .docs-material-gm-dialog-title-close:hover {
  background-color: #f1f3f4
}

.docs-gm .docs-material-gm-dialog-title-close:focus {
  background-color: #e8eaed;
  outline: none
}

@media screen and (forced-colors:active) {
  .docs-gm .docs-material-gm-dialog-title-close {
    color: CanvasText
  }

  .docs-gm .docs-material-gm-dialog-title-close:focus,
  .docs-gm .docs-material-gm-dialog-title-close:hover {
    background-color: Highlight;
    color: HighlightText
  }
}

.docs-gm .modal-dialog .jfk-textinput.sketchy-guiderow-position {
  margin: 0
}

.docs-gm .docs-offline-optinpromo.jfk-bubble,
.docs-gm .docs-sync-indicator-popup.jfk-bubble,
.docs-gm .modal-dialog,
.docs-gm .modal-dialog.google-url-picker {
  background: #fff;
  border: 1px solid transparent;
  border-radius: 8px;
  box-shadow: 0 4px 8px 3px rgba(60, 64, 67, .15);
  position: absolute;
  z-index: 1003;
  padding: 24px
}

.docs-gm .picker.modal-dialog {
  padding: 0;
  z-index: 1201
}

.docs-gm .modal-dialog.google-url-picker {
  padding: 0;
  overflow: hidden
}

.docs-gm #docs-offline-optinpromo-description,
.docs-gm #docs-offline-optinpromo-learn-more-container,
.docs-gm .modal-dialog,
.docs-gm .modal-dialog-content,
.docs-gm .modal-dialog.google-url-picker {
  color: #3c4043
}

.docs-gm #docs-offline-optinpromo-title {
  border-bottom: none;
  padding: 24px
}

.docs-gm .docs-offline-optinpromo-title-text,
.docs-gm .modal-dialog-title-text {
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px
}

.docs-gm .docs-offline-optinpromo-buttons {
  display: flex;
  flex-direction: row-reverse
}

.docs-gm .docs-offline-optinpromo-confirm-buttons {
  margin-top: 24px
}

.docs-gm .docs-offline-optinpromo-buttons .jfk-button {
  cursor: pointer;
  margin-left: 16px;
  margin-right: 0
}

.docs-gm .docs-findandreplacedialog-buttons,
.docs-gm .modal-dialog-buttons {
  display: flex;
  justify-content: flex-end;
  margin-top: 24px
}

.docs-gm .modal-dialog-buttons button {
  margin: 0 0 0 12px
}

.docs-gm .modal-dialog-buttons button:first-child {
  margin-left: 0
}

.docs-gm .docs-dialog .modal-dialog-title {
  position: relative
}

.docs-gm .docs-dialog .modal-dialog-title-text {
  display: inline-block;
  max-width: calc(100% - 32px);
  min-width: 200px
}

.docs-gm .docs-dialog .modal-dialog-title-close {
  background-color: transparent;
  border-radius: 50%;
  cursor: pointer;
  height: 18px;
  line-height: 18px;
  padding: 7px;
  right: 0;
  text-align: center;
  top: -3px;
  width: 18px
}

.docs-gm .docs-dialog .modal-dialog-title-close:hover {
  background-color: #f1f3f4
}

.docs-gm .docs-dialog .modal-dialog-title-close:focus {
  background-color: #e8eaed;
  outline: none
}

@media screen and (forced-colors:active) {
  .docs-gm .docs-dialog .modal-dialog-title-close:focus {
    border: 1px solid Highlight;
    padding: 6px
  }
}

.docs-gm .docs-dialog .modal-dialog-title-close:after {
  position: relative;
  right: 0;
  top: 0
}

.docs-gm .kix-smart-controls-button-sidebar-edit-view-formatting-controls .docs-flatcolormenubutton .goog-flat-menu-button-caption,
.docs-gm .kix-tablesidebar-control .docs-flatcolormenubutton .goog-flat-menu-button-caption,
.docs-gm .modal-dialog .docs-flatcolormenubutton .goog-flat-menu-button-caption,
.docs-gm .sketchy-shape-effects-shadow-tile .docs-flatcolormenubutton .goog-flat-menu-button-caption {
  height: 22px;
  width: 22px;
  border-radius: 50%;
  border: 1px solid #dadce0;
  margin: 0;
  outline: none
}

.docs-gm .kix-smart-controls-button-sidebar-edit-view-formatting-controls .docs-flatcolormenubutton.goog-flat-menu-button,
.docs-gm .kix-tablesidebar-control .docs-flatcolormenubutton.goog-flat-menu-button,
.docs-gm .modal-dialog .docs-flatcolormenubutton.goog-flat-menu-button,
.docs-gm .sketchy-shape-effects-shadow-tile .docs-flatcolormenubutton.goog-flat-menu-button {
  padding: 6px 0 6px 6px
}

.docs-gm div.goog-modalpopup-bg,
.docs-gm div.modal-dialog-bg {
  background-color: #000;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 998;
  opacity: .6 !important
}

.docs-gm ::-webkit-scrollbar-track {
  box-shadow: none;
  margin: 0 4px
}

.docs-gm ::-webkit-scrollbar-track:hover {
  box-shadow: none;
  background: none
}

.docs-gm ::-webkit-scrollbar-thumb {
  border-style: solid;
  border-color: transparent;
  border-width: 4px;
  background-color: #dadce0;
  border-radius: 8px;
  box-shadow: none
}

.docs-gm ::-webkit-scrollbar-thumb:hover {
  background-color: #80868b
}

.docs-gm ::-webkit-scrollbar-thumb:active {
  background-color: #5f6368
}

.docs-gm .docs-material-gm-dialog .goog-flat-menu-button,
.docs-gm .kix-smart-controls-button-sidebar-edit-view-formatting-controls .goog-flat-menu-button,
.docs-gm .kix-tablesidebar-control .goog-flat-menu-button,
.docs-gm .modal-dialog .goog-flat-menu-button,
.docs-gm .sketchy-shape-effects-shadow-tile .goog-flat-menu-button {
  border: 1px solid #dadce0;
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  padding: 8px 6px 8px 8px;
  width: 100%;
  align-items: center;
  background: none;
  color: #3c4043;
  display: inline-flex;
  justify-content: space-between;
  outline: none;
  position: relative;
  width: auto;
  width: unset
}

.docs-gm .docs-material-gm-dialog .goog-flat-menu-button-disabled,
.docs-gm .kix-smart-controls-button-sidebar-edit-view-formatting-controls .goog-flat-menu-button-disabled,
.docs-gm .kix-tablesidebar-control .goog-flat-menu-button-disabled,
.docs-gm .modal-dialog .goog-flat-menu-button-disabled,
.docs-gm .sketchy-shape-effects-shadow-tile .goog-flat-menu-button-disabled {
  color: #5f6368;
  opacity: .38
}

.docs-gm .docs-material-gm-dialog .goog-flat-menu-button:active,
.docs-gm .kix-smart-controls-button-sidebar-edit-view-formatting-controls .goog-flat-menu-button:active,
.docs-gm .kix-tablesidebar-control .goog-flat-menu-button:active,
.docs-gm .modal-dialog .goog-flat-menu-button:active,
.docs-gm .sketchy-shape-effects-shadow-tile .goog-flat-menu-button:active {
  background-color: #fff;
  border: 1px solid transparent;
  box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15)
}

.docs-gm .docs-material-gm-dialog .goog-flat-menu-button-hover,
.docs-gm .kix-smart-controls-button-sidebar-edit-view-formatting-controls .goog-flat-menu-button-hover,
.docs-gm .kix-tablesidebar-control .goog-flat-menu-button-hover,
.docs-gm .modal-dialog .goog-flat-menu-button-hover,
.docs-gm .sketchy-shape-effects-shadow-tile .goog-flat-menu-button-hover {
  background-color: rgba(60, 64, 67, .04);
  border: 1px solid #dadce0;
  box-shadow: none
}

.docs-gm .docs-material-gm-dialog .goog-flat-menu-button-focused,
.docs-gm .kix-smart-controls-button-sidebar-edit-view-formatting-controls .goog-flat-menu-button-focused,
.docs-gm .kix-tablesidebar-control .goog-flat-menu-button-focused,
.docs-gm .modal-dialog .goog-flat-menu-button-focused,
.docs-gm .sketchy-shape-effects-shadow-tile .goog-flat-menu-button-focused {
  background-color: rgba(60, 64, 67, .06);
  border: 1px solid #dadce0
}

@media screen and (forced-colors:active) {

  .docs-gm .docs-material-gm-dialog .goog-flat-menu-button-focused,
  .docs-gm .kix-smart-controls-button-sidebar-edit-view-formatting-controls .goog-flat-menu-button-focused,
  .docs-gm .kix-tablesidebar-control .goog-flat-menu-button-focused,
  .docs-gm .modal-dialog .goog-flat-menu-button-focused,
  .docs-gm .sketchy-shape-effects-shadow-tile .goog-flat-menu-button-focused {
    border: 1px solid Highlight
  }
}

.docs-gm .docs-material-gm-dialog .goog-flat-menu-button-open,
.docs-gm .kix-smart-controls-button-sidebar-edit-view-formatting-controls .goog-flat-menu-button-open,
.docs-gm .kix-tablesidebar-control .goog-flat-menu-button-open,
.docs-gm .modal-dialog .goog-flat-menu-button-open,
.docs-gm .sketchy-shape-effects-shadow-tile .goog-flat-menu-button-open {
  background-color: rgba(60, 64, 67, .04);
  border: 1px solid transparent
}

.docs-gm .docs-material-gm-dialog .goog-flat-menu-button-hover.goog-flat-menu-button-open,
.docs-gm .kix-smart-controls-button-sidebar-edit-view-formatting-controls .goog-flat-menu-button-hover.goog-flat-menu-button-open,
.docs-gm .kix-tablesidebar-control .goog-flat-menu-button-hover.goog-flat-menu-button-open,
.docs-gm .modal-dialog .goog-flat-menu-button-hover.goog-flat-menu-button-open,
.docs-gm .sketchy-shape-effects-shadow-tile .goog-flat-menu-button-hover.goog-flat-menu-button-open {
  background-color: rgba(60, 64, 67, .06)
}

.docs-gm .docs-material-gm-dialog .goog-flat-menu-button-focused.goog-flat-menu-button-open,
.docs-gm .kix-smart-controls-button-sidebar-edit-view-formatting-controls .goog-flat-menu-button-focused.goog-flat-menu-button-open,
.docs-gm .kix-tablesidebar-control .goog-flat-menu-button-focused.goog-flat-menu-button-open,
.docs-gm .modal-dialog .goog-flat-menu-button-focused.goog-flat-menu-button-open,
.docs-gm .sketchy-shape-effects-shadow-tile .goog-flat-menu-button-focused.goog-flat-menu-button-open {
  background-color: rgba(60, 64, 67, .08)
}

.docs-gm .docs-material-gm-dialog .goog-flat-menu-button-disabled,
.docs-gm .kix-smart-controls-button-sidebar-edit-view-formatting-controls .goog-flat-menu-button-disabled,
.docs-gm .kix-tablesidebar-control .goog-flat-menu-button-disabled,
.docs-gm .modal-dialog .goog-flat-menu-button-disabled,
.docs-gm .sketchy-shape-effects-shadow-tile .goog-flat-menu-button-disabled {
  border: 1px solid #dadce0;
  box-shadow: none;
  cursor: default
}

.docs-gm .docs-material-gm-dialog .goog-flat-menu-button-caption,
.docs-gm .kix-smart-controls-button-sidebar-edit-view-formatting-controls .goog-flat-menu-button-caption,
.docs-gm .kix-tablesidebar-control .goog-flat-menu-button-caption,
.docs-gm .modal-dialog .goog-flat-menu-button-caption,
.docs-gm .sketchy-shape-effects-shadow-tile .goog-flat-menu-button-caption {
  box-sizing: border-box;
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.docs-gm .docs-material-gm-dialog .goog-flat-menu-button-disabled .goog-flat-menu-button-caption,
.docs-gm .kix-smart-controls-button-sidebar-edit-view-formatting-controls .goog-flat-menu-button-disabled .goog-flat-menu-button-caption,
.docs-gm .kix-tablesidebar-control .goog-flat-menu-button-disabled .goog-flat-menu-button-caption,
.docs-gm .modal-dialog .goog-flat-menu-button-disabled .goog-flat-menu-button-caption,
.docs-gm .sketchy-shape-effects-shadow-tile .goog-flat-menu-button-disabled .goog-flat-menu-button-caption {
  color: #5f6368;
  opacity: .38;
  cursor: default
}

.docs-gm .docs-material-gm-dialog .goog-flat-menu-button-dropdown,
.docs-gm .kix-smart-controls-button-sidebar-edit-view-formatting-controls .goog-flat-menu-button-dropdown,
.docs-gm .kix-tablesidebar-control .goog-flat-menu-button-dropdown,
.docs-gm .modal-dialog .goog-flat-menu-button-dropdown,
.docs-gm .sketchy-shape-effects-shadow-tile .goog-flat-menu-button-dropdown {
  background: no-repeat url(https://ssl.gstatic.com/docs/common/material_common_sprite839_gm3_grey_medium.svg) -656px -996px;
  height: 18px;
  width: 18px;
  border: none;
  margin-top: 0;
  position: relative;
  right: 0;
  top: 0
}

.docs-gm .docs-material-gm-dialog .goog-flat-menu-button-disabled .goog-flat-menu-button-dropdown,
.docs-gm .kix-smart-controls-button-sidebar-edit-view-formatting-controls .goog-flat-menu-button-disabled .goog-flat-menu-button-dropdown,
.docs-gm .kix-tablesidebar-control .goog-flat-menu-button-disabled .goog-flat-menu-button-dropdown,
.docs-gm .modal-dialog .goog-flat-menu-button-disabled .goog-flat-menu-button-dropdown,
.docs-gm .sketchy-shape-effects-shadow-tile .goog-flat-menu-button-disabled .goog-flat-menu-button-dropdown {
  opacity: .38
}

.docs-gm .kix-smart-controls-button-sidebar-edit-view-formatting-controls .goog-flat-menu-button-disabled.goog-flat-menu-button:active,
.docs-gm .kix-tablesidebar-control .goog-flat-menu-button-disabled.goog-flat-menu-button:active,
.docs-gm .modal-dialog .goog-flat-menu-button-disabled.goog-flat-menu-button:active,
.docs-gm .sketchy-shape-effects-shadow-tile .goog-flat-menu-button-disabled.goog-flat-menu-button:active {
  border: 1px solid #dadce0;
  cursor: default;
  box-shadow: none
}

.docs-gm .kix-smart-controls-button-sidebar-edit-view-formatting-controls .goog-flat-menu-button-open .goog-flat-menu-button-dropdown,
.docs-gm .kix-tablesidebar-control .goog-flat-menu-button-open .goog-flat-menu-button-dropdown,
.docs-gm .modal-dialog .goog-flat-menu-button-open .goog-flat-menu-button-dropdown,
.docs-gm .sketchy-shape-effects-shadow-tile .goog-flat-menu-button-open .goog-flat-menu-button-dropdown {
  transform: rotate(180deg)
}

.docs-gm .modal-dialog .jfk-radiobutton-disabled .jfk-radiobutton-label {
  color: #5f6368;
  opacity: .38;
  cursor: default
}

.docs-gm .share-butterbar-container {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-size: 14px;
  font-weight: 400
}

.docs-gm .share-client-dialog .share-butterbar-container {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}

.docs-gm .share-butterbar-container .jfk-butterBar-shown {
  height: 40px;
  padding: 0 16px
}

.docs-gm .share-butterbar-container .jfk-butterBar-shown>span {
  display: flex;
  padding-top: 4px
}

.docs-gm .share-butter-icon {
  margin-right: 8px
}

.docs-gm .share-butter-link,
.docs-gm .share-butter-link:visited {
  color: #137333;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 16px;
  margin-left: 80px
}

.docs-gm .share-butter-link:active,
.docs-gm .share-butter-link:hover {
  color: #0d652d
}

.docs-grille-gm3.docs-gm .share-butter-link,
.docs-grille-gm3.docs-gm .share-butter-link:active,
.docs-grille-gm3.docs-gm .share-butter-link:hover,
.docs-grille-gm3.docs-gm .share-butter-link:visited {
  color: #a8c7fa
}

.docs-grille-gm3.docs-gm .share-butter-link:active,
.docs-grille-gm3.docs-gm .share-butter-link:hover {
  background: rgba(168, 199, 250, .08)
}

.docs-gm .share-butter-link:disabled {
  color: #137333
}

.goog-menu.shell-menu .goog-menuseparator {
  margin-left: 0
}

.goog-menu.shell-menu .goog-menuheader {
  padding-bottom: 4px;
  padding-top: 4px;
  padding-left: 16px
}

.goog-menu.shell-menu {
  min-width: 260px
}

.goog-menu.shell-menu.shell-primary-menu {
  min-width: 320px
}

.goog-menu.shell-menu.shell-tight-menu {
  min-width: 0
}

.goog-menu.shell-menu .goog-menuitem {
  padding-left: 16px
}

.goog-menu.shell-menu.shell-menu-has-icon .goog-menuitem {
  padding-left: 38px
}

.goog-menu.shell-menu:not(.shell-menu-has-icon) .goog-menuitem .docs-icon {
  visibility: hidden
}

.goog-menu.shell-menu.docs-omnibox-parent .docs-labelinputmenuitem.goog-menuitem {
  padding-left: 16px
}

.goog-menu.shell-menu .docs-omnibox-autocomplete .ac-renderer .goog-menuitem {
  padding-left: 38px
}

.shell-menu .apps-hoverable-menu-separator-container {
  padding-left: 0
}

#docs-chrome:not(.docs-hub-chrome) {
  background: #f9fbfd;
  border-bottom: 1px solid #f9fbfd;
  margin-bottom: -1px
}

.docs-grille-gm3 .docs-material #docs-docos-commentsbutton.jfk-button.jfk-button-hover {
  background: #e8ebee
}

.docs-grille-gm3 .docs-material #docs-docos-commentsbutton.jfk-button.jfk-button-active,
.docs-grille-gm3 .docs-material #docs-docos-commentsbutton.jfk-button.jfk-button-checked,
.docs-grille-gm3 .docs-material #docs-docos-commentsbutton.jfk-button.jfk-button-focused,
.docs-grille-gm3 .docs-material #docs-docos-commentsbutton:focus,
.docs-grille-gm3 .docs-material .docs-appbar-circle-button.jfk-button-active,
.docs-grille-gm3 .docs-material .docs-appbar-circle-button.jfk-button-checked {
  background: #e1e3e6
}

.docs-material .docos-comments-pe#docs-docos-commentsbutton.jfk-button.jfk-button-checked {
  background: none
}

.docs-grille-gm3 .docs-material #docs-branding-container a,
.docs-grille-gm3 .docs-material #docs-branding-logo,
.docs-grille-gm3 .docs-material .docs-branding-icon {
  height: 36px;
  width: 36px
}

.docs-grille-gm3 .docs-material #docs-branding-container .docs-branding-logo-no-link,
.docs-grille-gm3 .docs-material #docs-branding-container a {
  margin-top: 7px
}

.docs-grille-gm3 .companion-app-switcher-container,
.docs-grille-gm3 .docs-companion-app-switcher-container {
  background: transparent
}

.docs-grille-gm3 .docs-companion-app-switcher-container {
  border-top: none
}

.docs-grille-gm3 .companion-app-switcher-container {
  border-left: none
}

.docs-grille-gm3 .share-butter-icon {
  filter: invert(1)
}

.docs-grille-gm3 .docs-main-toolbars .docs-icon {
  height: 20px;
  width: 20px
}

.docs-grille-gm3 .goog-toolbar-menu-button.docs-textcolormenubutton .docs-icon,
.docs-grille-gm3.docs-gm .goog-color-menu-button-indicator .docs-icon {
  margin-top: -3px
}

.docs-grille-gm3 .docs-menubar {
  font-family: Roboto, sans-serif;
  height: 33px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top
}

.docs-grille-gm3 .docs-menubar .goog-control-disabled {
  background: none
}

.docs-grille-gm3 .docs-menubar .goog-control-hover,
.docs-grille-gm3 .docs-menubar .goog-control-open {
  background-color: #e8ebee
}

.docs-grille-gm3 .docs-menubar .goog-control:hover:active,
.docs-grille-gm3.docs-menubar .goog-control-active {
  background-color: #e1e3e6
}

.docs-grille-gm3 .docs-menubar .goog-control {
  margin-bottom: -4px;
  margin-top: 8px;
  padding: 2px 7px;
  overflow: hidden;
  vertical-align: text-bottom
}

.docs-grille-gm3 .docs-material #docs-menubar,
.docs-grille-gm3 .docs-material #docs-titlebar-container {
  margin-left: 54px
}

.gm3-menu.goog-menu {
  box-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 2px 6px 2px rgba(0, 0, 0, .15);
  color: #1f1f1f;
  font: 400 16px/24px Roboto, sans-serif;
  -webkit-font-smoothing: antialiased
}

.gm3-menu .goog-option-selected {
  background-image: none
}

.gm3-menu.goog-menu .goog-menuitem-highlight {
  background-color: rgba(31, 31, 31, .08)
}

.gm3-menu .goog-menuitem.goog-option-selected {
  background-color: #dde3ea
}

.docs-grille-gm3 .docs-material.docs-presence-plus-widget-overflow-menu {
  border: none;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 3px 1px rgba(0, 0, 0, .15);
  font-family: Roboto, sans-serif;
  max-height: none;
  overflow: none;
  padding: 8px 0;
  width: 325px
}

.docs-grille-gm3 .docs-material.docs-presence-plus-widget-overflow-menu.docs-presence-plus-widget-followable {
  width: 320px
}

.docs-grille-gm3 .docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget {
  padding-right: 16px
}

.docs-grille-gm3 .docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-container {
  margin: 0
}

.docs-grille-gm3 .docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-name.goog-inline-block {
  color: #3c4043;
  display: flex;
  font-size: 16px;
  justify-content: space-between;
  line-height: 24px;
  width: 100%
}

.docs-grille-gm3 .docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-leader .docs-presence-plus-collab-widget-image-border {
  margin-bottom: 0
}

.docs-grille-gm3 .docs-presence-plus-collab-widget-name.goog-inline-block .docs-presence-plus-collab-widget-idle-text {
  color: #5f6368;
  font-size: 14px
}

.docs-grille-gm3 .docs-presence-plus-widget-followable.docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-container:hover .docs-presence-plus-collab-widget-image-border,
.docs-grille-gm3 .docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-image.docsshared-no-select {
  height: 24px;
  width: 24px
}

.docs-grille-gm3 .docs-presence-plus-widget-followable.docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-container:hover .docs-presence-plus-collab-widget-color-block,
.docs-grille-gm3 .docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-color-block,
.docs-grille-gm3 .docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-image-container {
  height: 28px;
  width: 28px
}

.docs-grille-gm3 .docs-material .docs-chat.jfk-button .docs-icon {
  opacity: 1
}

.docs-gm.docs-grille-gm3 .docs-material .docs-chat.jfk-button,
.docs-gm.docs-grille-gm3 .docs-material .docs-chat.jfk-button-clear-outline,
.docs-grille-gm3 .docs-material .docs-presence-plus-widget-overflow-button {
  background-color: #d3e3fd
}

.docs-gm.docs-grille-gm3 .docs-material .docs-chat.jfk-button.jfk-button-hover,
.docs-grille-gm3 .docs-material .docs-presence-plus-widget-overflow-button.goog-flat-menu-button-hover {
  background-color: #cbdbf6
}

.docs-grille-gm3 .docs-material .docs-chat.jfk-button-active.jfk-button-focused,
.docs-grille-gm3 .docs-material .docs-chat.jfk-button.jfk-button-active,
.docs-grille-gm3 .docs-material .docs-chat.jfk-button.jfk-button-focused,
.docs-grille-gm3 .docs-material .docs-chat.jfk-button.jfk-button-hover.jfk-button-focused,
.docs-grille-gm3 .docs-material .docs-presence-plus-widget-overflow-button.goog-flat-menu-button-active,
.docs-grille-gm3 .docs-material .docs-presence-plus-widget-overflow-button.goog-flat-menu-button-focused {
  background-color: #b9cbe7
}

.docs-grille-gm3 .docs-material .docs-chat.jfk-button,
.docs-grille-gm3 .docs-material .docs-chat.jfk-button.jfk-button-active,
.docs-grille-gm3 .docs-material .docs-chat.jfk-button.jfk-button-active.jfk-button-focused,
.docs-grille-gm3 .docs-material .docs-chat.jfk-button.jfk-button-clear-outline,
.docs-grille-gm3 .docs-material .docs-chat.jfk-button.jfk-button-focused,
.docs-grille-gm3 .docs-material .docs-chat.jfk-button.jfk-button-hover.jfk-button-clear-outline.jfk-button-focused.jfk-button-active,
.docs-grille-gm3 .docs-material .docs-presence-plus-widget-overflow-button,
.docs-grille-gm3 .docs-material .docs-presence-plus-widget-overflow-button.goog-flat-menu-button-active,
.docs-grille-gm3 .docs-material .docs-presence-plus-widget-overflow-button.goog-flat-menu-button-focused,
.docs-grille-gm3 .docs-material .docs-presence-plus-widget-overflow-button.goog-flat-menu-button-hover {
  border: 2px solid transparent;
  box-shadow: none;
  margin: 0 0 0 2px
}

.docs-grille-gm3 .docs-presence-plus-widget-overflow-collaborators {
  max-height: 480px;
  overflow: auto
}

.docs-grille-gm3 .docs-presence-plus-widget-overflow-menu .goog-menuseparator {
  margin-left: 0
}

.docs-grille-gm3 .docs-presence-plus-widget-overflow-menu .docs-presence-plus-widget-overflow-chat {
  padding: 0 24px 0 0
}

.docs-grille-gm3 .docs-presence-plus-widget-overflow-chat .goog-menuitem-content {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between
}

.docs-grille-gm3 .docs-overflow-chat-label {
  align-items: center;
  color: #3c4043;
  display: flex;
  flex-direction: row;
  font-size: 16px;
  height: 48px
}

.docs-grille-gm3 #docs-overflow-chat-icon {
  background: none;
  border: none;
  margin: 0 14px 0 14px
}

.docs-grille-gm3 .unread-chat .docs-overflow-chat-badge {
  background: #0b57d0;
  border-radius: 50%;
  height: 8px;
  width: 8px
}

.docs-grille-gm3 .docs-material .docs-chat-badge {
  background: #0b57d0;
  border: none;
  border-radius: 50%;
  height: 6px;
  right: 6px;
  top: 6px;
  width: 6px
}

.docs-grille-gm3 .docs-presence-plus-widget-overflow-button .docs-chat-badge {
  display: none
}

.docs-grille-gm3 .docs-presence-plus-widget-overflow-button .unread-chat.docs-chat-badge {
  display: block
}

.docs-grille-gm3 .docs-material .docs-presence-plus-widget-overflow-button .goog-flat-menu-button-caption {
  color: #041e49;
  font-family: Roboto, sans-serif;
  left: 0;
  width: inherit
}

.docs-grille-gm3 .docs-presence-plus-widget-overflow-button .goog-flat-menu-button-dropdown {
  border: none;
  right: 6px;
  top: 5px
}

.docs-grille-gm3 .docs-material .docs-presence-plus-collab-widget-container {
  margin: 0 0 0 2px
}

.docs-grille-gm3 .docs-presence-plus-collab-widget-leader:focus-visible .docs-presence-plus-collab-widget-leader-label,
.docs-grille-gm3 .docs-presence-plus-collab-widget-leader:hover .docs-presence-plus-collab-widget-leader-label {
  bottom: -20px;
  left: -15px
}

.docs-grille-gm3 .docs-presence-plus-widget-followable.docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-container:hover,
.docs-grille-gm3 .docs-presence-plus-widget-followable.docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-leader,
.docs-grille-gm3 .docs-presence-plus-widget-followable.docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-leader:hover {
  margin: 0
}

.docs-grille-gm3 .docs-material .docs-presence-plus-widget-collabs .docs-presence-plus-collab-widget-color-block {
  border: 1px solid transparent;
  margin: 1px
}

.docs-grille-gm3 .docs-material .docs-presence-plus-widget-collabs .docs-presence-plus-collab-widget-container:hover .docs-presence-plus-collab-widget-color-block {
  border: 2px solid #e1e3e1;
  margin: 0
}

.docs-grille-gm3 .docs-material .docs-presence-plus-widget-collabs .docs-presence-plus-collab-widget-color-block:active,
.docs-grille-gm3 .docs-material .docs-presence-plus-widget-collabs .docs-presence-plus-collab-widget-color-block:focus,
.docs-grille-gm3 .docs-material .docs-presence-plus-widget-collabs .docs-presence-plus-collab-widget-container:focus .docs-presence-plus-collab-widget-color-block {
  border: 2px solid #c7c7c7
}

.docs-grille-gm3 .docs-material .docs-presence-plus-collab-widget-container:focus .docs-presence-plus-collab-widget-color-block {
  margin: 0
}

.docs-grille-gm3 .docs-chat-message-tooltip-container {
  background-color: #fff;
  border: none;
  border-radius: 8px;
  box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15);
  padding: 0;
  width: 280px
}

.docs-grille-gm3 .docs-chat-message-tooltip {
  height: auto;
  padding: 8px;
  width: inherit
}

.docs-grille-gm3 .docs-chat-message-tooltip-container .jfk-bubble-arrowup .jfk-bubble-arrowimplafter,
.docs-grille-gm3 .docs-chat-message-tooltip-container .jfk-bubble-arrowup .jfk-bubble-arrowimplbefore {
  display: none
}

.docs-grille-gm3 .docs-chat-message-tooltip-subject {
  padding: 8px 8px 0 8px
}

.docs-grille-gm3 .docs-chat-message-tooltip-content {
  color: #3c4043;
  font-size: 14px;
  margin: 4px 0 18px;
  padding: 0 8px;
  opacity: 1
}

.docs-grille-gm3 .docs-chat-join.docs-material-button-flat-primary,
.docs-grille-gm3 .docs-chat-join.docs-material-button-flat-primary.docs-material-button-focused {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  margin: 0;
  text-transform: none
}

.docs-grille-gm3 #docs-presence-container {
  margin-right: 0;
  z-index: 2
}

.docs-grille-gm3 .docs-presence-plus-widget-overflow-menu .goog-menuheader {
  color: #1f1f1f;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  margin-left: 18px;
  order: 0
}

.docs-presence-plus-widget-overflow-chat,
.docs-presence-plus-widget-overflow-menu .goog-menuseparator {
  order: 4
}

.docs-titlebar-collapsed#docs-presence-container {
  display: none
}

.docs-grille-gm3 #docs-presence-container.docs-presence-plus-widget-visible {
  margin-right: 8px
}

.docs-grille-gm3 #docs-titlebar-share-client-button .jfk-button,
.docs-grille-gm3 #scb-quick-actions-menu-button.goog-flat-menu-button {
  border: 1px solid transparent;
  border-radius: 100px;
  box-sizing: border-box;
  cursor: pointer;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  line-height: 20px;
  padding: 9px 24px;
  white-space: nowrap;
  background: #c2e7ff;
  color: #001d35
}

.docs-grille-gm3 #docs-titlebar-share-client-button .jfk-button-disabled,
.docs-grille-gm3 #scb-quick-actions-menu-button.goog-flat-menu-button-disabled {
  border: 1px solid transparent;
  border-radius: 100px;
  box-sizing: border-box;
  cursor: pointer;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  line-height: 20px;
  padding: 9px 24px;
  white-space: nowrap;
  background: #c2e7ff;
  color: #001d35;
  background: #e4e4e4;
  color: #1f1f1f;
  cursor: default
}

.docs-grille-gm3 #docs-titlebar-share-client-button .jfk-button:focus,
.docs-grille-gm3 #scb-quick-actions-menu-button.goog-flat-menu-button:focus {
  border: 1px solid transparent;
  border-radius: 100px;
  box-sizing: border-box;
  cursor: pointer;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  line-height: 20px;
  padding: 9px 24px;
  white-space: nowrap;
  background: #c2e7ff;
  color: #001d35;
  background: #abcfe7;
  box-shadow: none
}

.docs-grille-gm3 #docs-titlebar-share-client-button .jfk-button.jfk-button-hover,
.docs-grille-gm3 #scb-quick-actions-menu-button.goog-flat-menu-button.goog-flat-menu-button-hover {
  border: 1px solid transparent;
  border-radius: 100px;
  box-sizing: border-box;
  cursor: pointer;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  line-height: 20px;
  padding: 9px 24px;
  white-space: nowrap;
  background: #c2e7ff;
  color: #001d35;
  background: #b2d7ef;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 3px 1px rgba(0, 0, 0, .15)
}

.docs-grille-gm3 #docs-titlebar-share-client-button .jfk-button.jfk-button-hover:focus,
.docs-grille-gm3 #scb-quick-actions-menu-button.goog-flat-menu-button.goog-flat-menu-button-hover:focus {
  border: 1px solid transparent;
  border-radius: 100px;
  box-sizing: border-box;
  cursor: pointer;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  line-height: 20px;
  padding: 9px 24px;
  white-space: nowrap;
  background: #c2e7ff;
  color: #001d35;
  background: #abcfe7;
  box-shadow: none
}

.docs-grille-gm3 #docs-titlebar-share-client-button .jfk-button.jfk-button-active,
.docs-grille-gm3 #docs-titlebar-share-client-button .jfk-button.jfk-button-checked,
.docs-grille-gm3 #scb-quick-actions-menu-button.goog-flat-menu-button.goog-flat-menu-button-active {
  border: 1px solid transparent;
  border-radius: 100px;
  box-sizing: border-box;
  cursor: pointer;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  line-height: 20px;
  padding: 9px 24px;
  white-space: nowrap;
  background: #c2e7ff;
  color: #001d35;
  background: #96bad2
}

.docs-grille-gm3 #docs-titlebar-share-client-button .jfk-button .scb-button-icon {
  margin: 0 8px 1px -8px
}

.docs-grille-gm3 #docs-titlebar-share-client-button .scb-split-button.jfk-button,
.docs-grille-gm3 #docs-titlebar-share-client-button .scb-split-button.jfk-button-disabled,
.docs-grille-gm3 #docs-titlebar-share-client-button .scb-split-button.jfk-button.jfk-button-active,
.docs-grille-gm3 #docs-titlebar-share-client-button .scb-split-button.jfk-button.jfk-button-checked,
.docs-grille-gm3 #docs-titlebar-share-client-button .scb-split-button.jfk-button.jfk-button-hover,
.docs-grille-gm3 #docs-titlebar-share-client-button .scb-split-button.jfk-button.jfk-button-hover:focus,
.docs-grille-gm3 #docs-titlebar-share-client-button .scb-split-button.jfk-button:focus {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  padding: 10px 8px 10px 24px;
  margin-right: 0
}

.docs-grille-gm3 #docs-titlebar-share-client-button .scb-split-button.jfk-button.jfk-button-hover,
.docs-grille-gm3 #docs-titlebar-share-client-button .scb-split-button.jfk-button.jfk-button-hover:focus,
.docs-grille-gm3 #scb-quick-actions-menu-button.goog-flat-menu-button.goog-flat-menu-button-hover,
.docs-grille-gm3 #scb-quick-actions-menu-button.goog-flat-menu-button.goog-flat-menu-button-hover:focus {
  box-shadow: none
}

.docs-grille-gm3 #scb-quick-actions-menu-button.goog-flat-menu-button,
.docs-grille-gm3 #scb-quick-actions-menu-button.goog-flat-menu-button-disabled,
.docs-grille-gm3 #scb-quick-actions-menu-button.goog-flat-menu-button.goog-flat-menu-button-active,
.docs-grille-gm3 #scb-quick-actions-menu-button.goog-flat-menu-button.goog-flat-menu-button-hover,
.docs-grille-gm3 #scb-quick-actions-menu-button.goog-flat-menu-button.goog-flat-menu-button-hover:focus,
.docs-grille-gm3 #scb-quick-actions-menu-button.goog-flat-menu-button:focus {
  border-bottom-left-radius: 0;
  border-left: 1px solid #fff;
  border-top-left-radius: 0;
  padding-left: 0;
  padding-right: 8px;
  margin-left: -1px;
  margin-right: 8px;
  min-width: 34px;
  width: 34px
}

.docs-grille-gm3 #scb-quick-actions-menu-button.goog-flat-menu-button-disabled {
  opacity: .62
}

.docs-grille-gm3 #scb-quick-actions-menu-button .goog-flat-menu-button-dropdown.goog-inline-block,
.docs-grille-gm3 #scb-quick-actions-menu-button.goog-flat-menu-button-disabled .goog-flat-menu-button-dropdown.goog-inline-block {
  position: absolute;
  top: 18px;
  right: 12px
}

#docs-titlebar-share-client-button .jfk-button-disabled.scb-icon-button,
#docs-titlebar-share-client-button .jfk-button.scb-icon-button,
#docs-titlebar-share-client-button .jfk-button.scb-icon-button.jfk-button-active,
#docs-titlebar-share-client-button .jfk-button.scb-icon-button.jfk-button-focused,
#docs-titlebar-share-client-button .jfk-button.scb-icon-button.jfk-button-hover,
#docs-titlebar-share-client-button .jfk-button.scb-icon-button.jfk-button-hover:focus {
  border-radius: 100%;
  padding: 10px
}

#docs-titlebar-share-client-button .jfk-button.scb-icon-button .scb-button-icon {
  margin: 0 0 2px;
  padding-right: 1px
}

.docs-grille-gm3 #docs-titlebar-share-client-button .scb-show-notification:after,
.docs-grille-gm3 #scb-quick-actions-menu-button .scb-show-notification:after {
  background-color: #0b57d0;
  border-radius: 5px;
  content: "";
  min-height: 10px;
  min-width: 10px;
  outline: 2px solid #f9fbfd;
  position: absolute;
  right: 0;
  top: 0
}

#docs-header:not(.docs-hub-appbar) .docs-titlebar-buttons {
  background: #f9fbfd
}

.docs-grille-gm3 .docs-material #docs-docos-commentsbutton {
  margin-right: 6px
}

.docs-grille-gm3 .docs-material #docs-docos-commentsbutton .docs-docos-commentsbutton-badge {
  background: #0b57d0;
  font-family: Roboto, sans-serif;
  letter-spacing: .25px
}

.docs-grille-gm3 .docs-title-input {
  background: none;
  border-radius: 4px !important;
  padding: 1px 6px;
  color: #f9fbfd
}

.docs-grille-gm3.docs-hub .docs-title-input {
  padding-top: 2px
}

.docs-grille-gm3 .docs-title-input-label {
  padding-left: 7px
}

.docs-grille-gm3 .docs-title .docs-title-untitled,
.docs-grille-gm3 .docs-title-input-label.docs-title-untitled {
  color: #444746
}

.docs-title-input:focus {
  border: 2px solid #0b57d0 !important;
  border-radius: 4px !important;
  box-shadow: none;
  color: #1f1f1f;
  margin: 0 -1px;
  outline: none
}

.docs-grille-gm3 .docs-title-input:hover {
  border-color: #747775
}

.docs-grille-gm3 .docs-titlebar-badge.docs-titlebar-badge-selected,
.docs-grille-gm3 .docs-titlebar-badge:active {
  background-color: #e1e3e6;
  color: #5f6368
}

.docs-grille-gm3 .docs-titlebar-badge,
.docs-grille-gm3 .docs-titlebar-badge .docs-save-indicator-icon {
  border-radius: 50%;
  font-family: Roboto, sans-serif;
  height: 28px;
  justify-content: center
}

.docs-grille-gm3 .docs-titlebar-badge .docs-save-indicator-icon:hover,
.docs-grille-gm3 .docs-titlebar-badge:hover {
  background-color: #e8ebee
}

.docs-grille-gm3 #docs-star.docs-titlebar-badge:active,
.docs-grille-gm3 .docs-titlebar-badge:active,
.docs-grille-gm3 .docs-titlebar-badge:focus,
.docs-grille-gm3 .goog-control-active .docs-titlebar-badge .docs-save-indicator-icon,
.docs-grille-gm3 .goog-control-focused .docs-titlebar-badge .docs-save-indicator-icon {
  background-color: #e1e3e6
}

.docs-grille-gm3 .docs-titlebar-badge-selected.docs-save-indicator,
.docs-grille-gm3 .docs-titlebar-badge.docs-save-indicator:active,
.docs-grille-gm3 .docs-titlebar-badge.docs-save-indicator:focus,
.docs-grille-gm3 .docs-titlebar-badge.docs-save-indicator:hover,
.docs-grille-gm3 .goog-control-focused .docs-titlebar-badge.docs-save-indicator {
  background-color: transparent
}

.docs-grille-gm3 #docs-star.docs-titlebar-badge:active .docs-icon-img {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_gm3_grey_medium.svg)
}

.docs-grille-gm3 .docs-titlebar-badge-container {
  padding: 0 2px
}

.docs-grille-gm3 .docs-titlebar-badge .docs-icon {
  height: 20px;
  width: 20px;
  margin: 4px
}

.docs-grille-gm3 #docs-star .docs-icon-img {
  margin-top: -1px
}

.docs-grille-gm3 #docs-header {
  height: 32px !important
}

.docs-grille-gm3 #docs-header:empty {
  display: none
}

.docs-grille-gm3 #docs-header.docs-hub-appbar {
  height: 55px !important
}

.docs-titlebar-collapsed#docs-header {
  height: 59px !important
}

#docs-header .docs-titlebar-collapsed#docs-titlebar-container {
  align-items: center;
  display: flex;
  height: 59px;
  max-height: 59px
}

.docs-grille-gm3.docs-gm .docs-titlebar-collapsed#docs-titlebar-container #docs-titlebar {
  height: auto;
  padding-top: 12px
}

.docs-grille-gm3 #docs-menubars {
  height: auto !important;
  margin-top: -6px;
  transition-duration: .1s
}

.docs-grille-gm3 .docs-material #docs-header .docs-titlebar-buttons {
  height: 60px
}

.docs-grille-gm3 .docs-material #docs-header .docs-titlebar-buttons.docs-titlebar-buttons-view-mode {
  height: 58px
}

.docs-grille-gm3 .docs-titlebar-buttons-view-mode .docs-debug-container {
  margin-top: 50px
}

.docs-grille-gm3 .docs-material #docs-header #docs-titlebar {
  padding-top: 8px
}

.docs-grille-gm3 #docs-chrome.docs-hub-chrome {
  border-color: transparent
}

.docs-grille-gm3 .docs-material .docs-hub-appbar#docs-header #docs-titlebar {
  height: 100%;
  padding-top: 0
}

.docs-grille-gm3 .docs-material #docs-header.docs-hub-appbar .docs-title-outer {
  align-items: center;
  display: flex;
  height: 100%
}

.docs-grille-gm3 .docs-material #docs-header.docs-hub-appbar .docs-titlebar-buttons {
  height: 100%
}

.docs-grille-gm3 .docs-material #docs-header.docs-hub-appbar #docs-titlebar-share-client-button .jfk-button:not(.scb-icon-button) {
  padding: 8px 24px
}

.docs-grille-gm3 .docs-material #docs-header.docs-hub-appbar #docs-titlebar-share-client-button .jfk-button,
.docs-grille-gm3 .docs-material #docs-header.docs-hub-appbar #docs-titlebar-share-client-button .jfk-button.jfk-button-active,
.docs-grille-gm3 .docs-material #docs-header.docs-hub-appbar #docs-titlebar-share-client-button .jfk-button.jfk-button-hover,
.docs-grille-gm3 .docs-material #docs-header.docs-hub-appbar #docs-titlebar-share-client-button .jfk-button.jfk-button-hover:focus {
  height: 36px
}

.docs-grille-gm3 #docs-header.docs-hub-appbar #docs-titlebar-share-client-button div.scb-icon-button {
  height: 36px;
  width: 36px
}

.docs-grille-gm3 #docs-header.docs-hub-appbar .docs-title-input {
  padding-top: 2px
}

.docs-grille-gm3 #docs-header.docs-hub-appbar .docs-title-input,
.docs-grille-gm3 #docs-header.docs-hub-appbar .docs-title-input-label {
  font-size: 18px
}

.docs-grille-gm3 #docs-header.docs-hub-appbar .docs-title-input-label {
  top: 1px
}

.docs-grille-gm3.docs-gm .docs-material #docs-toolbar-wrapper {
  background-color: #f0f4f9;
  border: none;
  border-radius: 24px;
  font-family: Roboto, sans-serif;
  margin: 6px 16px 8px 16px;
  min-height: 40px;
  padding: 0 8px;
  -webkit-font-smoothing: antialiased
}

.docs-grille-gm3 .docs-toolbar-more-toolbar,
.docs-grille-gm3 .trix-palette {
  background-color: #f0f4f9
}

.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-button-inner-box,
.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-menu-button-inner-box {
  height: 28px;
  min-width: 28px
}

.docs-grille-gm3.docs-body-pageless #docs-align-palette,
.docs-grille-gm3.docs-body-pageless #docs-align-palette .goog-toolbar-button,
.docs-grille-gm3.docs-body-pageless .docs-main-toolbars .goog-toolbar-button,
.docs-grille-gm3.docs-body-pageless .docs-main-toolbars .goog-toolbar-combo-button,
.docs-grille-gm3.docs-body-pageless .docs-main-toolbars .goog-toolbar-menu-button,
.docs-grille-gm3.docs-body-pageless .docs-toolbar-more-toolbar,
.docs-grille-gm3.docs-body-pageless.docs-gm #docs-toolbar-wrapper {
  background: #f3f6fc
}

.docs-grille-gm3 #docs-equationtoolbar .goog-toolbar-button,
.docs-grille-gm3 #docs-equationtoolbar .goog-toolbar-menu-button,
.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-button,
.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-combo-button,
.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-menu-button,
.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-select,
.docs-grille-gm3 .trix-palette .goog-palette-cell {
  border-radius: 4px;
  height: 28px;
  line-height: 28px;
  margin: 5px 1px;
  min-width: 28px
}

.docs-grille-gm3 #docs-align-palette .goog-toolbar-button,
.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-button,
.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-combo-button,
.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-menu-button,
.docs-grille-gm3 .trix-palette .goog-toolbar-menu-button {
  background-color: #f0f4f9
}

.docs-grille-gm3 .trix-palette .goog-toolbar-menu-button-hover,
.docs-grille-gm3.docs-gm #docs-align-palette .goog-toolbar-button-hover,
.docs-grille-gm3.docs-gm .clean-palette .goog-palette-cell-hover,
.docs-grille-gm3.docs-gm .docs-main-toolbars .goog-toolbar-button-hover,
.docs-grille-gm3.docs-gm .docs-main-toolbars .goog-toolbar-menu-button-hover,
.docs-grille-gm3.docs-gm .docs-toolbar-zoom-combobox.goog-toolbar-combo-button-hover {
  background-color: rgba(68, 71, 70, .08)
}

.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-combo-button {
  height: 26px
}

.docs-grille-gm3 .trix-palette .goog-toolbar-menu-button-open,
.docs-grille-gm3.docs-gm .docs-main-toolbars .goog-toolbar-button-active,
.docs-grille-gm3.docs-gm .docs-main-toolbars .goog-toolbar-button:focus,
.docs-grille-gm3.docs-gm .docs-main-toolbars .goog-toolbar-menu-button-active,
.docs-grille-gm3.docs-gm .docs-main-toolbars .goog-toolbar-menu-button.goog-toolbar-menu-button-open,
.docs-grille-gm3.docs-gm .docs-main-toolbars .goog-toolbar-menu-button:focus {
  background-color: rgba(68, 71, 70, .12);
  color: #444746
}

.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-button.goog-toolbar-button-checked,
.docs-grille-gm3.docs-gm #docs-align-palette .goog-toolbar-button-checked,
.docs-grille-gm3.docs-gm .clean-palette .goog-palette-cell-selected,
.docs-grille-gm3.docs-gm .trix-palette .goog-palette-cell-selected {
  background-color: #d3e3fd
}

.docs-grille-gm3 #docs-align-palette .goog-toolbar-button-checked .docs-icon-img,
.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-button-checked .docs-icon-img,
.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-button.goog-toolbar-button-checked .docs-icon-img,
.docs-grille-gm3.docs-gm .clean-palette .goog-palette-cell-selected .docs-icon-img,
.docs-grille-gm3.docs-gm .trix-palette .goog-palette-cell-selected .docs-icon-img {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_blue.svg)
}

.docs-grille-gm3 #fontSizeSelect.docs-font-size-inc-dec-combobox.goog-toolbar-combo-button {
  border: 1px solid #747775 !important;
  border-radius: 4px
}

.docs-grille-gm3 #fontSizeSelect.docs-font-size-inc-dec-combobox.goog-toolbar-combo-button-hover {
  border: 1px solid #1f1f1f !important
}

.docs-grille-gm3 #fontSizeSelect.docs-font-size-inc-dec-combobox.goog-toolbar-combo-button-open,
.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-combo-button-open {
  border: 2px solid #0b57d0 !important;
  border-radius: 4px;
  margin: 0
}

.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-menu-button-open {
  color: #444746
}

.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-combo-button-input:focus {
  border: 1px solid transparent !important;
  box-shadow: none;
  padding: 0 4px;
  background: transparent
}

.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-combo-button-input {
  color: #444746;
  font-family: Roboto, sans-serif !important;
  font-size: 14px !important;
  padding: 1px 4px
}

.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-combo-button .goog-toolbar-combo-button-input:focus,
.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-combo-button-open .goog-toolbar-combo-button-input {
  color: #1f1f1f
}

.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-combo-button-hover .goog-toolbar-combo-button-input {
  border-right: 1px solid transparent !important
}

.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-combo-button-inner-box {
  margin: 0 4px
}

.docs-grille-gm3 .docs-main-toolbars .docs-gm-arrow.goog-toolbar-combo-button-dropdown {
  margin-right: 2px
}

.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-select .goog-toolbar-menu-button-dropdown {
  margin-right: 4px
}

.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-combo-button-dropdown .docs-icon,
.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-menu-button .goog-toolbar-menu-button-dropdown .docs-icon {
  height: 18px;
  margin-bottom: 2px;
  width: 18px
}

.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-combo-button-open .goog-toolbar-combo-button-dropdown .docs-icon,
.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-select.goog-toolbar-menu-button-open .goog-toolbar-menu-button-dropdown .docs-icon {
  margin-bottom: 3px;
  transform: rotateX(180deg)
}

.docs-grille-gm3.docs-gm .docs-material .docs-main-toolbars .docs-toolbar-button-split-right {
  border-color: transparent !important;
  margin-left: 0
}

.docs-grille-gm3 .docs-main-toolbars .docs-toolbar-button-split-left {
  margin-right: 0
}

.docs-grille-gm3 .docs-main-toolbars .docs-toolbar-button-split-right.goog-toolbar-menu-button-open {
  background-color: #d3e3fd
}

.docs-grille-gm3 #fontSizeSelect.docs-font-size-inc-dec-combobox,
.docs-grille-gm3 #fontSizeSelect.docs-font-size-inc-dec-combobox .goog-toolbar-combo-button-input {
  margin: -1px -1px -1px 0;
  width: 32px !important
}

.docs-grille-gm3 #fontSizeDecrement.docs-font-size-inc-dec-action-button.goog-toolbar-button,
.docs-grille-gm3 #fontSizeIncrement.docs-font-size-inc-dec-action-button.goog-toolbar-button {
  border: none;
  border-radius: 4px;
  height: 24px;
  width: 24px
}

.docs-grille-gm3 .docs-main-toolbars .docs-font-size-inc-dec-action-button .docs-icon {
  margin: 2px 0 0 1px
}

.docs-grille-gm3 #fontSizeSelect.docs-font-size-inc-dec-combobox {
  border-color: transparent !important;
  margin: 0 3px
}

.docs-grille-gm3 #fontSizeSelect.docs-font-size-inc-dec-combobox.goog-toolbar-combo-button-open {
  margin: 0 2px
}

.docs-grille-gm3 #docs-omnibox-toolbar .docs-omnibox-autocomplete {
  margin: 3px 2px 6px 1px;
  padding: 2px 0 2px 0
}

.docs-grille-gm3 #docs-omnibox-toolbar .docs-omnibox-input {
  background: #fff;
  border-radius: 28px;
  color: #1f1f1f;
  height: 28px;
  line-height: 32px;
  padding-left: 16px
}

.docs-grille-gm3 #docs-omnibox-toolbar .docs-omnibox-input.jfk-textinput[aria-expanded=true] {
  border-bottom: #e1e3e1;
  border-radius: 8px 8px 0 0;
  padding-left: 16px
}

.docs-grille-gm3 #docs-toolbar.goog-toolbar {
  padding-left: 2px
}

.docs-grille-gm3 #docs-omnibox-toolbar .docs-icon {
  margin: 5px
}

.docs-grille-gm3 #docs-omnibox-toolbar .docs-omnibox-row-icon {
  margin-top: 1px
}

.docs-grille-gm3 #docs-omnibox-toolbar .docs-omnibox-input::placeholder {
  color: #444746;
  font-family: Roboto, sans-serif
}

.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-combo-button-input::selection {
  background-color: #d3e3fd
}

.docs-grille-gm3 .docs-main-toolbars .docs-toolbar-text-button .goog-toolbar-menu-button-arrow-hidden.goog-toolbar-menu-button-outer-box {
  padding-right: 4px
}

.docs-grille-gm3 #replaceImageMenu .goog-toolbar-menu-button-dropdown {
  display: none
}

.docs-grille-gm3 #docs-align-palette {
  background: #edf2fa;
  padding: 0 4px
}

.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-button .docs-icon,
.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-menu-button .docs-icon {
  height: 20px;
  margin-bottom: 0;
  width: 20px
}

.docs-grille-gm3 .toolbar-decimal-icon.docs-icon {
  margin-bottom: -4px
}

.docs-grille-gm3 .docs-material #docs-side-toolbar {
  margin-right: 12px
}

.docs-grille-gm3 #lineEndMenuButton .goog-toolbar-menu-button-caption,
.docs-grille-gm3 #lineStartMenuButton .goog-toolbar-menu-button-caption {
  margin-top: 0
}

.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-separator.goog-inline-block {
  border-color: #c7c7c7;
  margin: 10px 3px
}

.docs-grille-gm3 .docs-toolbar-more-button-inner-box .docs-icon {
  margin-left: 1px
}

.docs-grille-gm3 .goog-toolbar-toggle-button.goog-toolbar-button-checked+.goog-toolbar-toggle-button.goog-toolbar-button-checked {
  border-radius: 4px
}

.docs-grille-gm3 .docs-toolbar-zoom-combobox .goog-toolbar-combo-button-inner-box {
  margin: 0 4px 0 3px
}

.docs-grille-gm3 .docs-toolbar-zoom-combobox .goog-toolbar-combo-button-input {
  height: 28px !important
}

.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-menu-button-caption+.goog-toolbar-menu-button-dropdown.docs-gm-arrow {
  padding: 0 2px
}

.docs-grille-gm3.docs-gm .docs-main-toolbars .docs-gm-arrow.goog-toolbar-menu-button-dropdown {
  margin: 1px -3px 0 -5px
}

.docs-grille-gm3 .docs-main-toolbars .docs-toolbar-increase-space .docs-gm-arrow.goog-toolbar-menu-button-dropdown {
  margin: 0 -1px 0 -3px
}

.docs-grille-gm3 #docs-font-family .docs-gm-arrow,
.docs-grille-gm3 #headingStyleSelect .docs-gm-arrow {
  margin: 0 4px 0 5px
}

.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-select .goog-toolbar-menu-button-caption {
  margin-left: 8px
}

.docs-grille-gm3 #docs-font-family .goog-toolbar-menu-button-caption,
.docs-grille-gm3 #headingStyleSelect .goog-toolbar-menu-button-caption,
.docs-grille-gm3 .docs-main-toolbars .docs-toolbar-text-button {
  font-size: 14px
}

.docs-grille-gm3 #headingStyleSelect .goog-toolbar-menu-button-caption {
  width: 80px
}

.docs-grille-gm3 #docs-font-family .goog-toolbar-menu-button-caption {
  width: 55px
}

.docs-grille-gm3 .docs-toolbar-zoom-combobox .goog-toolbar-combo-button-caption {
  width: 52px !important
}

.docs-grille-gm3 .docs-main-toolbars .docs-toolbar-text-button .goog-toolbar-button-outer-box {
  padding: 0 8px
}

.docs-grille-gm3 .jfk-tooltip {
  background-color: #1f1f1f;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #f2f2f2;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 400;
  min-height: 16px;
  letter-spacing: .1px;
  line-height: 16px;
  margin-top: 4px;
  padding: 3px 8px
}

.docs-grille-gm3 .jfk-tooltip-arrow {
  display: none
}

.docs-display-density-comfortable#docs-toolbar-wrapper {
  min-height: 42px
}

.docs-display-density-comfortable .docs-omnibox-autocomplete .ac-row .goog-menuitem,
.docs-display-density-comfortable.goog-menu .goog-menuitem {
  padding-top: 9px;
  padding-bottom: 9px
}

.docs-display-density-comfortable .waffle-function-category-row-description {
  display: block
}

.docs-display-density-comfortable .shape-palette .goog-palette-cell {
  padding: 5px
}

.docs-display-density-comfortable.waffle-function-category-row.waffle-function-category-active {
  padding: 5px 10px
}

[class*=docs-hc] .docs-display-density-comfortable .ac-row.ac-active .goog-menuitem,
[class*=docs-hc] .docs-display-density-comfortable .goog-menuitem-highlight:not(.waffle-colormenuitems-scheme-header-edit-button) {
  padding-top: 8px;
  padding-bottom: 8px
}

.docs-display-density-comfortable.goog-menu .goog-menuitem-icon {
  top: 8px
}

[class*=docs-hc] .docs-display-density-comfortable .goog-menuitem-highlight:not(.docs-font-menuitem-with-icon) .goog-menuitem-icon {
  top: 7px
}

.docs-display-density-comfortable.docs-omnibox-parent .docs-labelinputmenuitem.goog-menuitem .ac-row .goog-menuitem .goog-menuitem-icon,
.docs-gm .docs-display-density-comfortable.goog-menu .apps-menuitem .goog-menuitem-icon {
  top: 0;
  margin-top: 11px;
  margin-bottom: 11px
}

[class*=docs-hc] .docs-display-density-comfortable .goog-menuitem-highlight .goog-menuitem-icon,
[class*=docs-hc] .docs-display-density-comfortable.docs-omnibox-parent .docs-labelinputmenuitem .ac-row.ac-active .goog-menuitem-icon {
  top: 0;
  margin-top: 10px;
  margin-bottom: 10px
}

.docs-display-density-comfortable .goog-palette-cell {
  padding: 4px
}

#t-border-palette.docs-display-density-comfortable .goog-palette-cell {
  padding: 4px 6px 4px 4px
}

#t-border-palette.docs-display-density-comfortable #t-border-style-menu-button {
  margin-top: 6px
}

#t-border-palette.docs-display-density-comfortable .goog-toolbar-color-menu-button {
  padding-top: 3px;
  padding-bottom: 3px
}

.docs-display-density-comfortable.trix-palette .goog-palette-cell {
  display: inline-block;
  margin: 2px;
  padding: 4px 6px 4px 4px
}

.docs-display-density-comfortable.trix-palette .goog-palette-table {
  margin: 0
}

#t-text-rotation-palette td:not(.goog-palette-cell),
.docs-display-density-comfortable.trix-palette {
  padding: 0
}

.docs-display-density-comfortable .goog-inline-block.goog-toolbar-combo-button.waffle-text-rotation-combobox {
  padding-top: 3px;
  padding-bottom: 3px;
  margin: 4px
}

.docs-display-density-comfortable.waffle-ac-renderer .waffle-function-autocomplete-row-description {
  display: block
}

.docs-display-density-comfortable .docs-material-colorpalette-cell {
  padding: 2px
}

.docs-display-density-comfortable .docs-material-colorpalette-colorswatch {
  height: 24px;
  width: 24px
}

.docs-display-density-comfortable.docs-colormenuitems .goog-menuitem.colormenuitems-custom-header-add-button {
  padding: 10px 0
}

[class*=docs-hc] .docs-display-density-comfortable .goog-menuitem-highlight.colormenuitems-custom-header-add-button {
  padding: 9px 0
}

[class*=docs-hc] .docs-display-density-comfortable .goog-menuitem-highlight.colormenuitems-no-color .goog-menuitem-icon {
  margin-top: 0;
  top: 8px
}

.docs-display-density-comfortable.docs-colormenuitems .goog-menuitem.goog-inline-block.waffle-colormenuitems-scheme-header-edit-button {
  padding: 5px
}

.docs-display-density-comfortable.docs-colormenuitems .goog-menuseparator {
  margin: 10px 0
}

.docs-display-density-comfortable .goog-toolbar .goog-toolbar-button,
.docs-display-density-comfortable .goog-toolbar .goog-toolbar-combo-button,
.docs-display-density-comfortable .goog-toolbar .goog-toolbar-menu-button {
  padding: 2px;
  margin-left: 2px;
  margin-right: 2px
}

.docs-display-density-comfortable .goog-toolbar .goog-toolbar-combo-button-open {
  margin-left: 1px;
  margin-right: 1px
}

.docs-display-density-comfortable .docs-toolbar-more-toolbar {
  min-height: 39px
}

.docs-display-density-comfortable .goog-toolbar .goog-toolbar-separator.goog-inline-block {
  height: 39px
}

.docs-display-density-comfortable .goog-toolbar .goog-toolbar-separator.goog-inline-block {
  height: 24px
}

.docs-display-density-comfortable .goog-toolbar .docs-toolbar-button-split-left {
  margin-right: 0
}

.docs-display-density-comfortable .goog-toolbar .docs-toolbar-button-split-right {
  margin-left: 0
}

.docs-display-density-comfortable #docs-omnibox-toolbar .docs-omnibox-input {
  height: 29px;
  line-height: 29px
}

.docs-display-density-comfortable #docs-omnibox-toolbar .docs-omnibox-input::placeholder {
  line-height: 29px
}

.docs-display-density-comfortable .goog-toolbar .docs-omnibox-autocomplete {
  margin-right: 2px
}

.docs-display-density-comfortable.docs-colormenuitems .docs-c-u-colormenutogglebutton-base {
  padding: 4px 33px
}

.docs-display-density-comfortable.docs-colormenuitems .jfk-palette-table {
  width: 100%
}

.docs-display-density-comfortable.docs-colormenuitems .jfk-palette-row {
  display: flex;
  justify-content: space-between
}

.docs-display-density-comfortable.docs-colormenuitems .docs-colormenuitems-custom-palette .jfk-palette-cell,
.docs-display-density-comfortable.docs-colormenuitems .jfk-palette-colorswatch {
  height: 22px;
  width: 22px
}

.docs-display-density-comfortable.goog-menu.docs-fontmenu .docs-font-menuitem-with-icon {
  border-color: #eee
}

.docs-display-density-comfortable.goog-menu.docs-fontmenu .goog-menuitem.docs-submenuitem:before {
  line-height: 38px
}

.docs-display-density-toolbar-menuitem-label {
  font-weight: 500;
  padding-bottom: 4px
}

.docs-display-density-toolbar-menuitem-description {
  font-size: 11px;
  color: #777
}

.docs-display-density-comfortable .goog-toolbar.chart-toolbar-with-omnibox {
  display: flex;
  align-items: center
}

.docs-chat.jfk-button {
  border-radius: 0;
  height: 28px;
  margin-left: 2px;
  margin-right: 0;
  min-width: 24px;
  vertical-align: top
}

.docs-chat.jfk-button .docs-icon {
  opacity: .7
}

.docs-chat.jfk-button.jfk-button-checked .docs-icon {
  opacity: .9
}

.docs-chat.jfk-button.jfk-button-disabled .docs-icon {
  opacity: .333
}

.docs-chat-badge {
  background: #db4437;
  border-radius: 6px;
  display: none;
  height: 12px;
  pointer-events: none;
  position: absolute;
  right: -4px;
  top: -4px;
  width: 12px
}

.docs-chat-badge-visible {
  display: block
}

.docs-chat-badge.docs-hc-gecko {
  filter: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='invertColor'><feColorMatrix%20type='matrix'%20values='-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0'/></filter></svg>#invertColor")
}

.docs-chat-message-tooltip-container {
  border-radius: 2px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12), 0 1px 3px 0 rgba(0, 0, 0, .2);
  background-color: #fafafa;
  padding: 12px;
  z-index: 501
}

.docs-chat-message-tooltip-container .jfk-bubble-arrowup .jfk-bubble-arrowimplafter {
  border-color: #fafafa transparent
}

.docs-chat-message-tooltip-container .jfk-bubble-arrowup .jfk-bubble-arrowimplbefore {
  border-color: rgba(0, 0, 0, .3) transparent
}

.docs-chat-message-tooltip {
  font-size: 13px;
  height: 32px;
  line-height: 18px;
  position: relative;
  text-align: left;
  width: 192px
}

.docs-chat-message-tooltip-subject {
  opacity: .87;
  font-weight: 500
}

.docs-chat-message-tooltip-content {
  opacity: .54;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
  word-wrap: break-word
}

.docs-chat-pane-container {
  border-left: 1px solid #d9d9d9;
  outline: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 300px
}

.docs-gm .docs-chat-pane-container {
  background-color: #fff;
  border-radius: 16px;
  box-shadow: none;
  margin: 6px 16px 16px;
  outline: none;
  overflow: hidden;
  width: 300px;
  border-left: 0
}

.docs-chat-pane {
  background-color: #fff;
  font-size: 13px;
  height: 100%;
  overflow: hidden;
  position: relative;
  z-index: 801
}

.docs-gm .docs-chat-pane {
  font-size: 14px
}

.docs-chat-users {
  background: #f5f5f5;
  color: #000;
  margin: 0;
  max-height: 33%;
  outline-style: none;
  overflow: auto;
  padding: 8px 0 3px 0;
  text-align: left;
  vertical-align: top
}

.docs-chat-users-empty {
  display: none
}

.docs-chat-messages {
  background-color: #fff;
  box-sizing: border-box;
  color: #3c4043;
  letter-spacing: .25px;
  outline-style: none;
  overflow: auto;
  padding: 10px 8px 10px 16px;
  position: relative;
  vertical-align: middle
}

.docs-chat-edit-container {
  background: #eee;
  bottom: 0;
  height: 96px;
  margin: 0;
  outline: 0;
  position: absolute;
  width: 100%
}

.docs-gm .docs-chat-edit-container {
  background-color: #fff
}

.docs-chat-edit-box {
  border: 1px solid #5ea0e3;
  box-sizing: border-box;
  font-size: 100%;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  height: 64px;
  left: 16px;
  outline: 0;
  overflow: auto;
  padding: 8px;
  position: relative;
  top: 16px;
  width: 268px;
  resize: none
}

.docs-gm .docs-chat-edit-box {
  border: 1px solid #dadce0;
  border-radius: 4px;
  box-sizing: border-box;
  color: #3c4043;
  font-size: 14px;
  height: 64px;
  margin: 0;
  padding: 8px
}

.docs-chat-edit-box::-moz-placeholder,
.docs-chat-edit-box::-webkit-input-placeholder {
  color: #5f6368
}

.docs-chat-edit-box-focus {
  outline: 1px solid #5ea0e3
}

.docs-gm .docs-chat-edit-box-focus {
  border: 2px solid #1a73e8;
  box-shadow: none;
  padding: 7px
}

.docs-chat-roster {
  width: 250px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
  word-wrap: break-word
}

.docs-gm .docs-chat-roster {
  width: 240px
}

.label-input-label {
  color: #a9a9a9
}

.docs-chat-status {
  color: #5f6368;
  line-height: 12px
}

.docs-chat-name,
.docs-gm .docs-chat-name {
  font-weight: 500
}

.docs-chat-message.docs-chat-status-message {
  margin-bottom: 0
}

.docs-chat-messages>:first-child>.docs-chat-message-wrapper {
  margin-top: 0
}

.docs-chat-messages>.docs-chat-status-message {
  font: normal normal 12px/16px Roboto, sans-serif
}

.docs-chat-message {
  line-height: 18px;
  margin-bottom: 2px;
  outline-style: none;
  word-wrap: break-word;
  white-space: pre-wrap
}

.docs-chat-message-wrapper {
  margin: 5px 0 20px 0
}

.docs-chat-message-wrapper>dt {
  display: inline-block;
  height: 24px;
  -webkit-user-select: none
}

.docs-chat-message-wrapper>dd {
  font: normal normal 12px/16px Roboto, sans-serif;
  margin: 0
}

.docs-chat-avatar {
  display: inline-block;
  margin-left: 8px;
  vertical-align: top
}

.docs-chat-avatar div {
  cursor: default !important
}

.docs-chat-nametag {
  font: 500 12px/16px Roboto, sans-serif;
  margin: 10px 8px 0 6px;
  max-width: 200px;
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap
}

.docs-chat-message-bubble {
  display: inline-block;
  position: relative;
  right: -28px;
  top: 10px
}

.docs-chat-message-tip {
  border-bottom-color: transparent !important;
  border-right-color: transparent !important;
  border-style: solid;
  border-top-color: transparent !important;
  border-width: 4px;
  position: absolute;
  top: -4px;
  -webkit-user-select: none
}

.docs-chat-message-body {
  border-radius: 0 8px 8px 8px;
  max-width: 220px;
  padding: 4px 8px;
  word-break: break-word
}

.docs-user-roster {
  margin: 0;
  outline-style: none;
  padding: 0 0 10px 1em;
  position: relative
}

.docs-user-roster-name {
  color: #666;
  left: 2.7em;
  position: absolute;
  top: 0
}

.docs-user-roster-bubble {
  height: 13px;
  margin-right: 1px;
  top: 1px;
  vertical-align: text-bottom;
  width: 13px
}

.docs-user-roster-bubble-clickable {
  cursor: pointer
}

.docs-chat-anon {
  color: gray;
  font-size: 11px;
  padding: 6px 24px 3px 16px
}

.docs-chat-title-bar {
  align-items: center;
  background-color: #fff;
  border-bottom: 1px solid #dadce0;
  border-top: none;
  color: #202124;
  display: flex;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  height: 56px;
  padding: 0 16px;
  z-index: 2;
  letter-spacing: .1px;
  -webkit-user-select: none
}

.docs-chat-title-bar-highlight {
  background-color: #4285f4;
  border-bottom-color: #4285f4;
  border-top-color: #4285f4;
  color: #fff
}

.docs-chat-title {
  margin: 8px 0
}

#docs-chat-title-string {
  font: normal 500 16px/20px sans-serif;
  margin: 0
}

.docs-chat-title-message {
  opacity: .7
}

.docs-chat-title-message>.docs-icon {
  vertical-align: top;
  margin-left: -1px
}

.docs-chat-title-message>h2 {
  font: normal 500 12px/16px Roboto, sans-serif;
  margin: 3px 0 0 2px;
  display: inline-block;
  color: #202124;
  width: 200px
}

.docs-gm .docs-chat-title-bar.docs-chat-shadow {
  box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15)
}

.docs-gm .docs-chat-edit-container.docs-chat-shadow {
  box-shadow: 0 -2px 6px 2px rgba(60, 64, 67, .15)
}

.docs-sidebar-close-button.docs-chat-close-button {
  float: right;
  top: 8px
}

.docs-sidebar-gm-close-button.docs-chat-close-button {
  position: absolute;
  right: 11px;
  top: 12px
}

.docs-chat-not-encrypted-warning-container {
  height: -moz-fit-content;
  height: fit-content;
  background-color: #fbbc04;
  width: -moz-fit-content;
  width: fit-content;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  position: relative;
  left: 16px;
  margin-right: 32px
}

.docs-chat-not-encrypted-warning-badge {
  display: inline-block;
  height: 16px;
  margin-right: 8px;
  width: 18px
}

.docs-chat-not-encrypted-warning-badge .docs-icon {
  display: table-cell
}

.docs-chat-not-encrypted-warning-badge .docs-icon .docs-icon-img {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_grey_dark.svg)
}

.docs-chat-not-encrypted-warning-label {
  color: #202124;
  display: inline-block;
  font-family: Roboto;
  font-size: 12px
}

.docs-body-pageless .docs-chat-pane-container,
.docs-hub .docs-chat-pane-container {
  border: 1px solid #c7c7c7
}

.docs-presence-widget {
  cursor: pointer;
  height: 19px;
  margin: 0 0 5px 0;
  outline: 0;
  position: absolute;
  right: 44px;
  top: 11px;
  width: 207px
}

#docs-presence-menubar .docs-presence-widget {
  top: 5px
}

#docs-presence .docs-presence-widget {
  display: inline-block;
  position: relative;
  right: auto;
  text-align: left;
  width: auto
}

.docs-presence-widget-inner {
  border: 1px solid transparent;
  height: 17px;
  margin-bottom: 8px
}

#docs-presence .docs-presence-widget-inner {
  display: inline-block;
  max-width: 190px
}

.docs-presence-widget-normal .docs-presence-widget-inner {
  background: #fff;
  border-color: #fff;
  color: #666
}

.docs-presence-widget-focused .docs-presence-widget-inner,
.docs-presence-widget-hover .docs-presence-widget-inner {
  background: #f3f3f3;
  border-color: #f3f3f3;
  color: #222 !important
}

.docs-presence-widget-open .docs-presence-widget-inner {
  background: #f3f3f3;
  border-color: #e5e5e5;
  color: #666
}

.docs-presence-widget-notify .docs-presence-widget-inner {
  color: #fff
}

.docs-presence-widget-arrow {
  position: absolute !important;
  top: 0
}

.docs-presence-widget-content {
  font-size: 11px;
  line-height: 18px;
  max-width: 98px;
  overflow: hidden;
  padding: 0 4px;
  text-overflow: ellipsis;
  white-space: nowrap
}

#docs-presence .docs-presence-widget-content {
  max-width: 90px;
  position: relative;
  vertical-align: top
}

.docs-presence-widget-collab {
  max-width: 90px;
  overflow: hidden;
  position: absolute;
  right: 4px;
  top: 1px
}

#docs-presence .docs-presence-widget-collab {
  display: inline-block;
  margin-right: 4px;
  position: relative;
  right: auto;
  top: auto
}

.docs-presence-widget-collab .docs-user-roster-bubble {
  margin: 1px;
  vertical-align: baseline
}

#docs-presence-container {
  height: 29px;
  margin-right: 10px;
  vertical-align: middle
}

#docs-presence {
  vertical-align: top
}

.docs-presence-plus-widget {
  max-width: 250px;
  outline: 0;
  text-align: left
}

#docs-bars .docs-presence-plus-widget {
  position: absolute;
  overflow: hidden;
  right: 0;
  top: 2px
}

.docs-presence-plus-widget-inner {
  vertical-align: top
}

.docs-presence-plus-widget-collabs {
  height: 30px
}

.docs-hub-appbar .docs-presence-plus-widget-collabs {
  display: flex;
  align-items: center
}

.goog-flat-menu-button.docs-presence-plus-widget-overflow-button {
  border-radius: 0;
  height: 28px;
  margin: 0 2px 0 -1px;
  min-width: 0;
  padding: 0;
  width: 13px
}

.docs-presence-plus-widget-overflow-button .goog-flat-menu-button-dropdown {
  right: 3px
}

.docs-presence-plus-widget-overflow-menu {
  max-height: 300px;
  outline: none;
  overflow: auto;
  padding: 7px;
  text-align: left;
  white-space: nowrap
}

.docs-presence-plus-collab-widget-container,
.docs-presence-plus-widget-overflow {
  height: 30px;
  overflow: hidden;
  vertical-align: top
}

.docs-presence-plus-collab-widget-color-block {
  height: 30px;
  overflow: hidden;
  width: 25px;
  opacity: .5
}

.docs-gm .goog-menu .docs-presence-plus-collab-widget-menuitem.goog-menuitem,
.docs-gm .goog-menu .docs-presence-plus-collab-widget-menuitem.goog-menuitem-highlight,
.docs-presence-plus-collab-widget-menuitem {
  border-style: none;
  padding: 0
}

.docs-presence-plus-collab-widget-container {
  margin: 0 2px;
  width: 25px
}

.docs-presence-plus-collab-widget-active .docs-presence-plus-collab-widget-color-block,
.docs-presence-plus-collab-widget-exit .docs-presence-plus-collab-widget-color-block {
  opacity: 1
}

.docs-presence-plus-collab-widget-image {
  height: 25px;
  padding-bottom: 5px;
  width: 25px
}

.docs-presence-plus-collab-widget-image-container {
  height: 25px;
  padding-bottom: 5px;
  width: 25px;
  overflow: hidden
}

.docs-hub-appbar .docs-presence-plus-collab-widget-color-block,
.docs-hub-appbar .docs-presence-plus-collab-widget-image-container {
  height: 28px;
  width: 28px
}

.docs-hub-appbar .docs-presence-plus-collab-widget-image {
  height: 24px;
  width: 24px
}

.docs-presence-plus-collab-widget-image-border {
  border-bottom: 1px solid #fff;
  height: 24px
}

.docs-presence-plus-collab-widget-idle-text {
  color: #777;
  font-size: 11px
}

.docs-presence-plus-collab-widget-active .docs-presence-plus-collab-widget-idle-text,
.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-active .docs-presence-plus-collab-widget-idle-text {
  display: none
}

.docs-presence-plus-widget-overflow-button-collabs {
  margin: 0
}

.docs-presence-plus-collab-widget-enter .docs-presence-plus-collab-widget-color-block {
  animation-name: color-join;
  animation-duration: .5s
}

.docs-presence-plus-collab-widget-enter .docs-presence-plus-collab-widget-image-container {
  animation-name: image-join;
  animation-duration: 1.5s;
  animation-timing-function: ease-in
}

.docs-presence-plus-collab-widget-exit .docs-presence-plus-collab-widget-color-block {
  animation-name: collab-exit;
  animation-duration: 1s;
  height: 0;
  width: 0
}

.docs-presence-plus-collab-widget-exit .docs-presence-plus-collab-widget-image {
  animation-name: collab-image-exit;
  animation-duration: 1s
}

.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-container {
  display: block;
  height: 25px;
  margin: 0 0 5px;
  width: auto
}

.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-color-block {
  width: 30px
}

.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget {
  height: 25px;
  padding-right: 20px
}

.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-image {
  position: relative;
  left: -1px;
  padding-bottom: 0
}

.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-image-container {
  padding-bottom: 0;
  padding-left: 5px
}

.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-image-border {
  border-bottom: none;
  border-left: 1px solid #fff;
  height: 25px
}

.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-name {
  color: #222;
  font-size: 13px;
  margin: 4px 0 0 5px;
  vertical-align: top
}

.docs-search-bar {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #fff;
  direction: ltr
}

.docs-search-bar-input::placeholder {
  text-align: left;
  font-size: 14px;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}

.docs-search-bar-input {
  border: none;
  border-radius: none;
  outline: none;
  font-size: 14px;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  resize: none
}

.docs-search-bar-icon-container .docs-search-bar-icon {
  height: 24px;
  width: 24px
}

.docs-search-bar-clear-button {
  cursor: pointer
}

.apps-search-menu {
  border-radius: 8px
}

.apps-search-menu-results-container {
  display: flex;
  flex-direction: column;
  outline: none
}

.apps-search-menu:focus {
  outline: none
}

[class*=docs-hc] .docs-search-menu {
  border: 1px solid transparent
}

.apps-search-popup-menu {
  background-color: #fff;
  border-radius: 8px;
  position: absolute
}

.apps-search-popup-menu {
  box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15);
  z-index: 1001
}

.jfk-bubble.jfk-bubble-promo.hub-anchored-bubble {
  background-color: #fff;
  border-color: #fff;
  border-radius: 8px;
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .2);
  height: auto;
  padding: 18px 16px;
  white-space: normal;
  width: 226px;
  text-align: left;
  word-wrap: break-word
}

.jfk-bubble.jfk-bubble-promo.hub-anchored-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplbefore {
  border-color: #dadce0 transparent;
  top: -1px
}

.jfk-bubble.jfk-bubble-promo.hub-anchored-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplafter {
  border-color: #fff transparent;
  top: 0
}

.hub-anchored-bubble-body,
.hub-anchored-bubble-title {
  color: #3c4043;
  font-family: Roboto;
  line-height: 20px;
  padding: 0 8px
}

.hub-anchored-bubble-title {
  font-family: Google Sans;
  font-size: 16px;
  font-weight: 500;
  padding-bottom: 12px;
  padding-top: 4px
}

.hub-anchored-bubble-action-row {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  padding-top: 15px;
  text-align: right
}

#hub-bubble-dismiss-button {
  border-radius: 4px;
  color: #1a73e8;
  cursor: pointer;
  font-size: 14px;
  letter-spacing: .25px;
  line-height: 16px;
  outline: none;
  padding: 8px
}

#hub-bubble-dismiss-button:focus,
#hub-bubble-dismiss-button:hover {
  background-color: rgba(0, 0, 0, .06)
}

.docs-dropdown-entity-items-preview-menu {
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: scroll;
  width: 182px
}

.docs-dropdown-entity-items-preview-menu-header {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: 500;
  height: 16px;
  letter-spacing: .8px;
  line-height: 16px;
  margin: 12px 16px;
  text-align: left;
  vertical-align: middle
}

.docs-dropdown-entity-items-preview-menu-control {
  cursor: pointer;
  padding: 6px 0 6px 16px
}

.docs-dropdown-entity-items-preview-menu-control-hover {
  background-color: #f1f3f4
}

.docs-dropdown-entity-items-preview-menu-preview-control {
  border-radius: 6px;
  cursor: pointer;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  overflow-x: hidden;
  padding: 2px 6px;
  white-space: nowrap;
  width: -moz-fit-content;
  width: fit-content
}

.docs-modality-header-message-component {
  cursor: default;
  display: flex
}

[dir=rtl] .docs-modality-header-message-component {
  flex-direction: row-reverse
}

.docs-modality-header-message-component-title {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 11px;
  height: 16px;
  letter-spacing: .8px;
  line-height: 16px;
  padding: 12px 16px;
  text-align: left;
  vertical-align: middle
}

.docs-modality-header-message-component-icon-button {
  background-color: transparent;
  border-color: transparent;
  cursor: pointer;
  float: right;
  height: 24px;
  padding: 6px 8px;
  margin-left: auto;
  width: 24px
}

[dir=rtl] .docs-modality-header-message-component-icon-button {
  transform: rotate(180deg)
}

.docs-modality-header-message-component-icon-button.goog-flat-button-hover {
  background-color: #f1f3f4;
  border-radius: 4px
}

@media screen and (forced-colors:active) {
  .docs-modality-header-message-component-icon-button.goog-flat-button-hover {
    outline: 1px solid Highlight;
    outline-offset: -4px
  }
}

.docs-icon-img-container.docs-icon-img.docs-icon-calendar-event-24.docs-blue-icon-now-badge {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_blue.svg)
}

.docs-inline-insert-menu-item-button {
  position: absolute;
  right: 0
}

.docs-smart-canvas-unscrollable-inputless-insert-menu-results-container .goog-menuitem.goog-menuitem-highlight {
  border-width: 0;
  padding: 0
}

[class*=docs-hc] .docs-smart-canvas-unscrollable-inputless-insert-menu-results-container .goog-menuitem.goog-menuitem-highlight {
  outline: 1px dotted transparent
}

.docs-inline-insert-menu-item {
  align-items: center;
  direction: ltr;
  display: flex;
  padding: 0 16px
}

.docs-smart-canvas-unscrollable-inputless-insert-menu-results-container .goog-menuitem {
  padding: 0
}

.docs-smart-canvas-scrollable-inputless-insert-menu .docs-inline-insert-menu-item.docs-calendar-event-item-button,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-inline-insert-menu-item.docs-chat-space-item-button,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-inline-insert-menu-item.docs-date-item-button.docs-date-item-button-with-relative-text,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-inline-insert-menu-item.docs-finance-suggestion-item-button,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-inline-insert-menu-item.docs-maps-place-item-button,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-inline-insert-menu-item.docs-meeting-notes-calendar-event-item-button,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-inline-insert-menu-item.docs-meeting-notes-menu-item-button.docs-meeting-notes-menu-calendar-event-item-button,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-inline-insert-menu-item.docs-person-item-button,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-inline-insert-menu-item.docs-snippetbook-item-button-expanded {
  height: 44px
}

.docs-inline-insert-menu-item.docs-drive-item-button,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-inline-insert-menu-item.docs-component-item-button,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-inline-insert-menu-item.docs-date-item-button,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-inline-insert-menu-item.docs-emoji-unicode-item-button,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-inline-insert-menu-item.docs-meeting-notes-menu-item-button,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-inline-insert-menu-item.docs-placeholder-chip-item-button,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-inline-insert-menu-item.docs-snippetbook-item-button,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-inline-insert-menu-item.docs-third-party-integration-menu-item,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-inline-insert-menu-item.docs-timer-item-button,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-inline-insert-menu-item.docs-variables-item-button,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-insert-code-snippets-menu-item,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-insert-dropdown-from-definition-button,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-smart-controls-button-open-chat-group-menu-item {
  height: 32px
}

.docs-inline-insert-menu-item.docs-generative-ai-menu-item {
  height: 36px
}

.docs-smart-canvas-scrollable-inputless-insert-menu .docs-inline-insert-menu-item.docs-static-graphic-item-button {
  background-clip: content-box;
  background-color: #f0f4f9;
  border-radius: 8px;
  height: 88px;
  margin: 8px 16px;
  padding: unset
}

.docs-inline-insert-menu-item-icon-container {
  display: flex;
  margin-right: 8px
}

.docs-smart-canvas-insert-menu-empty-message .docs-inline-insert-menu-item-icon-container,
.docs-smart-canvas-insert-menu-message .docs-inline-insert-menu-item-icon-container {
  display: none
}

.docs-static-graphic-item-button .docs-inline-insert-menu-item-icon-container {
  margin: 0 8px
}

.docs-inline-insert-menu-item-icon-inner-container {
  display: flex;
  justify-content: center;
  align-items: center
}

.docs-chat-space-item-button .docs-inline-insert-menu-item-icon-container,
.docs-drive-item-button .docs-inline-insert-menu-item-icon-inner-container,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-calendar-event-item-button .docs-inline-insert-menu-item-icon-container,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-component-item-button .docs-inline-insert-menu-item-icon-container,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-date-item-button .docs-inline-insert-menu-item-icon-container,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-meeting-notes-calendar-event-item-button .docs-inline-insert-menu-item-icon-container,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-snippetbook-item-button .docs-inline-insert-menu-item-icon-container,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-snippetbook-item-button-expanded .docs-inline-insert-menu-item-icon-container,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-third-party-integration-menu-item .docs-inline-insert-menu-item-icon,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-timer-item-button .docs-inline-insert-menu-item-icon-container,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-variables-item-button .docs-inline-insert-menu-item-icon-container {
  height: 24px;
  width: 24px
}

.docs-generative-ai-menu-item .docs-inline-insert-menu-item-icon-container {
  align-items: center;
  background: linear-gradient(90deg, #dce2ff -100%, #d7e6ff -30.46%, #c7e4ff 33.54%, #dce2ff);
  border-radius: 50%;
  display: flex;
  height: 28px;
  justify-content: center;
  width: 28px
}

.docs-smart-canvas-scrollable-inputless-insert-menu .docs-calendar-event-item-button .docs-inline-insert-menu-item-icon-container .docs-icon,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-chat-space-item-button .docs-inline-insert-menu-item-icon-container .docs-icon,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-component-item-button .docs-inline-insert-menu-item-icon-container .docs-icon,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-date-item-button .docs-inline-insert-menu-item-icon-container .docs-icon,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-insert-dropdown-from-definition-button .docs-inline-insert-menu-item-icon-container .docs-icon,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-meeting-notes-calendar-event-item-button .docs-inline-insert-menu-item-icon-container .docs-icon,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-snippetbook-item-button .docs-inline-insert-menu-item-icon-container .docs-icon,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-snippetbook-item-button-expanded .docs-inline-insert-menu-item-icon-container .docs-icon,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-timer-item-button .docs-inline-insert-menu-item-icon-container .docs-icon,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-variables-item-button .docs-inline-insert-menu-item-icon-container .docs-icon {
  height: 24px;
  width: 24px
}

.docs-meeting-notes-menu-item-button .docs-icon {
  height: 20px;
  width: 20px
}

.docs-generative-ai-menu-item .docs-icon.goog-inline-block {
  height: 18px;
  margin: 1px 0 0;
  width: 18px
}

.docs-smart-canvas-scrollable-inputless-insert-menu .docs-component-item-button .docs-inline-insert-menu-item-icon-container .docs-icon .docs-icon-spreadsheet {
  padding: 3px
}

.docs-smart-canvas-scrollable-inputless-insert-menu .docs-person-item-button .docs-inline-insert-menu-item-icon {
  height: 28px;
  width: 28px;
  border-radius: 50%
}

.docs-inline-insert-menu-item-subtext,
.docs-inline-insert-menu-item-title {
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 232px
}

.docs-inline-insert-menu-item-subtext.docs-inline-insert-menu-item-new,
.docs-inline-insert-menu-item-subtext.docs-inline-insert-menu-item-next,
.docs-inline-insert-menu-item-title.docs-inline-insert-menu-item-new,
.docs-inline-insert-menu-item-title.docs-inline-insert-menu-item-next {
  width: 190px
}

.docs-inline-insert-menu-item-subtext.docs-inline-insert-menu-item-now,
.docs-inline-insert-menu-item-title.docs-inline-insert-menu-item-now {
  width: 190px;
  font-weight: 700
}

.docs-inline-insert-menu-item-title {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px
}

.docs-inline-insert-menu-item-subtext {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 16px
}

.docs-smart-canvas-scrollable-inputless-insert-menu .docs-inline-insert-menu-item-title {
  color: #202124;
  letter-spacing: .2px;
  line-height: 20px
}

.docs-smart-canvas-scrollable-inputless-insert-menu .docs-inline-insert-menu-item-subtext {
  color: #5f6368;
  letter-spacing: .3px;
  line-height: 16px
}

.docs-smart-canvas-scrollable-inputless-insert-menu .docs-inline-insert-menu-item.docs-static-graphic-item-button .docs-inline-insert-menu-item-title {
  color: #1f1f1f;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  line-height: 16px;
  white-space: normal;
  width: calc(100% - 10px)
}

@media screen and (forced-colors:active) {

  .docs-smart-canvas-scrollable-inputless-insert-menu .goog-menuitem-highlight .docs-inline-insert-menu-item-subtext,
  .docs-smart-canvas-scrollable-inputless-insert-menu .goog-menuitem-highlight .docs-inline-insert-menu-item-title {
    color: HighlightText
  }
}

.maps-place-item-preview-image {
  max-width: 280px
}

.maps-place-item-preview-container {
  position: absolute;
  width: 280px
}

.maps-place-item-preview-image-loaded {
  border-radius: 4px;
  box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15);
  position: absolute;
  width: 100%;
  z-index: 1002
}

.docs-smart-canvas-scrollable-inputless-insert-menu {
  cursor: default;
  max-height: 328px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 8px 0;
  width: 320px
}

.docos-stream-view .apps-search-menu {
  width: 100%
}

.apps-search-popup-menu .docs-smart-canvas-scrollable-inputless-insert-menu {
  max-height: 456px
}

@media screen and (forced-colors:active) {
  .apps-search-popup-menu .docs-smart-canvas-scrollable-inputless-insert-menu {
    border: 1px solid Highlight
  }
}

.docs-smart-canvas-unscrollable-inputless-insert-menu-results-container {
  border-radius: 0;
  overflow-x: hidden
}

[class*=docs-hc] .docs-smart-canvas-unscrollable-inputless-insert-menu-results-container {
  padding: 1px
}

.docs-smart-canvas-insert-menu-results-container {
  border-radius: 0 0 8px 8px;
  overflow-x: hidden;
  overflow-y: auto
}

.docs-smart-canvas-insert-menu-message {
  color: #5f6368;
  cursor: auto;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  height: 48px;
  justify-content: center;
  line-height: 48px;
  text-align: center
}

.talk_roster {
  display: none
}

.docs-chat-mole-hidden>div {
  top: -10000px !important;
  left: -10000px !important
}

.talk_chat_widget {
  z-index: 900 !important
}

@media screen and (forced-colors:active) {

  .title-bar-badge-popout-action-container.goog-flat-button-focused,
  .title-bar-badge-popout-action-container.goog-flat-button-hover,
  .title-bar-badge-popout-callout .title-bar-badge-popout-action-container.goog-flat-button-focused,
  .title-bar-badge-popout-callout .title-bar-badge-popout-action-container.goog-flat-button-hover {
    outline: 1px solid
  }
}

.docs-gm-promo.jfk-bubble.jfk-bubble-promo.docs-promo-bubble.title-bar-badge-popout.title-bar-badge-popout-callout .jfk-bubble-arrowup .jfk-bubble-arrowimplafter,
.docs-gm-promo.jfk-bubble.jfk-bubble-promo.docs-promo-bubble.title-bar-badge-popout.title-bar-badge-popout-callout .jfk-bubble-arrowup .jfk-bubble-arrowimplbefore {
  border-color: #1a73e8 transparent
}

.title-bar-badge-popout-callout.docs-gm-promo.jfk-bubble.jfk-bubble-promo.title-bar-badge-popout {
  background-color: #1a73e8
}

.title-bar-badge-popout-compact.title-bar-badge-popout-callout.docs-gm-promo.jfk-bubble.jfk-bubble-promo.title-bar-badge-popout {
  margin-top: 0
}

.title-bar-badge-popout-callout .title-bar-badge-popout-body,
.title-bar-badge-popout-callout .title-bar-badge-popout-header-content,
.title-bar-badge-popout-callout .title-bar-badge-popout-title {
  color: #fff
}

.title-bar-badge-popout-callout .title-bar-badge-popout-body .title-bar-badge-hyperlink {
  color: #fff;
  text-decoration: underline
}

.title-bar-badge-popout-callout .title-bar-badge-popout-emphasized-content {
  background-color: #1967d2;
  color: #fff
}

.title-bar-badge-popout-callout .docs-material-gm-labeled-checkbox-checkbox {
  border-color: #fff
}

.title-bar-badge-popout-callout .docs-material-gm-labeled-checkbox .docs-material-gm-labeled-checkbox-label {
  color: #fff
}

.title-bar-badge-popout-callout .docs-material-gm-labeled-checkbox-focused .docs-material-gm-labeled-checkbox-circle,
.title-bar-badge-popout-callout .docs-material-gm-labeled-checkbox-hover .docs-material-gm-labeled-checkbox-circle {
  background-color: #fff
}

.title-bar-badge-popout-callout .docs-material-gm-labeled-checkbox-checkbox.docs-material-gm-labeled-checkbox-checked {
  background-color: transparent
}

.title-bar-badge-popout-callout .title-bar-badge-popout-action-container {
  color: #fff
}

.title-bar-badge-popout-callout .title-bar-badge-popout-action-container.goog-flat-button-hover {
  background: #1967d2;
  border-color: #185abc
}

.title-bar-badge-popout-callout .title-bar-badge-popout-action-container.goog-flat-button-focused {
  background: #1967d2;
  border-color: #185abc
}

.docs-gm-promo.jfk-bubble.jfk-bubble-promo.docs-promo-bubble.title-bar-badge-popout .jfk-bubble-arrowup .jfk-bubble-arrowimplafter,
.docs-gm-promo.jfk-bubble.jfk-bubble-promo.docs-promo-bubble.title-bar-badge-popout .jfk-bubble-arrowup .jfk-bubble-arrowimplbefore {
  border-color: #fff transparent
}

.jfk-bubble.jfk-bubble-promo.title-bar-badge-popout .jfk-bubble-arrowup .jfk-bubble-arrowimplafter {
  display: none
}

.jfk-bubble.jfk-bubble-promo.title-bar-badge-popout .jfk-bubble-arrowup .jfk-bubble-arrowimplbefore {
  top: 1px
}

.docs-gm-promo.jfk-bubble.jfk-bubble-promo.title-bar-badge-popout {
  background-color: #fff;
  border: 0;
  border-radius: 8px;
  height: auto;
  margin-left: 10px;
  width: 320px;
  word-wrap: break-word;
  outline: 1px solid transparent
}

.extra-long-popout.docs-gm-promo.jfk-bubble.jfk-bubble-promo.title-bar-badge-popout {
  width: 370px
}

.title-bar-badge-popout-compact .jfk-bubble-arrow-id {
  visibility: hidden
}

.title-bar-badge-popout-container {
  outline: none;
  padding: 16px
}

.title-bar-badge-popout-header {
  font-size: 16px;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin-bottom: 8px;
  line-height: 22px
}

.title-bar-badge-popout-header-title {
  font-size: 14px
}

.title-bar-badge-popout-title {
  margin-bottom: 12px
}

.title-bar-badge-popout-header-content {
  color: #3c4043;
  margin-bottom: 12px
}

.title-bar-badge-popout-body {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  vertical-align: top
}

.title-bar-badge-popout-body .title-bar-badge-hyperlink {
  color: #1a73e8
}

.title-bar-badge-popout-emphasized-content {
  background-color: #e6f4ea;
  border-radius: 8px;
  color: #202124;
  margin-top: 8px;
  padding: 8px
}

.title-bar-badge-popout-checkbox {
  margin-left: 8px;
  margin-top: 16px
}

.title-bar-badge-popout-checkbox .docs-material-gm-labeled-checkbox {
  padding: 0
}

.title-bar-badge-popout-action-row {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  text-align: right;
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  margin: 8px 0 -8px 0
}

.title-bar-badge-popout-action-container {
  color: #0d652d;
  cursor: pointer;
  outline: none;
  width: auto;
  padding: 12px 10px 12px 10px;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 4px;
  border-color: transparent;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .025em;
  transition-duration: .3s;
  transition-property: background, border-color;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.title-bar-badge-popout-action-container.goog-flat-button-hover {
  background: #f8fcf9;
  border-color: #c8e7d1
}

.title-bar-badge-popout-action-container.goog-flat-button-focused {
  background: #e7f5eb;
  border-color: #bbe2c6
}

.title-bar-badge-popout-action-container.goog-flat-button-disabled {
  color: #9aa0a6;
  cursor: default;
  -webkit-user-select: none;
  user-select: none
}

.title-bar-badge-open-icon.docs-icon {
  margin-left: 2px
}

.docs-gm .title-bar-badge-open-icon .docs-icon-img {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_green.svg)
}

.title-bar-badge-popout-header-icon.docs-icon {
  float: left;
  margin-right: 5px
}

.docs-copydocdialog-destination-sharewarning {
  color: #5f6368;
  font-size: 11px
}

.docs-copydocdialog-checkbox {
  font-size: 14px;
  letter-spacing: .2px;
  padding-top: 5px;
  vertical-align: top
}

.docs-gm .docs-copydocdialog-checkbox {
  cursor: pointer;
  padding-top: 8px
}

.docs-gm .docs-copydocdialog-checkbox .jfk-checkbox {
  margin-top: -8px;
  margin-right: 8px
}

.docs-copydocdialog-checkbox-helptext {
  margin-left: 27px;
  font-size: 12px;
  color: #5f6368
}

.docs-gm .docs-copydocdialog-destination-img {
  top: 3px
}

.docs-copydocdialog-checkbox-helptext,
.docs-copydocdialog-checkbox-label {
  width: 255px
}

.docs-gm .docs-copydocdialog-destination-name {
  vertical-align: sub
}

.docs-copydocdialog-option-disabled {
  opacity: .38
}

.docs-copydocdialog-destination-button-disabled {
  pointer-events: none
}

.docs-copydocdialog-checkbox-label {
  width: 285px;
  display: inline-block
}

.docs-copydocdialog-destination-button {
  border: 1px solid #ddd;
  margin-right: 0;
  overflow: hidden;
  position: relative;
  text-align: left;
  text-overflow: ellipsis;
  width: 250px;
  margin-top: 4px
}

.docs-copydocdialog-destination-button.jfk-button-focused {
  border: 1px solid #4d90fe
}

.docs-copydocdialog-destination-section {
  margin-top: 16px
}

.docs-copydocdialog-destination-img {
  height: 10px;
  margin-right: 5px;
  position: relative;
  top: 2px;
  width: 13px
}

.goog-menu.picker-min.docs-copydocdialog-destination-picker {
  z-index: 1003
}

.modal-dialog.docs-dialog.docs-copy-endangered-dialog {
  z-index: 1007;
  width: 376px
}

.modal-dialog-bg.docs-copy-endangered-dialog-bg {
  z-index: 1006
}

.docs-gm .modal-dialog.docs-dialog.docs-copy-endangered-dialog {
  min-width: 464px;
  width: unset
}

.docs-dialog.docs-hc-gecko .modal-dialog-title-close:after {
  filter: invert(100%)
}

.docs-dialog .modal-dialog-title-close {
  opacity: .54
}

.docs-dialog .modal-dialog-title-close:hover {
  opacity: .87
}

.modal-dialog-title-text {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 400
}

.docs-dialog .modal-dialog-title-close:after {
  background: none;
  right: 13px;
  top: 14px;
  content: url(//ssl.gstatic.com/images/icons/material/system/svg/close_18px.svg);
  height: 18px;
  width: 18px
}

.drive-organize-atd-popup {
  display: flex;
  vertical-align: middle
}

.drive-organize-atd-popup-undo-btn {
  margin: auto
}

.drive-organize-dialog {
  box-shadow: 0 4px 16px rgba(0, 0, 0, .2);
  background: var(--dt-surface-container-high, #fff);
  background-clip: padding-box;
  border-radius: var(--dt-corner-dialog, .5rem);
  color: var(--dt-on-surface, #3c4043);
  font-family: inherit;
  outline: 0;
  padding: 24px;
  position: absolute;
  width: 560px;
  z-index: 2204
}

.drive-organize-dialog-bg {
  background-color: var(--dt-scrim-2x, #202124);
  left: 0;
  opacity: .5;
  position: absolute;
  top: 0;
  z-index: 2203
}

.drive-organize-dialog-title {
  font: var(--dt-headline-small-font, 400 1.5rem/2rem "Google Sans"), Roboto, Arial, sans-serif;
  letter-spacing: var(--dt-headline-small-spacing, 0);
  background-color: var(--dt-surface-container-high, #fff);
  color: var(--dt-on-surface, #3c4043);
  cursor: default;
  line-height: 24px
}

.drive-organize-dialog-content {
  font: var(--dt-body-medium-font, 400 .875rem/1.25rem "Roboto"), Roboto, Arial, sans-serif;
  letter-spacing: var(--dt-body-medium-spacing, .0142857143em);
  background-color: var(--dt-surface-container-high, #fff);
  padding-top: 24px;
  padding-bottom: 24px;
  word-wrap: break-word
}

.drive-organize-dialog-buttons {
  text-align: right
}

.drive-organize-dialog-buttons .drive-organize-button {
  font: var(--dt-label-large-font, 500 .875rem/1.25rem "Roboto"), Roboto, Arial, sans-serif;
  letter-spacing: var(--dt-label-large-spacing, .0178571429em);
  background-color: var(--dt-surface-container-highest, #f1f3f4);
  background-image: linear-gradient(top, var(--dt-surface-container-highest, #f1f3f4), #f1f1f1);
  border: 1px solid #dcdcdc;
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: var(--dt-corner-button, .25rem);
  color: var(--dt-on-surface, #3c4043);
  cursor: default;
  height: 40px;
  line-height: 38px;
  margin: 0 0 0 16px;
  min-width: 72px;
  outline: 0;
  padding: 0 8px;
  text-transform: none
}

.drive-organize-dialog-buttons .drive-organize-button:active,
.drive-organize-dialog-buttons .drive-organize-button:hover {
  box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
  background-color: var(--dt-surface-container-highest, #f1f3f4);
  background-image: linear-gradient(top, var(--dt-surface-container-highest, #f1f3f4), #f1f1f1);
  border: 1px solid #c6c6c6;
  color: var(--dt-on-surface, #3c4043)
}

.drive-organize-dialog-buttons .drive-organize-button:active {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

.drive-organize-dialog-buttons .drive-organize-button:focus {
  border: 1px solid var(--dt-primary, #1a73e8)
}

.drive-organize-dialog-buttons .drive-organize-button[disabled] {
  box-shadow: none;
  background: var(--dt-background, #fff);
  background-image: none;
  border: 1px solid var(--dt-surface-container-highest, #f1f3f4);
  border: 1px solid rgba(0, 0, 0, .5);
  color: rgba(0, 0, 0, .26)
}

.drive-organize-dialog-buttons .goog-buttonset-action {
  background-color: var(--dt-primary, #1a73e8);
  background-image: linear-gradient(top, var(--dt-primary, #1a73e8), var(--dt-primary, #1a73e8));
  border: 1px solid var(--dt-primary, #1a73e8);
  color: var(--dt-background, #fff)
}

.drive-organize-dialog-buttons .goog-buttonset-action:active,
.drive-organize-dialog-buttons .goog-buttonset-action:hover {
  background-color: var(--dt-primary, #1a73e8);
  background-image: linear-gradient(top, var(--dt-primary, #1a73e8), var(--dt-primary, #1a73e8));
  border: 1px solid var(--dt-primary, #1a73e8);
  color: var(--dt-background, #fff)
}

.drive-organize-dialog-buttons .goog-buttonset-action:active {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3)
}

.drive-organize-dialog-buttons .goog-buttonset-action:focus {
  box-shadow: inset 0 0 0 1px #fff;
  border: 1px solid #fff;
  border: 1px solid transparent;
  outline: 1px solid var(--dt-primary, #1a73e8);
  outline: 0 transparent
}

.drive-organize-dialog-buttons .goog-buttonset-action[disabled] {
  box-shadow: none;
  background: var(--dt-primary, #1a73e8);
  color: var(--dt-background, #fff);
  filter: alpha(opacity=50);
  opacity: .5
}

.drive-organize-dialog .goog-menu {
  box-shadow: none;
  margin-bottom: -24px;
  padding: 0;
  position: relative;
  z-index: inherit
}

.drive-organize-dialog .goog-menuitem {
  color: var(--dt-on-surface, #3c4043);
  font-size: 13px;
  height: 16px;
  margin: 0;
  opacity: .87;
  padding: 0 0 24px 16px
}

.drive-organize-dialog-parent-name {
  font-weight: 700
}

.drive-organize-dialog-list-item {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis
}

.drive-organize-dialog .goog-menuitem-highlight {
  border-left: 0;
  background-color: inherit
}

.drive-organize-dialog .goog-menuitem-content {
  margin: 0
}

.drive-organize-dialog .goog-menuitem-highlight .goog-menuitem-content,
.drive-organize-dialog .goog-option-selected .goog-menuitem-content {
  color: inherit
}

.drive-organize-dialog .goog-menuitem-active .goog-menuitem-checkbox {
  background: #ebebeb
}

.drive-organize-dialog .goog-menuitem-focus .goog-menuitem-checkbox {
  border-color: var(--dt-primary, #1a73e8)
}

.drive-organize-dialog .goog-option-selected {
  background: hsla(0, 0%, 100%, 0)
}

.drive-organize-dialog .goog-option-selected .goog-menuitem-checkbox:after {
  border-radius: 50%;
  background: #606060;
  content: "";
  display: block
}

.drive-organize-popup {
  position: absolute;
  z-index: 1002;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .2);
  background-color: #f1f1f1;
  border: 1px solid rgba(0, 0, 0, .2);
  color: #6e6e6e;
  font-size: 13px;
  font-weight: 400;
  text-align: left;
  white-space: nowrap
}

.drive-organize-popup-outline-hidden :focus {
  outline: none
}

.drive-organize-popup-content {
  display: flex;
  padding: 10px
}

.drive-organize-popup-message {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  display: -webkit-box;
  max-height: 90px;
  margin: auto;
  max-width: 160px;
  padding-right: 10px;
  word-break: break-word
}

.drive-organize-button {
  display: inline-block;
  margin: auto
}

.drive-organize-popup-link-btn {
  color: #15c;
  cursor: pointer;
  padding: 0 7px
}

.drive-organize-popup-close-btn {
  cursor: pointer;
  height: 15px;
  padding: 3px;
  vertical-align: middle
}

.drive-organize-popup-link-btn.drive-organize-button-hover {
  text-decoration: underline
}

.drive-organize-popup-arrow {
  position: absolute;
  width: 20px
}

.drive-organize-popup-arrow .drive-organize-popup-triangle-after,
.drive-organize-popup-arrow .drive-organize-popup-triangle-before {
  content: "";
  display: block;
  height: 0;
  position: absolute;
  width: 0
}

.drive-organize-popup-arrow .drive-organize-popup-triangle-before {
  border: 10px solid
}

.drive-organize-popup-arrow .drive-organize-popup-triangle-after {
  border: 9px solid
}

.drive-organize-popup-arrowdown {
  bottom: 0
}

.drive-organize-popup-arrowup {
  top: -10px
}

.drive-organize-popup-arrowdown .drive-organize-popup-triangle-before,
.drive-organize-popup-arrowup .drive-organize-popup-triangle-before {
  border-color: rgba(0, 0, 0, .2) transparent;
  left: 0
}

.drive-organize-popup-arrowdown .drive-organize-popup-triangle-after,
.drive-organize-popup-arrowup .drive-organize-popup-triangle-after {
  border-color: #f1f1f1 transparent;
  left: 1px
}

.drive-organize-popup-arrowdown .drive-organize-popup-triangle-after,
.drive-organize-popup-arrowdown .drive-organize-popup-triangle-before {
  border-bottom-width: 0
}

.drive-organize-popup-arrowup .drive-organize-popup-triangle-before {
  border-top-width: 0
}

.drive-organize-popup-arrowup .drive-organize-popup-triangle-after {
  border-top-width: 0;
  top: 2px
}

.drive-organize-preflight-dialog-element {
  width: 448px
}

.drive-organize-preflight-dialog-element .drive-organize-preflight-dialog-content {
  padding: 0 24px
}

.drive-organize-preflight-dialog-content {
  display: inline
}

.drive-organize-progress-content {
  display: flex;
  align-items: center;
  margin-top: 22px
}

.drive-organize-progress-spinner {
  display: flex;
  align-items: center;
  margin: 0 8px 0 0;
  overflow: hidden
}

.drive-organize-progress-text {
  color: var(--dt-on-surface-variant, #5f6368)
}

.drive-organize-admin-banner {
  margin-top: 20px
}

.drive-organize-preflight-accordion {
  margin-top: 4px
}

.drive-organize-preflight-accordion.Focused {
  box-shadow: none
}

.drive-organize-preflight-admin-movable.drive-organize-preflight-icon-outcome-section-container {
  padding-top: 20px
}

.drive-organize-preflight-icon-outcome-section-container {
  display: flex;
  align-items: flex-start;
  flex-direction: row
}

.drive-organize-preflight-expansion-panel {
  padding: 12px 0
}

.drive-organize-preflight-expansion-panel .exportFocusIndicator {
  display: none
}

.drive-organize-preflight-expansion-panel .exportExpandoButton {
  top: 12px
}

.drive-organize-preflight-icon {
  padding-right: 8px
}

.drive-organize-preflight-outcome-section {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start
}

.drive-organize-preflight-expansion-panel .drive-organize-preflight-outcome-section {
  width: 314px
}

.drive-organize-preflight-outcome-section-title.drive-organize-preflight-text-bold {
  font-weight: 700
}

.drive-organize-preflight-outcome-section-title {
  padding-top: 12px
}

.drive-organize-preflight-outcome-section-details {
  padding-bottom: 12px;
  padding-right: 44px;
  padding-top: 10px
}

.drive-organize-preflight-outcome-section-additional-details {
  padding-bottom: 12px;
  padding-right: 44px;
  padding-top: 12px
}

.drive-organize-preflight-no-icon .drive-organize-preflight-outcome-section-additional-details {
  padding-right: 0
}

.drive-organize-preflight-message-with-icon {
  display: flex;
  flex-direction: row;
  padding: 18px 44px 0 0
}

.drive-organize-preflight-partial-success-learn-more-link {
  padding-bottom: 12px;
  padding-left: 32px;
  padding-top: 18px
}

.drive-organize-preflight-cannot-undo-banner {
  margin-bottom: 2px;
  margin-top: 8px
}

.drive-organize-preflight-warning-icon {
  color: var(--dt-warning-outline, #ea8600)
}

.drive-organize-preflight-outcome-section-separator {
  border-color: var(--dt-outline-variant, #dadce0);
  border-style: solid;
  border-top: 1px;
  height: 0;
  width: 100%
}

.drive-organize-preflight-download-section {
  display: flex;
  align-items: center;
  flex-direction: row;
  padding: 12px 0
}

.drive-organize-preflight-expansion-panel .drive-organize-preflight-download-section {
  padding-bottom: 0
}

.drive-organize-preflight-download-button-container {
  display: flex;
  flex-direction: column
}

.drive-organize-preflight-download-button-tooltip {
  z-index: 2500
}

.drive-organize-preflight-download-button-subtext {
  color: var(--dt-outline, #80868b);
  font-size: 12px
}

.drive-organize-preflight-dialog-element .drive-organize-preflight-action-buttons {
  flex-direction: row;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 0
}

.drive-organize-preflight-dialog-element.preflight-all-movable .drive-organize-preflight-action-buttons {
  padding-top: 8px
}

.minpick-container {
  left: 0;
  top: 0;
  background-color: transparent;
  border: none;
  height: 100%;
  width: 100%;
  overflow: hidden;
  padding: 0;
  position: fixed;
  z-index: 2500
}

.minpick-container.closed {
  display: none
}

.minpick-iframe-container {
  height: 100%;
  width: 100%;
  background: transparent;
  padding: 0;
  position: absolute;
  z-index: 1
}

.loading .minpick-iframe-container {
  opacity: 0
}

.minpick-api-spinner-div {
  transform: translate(-50%, -50%);
  left: 50%;
  position: absolute;
  top: 50%;
  z-index: 1
}

.minpick-api-loading-container-div {
  position: absolute;
  inset: 0;
  overflow: hidden;
  border: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--dt-scrim, rgba(32, 33, 36, .6));
  visibility: hidden;
  z-index: 2
}

.loading .minpick-api-loading-container-div {
  visibility: visible
}

.minpick-api-loading-dialog-div {
  width: 616px;
  height: 516px;
  max-width: 616px;
  max-height: 516px;
  min-width: 512px;
  min-height: 272px;
  border-radius: 8px;
  background-color: var(--dt-surface, #fff);
  padding: 0;
  margin: 20px;
  overflow: hidden;
  position: relative
}

.minpick-api-loading-text-div {
  color: var(--dt-on-surface, #3c4043);
  font: var(--dt-headline-small-font, 400 1.5rem/2rem "Google Sans"), Roboto, Arial, sans-serif;
  letter-spacing: var(--dt-headline-small-spacing, 0);
  font-size: 24px;
  left: 24px;
  position: absolute;
  top: 22px;
  line-height: 32px
}

.minpick-api-close-button,
.minpick-api-iframe-close-button,
.minpick-api-loading-close-button {
  -webkit-mask-image: url(https://fonts.gstatic.com/s/i/short-term/release/googlesymbols/close/default/24px.svg);
  mask-image: url(https://fonts.gstatic.com/s/i/short-term/release/googlesymbols/close/default/24px.svg);
  background-color: var(--dt-on-surface, #3c4043);
  border: 0;
  cursor: pointer;
  height: 24px;
  opacity: 1;
  position: absolute;
  right: 24px;
  top: 22px;
  width: 24px
}

.minpick-api-iframe-close-button {
  z-index: 1
}

.minpick-api-close-tooltip {
  visibility: hidden;
  border-radius: 2px;
  border: 0;
  background-color: var(--dt-inverse-surface, #202124);
  color: var(--dt-inverse-on-surface, #dadce0);
  position: absolute;
  z-index: 1;
  right: 24px;
  top: 48px;
  opacity: 1;
  overflow-x: hidden;
  padding: 5px 8px 6px;
  text-align: center;
  font-size: 12px
}

.minpick-api-loading-close:hover .minpick-api-close-tooltip {
  visibility: visible
}

.minpick-api-iframe-close:hover .minpick-api-close-tooltip {
  visibility: visible
}

.minpick-api-iframe-close {
  visibility: hidden
}

.loading-delay .minpick-api-iframe-close {
  visibility: visible
}

.mspin-medium {
  width: 36px;
  height: 36px;
  overflow: hidden;
  -webkit-animation: mspin-rotate 1568.63ms linear infinite;
  -moz-animation: mspin-rotate 1568.63ms linear infinite
}

.mspin-medium .mspin-revrotator {
  -webkit-animation: mspin-revrot 5332ms steps(4) infinite;
  -moz-animation: mspin-revrot 5332ms steps(4) infinite
}

.mspin-medium .mspin-spinner {
  background-image: url(https://ssl.gstatic.com/docs/picker/images/loading_spinner.svg);
  background-size: 100%;
  width: 11664px;
  height: 36px;
  -webkit-animation: mspin-medium-film 5332ms steps(324) infinite;
  -moz-animation: mspin-medium-film 5332ms steps(324) infinite
}

@keyframes mspin-rotate {
  0% {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(1turn)
  }
}

@keyframes mspin-revrot {
  0% {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(-1turn)
  }
}

@keyframes mspin-medium-film {
  0% {
    transform: translateX(0)
  }

  to {
    transform: translateX(-11664px)
  }
}

.docs-invite-favicon {
  height: 16px;
  margin-right: 5px;
  vertical-align: sub;
  width: 16px
}

.docs-invite-header {
  height: 77px;
  max-height: 77px;
  width: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  background: #f5f5f5;
  font-size: 12.5px;
  color: #444;
  border-bottom: 1px solid #d9d9d9
}

.docs-invite-header>div {
  display: table;
  width: 100%;
  height: 100%;
  max-height: inherit
}

.docs-invite-button {
  margin-right: 25px
}

.docs-invite-fixedcol {
  display: table-cell;
  vertical-align: middle;
  white-space: nowrap
}

.docs-invite-flexcol {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  max-height: inherit
}

.docs-invite-inviter-img {
  height: 60px;
  border: 1px solid #ccc;
  margin-left: 25px
}

.docs-invite-heavy {
  font-weight: 500;
  color: #222
}

.docs-invite-business-icon {
  margin-left: 40px
}

.docs-invite-msg {
  margin: 0 10px 0 25px;
  max-height: inherit;
  line-height: 2
}

.docs-invite-business-header {
  position: absolute;
  z-index: 1
}

#titlebar-mode-indicator-container {
  margin-right: 10px
}

#titlebar-mode-indicator-container>div {
  border-radius: 4px;
  text-transform: none;
  font-size: 14px;
  font-weight: 500;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  height: 36px;
  line-height: 34px
}

.docs-hub-appbar #titlebar-mode-indicator-container>div {
  align-items: center;
  color: #137333;
  display: flex;
  height: 28px;
  letter-spacing: .25px
}

.docs-hub-appbar #titlebar-mode-indicator-container>.titlebar-request-access-button {
  padding-left: 16px;
  padding-right: 16px
}

#titlebar-mode-indicator-container .docs-approval-lock>.docs-icon,
#titlebar-mode-indicator-container .docs-approval-status-indicator>.docs-icon {
  margin-right: 8px
}

#titlebar-mode-indicator-container .docs-icon-img.docs-icon-approvals-lock {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_green.svg)
}

.kix-titlebar-mode-switcher.docs-material-menu-button-flat-primary .docs-icon-img.docs-icon-acl-view-only,
.kix-titlebar-mode-switcher.docs-material-menu-button-flat-primary .docs-icon-img.docs-icon-acl-view-only:before {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_blue.svg)
}

.kix-titlebar-mode-switcher .docs-material-menu-button-flat-primary-dropdown {
  vertical-align: middle
}

.kix-titlebar-mode-switcher .docs-material-menu-button-flat-primary-dropdown-icon {
  opacity: 1
}

.docs-hub-appbar #titlebar-mode-indicator-container>.kix-titlebar-approvals-button {
  float: left
}

body:not(.docs-grille) #titlebar-mode-indicator-container>.kix-titlebar-approvals-button.docs-material-menu-button-flat-primary,
body:not(.docs-grille) #titlebar-mode-indicator-container>.kix-titlebar-approvals-button.docs-material-menu-button-flat-primary-hover.docs-material-menu-button-flat-primary-focused {
  border: none
}

#titlebar-mode-indicator-container .kix-titlebar-approvals-button.docs-material-menu-button-flat-primary .docs-material-menu-button-flat-primary-dropdown {
  margin-top: 5px
}

#titlebar-mode-indicator-container>.docs-material-menu-button-flat-primary,
.kix-titlebar-approvals-button.docs-material-button,
.kix-titlebar-approvals-button.docs-material-button.docs-material-button-focused.docs-material-button-no-focus-border,
.titlebar-request-access-button.docs-material-button,
.titlebar-request-access-button.docs-material-button.docs-material-button-focused.docs-material-button-no-focus-border {
  border: 1px solid #e8eaed
}

#titlebar-mode-indicator-container>.docs-material-menu-button-flat-primary-hover,
.titlebar-request-access-button.docs-material-button.docs-material-button-hover {
  background: #f8fcf9;
  border: 1px solid #c8e7d1
}

#titlebar-mode-indicator-container>.kix-titlebar-approvals-button.docs-material-menu-button-flat-primary-hover {
  background: #f1f3f4
}

#titlebar-mode-indicator-container>.docs-material-menu-button-flat-primary-focused,
.titlebar-request-access-button.docs-material-button.docs-material-button-focused {
  background: #e7f5eb;
  border: 1px solid #bbe2c6
}

#titlebar-mode-indicator-container>.kix-titlebar-approvals-button.docs-material-menu-button-flat-primary-focused {
  background: #e8f0fe
}

.kix-titlebar-approvals-button.docs-material-button.docs-material-button-focused,
.titlebar-request-access-button.docs-material-button.docs-material-button-focused {
  line-height: 32px;
  padding: 0 8px
}

#titlebar-mode-indicator-container>.docs-material-menu-button-flat-primary-hover.docs-material-menu-button-flat-primary-focused,
.kix-titlebar-approvals-button.docs-material-button.docs-material-button-hover.docs-material-button-focused,
.titlebar-request-access-button.docs-material-button.docs-material-button-hover.docs-material-button-focused {
  background: #dff2e4;
  border: 1px solid #b5e0c1
}

#titlebar-mode-indicator-container>.docs-material-menu-button-flat-primary-open,
.kix-titlebar-approvals-button.docs-material-button.docs-material-button-active,
.titlebar-request-access-button.docs-material-button.docs-material-button-active {
  box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15)
}

.titlebar-request-access-button-tooltip {
  max-width: 200px
}

.docs-grille-gm3 #titlebar-mode-indicator-container {
  margin-right: 0
}

.docs-grille-gm3 #titlebar-mode-indicator-container>div {
  border-color: #747775;
  border-radius: 100px;
  height: 40px;
  margin-right: 8px;
  padding: 2px 10px
}

.docs-grille-gm3.docs-hub #titlebar-mode-indicator-container>div {
  height: 36px
}

.docs-grille-gm3 #titlebar-mode-indicator-container .docs-icon-img.docs-icon-approvals-lock,
.docs-grille-gm3 .kix-titlebar-mode-switcher .docs-icon-img.docs-icon-acl-view-only,
.docs-grille-gm3 .kix-titlebar-mode-switcher .docs-icon-img.docs-icon-acl-view-only:before {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_gm3_grey_medium.svg)
}

.docs-grille-gm3 .kix-titlebar-approvals-button .docs-material-menu-button-flat-primary-dropdown-icon,
.docs-grille-gm3 .kix-titlebar-mode-switcher .docs-material-menu-button-flat-primary-dropdown-icon {
  fill: #444746;
  opacity: 1
}

.docs-grille-gm3 #titlebar-mode-indicator-container>.docs-material-menu-button-flat-primary-hover,
.docs-grille-gm3 .kix-titlebar-approvals-button>.docs-material-menu-button-flat-primary-hover,
.docs-grille-gm3 .titlebar-request-access-button.docs-material-button.docs-material-button-hover {
  background: #e8ebee;
  border-color: #747775
}

.docs-grille-gm3 #titlebar-mode-indicator-container>.docs-material-menu-button-flat-primary-focused,
.docs-grille-gm3 .titlebar-request-access-button.docs-material-button.docs-material-button-focused {
  background: #e1e3e6
}

.docs-grille-gm3 #titlebar-mode-indicator-container>.docs-material-menu-button-flat-primary-open,
.docs-grille-gm3 .titlebar-request-access-button.docs-material-button.docs-material-button-active {
  box-shadow: none
}

.docs-grille-gm3 #titlebar-mode-indicator-container .docs-approval-lock>.docs-icon {
  margin: 0 0 2px 0
}

.docs-grille-gm3 #titlebar-mode-indicator-container .docs-material-button-content {
  color: #0b57d0;
  line-height: 38px
}

.docs-grille-gm3 #titlebar-mode-indicator-container .docs-material-button-flat-primary.titlebar-request-access-button {
  height: 40px;
  padding: 0 12px
}

.docs-grille-gm3 .docs-material-button-flat-primary.titlebar-request-access-button .docs-material-button-ripple-element {
  display: none
}

.docs-grille-gm3 .kix-titlebar-mode-switcher .docs-icon {
  height: 24px;
  width: 24px
}

.docs-parent-collections-container-prefix,
.docs-parent-collections-container-text {
  color: rgba(0, 0, 0, .54);
  padding-left: 4px
}

.docs-parent-collections-container-folder-name {
  color: rgba(0, 0, 0, .87);
  font-size: 14px;
  padding-left: 4px;
  bottom: 1px
}

.docs-parent-collections-container {
  padding: 2px 4px 0 2px
}

.docs-parent-collections-container:focus,
.docs-parent-collections-container:hover {
  background-color: #eee;
  border-radius: 2px
}

.docs-parent-collections-container-icon {
  bottom: 2px
}

.docs-parent-collections-container-icon:not(.docs-parent-collections-container-icon-material) {
  opacity: .54
}

.request-comment-access-toast-link {
  text-transform: uppercase;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 500 !important
}

#docs-toolbar-iterator-label {
  color: rgba(0, 0, 0, .87);
  font-size: 13px;
  line-height: 24px;
  margin-right: 10px;
  margin-top: 4px;
  vertical-align: middle
}

.docs-grille-version-history #docs-toolbar-iterator-label {
  margin-top: 0
}

#docs-toolbar-iterator-next,
#docs-toolbar-iterator-previous {
  margin-left: 3px;
  margin-right: 3px
}

.docs-cse-callout-container {
  background-color: #1a73e8;
  border: 0;
  border-radius: 8px;
  height: auto;
  width: 260px;
  word-wrap: break-word;
  padding: 16px 16px 16px 16px;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}

.jfk-bubble.jfk-bubble-promo.docs-cse-callout .jfk-bubble-arrowup .jfk-bubble-arrowimplafter,
.jfk-bubble.jfk-bubble-promo.docs-cse-callout .jfk-bubble-arrowup .jfk-bubble-arrowimplbefore {
  border-color: #1a73e8 transparent !important
}

.jfk-bubble.jfk-bubble-promo.docs-cse-callout-compact,
.jfk-bubble.jfk-bubble-promo.docs-cse-callout-minimal {
  margin-top: 0
}

.jfk-bubble.jfk-bubble-promo.docs-cse-callout-compact .jfk-bubble-arrowdown .jfk-bubble-arrowimplafter,
.jfk-bubble.jfk-bubble-promo.docs-cse-callout-compact .jfk-bubble-arrowdown .jfk-bubble-arrowimplbefore,
.jfk-bubble.jfk-bubble-promo.docs-cse-callout-compact .jfk-bubble-arrowup .jfk-bubble-arrowimplafter,
.jfk-bubble.jfk-bubble-promo.docs-cse-callout-compact .jfk-bubble-arrowup .jfk-bubble-arrowimplbefore,
.jfk-bubble.jfk-bubble-promo.docs-cse-callout-minimal .jfk-bubble-arrowdown .jfk-bubble-arrowimplafter,
.jfk-bubble.jfk-bubble-promo.docs-cse-callout-minimal .jfk-bubble-arrowdown .jfk-bubble-arrowimplbefore,
.jfk-bubble.jfk-bubble-promo.docs-cse-callout-minimal .jfk-bubble-arrowup .jfk-bubble-arrowimplafter,
.jfk-bubble.jfk-bubble-promo.docs-cse-callout-minimal .jfk-bubble-arrowup .jfk-bubble-arrowimplbefore {
  visibility: hidden
}

.docs-cse-callout-body {
  color: #fff;
  font-family: Roboto;
  line-height: 20px;
  vertical-align: top
}

.docs-cse-callout-action-row {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  padding-top: 15px;
  text-align: right
}

.docs-cse-callout-action-container {
  color: #fff;
  cursor: pointer;
  width: auto;
  padding: 12px 10px 12px 10px
}

.docs-cse-callout-action-container:hover {
  background-color: #2b7de9
}

.docs-cse-callout-header {
  color: #fff;
  font-size: 18px
}

.docs-cse-preview-banner-container {
  background-color: #e8f0fe
}

.docs-cse-preview-banner-container .docs-material-button {
  color: #1a73e8
}

.docs-cse-preview-banner-title {
  display: none
}

.docs-aclupgrade-banner-container {
  align-items: center;
  background: #e6f4ea;
  display: flex;
  flex-direction: row;
  height: 48px;
  justify-content: space-between;
  position: relative;
  padding: 2px 0
}

.docs-aclupgrade-banner-reload-button-wrapper {
  align-items: center;
  display: flex;
  margin: 0 16px 0 32px
}

.docs-aclupgrade-banner-full-message {
  color: #202124;
  display: flex;
  flex-grow: 1;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  letter-spacing: .2px;
  margin: 0 14px 0 0
}

.docs-aclupgrade-banner-icon {
  margin: 0 16px;
  color: #188038
}

.docs-material-button .docs-aclupgrade-banner-reload-button-wrapper .docs-aclupgrade-banner-reload-button.docs-material-button {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  height: 32px;
  letter-spacing: .25px;
  line-height: 20px;
  padding: 5px 10px
}

.docs-aclupgrade-banner-reload-button-wrapper .docs-material-button {
  color: #188038
}

.docs-aclupgrade-banner-reload-button {
  text-transform: none;
  margin: 0
}

.docs-aclupgrade-banner-icon {
  fill: #1967d2
}

.docs-grille-gm3 .docs-aclupgrade-banner-container {
  background: #d3e3fd
}

.docs-grille-gm3 .docs-aclupgrade-banner-reload-button-wrapper .docs-material-button {
  border: 1px solid transparent;
  border-radius: 100px;
  box-sizing: border-box;
  cursor: pointer;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  padding: 9px 24px;
  white-space: nowrap;
  color: #0b57d0;
  color: #041e49;
  height: 40px;
  padding: 9px 12px
}

.docs-grille-gm3 .docs-aclupgrade-banner-reload-button-wrapper .docs-material-button-hover {
  border: 1px solid transparent;
  border-radius: 100px;
  box-sizing: border-box;
  cursor: pointer;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  line-height: 20px;
  padding: 9px 24px;
  white-space: nowrap;
  color: #0b57d0;
  padding: 9px 12px;
  background-color: rgba(11, 87, 208, .08);
  box-shadow: none;
  color: #041e49
}

.docs-grille-gm3 .docs-aclupgrade-banner-reload-button-wrapper .docs-material-button-focused {
  border: 1px solid transparent;
  border-radius: 100px;
  box-sizing: border-box;
  cursor: pointer;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  line-height: 20px;
  padding: 9px 24px;
  white-space: nowrap;
  color: #0b57d0;
  padding: 9px 12px;
  background-color: rgba(11, 87, 208, .12);
  box-shadow: none;
  color: #041e49
}

.docs-grille-gm3 .docs-aclupgrade-banner-full-message {
  color: #041e49
}

.docs-grille-gm3 .docs-aclupgrade-banner-reload-button-wrapper {
  border: none;
  border-radius: 100%;
  height: 40px;
  line-height: 40px;
  padding: 0
}

.docs-in-editor-sync-state-icon {
  float: right;
  margin: 0 0 0 24px;
  vertical-align: middle
}

.docs-in-editor-sync-state-icon .docs-icon {
  height: 20px;
  margin: 0;
  opacity: 1;
  width: 20px
}

.docs-in-editor-animated-sync {
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-name: spin;
  animation-timing-function: linear;
  transform-origin: center
}

@keyframes spin {
  0% {
    transform: rotate(1turn)
  }

  to {
    transform: rotate(0deg)
  }
}

.docs-offline-optinpromo.jfk-bubble {
  font-size: 13px;
  max-width: 500px;
  outline: none;
  padding-left: 24px;
  padding-top: 11px;
  position: fixed;
  right: 15px;
  top: 113px
}

.docs-offline-optinpromo .jfk-bubble-arrow {
  display: none
}

#docs-offline-optinpromo-title {
  font-size: 19px;
  font-weight: 500;
  margin: 12px 0
}

.docs-offline-optinpromo-notice {
  color: #767676;
  font-size: 11px;
  margin: 14px 0
}

.docs-offline-optinpromo-notice a {
  text-decoration: none
}

.docs-offline-optinpromo hr {
  border-top-color: #e1e1e1;
  border-top-style: solid;
  border-width: 1px 0 0 0
}

.docs-offline-optinpromo-confirm-buttons {
  margin-top: 15px
}

.docs-offline-welcomepromo {
  width: 400px
}

.docs-offline-welcomepromo .modal-dialog-content {
  padding-right: 80px;
  position: relative
}

.doc-offline-welcomepromo-img {
  position: absolute;
  right: 0;
  top: -25px
}

.docs-gm #docs-offline-optinpromo-title,
.docs-gm .docs-offline-optinpromo-buttons {
  padding: 0
}

#docs-omnibox-toolbar .docs-omnibox-autocomplete {
  margin-right: 4px
}

.docs-omnibox-autocomplete {
  margin-top: 4px
}

.docs-omnibox-input {
  box-sizing: border-box;
  width: 100%;
  min-width: 289px
}

.docs-omnibox-input.jfk-textinput {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .2px;
  line-height: 36px;
  background-color: #f1f3f4;
  border: 1px solid transparent;
  border-radius: 8px;
  box-shadow: none;
  color: #202124;
  height: 36px;
  padding: 1px 7px
}

.docs-omnibox-input.jfk-textinput::placeholder {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .2px;
  line-height: 36px;
  color: #5f6368
}

#docs-omnibox-toolbar .docs-icon {
  margin: 3px
}

.docs-omnibox-input.jfk-textinput:focus {
  background-color: #fff;
  border: 1px solid transparent;
  box-shadow: 0 1px 6px rgba(32, 33, 36, .28);
  padding: 1px 7px
}

.docs-omnibox-input.jfk-textinput:active {
  background-color: #fff;
  border: 1px solid transparent;
  box-shadow: 0 1px 6px rgba(32, 33, 36, .28);
  padding: 1px 7px
}

.docs-omnibox-input.jfk-textinput:focus[aria-expanded=true] {
  border-color: transparent transparent #e8eaed transparent;
  border-style: solid;
  border-width: 1px;
  border-radius: 8px 8px 0 0;
  padding: 1px 7px
}

.docs-omnibox-autocomplete .ac-renderer {
  background-color: #fff;
  border-color: transparent;
  border-radius: 0 0 8px 8px;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  box-shadow: 0 4px 6px rgba(32, 33, 36, .28);
  outline: medium none;
  padding: 6px 0;
  position: fixed;
  width: auto;
  z-index: 1003
}

.docs-omnibox-autocomplete .ac-row {
  padding: 0
}

.docs-omnibox-autocomplete .ac-row .goog-menuitem {
  padding: calc(.4em + 5px) calc(.4em + 10px) calc(.4em + 5px) calc(.4em + 30px)
}

.docs-omnibox-autocomplete .ac-highlighted {
  font-weight: 500
}

.docs-omnibox-autocomplete .ac-active {
  background-color: #f1f3f4
}

.docs-omnibox-autocomplete .docs-icon {
  cursor: pointer;
  margin: 3px 3px 3px 5px;
  pointer-events: none;
  position: absolute
}

[class*=docs-hc] .docs-omnibox-autocomplete .ac-active .goog-menuitem {
  border-color: transparent;
  border-style: dotted;
  border-width: 1px 0;
  padding-top: 5px;
  padding-bottom: 5px
}

[class*=docs-hc] .docs-labelinputmenuitem.goog-menuitem .ac-row .goog-menuitem .goog-menuitem-icon {
  margin-top: 7px
}

[class*=docs-hc] .docs-labelinputmenuitem.goog-menuitem .ac-row.ac-active .goog-menuitem-icon {
  margin-top: 6px
}

.docs-omnibox-row-content {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}

.docs-omnibox-parent.goog-menu-vertical .docs-labelinputmenuitem.goog-menuitem {
  padding-left: 16px
}

.docs-omnibox-parent .docs-labelinputmenuitem.goog-menuitem.goog-menuitem-highlight {
  background-color: #fff;
  border-color: #fff
}

.docs-omnibox-parent .docs-labelinputmenuitem {
  outline: none
}

.docs-omnibox-feedback-link {
  color: #4285f4;
  font-size: 12px;
  padding-left: 260px;
  padding-right: 8px;
  padding-top: 1px;
  text-decoration: underline;
  -webkit-user-select: none;
  user-select: none
}

#docs-omnibox-toolbar.assisted-actions-omnibox-hidden {
  display: none
}

#docs-omnibox-toolbar.assisted-actions {
  width: 100px
}

.docs-omnibox-input.assisted-actions-toolbar-omnibox {
  min-width: 98px
}

#docs-omnibox-toolbar.assisted-actions .docs-omnibox-autocomplete {
  position: fixed;
  width: 100px
}

#docs-omnibox-toolbar.assisted-actions .docs-omnibox-autocomplete .ac-row .goog-menuitem {
  padding: 10px 15px 10px 35px
}

#docs-omnibox-toolbar.assisted-actions .docs-omnibox-autocomplete:focus-within {
  width: 350px;
  z-index: 1003
}

#docs-omnibox-toolbar .docs-omnibox-input.jfk-textinput.assisted-actions-toolbar-omnibox {
  padding-left: 35px
}

.docs-omnibox-autocomplete .docs-omnibox-fallback-divider {
  padding: .5em 0
}

.docs-omnibox-autocomplete .ac-active .docs-omnibox-fallback-divider {
  background-color: #fff
}

.docs-omnibox-autocomplete .docs-omnibox-fallback-divider .divider {
  margin: 0
}

.docs-grille-gm3 #docs-omnibox-toolbar.assisted-actions .docs-omnibox-input:focus-within {
  border-radius: 8px 8px 0 0
}

.docs-grille-gm3 #docs-omnibox-toolbar.assisted-actions {
  padding: 0
}

.docs-grille-gm3 #docs-omnibox-toolbar.assisted-actions .docs-icon {
  margin: 4px 8px
}

.docs-grille-gm3 #docs-omnibox-toolbar.assisted-actions .docs-omnibox-row-icon {
  margin: 1px 5px 1px 5px
}

.docs-grille-gm3 #docs-omnibox-toolbar .docs-omnibox-input.jfk-textinput[aria-expanded=true].assisted-actions-toolbar-omnibox {
  padding-left: 35px
}

.docs-grille-gm3 .assisted-actions-search-moved-container {
  gap: 1ch;
  display: flex;
  font-weight: 400;
  justify-content: center
}

.docs-grille-gm3 .assisted-actions-search-moved-new-hint {
  font-weight: 500
}

@media screen and (max-width:1600px) {
  .docs-grille-gm3 #docs-omnibox-toolbar.assisted-actions .docs-omnibox-input {
    background-color: #edf2fa;
    border-radius: 4px
  }

  .docs-grille-gm3.docs-body-pageless #docs-omnibox-toolbar.assisted-actions .docs-omnibox-input {
    background-color: #f3f6fc
  }

  .docs-grille-gm3 #docs-omnibox-toolbar.assisted-actions .docs-omnibox-input:hover {
    background-color: rgba(68, 71, 70, .08);
    cursor: pointer;
    padding-right: 0
  }

  .docs-grille-gm3 #docs-omnibox-toolbar.assisted-actions .docs-omnibox-input:focus-within {
    background: #fff;
    cursor: auto
  }

  .docs-grille-gm3 .docs-omnibox-input.assisted-actions-toolbar-omnibox {
    min-width: 35px
  }

  .docs-grille-gm3 #docs-omnibox-toolbar.assisted-actions,
  .docs-grille-gm3 #docs-omnibox-toolbar.assisted-actions .docs-omnibox-autocomplete {
    width: 35px
  }

  .docs-grille-gm3 #docs-omnibox-toolbar.assisted-actions .docs-omnibox-autocomplete:focus-within {
    width: 350px
  }
}

.docs-revisions-authorwidget {
  margin: 8px 10px 0 10px;
  direction: ltr
}

.docs-grille-version-history.docs-revisions-authorwidget {
  margin: 8px 24px 0
}

.docs-revisions-authorwidget-hat {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #ccc;
  font-size: 15px;
  height: 48px;
  padding-bottom: 8px
}

.docs-grille-version-history .docs-revisions-authorwidget-hat {
  border: none;
  font-family: Roboto, sans-serif;
  font-size: 11px;
  line-height: 16px;
  padding-bottom: 0
}

.docs-revisions-authorwidget-list {
  overflow-y: auto
}

.docs-revisions-authorwidget-item {
  align-items: center;
  display: flex;
  flex-direction: row;
  margin-top: 10px
}

.docs-grille-version-history .docs-revisions-authorwidget-item {
  margin-bottom: 10px;
  margin-top: 0
}

.docs-revisions-authorwidget-item:last-of-type {
  margin-bottom: 14px
}

.docs-grille-version-history .docs-revisions-authorwidget-item:last-of-type {
  margin-bottom: 0
}

.docs-revisions-authorwidget-item-photo {
  border-radius: 100%;
  box-sizing: border-box;
  border-style: solid;
  border-width: 2px;
  height: 28px;
  width: 28px
}

.docs-revisions-authorwidget-item-name {
  font-size: 13px;
  margin-left: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.docs-grille-version-history .docs-revisions-authorwidget-item-name {
  font: 500 12px/16px Roboto, sans-serif
}

.docs-revisions-chromecover-content {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  height: inherit
}

.docs-revisions-chromecover-content-exclude-sidebar-width {
  width: calc(100% - 320px)
}

.docs-revisions-chromecover-content-color-default {
  background-color: #f9fbfd;
  color: #202124
}

.docs-body-pageless .docs-revisions-chromecover-content-color-default {
  background-color: #fff
}

.docs-revisions-chromecover-titlebar {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  justify-content: flex-start;
  -webkit-user-select: none;
  user-select: none;
  font-size: 16px;
  width: 100%
}

.docs-gm .docs-revisions-chromecover-titlebar {
  font-size: 18px;
  line-height: 24px
}

.docs-grille-version-history .docs-revisions-chromecover-titlebar {
  font-size: 16px
}

.docs-revisions-chromecover-titlebar-label-container {
  overflow: hidden
}

.docs-revisions-chromecover-titlebar-spacer {
  flex-grow: 1
}

.docs-revisions-chromecover-titlebar-name-label {
  flex-shrink: 10;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.docs-gm .docs-revisions-chromecover-titlebar-name-label {
  font-weight: 400
}

.docs-grille-version-history .docs-revisions-chromecover-titlebar-name-label {
  font-weight: 500;
  margin: 0
}

.docs-revisions-chromecover-titlebar-subtitle-label {
  font-size: 14px
}

.docs-revisions-chromecover-titlebar-subtitle-label:empty {
  display: none
}

.docs-revisions-chromecover-titlebar[class*=docs-hc] .docs-revisions-chromecover-titlebar-button-action {
  border: 1px solid #fff
}

.docs-revisions-chromecover-titlebar-button-back-container {
  height: 100%;
  min-width: 58px
}

.docs-revisions-chromecover-titlebar-button-back {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  left: 18px;
  margin: 0;
  outline: 0;
  padding: 0
}

.docs-revisions-chromecover-titlebar-button-back.docs-material .docs-icon {
  height: 21px;
  width: 21px;
  margin: 0;
  padding-bottom: 3px
}

.docs-revisions-chromecover-titlebar-button-action,
.docs-revisions-chromecover-titlebar-second-button-action {
  align-items: center;
  border-radius: 3px;
  display: flex;
  flex-shrink: 0;
  -webkit-tap-highlight-color: transparent;
  background-color: #0f9d58;
  border: none;
  color: #fff;
  cursor: pointer;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 36px;
  margin: 0 0 0 24px;
  outline: none;
  padding: 0 16px;
  text-transform: uppercase;
  white-space: nowrap;
  will-change: box-shadow, filter, background-color, color
}

.docs-gm .docs-revisions-chromecover-titlebar-button-action,
.docs-gm .docs-revisions-chromecover-titlebar-second-button-action {
  padding: 0 24px;
  text-transform: none
}

.docs-grille-version-history .docs-revisions-chromecover-titlebar-button-action,
.docs-grille-version-history .docs-revisions-chromecover-titlebar-second-button-action {
  border: 1px solid transparent;
  border-radius: 100px;
  box-sizing: border-box;
  cursor: pointer;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  line-height: 20px;
  padding: 9px 24px;
  white-space: nowrap;
  background: #0b57d0;
  color: #fff;
  padding: 10px 24px
}

.docs-revisions-chromecover-titlebar-second-button-action {
  border-radius: 6px;
  flex-shrink: 1;
  background-color: #fff;
  border: 2px solid #e5e5e5;
  color: #0f9d58;
  margin-right: 16px;
  overflow: hidden
}

.docs-revisions-chromecover-titlebar-second-button-text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.docs-revisions-chromecover-titlebar-button-action,
.docs-revisions-chromecover-titlebar-button-action.goog-flat-button-active,
.docs-revisions-chromecover-titlebar-button-action.goog-flat-button-hover,
.docs-revisions-chromecover-titlebar-second-button-action,
.docs-revisions-chromecover-titlebar-second-button-action.goog-flat-button-active,
.docs-revisions-chromecover-titlebar-second-button-action.goog-flat-button-hover {
  transition-duration: .28s;
  transition-property: box-shadow, filter, background-color, color;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.docs-revisions-chromecover-titlebar-button-action.goog-flat-button-active,
.docs-revisions-chromecover-titlebar-button-action.goog-flat-button-focused,
.docs-revisions-chromecover-titlebar-second-button-action.goog-flat-button-active,
.docs-revisions-chromecover-titlebar-second-button-action.goog-flat-button-focused {
  filter: brightness(88%)
}

.docs-revisions-chromecover-titlebar-button-action.goog-flat-button-active,
.docs-revisions-chromecover-titlebar-second-button-action.goog-flat-button-active {
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12), 0 3px 5px -1px rgba(0, 0, 0, .2)
}

.docs-revisions-chromecover-titlebar-button-action.goog-flat-button-hover:not(.goog-flat-button-active),
.docs-revisions-chromecover-titlebar-second-button-action.goog-flat-button-hover:not(.goog-flat-button-active) {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2)
}

.docs-grille-version-history .docs-revisions-chromecover-titlebar-button-action.goog-flat-button-hover {
  background: #0b57d0;
  color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 3px 1px rgba(0, 0, 0, .15);
  background: #1f64d4
}

.docs-grille-version-history .docs-revisions-chromecover-titlebar-button-action.goog-flat-button-focused {
  background: #0b57d0;
  color: #fff;
  background: #286bd6
}

.docs-grille-version-history .docs-revisions-chromecover-titlebar-button-action.goog-flat-button-active {
  background: #0b57d0;
  color: #fff;
  background: #286bd6
}

.docs-revisions-icon {
  cursor: pointer;
  direction: ltr;
  height: 24px;
  min-height: 24px;
  min-width: 24px;
  outline: none;
  position: relative;
  text-align: left;
  vertical-align: middle;
  width: 24px
}

.docs-hc-gecko .docs-revisions-icon {
  filter: invert(100%)
}

.docs-revisions-icon-rtl {
  transform: scaleX(-1)
}

.docs-revisions-icon-focused:before {
  transform: scale(1.375);
  border-radius: 50%;
  background-color: #000;
  content: "";
  display: block;
  height: inherit;
  opacity: .12;
  position: absolute;
  width: inherit
}

.docs-revisions-icon-img-mask {
  height: inherit;
  overflow: hidden;
  position: absolute;
  width: inherit
}

.docs-revisions-icon-img:before {
  content: url(https://ssl.gstatic.com/docs/common/revisions_sprite1.svg)
}

.docs-revisions-icon-img {
  height: 72px;
  position: absolute;
  width: 24px
}

.docs-revisions-icon-open .docs-revisions-icon-arrow {
  left: 0;
  top: -48px
}

.docs-revisions-icon-arrow {
  left: 0;
  top: 0
}

.docs-revisions-icon-overflow {
  left: 0;
  top: -24px
}

.docs-revisions-new-changes-badge {
  background: #0b57d0;
  border-radius: 100%;
  height: 6px;
  outline: 1px solid transparent;
  position: absolute;
  right: 18px;
  top: 10px;
  width: 6px;
  z-index: 2
}

#docs-revisions-appbarbutton .docs-icon {
  margin: 0
}

#docs-revisions-appbarbutton.jfk-button {
  margin-right: 8px
}

#docs-revisions-appbarbutton .jfk-tooltip {
  max-width: 200px
}

#docs-revisions-appbarbutton.jfk-button-disabled:hover,
#docs-revisions-appbarbutton.jfk-button-hover {
  background: #e8ebee
}

#docs-revisions-appbarbutton.jfk-button-focused {
  background: #e1e3e6
}

.docs-revisions-sidebar {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  height: 100%;
  outline-style: none;
  position: absolute;
  right: 0;
  width: 250px;
  z-index: 100
}

.docs-gm .docs-revisions-sidebar {
  overflow: hidden;
  box-shadow: -3px 0 6px -3px rgba(60, 64, 67, .15), 3px 0 6px -3px rgba(60, 64, 67, .15);
  width: 300px
}

.docs-grille-version-history.docs-revisions-sidebar {
  background-color: #f0f4f9;
  box-shadow: none;
  font-family: Roboto, sans-serif;
  width: 320px
}

.docs-grille-version-history .docs-revisions-tile-text-box {
  font-family: Roboto, sans-serif
}

.docs-gm .docs-grille-version-history .docs-revisions-tile-collaborator-name {
  color: #444746;
  font-family: Roboto, sans-serif
}

.docs-gm .docs-grille-version-history .docs-revisions-tile-actions {
  font-family: Roboto, sans-serif
}

.docs-gm .docs-grille-version-history .docs-revisions-tile-caption-v0 {
  color: #444746
}

.docs-gm .docs-grille-version-history .docs-revisions-tile-show-v0.docs-revisions-tile-show-v0-link {
  color: #0b57d0
}

.docs-revisions-sidebar-header {
  flex-shrink: 0;
  -webkit-user-select: none;
  user-select: none
}

.docs-gm .docs-revisions-sidebar-header {
  background-color: #fff;
  border-bottom: 1px solid #dadce0;
  color: #202124
}

.docs-grille-version-history .docs-revisions-sidebar-header {
  background-color: #f0f4f9;
  border: none;
  font-size: 22px
}

.docs-revisions-sidebar[class*=docs-hc] {
  border-left: 1px solid #fff
}

.docs-revisions-sidebar[class*=docs-hc]>.docs-revisions-sidebar-header {
  border-bottom: 1px solid #fff
}

.docs-revisions-sidebar-header-bg-color-brand {
  background-color: #0f9d58
}

.docs-revisions-sidebar-header-text-color-brand {
  color: #fff
}

.docs-revisions-sidebar-title {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-shrink: 0;
  font-size: 16px;
  height: 60px;
  padding: 18px;
  width: 100%
}

.docs-gm .docs-revisions-sidebar-title {
  font-size: 16px;
  line-height: 24px;
  padding: 20px 16px
}

.docs-grille-version-history .docs-revisions-sidebar-title {
  font-size: 22px;
  line-height: 28px;
  padding: 24px
}

.docs-revisions-sidebar-title-text {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 400
}

.docs-revisions-sidebar-name-filter-switch-container {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  border-top: 1px solid hsla(0, 0%, 100%, .2);
  height: 47px;
  justify-content: space-between;
  padding: 14px 14px 14px 18px;
  width: 100%
}

.docs-grille-version-history .docs-revisions-sidebar-name-filter-switch-container {
  border-top: none
}

.docs-gm .docs-revisions-sidebar-name-filter-switch-container {
  border-top: 1px solid #dadce0;
  padding: 12px 16px;
  height: 40px
}

.docs-revisions-sidebar-name-filter-switch-container label {
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  font-weight: 400;
  opacity: .87;
  word-break: break-word
}

.docs-gm .docs-revisions-sidebar-name-filter-switch-container label {
  color: #3c4043;
  line-height: 16px
}

.docs-revisions-sidebar-revisions-list {
  position: relative;
  overflow: auto;
  overflow-x: hidden
}

.docs-revisions-sidebar-revisions-list:focus {
  outline-style: none
}

.docs-revisions-sidebar-revisions-list:focus-visible,
.docs-revisions-sidebar-revisions-list:moz-focusring {
  outline-style: auto
}

body:not(.docs-gm) .docs-revisions-sidebar-revisions-list::-webkit-scrollbar {
  width: 11px
}

body:not(.docs-gm) .docs-revisions-sidebar-revisions-list::-webkit-scrollbar-thumb {
  border-width: 1px
}

body:not(.docs-gm) .docs-revisions-sidebar-revisions-list::-webkit-scrollbar-track {
  border-width: 0
}

.docs-revisions-sidebar-actions {
  flex-shrink: 0;
  border-top: 1px solid #cfcfcf;
  padding: 9px 14px
}

.docs-grille-version-history .docs-revisions-sidebar-actions {
  border-color: #c4c7c5
}

#docs-revisions-sidebar-iw-button,
.docs-revisions-sidebar-detail-button {
  margin-top: 9px
}

.docs-revisions-sidebar-date-group {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  background-color: #f5f5f5;
  border-bottom: 1px solid #eee;
  color: #616161;
  font-size: 13px;
  font-weight: 500;
  height: 35px;
  padding-left: 18px
}

.docs-gm .docs-revisions-sidebar-date-group {
  color: #3c4043;
  background-color: #fff;
  font-size: 11px;
  font-weight: 500;
  line-height: 21px;
  text-transform: uppercase
}

.docs-grille-version-history .docs-revisions-sidebar-date-group {
  background-color: #f0f4f9;
  border-bottom: none;
  color: #444746;
  font-family: Roboto, sans-serif;
  line-height: 16px;
  padding-left: 24px;
  text-transform: none
}

.docs-revisions-sidebar-revisions-list-container {
  overflow: auto
}

.docs-revisions-sidebar-revisions-empty-container {
  display: flex;
  align-items: center;
  flex: 1 0 auto
}

.docs-revisions-sidebar-revisions-empty-named {
  color: #616161;
  margin: 0 18px;
  text-align: center
}

.docs-gm .docs-revisions-sidebar-revisions-empty-details {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px
}

.docs-revisions-sidebar-revisions-empty-title {
  font-size: 15px;
  font-weight: 500
}

.docs-gm .docs-revisions-sidebar-revisions-empty-title {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px
}

.docs-revisions-sidebar-revisions-empty-details,
.docs-revisions-sidebar-revisions-empty-title {
  margin-bottom: 8px
}

a.docs-revisions-sidebar-revisions-empty-learn-more {
  color: #4285f4
}

.docs-gm a.docs-revisions-sidebar-revisions-empty-learn-more {
  color: #1a73e8;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px
}

.docs-gm .docs-grille-version-history a.docs-revisions-sidebar-revisions-empty-learn-more {
  color: #0b57d0
}

.docs-revisions-filter-selector .docs-material-gm-select-outer-box {
  display: flex;
  height: 36px;
  margin: 12px;
  margin-top: -8px;
  width: unset
}

.docs-grille-version-history .docs-revisions-filter-selector .docs-material-gm-select-outer-box {
  border-color: #747775;
  margin: 0 24px 12px
}

.docs-grille-version-history .docs-revisions-filter-selector .docs-material-gm-select-outer-box:active {
  box-shadow: none
}

.docs-grille-version-history .docs-revisions-filter-selector.docs-material-gm-select-hover .docs-material-gm-select-outer-box {
  border-color: #1f1f1f;
  background-color: transparent
}

.docs-grille-version-history .docs-revisions-filter-selector .docs-material-gm-select-dropdown,
.docs-grille-version-history .docs-revisions-filter-selector .docs-material-gm-select-inner-box {
  display: flex
}

.docs-grille-version-history .docs-revisions-filter-selector.docs-material-gm-select-focused .docs-material-gm-select-outer-box,
.docs-grille-version-history .docs-revisions-filter-selector.docs-material-gm-select-open .docs-material-gm-select-outer-box {
  outline: 2px solid #0b57d0;
  margin: 0 23px 12px
}

.docs-revisions-loading-indicator {
  padding-top: 10px
}

.docs-revisions-filter-selector .docs-material-gm-select-caption,
.docs-revisions-filter-selector .goog-menuitem-content {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}

.docs-grille-version-history.docs-revisions-filter-selector .docs-material-gm-select-caption,
.docs-grille-version-history.docs-revisions-filter-selector .goog-menuitem-content {
  color: #444746;
  font-family: Roboto, sans-serif
}

.docs-revisions-filter-selector.goog-menu {
  width: 270px
}

.docs-grille-version-history.docs-revisions-filter-selector.goog-menu {
  box-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 2px 6px 2px rgba(0, 0, 0, .15);
  margin-left: 21px;
  margin-top: -10px;
  padding: 3px
}

.docs-grille-version-history.docs-revisions-filter-selector.goog-menu .goog-menuitem {
  color: #1f1f1f;
  font-size: 16px
}

.docs-gm .docs-grille-version-history.docs-revisions-filter-selector.goog-menu .goog-menuitem.goog-menuitem-highlight {
  background-color: rgba(31, 31, 31, .08)
}

.docs-gm .docs-grille-version-history.docs-revisions-filter-selector.goog-menu .goog-menuitem.goog-menuitem-highlight.goog-menuitem-active,
.docs-gm .docs-grille-version-history.docs-revisions-filter-selector.goog-menu .goog-menuitem.goog-option-selected {
  background-color: #dde3ea
}

.docs-gm .docs-grille-version-history.docs-revisions-filter-selector.goog-menu .goog-menuitem.goog-option-selected .goog-menuitem-checkbox {
  display: none
}

.docs-revisions-encrypted-reminder-container {
  background-color: #e6f4ea;
  color: #3c4043;
  display: flex;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  padding: 12px 18px 12px 0
}

.docs-grille-version-history .docs-revisions-encrypted-reminder-container {
  font-family: Roboto, sans-serif;
  font-size: 13px
}

.docs-grille-version-history .docs-revisions-encrypted-reminder-container a {
  font-weight: 500
}

.docs-revisions-encrypted-reminder-icon-container {
  display: flex;
  justify-content: center;
  min-width: 36px
}

.docs-grille-version-history .docs-material-gm-labeled-checkbox,
.docs-grille-version-history .docs-material-gm-labeled-checkbox-label {
  align-items: center;
  color: #444746;
  font-family: Roboto, sans-serif;
  line-height: 20px
}

.docs-grille-version-history .docs-revisions-sidebar-actions .docs-material-gm-labeled-checkbox-circle {
  margin-top: 0
}

.docs-ui-toast.docs-revisions-snack {
  z-index: 1001
}

.docs-revisions-snack .docs-ui-toast-control {
  font-weight: 500;
  text-transform: uppercase
}

.docs-revisions-switch {
  cursor: pointer;
  margin-left: 14px
}

.docs-revisions-switch[class*=docs-hc]>.apps-ui-material-slide-toggle-thumb,
.docs-revisions-switch[class*=docs-hc]>.apps-ui-material-slide-toggle-track {
  border: 1px solid #fff;
  will-change: border-style
}

.docs-revisions-switch .apps-ui-material-slide-toggle-thumb {
  background-color: #bdbdbd
}

.docs-gm .docs-revisions-switch .apps-ui-material-slide-toggle-thumb {
  background-color: #fff
}

.docs-revisions-switch .apps-ui-material-slide-toggle-track {
  background-color: #fff;
  opacity: .3
}

.docs-gm .docs-revisions-switch .apps-ui-material-slide-toggle-track {
  background-color: #9aa0a6;
  opacity: 1
}

.docs-revisions-switch.apps-ui-material-slide-toggle-container-checked .apps-ui-material-slide-toggle-thumb {
  background-color: #fafafa
}

.docs-gm .docs-revisions-switch.apps-ui-material-slide-toggle-container-checked .apps-ui-material-slide-toggle-thumb {
  background-color: #0f9d58
}

.docs-revisions-switch.apps-ui-material-slide-toggle-container-checked .apps-ui-material-slide-toggle-track {
  background-color: #000;
  opacity: .38
}

.docs-gm .docs-revisions-switch.apps-ui-material-slide-toggle-container-checked .apps-ui-material-slide-toggle-track {
  background-color: #0f9d58
}

.docs-revisions-tile {
  contain: content;
  outline: none;
  position: relative
}

.docs-revisions-tile-content-wrapper {
  padding-bottom: 12px;
  border-bottom: 1px solid #eee
}

.docs-grille-version-history .docs-revisions-tile-content-wrapper {
  border-bottom: 1px solid transparent;
  padding-bottom: 12px
}

.docs-revisions-tile-selected {
  background-color: #e2f3eb
}

.docs-grille-version-history .docs-revisions-tile-selected {
  background-color: #dde3ea
}

.docs-revisions-tile-hover:not(.docs-revisions-tile-selected) {
  background-color: #f5f5f5
}

.docs-grille-version-history .docs-revisions-tile-hover:not(.docs-revisions-tile-selected) {
  background-color: rgba(31, 31, 31, .08)
}

.docs-revisions-tile-header {
  display: flex;
  flex-direction: column;
  font-size: 13px;
  font-size: 14px;
  padding: 12px 18px 3px 36px;
  position: relative
}

.docs-revisions-tile-actions,
.docs-revisions-tile-collaborator-list {
  margin: 0 18px 0 36px
}

.docs-gm .docs-revisions-tile-actions {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  line-height: 16px;
  padding-top: 3px
}

.docs-revisions-tile-collaborator {
  display: flex;
  flex-direction: column;
  font-size: 12px
}

.docs-revisions-tile-collaborator-name {
  align-items: center;
  display: flex;
  color: #585858
}

.docs-gm .docs-revisions-tile-collaborator {
  line-height: 16px
}

.docs-gm .docs-revisions-tile-collaborator-name {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}

.docs-gm .docs-grille-version-history.docs-revisions-tile-collaborator-name {
  color: #444746;
  font-family: Roboto, sans-serif
}

.docs-revisions-tile-collaborator-link {
  line-height: 1;
  margin-top: 3px
}

.docs-gm .docs-revisions-tile-collaborator-link {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  line-height: 16px;
  margin-top: 3px
}

.docs-revisions-tile-indented {
  margin-left: 50px
}

.docs-revisions-tile-indented .docs-revisions-tile-header {
  padding-left: 0
}

.docs-revisions-tile-indented .docs-revisions-tile-actions,
.docs-revisions-tile-indented .docs-revisions-tile-collaborator-list {
  margin-left: 0
}

.docs-revisions-tile-caption-v0 {
  color: grey;
  font-size: 11px
}

.docs-revisions-tile-show-v0 {
  color: #4275d6;
  font-size: 11px
}

.docs-revisions-tile-show-v0-link {
  cursor: pointer;
  font-weight: 500
}

.docs-revisions-tile-swatch {
  width: 8px;
  height: 8px;
  margin-right: 5px
}

.docs-grille-version-history .docs-revisions-tile-swatch {
  margin-right: 10px
}

.docs-gm .docs-revisions-tile-swatch {
  border-radius: 50%
}

.docs-revisions-tile-arrow-button,
.docs-revisions-tile-menu-button {
  position: absolute
}

.docs-revisions-tile-arrow-button {
  left: 9px;
  top: 10px
}

.docs-revisions-tile-menu-button {
  right: 9px;
  top: 10px
}

.docs-revisions-tile-shade {
  border-bottom: 1px solid #eee;
  cursor: progress;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 1
}

.docs-revisions-tile-shade:before {
  background-color: #fff;
  content: "";
  display: block;
  height: inherit;
  opacity: .95;
  width: inherit
}

.docs-revisions-tile-shade .docs-spinner {
  align-items: center;
  display: flex;
  justify-content: center;
  transform: scale(.5);
  height: 48px;
  left: 50%;
  margin: -24px 0 0 -24px;
  position: absolute;
  top: 50%;
  width: 48px
}

.docs-revisions-tile-shade .docs-quantum-spinner {
  margin: 0;
  position: static
}

.docs-revisions-tile-descriptor {
  color: #000;
  font-size: 14px
}

.docs-gm .docs-revisions-tile-descriptor {
  font-style: italic
}

.docs-revisions-tile-selected .docs-revisions-tile-descriptor {
  font-weight: 500
}

.docs-gm .docs-revisions-tile-selected .docs-revisions-tile-descriptor,
.docs-gm .docs-revisions-tile-selected .docs-revisions-tile-text-box~.docs-revisions-tile-descriptor {
  color: #1967d2
}

.docs-gm .docs-grille-version-history .docs-revisions-tile-selected .docs-revisions-tile-descriptor,
.docs-gm .docs-grille-version-history .docs-revisions-tile-selected .docs-revisions-tile-text-box~.docs-revisions-tile-descriptor {
  color: #444746
}

.docs-revisions-tile-text-box~.docs-revisions-tile-descriptor {
  color: #585858;
  font-size: 12px;
  font-weight: 400;
  margin-top: 3px
}

.docs-gm .docs-revisions-tile-descriptor,
.docs-gm .docs-revisions-tile-text-box~.docs-revisions-tile-descriptor {
  color: #3c4043;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px
}

.docs-revisions-tile-text-box {
  transition-duration: .28s;
  transition-property: border-color;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  background: transparent;
  border-radius: 2px;
  border: 1px solid transparent;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  margin: -3px;
  margin-right: 18px;
  outline: 0;
  padding: 2px;
  resize: none;
  will-change: border-color
}

.docs-revisions-tile-text-box:hover:enabled {
  border-color: #9e9e9e
}

.docs-grille-version-history .docs-revisions-tile-text-box:hover:enabled {
  border-color: #747775
}

.docs-revisions-tile-text-box:focus:enabled {
  border-color: #498dff
}

.docs-grille-version-history .docs-revisions-tile-text-box:focus:enabled {
  outline: 2px solid #0b57d0
}

.docs-revisions-tile-text-box:disabled {
  color: #000;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none
}

.docs-revisions-tile-selected .docs-revisions-tile-text-box {
  font-weight: 500
}

.docs-gm .docs-revisions-tile-text-box {
  font-weight: 400;
  line-height: 20px
}

.docs-grille-version-history .docs-revisions-tile-text-box {
  border-radius: 4px;
  font-size: 16px;
  line-height: 24px
}

.docs-gm .docs-revisions-tile-selected .docs-revisions-tile-text-box {
  color: #137333;
  font-weight: 700
}

.docs-grille-version-history .docs-revisions-tile-selected .docs-revisions-tile-text-box {
  color: #1f1f1f;
  font-weight: 500;
  line-height: 24px
}

.docs-gm docs-revisions-tile-text-box:disabled {
  color: #3c4043
}

.docs-bubble {
  background-color: #fff;
  border-radius: 2px;
  border: 1px solid;
  border-color: #bbb #bbb #a8a8a8;
  -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
  box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
  color: #666;
  cursor: default;
  padding: 12px 20px;
  position: absolute;
  z-index: 502;
  white-space: nowrap
}

@media screen and (forced-colors:active) {

  .docs-bubble,
  .docs-bubble.docs-bubble-material {
    outline: 1px solid currentColor
  }
}

.docs-bubble.docs-linkbubble-bubble {
  z-index: 503
}

.docs-bubble.docs-linkbubble-bubble.docos-linkbubble {
  z-index: 1000
}

.docs-bubble.docs-linkbubble-bubble.search-popup-menu-linkbubble {
  z-index: 1002
}

.docs-bubble a,
.docs-bubble-link {
  color: #15c !important;
  cursor: pointer;
  text-decoration: none !important
}

.docs-bubble a {
  display: inline-block;
  max-width: 400px;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: bottom
}

.docs-bubble a:hover,
.docs-bubble-link:hover {
  text-decoration: underline !important
}

.docs-bubble-label {
  font-weight: 500
}

a.docs-bubble-link-disabled {
  color: #ccc !important;
  text-decoration: none !important
}

.docs-bubble .docs-bubble-button .docs-icon {
  vertical-align: baseline;
  width: 18px;
  height: 18px;
  margin: 0
}

.docs-bubble .docs-bubble-button {
  line-height: 0;
  background-color: transparent;
  background-image: none;
  height: 18px;
  width: 18px;
  border-radius: 50%;
  border-width: 0;
  border-style: solid;
  border-color: transparent;
  box-shadow: none;
  background-clip: padding-box;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  min-width: unset;
  margin-right: 0;
  padding: 6px
}

.docs-bubble .docs-bubble-button.jfk-button:focus,
.docs-bubble .docs-bubble-button.jfk-button:hover {
  background-color: rgba(0, 0, 0, .06)
}

.docs-bubble .docs-bubble-button.jfk-button.goog-toolbar-button-checked,
.docs-bubble .docs-bubble-button.jfk-button:hover:active {
  background-color: #e6f4ea
}

.docs-hc-gecko .docs-bubble-button {
  border: 1px solid transparent
}

.docs-bubble-material {
  background: #fff;
  border: 0;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 400;
  outline: none;
  padding: 0;
  position: absolute;
  white-space: normal
}

.docs-bubble-gm3 {
  background: #f8fafd;
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 3px 1px rgba(0, 0, 0, .15);
  color: #444746;
  cursor: default;
  font-family: Roboto, sans-serif;
  outline: none;
  padding: 0;
  position: absolute;
  z-index: 502
}

.docs-bubble-material-body-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 12px
}

.docs-bubble-material-body {
  padding: 12px
}

.docs-bubble-material-body-action-bar {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 48px;
  justify-content: space-between;
  padding: 12px
}

.docs-bubble-material-body-hint-bar {
  align-items: center;
  background-color: #1a73e8;
  border-radius: 0 0 4px 4px;
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  justify-content: space-between;
  padding: 12px
}

.color-dialog>.docs-material-gm-dialog-title {
  display: none
}

.color-dialog>.docs-material-gm-dialog-content {
  min-width: unset;
  padding-top: 16px;
  padding-bottom: 8px
}

.color-dialog>.docs-material-gm-dialog-buttons {
  padding-top: 8px
}

.color-dialog>.docs-material-gm-dialog-buttons>:last-child {
  margin-right: 0
}

.docs-colormenuitems-header {
  padding-left: 5px
}

.docs-colormenuitems-custom-header {
  margin-left: -23px
}

.docs-gm .colormenuitems-custom-header-add-button .docs-colormenuitems-custom-header,
.docs-gm .docs-colormenuitems-scheme-header {
  margin-left: 5px
}

.docs-gm .docs-colormenuitems .goog-menuitem.colormenuitems-custom-header-add-button {
  border-radius: 4px;
  font-size: 13px;
  padding: 2px 0
}

.docs-gm[class*=docs-hc] .goog-menuitem-highlight.colormenuitems-custom-header-add-button {
  padding: 1px 0
}

.docs-gm .docs-colormenuitems-scheme-header {
  padding: 4px 0 4px 5px
}

.docs-gm .docs-colormenuitems .docs-colormenuitems-custom-header,
.docs-gm .docs-colormenuitems .docs-colormenuitems-scheme-header {
  color: #3c4043;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .8px;
  padding-left: 0;
  text-transform: uppercase
}

.docs-gm .docs-colormenuitems .docs-text-color-state-change-button.jfk-button {
  background-color: #fff;
  background-image: none;
  border: none;
  box-shadow: none;
  color: #5f6368;
  cursor: pointer;
  font-size: 14px
}

.docs-gm .docs-colormenuitems .docs-text-color-state-change-button.jfk-button-checked {
  border-bottom: 2px solid #0f9d58;
  color: #202124
}

.docs-gm .colormenuitems-ob-order .goog-menuitem.colormenuitems-no-color {
  border: 1px solid #dadce0;
  border-radius: 15px;
  box-sizing: border-box;
  margin-top: 10px;
  padding: 3px 15px 3px 15px;
  text-align: center
}

.docs-gm .colormenuitems-ob-order .goog-menuitem.colormenuitems-no-color .docs-icon {
  left: auto;
  margin: 0;
  position: relative;
  right: auto;
  top: auto;
  vertical-align: middle
}

.colormenuitems-ob-order {
  max-width: 221px;
  min-width: 183px
}

.docs-gm .colormenuitems-ob-order .docs-colormenuitems-scheme-header {
  box-sizing: border-box;
  overflow: hidden;
  padding-right: 35px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%
}

.docs-colormenuitems.goog-menu {
  padding: 10px
}

.docs-colormenuitems .jfk-palette-table {
  margin: 0;
  padding: 3px
}

.docs-colormenuitems .jfk-palette-cell-hover {
  border: 1px solid #fff;
  outline: 1px solid #000
}

.docs-colormenuitems-theme-header {
  padding-top: 5px
}

.docs-colormenuitems-custom-palette .jfk-palette-cell {
  border-color: #ccc;
  height: 16px;
  width: 16px
}

.docs-colormenuitems-custom-palette .jfk-palette-cell-selected {
  border-color: #000;
  outline: none
}

.goog-color-menu-button.goog-menu-button {
  background-color: #f5f5f5;
  background-image: linear-gradient(top, #f5f5f5, #f1f1f1)
}

.goog-color-menu-button .goog-menu-button-inner-box,
.goog-color-menu-button .goog-menu-button-outer-box {
  border-color: rgba(0, 0, 0, .1)
}

.goog-color-menu-button.goog-menu-button-focused .goog-menu-button-inner-box,
.goog-color-menu-button.goog-menu-button-focused .goog-menu-button-outer-box {
  border-color: #4d90fe
}

.goog-color-menu-button.goog-menu-button-hover .goog-menu-button-inner-box,
.goog-color-menu-button.goog-menu-button-hover .goog-menu-button-outer-box,
.goog-color-menu-button.goog-menu-button-open .goog-menu-button-inner-box,
.goog-color-menu-button.goog-menu-button-open .goog-menu-button-outer-box {
  border-color: rgba(0, 0, 0, .1)
}

.goog-color-menu-button.goog-menu-button-hover .goog-menu-button-outer-box {
  box-shadow: 0 1px 1px rgba(0, 0, 0, .1)
}

.docs-flatcolormenubutton.goog-flat-menu-button {
  min-width: 0
}

.docs-flatcolormenubutton .goog-flat-menu-button-caption {
  display: inline-block;
  height: 14px;
  outline: 1px solid #bbb;
  vertical-align: middle;
  width: 14px;
  forced-color-adjust: none
}

.docs-copy-link {
  width: 500px
}

.copy-link-dialog {
  color: #000;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 13px;
  white-space: normal
}

.copy-link-butter-holder {
  position: absolute;
  top: 0;
  padding-top: 16px;
  left: 220px
}

.docs-dialogmessage {
  align-items: center;
  background-color: #e6f4ea;
  border-radius: 8px;
  display: flex;
  font-size: 12px;
  padding: 8px 12px
}

.docs-dialogmessage.docs-material .docs-dialogmessage-text {
  flex-direction: column
}

.docs-dialogmessage.docs-material.docs-dialogmessage-error {
  background-color: #fce8e6
}

.docs-dialogmessage.docs-material .docs-icon {
  flex-shrink: 0;
  margin-right: 12px
}

.docs-dialogmessage-link,
.docs-dialogmessage-link:visited {
  color: #15c
}

.docs-findbar-input {
  width: 170px;
  height: 19px
}

.docs-gm .docs-findbar-content,
.docs-gm .docs-gotobar-content {
  height: 36px
}

.docs-slidingdialog .docs-findbar-text {
  border: 1px solid #aaa;
  font-size: 11px;
  height: 16px;
  margin-right: 4px;
  padding: 2px;
  width: 172px
}

.docs-slidingdialog #docs-findbar-spinner {
  display: inline-block;
  position: relative;
  transition: left .3s ease-out;
  transition: width .3s ease-out;
  vertical-align: middle
}

.docs-gm .docs-slidingdialog #docs-findbar-button-previous,
.docs-gm .docs-slidingdialog #waffle-gotobar-button-go {
  margin-left: 8px;
  margin-right: 8px
}

.docs-slidingdialog #docs-findbar-button-next {
  margin-right: 8px
}

.docs-gm .docs-slidingdialog .goog-toolbar-separator {
  height: 24px;
  width: 2px;
  margin: 0 8 0 0;
  position: center;
  vertical-align: middle
}

.docs-slidingdialog #docs-findbar-button-more-options {
  margin-right: 8px
}

.docs-findbar-button-previous-rtl {
  margin-left: -1px
}

.docs-findbar-content .jfk-button-disabled {
  background-color: #f5f5f5;
  border-color: rgba(0, 0, 0, .1);
  border-color: #dcdcdc
}

.docs-gm .docs-findbar-content .jfk-button-disabled,
.docs-gm .docs-gotobar-content .jfk-button-disabled {
  opacity: .38
}

.docs-gm .docs-findbar-content .jfk-button,
.docs-gm .docs-gotobar-content .jfk-button {
  background-image: none;
  background-color: transparent;
  border-color: transparent;
  margin: 0 8px 0 0;
  min-width: 24px;
  vertical-align: middle
}

.docs-gm .docs-findbar-content .jfk-button-hover,
.docs-gm .docs-gotobar-content .jfk-button-hover {
  box-shadow: none;
  background-color: rgba(0, 0, 0, .06);
  background-image: none;
  cursor: pointer;
  border-color: transparent !important;
  border-radius: 2px;
  border-width: 1px
}

.docs-gm .docs-findbar-content .jfk-button-active,
.docs-gm .docs-gotobar-content .jfk-button-active {
  box-shadow: none;
  background-color: rgba(0, 0, 0, .12);
  background-image: none;
  cursor: pointer;
  border-color: transparent !important;
  border-radius: 2px;
  border-width: 1px
}

.docs-findinput-container {
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top: 1px solid silver;
  min-width: 20px;
  padding: 0 8px;
  width: 100%
}

.docs-findinput-container-focus {
  border: 1px solid #4d90fe;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
  outline: none
}

.docs-gm .docs-findinput-container,
.docs-gm .docs-gotoinput-container {
  border: 1px solid #dadce0;
  border-radius: 4px;
  box-sizing: border-box;
  color: #3c4043;
  padding: 1px 8px;
  font-size: 14px;
  height: 36px;
  margin: 8px 0;
  margin: 0
}

.docs-gm .docs-findinput-container-focus,
.docs-gm .docs-gotoinput-container:focus {
  border: 2px solid #1a73e8;
  box-shadow: none;
  padding: 0 7px
}

.docs-findinput-input,
.docs-findinput-input:focus {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  font-size: 13px;
  height: 25px;
  margin: 0;
  outline: none !important;
  padding: 1px 0 !important;
  width: 100%
}

.docs-findinput-count-container {
  max-width: 120px;
  overflow: hidden;
  padding: 0 8px 0 4px;
  text-align: right
}

.docs-findinput-count {
  color: #5f6368;
  white-space: nowrap
}

#docs-font-size .goog-toolbar-menu-button-caption,
#fontSizeSelect .goog-toolbar-menu-button-caption {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 20px;
  white-space: nowrap
}

#docs-font-size .goog-toolbar-combo-button-caption,
#fontSizeSelect .goog-toolbar-combo-button-caption {
  width: 48px !important
}

#docs-font-size .goog-toolbar-combo-button-input,
#fontSizeSelect .goog-toolbar-combo-button-input {
  width: 28px
}

#fontSizeSelect.docs-font-size-inc-dec-combobox {
  border-color: #dadce0 !important;
  border-radius: 0;
  vertical-align: middle;
  width: 39px
}

.goog-toolbar[role=toolbar] .docs-font-size-inc-dec-action-button.goog-toolbar-button {
  border-color: #dadce0 !important
}

#fontSizeDecrement.docs-font-size-inc-dec-action-button.goog-toolbar-button {
  border-radius: 2px 0 0 2px;
  border-right: 0 !important;
  margin-left: 5px;
  margin-right: 0
}

.docs-font-size-inc-dec-action-button.goog-toolbar-button .goog-toolbar-button-inner-box,
.docs-font-size-inc-dec-action-button.goog-toolbar-button .goog-toolbar-button-outer-box,
.goog-toolbar[role=toolbar] .docs-font-size-inc-dec-action-button.goog-toolbar-button {
  height: 22px;
  min-width: 23px;
  width: 23px
}

#fontSizeIncrement.docs-font-size-inc-dec-action-button.goog-toolbar-button {
  border-left: 0 !important;
  border-radius: 0 2px 2px 0;
  margin-left: 0;
  margin-right: 5px
}

#fontSizeSelect.docs-font-size-inc-dec-combobox,
#fontSizeSelect.docs-font-size-inc-dec-combobox .goog-toolbar-combo-button-caption,
#fontSizeSelect.docs-font-size-inc-dec-combobox .goog-toolbar-combo-button-inner-box {
  height: 22px;
  margin-left: 0;
  margin-right: 0
}

#fontSizeSelect.docs-font-size-inc-dec-combobox .goog-toolbar-combo-button-input {
  height: 24px !important;
  margin: -1px;
  text-align: center;
  width: 41px !important;
  padding: 0
}

#fontSizeSelect.docs-font-size-inc-dec-combobox .goog-toolbar-combo-button-caption {
  width: 41px !important
}

#fontSizeSelect.docs-font-size-inc-dec-combobox .goog-toolbar-combo-button-inner-box {
  padding: 0
}

.docs-font-size-inc-dec-combobox.goog-toolbar-combo-button-hover:not(.goog-toolbar-combo-button-open) .goog-toolbar-combo-button-input {
  border-right-color: transparent !important
}

.goog-toolbar[role=toolbar] .docs-font-size-inc-dec-action-button.goog-toolbar-button .docs-icon {
  height: 22px;
  margin: 0;
  vertical-align: baseline;
  width: 22px
}

.docs-grille-gm3 .goog-toolbar[role=toolbar] .docs-font-size-inc-dec-action-button.goog-toolbar-button .docs-icon {
  height: 20px;
  margin-top: 2px;
  width: 20px
}

.docs-gm .goog-menu.goog-menu-noicon.docs-font-size-inc-dec-menu .goog-menuitem {
  min-width: 39px;
  padding-right: 0;
  padding-left: 0;
  text-align: center
}

.docs-grille-gm3 #fontSizeDecrement.docs-font-size-inc-dec-action-button.goog-toolbar-button {
  margin-left: 1px
}

.docs-grille-gm3 #fontSizeIncrement.docs-font-size-inc-dec-action-button.goog-toolbar-button {
  margin-right: 1px
}

.docs-grille-gm3 .docs-font-size-inc-dec-combobox.goog-toolbar-combo-button {
  line-height: 24px
}

.docs-grille-gm3 #fontSizeSelect.docs-font-size-inc-dec-combobox .goog-toolbar-combo-button-caption {
  align-items: center;
  display: flex
}

.hsv,
.hsva {
  position: relative;
  width: 182px;
  height: 185px
}

.hsv label span,
.hsva label span {
  display: none
}

.hsv-hs-backdrop,
.hsv-hs-image,
.hsva-hs-backdrop,
.hsva-hs-image {
  position: absolute;
  top: 45px;
  left: 10px;
  width: 128px;
  height: 128px;
  border: 1px solid #999
}

.hsv-hs-backdrop,
.hsva-hs-backdrop {
  background-color: #000
}

.hsv-hs-handle,
.hsv-hs-image,
.hsv-v-handle,
.hsv-v-image,
.hsva-a-handle,
.hsva-a-image,
.hsva-hs-handle,
.hsva-hs-image,
.hsva-swatch-backdrop,
.hsva-v-handle,
.hsva-v-image {
  background-image: url(//ssl.gstatic.com/docs/drawings/images/hsva-sprite-sm.png)
}

.hsv-noalpha .hsv-hs-handle,
.hsv-noalpha .hsv-hs-image,
.hsv-noalpha .hsv-v-handle,
.hsv-noalpha .hsv-v-image,
.hsva-noalpha .hsva-a-handle,
.hsva-noalpha .hsva-a-image,
.hsva-noalpha .hsva-hs-handle,
.hsva-noalpha .hsva-hs-image,
.hsva-noalpha .hsva-swatch-backdrop,
.hsva-noalpha .hsva-v-handle,
.hsva-noalpha .hsva-v-image {
  background-image: url(//ssl.gstatic.com/docs/drawings/images/hsva-sprite-sm.gif)
}

.hsv-hs-image,
.hsva-hs-image {
  background-position: 0 0
}

.hsv-hs-handle,
.hsva-hs-handle {
  position: absolute;
  left: 5px;
  top: 40px;
  width: 11px;
  height: 11px;
  overflow: hidden;
  background-position: 0 -128px
}

.hsv-v-image,
.hsva-a-image,
.hsva-v-image {
  position: absolute;
  top: 45px;
  left: 155px;
  width: 9px;
  height: 128px;
  border: 1px solid #999;
  background-color: #fff;
  background-position: -128px 0
}

.hsv-v-handle,
.hsva-a-handle,
.hsva-v-handle {
  position: absolute;
  top: 40px;
  left: 148px;
  width: 25px;
  height: 11px;
  background-position: -11px -128px;
  overflow: hidden
}

.hsv-swatch,
.hsva-swatch,
.hsva-swatch-backdrop {
  position: absolute;
  top: 10px;
  right: auto;
  left: 10px;
  width: 30px;
  height: 22px;
  border: 1px solid #999;
  background-color: #fff
}

.hsv-input,
.hsva-input {
  position: absolute;
  top: 10px;
  right: auto;
  left: 50px;
  width: 75px
}

.hsva {
  width: 205px
}

.hsva-a-image {
  left: 182px;
  background-position: -137px 0
}

.hsva-a-handle {
  left: 175px
}

.hsva-swatch,
.hsva-swatch-backdrop {
  background-position: -36px -128px
}

.hsva-swatch {
  z-index: 5
}

.hsva-swatch-backdrop {
  z-index: 1
}

.docs-loading-animation {
  width: 28px;
  height: 6px;
  position: absolute;
  margin: auto;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0
}

.docs-loading-animation-dot-1,
.docs-loading-animation-dot-2,
.docs-loading-animation-dot-3 {
  background-color: rgba(0, 0, 0, .2);
  border-radius: 6px;
  display: inline-block;
  height: 6px;
  position: absolute;
  width: 6px
}

.docs-loading-animation-dot-1 {
  animation: docs-loading-animation-pulse 1s ease-in-out 0s infinite;
  left: 0
}

.docs-loading-animation-dot-2 {
  animation: docs-loading-animation-pulse 1s ease-in-out .33s infinite;
  left: 50%;
  margin-left: -3px
}

.docs-loading-animation-dot-3 {
  animation: docs-loading-animation-pulse 1s ease-in-out .66s infinite;
  right: 0
}

@keyframes docs-loading-animation-pulse {

  0%,
  40%,
  to {
    background-color: rgba(0, 0, 0, .2);
    transform: scale(1)
  }

  15% {
    background-color: #000;
    transform: scale(1.2)
  }
}

.docs-slidingdialog-button-close:focus {
  outline: 1px solid #4d90fe
}

.docs-gm .docs-slidingdialog-close-container {
  padding-top: 3px;
  vertical-align: middle
}

.docs-gm .docs-slidingdialog-close-container .goog-flat-button {
  cursor: pointer
}

.docs-gm .docs-slidingdialog .docs-icon-close {
  opacity: 1
}

.docs-slidingdialog {
  background-color: #fff;
  border-bottom: 1px solid #d9d9d9;
  border-top: none;
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  margin-top: -1px;
  padding: 10px 12px;
  outline: none
}

.docs-gm .docs-slidingdialog {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  padding: 16px 12px
}

.docs-slidingdialog .jfk-textinput {
  border-top-color: #d9d9d9;
  margin-right: 0
}

.docs-slidingdialog .jfk-textinput:focus {
  border-top-color: #4d90fe
}

.docs-slidingdialog .goog-custom-button-inner-box {
  padding: 1px 2px 0 2px
}

.docs-slidingdialog .goog-custom-button {
  margin: -2px 0 0 0
}

.docs-slidingdialog .docs-icon-close,
.docs-slidingdialog .docs-icon-down,
.docs-slidingdialog .docs-icon-ellipsis,
.docs-slidingdialog .docs-icon-overflow-three-dots,
.docs-slidingdialog .docs-icon-up {
  opacity: .4
}

.docs-gm .docs-slidingdialog .docs-icon-img {
  opacity: 1
}

.docs-slidingdialog .jfk-button {
  vertical-align: top
}

.docs-slidingdialog .goog-flat-button {
  background-color: transparent;
  border: 0;
  cursor: default;
  margin: 0;
  padding: 0
}

.docs-slidingdialog .goog-flat-button-hover {
  background-color: transparent
}

.docs-slidingdialog-holder {
  margin-top: -1px;
  overflow: hidden;
  position: absolute;
  right: 44px;
  z-index: 507;
  min-width: 300px
}

.docs-slidingdialog-wrapper {
  left: 0;
  position: relative;
  width: 100%
}

.docs-squarehandleselectionbox-border {
  cursor: move;
  position: absolute;
  border: 1px solid #1a73e8;
  box-sizing: border-box;
  z-index: 30;
  background-color: transparent
}

.docs-squarehandleselectionbox-handle {
  position: absolute;
  border: 1px solid #fff;
  background-color: #1a73e8;
  width: 7px;
  height: 7px;
  font-size: 0;
  z-index: 40
}

.goog-menuitem.docs-submenuitem {
  border: none;
  border-bottom: 1px solid #e6e6e6;
  height: 59px;
  padding-top: 0;
  padding-bottom: 0
}

[class*=docs-hc] .docs-submenuitem {
  border: none
}

.goog-menuitem.docs-submenuitem .goog-menuitem-content {
  height: 59px;
  line-height: 59px
}

.goog-menuitem.docs-submenuitem .goog-menuitem-checkbox {
  height: 59px;
  top: 0
}

.docs-ui-toast {
  align-items: center;
  border-radius: 2px;
  display: flex;
  flex-direction: row;
  background-color: #323232;
  bottom: 24px;
  color: #fff;
  font-size: 14px;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  left: 24px;
  line-height: 20px;
  min-width: 288px;
  max-width: 568px;
  outline: none;
  padding: 17px 24px;
  position: absolute;
  z-index: 1004
}

.docs-ui-toast.docs-ui-toast-center-horizontally {
  left: 50%
}

.docs-gm .docs-ui-toast {
  background-color: #202124;
  border-radius: 4px;
  box-shadow: 0 4px 8px 3px rgba(60, 64, 67, .15);
  color: #dadce0;
  padding: 16px 24px
}

.docs-grille-gm3 .docs-ui-toast {
  background-color: #303030;
  color: #f2f2f2;
  font-family: Roboto, sans-serif;
  padding: 14px 16px
}

.docs-ui-toast-content {
  flex-grow: 1;
  flex-shrink: 1;
  display: inline-block
}

.docs-ui-toast-control-bar {
  flex-grow: 0;
  flex-shrink: 0;
  color: #a1c2fa;
  cursor: pointer;
  display: inline-block;
  margin-left: 24px
}

.docs-gm .docs-ui-toast-control-bar {
  color: #34a853
}

.docs-ui-toast-control {
  display: inline-block;
  font-weight: 500;
  margin-left: 2px;
  outline: none;
  padding: 0 4px
}

.docs-gm .docs-ui-toast-control {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-transform: none
}

.docs-grille-gm3 .docs-ui-toast-control {
  color: #a8c7fa;
  font-size: 14px
}

.docs-ui-toast-close-bar {
  cursor: pointer;
  display: inline-block;
  margin-left: 24px
}

.docs-ui-toast-close:focus,
.docs-ui-toast-control:focus {
  border-radius: 4px;
  outline: 1px solid Highlight
}

.docs-ui-toast-control:focus {
  outline-offset: 4px
}

.docs-ui-toast-close {
  background-color: transparent;
  border: 0;
  display: inline-block;
  margin: 0 2px;
  padding: 2px
}

.docs-hc-gecko .docs-ui-toast-close,
.docs-hc-gecko-white .docs-ui-toast-close {
  filter: invert(100%)
}

.goog-toolbar-combo-button {
  border-radius: 2px;
  -webkit-user-select: none;
  user-select: none;
  background: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 1px;
  outline: none;
  padding: 0;
  height: 24px;
  color: #333;
  line-height: 24px;
  list-style: none;
  font-size: 11px;
  font-weight: 500;
  -webkit-text-decoration: none;
  text-decoration: none;
  vertical-align: middle;
  cursor: default;
  top: 2px
}

.goog-toolbar-combo-button-inner-box,
.goog-toolbar-combo-button-outer-box {
  border: 0;
  vertical-align: top
}

.goog-toolbar-combo-button-outer-box {
  margin: 0;
  padding: 0
}

.goog-toolbar-combo-button-inner-box {
  padding: 0 2px;
  margin: 0 1px
}

.goog-toolbar-combo-button-hover {
  box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
  background-color: #f8f8f8;
  background-image: linear-gradient(top, #f8f8f8, #f1f1f1);
  border-color: #c6c6c6 !important;
  color: #222
}

.goog-toolbar-combo-button-active {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
  background-color: #f6f6f6;
  background-image: linear-gradient(top, #f6f6f6, #f1f1f1);
  border-color: #c6c6c6
}

.goog-toolbar-combo-button-open {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
  background-color: #eee;
  background-image: linear-gradient(top, #eee, #e0e0e0);
  border-color: #ccc;
  color: #222
}

.goog-toolbar-combo-button-disabled {
  color: #222 !important;
  opacity: .3;
  filter: alpha(opacity=30)
}

.goog-toolbar-combo-button-dropdown {
  background: url(https://ssl.gstatic.com/ui/v1/disclosure/small-grey-disclosure-arrow-down.png) 50% no-repeat;
  float: right;
  margin: 9px 0 0 0;
  padding: 0 0 0 1px;
  min-width: 7px;
  opacity: .8;
  vertical-align: middle;
  width: 5px;
  height: 7px;
  *float: none;
  *position: relative;
  *top: -3px
}

.goog-toolbar-combo-button-caption {
  padding: 0;
  margin: 0 0 0 -3px
}

.docs-toolbar-small-separator+div.goog-toolbar-combo-button {
  margin: 4px 1px 0 -1px
}

.goog-toolbar-combo-button-input {
  background: transparent;
  border: 1px solid transparent;
  color: #333;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
  height: 20px;
  overflow: hidden
}

.goog-toolbar-combo-button-hover .goog-toolbar-combo-button-input {
  border-right: 1px solid #d9d9d9
}

.goog-toolbar-combo-button-open .goog-toolbar-combo-button-input {
  background: transparent;
  border-right: 1px solid transparent !important
}

.goog-toolbar-combo-button-input:focus {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  background: #fff;
  border: 1px solid #4d90fe !important;
  height: 20px;
  outline: none
}

.docs-toolbar-zoom-combobox .goog-toolbar-menu-button-caption {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 20px;
  white-space: nowrap
}

.docs-toolbar-zoom-combobox .goog-toolbar-combo-button-caption {
  width: 48px !important
}

.docs-toolbar-zoom-combobox .goog-toolbar-combo-button-input {
  width: 28px
}

.docs-material-gm-dialog {
  background: #fff;
  border: 1px solid transparent;
  border-radius: 8px;
  box-shadow: 0 4px 8px 3px rgba(60, 64, 67, .15);
  position: absolute;
  z-index: 1003
}

.docs-material-gm-dialog-bg {
  background-color: #000;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 998
}

.docs-material-gm-dialog:focus {
  outline: none
}

.docs-material-gm-dialog-title {
  border-bottom: none;
  padding: 24px
}

.docs-material-gm-dialog-title-text {
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px
}

.docs-material-gm-dialog-title-close {
  height: 24px;
  position: absolute;
  right: 24px;
  top: 26px;
  width: 24px
}

.docs-material-gm-dialog-content {
  min-width: 312px;
  padding: 0 24px 24px;
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-size: 14px
}

.docs-material-gm-dialog-buttons {
  display: flex;
  justify-content: flex-end;
  padding: 24px
}

.docs-material-gm-dialog .docs-material-button-fill-primary.docs-material-button,
.docs-material-gm-dialog .docs-material-button-hairline-default.docs-material-button {
  text-transform: none
}

.docs-material-gm-dialog .docs-material-gm-dialog-call-to-action-button.docs-material-button {
  margin-left: 12px
}

.docs-charts-editor-material-icon-menu-button-palette .docs-common-icon,
.docs-charts-editor-material-icon-menu-button-palette .toolbar-icon {
  margin: 3px 5px 4px 2px
}

.docs-charts-editor-material-icon-menu-button-palette .goog-palette-cell {
  border: 0
}

.docs-charts-editor-material-icon-menu-button-palette .goog-palette-table {
  border: 0;
  margin: 0 4px
}

.docs-charts-editor-material-icon-menu-button-palette .goog-palette-cell-hover {
  background: #eee
}

.docs-charts-editor-chip-content {
  display: flex;
  background-color: #f1f3f4;
  border-radius: 32px;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  height: 32px;
  overflow: hidden;
  position: relative;
  white-space: nowrap
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-chip-content {
  border-radius: 36px;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  height: 36px
}

.docs-charts-editor-chip-content>* {
  flex-shrink: 0
}

.docs-charts-editor-chip-label {
  flex-grow: 1;
  flex-shrink: 1;
  cursor: default;
  line-height: 32px;
  margin-left: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-chip-label {
  line-height: 36px;
  margin-right: 10px
}

.docs-charts-editor-chip-button {
  box-shadow: none;
  cursor: pointer;
  margin: 0;
  min-width: 0;
  outline: 0;
  padding: 0;
  position: absolute;
  right: 0
}

.docs-charts-editor-chip.docs-charts-editor-chip-invalid .docs-charts-editor-chip-content {
  border: 1px solid #db4437
}

.docs-charts-editor-chip.docs-charts-editor-chip-invalid .docs-charts-editor-chip-error-message {
  display: block
}

.docs-charts-editor-chip-error-message {
  color: #db4437;
  display: none;
  font-size: 11px;
  left: 8px;
  position: relative;
  top: 3px
}

.docs-charts-editor-collapsible-header {
  transition: color .25s cubic-bezier(.4, 0, .2, 1);
  color: rgba(0, 0, 0, .54);
  cursor: pointer;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 500;
  height: 42px;
  line-height: 42px;
  position: relative
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-collapsible-header {
  background-color: #f8f9fa;
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 56px;
  line-height: 56px
}

.docs-charts-editor-collapsible-header.goog-control-open {
  color: rgba(0, 0, 0, .87)
}

.docs-charts-editor-collapsible-header.goog-control-disabled {
  color: rgba(0, 0, 0, .26);
  cursor: default
}

.docs-charts-editor-collapsible-header.goog-control-focused {
  color: rgba(0, 0, 0, .87);
  outline: none
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-collapsible-header.goog-control-focused {
  color: #3c4043
}

.docs-charts-editor-collapsible-title {
  height: 42px;
  line-height: 42px;
  margin: 0 2px 0 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 190px
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-collapsible-title {
  height: 56px;
  line-height: 56px;
  padding: 0 36px
}

.docs-charts-editor-collapsible-summary {
  color: rgba(0, 0, 0, .54);
  height: 42px;
  line-height: 42px;
  overflow: hidden;
  position: absolute;
  right: 42px;
  text-align: right;
  text-overflow: ellipsis;
  width: 115px
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-collapsible-summary {
  height: 56px;
  line-height: 56px
}

.goog-control-disabled .docs-charts-editor-collapsible-summary {
  color: #888
}

.docs-charts-editor-collapsible-icon {
  transition: all .25s cubic-bezier(.4, 0, .2, 1);
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij48ZyBzdHlsZT0iZmlsbDpub25lO3N0cm9rZS13aWR0aDoxO3N0cm9rZTpub25lIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5IDkpc2NhbGUoMSAtMSl0cmFuc2xhdGUoLTkgLTkpIj48cmVjdCB3aWR0aD0iMTgiIGhlaWdodD0iMTgiLz48cG9seWdvbiBwb2ludHM9IjkgNSAzIDExIDQuNCAxMi40IDkgNy44IDEzLjYgMTIuNCAxNSAxMSIgZmlsbD0iIzAwMCIvPjwvZz48L2c+PC9zdmc+");
  height: 18px;
  opacity: .54;
  position: absolute;
  right: 16px;
  top: 11px;
  width: 18px
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-collapsible-icon {
  background: none;
  height: 20px;
  left: 16px;
  top: 20px;
  transform: rotate(-90deg);
  width: 20px
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-collapsible-icon .docs-icon {
  height: 20px;
  vertical-align: top;
  width: 20px
}

.goog-control-checked .docs-charts-editor-collapsible-icon {
  opacity: .87;
  transform: rotate(-180deg)
}

.docs-gm .waffle-gm-sidebar .goog-control-checked .docs-charts-editor-collapsible-icon {
  top: 14px;
  transform: none
}

.docs-gm .waffle-gm-sidebar .goog-control-focused .docs-charts-editor-collapsible-icon {
  opacity: .87
}

.goog-control-disabled .docs-charts-editor-collapsible-icon {
  display: none
}

.docs-charts-editor-collapsible-content {
  transition: max-height .25s cubic-bezier(.4, 0, .2, 1);
  overflow: hidden
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-collapsible-content {
  background-color: #fff
}

.docs-charts-editor-collapsible-content-animating {
  transition: none
}

.docs-charts-editor-collapsible-content>div {
  padding: 0 16px 6px 16px
}

.docs-charts-editor-collapsible-content.docs-charts-editor-collapsible-content-no-padding>div {
  padding: 0
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-customize-tab .docs-charts-editor-bundle.docs-charts-editor-parent-bundle>.docs-charts-editor-collapsible-opened {
  box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15);
  border: 2px solid #fff;
  border-radius: 8px
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-collapsible-opened .docs-charts-editor-collapsible-header {
  background-color: #fff;
  color: #3c4043
}

.docs-charts-editor-back-tab-header-back {
  float: left;
  margin: 6px 7px 0 7px;
  right: auto
}

.docs-gm .docs-material .docs-charts-editor-back-tab-header-back .docs-icon .docs-icon-img {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_green.svg)
}

.docs-charts-editor-back-tab-header-title.jfk-button.docs-sidebar-toggle-tab {
  text-align: left;
  width: 270px
}

.docs-charts-editor-back-tab-header.docs-sidebar-toggle-tabs .jfk-button.docs-sidebar-toggle-tab>div {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%
}

.docs-charts-editor-back-tab-header .docs-charts-editor-back-tab-header-title.jfk-button.docs-sidebar-toggle-tab-active>div:after {
  border: none
}

.docs-charts-editor-editorslider-hide {
  display: none
}

.docs-charts-editor-editorslider-slide-in-right {
  animation-duration: .3s;
  animation-name: docs-charts-editor-editorslider-slide-in-right;
  animation-timing-function: ease;
  transform: translateX(0)
}

.docs-charts-editor-editorslider-slide-out-right {
  animation-duration: .3s;
  animation-name: docs-charts-editor-editorslider-slide-out-right;
  animation-timing-function: ease;
  transform: translateX(100%)
}

@keyframes docs-charts-editor-editorslider-slide-in-right {
  0% {
    transform: translateX(100%)
  }

  to {
    transform: translateX(0)
  }
}

@keyframes docs-charts-editor-editorslider-slide-out-right {
  0% {
    transform: translateX(0)
  }

  to {
    transform: translateX(100%)
  }
}

.docs-charts-editor-labeledinput-error {
  color: #db4437;
  display: none;
  font-size: 11px;
  margin-bottom: 4px;
  margin-top: 4px
}

.docs-charts-editor-labeledinput-haserror .docs-charts-editor-labeledinput-error {
  display: block
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-labeledinput-haserror input:hover {
  border-color: #c53929
}

.docs-charts-editor-labeledinput-haserror input,
.docs-charts-editor-labeledinput-haserror input:focus {
  border-bottom: 2px solid #db4437
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-labeledinput-haserror input,
.docs-gm .waffle-gm-sidebar .docs-charts-editor-labeledinput-haserror input:focus {
  border: 2px solid #db4437
}

.docs-charts-editor-labeledinput-haserror input:hover:not(:focus) {
  border-bottom-color: #c53929
}

.docs-charts-editor-labeledselect-menu-style-wide {
  width: 255px
}

.docs-charts-editor-labeledselect-menu-style-narrow {
  width: 146px
}

.docs-gm .waffle-gm-sidebar .docs-material-gm-labeled-select-disabled .docs-material-gm-labeled-select-caption {
  color: rgba(0, 0, 0, .26)
}

.docs-gm .waffle-gm-sidebar .docs-material-gm-labeled-select-disabled .docs-material-gm-labeled-select-dropdown-icon {
  opacity: .26
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-customize-tab .docs-charts-editor-bundle.docs-charts-editor-parent-bundle>.docs-charts-editor-noncollapsible-section.docs-charts-editor-collapsible-opened {
  border: none;
  border-radius: 0;
  box-shadow: none
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-noncollapsible-section .docs-charts-editor-collapsible-header {
  color: #3c4043;
  cursor: default;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  height: auto;
  line-height: 1;
  padding-bottom: .5em;
  padding-top: 1.5em
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-noncollapsible-section .docs-charts-editor-collapsible-title {
  height: auto;
  line-height: 1;
  padding-left: 0;
  overflow: visible
}

.docs-explore-img:before {
  content: url(https://ssl.gstatic.com/docs/common/menu_feature_sprite13.svg)
}

.docs-explore-img {
  height: 4388px;
  position: absolute;
  width: 72px
}

.docs-explore-back-white {
  left: -36px;
  top: -3378px
}

.docs-explore-back-white-rtl {
  left: 0;
  top: -3792px
}

.waffle-assistant-overlay-recommendation-card {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 -3px 11px hsla(207, 5%, 52%, .09), 0 6px 11px hsla(207, 5%, 52%, .06), 0 1px 3px rgba(60, 64, 67, .3), 0 4px 8px rgba(60, 64, 67, .15);
  min-height: 134px;
  width: 240px
}

.formula-corrections-card.waffle-assistant-overlay-recommendation-card {
  cursor: default;
  min-height: 218px;
  width: 308px
}

.waffle-assistant-overlay-recommendation-card-is-collapsed .waffle-assistant-overlay-recommendation-card-expanded,
.waffle-assistant-overlay-recommendation-chip {
  display: none
}

.waffle-assistant-overlay-recommendation-card-expanded {
  display: block
}

.waffle-assistant-overlay-recommendation-card-is-collapsed.formula-corrections-card.waffle-assistant-overlay-recommendation-card,
.waffle-assistant-overlay-recommendation-card-is-collapsed.waffle-assistant-overlay-recommendation-card {
  display: block;
  min-height: auto;
  width: 212px
}

.waffle-assistant-overlay-recommendation-card-is-collapsed.waffle-assistant-overlay-recommendation-card-formula-visible-enabled.formula-corrections-card.waffle-assistant-overlay-recommendation-card,
.waffle-assistant-overlay-recommendation-card-is-collapsed.waffle-assistant-overlay-recommendation-card-formula-visible-enabled.waffle-assistant-overlay-recommendation-card {
  width: max-content
}

.waffle-assistant-overlay-recommendation-card-is-collapsed .waffle-assistant-overlay-recommendation-chip {
  display: flex;
  flex-direction: column;
  padding: 8px
}

.waffle-assistant-overlay-recommendation-chip-actions-and-expand,
.waffle-assistant-overlay-recommendation-chip-formula-and-more-options {
  display: flex;
  gap: 16px;
  justify-content: space-between;
  flex-direction: row
}

.waffle-assistant-overlay-recommendation-chip-formula-and-more-options {
  margin: 0 0 8px
}

.waffle-assistant-overlay-recommendation-chip .waffle-assistant-overlay-recommendation-card-formula-visible-button {
  letter-spacing: .2px;
  line-height: 20px
}

.waffle-assistant-overlay-recommendation-chip-actions-container {
  display: flex;
  flex-direction: row
}

.waffle-assistant-overlay-recommendation-card-chip-more-options-container,
.waffle-assistant-overlay-recommendation-chip .waffle-assistant-overlay-recommendation-card-formula-visible-button {
  height: 20px;
  margin: 0
}

.waffle-assistant-overlay-recommendation-card-chip-expand-container,
.waffle-assistant-overlay-recommendation-chip-actions {
  height: 24px;
  margin: 0
}

.waffle-assistant-overlay-recommendation-card-chip-expand-container .waffle-assistant-overlay-recommendation-card-chip-expand-button-wrapper .docs-material-button {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 24px;
  letter-spacing: .3px;
  line-height: 16px;
  margin: 0;
  padding: 4px 8px;
  text-transform: none
}

.waffle-assistant-overlay-recommendation-card-chip-accept-button-wrapper {
  margin-right: 2px
}

.waffle-assistant-overlay-recommendation-chip-actions .waffle-assistant-overlay-recommendation-card-chip-close {
  margin-left: 2px
}

.waffle-assistant-overlay-recommendation-card-menu-button.docs-material-menu-button-flat-default-hover {
  background: rgba(32, 33, 36, .04)
}

.waffle-assistant-overlay-recommendation-card-menu-button.docs-material-menu-button-flat-default-focused {
  background: rgba(32, 33, 36, .12);
  border-color: transparent
}

.waffle-assistant-overlay-recommendation-card-menu-button.docs-material-menu-button-flat-default-active {
  background: rgba(32, 33, 36, .1)
}

.waffle-assistant-overlay-recommendation-card-chip-more-options-button-wrapper .waffle-assistant-overlay-recommendation-card-menu-button {
  border: 0;
  height: 18px;
  line-height: 18px;
  margin: 0
}

.waffle-assistant-overlay-recommendation-card-chip-more-options-button-wrapper .waffle-assistant-overlay-recommendation-card-menu-button .docs-icon {
  margin: 0
}

.waffle-assistant-overlay-recommendation-card-header-wrapper {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  min-height: 32px;
  padding: 8px 12px 0 12px
}

.waffle-assistant-overlay-recommendation-card-title {
  color: #5f6368;
  float: left;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .8px;
  line-height: 16px;
  text-transform: uppercase
}

.waffle-assistant-overlay-recommendation-card-info-icon {
  float: right
}

.waffle-assistant-overlay-recommendation-card-content-wrapper {
  min-height: 58px;
  padding: 0 12px
}

.waffle-assistant-overlay-recommendation-card-recommendation-wrapper {
  align-items: center;
  display: flex;
  flex-direction: row
}

.waffle-assistant-overlay-recommendation-card-formula-corrections-recommendation,
.waffle-assistant-overlay-recommendation-card-recommendation {
  color: #188038;
  float: left;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: .1px;
  line-height: 24px;
  overflow-x: hidden;
  white-space: normal;
  width: 100%;
  word-break: break-word
}

.formula-corrections-card .waffle-assistant-overlay-recommendation-card-formula-corrections-recommendation {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased
}

.waffle-assistant-overlay-recommendation-card-additional-information,
.waffle-assistant-overlay-recommendation-card-error-additional-information {
  font-size: 12px;
  line-height: 16px;
  overflow-y: scroll;
  text-overflow: clip;
  white-space: normal
}

.waffle-assistant-overlay-recommendation-card-additional-information,
.waffle-assistant-overlay-recommendation-card-error-additional-information,
.waffle-assistant-overlay-recommendation-card-more-additional-information {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 400;
  letter-spacing: .3px
}

.waffle-assistant-overlay-recommendation-card-more-additional-information {
  font-size: 10px;
  line-height: 12px;
  padding-top: 4px
}

.formula-corrections-card .waffle-assistant-overlay-recommendation-card-additional-information {
  padding-bottom: 8px
}

.waffle-assistant-overlay-recommendation-card-show-more-information {
  color: #1a73e8
}

.waffle-assistant-overlay-recommendation-card-footer-wrapper {
  padding: 8px 12px
}

.formula-corrections-card .waffle-assistant-overlay-recommendation-card-footer-wrapper {
  padding: 8px 12px 12px 12px
}

.waffle-assistant-overlay-recommendation-card-buttons-wrapper {
  display: flex;
  flex-direction: row
}

.formula-corrections-card .waffle-assistant-overlay-recommendation-card-button {
  height: 36px;
  width: 36px;
  border-radius: 20px
}

.formula-corrections-card .waffle-assistant-overlay-recommendation-chip .waffle-assistant-overlay-recommendation-card-button {
  border-radius: auto;
  height: auto;
  margin: 0;
  width: auto
}

.formula-corrections-card.waffle-assistant-overlay-recommendation-card-is-collapsed .waffle-assistant-overlay-recommendation-chip .waffle-assistant-overlay-recommendation-card-chip-accept-button-wrapper .waffle-assistant-overlay-recommendation-card-button,
.formula-corrections-card.waffle-assistant-overlay-recommendation-card-is-collapsed .waffle-assistant-overlay-recommendation-chip .waffle-assistant-overlay-recommendation-card-chip-close-outline.waffle-assistant-overlay-recommendation-card-button {
  border: 1px solid #dadce0;
  border-radius: 50%;
  height: 24px;
  padding: 0;
  width: 24px
}

.formula-corrections-card.waffle-assistant-overlay-recommendation-card-is-collapsed.waffle-assistant-overlay-recommendation-card-formula-visible-enabled .waffle-assistant-overlay-recommendation-chip .waffle-assistant-overlay-recommendation-card-chip-accept-button-wrapper .waffle-assistant-overlay-recommendation-card-button {
  border-color: #a8dab5
}

.waffle-assistant-overlay-recommendation-card-chip-accept-button-wrapper .waffle-assistant-overlay-recommendation-card-button .docs-material .docs-icon-img,
.waffle-assistant-overlay-recommendation-card-chip-accept-button-wrapper .waffle-assistant-overlay-recommendation-card-button .docs-material .docs-icon-img:before {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_green.svg)
}

.waffle-assistant-overlay-recommendation-card-formula-visible-placeholder {
  color: #3c4043;
  font-family: Roboto;
  font-size: 14px
}

.waffle-assistant-overlay-recommendation-card-button {
  align-items: center;
  background: #fff;
  border-radius: 16px;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  height: 24px;
  margin-right: 8px;
  mix-blend-mode: normal;
  width: 24px
}

.waffle-assistant-overlay-recommendation-card-diff-information,
.waffle-assistant-overlay-recommendation-card-error {
  padding: 2px;
  font-family: Roboto;
  font-size: 14px
}

.waffle-assistant-overlay-recommendation-card-diff-information {
  padding: 10px 8px 10px 8px;
  border: 1px solid #dadce0;
  border-radius: 3px
}

.waffle-assistant-overlay-recommendation-card-error-with-description {
  background: #f8f9fa;
  padding: 8px 12px 8px 12px;
  border-radius: 8px 8px 0 0
}

.waffle-assistant-overlay-recommendation-card-error-chip {
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  right: 0;
  border-left: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid #d93025;
  border-top: 8px solid #d93025;
  border-radius: 0 8px 0 0
}

.waffle-assistant-overlay-recommendation-card-diff-information-error {
  color: #d93025;
  text-decoration: line-through;
  font-weight: 700
}

.waffle-assistant-overlay-recommendation-card-diff-information-fix {
  color: #188038;
  font-weight: 700
}

.waffle-assistant-overlay-recommendation-card-accept-button-icon .docs-icon-img {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_green.svg) !important
}

.waffle-assistant-overlay-recommendation-card-button-icon {
  margin: auto !important
}

.formula-corrections-card .waffle-assistant-overlay-recommendation-card-button-icon {
  height: 24px;
  width: 24px !important
}

.formula-corrections-card.waffle-assistant-overlay-recommendation-card-is-collapsed .waffle-assistant-overlay-recommendation-card-button-icon {
  height: 18px;
  width: 18px
}

.formula-corrections-card.waffle-assistant-overlay-recommendation-card-is-collapsed .waffle-assistant-overlay-recommendation-card-chip-accept-button-wrapper .docs-icon-check {
  padding: 1px 0 0 1px
}

.formula-corrections-card.waffle-assistant-overlay-recommendation-card-is-collapsed .waffle-assistant-overlay-recommendation-card-chip-close .docs-icon-editors-ia-close {
  padding-left: 2px
}

.waffle-assistant-overlay-recommendation-card-accept-button-icon {
  margin-top: 2px !important
}

.formula-corrections-card .waffle-assistant-overlay-recommendation-card-accept-button-icon {
  margin-top: auto !important;
  height: 24px;
  width: 24px
}

.waffle-assistant-overlay-recommendation-card-reject-button {
  border: 1px solid #dadce0
}

.waffle-assistant-overlay-recommendation-card-reject-button:hover {
  background: #f8f9fa
}

.waffle-assistant-overlay-recommendation-card-reject-button:focus {
  background: #f1f3f4;
  border: 1px solid #202124
}

.waffle-assistant-overlay-recommendation-card-reject-button:active {
  background: #f1f3f4;
  border: 1px solid #dadce0
}

.docs-material .waffle-assistant-overlay-recommendation-card-menu-button {
  padding: 0
}

.docs-hc-gecko .waffle-assistant-overlay-recommendation-card-accept-button,
.docs-hc-gecko .waffle-assistant-overlay-recommendation-card-reject-button {
  filter: invert(100%)
}

.waffle-assistant-overlay-recommendation-chip .waffle-assistant-overlay-recommendation-card-chip-close,
.waffle-assistant-overlay-recommendation-chip .waffle-assistant-overlay-recommendation-card-chip-dot-dot-dot {
  border-radius: 20px;
  padding: 3px
}

.waffle-assistant-overlay-recommendation-chip .waffle-assistant-overlay-recommendation-card-chip-close:hover,
.waffle-assistant-overlay-recommendation-chip .waffle-assistant-overlay-recommendation-card-chip-dot-dot-dot:hover,
.waffle-assistant-overlay-recommendation-chip .waffle-assistant-overlay-recommendation-card-chip-expand-button-wrapper .waffle-assistant-overlay-recommendation-card-button:hover {
  background-color: #f1f3f4
}

.waffle-assistant-overlay-recommendation-chip .waffle-assistant-overlay-recommendation-card-chip-accept-button-wrapper .waffle-assistant-overlay-recommendation-card-button:hover {
  background: rgba(24, 128, 56, .04)
}

.waffle-assistant-overlay-recommendation-card-chip-dot-dot-dot.waffle-assistant-overlay-recommendation-card-button .docs-material-button-content .docs-icon.goog-inline-block,
.waffle-assistant-overlay-recommendation-chip .docs-material.waffle-assistant-overlay-recommendation-card-button .docs-icon {
  margin: 0
}

.waffle-assistant-overlay-recommendation-card-chip-dot-dot-dot.docs-material-button-flat-default.docs-material-button-focused,
.waffle-assistant-overlay-recommendation-card-chip-dot-dot-dot.docs-material-button-flat-primary.docs-material-button-focused {
  padding: 0
}

.waffle-assistant-overlay-recommendation-card-view-suggestion {
  color: #188038;
  display: block;
  font: 14px Google Sans;
  line-height: 20px;
  margin-left: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.waffle-assistant-overlay-recommendation-card-formula-visible-enabled .waffle-assistant-overlay-recommendation-card-view-suggestion {
  display: none
}

.waffle-assistant-overlay-recommendation-card-formula-visible-enabled .waffle-assistant-overlay-recommendation-card-formula-visible-button {
  display: block
}

.waffle-assistant-overlay-recommendation-card-formula-visible-button {
  display: none
}

.waffle-assistant-overlay-recommendation-chip .waffle-assistant-overlay-recommendation-star.docs-material .docs-icon-img,
.waffle-assistant-overlay-recommendation-chip .waffle-assistant-overlay-recommendation-star.docs-material .docs-icon-img:before {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_green.svg)
}

.waffle-assistant-overlay-recommendation-card-menu-button-item.goog-option-selected {
  background-position: 0
}

.waffle-assistant-data-cleanup-suggestions-bottom-entry-point-menu-button-inactive {
  border-left: 1px solid transparent;
  background-color: transparent
}

.waffle-assistant-data-cleanup-suggestions-bottom-entry-point-menu-button-inactive .waffle-assistant-data-cleanup-suggestions-bottom-entry-point-button-label {
  color: #737373
}

.waffle-assistant-link-button {
  color: #4285f4;
  display: inline;
  text-decoration: underline
}

.waffle-assistant-link-button:focus,
.waffle-assistant-link-button:hover {
  cursor: pointer;
  text-decoration: underline
}

.waffle-assistant-link-button:focus {
  margin: 0 2px;
  outline-color: #4285f4;
  outline-width: 2px
}

.waffle-assistant-button {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: 2px;
  font-size: 11px;
  font-weight: 500;
  margin-right: 0;
  min-width: 40px;
  opacity: .8;
  padding: 0;
  text-align: center;
  white-space: nowrap
}

.waffle-assistant-button-focused {
  border: 1px solid #5e97f6;
  outline: none
}

.waffle-assistant-button-focused,
.waffle-assistant-button-holder .waffle-assistant-button.waffle-assistant-button-focused,
.waffle-assistant-button-holder .waffle-assistant-button.waffle-assistant-button-hover,
.waffle-assistant-button-hover {
  cursor: pointer;
  opacity: 1
}

.waffle-assistant-button-holder .waffle-assistant-button {
  height: 24px;
  min-width: 24px;
  opacity: .6;
  padding: 2px
}

.waffle-assistant-dragged-formula {
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .28);
  background-color: #fff;
  border: 1px solid #e0e0e0;
  line-height: 22px;
  overflow-wrap: break-word;
  word-wrap: break-word
}

.waffle-assistant-formula-insertion-rect {
  background-color: #000;
  opacity: .06
}

.waffle-assistant-visible {
  visibility: visible
}

.docs-ui-toast.waffle-assistant-toast {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
  box-sizing: border-box;
  display: flex;
  bottom: 60px;
  color: hsla(0, 0%, 100%, .87);
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 500;
  left: auto;
  line-height: 20px;
  min-width: 0;
  padding: 14px 24px;
  right: 15px;
  width: 286px
}

.waffle-assistant-toast-content {
  flex: 1;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.waffle-assistant-toast-action {
  color: #a0c1fc;
  text-transform: uppercase
}

.waffle-assistant-panel-title-bar {
  height: 20px
}

.waffle-assistant-panel-back-button {
  cursor: pointer
}

.waffle-assistant-panel-back-button-icon {
  height: 20px;
  margin-bottom: 1px
}

.waffle-assistant-panel-pane {
  height: 100%
}

.waffle-assistant-sidebar.waffle-sidebar-container {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
  background: #f1f1f1;
  width: 320px
}

.waffle-assistant-title.waffle-sidebar-title {
  box-sizing: border-box;
  transition: height .3s;
  background-color: #0f9d58;
  color: #fff;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 20px;
  min-height: 36px;
  padding: 0
}

.docs-grille-gm3 .waffle-assistant-title.waffle-sidebar-title {
  background-color: #0f9d58;
  color: #fff;
  padding: 0 12px
}

.waffle-assistant-title .waffle-sidebar-title-close {
  right: 11px;
  top: 6px
}

.waffle-assistant-panel-title-bar,
.waffle-assistant-title-bar {
  display: flex;
  align-items: center
}

.waffle-assistant-replaceable-title,
.waffle-assistant-title-bar {
  padding: 8px 12px
}

.docs-grille-gm3 .waffle-assistant-replaceable-title,
.docs-grille-gm3 .waffle-assistant-title-bar {
  padding: 8px 12px 8px 0
}

.waffle-assistant-replaceable-title .waffle-assistant-title-bar {
  padding: 0
}

.waffle-assistant-title-text {
  flex: 1;
  align-items: center;
  font-weight: 500;
  margin-top: 4px;
  padding-left: 12px
}

.waffle-assistant-title-icon {
  height: 20px;
  position: relative;
  width: 20px
}

.waffle-assistant-sidebar-content.waffle-sidebar-content {
  overflow: hidden
}

.waffle-assistant-scroll-pane {
  background: #f1f1f1;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto
}

.waffle-assistant-scroll-pane-content,
.waffle-assistant-scroll-pane-feature-content {
  height: 100%
}

.waffle-assistant-expanded-panel {
  height: 100%;
  width: 320px
}

.waffle-assistant-spinner-container {
  text-align: center;
  pointer-events: none;
  position: absolute;
  width: 100%
}

.waffle-assistant-expanded-panel .waffle-assistant-spinner-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%
}

.waffle-assistant-empty-list {
  display: flex;
  background: #fff;
  color: #757575;
  height: 100%;
  text-align: center;
  width: 320px
}

.waffle-assistant-empty-list-content {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  margin: auto 24px;
  width: 100%
}

.waffle-assistant-empty-list svg {
  padding-bottom: 24px
}

.waffle-assistant-empty-list-title {
  color: #757575;
  font-size: 15px;
  font-weight: 500
}

.waffle-assistant-empty-list-body {
  color: #757575;
  font-size: 13px;
  padding: 8px 0
}

.waffle-assistant-empty-list-link {
  font-size: 13px;
  font-weight: 400;
  margin: 0
}

.waffle-assistant-empty-list-link a,
.waffle-assistant-empty-list-link span {
  color: #1a73e8;
  cursor: pointer
}

.waffle-assistant-empty-list-link a:hover {
  text-decoration: none
}

.waffle-assistant-empty-list-learn-more.waffle-assistant-empty-list-link:focus {
  border: 1px solid #5e97f6;
  outline: none
}

.waffle-assistant-feature-section {
  box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
  background: #fff;
  margin-bottom: 8px
}

.waffle-assistant-feature-section:last-child {
  margin-bottom: 0
}

.waffle-assistant-section-header {
  display: flex;
  align-items: center;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  padding: 16px 16px 0 16px;
  position: relative;
  width: 288px
}

.waffle-assistant-section-title {
  flex: 1;
  color: rgba(0, 0, 0, .54);
  font-size: 13px;
  font-weight: 600;
  height: 15px;
  line-height: 15px;
  text-transform: uppercase
}

.jfk-button.waffle-assistant-section-more-button {
  border: 0;
  color: #1a73e8;
  cursor: pointer;
  height: 15px;
  font-size: 13px;
  line-height: 15px;
  margin-right: 16px;
  text-transform: uppercase
}

.jfk-button.waffle-assistant-section-more-button:focus {
  border: 1px solid #5e97f6;
  outline: none
}

.waffle-assistant-section-content {
  padding-bottom: 10px
}

.waffle-assistant-scroll-pane::-webkit-scrollbar {
  width: 12px
}

.waffle-assistant-scroll-pane::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  background-color: #dadce0;
  border: solid transparent;
  border-width: 1px 1px 1px 2px;
  box-shadow: none;
  min-height: 28px;
  padding: 1px
}

.waffle-assistant-scroll-pane::-webkit-scrollbar-thumb:hover {
  background-color: #bdc1c6;
  box-shadow: none
}

.waffle-assistant-scroll-pane::-webkit-scrollbar-thumb:active {
  background-color: #80868b
}

.waffle-assistant-scroll-pane::-webkit-scrollbar-track {
  background-clip: border-box;
  background-color: #f8f8f8;
  border: none;
  border-width: 1px;
  box-shadow: none
}

.waffle-assistant-scroll-pane::-webkit-scrollbar-track:hover {
  background-clip: border-box;
  background-color: #f8f8f8;
  border: none;
  border-width: 1px;
  box-shadow: none
}

.waffle-assistant-card-feedback,
.waffle-assistant-form .waffle-assistant-input-edit-button {
  flex-shrink: 0;
  margin-right: 3px
}

.waffle-assistant-card {
  background: #fff;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 8px;
  outline: 0;
  overflow: hidden;
  position: relative
}

.waffle-assistant-feature-section .waffle-assistant-card {
  margin-bottom: 0
}

.waffle-assistant-panel-pane .waffle-assistant-card {
  box-shadow: 0 2px 2px rgba(0, 0, 0, .1)
}

.waffle-assistant-card-spinner-container {
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  width: 100%
}

.waffle-assistant-card-inner {
  position: relative
}

.waffle-assistant-button-holder {
  background-color: hsla(0, 0%, 100%, .7);
  padding: 3px;
  position: absolute;
  top: 0;
  z-index: 1
}

.waffle-assistant-dragger-card .waffle-assistant-button-holder,
.waffle-assistant-dragger-card .waffle-assistant-chart-highlights,
.waffle-assistant-dragger-card .waffle-assistant-facet-section {
  display: none
}

.waffle-assistant-card-draggable {
  cursor: move
}

.waffle-assistant-readonly .waffle-assistant-card:hover {
  cursor: default
}

.waffle-assistant-card-options {
  border-radius: 0 0 0 2px;
  box-shadow: -1px 1px 3px #d3d3d3;
  right: 0
}

.waffle-assistant-padded-card {
  padding: 15px
}

.waffle-assistant-feedback-card-content {
  flex: 1;
  vertical-align: middle;
  line-height: 19px
}

.waffle-assistant-feedback-card-text {
  margin: 2px 0
}

.waffle-assistant-feedback-card-custom-msg-placeholder {
  font-size: 10px;
  font-style: italic;
  line-height: 11px;
  margin: 2px 0
}

.waffle-assistant-feedback-card {
  box-shadow: 0 2px 4px rgba(0, 0, 0, .3);
  display: flex;
  background-color: #fff;
  cursor: default;
  margin: 5px;
  max-height: 500px;
  overflow: hidden;
  padding: 15px;
  width: 250px
}

.waffle-assistant-feedback-card-close-button {
  align-self: flex-start;
  min-width: auto
}

.waffle-assistant-card .waffle-assistant-feedback-card {
  transition: all .1s
}

.waffle-assistant-dragger-card .waffle-assistant-feedback-card {
  display: none
}

.waffle-assistant-card .waffle-assistant-feedback-card-hidden {
  padding: 0 15px 0 15px;
  margin: 0 5px 0 5px;
  max-height: 0
}

.waffle-assistant-copy-button.jfk-button,
.waffle-assistant-insert-chart-button.jfk-button,
.waffle-assistant-thumbs-down-button.jfk-button,
.waffle-assistant-thumbs-up-button.jfk-button,
.waffle-assistant-zoom-button.jfk-button {
  cursor: pointer;
  display: block;
  height: 24px;
  margin: 0 auto 0 auto;
  min-width: 24px;
  opacity: .6;
  padding: 1px;
  width: 24px
}

.waffle-assistant-copy-button.jfk-button:hover,
.waffle-assistant-insert-chart-button.jfk-button:hover,
.waffle-assistant-thumbs-down-button.jfk-button:hover,
.waffle-assistant-thumbs-up-button.jfk-button:hover,
.waffle-assistant-zoom-button.jfk-button:hover {
  opacity: .8
}

.waffle-assistant-copy-button.jfk-button:active,
.waffle-assistant-insert-chart-button.jfk-button:active,
.waffle-assistant-thumbs-down-button.jfk-button:active,
.waffle-assistant-thumbs-up-button.jfk-button:active,
.waffle-assistant-zoom-button.jfk-button:active {
  opacity: 1
}

.waffle-assistant-thumbs-down-icon {
  background: no-repeat url(https://ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png) -150px 0;
  height: 24px;
  width: 24px
}

.waffle-assistant-thumbs-up-icon {
  background: no-repeat url(https://ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png) -113px -46px;
  height: 24px;
  width: 24px
}

.waffle-assistant-button-separator {
  border-bottom: 1px solid #d3d3d3;
  height: 0;
  margin: 3px;
  width: 21px
}

.waffle-assistant-card-feedback-container {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  background: rgba(0, 0, 0, .38);
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 1
}

.waffle-assistant-feedback-card-hidden {
  display: none !important
}

.waffle-assistant-facet-thumbs-container,
.waffle-assistant-thumbs-container {
  border-top: 1px dashed #e0e0e0;
  color: #616161
}

.waffle-assistant-thumbs {
  display: flex;
  align-items: center;
  height: 40px;
  line-height: 16px;
  padding: 0 15px
}

.waffle-assistant-thumbs-button-holder {
  display: flex
}

.waffle-assistant-thumbs-down-button,
.waffle-assistant-thumbs-up-button {
  min-width: 30px !important
}

.waffle-assistant-thumbs-text {
  flex: 1;
  text-transform: uppercase
}

.waffle-assistant-quicksum-panel {
  background: #fff;
  border-bottom: 1px solid #e0e0e0;
  line-height: 19px;
  margin-bottom: 8px;
  padding: 15px;
  position: relative
}

.waffle-assistant-scroll-pane-feature-content .waffle-assistant-quicksum-panel {
  box-shadow: 0 2px 2px rgba(0, 0, 0, .1)
}

.waffle-assistant-quicksum-entry {
  border: 1px solid transparent;
  color: #757575;
  cursor: move;
  font-family: Roboto, Arial, sans-serif;
  padding: 0 5px
}

.waffle-assistant-quicksum-entry:focus,
.waffle-assistant-quicksum-entry:hover {
  border: 1px solid #5e97f6
}

.waffle-assistant-quicksum-panel-readonly .waffle-assistant-quicksum-entry:focus,
.waffle-assistant-quicksum-panel-readonly .waffle-assistant-quicksum-entry:hover {
  border: 1px solid transparent
}

.waffle-assistant-quicksum-panel-readonly .waffle-assistant-quicksum-entry {
  border: 1px solid transparent;
  cursor: default
}

.waffle-assistant-quicksum-entry-name {
  font-weight: 500;
  margin-right: 10px
}

.waffle-assistant-quicksum-entry-value {
  float: right
}

.waffle-assistant-walkthrough-promo-content {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 22px;
  padding: 15px 20px;
  width: 300px
}

.waffle-assistant-walkthrough-promo-header {
  font-size: 20px
}

.waffle-assistant-walkthrough-promo-button {
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase
}

.waffle-assistant-walkthrough-promo-continue-button {
  color: #5e97f5;
  margin-right: 10px
}

.waffle-assistant-walkthrough-promo-close-button {
  margin-left: 10px;
  opacity: .7
}

.range-border.waffle-assistant-table-range-border {
  border-color: #0f9d58;
  border-style: dashed;
  line-height: 0
}

.waffle-assistant-table-range-rect {
  background-color: #0f9d58;
  opacity: .06;
  pointer-events: none
}

.range-border.waffle-assistant-header-range-border {
  border-color: #f09300;
  border-style: dashed;
  line-height: 0
}

.waffle-assistant-header-range-rect {
  background-color: #f09300;
  opacity: .06;
  pointer-events: none
}

.waffle-assistant-card .docs-charts-tooltip {
  font-size: 10px;
  padding: 4px 8px;
  line-height: 1.1em
}

.waffle-assistant-highlight-styled-rect {
  background-color: #34a853;
  opacity: .06;
  pointer-events: none
}

.range-border.waffle-assistant-highlight-styled-border {
  border-color: #34a853;
  border-style: dashed
}

.waffle-assistant-highlight-styled-rect-red {
  background-color: #ea4335;
  opacity: .06;
  pointer-events: none
}

.range-border.waffle-assistant-highlight-styled-border-red {
  border-color: #ea4335;
  border-style: dashed
}

.waffle-assistant-mouseover-highlight-styled-rect {
  background-color: #34a853;
  opacity: .25;
  pointer-events: none
}

.range-border.waffle-assistant-mouseover-highlight-styled-border {
  border-color: #34a853;
  border-style: dashed
}

.waffle-assistant-mouseover-highlight-styled-rect-red {
  background-color: #ea4335;
  opacity: .25;
  pointer-events: none
}

.range-border.waffle-assistant-mouseover-highlight-styled-border-red {
  border-color: #ea4335;
  border-style: dashed
}

.waffle-inline-assistant-refresh-banner {
  background: #fff;
  border: .5px solid transparent;
  box-shadow: 0 -1px 5px hsla(207, 5%, 52%, .09), 0 3px 5px hsla(207, 5%, 52%, .06), 0 1px 2px rgba(60, 64, 67, .3), 0 1px 3px rgba(60, 64, 67, .15);
  margin-bottom: 8px;
  overflow: hidden;
  position: absolute;
  z-index: 10
}

.waffle-inline-assistant-refresh-text {
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .3px;
  line-height: 16px;
  margin: 12px 0 12px 16px;
  width: 166px
}

.waffle-inline-assistant-refresh-text-container {
  align-items: center;
  background: #e6f4ea;
  border-radius: 4px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 8px;
  position: relative;
  width: 284px
}

.waffle-sidebar-container .waffle-inline-assistant-refresh-button.jfk-button-standard,
.waffle-sidebar-container .waffle-inline-assistant-refresh-button.jfk-button-standard.jfk-button-focused,
.waffle-sidebar-container .waffle-inline-assistant-refresh-button.jfk-button-standard.jfk-button-hover,
.waffle-sidebar-container .waffle-inline-assistant-refresh-button.jfk-button-standard.jfk-button-hover.jfk-button-focused {
  background: none;
  border: none !important;
  color: #137333;
  cursor: pointer;
  margin-right: 8px;
  max-width: 100%;
  overflow: hidden;
  padding: 8px;
  text-overflow: ellipsis;
  white-space: nowrap
}

.waffle-sidebar-container .waffle-inline-assistant-refresh-button.jfk-button-standard.jfk-button-focused,
.waffle-sidebar-container .waffle-inline-assistant-refresh-button.jfk-button-standard.jfk-button-hover,
.waffle-sidebar-container .waffle-inline-assistant-refresh-button.jfk-button-standard.jfk-button-hover.jfk-button-focused {
  background: rgba(0, 0, 0, .06)
}

.waffle-inline-assistant-sidebar-category-cards {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}

.waffle-inline-assistant-sidebar-category-label {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: 500;
  height: 14px;
  letter-spacing: .8px;
  line-height: 14px;
  text-transform: uppercase
}

.waffle-inline-assistant-sidebar-category-description {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: .3px;
  font-weight: 400;
  padding: 8px 8px 4px 16px
}

.waffle-inline-assistant-sidebar-intro {
  color: #80868b;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding: 16px 16px 6px
}

.waffle-inline-assistant-sidebar-accepted-container {
  margin: 0 20px;
  text-align: center
}

.waffle-inline-assistant-sidebar-accept-back {
  margin-right: 0
}

.waffle-inline-assistant-sidebar-column-filter-dropdown-container {
  margin-bottom: 16px;
  overflow: hidden;
  padding-right: 15px;
  position: relative
}

.waffle-inline-assistant-sidebar-column-filter-dropdown,
.waffle-inline-assistant-sidebar-column-filter-dropdown-green {
  float: right;
  margin: auto;
  width: 125px
}

.docs-material-gm-labeled-select-focused .docs-material-gm-labeled-select-outer-box {
  background-color: rgba(60, 64, 67, .06);
  border: 1px solid #dadce0
}

.waffle-inline-assistant-sidebar-column-filter-dropdown .docs-material-gm-labeled-select-outer-box {
  border-radius: 8px;
  padding: 0 6px 0 10px;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}

.waffle-inline-assistant-sidebar-column-filter-dropdown .waffle-view-icons-error-filled {
  display: none;
  height: 13px;
  width: 13px
}

.waffle-inline-assistant-sidebar-column-filter-dropdown .filter-active .waffle-view-icons-error-filled {
  display: block
}

.waffle-inline-assistant-sidebar-column-filter-dropdown-green .filter-active .docs-material-gm-labeled-select-outer-box {
  background-color: #fce8e6
}

.waffle-inline-assistant-sidebar-column-filter-dropdown-green .docs-material-gm-labeled-select-outer-box {
  border-radius: 8px;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  padding: 0 6px 0 10px
}

.waffle-inline-assistant-sidebar-column-filter-dropdown-green .waffle-view-icons-error-filled {
  display: none;
  height: 13px;
  width: 13px
}

.waffle-inline-assistant-sidebar-column-filter-dropdown-green .filter-active .waffle-view-icons-error-filled {
  display: block
}

.waffle-inline-assistant-sidebar-column-filter-dropdown-green .filter-active .docs-material-gm-labeled-select-outer-box {
  background-color: #ceead6;
  border: none
}

.waffle-inline-assistant-sidebar-column-filter-dropdown .filter-active.docs-material-gm-labeled-select-focused .docs-material-gm-labeled-select-outer-box {
  background-color: #fad2cf
}

.waffle-inline-assistant-sidebar-column-filter-dropdown-green .filter-active.docs-material-gm-labeled-select-focused .docs-material-gm-labeled-select-outer-box {
  background-color: #ceead6
}

.waffle-inline-assistant-sidebar-column-filter-dropdown .filter-active .docs-material-gm-labeled-select-caption {
  color: #d93025
}

.waffle-inline-assistant-sidebar-column-filter-dropdown .filter-active .docs-material-gm-labeled-select-caption-green {
  color: #1e8e3e
}

.waffle-inline-assistant-recommendation-container {
  align-items: center;
  border: 1px solid #dadce0;
  border-top: none;
  display: flex;
  height: 36px;
  margin: 0;
  outline: none;
  overflow-x: auto;
  overflow-y: hidden;
  position: relative
}

.waffle-inline-assistant-recommendation-container:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px
}

.waffle-inline-assistant-overflow-suggestions .waffle-inline-assistant-recommendation-container:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

.waffle-inline-assistant-gridrange-chip {
  background-color: #f8f9fa;
  border-right: 1px solid #dadce0;
  box-sizing: border-box;
  color: #d93025;
  flex-shrink: 0;
  font-weight: 500;
  height: 36px;
  line-height: 36px;
  overflow: hidden;
  padding: 1px 0;
  position: relative;
  text-align: center;
  width: 48px
}

.waffle-inline-assistant-gridrange-chip.waffle-inline-assistant-gridrange-chip-changed {
  color: #1a73e8
}

.waffle-inline-assistant-gridrange-chip.waffle-inline-assistant-gridrange-chip-neutral {
  color: #3c4043
}

.waffle-inline-assistant-gridrange-chip-hovered {
  background-color: rgba(0, 0, 0, .06)
}

.waffle-inline-assistant-suggestion-row {
  flex-grow: 1;
  overflow: hidden;
  position: relative;
  white-space: nowrap
}

.waffle-inline-assistant-suggestion-overflow-action-strip {
  align-items: center;
  border: 1px solid #dadce0;
  border-radius: 0 0 4px 4px;
  border-top: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  min-height: 32px;
  padding: 0 6px;
  text-align: left
}

.waffle-inline-assistant-suggestion-overflow-action-strip .waffle-assistant-feedback-button {
  height: 30px
}

.waffle-inline-assistant-accept-button,
.waffle-inline-assistant-ignore-button {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.waffle-inline-assistant-card-show-more-button {
  border-radius: 100%;
  color: #3c4043;
  cursor: pointer;
  font-size: 12px;
  font-weight: 400;
  height: 24px;
  letter-spacing: .3px;
  margin: 0 auto 0 6px;
  min-width: 24px;
  padding: 2px;
  width: 24px
}

.waffle-inline-assistant-card-show-more-button.jfk-button-checked {
  transform: rotate(180deg)
}

.waffle-inline-assistant-card-show-more-button.jfk-button-checked .docs-icon {
  margin-bottom: 5px;
  margin-right: 1px
}

.waffle-inline-assistant-card-show-more-button.jfk-button-checked:hover {
  box-shadow: 0 -1px 1px rgba(0, 0, 0, .1)
}

.waffle-inline-assistant-card-show-more-button:focus,
.waffle-inline-assistant-card-show-more-button:hover {
  background: rgba(0, 0, 0, .06)
}

.waffle-inline-assistant-card-show-more-button:active {
  background: rgba(0, 0, 0, .12)
}

.waffle-inline-assistant-card-show-more-button .docs-icon {
  height: 24px;
  margin: 0;
  transform: scale(.75);
  width: 24px
}

.waffle-inline-assistant-suggestion-details {
  border-radius: 4px;
  border-top: 1px solid #dadce0;
  margin: 0 14px 16px;
  outline: none;
  overflow: hidden
}

.waffle-inline-assistant-suggestion-details:last-child {
  margin: 0 14px 14px
}

.waffle-inline-assistant-nf-suggestion {
  margin-bottom: 8px;
  outline: none
}

.waffle-inline-assistant-nf-row {
  align-items: center;
  border: none;
  border-radius: 0;
  display: flex;
  margin: 0;
  overflow: hidden;
  padding: 0 0 0 8px;
  text-overflow: ellipsis
}

.waffle-inline-assistant-nf-suggestion-description {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .3px;
  line-height: 16px;
  margin: 0 16px 3px
}

.waffle-inline-assistant-nf-suggestion-text {
  flex-grow: 1;
  height: 36px;
  padding: 1px 0;
  line-height: 36px;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  border-radius: 4px 0 0 4px;
  box-sizing: border-box
}

.waffle-inline-assistant-nf-original-preview {
  text-decoration: line-through
}

.waffle-inline-assistant-nf-suggested-preview {
  color: #188038
}

.waffle-inline-assistant-nf-check {
  border-radius: 50%;
  flex-shrink: 0;
  width: 27px;
  min-width: 27px;
  margin: 0 3px;
  padding: 2px;
  cursor: pointer
}

.waffle-inline-assistant-nf-check.jfk-button-hover {
  box-shadow: none
}

.waffle-inline-assistant-nf-check:focus,
.waffle-inline-assistant-nf-check:hover {
  background: rgba(0, 0, 0, .06)
}

.waffle-inline-assistant-nf-check:active {
  background: rgba(0, 0, 0, .12)
}

.waffle-inline-assistant-sidebar-rd-category-bulk-pill {
  align-items: center;
  border: 1px solid #dadce0;
  border-radius: 4px;
  box-sizing: border-box;
  color: #3c4043;
  display: flex;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  justify-content: space-between;
  margin: 0 14px 11px;
  padding: 5px 6px;
  overflow: hidden
}

.waffle-inline-assistant-bulk-rd-message {
  height: 30px;
  line-height: 30px;
  margin: 0 10px
}

.waffle-inline-assistant-rd-cell-preview {
  border: none;
  border-radius: 0;
  margin: 0;
  padding: 0 8px;
  overflow: hidden;
  text-overflow: ellipsis
}

.waffle-inline-assistant-rd-deleted-strikethrough {
  position: absolute;
  left: 9px;
  top: 50%;
  height: 1px;
  background: #3c4043;
  z-index: 1;
  right: 9px
}

.waffle-inline-assistant-rd-cell-value-divider {
  height: 36px;
  border-left: 1px solid #dadce0;
  margin: 0 10px;
  display: inline-block;
  vertical-align: middle
}

.waffle-inline-assistant-tw-row {
  height: 36px;
  line-height: 36px;
  padding: 0 8px
}

.waffle-inline-assistant-tw-space {
  background: #f28b82;
  border: 1px solid transparent;
  box-sizing: border-box;
  display: inline-block;
  height: 18px;
  margin: 8px .5px 10px .5px;
  mix-blend-mode: multiply;
  vertical-align: middle;
  width: 4px
}

.docs-material-gm-checkbox.waffle-inline-assistant-rd-checkbox {
  position: absolute;
  right: 8px;
  top: 50% !important;
  transform: translateY(-50%);
  border: 2px solid #5f6368 !important
}

.docs-material-gm-checkbox-checked.waffle-assistant-kg-apply-all-check,
.docs-material-gm-checkbox-checked.waffle-inline-assistant-rd-checkbox {
  background-color: #5f6368 !important;
  border: 2px solid #5f6368 !important
}

.waffle-inline-assistant-sidebar .waffle-sidebar-content {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 1
}

.waffle-inline-assistant-sidebar-toast {
  align-items: center;
  background: #202124;
  border: 1px solid transparent;
  border-radius: 4px;
  bottom: 14px;
  box-shadow: 0 5px 7px rgba(60, 64, 67, .15), 0 2px 2px rgba(60, 64, 67, .3);
  box-sizing: border-box;
  display: flex;
  opacity: 1;
  overflow: hidden;
  padding: 16px 12px 16px 16px;
  position: absolute;
  right: 14px;
  width: 268px;
  z-index: 1000
}

.waffle-inline-assistant-sidebar-toast-hidden {
  opacity: 0;
  transition: opacity .2s linear
}

.waffle-inline-assistant-toast-text {
  color: #dadce0;
  flex-grow: 1;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .25px;
  line-height: 19px
}

.jfk-button.waffle-inline-assistant-toast-undo-button {
  box-sizing: border-box;
  color: #6ba5ed;
  cursor: pointer;
  margin: 0;
  padding: 0
}

.waffle-inline-assistant-sidebar-rd-category-bulk-pill .waffle-inline-assistant-bulk-rd-accept-button,
.waffle-inline-assistant-toast-undo-button {
  margin: 0 2px 0 0
}

.waffle-inline-assistant-sidebar-insights-promo {
  background: #f8f9fa;
  border-radius: 8px;
  margin: 14px;
  padding: 18px
}

.waffle-inline-assistant-sidebar-insights-button {
  display: block;
  margin: 0 auto
}

.waffle-inline-assistant-sidebar-insights-header {
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: .1px;
  line-height: 24px;
  text-align: center
}

.waffle-inline-assistant-sidebar-insights-body {
  color: #3c4043;
  font-size: 14px;
  letter-spacing: .2px;
  line-height: 20px;
  margin: 16px 0;
  text-align: center
}

.waffle-inline-assistant-sidebar-empty-container {
  margin: 20px;
  text-align: center
}

.waffle-inline-assistant-sidebar-accepted-message,
.waffle-inline-assistant-sidebar-empty-message {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  letter-spacing: .2px;
  margin: 15px
}

.waffle-inline-assistant-sidebar-empty-check {
  filter: invert(100%);
  height: 30px;
  padding: 10px
}

.waffle-assistant-floating-popup {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
  box-sizing: border-box;
  background: #fff;
  border-radius: 10px;
  bottom: 30px;
  left: 55px;
  padding: 18px;
  position: absolute;
  width: 320px;
  z-index: 20
}

.waffle-assistant-popup-view {
  box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15);
  display: table;
  position: absolute
}

.waffle-assistant-popup-suggestion {
  background: #fff;
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  overflow: hidden;
  outline: none;
  margin: 2px 10px;
  padding: 8px 0 8px 14px;
  position: relative;
  text-align: left;
  cursor: pointer
}

.waffle-assistant-popup-suggestion:focus,
.waffle-assistant-popup-suggestion:hover {
  background: rgba(0, 0, 0, .06)
}

.waffle-assistant-popup-suggestion:active {
  background: rgba(0, 0, 0, .12)
}

.waffle-assistant-popup-suggestion-text {
  font-size: 14px;
  line-height: 21px;
  white-space: normal;
  word-wrap: break-word
}

.docs-material-gm-checkbox.waffle-assistant-card-checkbox {
  border: 2px solid #80868b;
  float: left;
  margin-top: -1px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}

.docs-material-gm-checkbox-checked.waffle-assistant-card-checkbox {
  border: 2px solid #188038
}

.waffle-assistant-card-unchecked-hovered-checkbox {
  opacity: .7
}

.waffle-inline-assistant-sidebar-accept {
  float: right;
  margin: 16px
}

.waffle-inline-assistant-sidebar-survey-container {
  background-color: #f8f9fa;
  cursor: pointer;
  padding: 12px;
  text-align: center
}

.waffle-inline-assistant-sidebar-accepted-container .waffle-inline-assistant-sidebar-survey-container {
  margin: 0 -20px
}

.waffle-inline-assistant-sidebar-survey-link:hover {
  text-decoration: none
}

.waffle-inline-assistant-sidebar-survey-container:focus,
.waffle-inline-assistant-sidebar-survey-container:hover {
  background: rgba(0, 0, 0, .06)
}

.waffle-inline-assistant-sidebar-survey-container:active {
  background: rgba(0, 0, 0, .12)
}

.waffle-inline-assistant-sidebar {
  background-color: #fff
}

.waffle-inline-assistant-sidebar .waffle-sidebar-footer-container {
  background-color: #fff;
  border-top: 1px solid #dadce0
}

.waffle-inline-assistant-feedback-button.waffle-ui-text-link-button {
  align-items: center;
  color: #5f6368;
  display: flex;
  float: right;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  padding: 8px
}

.waffle-inline-assistant-feedback-button svg {
  margin-right: 5px
}

.waffle-inline-assistant-promo-pref-button {
  float: right;
  margin: 14px;
  margin-top: 0
}

.waffle-assistant-data-cleanup-suggestions-bottom-entry-point-button-label-no-suggestion {
  display: none;
  width: 0
}

.waffle-assistant-data-cleanup-suggestions-bottom-entry-point .waffle-assistant-data-cleanup-suggestions-bottom-entry-point-menu-button-disabled {
  background: #dadce0
}

.waffle-assistant-data-cleanup-suggestions-bottom-entry-point-menu-button-active .waffle-assistant-data-cleanup-suggestions-bottom-entry-point-button-label {
  color: #188038
}

.waffle-assistant-data-cleanup-suggestions-autofix-icon-hidden {
  visibility: hidden;
  width: 0
}

.waffle-assistant-data-cleanup-suggestions-bottom-entry-point-bubble .jfk-bubble-closebtn {
  background: none;
  content: url(//ssl.gstatic.com/images/icons/material/system/svg/close_18px.svg);
  cursor: pointer;
  height: 18px;
  margin: 6px 8px;
  padding: 4px;
  right: 5px;
  top: 5px;
  width: 18px
}

.waffle-assistant-data-cleanup-suggestions-hint-icon-bubble .jfk-bubble-closebtn {
  background: none;
  content: url(//ssl.gstatic.com/images/icons/material/system/svg/close_18px.svg);
  cursor: pointer;
  height: 18px;
  margin: 6px 8px;
  padding: 4px;
  right: 0;
  top: 0;
  width: 18px
}

.waffle-assistant-data-cleanup-suggestions-bottom-entry-point-bubble .jfk-bubble-closebtn:focus,
.waffle-assistant-data-cleanup-suggestions-bottom-entry-point-bubble .jfk-bubble-closebtn:hover,
.waffle-assistant-data-cleanup-suggestions-hint-icon-bubble .jfk-bubble-closebtn:focus,
.waffle-assistant-data-cleanup-suggestions-hint-icon-bubble .jfk-bubble-closebtn:hover {
  background: rgba(32, 33, 36, .04);
  opacity: 1
}

.waffle-assistant-data-cleanup-suggestions-bottom-entry-point-bubble .jfk-bubble-closebtn:active,
.waffle-assistant-data-cleanup-suggestions-hint-icon-bubble .jfk-bubble-closebtn:active {
  background: rgba(32, 33, 36, .1);
  opacity: 1
}

.waffle-assistant-card-text {
  color: #5f6368;
  display: inline-block;
  font-size: 14px;
  letter-spacing: .2px;
  line-height: 20px;
  margin-left: 32px;
  margin-right: 40px;
  white-space: normal;
  word-wrap: break-word
}

.waffle-assistant-card-text .waffle-assistant-feedback-button {
  float: right
}

.waffle-assistant-form {
  align-items: center;
  display: flex;
  flex-shrink: 1;
  overflow: hidden;
  width: 100%
}

.waffle-assistant-form .jfk-textinput {
  flex-shrink: 1;
  min-width: 1px;
  width: 100%;
  text-overflow: ellipsis
}

.waffle-inline-assistant-sidebar-category-show-more-button {
  color: #3c4043;
  cursor: pointer;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .3px;
  margin: 4px 14px 16px;
  position: relative;
  text-align: center
}

.waffle-inline-assistant-sidebar-category-show-more-description {
  background: #fff;
  display: inline-block;
  line-height: 16px;
  padding: 0 8px
}

.waffle-inline-assistant-sidebar-category-show-more-background-line {
  background: #dadce0;
  height: 1px;
  left: 0;
  margin-top: -1px;
  position: absolute;
  right: 0;
  top: 50%;
  z-index: -100
}

.waffle-inline-assistant-sidebar-category-show-more-button:focus .waffle-inline-assistant-sidebar-category-show-more-description,
.waffle-inline-assistant-sidebar-category-show-more-button:hover .waffle-inline-assistant-sidebar-category-show-more-description {
  background: #f0f0f0
}

.waffle-inline-assistant-sidebar-category-show-more-button:focus,
.waffle-inline-assistant-sidebar-category-show-more-button:hover {
  background: rgba(0, 0, 0, .06)
}

.waffle-inline-assistant-sidebar-category-show-more-button:active .waffle-inline-assistant-sidebar-category-show-more-description {
  background: #e0e0e0
}

.waffle-inline-assistant-sidebar-category-show-more-button:active {
  background: rgba(0, 0, 0, .12)
}

.waffle-inline-assistant-sidebar-divider {
  border-top: 1px solid #dadce0;
  margin: 6px 15px 8px
}

.waffle-inline-assistant-sidebar-category-show-more-button .docs-icon {
  height: 24px;
  margin: 0 4px 0 0;
  width: 24px
}

.docs-auto-fix {
  filter: invert(37%) sepia(93%) saturate(360%) hue-rotate(86deg) brightness(88%) contrast(100%)
}

.waffle-inline-assistant-sidebar-category-show-more-button.jfk-button-hover {
  box-shadow: none
}

.waffle-inline-assistant-sidebar-category-header {
  color: #188038;
  margin: 12px 0;
  overflow: hidden;
  padding: 0 3px 0 16px
}

.waffle-inline-assistant-rec-range {
  color: #188038;
  font-weight: 500
}

.waffle-inline-assistant-rec-range-red {
  color: #d93025;
  font-weight: 500
}

.waffle-inline-assistant-rec-detail {
  color: #202124;
  font-weight: 500;
  white-space: nowrap
}

.waffle-assistant-popup-num-patterns {
  font-weight: 500
}

.waffle-assistant-popup-button-row {
  margin-top: 18px;
  text-align: right
}

.jfk-button-action.waffle-assistant-popup-button {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #188038;
  color: #fff
}

.jfk-button-action.waffle-assistant-popup-button.goog-button-hover {
  background: #188038;
  color: #fff;
  background: #2a8947;
  box-shadow: 0 1px 3px 1px rgba(52, 168, 83, .15)
}

.jfk-button-action.waffle-assistant-popup-button.goog-button-focused {
  background: #188038;
  color: #fff;
  background: #4f9e67;
  box-shadow: 0 1px 3px 1px rgba(52, 168, 83, .15)
}

.jfk-button-action.waffle-assistant-popup-button.goog-button-hover.goog-button-focused {
  background: #188038;
  color: #fff;
  background: #62a877;
  box-shadow: 0 1px 3px 1px rgba(52, 168, 83, .15)
}

.jfk-button-standard.waffle-assistant-popup-button {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #fff;
  border: 1px solid #dadce0 !important;
  color: #137333
}

.jfk-button-standard.waffle-assistant-popup-button.goog-button-hover {
  background: #f8fcf9;
  border: 1px solid #c8e7d1 !important
}

.jfk-button-standard.waffle-assistant-popup-button.goog-button-focused {
  background: #e7f5eb;
  border: 1px solid #bbe2c6 !important
}

.jfk-button-standard.waffle-assistant-popup-button.goog-button-hover.goog-button-focused {
  background: #dff2e4;
  border: 1px solid #b5e0c1 !important
}

.waffle-assistant-popup-button-review {
  margin-right: 0
}

.waffle-assistant-popup-button-dismiss {
  background-color: #f1f3f4
}

.waffle-assistant-popup-logo {
  float: left;
  margin-right: 18px;
  min-width: 0;
  outline: none;
  padding: 3px
}

.waffle-feedback-troubleshoot-item {
  color: #5f6368;
  font-size: 11px;
  width: 168px
}

.waffle-feedback-troubleshoot-item-icon,
.waffle-feedback-troubleshoot-item-text {
  display: inline
}

.waffle-assistant-feedback-dialog,
.waffle-assistant-feedback-product-info-dialog {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}

.waffle-assistant-feedback-dialog {
  min-width: 464px;
  max-width: 512px;
  border-radius: 28px
}

.waffle-assistant-feedback-dialog .docs-material-gm-dialog-content {
  font-size: 14px;
  padding-bottom: 0
}

.waffle-assistant-feedback-dialog-radio-button {
  margin-bottom: 8px
}

.waffle-assistant-feedback-dialog-radio-button .jfk-radiobutton-radio {
  left: 0;
  border: 2px solid #3c4043
}

.waffle-assistant-feedback-dialog-feedback-options-wrapper.waffle-assistant-feedback-dialog-required-feedback-question .jfk-radiobutton-radio {
  border: 2px solid #b3261e
}

.waffle-assistant-feedback-dialog-required-text {
  color: #b3261e;
  font-size: 14px;
  margin-left: 16px;
  display: inline-block;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}

.waffle-assistant-feedback-dialog-radio-button .jfk-radiobutton-label {
  margin-left: 16px;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}

.waffle-assistant-feedback-dialog-feedback-radio-buttons-control .waffle-assistant-feedback-dialog-radio-button {
  display: block;
  width: -moz-fit-content;
  width: fit-content
}

.waffle-assistant-feedback-dialog-legal {
  margin-right: 16px;
  padding-top: 8px;
  margin: 10px 0
}

.waffle-assistant-feedback-dialog-legal-information-text {
  color: #80868b
}

.waffle-assistant-feedback-dialog-product-info-display-text {
  color: #1967d2;
  cursor: pointer;
  padding-top: 10px
}

.waffle-assistant-feedback-dialog-header {
  font-weight: 700;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  padding: 8px 0
}

.waffle-assistant-feedback-product-info-dialog .docs-material-gm-dialog-content {
  max-height: 568px;
  overflow: auto;
  overflow-wrap: break-word;
  width: 466px
}

.waffle-assistant-feedback-dialog-other-feedback-textarea-wrapper {
  padding-top: 10px;
  font-weight: 700;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}

#waffle-assistant-feedback-dialog-other-feedback-textarea.waffle-assistant-feedback-dialog-required-feedback-question {
  border: 2px solid #b3261e
}

.waffle-assistant-feedback-product-info-dialog dt {
  font-weight: 500
}

#waffle-assistant-feedback-dialog-other-feedback-textarea {
  height: unset;
  min-height: 52px;
  min-width: 100%;
  max-height: 52px;
  border: 1px solid #747775;
  box-sizing: border-box;
  border-radius: 4px;
  margin-top: 10px;
  padding: 14px 13px;
  font-size: medium;
  font-family: inherit;
  resize: none
}

#waffle-assistant-feedback-dialog-other-feedback-textarea:focus {
  border: 2px solid #1a73e8;
  box-shadow: none;
  padding: 0 7px;
  padding: 13px 12px
}

.waffle-assistant-feedback-dialog .docs-material-gm-dialog-title {
  padding: 24px 24px 10px
}

.waffle-assistant-feedback-dialog .docs-material-gm-dialog-title-text {
  font-size: 24px;
  line-height: 32px
}

.waffle-assistant-feedback-dialog .docs-material-gm-dialog-buttons {
  font-size: 14px;
  padding: 0 24px 20px
}

.waffle-assistant-apply-all-description,
.waffle-assistant-kg-description {
  color: #5f6368;
  display: inline-block;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  letter-spacing: .3px;
  line-height: 16px;
  margin: 0 16px;
  white-space: normal;
  word-wrap: break-word
}

.waffle-assistant-kg-card {
  border-radius: 8px;
  box-shadow: 0 -1px 5px hsla(207, 5%, 52%, .09), 0 3px 5px hsla(207, 5%, 52%, .06), 0 1px 2px rgba(60, 64, 67, .3), 0 1px 3px rgba(60, 64, 67, .15);
  margin: 0 14px 16px;
  outline: none;
  overflow: hidden;
  position: relative
}

.waffle-assistant-kg-cell-input-row {
  border: 1px solid #dadce0;
  border-top: none;
  font-size: 13px;
  margin: 0;
  position: relative
}

.waffle-inline-assistant-overflow-suggestions:last-child .waffle-assistant-kg-cell-input-row {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px
}

.waffle-assistant-card-apply-all {
  background-color: #e6f4ea;
  border-radius: 4px;
  color: #188038;
  font-family: Google Sans Medium, sans-serif;
  font-size: 14px;
  font-weight: medium;
  height: 36px;
  margin: 0 14px 4px;
  overflow: hidden;
  position: relative;
  z-index: 1000
}

.waffle-assistant-card-apply-all .waffle-inline-assistant-apply-all-input-box.jfk-textinput {
  color: inherit
}

.waffle-assistant-card-apply-all-focused {
  background-color: #fff;
  border: 1.5px solid #1a73e8;
  color: inherit;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  margin: 0 14px 2px
}

.waffle-assistant-apply-all-text-empty {
  background-color: #fff;
  border: 1px solid #dadce0
}

.waffle-inline-assistant-category-card {
  border-radius: 8px;
  box-shadow: 0 -1px 5px hsla(207, 5%, 52%, .09), 0 3px 5px hsla(207, 5%, 52%, .06), 0 1px 2px rgba(60, 64, 67, .3), 0 1px 3px rgba(60, 64, 67, .15);
  margin: 0 14px 16px;
  overflow: hidden
}

.waffle-assistant-input-container {
  display: flex;
  height: 36px;
  overflow-x: auto;
  overflow-y: hidden
}

.waffle-assistant-input-container.waffle-assistant-input-container-changed,
.waffle-assistant-input-container.waffle-assistant-input-container-focused {
  border-radius: 4px;
  margin: 0 -1px
}

.waffle-assistant-input-container.waffle-assistant-input-container-focused {
  border: 1.5px solid #d93025
}

.waffle-assistant-card-apply-all .waffle-assistant-input-container.waffle-assistant-input-container-focused {
  margin: 0 14px -1px
}

.waffle-assistant-input-container.waffle-assistant-input-container-changed {
  border: 1.5px solid #1a73e8
}

.waffle-assistant-input-reject-icon {
  cursor: pointer;
  height: 36px;
  line-height: 36px;
  margin: -1px 0 0 0;
  min-width: 27px;
  opacity: 0;
  z-index: -1
}

.waffle-assistant-kg-cell-input-row:focus .waffle-assistant-input-reject-icon,
.waffle-assistant-kg-cell-input-row:hover .waffle-assistant-input-reject-icon,
.waffle-inline-assistant-gridrange-chip-hovered .waffle-assistant-input-reject-icon {
  opacity: 1;
  z-index: 1000
}

.waffle-assistant-input-reject-icon:focus {
  background: rgba(0, 0, 0, .06);
  opacity: 1;
  z-index: 1000
}

.waffle-assistant-input-reject-icon:hover {
  background: rgba(0, 0, 0, .06)
}

.waffle-assistant-input-reject-icon:active {
  background: rgba(0, 0, 0, .12)
}

.waffle-assistant-input-return-icon {
  cursor: pointer;
  filter: invert(37%) sepia(68%) saturate(4465%) hue-rotate(204deg) brightness(96%) contrast(89%);
  flex-shrink: 0;
  margin: 4px
}

.waffle-sidebar-container .waffle-assistant-kg-cell-input.jfk-textinput:focus {
  border: none;
  outline-offset: 0;
  padding: 1px 8px
}

.waffle-sidebar-container .waffle-assistant-kg-cell-input.jfk-textinput {
  background-color: transparent;
  border: none;
  border-radius: 0;
  margin: 0
}

.waffle-assistant-kg-apply-all-container {
  display: flex;
  margin: 0;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 8px 9px
}

waffle-assistant-kg-apply-to-all-text {
  display: inline-block;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  letter-spacing: .3px;
  line-height: 16px;
  margin: 1px 1px 1px 4px;
  vertical-align: middle
}

input.jfk-textinput.waffle-assistant-kg-cell-input.waffle-inline-assistant-apply-all-input-box {
  width: 100%
}

.waffle-assistant-kg-card-apply-all-hint {
  background: #fff;
  color: #1a73e8;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  left: 27px;
  letter-spacing: .3px;
  line-height: 16px;
  padding: 2px 4px;
  position: absolute;
  top: -9px;
  z-index: 1001
}

.waffle-assistant-kg-card-apply-all-hint.waffle-assistant-kg-card-apply-all-hint-changed {
  color: #1a73e8
}

.waffle-inline-assistant-fade-in .waffle-inline-assistant-sidebar-column-filter-dropdown,
.waffle-inline-assistant-fade-in .waffle-inline-assistant-sidebar-column-filter-dropdown-green,
.waffle-inline-assistant-fade-in .waffle-inline-assistant-sidebar-section {
  animation-duration: .5s;
  animation-name: fadein
}

@keyframes fadein {
  0% {
    opacity: 0;
    transform: scale(.85)
  }

  to {
    opacity: 1;
    transform: scale(1)
  }
}

.waffle-assistant-icon-button {
  background: transparent;
  border-radius: 50%;
  box-sizing: border-box;
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  outline: none;
  text-align: center;
  width: 32px
}

.small.waffle-assistant-icon-button {
  height: 24px;
  line-height: 24px;
  width: 24px
}

.waffle-assistant-icon-button:hover {
  background: rgba(13, 101, 45, .06)
}

.waffle-assistant-icon-button:focus {
  background: rgba(13, 101, 45, .12)
}

.waffle-assistant-icon-button:active {
  background: rgba(13, 101, 45, .1)
}

.goog-grey.waffle-assistant-icon-button:hover {
  background: rgba(32, 33, 36, .04)
}

.goog-grey.waffle-assistant-icon-button:focus {
  background: rgba(13, 101, 45, .12)
}

.goog-grey.waffle-assistant-icon-button:active {
  background: rgba(13, 101, 45, .1)
}

.waffle-assistant-input-return-icon.waffle-assistant-icon-button:hover {
  background: rgba(0, 0, 0, .06)
}

.waffle-assistant-input-return-icon.waffle-assistant-icon-button:focus {
  background: rgba(0, 0, 0, .12)
}

.waffle-assistant-input-return-icon.waffle-assistant-icon-button:active {
  background: rgba(0, 0, 0, .1)
}

.waffle-assistant-kg-card.waffle-assistant-input-edit-button {
  display: none
}

.waffle-assistant-anomaly-message {
  font-weight: 700;
  text-transform: lowercase
}

.waffle-assistant-input-edit-button .docs-icon {
  margin: 0 1px 4px 0
}

.waffle-inline-assistant-bulk-accept-button {
  border: 1px solid #a8dab5;
  cursor: pointer
}

.waffle-inline-assistant-bulk-accept-button:hover {
  background: #e6f4ea
}

.waffle-inline-assistant-bulk-accept-button:focus {
  background: #ceead6;
  border: 1px solid #0d652d
}

.waffle-inline-assistant-bulk-accept-button:active {
  background: #ceead6;
  border: 1px solid #a8dab5
}

.waffle-inline-assistant-bulk-action-button-disabled,
.waffle-inline-assistant-bulk-action-button-disabled:active,
.waffle-inline-assistant-bulk-action-button-disabled:focus,
.waffle-inline-assistant-bulk-action-button-disabled:hover {
  background: #fff;
  border: 1px solid rgba(60, 64, 67, .12);
  cursor: default
}

.waffle-inline-assistant-bulk-accept-button-icon.docs-icon {
  height: 24px;
  margin: 1px 2px 1px 5px;
  width: 24px
}

.waffle-inline-assistant-bulk-accept-button-icon .docs-icon-img {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_green.svg) !important
}

.waffle-inline-assistant-bulk-action-button-disabled .docs-icon-img {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_gm3_grey_medium.svg)
}

.waffle-inline-assistant-bulk-reject-button {
  border: 1px solid #dadce0
}

.waffle-inline-assistant-bulk-reject-button:hover {
  background: #f8f9fa;
  cursor: pointer
}

.waffle-inline-assistant-bulk-reject-button:focus {
  background: #f1f3f4;
  border: 1px solid #202124
}

.waffle-inline-assistant-bulk-reject-button:active {
  background: #f1f3f4;
  border: 1px solid #dadce0
}

.waffle-inline-assistant-bulk-reject-button-icon.docs-icon {
  height: 24px;
  margin: 1.5px 2px 1.5px 5px;
  width: 24px
}

.waffle-inline-assistant-bulk-action-buttons-wrapper {
  display: flex;
  margin: 12px 0 12px 16px;
  flex-direction: row
}

.waffle-inline-assistant-bulk-action-button {
  align-items: center;
  background: #fff;
  border-radius: 20px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  height: 36px;
  margin-right: 8px;
  mix-blend-mode: normal;
  width: 36px
}

.waffle-inline-assistant-bulk-action-button:focus {
  outline: none
}

.waffle-inline-assistant-bulk-action-buttons-description {
  color: #188038;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  margin-left: 16px
}

.waffle-assistant-filter-button {
  margin: 0;
  max-width: 100%;
  min-width: 28px;
  overflow: hidden;
  padding: 0 !important;
  text-overflow: ellipsis;
  white-space: nowrap
}

.waffle-assistant-insert-chart-button.jfk-button {
  position: relative;
  left: -1px
}

.waffle-assistant-chart-preview {
  cursor: move;
  height: 238px;
  width: 271px
}

.waffle-assistant-readonly .waffle-assistant-chart-preview {
  cursor: default
}

.waffle-assistant-chart-preview.waffle-assistant-dragged-card {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  z-index: 1000
}

.waffle-assistant-chart-highlights {
  border-left: 3px solid #0f9d58;
  color: #616161;
  cursor: text;
  padding-left: 15px;
  margin-top: 20px;
  margin-bottom: 20px;
  -webkit-user-select: text;
  user-select: text
}

.waffle-assistant-facet-section {
  background-color: #fafafa;
  cursor: default
}

.waffle-assistant-facet-header {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 13px;
  padding: 8px 16px
}

.waffle-assistant-facet-content-wrapper {
  max-height: 1000px;
  position: relative;
  transition: all .2s
}

.waffle-assistant-facet-charts-wrapper-hidden,
.waffle-assistant-facet-charts-wrapper-hidden .waffle-assistant-facet-charts-container {
  margin-top: 0;
  margin-bottom: 0;
  max-height: 0
}

.waffle-assistant-facet-charts-container {
  overflow-y: hidden;
  margin: 24px 16px 0;
  max-height: 1000px;
  transition: all .2s;
  width: 350px
}

.waffle-assistant-pie-icon {
  background: no-repeat url(https://ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png) -501px 0;
  display: inline-block;
  height: 24px;
  margin-right: 10px;
  opacity: .5;
  vertical-align: middle;
  width: 24px
}

.waffle-assistant-facet-chart-larger-icon {
  height: 24px;
  width: 24px
}

.waffle-assistant-facet-top-text {
  color: #757575;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  width: 185px
}

.waffle-assistant-facet-title {
  font-weight: 500
}

.waffle-assistant-facet-toggle {
  color: #4285f4;
  cursor: pointer;
  float: right;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  margin-right: 0;
  min-width: auto;
  outline: none;
  text-align: right
}

.waffle-assistant-facet-toggle:hover {
  box-shadow: none
}

.waffle-assistant-facet-chart-row {
  margin-bottom: 16px;
  white-space: nowrap
}

.waffle-assistant-single-facet {
  display: inline-block;
  margin-right: 16px;
  vertical-align: bottom
}

.waffle-assistant-single-facet-title {
  color: #757575;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  white-space: normal;
  width: 130px
}

.waffle-assistant-faceted-chart {
  border: 1px solid #e0e0e0;
  cursor: move;
  height: 98px;
  margin-top: 5px;
  outline: none;
  overflow: hidden;
  width: 134px
}

.waffle-assistant-facet-by-color-container {
  padding: 15px
}

.waffle-assistant-facet-by-color {
  border: none;
  height: 270px;
  margin-top: 0;
  overflow: hidden;
  width: 271px
}

.waffle-assistant-facet-white-section {
  background-color: #fff
}

.waffle-assistant-readonly .waffle-assistant-faceted-chart {
  cursor: default
}

.waffle-assistant-word-cloud-card {
  padding: 16px 16px 24px
}

.waffle-assistant-word-cloud-content-container {
  background-color: #fff;
  color: rgba(0, 0, 0, .54);
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}

.waffle-assistant-word-cloud-title {
  color: #757575;
  font-size: 13px;
  margin-bottom: 10px
}

.waffle-assistant-styled-rect {
  opacity: .1
}

.waffle-assistant-range-action-parent {
  background-color: #f5f5f5;
  background-image: linear-gradient(top, #f5f5f5, #eee);
  background: #f5f5f5;
  border: none;
  border-radius: 100px;
  box-shadow: 0 4px 8px rgba(60, 64, 67, .15), 0 1px 3px rgba(60, 64, 67, .3), 0 6px 11px hsla(207, 5%, 52%, .06), 0 -3px 11px hsla(207, 5%, 52%, .09);
  height: 40px !important;
  padding: none;
  position: absolute;
  transition: width .25s;
  width: 40px !important;
  z-index: 8
}

.waffle-assistant-range-action-parent:focus-within {
  width: 300px !important;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px
}

.waffle-rangeaction-search-bubble-wrapper .ac-renderer {
  border: none;
  box-shadow: none;
  margin: 0 -16px;
  padding-top: 6px;
  position: static;
  min-width: 320px
}

.waffle-rangeaction-search-bubble-wrapper .ac-renderer .goog-menuitem-accel {
  position: absolute
}

.waffle-rangeaction-search-bubble-wrapper .ac-row {
  padding: 2px 14px
}

.waffle-rangeaction-search-bubble-wrapper .ac-active {
  background-color: #f1f3f4
}

.waffle-rangeaction-search-bubble-wrapper .ac-active:active {
  background-color: #e8eaed
}

.waffle-rangeaction-search-bubble-wrapper .docs-omnibox-row-content {
  color: #202124;
  font-family: Roboto;
  font-size: 14px
}

.waffle-rangeaction-search-bubble-wrapper .docs-omnibox-row-icon {
  margin: 5px 2px 2px 1px
}

.waffle-assistant-range-action-parent .label-input-label {
  border: none;
  border-radius: 100px;
  box-shadow: none;
  cursor: pointer;
  height: 40px;
  width: 24px;
  margin: 0;
  min-width: 0;
  padding: 0 8px 0 8px;
  transition: width .25s
}

.waffle-assistant-range-action-parent .label-input-label:focus {
  border-radius: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  cursor: text;
  width: 284px
}

.waffle-rangeaction-popup-autocomplete {
  height: auto;
  width: 40px;
  transition: width .25s
}

.waffle-rangeaction-popup-autocomplete:focus-within {
  border-radius: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  min-width: 300px
}

.waffle-rangeaction-bubble {
  border-radius: 100px;
  background-color: #fff;
  border-color: #dadce0;
  box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15);
  color: #3c4043;
  height: 40px !important;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  transition: width .25s, height .25s, padding .25s;
  width: 40px !important
}

.waffle-rangeaction-bubble:focus-within {
  height: auto !important;
  border-radius: 8px;
  padding: 16px;
  min-width: 288px !important
}

.jfk-bubble.waffle-rangeaction-bubble {
  z-index: unset !important
}

.waffle-rangeaction-searchinput-search {
  border: none;
  border-radius: 100px;
  box-shadow: none;
  cursor: pointer;
  height: 40px;
  width: 24px;
  margin: 0;
  min-width: 0;
  padding: 0 8px 0 8px;
  transition: width .25s, height .25s, margin .25s
}

.waffle-rangeaction-searchinput-search:focus {
  border-radius: 4px;
  cursor: text;
  padding: 0 8px 0 36px;
  width: 244px
}

.waffle-rangeaction-bubble .waffle-rangeaction-search-icon .docs-icon {
  cursor: pointer;
  margin: 9px;
  pointer-events: none;
  position: absolute
}

.waffle-rangeaction-bubble:focus-within .waffle-rangeaction-search-icon .docs-icon {
  visibility: hidden
}

.waffle-rangeaction-bubble .waffle-rangeaction-doc-search-icon .docs-icon {
  position: absolute;
  visibility: hidden;
  pointer-events: none
}

.waffle-rangeaction-bubble:focus-within .waffle-rangeaction-doc-search-icon .docs-icon {
  margin: 11px;
  visibility: visible
}

.waffle-rangeaction-bubble .jfk-bubble-arrow {
  visibility: hidden
}

.waffle-rangeaction-bubble:focus-within .jfk-bubble-arrow {
  visibility: visible
}

.waffle-rangeaction-feedback-link {
  font-size: 12px;
  margin-left: 235px;
  position: absolute;
  visibility: hidden
}

.waffle-rangeaction-bubble:focus-within .waffle-rangeaction-feedback-link {
  visibility: visible
}

.waffle-assistant-answers-logging-message-container {
  display: flex;
  background: #f4f4f4;
  margin: 10px 0;
  padding: 7px
}

.waffle-assistant-answers-logging-message {
  flex: 1;
  color: #757575;
  font-size: 11px;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  line-height: 20px;
  margin-left: 5px
}

.waffle-assistant-answers-learn-more,
.waffle-assistant-answers-logging-opt-out {
  padding: 0 5px;
  text-decoration: none
}

.waffle-assistant-answers-logging-opt-out {
  border-left: 1px solid rgba(0, 0, 0, .12)
}

.waffle-assistant-section-content .waffle-assistant-answers-input {
  margin: 16px 16px 0
}

.waffle-assistant-suggested-questions {
  padding-bottom: 15px
}

.waffle-assistant-section-content .waffle-assistant-answers-input {
  padding-bottom: 5px
}

.waffle-assistant-replaceable-title .waffle-assistant-answers-input {
  margin: 10px 0;
  padding-bottom: 0
}

.waffle-assistant-answers-query-box {
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, .12), 0 2px 2px 0 rgba(0, 0, 0, .24);
  display: flex;
  align-items: center;
  background: #fafafa;
  border-radius: 2px;
  height: 40px;
  line-height: 40px
}

.waffle-assistant-replaceable-title .waffle-assistant-answers-query-box {
  background: #fafafa;
  width: 295px
}

.waffle-assistant-answers-query-box.waffle-assistant-answers-query-box-focused,
.waffle-assistant-answers-query-box:hover {
  background: #fff
}

.waffle-assistant-replaceable-title .waffle-assistant-answers-query-box-focused,
.waffle-assistant-replaceable-title .waffle-assistant-answers-query-box:hover {
  background: #fafafa
}

.waffle-assistant-replaceable-title .waffle-assistant-answers-query-box-focused {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

.waffle-assistant-answers-input-container {
  display: flex;
  flex: 8
}

.waffle-assistant-replaceable-title .waffle-assistant-answers-input-box {
  padding: 0 5px 0 10px
}

.waffle-assistant-answers-input-box {
  box-sizing: border-box;
  background: transparent;
  border: none;
  height: 40px;
  line-height: 15px;
  outline: none;
  padding: 0 5px;
  width: 100%
}

.waffle-assistant-answers-input-with-icon .waffle-assistant-answers-input-box {
  padding-left: 40px
}

.waffle-assistant-answers-toolbar-enabled .waffle-assistant-answers-input-box::-webkit-input-placeholder {
  color: #80868b !important;
  font: 14px Roboto, RobotoDraft, Helvetica, Arial, sans-serif !important
}

.waffle-assistant-answers-toolbar-enabled .waffle-assistant-answers-input-box::-moz-placeholder {
  color: #80868b !important;
  font: 14px Roboto, RobotoDraft, Helvetica, Arial, sans-serif !important
}

.waffle-assistant-answers-toolbar-enabled .waffle-assistant-answers-input-box:-moz-placeholder {
  color: #80868b !important;
  font: 14px Roboto, RobotoDraft, Helvetica, Arial, sans-serif !important
}

.waffle-assistant-answers-toolbar-enabled .waffle-assistant-answers-input-box:-ms-input-placeholder {
  color: #80868b !important;
  font: 14px Roboto, RobotoDraft, Helvetica, Arial, sans-serif !important
}

.waffle-assistant-answers-input-box::-webkit-input-placeholder {
  color: #80868b !important;
  font: 14px Roboto, RobotoDraft, Helvetica, Arial, sans-serif !important
}

.waffle-assistant-answers-input-box::-moz-placeholder {
  color: #80868b !important;
  font: 14px Roboto, RobotoDraft, Helvetica, Arial, sans-serif !important;
  line-height: 40px !important
}

.waffle-assistant-answers-input-box:-moz-placeholder {
  color: #80868b !important;
  font: 14px Roboto, RobotoDraft, Helvetica, Arial, sans-serif !important;
  line-height: 40px !important
}

.waffle-assistant-answers-input-box:-ms-input-placeholder {
  color: #80868b !important;
  font: 14px Roboto, RobotoDraft, Helvetica, Arial, sans-serif !important
}

.waffle-assistant-answers-search-icon {
  display: none;
  position: absolute
}

.waffle-assistant-answers-input-with-icon .waffle-assistant-answers-search-icon {
  display: flex;
  align-items: center;
  justify-content: center
}

.waffle-assistant-answers-input-controls,
.waffle-assistant-answers-search-icon {
  height: 40px;
  width: 40px
}

.waffle-assistant-answers-query-box-button {
  height: 40px
}

.waffle-assistant-answers-clear-query-button .docs-icon-img,
.waffle-assistant-answers-search-icon .docs-icon-img {
  opacity: .7
}

.waffle-assistant-answers-spinner-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px
}

.waffle-assistant-answers-spinner-container .waffle-spinner {
  height: 25px;
  width: 25px
}

.waffle-assistant-answers-output {
  background: rgba(0, 0, 0, .12)
}

.waffle-assistant-answers-ac-renderer,
.waffle-assistant-answers-toolbar-ac-renderer {
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, .12), 0 2px 2px 0 rgba(0, 0, 0, .24);
  background: #fafafa;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  color: #616161;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 20px;
  position: absolute;
  width: 295px;
  z-index: 10000
}

.waffle-assistant-answers-toolbar-ac-renderer {
  transform: translate(-1px, -5px);
  background: #fff;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  width: 250px
}

.waffle-assistant-answers-ac-row {
  cursor: default;
  padding: 10px
}

.waffle-assistant-answers-ac-row-entity:first-child,
.waffle-assistant-answers-ac-row-session-query:first-child,
.waffle-assistant-answers-ac-row-suggested-query:first-child,
:not(.waffle-assistant-answers-ac-row-entity)+.waffle-assistant-answers-ac-row-entity,
:not(.waffle-assistant-answers-ac-row-session-query)+.waffle-assistant-answers-ac-row-session-query,
:not(.waffle-assistant-answers-ac-row-suggested-query)+.waffle-assistant-answers-ac-row-suggested-query {
  border-top: 1px solid rgba(0, 0, 0, .12)
}

.waffle-assistant-answers-ac-active {
  background: #f5f5f5;
  cursor: pointer
}

.waffle-assistant-answers-ac-entity,
.waffle-assistant-answers-ac-highlighted {
  font-weight: 700
}

.waffle-assistant-answers-ac-suggestion {
  display: flex
}

.waffle-assistant-answers-ac-suggestion-icon-container {
  margin-right: 5px;
  opacity: .7;
  width: 24px
}

.waffle-assistant-answers-ac-suggestion-text {
  flex: 8;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  max-height: 60px;
  overflow: hidden;
  overflow-wrap: break-word;
  word-wrap: break-word
}

.waffle-assistant-answercard-content {
  -webkit-user-select: auto;
  user-select: auto;
  color: #757575
}

.waffle-assistant-answercard-answer-container,
.waffle-assistant-answercard-error-container,
.waffle-assistant-answercard-question-container {
  line-height: 20px
}

.waffle-assistant-answercard-answer-container,
.waffle-assistant-answercard-error-container,
.waffle-assistant-answercard-question-container {
  padding: 5px 0
}

.waffle-assistant-answercard-answer-container {
  margin-top: 5px
}

.waffle-assistant-answercard-error-container,
.waffle-assistant-answercard-question-container.waffle-assistant-button {
  display: flex
}

.waffle-assistant-answercard-question-container.waffle-assistant-button {
  align-items: normal;
  color: #757575;
  padding: 5px 16px;
  opacity: 1;
  text-align: left;
  white-space: normal;
  font-weight: 400;
  font-size: 13px
}

.waffle-assistant-answercard-question-container.waffle-assistant-button-focused,
.waffle-assistant-answercard-question-container.waffle-assistant-button-hover {
  background-color: #f5f5f5;
  outline: none
}

.waffle-assistant-answercard-answer-header,
.waffle-assistant-answercard-question-header {
  color: #0f9d58;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 500;
  padding-bottom: 3px;
  text-transform: uppercase
}

.waffle-assistant-button .waffle-assistant-answercard-question-header {
  opacity: .7
}

.waffle-assistant-answercard-error-image,
.waffle-assistant-button .waffle-assistant-answercard-question-header {
  -webkit-user-select: none;
  user-select: none;
  height: 18px;
  margin-right: 10px;
  width: 18px
}

.waffle-assistant-answercard-error-image {
  opacity: .5
}

.waffle-assistant-answercard-answer-content,
.waffle-assistant-answercard-error-content,
.waffle-assistant-answercard-interpret-content,
.waffle-assistant-answercard-question-content {
  overflow: hidden
}

.waffle-assistant-answercard-interpret-content {
  font-style: italic;
  padding-bottom: 6px;
  display: flex
}

.waffle-assistant-answercard-interpret {
  flex-grow: 1
}

.waffle-assistant-answercard-error-content,
.waffle-assistant-button .waffle-assistant-answercard-question-content {
  flex: 1
}

.waffle-assistant-answercard-answer-col,
.waffle-assistant-answercard-error,
.waffle-assistant-answercard-formula,
.waffle-assistant-answercard-interpret,
.waffle-assistant-answercard-question {
  overflow: hidden;
  text-overflow: ellipsis
}

.waffle-assistant-answercard-interpret,
.waffle-assistant-answercard-question,
.waffle-assistant-errorcard-text {
  -webkit-user-select: text;
  user-select: text
}

.waffle-assistant-answercard-question-unused-phrase {
  text-decoration: line-through
}

.waffle-assistant-answercard-question-used-entity {
  font-weight: 700
}

.waffle-assistant-answercard-question-error-msg-unused-phrase {
  font-weight: 700;
  display: block
}

.waffle-assistant-answercard-answer-rowheader {
  display: flex;
  border-bottom: 1px solid #979797;
  font-weight: 700;
  margin-top: 0;
  padding: 4px 0 0
}

.waffle-assistant-answercard-answer-rows {
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto
}

.waffle-assistant-answercard-answer-row {
  display: flex;
  border-bottom: 1px dashed #979797;
  padding: 4px 0
}

.waffle-assistant-answercard-answer-row:first-child {
  margin-top: 0
}

.waffle-assistant-answercard-answer-list-row.waffle-assistant-answercard-answer-row {
  font-weight: 400
}

.waffle-assistant-answercard-answer-list-row.waffle-assistant-answercard-answer-row:last-child {
  border-bottom: 1px dashed #979797
}

.waffle-assistant-answercard-answer-row:last-child {
  border: none;
  margin-bottom: 0
}

.waffle-assistant-answercard-answer-col {
  flex: 2;
  margin: 0 2px
}

.waffle-assistant-answercard-answer-col:first-child {
  margin-left: 0
}

.waffle-assistant-answercard-answer-col:last-child {
  margin-right: 0
}

.waffle-assistant-answercard-answer-col:nth-child(2n) {
  flex: 1;
  text-align: right
}

.waffle-assistant-answercard-answer-empty {
  color: rgba(0, 0, 0, .54);
  font-weight: 400;
  font-style: italic
}

.waffle-assistant-answercard-answer {
  -webkit-user-select: text;
  user-select: text;
  color: rgba(0, 0, 0, .54);
  font-weight: 700
}

.waffle-assistant-answercard-info-msgs {
  font-size: 12px;
  color: #949494;
  line-height: 15px;
  margin: 5px 0
}

.waffle-assistant-answercard-formula-holder {
  color: #757575;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
  margin-top: 10px
}

.waffle-assistant-answercard-formula {
  display: flex;
  flex-direction: column;
  -webkit-user-select: none;
  user-select: none;
  border: 1px solid #4285f4;
  margin-top: 5px
}

.waffle-assistant-readonly-card .waffle-assistant-answercard-formula {
  border: 1px solid transparent
}

.waffle-assistant-answercard-formula-display {
  display: flex
}

.waffle-assistant-answercard-formula-help {
  background: #4285f4;
  color: #fff;
  padding-left: 5px
}

.waffle-assistant-answercard-hide-formula-link,
.waffle-assistant-answercard-see-formula-link {
  color: #757575
}

.waffle-assistant-answercard-formula-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, .12);
  min-height: 28px;
  width: 30px
}

.waffle-assistant-answercard-formula-text-container {
  flex: 1;
  border-radius: 3px;
  overflow-wrap: break-word;
  word-wrap: break-word;
  white-space: pre-wrap
}

.waffle-assistant-answercard-formula-text:focus,
.waffle-assistant-answercard-formula-text:hover {
  outline: none
}

.waffle-assistant-answercard-formula-text:hover {
  cursor: move
}

.waffle-assistant-readonly-card .waffle-assistant-answercard-formula-text:hover {
  cursor: default
}

.waffle-assistant-answercard-formula-text {
  box-sizing: border-box;
  background: #f5f5f5;
  max-width: 257px;
  padding: 5px
}

.waffle-assistant-answercard-feedback-container {
  border-top: 1px dashed #e0e0e0;
  padding: 0 15px
}

.waffle-assistant-answercard-feedback-link {
  color: #757575;
  line-height: 40px
}

.waffle-assistant-answers-range-styled-rect {
  opacity: .2
}

.waffle-assistant-answers-styled-rect {
  opacity: .06
}

.waffle-assistant-answers-range-styled-rect,
.waffle-assistant-answers-styled-rect {
  background-color: #0f9d58;
  pointer-events: none
}

.waffle-assistant-answers-range-styled-border,
.waffle-assistant-answers-styled-border {
  border-color: #0f9d58 !important;
  border-style: dashed !important;
  line-height: 0
}

.waffle-assistant-answers-suggestioncard {
  color: #757575
}

.waffle-assistant-answers-suggestioncard .waffle-assistant-answercard-error-container {
  padding: 15px;
  padding-bottom: 0
}

.waffle-assistant-suggestionscard-header {
  color: #0f9d58;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  padding-bottom: 3px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 20px;
  text-transform: uppercase
}

.waffle-assistant-answercard-chart {
  height: 200px;
  width: 278px
}

.waffle-assistant-answercard-pivot-content {
  margin-bottom: 10px;
  max-height: 200px;
  overflow: hidden;
  width: 278px
}

.waffle-pivottable-pivot-canvas {
  border: 1px solid rgba(0, 0, 0, .12)
}

.waffle-pivottable-pivot-canvas:focus,
.waffle-pivottable-pivot-canvas:hover {
  border: 1px solid #4285f4;
  cursor: pointer
}

.waffle-assistant-answercard-tabs {
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center
}

.waffle-assistant-answercard-chart-tab,
.waffle-assistant-answercard-formula-tab,
.waffle-assistant-answercard-pivot-tab {
  flex: 1;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 18px
}

.waffle-assistant-answercard-chart-tab.goog-tab.goog-tab-selected,
.waffle-assistant-answercard-formula-tab.goog-tab.goog-tab-selected,
.waffle-assistant-answercard-pivot-tab.goog-tab.goog-tab-selected {
  background: #9e9e9e;
  color: #fff;
  cursor: default;
  font-weight: 500
}

.waffle-assistant-answercard-chart-tab.goog-tab,
.waffle-assistant-answercard-formula-tab.goog-tab,
.waffle-assistant-answercard-pivot-tab.goog-tab {
  border: 1px solid rgba(0, 0, 0, .1);
  color: #8f8f8f;
  cursor: pointer;
  padding: 2px 4px;
  text-decoration: none
}

.waffle-assistant-answercard-chart-tab.goog-tab {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px
}

.waffle-assistant-answercard-formula-tab.goog-tab,
.waffle-assistant-answercard-pivot-tab.goog-tab {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px
}

.waffle-assistant-answercard-tabs.goog-tab-bar {
  background: inherit;
  margin-bottom: 10px
}

.waffle-assistant-answercard-insert-chart,
.waffle-assistant-answercard-insert-pivot {
  color: rgba(0, 0, 0, .87);
  float: right;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 500;
  margin: 0 5px
}

.waffle-assistant-answercard-chart-type-select,
.waffle-assistant-answercard-chart-type-select:focus,
.waffle-assistant-answercard-chart-type-select:hover {
  background: none;
  border-color: transparent;
  color: rgba(0, 0, 0, .87);
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 400;
  padding: 0 18px 0 0
}

.waffle-assistant-answercard-chart-type-select:hover .goog-flat-menu-button-caption {
  text-decoration: underline
}

.waffle-answers-panel {
  height: 100%
}

.waffle-dbsource-configbar-answers-wrapper {
  display: flex;
  flex: 1;
  justify-content: flex-end;
  position: relative
}

.waffle-dbsource-configbar-answers-wrapper .waffle-assistant-answers-input {
  opacity: .3
}

.waffle-dbsource-configbar-answers-wrapper.waffle-assistant-answers-toolbar-enabled .waffle-assistant-answers-input {
  opacity: 1
}

.waffle-dbsource-configbar-answers-wrapper .waffle-assistant-answers-input {
  margin: 0;
  padding-bottom: 0;
  width: 250px
}

.waffle-dbsource-configbar-answers-wrapper .waffle-assistant-answers-query-box,
.waffle-dbsource-configbar-answers-wrapper.waffle-assistant-answers-toolbar-enabled .waffle-assistant-answers-query-box {
  box-shadow: none;
  transition: all .2s ease-out;
  background: #f1f3f4;
  border-radius: 8px;
  height: 36px;
  line-height: 36px;
  width: 250px
}

.waffle-dbsource-configbar-answers-wrapper.waffle-assistant-answers-toolbar-enabled .waffle-assistant-answers-query-box.waffle-assistant-answers-query-box-focused,
.waffle-dbsource-configbar-answers-wrapper.waffle-assistant-answers-toolbar-enabled .waffle-assistant-answers-query-box:hover {
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .12), 0 1px 8px 0 rgba(0, 0, 0, .2);
  background: #fff
}

.waffle-dbsource-configbar-answers-wrapper .waffle-assistant-answers-query-box.waffle-assistant-answers-query-box-focused,
.waffle-dbsource-configbar-answers-wrapper .waffle-assistant-answers-query-box:hover {
  background: #f1f3f4
}

.waffle-dbsource-configbar-answers-wrapper .waffle-assistant-answers-input-controls,
.waffle-dbsource-configbar-answers-wrapper .waffle-assistant-answers-query-box-button,
.waffle-dbsource-configbar-answers-wrapper .waffle-assistant-answers-search-icon {
  height: 36px
}

.waffle-dbsource-configbar-answers-wrapper .waffle-assistant-answers-input-box {
  color: #80868b;
  font-size: 14px;
  height: 36px
}

.waffle-answers-bar .waffle-assistant-answers-query-box {
  box-shadow: none;
  border: 1px solid #dadce0;
  border-radius: 8px;
  background: #fff;
  opacity: .5
}

.waffle-dbanswers-answers-bar-controls {
  align-items: center;
  display: flex
}

.waffle-dbanswers-answers-bar-enable-button {
  padding: 5px;
  font-weight: 700
}

.waffle-answers-button.jfk-button {
  background: none;
  border: none;
  border-radius: 50%;
  height: 30px;
  margin: 0 9px 0 0;
  min-width: 30px;
  opacity: .5;
  padding: 5px
}

.waffle-answers-button.jfk-button-hover {
  background-color: rgba(0, 0, 0, .06)
}

.waffle-answers-bar.waffle-assistant-answers-toolbar-enabled .waffle-answers-button,
.waffle-answers-bar.waffle-assistant-answers-toolbar-enabled .waffle-assistant-answers-query-box {
  opacity: 1
}

.waffle-answers-bar .waffle-assistant-answers-input {
  margin: 2px 4px 2px;
  width: 250px
}

.waffle-answers-bar.waffle-assistant-answers-toolbar-enabled .waffle-assistant-answers-query-box.waffle-assistant-answers-query-box-focused,
.waffle-answers-bar.waffle-assistant-answers-toolbar-enabled .waffle-assistant-answers-query-box:hover {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12), 0 1px 3px 0 rgba(0, 0, 0, .2)
}

.waffle-dbanswers-answers-bar-enable-answers-popup {
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  padding: 20px;
  position: absolute;
  width: 275px
}

.waffle-dbanswers-answers-bar-enable-answers-popup-setup-link {
  font-weight: 700
}

.waffle-dbanswers-answers-bar-message {
  color: #80868b;
  font-size: 9px
}

.waffle-assistant-answercard-answer-copytable {
  width: 0;
  height: 0;
  opacity: 0;
  position: absolute;
  -webkit-user-select: auto;
  user-select: auto
}

.waffle-assistant-answercard-answer-copytable-header {
  font-weight: 700
}

.waffle-assistant-answercard-answer-copytable-row {
  font-weight: 400
}

.waffle-assistant-datavalidation-rule-group {
  margin: 16px
}

.waffle-assistant-datavalidation-rule-holder {
  border: 1px solid #ccc;
  cursor: pointer;
  display: block;
  margin-bottom: 5px;
  padding: 1px;
  width: 258px
}

.waffle-assistant-datavalidation-description {
  color: rgba(0, 0, 0, .54);
  display: inline-block;
  text-overflow: ellipsis
}

.waffle-assistant-datavalidation-apply-button.jfk-button {
  color: #1a73e8;
  cursor: pointer;
  display: inline-block;
  float: right;
  font-size: 13px;
  text-align: right;
  text-transform: uppercase
}

.waffle-assistant-datavalidation-range {
  font-weight: 500
}

.waffle-assistant-datavalidation-details {
  display: inline-block;
  margin-bottom: 12px;
  width: 100%
}

.waffle-assistant-datavalidation-detail-chip {
  background-color: #eee;
  border: 1px solid #e0e0e0;
  border-radius: 11px;
  color: rgba(0, 0, 0, .87);
  display: inline-block;
  line-height: 21px;
  margin: 3px;
  max-width: 234px;
  overflow: hidden;
  padding: 0 16px;
  text-overflow: ellipsis;
  white-space: nowrap
}

.waffle-assistant-conditionalformat-rule-group {
  margin: 16px
}

.waffle-assistant-conditionalformat-rule-holder {
  border: 1px solid #ccc;
  cursor: pointer;
  display: block;
  margin-bottom: 5px;
  padding: 1px;
  width: 258px
}

.waffle-assistant-conditionalformat-format-preview {
  border: 1px solid transparent;
  display: inline-table;
  height: 21px;
  margin: 1px;
  overflow: hidden;
  text-align: center
}

.waffle-assistant-conditionalformat-format-preview.one-rule {
  max-width: 254px;
  width: 254px
}

.waffle-assistant-conditionalformat-format-preview.two-rules {
  max-width: 125px;
  width: 125px
}

.waffle-assistant-conditionalformat-format-preview.three-rules {
  max-width: 82px;
  width: 82px
}

.waffle-assistant-conditionalformat-format-preview-label {
  display: block;
  height: 17px;
  line-height: 17px;
  max-height: 17px;
  padding: 2px;
  text-overflow: ellipsis
}

.waffle-assistant-conditionalformat-format-preview.one-rule .waffle-assistant-conditionalformat-format-preview-label {
  max-width: 250px;
  width: 250px
}

.waffle-assistant-conditionalformat-format-preview.two-rules .waffle-assistant-conditionalformat-format-preview-label {
  max-width: 121px;
  width: 121px
}

.waffle-assistant-conditionalformat-format-preview.three-rules .waffle-assistant-conditionalformat-format-preview-label {
  max-width: 78px;
  width: 78px
}

.waffle-assistant-conditionalformat-description {
  color: #757575;
  display: inline-block;
  height: 21px;
  line-height: 21px;
  text-overflow: ellipsis;
  width: 237px
}

.waffle-assistant-conditionalformat-edit-button.jfk-button {
  cursor: pointer;
  width: 21px
}

.waffle-assistant-banding-recommendation {
  margin: 16px;
  overflow: hidden
}

.waffle-assistant-banding-color-picker-container {
  padding-bottom: 5px
}

.waffle-assistant-banding-color-picker-container .waffle-banding-color-picker-table {
  border-spacing: 8px;
  margin-left: -8px
}

.waffle-assistant-banding-range-wrapper {
  border: 1px solid transparent;
  color: #757575;
  display: inline-block;
  float: left;
  line-height: 21px;
  text-align: left
}

.waffle-assistant-banding-range {
  font-weight: 500
}

.waffle-assistant-formatting-edit-button {
  color: #1a73e8;
  cursor: pointer;
  display: inline-block;
  float: right;
  text-align: right;
  text-transform: uppercase
}

.waffle-assistant-insert-pivottable-button.jfk-button {
  left: -1px
}

.waffle-assistant-pivottable-rule-group {
  margin: 16px
}

.waffle-assistant-pivottable-rule-holder {
  border: 1px solid #ccc;
  cursor: pointer;
  display: block;
  margin-bottom: 5px;
  padding: 1px;
  width: 258px
}

.waffle-assistant-pivottable-description {
  color: #757575;
  display: inline-block;
  height: 21px;
  line-height: 21px;
  text-overflow: ellipsis;
  width: 237px
}

.waffle-assistant-zoom-button.jfk-button {
  left: 1px;
  position: relative
}

.waffle-pivottable-preview-pane {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  max-height: 80%;
  max-width: 80%
}

.waffle-pivot-suggestion-preview-insert.jfk-button-focused {
  border: 1px solid #5e97f6 !important;
  outline: none
}

.waffle-pivottable-canvas {
  overflow: auto;
  background: #fff
}

.waffle-pivottable-canvas-content {
  padding: 25px
}

.waffle-pivottable-preview-interpret {
  align-items: left;
  color: #fff;
  max-width: 500px;
  margin-bottom: 10px;
  overflow: visible;
  overflow-wrap: break-word;
  padding: 5px;
  text-overflow: ellipsis
}

.waffle-pivottable-lightbox {
  align-items: center;
  display: flex;
  flex-direction: column;
  -webkit-user-select: none;
  user-select: none;
  background-color: rgba(0, 0, 0, .85);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1000
}

.waffle-assistant-tables-recommendation {
  display: flex;
  margin-bottom: 15px;
  overflow: hidden
}

.waffle-assistant-table-range-container {
  margin-right: 20px;
  width: 50%
}

.waffle-assistant-header-range-container {
  width: 50%
}

.waffle-assistant-tables-range-wrapper {
  flex: 1;
  border: 1px solid transparent;
  border-bottom: 1px solid #d0d0d0;
  color: rgba(0, 0, 0, .54);
  font-size: 11px;
  line-height: 21px;
  text-align: left
}

.waffle-assistant-header-range-container .waffle-assistant-tables-range-wrapper {
  border-bottom: none
}

.waffle-assistant-tables-range-wrapper .waffle-range-selection-input,
.waffle-assistant-tables-range-wrapper .waffle-range-selection-input-focus,
.waffle-assistant-tables-range-wrapper .waffle-range-selection-input:focus {
  border: 1px solid transparent;
  color: rgba(0, 0, 0, .87);
  font-size: 13px;
  line-height: 21px;
  padding: 0 4px !important;
  text-align: left
}

.waffle-assistant-tables-range-wrapper .waffle-range-selection-container-focus {
  border: none;
  box-shadow: none;
  outline: none
}

.waffle-assistant-tables-range-wrapper .waffle-range-selection-button {
  cursor: default;
  height: 26px
}

.waffle-assistant-tables-range-wrapper input:disabled {
  background-color: transparent
}

.waffle-assistant-table-canvas {
  border: 1px solid #dcdcdc;
  display: block;
  margin: 0 auto
}

.waffle-assistant-canvas-container {
  margin-top: 10px;
  overflow: hidden
}

.waffle-assistant-tables-edit-headers-button {
  display: flex
}

.waffle-assistant-tables-edit-headers-button .docs-charts-editor-material-menu-button-caption {
  font-size: 13px;
  height: 24px;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  width: 100%
}

.waffle-assistant-tables-edit-headers-button .docs-charts-editor-material-menu-button {
  margin: 0;
  width: 100%
}

.waffle-tables-popup {
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  margin: 0 10px;
  outline: none;
  overflow: hidden;
  position: relative;
  top: 45px
}

.waffle-tables-popup-answers-enabled {
  top: 38px
}

.waffle-tables-popup-header {
  background-color: #eee;
  padding: 12px 15px 12px 20px
}

.waffle-tables-popup-title {
  color: #000;
  font-size: 16px;
  font-weight: 500
}

.waffle-tables-popup-content {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  padding: 16px 16px 0
}

.waffle-tables-popup-buttons {
  display: flex;
  flex-direction: row-reverse;
  padding: 8px 8px 8px 24px
}

.waffle-tables-popup-button {
  background: none;
  border: none;
  border-radius: 2px;
  color: #1a73e8;
  cursor: pointer;
  display: inline-block;
  height: 36px;
  margin-left: 8px;
  min-width: 64px;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 36px;
  overflow: hidden;
  outline: none;
  padding: 0 8px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: middle
}

.waffle-assistant-tables-edit-range-button {
  border: none;
  float: right;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 500;
  height: 100%;
  padding: 0 14px;
  text-transform: uppercase;
  white-space: nowrap
}

.waffle-assistant-tables-edit-range-button:focus {
  border: 1px solid #5e97f6
}

.waffle-assistant-sidebar-tables-range {
  float: left;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 13px;
  padding: 12px 0 12px 12px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.waffle-tables-bar-content {
  overflow: hidden;
  text-overflow: ellipsis
}

.waffle-sidebar-tables-bar {
  box-shadow: inset 0 -2px 2px rgba(0, 0, 0, .1);
  background: #f1f1f1;
  color: #5f5f5f;
  height: 40px;
  overflow: hidden;
  vertical-align: middle;
  display: flex
}

.waffle-assistant-tables-range-wrapper .waffle-range-selection-container {
  border: none
}

.waffle-sidebar-overlay {
  background-color: rgba(51, 51, 51, .3);
  bottom: 0;
  left: 0;
  overflow-y: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1003
}

.waffle-assistant-table-bar-range {
  font-weight: 500
}

.waffle-assistant-table-first-header {
  display: inline-block;
  font-weight: 500;
  max-width: 95px;
  overflow: hidden;
  padding-bottom: 2px;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap
}

.waffle-assistant-tables-scroll-pane {
  bottom: 0;
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  top: 40px
}

.waffle-assistant-tables-range-error {
  color: #c53929;
  font-size: 11px;
  padding-top: 2px
}

.waffle-assistant-tables-range-error-input {
  border-bottom: 1px solid #c53929
}


.grid-fixed-table,
.waffle {
  font-size: 13px;
  border-collapse: separate;
  border-style: none;
  border-spacing: 0;
  width: 0;
  cursor: default
}

.scroll-container {
  position: absolute;
  overflow: auto;
  border-width: 0;
  padding: 0;
  margin: 0;
  z-index: 1;
  top: 0;
  left: 0
}

.native-scrollbar {
  overflow: auto;
  position: absolute;
  border-width: 0;
  padding: 0;
  margin: 0;
  top: 0
}

.static-overlay-container {
  z-index: 6
}

.grid-container {
  background-color: #f8faf8;
  overflow: hidden;
  position: relative;
  z-index: 0
}

.grid-table-container {
  overflow: hidden;
  z-index: 3;
  position: relative
}

.ritz.grid-container table.waffle svg {
  display: block
}

.fixed-table-container {
  overflow: visible;
  z-index: 4
}

.docs-guides-htmlguiderenderer {
  z-index: 14
}

.fixed4-inner-container,
.fixed4-outer-container,
.grid4-inner-container,
.grid4-outer-container {
  position: relative;
  vertical-align: top
}

.fixed4-outer-container,
.grid4-outer-container {
  overflow: visible
}

.fixed4-inner-container,
.grid4-inner-container {
  overflow: hidden
}

.fixed4-inner-container {
  z-index: 4
}

.grid4-inner-container {
  z-index: 3
}

.grid-fixed-wrapper {
  overflow: hidden;
  white-space: nowrap
}

.grid-scrollable-wrapper {
  white-space: nowrap
}

.uberlay {
  position: absolute;
  height: 0;
  width: 0;
  top: 0
}

.overlay-container-ltr {
  position: absolute;
  height: 0;
  width: 0;
  top: 0;
  left: 0
}

.overlay-container-rtl {
  position: absolute;
  height: 0;
  width: 0;
  top: 0;
  right: 0
}

.focused-overlay-container {
  position: absolute;
  overflow: hidden;
  pointer-events: none
}

.grid-vertical-scroll {
  width: 20px
}

.grid-horizontal-scroll {
  height: 20px;
  float: right
}

.header-bg {
  background-color: #e8eef7
}

.waffle-measurement-table {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden
}

.cell-input {
  width: 100%;
  height: 100%;
  margin: 0;
  outline: none;
  cursor: text;
  -webkit-user-modify: read-write-plaintext-only;
  white-space: pre-wrap;
  -webkit-transform: translateZ(0);
  background-color: #fff
}

.waffle-formula-preview-decorator {
  background: #fff;
  border-radius: 1px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
  color: #3266d5;
  font-family: Inconsolata, monospace, arial, sans, sans-serif;
  font-size: 13px;
  line-height: 17px;
  padding: 3px 2px 3px 7px
}

.waffle-formula-preview-decorator.waffle-formula-preview-equals-aligned:before,
.waffle-formula-preview-decorator.waffle-formula-preview-partial:before {
  background-color: #fff;
  bottom: -4.5px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, .2);
  content: " ";
  display: block;
  margin-left: -5px;
  height: 10px;
  position: absolute;
  transform: rotate(45deg);
  width: 10px
}

.waffle-formula-preview-decorator.waffle-formula-preview-partial:before {
  left: 50%
}

.waffle-formula-preview-result {
  display: inline-block;
  max-width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top
}

.waffle-formula-preview-button {
  display: inline-block;
  margin: -2px;
  opacity: .35;
  transform: scale(.6)
}

.waffle-formula-preview-button:hover {
  opacity: .7
}

.selection {
  position: absolute;
  opacity: .2;
  z-index: 5
}

.input-box {
  border: 2px solid #5292f7;
  border-color: #1a73e8;
  box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15);
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  margin: 0;
  max-height: 9900px;
  max-width: 9900px;
  outline: none;
  overflow: auto;
  padding: 0 2px;
  position: absolute;
  resize: none;
  text-align: left;
  top: -10000px;
  white-space: pre-wrap;
  word-wrap: break-word;
  z-index: 15
}

.disabled-input {
  -webkit-user-modify: read-only;
  color: #777
}

.annotation-attribution-sizer,
.input-capturer,
.text-sizer {
  position: absolute;
  left: -4000px;
  top: -4000px
}

.range-border {
  position: absolute;
  border-width: 0;
  border-style: solid;
  padding: 0
}

.border-opacity {
  filter: alpha(opacity=30);
  opacity: .3
}

.cell-border {
  line-height: 1px
}

.active-cell-border {
  border-color: #1a73e8;
  line-height: 1px;
  z-index: 7
}

.selection-border {
  border-color: #1a73e8;
  line-height: 0;
  z-index: 7
}

.selection-border-cover {
  position: absolute;
  z-index: 7
}

.selection-border-dragging {
  border-color: #1a73e8;
  border-style: dashed;
  line-height: 0;
  z-index: 7
}

.waffle-clipboard-border {
  border-color: #1a73e8;
  border-style: dashed;
  line-height: 0
}

.autofill-border {
  border-color: gray;
  border-style: dashed;
  line-height: 0
}

@media screen and (forced-colors:active) {

  .active-cell-border,
  .autofill-border,
  .selection-border,
  .selection-border-dragging,
  .waffle-clipboard-border {
    border-color: Highlight
  }
}

.array-border {
  border-color: #1a73e8;
  border-style: solid;
  line-height: 0
}

.autofill-handle {
  _overflow: hidden;
  background-color: #1a73e8;
  border: 1px solid #fff;
  height: 6px;
  margin-top: 1px;
  position: absolute;
  width: 6px;
  z-index: 8
}

.autofill-handle-rtl {
  border-width: 1px 1px 0 0
}

.autofill-handle-ltr {
  border-width: 1px 0 0 1px
}

.autofill-cover {
  position: absolute;
  cursor: crosshair;
  width: 8px;
  height: 8px;
  z-index: 9
}

@media screen and (forced-colors:active) {
  .autofill-cover {
    background-color: Highlight
  }
}

.postpaste-parent {
  background: #f5f5f5;
  border: 1px solid #d9d9d9;
  box-shadow: inset 0 1px 0 0 #fff;
  background-color: #f5f5f5;
  background-image: linear-gradient(top, #f5f5f5, #eee);
  position: absolute;
  z-index: 8;
  max-width: 80px
}

.postpaste-parent {
  background: #fff;
  border: none;
  box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15);
  border-radius: 4px
}

.waffle-toolbar-tablesmith-button.goog-toolbar-button-hover {
  animation: tablesmith-toolbar-button-gradient 2.1s linear infinite;
  background: linear-gradient(135deg, #d3e3fd, #d0f8ff, #a8c7fa, #99f0ff, #d3e3fd, #d3e3fd, #d0f8ff, #a8c7fa, #99f0ff, #d3e3fd);
  background-size: 800% 800%
}

.waffle-toolbar-tablesmith-button-jasmine.goog-toolbar-button-hover {
  background: linear-gradient(135deg, #d3e3fd, #84c4ff, #a8c7fa, #84c4ff, #d3e3fd, #d3e3fd, #84c4ff, #a8c7fa, #84c4ff, #d3e3fd);
  background-size: 800% 800%
}

@keyframes tablesmith-toolbar-button-gradient {
  0% {
    background-position: 100% 100%
  }

  to {
    background-position: top 37.5% left 37.5%
  }
}

.goog-toolbar-menu-button.postpaste-container {
  margin: 0;
  min-width: 0;
  border-color: transparent !important
}

.goog-toolbar-menu-button.postpaste-container {
  border: none !important;
  height: 100%;
  width: 100%
}

.postpaste-parent.postpaste-parent-with-gemini {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  max-width: 250px;
  border-radius: 8px;
  transition: max-width 1.5s
}

.postpaste-parent.postpaste-parent-with-gemini .goog-toolbar-menu-button.postpaste-container {
  width: 60px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px
}

.postpaste-gemini-button {
  background-color: transparent;
  border: none;
  border-radius: 100px;
  color: inherit;
  cursor: pointer;
  font-size: 11px;
  font-family: Google Sans;
  font-weight: 500;
  height: 24px;
  letter-spacing: .1px;
  line-height: 20px;
  margin: 6px;
  padding: 0 12px 0 8px
}

.postpaste-gemini-button:active,
.postpaste-gemini-button:focus,
.postpaste-gemini-button:hover {
  background-color: #eaeaea
}

.postpaste-gemini-button-container {
  border-right: 2px solid #dadce0;
  overflow: hidden
}

.postpaste-gemini-button .geminiButtonIcon {
  margin: 0 4px 0 -4px;
  overflow: visible;
  vertical-align: middle
}

@media (forced-colors:active) and (prefers-color-scheme:dark) {
  .postpaste-gemini-button .geminiButtonIcon {
    filter: invert(100%)
  }
}

.postpaste-container.goog-toolbar-menu-button-open.goog-toolbar-menu-button-hover {
  background: #ceead6
}

.postpaste-container.goog-toolbar-menu-button.goog-toolbar-menu-button-focused {
  background-color: #f1f3f4
}

.postpaste-container.goog-toolbar-menu-button.goog-toolbar-menu-button-open.goog-toolbar-menu-button-focused {
  background: #ceead6
}

.goog-toolbar-menu-button-focused.postpaste-container,
.goog-toolbar-menu-button-open.postpaste-container {
  border-color: #c6c6c6 !important
}

.goog-menuitem.postpaste-menu-item {
  padding-right: 26px;
  padding-left: 15px
}

.post-paste-menu {
  margin: 12px 3px 0 0
}

.postpaste-clipboard-icon {
  margin-left: 8px;
  margin-top: 4px
}

.overlay-container-rtl .postpaste-clipboard-icon {
  margin-right: 26px
}

.postpaste-parent-with-gemini .postpaste-clipboard-icon {
  margin-top: 6px
}

.postpaste-parent .goog-toolbar-menu-button-dropdown.postpaste-arrow {
  padding: 4px 11px 4px 6px
}

.postpaste-parent-with-gemini .goog-toolbar-menu-button-dropdown.postpaste-arrow {
  padding-top: 6px
}

.postpaste-parent .goog-toolbar-menu-button-inner-box {
  display: flex
}

.overlay-container-rtl .goog-toolbar-menu-button-dropdown.postpaste-arrow {
  margin-right: 10px
}

.waffle-gridpill-cell-overlay-container,
.waffle-recommendation-card-overlay,
.waffle-texttocolumns-overlay {
  position: absolute;
  z-index: 8
}

.waffle-texttocolumns-wrapper {
  background: #f5f5f5;
  border: 1px solid #d9d9d9;
  padding: 2px
}

.waffle-texttocolumns-separator-label {
  font-size: 11px;
  font-weight: 500;
  margin: 2px;
  top: 0
}

.waffle-texttocolumns-custom-input {
  position: absolute;
  top: 3px;
  width: 120px
}

.waffle-blameview {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15);
  display: flex;
  outline: none;
  overflow: hidden;
  position: absolute;
  width: 240px
}

.waffle-blameview-cell-ref,
.waffle-blameview-formula-text {
  font-family: Inconsolata, monospace, arial, sans, sans-serif;
  font-style: normal
}

a.waffle-blameview-image-link {
  color: #1a73e8;
  font-style: italic;
  text-decoration: underline
}

.freezebar .freezebar-drop,
.freezebar .freezebar-handle-bar,
.resizer,
.resizer-drop,
.resizer-hover .resizer-handle-bar,
.rowcol-dragger .rowcol-dragger-drop,
.rowcol-dragger .rowcol-dragger-handle,
.rowcol-dragger .rowcol-dragger-handle-bar {
  display: none;
  outline: 0
}

.freezebar-active .freezebar-drop,
.freezebar-active .freezebar-handle-bar,
.resizer-active,
.resizer-active .resizer-drop,
.resizer-active .resizer-handle-bar,
.resizer-hover,
.rowcol-dragger-active .rowcol-dragger-drop,
.rowcol-dragger-active .rowcol-dragger-handle,
.rowcol-dragger-active .rowcol-dragger-handle-bar,
.rowcol-dragger-hover .rowcol-dragger-handle {
  display: block
}

.resizer {
  z-index: 7;
  position: absolute
}

.resizer-handle {
  position: relative;
  border-style: none
}

.resizer-horizontal-handle {
  height: 5px;
  cursor: n-resize;
  background: #4d90fe
}

.resizer-vertical-handle {
  width: 5px;
  cursor: e-resize;
  background: #4d90fe
}

.resizer-rtl .resizer-vertical-handle {
  cursor: w-resize
}

.resizer-horizontal-handle-bar {
  position: absolute;
  height: 1px;
  background-color: #4d90fe;
  top: 2px
}

.resizer-vertical-handle-bar {
  position: absolute;
  width: 1px;
  background-color: #4d90fe;
  left: 2px;
  border: 0;
  padding: 0;
  overflow: hidden
}

.freezebar-drop,
.freezebar-handle {
  position: absolute;
  z-index: 6
}

.freezebar-drop-bar,
.freezebar-handle-bar {
  position: relative;
  z-index: 7
}

.freezebar-vertical-handle-bar {
  width: 2px;
  background: #dbe5f7;
  border-color: #a5c6fe;
  border-style: solid;
  border-width: 0 1px;
  opacity: .45;
  filter: alpha(opacity=45)
}

.freezebar-horizontal-handle-bar {
  height: 2px;
  background: #dbe5f7;
  border-color: #a5c6fe;
  border-style: solid;
  border-width: 1px 0;
  opacity: .45;
  filter: alpha(opacity=45)
}

.freezebar-vertical-handle {
  width: 4px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAYCAIAAABSh8vJAAAAEElEQVQYV2PYgwQYRjnEcgDquNOBEawK+wAAAABJRU5ErkJggg==") no-repeat
}

.overlay-container-rtl .freezebar-vertical-handle {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAYCAIAAABSh8vJAAAAEElEQVQYV2PYgwQYRjnEcgDquNOBEawK+wAAAABJRU5ErkJggg==") no-repeat;
  background-position: 100% 0
}

.freezebar-vertical-handle-invisible {
  width: 4px
}

.freezebar-active .freezebar-vertical-handle {
  width: 5px
}

.freezebar-hover .freezebar-horizontal-handle {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAECAIAAAB+7JowAAAAFUlEQVQY02NYeuzfIEEMo04Z3E4BAHKzu4gtAIWGAAAAAElFTkSuQmCC") no-repeat;
  z-index: 7
}

.freezebar-hover .freezebar-vertical-handle {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAYCAIAAABSh8vJAAAAE0lEQVQYV2NYeuwfHDGMcojlAADmjOdhimOdggAAAABJRU5ErkJggg==") no-repeat;
  z-index: 7
}

.overlay-container-rtl .freezebar-hover .freezebar-horizontal-handle {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAECAIAAAB+7JowAAAAFUlEQVQY02NYeuzfIEEMo04Z3E4BAHKzu4gtAIWGAAAAAElFTkSuQmCC") no-repeat;
  background-position: 100% 0
}

.overlay-container-rtl .freezebar-hover .freezebar-vertical-handle {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAYCAIAAABSh8vJAAAAE0lEQVQYV2NYeuwfHDGMcojlAADmjOdhimOdggAAAABJRU5ErkJggg==") no-repeat;
  background-position: 100% 0
}

.freezebar-horizontal-handle {
  height: 4px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAECAIAAAB+7JowAAAAEklEQVQY02PYM2gAw6hTBrdTAFI0lXC16jX6AAAAAElFTkSuQmCC") no-repeat
}

.overlay-container-rtl .freezebar-horizontal-handle {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAECAIAAAB+7JowAAAAEklEQVQY02PYM2gAw6hTBrdTAFI0lXC16jX6AAAAAElFTkSuQmCC") no-repeat;
  background-position: 100% 0
}

.overlay-container-rtl .freezebar-horizontal-drop {
  background-position: 100%
}

.freezebar-horizontal-handle-invisible {
  height: 4px
}

.freezebar-active .freezebar-horizontal-handle {
  height: 5px
}

.docs-grille-gm3 .freezebar-horizontal-handle {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAECAYAAADxjg1nAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAiSURBVHgB7c4BDQAACAJBtH+vj6Ut2Ni4BDfAKdAqVONuD6UlA1xby9J5AAAAAElFTkSuQmCC") no-repeat
}

.docs-grille-gm3 .freezebar-vertical-handle {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAYCAYAAADd5VyeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAiSURBVHgB7cgxEQAACAOxgn9fLwtWDgNdmjEFjI7Wk3DEAm1dA4R92xIIAAAAAElFTkSuQmCC") no-repeat
}

.docs-grille-gm3 .freezebar-hover .freezebar-horizontal-handle {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAECAYAAADxjg1nAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAiSURBVHgB7c6BCQAACAIw6+ai8/MLQXAXrOb2YahhKnE1AuKtAmdaDfabAAAAAElFTkSuQmCC") no-repeat
}

.docs-grille-gm3 .freezebar-hover .freezebar-vertical-handle {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAYCAYAAADd5VyeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAiSURBVHgB7cixDQAACAIw9GaN5+tqeICFjo2aXjwJ4lDEAeiwAo9s3Iv4AAAAAElFTkSuQmCC") no-repeat
}

.docs-grille-gm3 .freezebar-active .freezebar-horizontal-handle,
.docs-grille-gm3 .freezebar-horizontal-drop {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAECAYAAADxjg1nAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAkSURBVHgB7c5BDQAACAJA9GtAa9tIWrCxcQmuZu9hqGEqcTUCXU0COe+3SfEAAAAASUVORK5CYII=") no-repeat
}

.docs-grille-gm3 .freezebar-active .freezebar-vertical-handle,
.docs-grille-gm3 .freezebar-vertical-drop {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAYCAYAAADd5VyeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAjSURBVHgB7cghEQAACAPAgSUgtWkElluBmb38qJ7FkyAORRye+AJhADS9ogAAAABJRU5ErkJggg==") no-repeat
}

.docs-grille-gm3 .freezebar-horizontal-drop-bar,
.docs-grille-gm3 .freezebar-vertical-drop-bar {
  background-color: #c7c7c7
}

.freezebar-horizontal-handle-bar,
.freezebar-vertical-handle-bar {
  background-color: #a8c7fa;
  border-color: #a8c7fa
}

.docs-grille-gm3 .overlay-container-rtl .freezebar-horizontal-handle {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAECAYAAADxjg1nAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAiSURBVHgB7c4BDQAACAJBtH+vj6Ut2Ni4BDfAKdAqVONuD6UlA1xby9J5AAAAAElFTkSuQmCC") no-repeat;
  background-position: 100% 0
}

.docs-grille-gm3 .overlay-container-rtl .freezebar-vertical-handle {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAYCAYAAADd5VyeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAiSURBVHgB7cgxEQAACAOxgn9fLwtWDgNdmjEFjI7Wk3DEAm1dA4R92xIIAAAAAElFTkSuQmCC") no-repeat
}

.docs-grille-gm3 .overlay-container-rtl .freezebar-hover .freezebar-horizontal-handle {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAECAYAAADxjg1nAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAiSURBVHgB7c6BCQAACAIw6+ai8/MLQXAXrOb2YahhKnE1AuKtAmdaDfabAAAAAElFTkSuQmCC") no-repeat;
  background-position: 100% 0
}

.docs-grille-gm3 .overlay-container-rtl .freezebar-hover .freezebar-vertical-handle {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAYCAYAAADd5VyeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAiSURBVHgB7cixDQAACAIw9GaN5+tqeICFjo2aXjwJ4lDEAeiwAo9s3Iv4AAAAAElFTkSuQmCC") no-repeat
}

.freezebar-origin-ltr,
.freezebar-origin-rtl {
  height: 23px;
  width: 45px;
  position: absolute;
  top: 0;
  border: 1px solid #ccc
}

.freezebar-origin-ltr {
  background: no-repeat url(https://ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png) -205px 0;
  left: 0;
  border-width: 0 1px 1px 0
}

.freezebar-origin-rtl {
  background: no-repeat url(https://ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png) -305px -62px;
  right: 0;
  border-width: 0 0 1px 1px
}

.freezebar-vertical-drop {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAYCAIAAABSh8vJAAAAEklEQVQYV2NInfsHjhhGOcRyAFpkv0GBZT1JAAAAAElFTkSuQmCC") no-repeat;
  width: 4px
}

.freezebar-horizontal-drop {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAECAIAAAB+7JowAAAAFUlEQVQoz2NInftnkCCGUacMbqcAAL1HbqBCYk6sAAAAAElFTkSuQmCC") no-repeat;
  height: 4px
}

.freezebar-vertical-drop-bar {
  width: 4px;
  background-color: #afbbd1;
  border-width: 2px 1px 2px 2px
}

.freezebar-horizontal-drop-bar {
  height: 4px;
  overflow: hidden;
  background-color: #afbbd1;
  border-width: 2px 2px 1px 2px
}

.waffle-incelldropdownselect-menu-vertical {
  overflow-y: auto
}

.rowcol-dragger {
  position: absolute;
  z-index: 6
}

.rowcol-dragger-drop-bar,
.rowcol-dragger-handle-bar {
  z-index: 6;
  position: absolute;
  background-color: #777;
  box-sizing: border-box
}

.rowcol-dragger-handle-bar {
  border: 2px solid #36c;
  opacity: .2;
  filter: alpha(opacity=20)
}

.rowcol-dragger-horizontal-handle {
  width: 36px
}

.rowcol-dragger-horizontal-drop-bar {
  height: 2px
}

.rowcol-dragger-vertical-handle {
  height: 23px
}

.rowcol-dragger-vertical-drop-bar {
  width: 2px
}

.rowcol-dragger-drop,
.rowcol-dragger-handle {
  position: absolute;
  z-index: 6
}

.jfk-freestanding-menu-button.waffle-kennedy-column-menu-button {
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSI0IiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjQkRCREJEIiBkPSJNMCAwTDcgMCBMMy41IDR6Ii8+PC9zdmc+") 50% no-repeat;
  background-color: #f8f8f8;
  z-index: 7
}

.docs-grille-gm3 .jfk-freestanding-menu-button.waffle-kennedy-column-menu-button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20' viewbox='0 0 20 20'%3E%3Cpath fill='%23444746' d='M10 12 6 8h8Z'/%3E%3C/svg%3E");
  background-color: transparent;
  border: none;
  border-radius: 100%;
  margin-right: 2px;
  padding: 4px
}

.docs-grille-gm3 .jfk-freestanding-menu-button.waffle-kennedy-column-menu-button.column-button-entire-col-selected,
.docs-grille-gm3 .jfk-freestanding-menu-button.waffle-kennedy-column-menu-button.column-button-filter-view {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20' viewbox='0 0 20 20'%3E%3Cpath fill='%23fff' d='M10 12 6 8h8Z'/%3E%3C/svg%3E")
}

.docs-grille-gm3 .waffle-kennedy-column-menu-button.jfk-freestanding-menu-button-hover {
  background-color: rgba(68, 71, 70, .08)
}

.docs-grille-gm3 .waffle-kennedy-column-menu-button.jfk-freestanding-menu-button-active,
.docs-grille-gm3 .waffle-kennedy-column-menu-button.jfk-freestanding-menu-button-focused {
  background-color: rgba(68, 71, 70, .12);
  outline: transparent
}

.docs-grille-gm3 .waffle-kennedy-column-menu-button.column-button-entire-col-selected.jfk-freestanding-menu-button-hover,
.docs-grille-gm3 .waffle-kennedy-column-menu-button.column-button-filter-view.jfk-freestanding-menu-button-hover {
  background-color: hsla(0, 0%, 100%, .08)
}

.docs-grille-gm3 .waffle-kennedy-column-menu-button.column-button-entire-col-selected.jfk-freestanding-menu-button-active,
.docs-grille-gm3 .waffle-kennedy-column-menu-button.column-button-entire-col-selected.jfk-freestanding-menu-button-focused,
.docs-grille-gm3 .waffle-kennedy-column-menu-button.column-button-filter-view.jfk-freestanding-menu-button-active,
.docs-grille-gm3 .waffle-kennedy-column-menu-button.column-button-filter-view.jfk-freestanding-menu-button-focused {
  background-color: hsla(0, 0%, 100%, .12)
}

@media screen and (forced-colors:active) {

  .docs-grille-gm3 .jfk-freestanding-menu-button.waffle-kennedy-column-menu-button.column-button-entire-col-selected,
  .docs-grille-gm3 .jfk-freestanding-menu-button.waffle-kennedy-column-menu-button.column-button-filter-view {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20' viewbox='0 0 20 20'%3E%3Cpath fill='HighlightText' d='M10 12 6 8h8Z'/%3E%3C/svg%3E")
  }

  .docs-grille-gm3 .jfk-freestanding-menu-button.waffle-kennedy-column-menu-button {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20' viewbox='0 0 20 20'%3E%3Cpath fill='CanvasText' d='M10 12 6 8h8Z'/%3E%3C/svg%3E")
  }

  .docs-grille-gm3 .waffle-kennedy-column-menu-button.column-button-entire-col-selected.jfk-freestanding-menu-button-active,
  .docs-grille-gm3 .waffle-kennedy-column-menu-button.column-button-entire-col-selected.jfk-freestanding-menu-button-focused,
  .docs-grille-gm3 .waffle-kennedy-column-menu-button.column-button-entire-col-selected.jfk-freestanding-menu-button-hover,
  .docs-grille-gm3 .waffle-kennedy-column-menu-button.column-button-filter-view.jfk-freestanding-menu-button-active,
  .docs-grille-gm3 .waffle-kennedy-column-menu-button.column-button-filter-view.jfk-freestanding-menu-button-focused,
  .docs-grille-gm3 .waffle-kennedy-column-menu-button.column-button-filter-view.jfk-freestanding-menu-button-hover,
  .docs-grille-gm3 .waffle-kennedy-column-menu-button.jfk-freestanding-menu-button-active,
  .docs-grille-gm3 .waffle-kennedy-column-menu-button.jfk-freestanding-menu-button-focused {
    background-color: Highlight;
    color: HighlightText
  }
}

.jfk-freestanding-menu-button-hover.waffle-kennedy-column-menu-button {
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSI0IiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjNjE2MTYxIiBkPSJNMCAwTDcgMCBMMy41IDR6Ii8+PC9zdmc+") 50% no-repeat;
  background-color: #f8f8f8
}

.jfk-freestanding-menu-button-hover.waffle-column-type-button {
  box-shadow: 0 -1px 5px hsla(207, 5%, 52%, .09), 0 3px 5px hsla(207, 5%, 52%, .06), 0 1px 2px rgba(60, 64, 67, .3), 0 1px 3px rgba(60, 64, 67, .15)
}

.jfk-freestanding-menu-button-focused.waffle-column-type-button {
  background: #fff;
  box-shadow: 0 -1px 5px hsla(207, 5%, 52%, .09), 0 3px 5px hsla(207, 5%, 52%, .06), 0 1px 2px rgba(60, 64, 67, .3), 0 1px 3px rgba(60, 64, 67, .15);
  opacity: .32
}

.goog-flat-menu-button-focused.waffle-set-column-type-button,
.goog-flat-menu-button-focused.waffle-set-column-type-button:hover {
  background-color: #80868b;
  border: 1px solid #80868b
}

a.in-cell-link {
  text-decoration: underline;
  cursor: default
}

.docs-bubble-link.docs-bubble-link-visited {
  color: #673ab7 !important
}

.docs-link-insertlinkbubble .docs-icon-grid,
.docs-link-insertlinkbubble .docs-icon-grid:before {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_green.svg)
}

.annotation-bubble {
  position: absolute;
  z-index: 14;
  margin: 0 0 0 -2px;
  padding: 0;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 13px;
  max-width: 228px
}

.annotation-editable {
  background-color: #fff;
  border: 1px solid rgba(60, 64, 67, .15);
  border-radius: 4px;
  box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15);
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
  margin: 0;
  outline: none;
  padding: 8px;
  width: 100%
}

.annotation-attribution {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 4px 8px 3px rgba(60, 64, 67, .15);
  font-size: 13px;
  overflow: scroll;
  overflow-wrap: break-word;
  padding: 12px;
  -webkit-user-select: text;
  user-select: text
}

.annotation-attribution strong {
  display: block;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 8px
}

.annotation-attribution span {
  display: block
}

.annotation-attribution-error {
  border-left: 4px solid #d93025;
  text-align: left
}

.annotation-attribution-error strong {
  color: #d93025
}

.annotation-attribution-invalid {
  border-left: 4px solid #d93025
}

.annotation-attribution-invalid strong {
  color: #d93025
}

.annotation-attribution-help {
  border-left: 4px solid #d93025
}

.annotation-attribution-help strong {
  color: #d93025
}

.annotation-attribution.annotation-attribution-sizer {
  padding: 0;
  border: none
}

.waffle-footer-container {
  height: 4000px;
  position: relative;
  z-index: 3
}

.waffle-background-container {
  background-color: #eee;
  width: 50000px;
  height: 0;
  position: absolute;
  top: 0;
  z-index: -1
}

.addRowsWidget-ltr {
  color: #222;
  float: left;
  padding: 6px 0 0 45px;
  direction: ltr
}

.addRowsWidget-rtl {
  color: #222;
  float: right;
  padding: 6px 45px 0 0;
  direction: ltr
}

div.addRowsButton-ltr {
  margin-top: 0;
  margin-right: 2px;
  vertical-align: middle
}

div.addRowsButton-rtl {
  margin-top: 0;
  margin-left: 2px;
  vertical-align: middle
}

div.addRowsText {
  color: #000;
  padding-top: 5px;
  vertical-align: middle
}

.addRowsError-ltr {
  color: #c00;
  float: left;
  padding: 20px 0 0 10px
}

.addRowsError-rtl {
  color: #c00;
  float: right;
  padding: 20px 10px 0 0
}

.addRowsInput {
  margin: 0 4px 0 4px;
  vertical-align: middle
}

.waffle-formula-help-popup P {
  margin-top: 0
}

.waffle-formula-help-popup a:visited {
  color: #15c
}

.waffle-formula-help-popup {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 2px 2px 2px 2px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 16px;
  width: 400px;
  margin-left: -1px;
  margin-top: -1px;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 400;
  font-style: normal;
  color: #333;
  white-space: normal
}

.waffle-input-box-decorator {
  border-style: none;
  border-width: 0;
  box-sizing: border-box;
  font-weight: 500;
  overflow: visible;
  position: absolute;
  white-space: nowrap;
  z-index: 15
}

.waffle-input-box-locator {
  background-color: #4589eb;
  border-radius: 1px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
  color: #fff;
  font-size: 12px;
  line-height: 14px;
  padding: 6px 7px 4px 7px
}

.waffle-input-box-formula-help-decorator {
  background: #1a73e8;
  border: 2px solid #5790f6;
  border-right: none;
  color: #fff;
  border-radius: 2px 0 0 2px;
  cursor: pointer;
  font-size: 11px;
  height: 20px;
  line-height: 13px;
  padding: 2px 2px
}

.waffle-formula-bar-formula-help-decorator {
  border-radius: 2px 2px 2px 2px;
  border-right: 2px solid #5790f6;
  height: 18px;
  line-height: 11px
}

.waffle-collab-presence {
  -moz-box-sizing: border-box;
  background-color: #65ad89;
  border-radius: 2px;
  box-sizing: border-box;
  color: #fff;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  padding: 1px 2px;
  position: absolute;
  z-index: 7
}

.waffle-collab-cell-presence-indicator {
  border-radius: 2px;
  height: 8px;
  width: 8px;
  box-sizing: border-box;
  display: flex;
  position: absolute;
  background-color: #4a412a;
  line-height: 12px;
  padding: 2px 2px 2px 2px;
  vertical-align: top;
  z-index: 7
}

.waffle-collab-typing-indicator-dots {
  animation-name: waffle-collab-typing-indicator-dots-animation;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-duration: forwards;
  animation-delay: 0s;
  background: #fff;
  border-radius: 100%;
  box-sizing: border-box;
  position: relative;
  height: 3px;
  opacity: 0;
  width: 3px;
  float: left;
  margin-left: 1.75px;
  justify-content: center;
  align-items: center
}

.waffle-collab-typing-indicator-dots:first-child {
  animation-delay: .75s
}

.waffle-collab-typing-indicator-dots:nth-child(2) {
  animation-delay: 1.125s
}

@keyframes waffle-collab-typing-indicator-dots-animation {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

#waffle-loading-screen {
  background-color: #fff;
  width: 100%;
  font-size: 15px;
  display: none
}

.waffle-loading-rows {
  width: 100%;
  font-size: 12px;
  padding: 5px 30px
}

.waffle-loading-rows-spinner {
  vertical-align: text-bottom;
  width: 16px;
  height: 16px;
  margin: 0 10px
}

.waffle-hyperlink-icon {
  display: inline-block;
  position: absolute
}

.waffle-hyperlink-icon-visited:after {
  background: no-repeat url(https://ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png) -565px -12px;
  cursor: pointer;
  width: 12px;
  height: 12px;
  display: block;
  float: right;
  content: "";
  margin-top: 4px;
  margin-bottom: -1px
}

.waffle-hyperlink-icon:after {
  background: no-repeat url(https://ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png) -70px -24px;
  cursor: pointer;
  width: 12px;
  height: 12px;
  display: block;
  float: right;
  content: "";
  margin-top: 4px;
  margin-bottom: -1px
}

.waffle-hyperlink-tooltip:hover {
  background: #fff;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, .2), 0 2px 3px 0 rgba(0, 0, 0, .3)
}

.waffle-hyperlink-tooltip {
  background: #fcfcfc;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, .15), 0 1px 2px 0 rgba(0, 0, 0, .4);
  border-radius: 1px;
  display: inline-block;
  padding: 5px 18px 5px 7px;
  position: absolute
}

.waffle-hyperlink-tooltip-link {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: #15c;
  line-height: 19px;
  padding: 5px 7px 5px 0;
  text-decoration: none;
  white-space: nowrap
}

a.waffle-hyperlink-tooltip-link {
  color: #15c
}

.waffle-hyperlink-tooltip-link:hover {
  text-decoration: none
}

.waffle-multilink-tooltip {
  position: absolute
}

.waffle-insert-link-selection-overlay {
  background-color: rgba(140, 196, 116, .25);
  overflow: hidden;
  position: absolute;
  z-index: 16
}

.waffle-column-menu-button {
  background: no-repeat url(https://ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png) -168px -43px;
  cursor: pointer;
  list-style: none;
  width: 12px;
  height: 12px;
  outline: none;
  position: absolute;
  z-index: 7
}

.waffle-column-menu-button-checked,
.waffle-column-menu-button-focused,
.waffle-column-menu-button-hover {
  background: no-repeat url(https://ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png) -83px -34px
}

.waffle-column-menu-button-disabled {
  cursor: default;
  filter: alpha(opacity=30);
  opacity: .3
}

.waffle-column-type-button {
  background: none;
  border-radius: 2px;
  cursor: pointer;
  height: 18px;
  list-style: none;
  outline: none;
  position: absolute;
  width: 18px;
  z-index: 7
}

.waffle-set-column-type-button {
  background-color: #f8f8f8;
  border: 1px solid #e5e5e5;
  border-radius: 1px;
  cursor: pointer;
  height: 11px;
  outline: none;
  width: 11px;
  z-index: 7
}

.waffle-set-column-type-button:hover {
  border: 1px solid #c6c6c6
}

.waffle-set-column-type-button .docs-icon {
  height: 12px;
  left: -2px;
  top: -3px;
  width: 12px
}

.waffle-set-column-type-button .docs-icon-img:before {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_gm3_grey_medium.svg)
}

.waffle-set-column-type-button .docs-icon-gear {
  left: -1876px;
  top: -398px
}

.waffle-set-column-type-button .docs-icon-gear:hover {
  left: -26px;
  top: -688px
}

.goog-flat-menu-button-focused.waffle-set-column-type-button .docs-icon-gear:hover {
  left: -1876px;
  top: -398px
}

.waffle-calculated-column-button {
  background: #80868b;
  border: none;
  cursor: pointer;
  list-style: none;
  opacity: 0;
  outline: none;
  position: absolute;
  z-index: 7
}

.waffle-calculated-column-button:hover {
  opacity: 1
}

.waffle-disclaimer {
  font-size: 11px;
  background-color: #ececec;
  color: #656565;
  box-sizing: border-box;
  height: 20px
}

#waffle-disclaimer-content {
  border-bottom: 1px solid silver;
  border-left: 0 none;
  border-right: 0 none;
  line-height: 1;
  padding-left: 47px
}

.waffle-disclaimer-link {
  color: #77c;
  padding-left: 3px
}

.apps-toast {
  z-index: 16
}

.apps-toast-fill {
  z-index: 17
}

.trix-offscreen {
  position: absolute;
  left: -10000px;
  top: -10000px
}

#promo-target {
  display: inline
}

#waffle-grid-container {
  margin-right: auto;
  position: relative
}

#docs-editor-container {
  touch-action: none
}

.border-style-menu-item-container {
  background-position: left 15px center;
  padding-left: 30px !important;
  padding-right: 40px !important
}

.border-style-menu-item {
  height: 12px;
  min-height: 12px !important
}

.border-style-menu-item .border-style-menu-icon {
  position: relative;
  left: 15px;
  top: -4px
}

@media screen and (-moz-windows-theme) {
  .border-style-menu-item .border-style-menu-icon {
    position: relative;
    left: 15px;
    top: -4.5px
  }
}

#t-border-palette .goog-palette-cell-selected {
  background-color: #e1e1e1
}

#t-border-palette .goog-palette-cell {
  padding: 2px
}

#t-border-palette .goog-palette-table {
  border-right: 1px solid #eee
}

span.jfk-checkbox {
  margin-bottom: 1px
}

.match-paren {
  background-color: #e5e5e5;
  font-weight: 500
}

.match-string {
  background-color: #eee
}

.boolean,
.error-code {
  color: #15c
}

.active-range {
  box-shadow: 0 0 6px 2px #333;
  opacity: .1;
  pointer-events: none
}

.inactive {
  opacity: .5
}

.formula-error {
  color: #b3261e
}

.argument-error,
.formula-eval-error {
  color: #b3261e;
  text-decoration: underline
}

.number {
  color: #15c
}

.string {
  color: green
}

.default-formula-text-color {
  color: #000
}

.insert-range-indicator {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjMiIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiNjY2MiPjxwYXRoIGQ9Ik0wLjUgMEwwLjUgM00wIDIuNUw4IDIuNU03LjUgM0w3LjUgMCIvPjwvc3ZnPg==") bottom no-repeat;
  background-size: contain;
  width: 8px;
  margin-left: 2px;
  cursor: default
}

.insert-range-indicator:after {
  content: " "
}

.formula-replace-text {
  text-decoration: underline
}

.trix-tooltip-link {
  color: #4285f4
}

.trix-tooltip-link:hover {
  text-decoration: underline
}

.formula-content,
.formula-suggestion-in-cell {
  font-family: Inconsolata, monospace, arial, sans, sans-serif;
  font-size: 14px
}

#apps-debug-tracers {
  display: none
}

.jfk-bubble.waffle-error-bubble {
  background-color: #fff3f2;
  border: 1px solid #db4437;
  border-radius: 1px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
  color: #c5221f;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -.1px;
  line-height: 16px;
  max-width: 200px;
  padding: 8px;
  transition: opacity .2s ease-in
}

.waffle-function-localization-promo {
  background-color: #fafafa;
  bottom: 100px;
  box-shadow: 1px 2px 5px rgba(0, 0, 0, .28);
  color: #616161;
  height: 180px;
  padding: 20px;
  position: absolute;
  right: 25px;
  -webkit-user-select: none;
  user-select: none;
  width: 350px;
  z-index: 1000
}

.waffle-function-localization-promo-title {
  font-size: 18px;
  font-weight: 500;
  margin: 5px 0 20px 0
}

.waffle-function-localization-promo-body {
  font-size: 13px;
  line-height: 22px
}

.waffle-function-localization-promo-button-bar {
  bottom: 25px;
  right: 25px;
  line-height: 22px;
  position: absolute
}

.jfk-button.waffle-function-localization-promo-no-button {
  color: #0f9d58;
  cursor: pointer;
  margin-right: 10px;
  padding: 5px
}

.jfk-button.waffle-function-localization-promo-yes-button {
  background-color: #0f9d58;
  color: #fafafa;
  cursor: pointer;
  padding: 5px
}

.apps-ui-material-slide-toggle-container-checked .apps-ui-material-slide-toggle-track {
  background-color: #ceead6;
  opacity: 1
}

.apps-ui-material-slide-toggle-container-checked .apps-ui-material-slide-toggle-thumb {
  background-color: #188038
}

.apps-actiondatawidget-shortcut-desc {
  width: 278px
}

.apps-actiondatawidget-shortcut-key {
  line-height: 17px;
  width: 251px;
  padding-left: 24px
}

.apps-actiondatawidget-content {
  width: 100%
}

.waffle-rich-text-link,
a.waffle-rich-text-link {
  color: #15c;
  text-decoration: underline
}

.waffle-rich-text-link-popup {
  background-color: #fff;
  border: 1px solid;
  border-color: #bbb #bbb #a8a8a8;
  padding: 12px 20px;
  position: absolute;
  white-space: nowrap;
  z-index: 15
}

.waffle-dataconnectormenu-note {
  color: rgba(0, 0, 0, .38);
  font-size: 11px;
  padding-left: 8px
}

.waffle-assistant-data-cleanup-suggestions-bottom-entry-point-button {
  align-items: center;
  background-color: #fff;
  border-radius: 15px;
  border: 1px solid #dadce0;
  box-sizing: border-box;
  color: #d93025;
  cursor: pointer;
  display: flex;
  float: right;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 30px;
  margin: 4px 8px;
  outline: none;
  padding: 0 8px
}

.waffle-assistant-data-cleanup-suggestions-bottom-entry-point-button:hover {
  background: rgba(217, 48, 37, .04);
  color: #a50e0e
}

.waffle-assistant-data-cleanup-suggestions-bottom-entry-point-button:focus {
  background: rgba(217, 48, 37, .12)
}

.waffle-assistant-data-cleanup-suggestions-bottom-entry-point-button:focus {
  background: rgba(217, 48, 37, .1);
  border: 1px solid #a50e0e;
  color: #a50e0e
}

.waffle-assistant-data-cleanup-suggestions-bottom-entry-point-button-active:hover {
  background: rgba(24, 128, 56, .04);
  color: #188038
}

.waffle-assistant-data-cleanup-suggestions-bottom-entry-point-menu-button-active:focus {
  background: rgba(24, 128, 56, .1);
  border: 1px solid #188038;
  color: #188038
}

.waffle-assistant-data-cleanup-suggestions-bottom-entry-point-menu-button-inactive:focus {
  background: rgba(32, 33, 36, .1);
  border: 1px solid #202124;
  color: #202124
}

.waffle-assistant-data-cleanup-suggestions-bottom-entry-point-button .waffle-view-icons-error-filled {
  height: 18px;
  margin-right: 8px;
  width: 18px
}

.jfk-bubble.jfk-bubble-promo.waffle-assistant-data-cleanup-suggestions-hint-icon-bubble {
  background: #fff;
  border: none;
  border-radius: 8px;
  box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15);
  box-sizing: border-box;
  min-height: 96px;
  padding: 8px;
  width: 300px
}

.jfk-bubble.jfk-bubble-promo.waffle-assistant-data-cleanup-suggestions-bottom-entry-point-bubble {
  background: #fff;
  border: none;
  border-radius: 8px;
  box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15);
  box-sizing: border-box;
  min-height: 140px;
  padding: 8px;
  width: 275px
}

.jfk-bubble-promo.waffle-assistant-data-cleanup-suggestions-bottom-entry-point-bubble .jfk-bubble-arrowdown .jfk-bubble-arrowimplbefore,
.jfk-bubble-promo.waffle-assistant-data-cleanup-suggestions-bottom-entry-point-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplbefore,
.jfk-bubble-promo.waffle-assistant-data-cleanup-suggestions-hint-icon-bubble .jfk-bubble-arrowdown .jfk-bubble-arrowimplbefore,
.jfk-bubble-promo.waffle-assistant-data-cleanup-suggestions-hint-icon-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplbefore {
  border-color: rgba(60, 64, 67, .15) transparent
}

.jfk-bubble-promo.waffle-assistant-data-cleanup-suggestions-bottom-entry-point-bubble .jfk-bubble-arrowdown .jfk-bubble-arrowimplafter,
.jfk-bubble-promo.waffle-assistant-data-cleanup-suggestions-bottom-entry-point-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplafter,
.jfk-bubble-promo.waffle-assistant-data-cleanup-suggestions-hint-icon-bubble .jfk-bubble-arrowdown .jfk-bubble-arrowimplafter,
.jfk-bubble-promo.waffle-assistant-data-cleanup-suggestions-hint-icon-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplafter {
  border-color: #fff transparent
}

.waffle-assistant-data-cleanup-suggestions-bottom-entry-point-bubble-header,
.waffle-assistant-data-cleanup-suggestions-hint-icon-bubble-header {
  color: #202124;
  display: flex;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: .1px;
  margin: 0 0 8px 8px
}

.waffle-assistant-data-cleanup-suggestions-bottom-entry-point-bubble-header-text,
.waffle-assistant-data-cleanup-suggestions-hint-icon-bubble-header-text {
  flex-grow: 1;
  margin-top: 8px
}

.waffle-assistant-data-cleanup-suggestions-bottom-entry-point-bubble-body,
.waffle-assistant-data-cleanup-suggestions-hint-icon-bubble-body {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: .2px;
  margin: 0 8px 8px 8px
}

.waffle-assistant-data-cleanup-suggestions-bottom-entry-point-bubble-buttons,
.waffle-assistant-data-cleanup-suggestions-hint-icon-bubble-buttons {
  display: flex;
  justify-content: flex-end
}

.waffle-assistant-data-cleanup-suggestions-bottom-entry-point-bubble-call-to-action,
.waffle-assistant-data-cleanup-suggestions-bottom-entry-point-bubble-dismiss-button,
.waffle-assistant-data-cleanup-suggestions-hint-icon-bubble-disable-button,
.waffle-assistant-data-cleanup-suggestions-hint-icon-bubble-feedback-button {
  margin-right: 8px
}

.waffle-assistant-data-cleanup-suggestions-hint-icon-bubble-feedback-button.waffle-ui-text-link-button {
  color: #5f6368
}

.waffle-assistant-data-cleanup-suggestions-hint-icon-bubble-disable-button {
  color: #137333
}

.waffle-assistant-data-cleanup-suggestions-hint-icon-bubble-disable-button,
.waffle-assistant-data-cleanup-suggestions-hint-icon-bubble-feedback-button {
  height: 20px
}

.waffle-ui-text-link-button {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: transparent;
  border: none;
  color: #137333;
  cursor: pointer;
  outline: none;
  padding: 8px
}

.waffle-ui-text-link-button.dense {
  height: 24px;
  padding: 0 8px
}

.waffle-ui-text-link-button-hover {
  background: rgba(24, 128, 56, .04);
  color: #0d652d
}

.waffle-ui-text-link-button-focused {
  background: rgba(24, 128, 56, .12);
  color: #0d652d
}

.waffle-ui-text-link-button-active {
  background: rgba(24, 128, 56, .1)
}

.waffle-ui-text-link-button-disabled {
  color: rgba(60, 64, 67, .38)
}

.waffle-ui-text-link-with-icon-button-text {
  display: inline-block;
  margin-left: 4px;
  margin-top: -1px;
  vertical-align: middle
}

.docs-gm .docs-material .waffle-ui-text-link-green-icon .docs-icon-img {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_green.svg)
}

.docs-gm .docs-material .waffle-ui-text-link-button-disabled .waffle-ui-text-link-green-icon .docs-icon-img {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_gm3_grey_medium.svg);
  opacity: .38
}

.goog-grey.waffle-ui-text-link-button {
  color: #5f6368
}

.goog-grey.waffle-ui-text-link-button-hover {
  background: rgba(32, 33, 36, .04);
  color: #202124
}

.goog-grey.waffle-ui-text-link-button-focused {
  background: rgba(32, 33, 36, .12);
  color: #202124
}

.goog-grey.waffle-ui-text-link-button-active {
  background: rgba(32, 33, 36, .1);
  color: #202124
}

.goog-red.waffle-ui-text-link-button {
  color: #d93025
}

.goog-red.waffle-ui-text-link-button-hover {
  background: rgba(217, 48, 37, .04);
  color: #a50e0e
}

.goog-red.waffle-ui-text-link-button-focused {
  background: rgba(217, 48, 37, .12);
  color: #a50e0e
}

.goog-red.waffle-ui-text-link-button-active {
  background: rgba(217, 48, 37, .1);
  color: #a50e0e
}

.shell-menu .menuitem-accel-formatting {
  color: #80868b;
  direction: ltr;
  float: right;
  font-weight: 500;
  left: auto;
  padding: 0 0 0 24px;
  position: relative;
  right: 0;
  text-align: right
}

.docs-grille-gm3 .waffle-assistant-data-cleanup-suggestions-bottom-entry-point-button {
  background-color: transparent;
  border-radius: 100px;
  border: 1px solid transparent;
  color: #1f1f1f;
  height: 32px;
  margin: 3px 8px;
  padding: 6px 12px
}

.docs-grille-gm3 .waffle-assistant-data-cleanup-suggestions-bottom-entry-point-button-active:hover,
.docs-grille-gm3 .waffle-assistant-data-cleanup-suggestions-bottom-entry-point-button:hover {
  background: rgba(11, 87, 208, .08);
  color: #0b57d0
}

.docs-grille-gm3 .waffle-assistant-data-cleanup-suggestions-bottom-entry-point-button:focus,
.docs-grille-gm3 .waffle-assistant-data-cleanup-suggestions-bottom-entry-point-menu-button-active:focus {
  background: rgba(11, 87, 208, .12);
  color: #0b57d0
}

.docs-grille-gm3 .waffle-assistant-data-cleanup-suggestions-bottom-entry-point-menu-button-inactive:hover {
  background: rgba(31, 31, 31, .08);
  color: #1f1f1f
}

.docs-grille-gm3 .waffle-assistant-data-cleanup-suggestions-bottom-entry-point-menu-button-inactive:active,
.docs-grille-gm3 .waffle-assistant-data-cleanup-suggestions-bottom-entry-point-menu-button-inactive:focus {
  background: rgba(31, 31, 31, .12);
  color: #1f1f1f
}

.docs-grille-gm3 .waffle-assistant-data-cleanup-suggestions-green-autofix-wand,
.waffle-assistant-data-cleanup-suggestions-gm3-blue-autofix-wand {
  display: none
}

.docs-grille-gm3 .waffle-assistant-data-cleanup-suggestions-grey-autofix-wand {
  margin-right: 6px
}

.docs-grille-gm3 .waffle-assistant-data-cleanup-suggestions-gm3-blue-autofix-wand {
  margin: 1px 10px 0 1px
}

.docs-grille-gm3 .waffle-assistant-data-cleanup-suggestions-bottom-entry-point-button.goog-button-disabled,
.docs-grille-gm3 .waffle-assistant-data-cleanup-suggestions-bottom-entry-point-button.goog-button-disabled:hover {
  background: none;
  cursor: default;
  opacity: .38
}

.docs-grille-gm3 .autofill-handle {
  background-color: #0b57d0;
  border-radius: 50%;
  border-width: 1px;
  height: 8px;
  width: 8px
}

.docs-grille-gm3 .input-box {
  border: 2px solid #0b57d0;
  box-shadow: none;
  outline: 2px solid #a8c7fa
}

.docs-grille-gm3 .addRowsButton-ltr,
.docs-grille-gm3 .addRowsButton-rtl {
  background: none;
  border-color: transparent;
  border-radius: 100px;
  color: #0b57d0;
  cursor: pointer;
  font: 500 14px/32px Roboto, sans-serif;
  height: 32px;
  margin: 3px 6px;
  padding: 0 6px
}

.docs-grille-gm3 .addRowsButton-ltr.jfk-button-hover,
.docs-grille-gm3 .addRowsButton-rtl.jfk-button-hover {
  background: rgba(11, 87, 208, .08);
  color: #0b57d0
}

.docs-grille-gm3 .addRowsButton-ltr.jfk-button-focused,
.docs-grille-gm3 .addRowsButton-ltr.jfk-button:active,
.docs-grille-gm3 .addRowsButton-rtl.jfk-button-focused,
.docs-grille-gm3 .addRowsButton-rtl.jfk-button:active {
  background: rgba(11, 87, 208, .12);
  border-color: transparent;
  box-shadow: none;
  color: #0b57d0
}

.docs-grille-gm3 .addRowsInput,
.docs-grille-gm3 .addRowsText {
  color: #444746;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  margin-right: 8px
}

.docs-grille-gm3 .addRowsInput {
  background: transparent;
  border-color: #747775;
  border-radius: 4px;
  font-weight: 500;
  padding: 2px 8px;
  text-align: center
}

.docs-grille-gm3 .addRowsInput:hover {
  border-color: #1f1f1f
}

.docs-grille-gm3 .addRowsInput:focus {
  border: 2px solid #0b57d0;
  box-shadow: none;
  margin: -1px 7px -1px 3px
}

.docs-grille-gm3 .waffle-collab-presence {
  border-radius: 4px;
  font-family: Roboto, sans-serif;
  font-size: 11px;
  line-height: 16px;
  padding: 1px 8px
}

.docs-grille-gm3 .waffle-collab-anchor-corner-top-left {
  border-top-left-radius: 0
}

.docs-grille-gm3 .waffle-collab-anchor-corner-top-right {
  border-top-right-radius: 0
}

.docs-grille-gm3 .waffle-collab-anchor-corner-bottom-left {
  border-bottom-left-radius: 0
}

.docs-grille-gm3 .waffle-collab-anchor-corner-bottom-right {
  border-bottom-right-radius: 0
}

.docs-grille-gm3 .resizer-horizontal-handle-bar,
.docs-grille-gm3 .resizer-vertical-handle-bar {
  background-color: #c7c7c7
}

.docs-grille-gm3 .resizer-vertical-handle {
  --resizer-handle-thickness: 3px;
  --resizer-vertical-handle-left: "unset";
  --resizer-vertical-handle-right: 0;
  background: #444746;
  border-radius: 50%/10%;
  cursor: col-resize;
  height: 100%;
  width: var(--resizer-handle-thickness)
}

.docs-grille-gm3 .resizer-vertical-handle:after {
  background: #444746;
  border-radius: 50%/10%;
  content: "";
  height: 100%;
  left: var(--resizer-vertical-handle-left);
  position: absolute;
  right: var(--resizer-vertical-handle-right);
  width: var(--resizer-handle-thickness)
}

.docs-grille-gm3 .resizer-horizontal-handle {
  --resizer-handle-thickness: 2px;
  background: #444746;
  border-radius: 10%/50%;
  cursor: row-resize;
  height: var(--resizer-handle-thickness);
  width: 100%
}

.docs-grille-gm3 .resizer-horizontal-handle:after {
  background: #444746;
  border-radius: 10%/50%;
  bottom: 0;
  content: "";
  height: var(--resizer-handle-thickness);
  position: absolute;
  width: 100%
}

.docs-grille-gm3 .resizer-horizontal-container,
.docs-grille-gm3 .resizer-vertical-container {
  position: absolute
}

.docs-grille-gm3 .resizer-horizontal-container {
  cursor: row-resize
}

.docs-grille-gm3 .resizer-vertical-container {
  cursor: col-resize
}

.docs-grille-gm3 .waffle-revisions-container {
  border-top: 1px solid #c4c7c5
}

.docs-grille-gm3 #revisions-grid-bottom-bar {
  margin-top: -2px
}

.waffle-table.goog-option-selected {
  background-position: 0
}

.waffle-loading-progress-bar {
  display: block;
  height: 4px;
  width: 100%
}

.waffle-loading-progress-bg {
  fill: #e1e3e1
}

.waffle-loading-progress-fill {
  animation: fill-progress 10s ease-out forwards;
  fill: #0b57d0;
  transform: scaleX(.1);
  transform-origin: left
}

@keyframes fill-progress {
  0% {
    transform: scaleX(.1)
  }

  to {
    transform: scaleX(.9)
  }
}

.docs-action-badge {
  display: inline-block;
  float: right;
  margin-left: 15px;
  margin-top: 2px;
  vertical-align: middle
}

.docs-action-now-badge {
  margin-left: 12px;
  overflow: hidden;
  text-overflow: ellipsis
}

[class*=docs-hc] .docs-action-badge {
  border: 1px solid transparent
}

.docs-action-badge-submenu .docs-action-badge {
  margin-right: -27px
}

.docs-action-badge-submenu {
  display: inline-block;
  margin-bottom: -4px;
  min-width: 100%
}

.docs-action-updated-dot {
  background-color: #188038;
  border-radius: 50%;
  display: inline-block;
  float: right;
  height: 9px;
  width: 9px;
  margin-top: 5px
}

.docs-action-updated-dot-submenu .docs-action-updated-dot {
  margin-right: -27px
}

.docs-action-updated-dot-submenu {
  display: inline-block;
  margin-bottom: -6px;
  margin-right: -5px;
  min-width: 100%
}

.docs-action-updated-dot-shortcut-keys .docs-action-updated-dot {
  margin-right: -27px
}

.docs-action-updated-dot-shortcut-keys {
  display: inline-block;
  margin-bottom: -4px;
  margin-right: 12px
}

.apps-toast {
  font-size: 13px;
  bottom: -200px;
  width: 227px;
  display: block;
  opacity: 1;
  position: absolute;
  z-index: 50
}

.apps-toast-top {
  height: 18px;
  width: 227px;
  opacity: 1;
  background: url(//ssl.gstatic.com/docs/common/toastBackTop-ltr-1.png)
}

.apps-toast-fill {
  height: 92px;
  width: 227px;
  opacity: 1;
  background: url(//ssl.gstatic.com/docs/common/toastBackFill-0.png);
  z-index: 51
}

.apps-toast-title {
  font-weight: 700;
  padding: 0 20px
}

.apps-toast-content {
  padding: 0 20px 8px
}

.docs-charts-editor {
  margin-right: 10px
}

.docs-charts-editor .docs-charts-editor-toggle-tabs {
  position: absolute;
  top: 0;
  width: 100%
}

.docs-charts-editor .docs-charts-editor-scroll-pane {
  bottom: 0;
  position: absolute;
  top: 43px;
  overflow: auto;
  width: 100%
}

.docs-charts-editor .docs-charts-editor-scroll-pane .docs-charts-editor-customize-tab {
  background-color: #f8f9fa;
  bottom: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.docs-charts-editor-control-label {
  color: #5f6368;
  display: block;
  font-size: 12px;
  line-height: 15px;
  margin-bottom: 8px;
  margin-right: 2px
}

.docs-charts-editor-row,
.docs-charts-editor-tall-row {
  font-size: 0
}

.docs-charts-editor-row>.docs-charts-editor-col {
  font-size: 13px;
  vertical-align: top
}

.docs-charts-editor-row>.docs-charts-editor-col>div {
  margin: 10px 0 10px 0
}

.docs-charts-editor-checkboxes-container {
  margin: 10px 0
}

.docs-charts-editor-checkboxes-container-no-bottom-margin {
  margin: 10px 0 0
}

.docs-charts-editor-checkboxes-container .docs-material-gm-labeled-checkbox {
  padding: 4px 0
}

.docs-charts-editor-tall-row>.docs-charts-editor-col>div {
  margin: 20px 0 20px 0
}

.docs-charts-editor-tall-row:first-child .docs-charts-editor-col>div {
  margin-top: 10px
}

.docs-charts-editor-col.col-100 {
  box-sizing: border-box;
  width: 100%
}

.docs-charts-editor-col.col-50 {
  box-sizing: border-box;
  display: inline-block;
  width: 50%
}

.docs-charts-editor-col.col-50~.docs-charts-editor-col.col-50:first-of-type {
  padding-right: 10px
}

.docs-charts-editor-col.col-50+.docs-charts-editor-col.col-50:last-of-type {
  padding-left: 10px
}

.docs-charts-editor-col.col-70-left {
  box-sizing: border-box;
  display: inline-block;
  padding-right: 10px;
  width: 70%
}

.docs-charts-editor-col.col-30-right {
  box-sizing: border-box;
  display: inline-block;
  padding-left: 10px;
  width: 30%
}

.docs-charts-editor-col.col-60-left {
  box-sizing: border-box;
  display: inline-block;
  padding-right: 10px;
  width: 60%
}

.docs-charts-editor-col.col-40-right {
  box-sizing: border-box;
  display: inline-block;
  padding-left: 10px;
  width: 40%
}

.docs-charts-editor-col.col-50 .docs-material-gm-labeled-checkbox-content {
  max-width: 80%
}

.docs-charts-editor-scroll-pane.docs-charts-editor-scroll-pane-custom-sidebar::-webkit-scrollbar {
  width: 12px
}

.docs-charts-editor-scroll-pane.docs-charts-editor-scroll-pane-custom-sidebar::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, .2);
  background-clip: padding-box;
  border: solid transparent;
  border-width: 1px 2px 1px 2px;
  box-shadow: none;
  min-height: 28px;
  padding: 1px
}

.docs-charts-editor-scroll-pane.docs-charts-editor-scroll-pane-custom-sidebar::-webkit-scrollbar-thumb:hover {
  box-shadow: none
}

.docs-charts-editor-scroll-pane.docs-charts-editor-scroll-pane-custom-sidebar::-webkit-scrollbar-track {
  background-clip: border-box;
  background-color: #f5f5f5;
  border: solid #e0e0e0;
  border-width: 1px;
  box-shadow: none
}

.docs-charts-editor-scroll-pane.docs-charts-editor-scroll-pane-custom-sidebar::-webkit-scrollbar-track:hover {
  background-color: #f5f5f5;
  background-clip: border-box;
  box-shadow: none;
  border: solid #e0e0e0;
  border-width: 1px
}

.docs-charts-editor-gemini-entrypoint-wrapper {
  padding: 8px 16px 0
}

.docs-charts-editor-bundle.docs-charts-editor-parent-bundle {
  border-bottom: 1px solid rgba(0, 0, 0, .12)
}

.docs-charts-editor-customize-tab .docs-charts-editor-bundle.docs-charts-editor-parent-bundle {
  border-bottom: 2px solid #f8f9fa
}

.docs-charts-editor-customize-tab .docs-charts-editor-bundle.docs-charts-editor-parent-bundle>div {
  border: 2px solid #f8f9fa
}

.docs-charts-editor-bundle.docs-charts-editor-parent-bundle.docs-charts-editor-open-bundle {
  padding: 8px 16px 6px 16px
}

.docs-charts-editor-selector-bundle-selector-wrapper {
  padding: 0 16px
}

.docs-charts-editor-selector-bundle-selector-wrapper {
  padding: 8px 16px
}

.docs-charts-editor-selector-bundle-selector-label {
  color: rgba(0, 0, 0, .54);
  display: inline-block;
  line-height: 26px;
  vertical-align: top
}

.docs-charts-editor-selector-bundle-selector {
  display: inline-block;
  max-width: 100%;
  padding-left: 0;
  width: 100%
}

.docs-charts-editor-selector-bundle-selector .docs-material-gm-labeled-select-outer-box {
  box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15);
  border: none;
  margin-bottom: 0
}

.docs-charts-editor-selector-bundle-selector .docs-material-gm-labeled-select-caption {
  color: #188038;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .25px
}

.docs-charts-editor-selector-bundle-selector .docs-material-gm-labeled-select-content {
  display: none
}

.docs-charts-editor-selector-bundle-selector .docs-material-gm-labeled-select-focused .docs-material-gm-labeled-select-outer-box,
.docs-charts-editor-selector-bundle-selector .docs-material-gm-labeled-select-open .docs-material-gm-labeled-select-outer-box {
  background-color: #f1f3f4
}

.docs-charts-editor-selector-bundle-selector .docs-material-gm-labeled-select-hover .docs-material-gm-labeled-select-outer-box {
  background-color: #f8f9fa
}

.docs-charts-editor-selector-bundle {
  background: transparent;
  padding: 4px 16px 6px 16px
}

.docs-charts-editor-selector-bundle .docs-charts-editor-selector-bundle-header {
  color: #3c4043;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .2px;
  line-height: 24px;
  margin-bottom: -4px;
  padding: 10px 0;
  padding-top: 8px
}

.docs-charts-editor-bundle-container {
  padding: 0 16px 6px
}

.docs-charts-editor-basic-bundle .docs-charts-editor-bundle.docs-charts-editor-parent-bundle {
  border-bottom: none
}

.docs-charts-editor-basic-bundle .docs-charts-editor-bundle.docs-charts-editor-parent-bundle.docs-charts-editor-open-bundle {
  padding-bottom: 0
}

.docs-charts-editor-basic-bundle .docs-charts-editor-row,
.docs-charts-editor-data-picker-bundle .docs-charts-editor-row {
  overflow: hidden
}

.docs-charts-editor-row.docs-charts-editor-row-allow-overflow {
  overflow: visible
}

.docs-charts-editor-data-picker-bundle .docs-charts-editor-bundle.docs-charts-editor-parent-bundle {
  border-bottom: none;
  padding-top: 0
}

.docs-charts-editor-alert-bundle {
  color: rgba(0, 0, 0, .54);
  line-height: 22px;
  text-align: center
}

.docs-charts-editor-alert-bundle .docs-charts-editor-bundle.docs-charts-editor-parent-bundle {
  align-items: center;
  border-bottom: none;
  bottom: 0;
  display: flex;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.docs-charts-editor-alert-bundle .docs-charts-editor-bundle.docs-charts-editor-parent-bundle>div {
  width: 100%
}

.docs-charts-editor-alert-bundle-icon {
  background-image: url(https://ssl.gstatic.com/docs/spreadsheets/chart-editor-empty.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100px 100px;
  height: 100px;
  width: 100%
}

.docs-charts-editor-pill-remove-button {
  background: none;
  background-color: #bfbfbf;
  border: none;
  border-radius: 16px;
  bottom: 2px;
  float: right;
  height: 16px;
  margin: 8px;
  position: relative;
  transition: background-color .2s ease;
  width: auto
}

.docs-charts-editor-pill-remove-button.jfk-button-hover {
  background-color: #aaa
}

.docs-charts-editor-pill {
  background-color: #fff;
  border-radius: 0;
  box-shadow: none;
  padding-left: 0;
  padding-right: 0
}

.docs-charts-editor-pill-remove {
  position: relative;
  width: 100%
}

.docs-charts-editor-pill-flex {
  display: flex
}

.docs-charts-editor-pill-flex-col {
  box-sizing: border-box;
  flex: 50%;
  display: inline-block;
  padding-left: 10px
}

.docs-charts-editor-pill-flex-col:first-of-type {
  padding-left: 0
}

.docs-charts-editor-pill-fixed-col {
  padding-left: 10px
}

.docs-charts-editor-pill-fixed-col:first-of-type {
  padding-left: 0
}

.docs-charts-editor-column-names-menu-wrapper {
  display: none
}

.docs-charts-editor-column-names-menu-enabled {
  width: 460px !important
}

.docs-charts-editor-column-names-menu-enabled .docs-charts-editor-toggle-tabs {
  border-bottom: 1px solid #dadce0
}

.docs-charts-editor-column-names-menu-enabled .docs-charts-editor-scroll-pane {
  overflow-y: hidden
}

.docs-charts-editor-column-names-menu-enabled .docs-charts-editor-basic-tab {
  display: flex;
  flex-direction: row;
  height: 100%;
  overflow: hidden
}

.docs-charts-editor-column-names-menu-enabled .docs-charts-editor-basic-tab-bundle-wrapper {
  border-right: 1px solid #dadce0;
  box-sizing: border-box;
  height: 100%;
  overflow-y: auto;
  width: 300px
}

.docs-charts-editor-column-names-menu-enabled .docs-charts-editor-column-names-menu-wrapper {
  display: block;
  height: 100%;
  overflow-y: auto;
  width: 160px
}

.docs-charts-editor-column-names-menu-enabled .docs-charts-editor-customize-tab {
  overflow-y: auto
}

.docs-charts-editor-customize-tab hr {
  background-color: #dadce0;
  border: 0;
  height: 1px;
  margin: 17px -16px
}

.docs-charts-editor-charttype-select-icon {
  float: left
}

.docs-charts-editor-charttype-select-icon>svg {
  height: 18px;
  width: 18px;
  margin-right: 10px;
  vertical-align: sub
}

.docs-material-select-disabled .docs-charts-editor-charttype-select-icon {
  opacity: .12
}

.docs-charts-editor-charttype-new {
  background-color: #000;
  border: 1px solid #fff;
  border-radius: 1px;
  bottom: 1px;
  color: #fff;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 10px;
  font-weight: 500;
  height: 16px;
  line-height: 17px;
  opacity: .54;
  padding: 0 4px;
  position: absolute;
  right: 1px;
  text-transform: uppercase
}

.docs-charts-editor-chart-type-select .docs-material-gm-select-caption {
  width: 100%
}

.docs-charts-editor-charttype-menu {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
  background-color: #fff;
  margin-left: -12px;
  margin-top: 5px;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 10px 16px;
  position: absolute;
  width: 270px;
  z-index: 3
}

.docs-charts-editor-charttype-option {
  border: 1px solid #bdbdbd;
  cursor: pointer;
  height: 45px;
  margin: 0 23px 10px 0;
  overflow: hidden;
  padding: 2px;
  position: relative;
  width: 67px
}

.docs-charts-editor-palette-label {
  color: rgba(0, 0, 0, .87);
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 13px
}

.docs-charts-editor-charttype-menu .goog-palette {
  display: inline-block;
  margin-bottom: 0;
  margin-top: 10px
}

.docs-charts-editor-charttype-menu .goog-palette-cell {
  border: 0;
  cursor: inherit
}

.docs-charts-editor-charttype-menu .goog-palette-table {
  border: 0;
  margin: 5px 0 0 0
}

.goog-palette-cell-hover .docs-charts-editor-charttype-option {
  border: 1px solid #9e9e9e
}

.goog-palette-cell-selected .docs-charts-editor-charttype-option {
  box-shadow: 0 0 0 4px #c6dafc
}

.docs-charts-editor-charttype-option-canvas {
  direction: ltr;
  height: 45px;
  width: 67px
}

.docs-charts-editor-charttype-option-gviz-org-chart {
  transform: scale(.61, .68);
  background: url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -1428px no-repeat
}

.docs-charts-editor-charttype-option-gviz-radar-chart {
  transform: scale(.6);
  background: url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -2233px no-repeat
}

.docs-charts-editor-charttype-option-gviz-annotated-timeline-chart {
  transform: scale(.61, .68);
  background: url(//ssl.gstatic.com/charts/static/thumbs17.png) 0 -1895px no-repeat
}

.docs-charts-editor-charttype-option-gviz-table-chart {
  transform: scale(.61, .68);
  background: url(//ssl.gstatic.com/charts/static/thumbs17.png) 0 -1351px no-repeat
}

.docs-charts-editor-charttype-option-gviz-geo-chart {
  transform: scale(.61, .68);
  background: url(//ssl.gstatic.com/charts/static/thumbs17.png) 0 -2772px no-repeat
}

.docs-charts-editor-charttype-option-gviz-geo-chart-with-markers {
  transform: scale(.61, .68);
  background: url(//ssl.gstatic.com/charts/static/thumbs17.png) 0 -612px no-repeat
}

.docs-charts-editor-charttype-option-disabled-chart {
  opacity: .25
}

.docs-charts-editor-charttype-option-gviz-annotated-timeline-chart,
.docs-charts-editor-charttype-option-gviz-geo-chart,
.docs-charts-editor-charttype-option-gviz-geo-chart-with-markers,
.docs-charts-editor-charttype-option-gviz-org-chart,
.docs-charts-editor-charttype-option-gviz-radar-chart,
.docs-charts-editor-charttype-option-gviz-table-chart {
  transform-origin: 0 0;
  float: left;
  height: 67px;
  width: 110px
}

.docs-charts-editor-gauge-colored-range-bundle {
  border-top: 1px dashed #9e9e9e;
  margin-top: 20px;
  padding-top: 5px
}

.docs-charts-editor-gauge-colored-range-bundle .docs-charts-editor-row>.docs-charts-editor-col>div {
  margin: 0
}

.docs-charts-editor-gauge-colored-range-bundle .docs-charts-editor-row {
  margin-top: 10px
}

.docs-charts-editor-number-format-type-container {
  display: flex;
  justify-content: space-between
}

.docs-charts-editor-number-format-type-example {
  color: #80868b
}

.docs-material-gm-labeled-select .docs-charts-editor-number-format-type-example {
  display: none
}

.docs-charts-editor-number-format-type-header {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: 500;
  left: 38px;
  line-height: 13px;
  padding: 4px 0;
  text-transform: uppercase
}

.docs-charts-editor-pie-slice-options hr {
  background-color: #dadce0;
  border: 0;
  height: 1px;
  margin: 17px -16px
}

.docs-charts-editor-series-select-color {
  border-radius: 50%;
  height: 15px;
  left: -15px;
  margin: 0;
  position: relative;
  top: 3px;
  width: 15px
}

.docs-charts-editor-series-select .docs-material-gm-labeled-select-caption>div {
  color: #202124;
  padding-left: 20px
}

.docs-charts-editor-series-point-shape-icon {
  fill: rgba(0, 0, 0, .87);
  height: 12px;
  margin-bottom: -1px;
  margin-right: 9px;
  width: 12px
}

.goog-menuitem-content .docs-charts-editor-series-point-shape-icon {
  margin-left: -12px
}

.docs-charts-editor-series-line-dash-type-icon {
  height: 2px;
  stroke: rgba(0, 0, 0, .87);
  width: 75px;
  vertical-align: middle
}

.docs-charts-editor-series-format-data-point-button .docs-charts-editor-control-label.docs-charts-editor-labeledactionablebutton-label,
.docs-charts-editor-series-format-labeledsection .docs-charts-editor-control-label.docs-charts-editor-labeledsection {
  color: #3c4043;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .2px;
  line-height: 24px;
  margin-bottom: 0;
  padding: 10px 0
}

.docs-charts-editor-series-format-label-hide {
  display: none
}

.docs-charts-editor-series-format-data-point-button>div {
  display: flex;
  justify-content: space-between
}

.docs-charts-editor-series-format-data-point-button .docs-charts-editor-labeledactionablebutton {
  padding: 10px 0
}

.col-50.docs-charts-editor-series-format-data-point-button {
  padding: 10px 0;
  text-align: right
}

.docs-charts-editor-series-fill-style-bundle .docs-charts-editor-seriesfillstylesubbundle .docs-charts-editor-fill-style-bundle-color .docs-charts-editor-material-toolbar-color-picker,
.docs-charts-editor-series-fill-style-bundle .docs-charts-editor-seriesfillstylesubbundle .docs-charts-editor-fill-style-bundle-color .docs-charts-editor-material-toolbar-color-picker-outer-box,
.docs-charts-editor-series-line-style-bundle .docs-charts-editor-serieslinestylesubbundle .docs-charts-editor-line-style-color .docs-charts-editor-material-toolbar-color-picker,
.docs-charts-editor-series-line-style-bundle .docs-charts-editor-serieslinestylesubbundle .docs-charts-editor-line-style-color .docs-charts-editor-material-toolbar-color-picker-outer-box {
  width: 100%
}

.docs-charts-editor-series-single-item-style-item-select {
  max-width: 70%
}

.docs-charts-editor-table-border-container {
  background: #fdfdfd;
  border-top: 1px solid #e0e0e0;
  padding: 0 16px 6px
}

.docs-charts-editor-textstyle-toolbar {
  border: 1px solid #d8d8d8;
  border-radius: 1px;
  margin: 6px 0;
  padding: 0 4px
}

#docs-charts-editor-textstyle-font-family .goog-toolbar-menu-button-caption {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 67px
}

#docs-charts-editor-textstyle-font-size .goog-toolbar-combo-button-caption {
  width: 32px
}

#docs-charts-editor-textstyle-font-size .goog-toolbar-combo-button-input {
  width: 12px
}

.docs-charts-editor-textstyle-container {
  border: 1px solid #dadce0;
  border-radius: 4px;
  display: inline-block;
  height: 40px;
  line-height: 40px
}

.docs-charts-editor-textstyle-separator {
  border-left: 1px solid #dadce0;
  height: 25px;
  margin: 7px 1px;
  vertical-align: top
}

.docs-charts-editor-textstyle-italic {
  margin-left: -1px
}

.docs-charts-editor-series-waterfall-bundle .docs-charts-editor-seriesfillstylesubbundle .docs-charts-editor-fill-style-bundle-color .docs-charts-editor-material-toolbar-color-picker,
.docs-charts-editor-series-waterfall-bundle .docs-charts-editor-seriesfillstylesubbundle .docs-charts-editor-fill-style-bundle-color .docs-charts-editor-material-toolbar-color-picker-outer-box,
.docs-charts-editor-series-waterfall-bundle .docs-charts-editor-serieslinestylesubbundle .docs-charts-editor-line-style-color .docs-charts-editor-material-toolbar-color-picker,
.docs-charts-editor-series-waterfall-bundle .docs-charts-editor-serieslinestylesubbundle .docs-charts-editor-line-style-color .docs-charts-editor-material-toolbar-color-picker-outer-box {
  width: 100%
}

.docs-charts-editor-waterfall-total-column-label {
  flex: 1
}

.docs-charts-editor-series-item-selection-dialog-input-default-caption {
  color: #bdbdbd
}

.docs-charts-editor-col.docs-charts-editor-waterfall-connector-line-color {
  width: 48%
}

.docs-charts-editor-col.docs-charts-editor-waterfall-connector-line-thickness {
  width: 52%
}

.docs-charts-editor-waterfall-add-total-button {
  color: #4285f4;
  font-weight: 500;
  padding: 2px 1px 0 1px;
  text-transform: uppercase
}

.docs-charts-editor-waterfall-add-total-column {
  margin-bottom: 10px
}

.docs-charts-contextual-editor .docs-charts-editor-customize-tab .docs-charts-editor-bundle.docs-charts-editor-parent-bundle {
  border-bottom: none
}

.docs-charts-contextual-editor {
  bottom: 0;
  left: 0;
  margin-right: 0;
  position: absolute;
  right: 0;
  top: 0
}

.docs-charts-editor.docs-charts-contextual-editor .docs-charts-editor-scroll-pane .docs-charts-editor-customize-tab {
  background-color: #fff
}

.docs-charts-editor-data-point-format-fill-style-bundle .docs-charts-editor-selector-bundle,
.docs-charts-editor-data-point-format-line-style-bundle .docs-charts-editor-selector-bundle {
  padding: 0
}

.docs-charts-contextual-editor-content .docs-charts-editor-noncollapsible-section .docs-charts-editor-data-point-format-fill-style-bundle .docs-charts-editor-material-toolbar-color-picker,
.docs-charts-contextual-editor-content .docs-charts-editor-noncollapsible-section .docs-charts-editor-data-point-format-fill-style-bundle .docs-charts-editor-material-toolbar-color-picker-outer-box,
.docs-charts-contextual-editor-content .docs-charts-editor-noncollapsible-section .docs-charts-editor-data-point-format-line-style-bundle .docs-charts-editor-material-toolbar-color-picker,
.docs-charts-contextual-editor-content .docs-charts-editor-noncollapsible-section .docs-charts-editor-data-point-format-line-style-bundle .docs-charts-editor-material-toolbar-color-picker-outer-box {
  width: 100%
}

.docs-gm .waffle-charteditor-chip-menu .goog-menuitem {
  padding-left: 15px
}

.waffle-charteditor-domain-grouping-button-container {
  display: flex;
  margin-top: 20px
}

.docs-charts-editor-row>.docs-charts-editor-col>.waffle-charteditor-domain-grouping-control-add-button {
  margin: 0
}

.waffle-charteditor-domain-grouping-button-label {
  flex-grow: 1;
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .2px;
  line-height: 20px
}

.waffle-charteditor-domain-grouping-chip .docs-charts-editor-chip-label {
  color: #424242;
  font-size: 14px
}

.waffle-charteditor-filter-button-container {
  display: flex
}

.waffle-charteditor-filter-button-label {
  flex-grow: 1;
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .2px;
  line-height: 44px
}

.waffle-charteditor-filter-cards {
  margin-bottom: 48px
}

.waffle-charteditor-filter-card {
  background-color: #f1f3f4;
  border-radius: 8px;
  padding: 0 10px 10px 10px
}

.waffle-charteditor-filter-card:not(:last-child) {
  margin-bottom: 10px
}

.waffle-charteditor-filter-card-top-row {
  align-items: center;
  display: flex;
  padding-bottom: 2px
}

.waffle-charteditor-filter-card-top-row>div {
  flex-shrink: 0
}

.waffle-charteditor-filter-card-remove {
  margin-right: -10px
}

.waffle-charteditor-filter-card-top-row>.waffle-charteditor-filter-card-label {
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
  text-overflow: ellipsis
}

.waffle-charteditor-filter-card-label {
  color: #424242;
  font-size: 14px;
  padding-left: 8px
}

.waffle-charteditor-filter-card-select-label {
  color: #5f6368;
  font-size: 11px;
  padding-bottom: 3px;
  padding-left: 2px
}

.waffle-charteditor-filter-card-select .jfk-select.goog-flat-menu-button {
  background-color: #fff;
  padding-bottom: 2px;
  padding-top: 2px;
  text-align: left;
  width: 100%
}

.waffle-charteditor-filter-card-select .jfk-select.goog-flat-menu-button-hover {
  background-color: rgba(60, 64, 67, .04);
  border: 1px solid #dadce0
}

.waffle-charteditor-filter-card-select .jfk-select.goog-flat-menu-button-focused {
  background-color: rgba(60, 64, 67, .06);
  border: 1px solid #dadce0
}

.waffle-charteditor-filter-card-select .jfk-select .goog-flat-menu-button-caption {
  font-size: 12px
}

.waffle-charteditor-rangepicker-multiple-domains-bundle {
  margin: 0 -16px
}

.waffle-charteditor-multiple-domains-bundle-wrapper {
  margin: 0 16px
}

.waffle-charteditor-multiple-domains-bundle-wrapper hr {
  background-color: #f1f3f4;
  border: 0;
  height: 4px;
  margin: 16px -16px 8px -16px
}

.waffle-charteditor-add-multiple-domains-button-label {
  color: #188038;
  display: inline-block;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 250%;
  margin-left: 4px;
  vertical-align: middle
}

.waffle-charteditor-multiple-domains-bundle-add-button>div {
  width: 100%
}

.waffle-charteditor-multiple-domains-bundle-add-button div[role=button] {
  cursor: pointer;
  background: none;
  outline: none;
  width: 100%
}

.waffle-charteditor-multiple-domains-component-header-container {
  display: flex
}

.waffle-charteditor-multiple-domains-component-axis-container,
.waffle-charteditor-multiple-domains-component-series-container {
  display: flex;
  margin-top: 20px
}

.docs-charts-editor-row>.docs-charts-editor-col>.waffle-charteditor-multiple-domains-component-axis-button,
.docs-charts-editor-row>.docs-charts-editor-col>.waffle-charteditor-multiple-domains-component-series-button {
  margin: 0
}

.waffle-charteditor-multiple-domains-component-header-label {
  flex-grow: 1;
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .2px;
  line-height: 20px;
  outline: none
}

.waffle-charteditor-multiple-domains-component-header-button {
  bottom: 5px;
  position: relative
}

.waffle-charteditor-multiple-domains-component-axis-label,
.waffle-charteditor-multiple-domains-component-series-label {
  flex-grow: 1;
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .8px;
  line-height: 16px;
  text-transform: uppercase
}

.waffle-charteditor-numeric-group-control-container {
  align-items: center;
  display: flex
}

.waffle-charteditor-numeric-group-control-checkbox {
  flex-grow: 1
}

.waffle-charteditor-sort-button-container {
  display: flex
}

.waffle-charteditor-sort-button-label {
  flex-grow: 1;
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .2px;
  line-height: 44px
}

.waffle-charteditor-sort-order-toggle {
  background: none;
  border: 0;
  color: #5f6368;
  cursor: pointer;
  font-style: italic
}

.waffle-charteditor-sort-chip .docs-charts-editor-chip-label {
  color: #424242;
  font-size: 14px
}

.waffle-charteditor-external-menu-button,
.waffle-charteditor-external-menu-button-caption,
.waffle-charteditor-external-menu-button-dropdown,
.waffle-charteditor-external-menu-button-inner-box,
.waffle-charteditor-external-menu-button-outer-box {
  cursor: pointer;
  display: block
}

.waffle-charteditor-data-constraint-disabled .waffle-charteditor-external-menu-button,
.waffle-charteditor-data-constraint-disabled .waffle-charteditor-external-menu-button-caption,
.waffle-charteditor-data-constraint-disabled .waffle-charteditor-external-menu-button-dropdown,
.waffle-charteditor-data-constraint-disabled .waffle-charteditor-external-menu-button-inner-box,
.waffle-charteditor-data-constraint-disabled .waffle-charteditor-external-menu-button-outer-box {
  cursor: not-allowed
}

.waffle-charteditor-external-menu-button {
  outline: none
}

.waffle-charteditor-external-menu-button-dropdown {
  height: 0
}

.docs-charts-editor-chip.waffle-charteditor-external-menu-button-focused:not(.waffle-charteditor-external-menu-button-open) .docs-charts-editor-chip-content,
.waffle-charteditor-pickerchip.waffle-charteditor-external-menu-button-focused:not(.waffle-charteditor-external-menu-button-open) .docs-charts-editor-chip-content {
  outline: 5px auto MATERIAL_COLOR_GOOGLE_BLUE_500;
  outline-offset: -3px
}

.waffle-charteditor-sidebar.waffle-sidebar-container {
  width: 320px;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 13px;
  z-index: 2
}

.waffle-charteditor-content {
  background-color: #fff;
  height: 100%
}

.waffle-charteditor-rangepicker-modification-disabled {
  display: none;
  font-size: 14px;
  margin-top: 15px
}

.waffle-charteditor-rangepicker-checkboxes-container {
  margin: 10px 0
}

.waffle-charteditor-rangepicker-checkboxes-container .docs-material-gm-labeled-checkbox {
  padding: 4px 0
}

.waffle-charteditor-rangepicker-labels-as-text {
  margin-left: 28px
}

.waffle-charteditor-rangepicker-has-external-data .waffle-charteditor-rangepicker-labels-as-text {
  margin-left: 0
}

.docs-charts-editor-row>.waffle-charteditor-rangepicker-data-picker>div {
  margin-top: 0
}

.waffle-charteditor-rangepicker-data-picker .waffle-charteditor-date-group-control-bucket-type .docs-material-gm-labeled-select-content {
  display: none
}

.waffle-charteditor-rangepicker-data-transformation .waffle-charteditor-rangepicker-modification-disabled {
  display: block
}

.waffle-charteditor-rangepicker-data-transformation .waffle-charteditor-rangepicker-checkboxes-container,
.waffle-charteditor-rangepicker-data-transformation .waffle-charteditor-rangepicker-merge {
  display: none
}

.waffle-charteditor-rangepicker-error-label {
  color: #b93221;
  font-size: 13px
}

.waffle-charteditor-unsupported-chart-type {
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .12), 0 1px 8px 0 rgba(0, 0, 0, .2);
  background: #ffebee;
  color: rgba(0, 0, 0, .87);
  letter-spacing: .04em;
  position: absolute;
  top: 0;
  z-index: 1
}

.waffle-charteditor-unsupported-chart-type-message {
  box-sizing: border-box;
  font-size: 14px;
  padding: 16px
}

.waffle-charteditor-recommendation-palette.goog-palette {
  border-bottom: 1px solid rgba(0, 0, 0, .12);
  margin-bottom: 10px;
  padding-bottom: 20px;
  width: 265px
}

.waffle-charteditor-recommendation-palette .docs-charts-editor-palette-label {
  text-transform: uppercase
}

.waffle-charteditor-recommendation-option {
  box-shadow: 0 0 0 4px #ddd;
  cursor: pointer;
  height: 80px;
  margin: 3px 12px 10px 0;
  overflow: hidden;
  padding: 2px;
  position: relative;
  width: 123px
}

.goog-palette-cell-hover .waffle-charteditor-recommendation-option {
  box-shadow: 0 0 0 4px #bbc7ed
}

.goog-palette-cell-selected .waffle-charteditor-recommendation-option {
  box-shadow: 0 0 0 4px #6485f1
}

.waffle-charteditor-recommendation-option-canvas {
  direction: ltr
}

.waffle-charteditor-recommendation-chip {
  background-color: #4285f4;
  border: 1px solid #fff;
  bottom: 6px;
  color: #fff;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 10px;
  font-weight: 500;
  height: 13px;
  line-height: 13px;
  max-width: 84px;
  overflow-x: hidden;
  padding: 2px 7px 0 7px;
  position: absolute;
  right: 6px;
  text-overflow: ellipsis;
  white-space: nowrap
}

.waffle-charteditor-recommendation-option .waffle-assistant-feedback-button {
  margin: 0;
  position: absolute;
  right: 0;
  top: 0
}

.waffle-charteditor-data-constraint-disabled .waffle-charteditor-picker-button-wrapper {
  cursor: not-allowed
}

.waffle-charteditor-picker-button-wrapper {
  align-items: center;
  justify-content: center;
  cursor: pointer;
  display: flex;
  height: 32px;
  margin-right: 12px
}

.waffle-charteditor-data-constraint-disabled .waffle-charteditor-pickerchip .docs-charts-editor-chip-label {
  cursor: not-allowed
}

.waffle-charteditor-pickerchip .docs-charts-editor-chip-content {
  box-sizing: border-box;
  background-color: transparent;
  border: 1px solid #dadce0
}

.waffle-charteditor-data-constraint-disabled .docs-charts-editor-chip-content {
  opacity: .5
}

.waffle-charteditor-pickerchip-button {
  transition: opacity .2s cubic-bezier(.4, 0, .2, 1);
  margin-right: 8px;
  margin-top: 1px;
  opacity: .7
}

.jfk-button-hover .waffle-charteditor-pickerchip-button {
  opacity: 1
}

.waffle-charteditor-pickerchip.docs-charts-editor-chip-invalid .docs-charts-editor-chip-content {
  background-color: #f0f0f0
}

.waffle-charteditor-pickerchip .docs-charts-editor-chip-label {
  color: #9e9e9e
}

.waffle-charteditor-pickerchip .docs-charts-editor-chip-label {
  color: #5f6368;
  cursor: pointer;
  font-weight: 500
}

.waffle-charteditor-data-constraint-header {
  align-items: center;
  display: flex
}

.waffle-charteditor-annotation-chip-label,
.waffle-charteditor-data-constraint-name {
  color: #3c4043;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .8px;
  margin-top: 10px;
  text-transform: uppercase;
  vertical-align: top
}

.waffle-charteditor-data-constraint-name {
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .2px;
  line-height: 20px;
  margin-top: 10px;
  overflow: hidden;
  text-transform: none
}

.waffle-charteditor-data-constraint-icon-content {
  flex-grow: 1;
  margin-top: 8px;
  margin-left: 8px
}

.waffle-charteditor-annotation-chip-label {
  color: #80868b;
  line-height: 16px;
  margin-right: 10px
}

.waffle-charteditor-data-constraint-aggregate-type .docs-material-gm-labeled-select-outer-box {
  padding: 0 0 0 8px
}

.waffle-charteditor-data-constraint-chip {
  color: #424242;
  font-size: 14px;
  margin-top: 8px
}

.waffle-charteditor-data-constraint {
  position: relative
}

.waffle-charteditor-annotation-chip-wrapper {
  display: block;
  margin-bottom: 15px;
  margin-left: 50px
}

.waffle-charteditor-annotation-chip {
  flex: 1
}

.waffle-charteditor-chip-icon {
  left: 8px;
  margin-left: 15px;
  margin-top: 9px;
  top: 7px
}

.waffle-charteditor-chip-delete-button {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+ICA8cGF0aCBmaWxsPSIjZjBmMGYwIiBkPSJNMTkgNi40MUwxNy41OSA1IDEyIDEwLjU5IDYuNDEgNSA1IDYuNDEgMTAuNTkgMTIgNSAxNy41OSA2LjQxIDE5IDEyIDEzLjQxIDE3LjU5IDE5IDE5IDE3LjU5IDEzLjQxIDEyeiIvPjwvc3ZnPg==");
  background-color: #5f6368;
  border: 0;
  border-radius: 16px;
  cursor: pointer;
  height: 16px;
  margin: 10px;
  transition: background-color .2s ease;
  width: 16px
}

.waffle-charteditor-chip-delete-button:hover {
  background-color: #aaa
}

.waffle-charteditor-series-aggregate-type {
  align-items: center;
  display: flex
}

.waffle-charteditor-series-aggregate-type-label {
  color: #616161;
  font-style: italic;
  padding: 0 10px
}

.waffle-charteditor-chip-during-dragging.goog-menuitem {
  box-sizing: border-box;
  border-radius: 16px;
  cursor: move;
  overflow: hidden;
  padding-left: 8px;
  padding-right: 8px;
  background: #f8f9fa;
  box-shadow: 0 4px 4px 0 rgba(60, 64, 67, .3), 0 8px 12px 6px rgba(60, 64, 67, .15);
  opacity: .9;
  width: 267px;
  z-index: 2
}

.waffle-charteditor-chip-during-dragging.goog-menuitem .goog-menuitem-content,
.waffle-charteditor-chip-during-dragging.goog-menuitem .goog-menuitem-content span {
  flex: 1;
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500
}

.waffle-charteditor-chip-during-dragging.goog-menuitem .goog-menuitem-content>div {
  display: flex;
  flex-direction: row;
  justify-content: flex-start
}

.waffle-charteditor-chip-during-dragging.goog-menuitem .goog-menuitem-icon {
  margin: 0 8px 0 0;
  position: relative;
  top: 0
}

.waffle-charteditor-chip-hover-highlight .docs-charts-editor-chip-content {
  background: #ceead6;
  border: 1px solid #34a853;
  box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15)
}

.waffle-charteditor-chip-hover-highlight.docs-charts-editor-bundle.docs-charts-editor-child-bundle.docs-charts-editor-open-bundle .goog-inline-block.docs-charts-editor-material-textbutton {
  background-color: #f8fcf9
}

.waffle-charteditor-chip-hover-highlight.docs-charts-editor-bundle.docs-charts-editor-child-bundle.docs-charts-editor-open-bundle {
  padding-bottom: 56px
}

.waffle-charteditor-chip-hover-highlight.docs-charts-editor-bundle.docs-charts-editor-child-bundle.docs-charts-editor-open-bundle .waffle-charteditor-filter-card {
  background: #ceead6;
  border: 1px solid #34a853;
  box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15)
}

.waffle-charteditor-modelmigration-restore-toast {
  max-width: 460px
}

#docs-editor.companion-enabled,
#docs-editor.companion-enabled #waffle-grid-container {
  width: 100%
}

#docs-editor.companion-enabled #grid-bottom-bar {
  width: calc(100% - 56px)
}

#docs-editor.companion-enabled #grid-bottom-bar.grid-bottom-bar-rtl-companion-collapsed {
  width: 100%
}

#docs-editor.companion-enabled #grid-bottom-bar.grid-bottom-bar-rtl.grid-bottom-bar-rtl-companion-collapsed {
  right: 0
}

#docs-editor.companion-enabled #grid-bottom-bar.grid-bottom-bar-rtl-companion-open {
  right: 356px
}

.docs-ui-toast.waffle-assistant-toast.waffle-assistant-toast-companion {
  right: 71px
}

.companion-collapser-button-container.companion-collapser-button-container-elevated {
  margin-bottom: auto
}

.docs-companion-app-switcher-container-collapsed .companion-collapser-button,
.docs-companion-app-switcher-container-collapsed .companion-collapser-button-container {
  height: 36px
}

.docs-jfk-styling .companion-collapser-button,
.docs-jfk-styling .companion-collapser-button .app-switcher-button-icon-background,
.docs-jfk-styling .companion-collapser-button .app-switcher-button-icon-container {
  transition: all 0s ease 0s
}

.companion-collapser-button.app-switcher-button-checked {
  right: 0
}

.companion-collapser-button.app-switcher-button-checked .app-switcher-button-icon-background,
.companion-collapser-button.app-switcher-button-checked .app-switcher-button-icon-container {
  box-shadow: none;
  margin: 8px;
  padding: 10px;
  top: -8px;
  width: 20px
}

.companion-collapser-button.app-switcher-button-checked .app-switcher-button-icon-background {
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0
}

.companion-collapser-button {
  transition: none
}

.companion-collapser-button .app-switcher-button-icon-background,
.companion-collapser-button .app-switcher-button-icon-container {
  transition-property: background-color
}

.companion-collapser-button:not(.app-switcher-button-checked) .app-switcher-button-icon-background,
.companion-collapser-button:not(.app-switcher-button-checked) .app-switcher-button-icon-container {
  transition-property: margin-top
}

.companion-collapser-button.app-switcher-button-hover.app-switcher-button-checked .app-switcher-button-icon-background {
  background-color: #f1f3f4
}

.companion-collapser-button.app-switcher-button-focused.app-switcher-button-checked .app-switcher-button-icon-background {
  background-color: #e8eaed
}

.companion-collapser-button.app-switcher-button-checked .app-switcher-button-icon {
  margin-left: 0
}

.docs-jfk-styling .companion-collapser-button.app-switcher-button-checked .app-switcher-button-icon-background,
.docs-jfk-styling .companion-collapser-button.app-switcher-button-checked .app-switcher-button-icon-container {
  top: -10px
}

.docs-jfk-styling .companion-collapser-button .app-switcher-button-icon {
  border: 1px solid transparent;
  transition: all 0s ease 0s
}

.docs-jfk-styling .companion-collapser-button.app-switcher-button-hover.app-switcher-button-checked .app-switcher-button-icon-background {
  background-color: transparent
}

.docs-jfk-styling .companion-collapser-button.app-switcher-button-hover.app-switcher-button-checked .app-switcher-button-icon {
  border-color: #c6c6c6
}

.docs-jfk-styling .companion-collapser-button.app-switcher-button-focused.app-switcher-button-checked .app-switcher-button-icon {
  outline: 5px auto -webkit-focus-ring-color
}

.waffle-dashboard-fab-plus-button {
  bottom: 40px;
  position: absolute;
  right: 55px;
  z-index: 20
}

.waffle-dashboard-fab-list {
  bottom: 100px;
  position: absolute;
  right: 55px;
  z-index: 20
}

.waffle-dashboard-fab-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fafafa;
  border-radius: 50%;
  box-shadow: 0 10px 10px #bdbdbd;
  cursor: pointer;
  height: 60px;
  margin-top: 20px;
  outline: none;
  width: 60px
}

.waffle-dashboard-fab-buttons:last-child {
  margin-bottom: 20px
}

.waffle-dashboard-fab-buttons:focus,
.waffle-dashboard-fab-buttons:hover {
  background-color: #eee
}

.waffle-dashboard-fab-icons {
  transform: scale(1.3)
}

.waffle-dataconnector-big-query-script-select-menu-placeholder-spinner {
  align-items: center;
  display: flex;
  height: 270px;
  justify-content: center
}

.waffle-dataconnector-big-query-script-select-menu-placeholder-spinner .waffle-spinner {
  height: 24px;
  width: 24px
}

.waffle-dataconnector-big-query-script-select-container {
  display: flex;
  flex-direction: column;
  position: absolute;
  min-width: 270px;
  max-width: 600px
}

.waffle-dataconnector-big-query-script-select-menu {
  position: relative
}

.waffle-dataconnector-big-query-script-select-menu.goog-menu.goog-menu-vertical {
  overflow: hidden
}

.waffle-dataconnector-big-query-script-select-menu-pagination-state.goog-menu.goog-menu-vertical {
  border-radius: 4px 4px 0 0
}

.waffle-dataconnector-big-query-script-select-menu-scrollable-wrapper {
  max-height: 270px;
  overflow-y: auto
}

.waffle-dataconnector-big-query-script-select-menu-scrollable-wrapper .goog-menuitem .goog-menuitem-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.waffle-dataconnector-big-query-script-select-menu-pagination {
  background-color: #fff;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15);
  clip-path: inset(0 -10px -10px -10px);
  column-gap: 8px;
  display: flex;
  justify-content: center;
  padding: 8px 0;
  z-index: 1003
}

.waffle-dataconnector-big-query-script-select-menu-pagination-next-page-button-wrapper,
.waffle-dataconnector-big-query-script-select-menu-pagination-previous-page-button-wrapper {
  align-items: center;
  background-color: transparent;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  height: 21px;
  justify-content: center;
  outline: none;
  padding: 0 5px 7px 0;
  width: 21px
}

.waffle-dataconnector-big-query-script-select-menu-pagination-next-page-button-wrapper {
  padding-right: 3px
}

.waffle-dataconnector-big-query-script-select-menu-pagination-previous-page-button-wrapper.docs-material-button:focus {
  padding: 0 5px 7px 0
}

.waffle-dataconnector-big-query-script-select-menu-pagination-next-page-button-wrapper.docs-material-button:focus {
  padding: 0 3px 7px 0
}

.waffle-dataconnector-big-query-script-select-menu-pagination-next-page-button-wrapper.docs-material-button-disabled,
.waffle-dataconnector-big-query-script-select-menu-pagination-previous-page-button-wrapper.docs-material-button-disabled {
  opacity: .5
}

@media screen and (forced-colors:active) and (prefers-color-scheme:dark) {

  .waffle-dataconnector-bigquery-script-widget-projects-selection-menu-container .docs-charts-editor-material-combo-box-focused,
  .waffle-dataconnector-bigquery-script-widget-saved-queries-selection-menu-container .docs-charts-editor-material-combo-box-focused {
    outline: 1px solid Highlight;
    outline-offset: -4px
  }
}

@media screen and (forced-colors:active) and (prefers-color-scheme:dark) {

  .waffle-dataconnector-big-query-script-select-menu-pagination-next-page-button-wrapper.docs-material-button:focus,
  .waffle-dataconnector-big-query-script-select-menu-pagination-previous-page-button-wrapper.docs-material-button:focus {
    outline: 1px solid Highlight;
    outline-offset: -2px
  }
}

.waffle-dataconnector-close-badge {
  background-color: rgba(0, 0, 0, .12);
  border-radius: 50%;
  box-sizing: border-box;
  height: 18px;
  position: relative;
  width: 18px
}

.waffle-dataconnector-close-badge svg {
  height: 80%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 80%
}

.waffle-dataconnector-close-badge polygon {
  fill: #fff
}

.waffle-dataconnector-close-badge-hover {
  background-color: rgba(0, 0, 0, .38);
  cursor: pointer
}

.waffle-dataconnector-delegation-banner-container {
  align-items: center;
  display: flex;
  background: #e6f4ea;
  height: 48px;
  position: relative
}

.waffle-dataconnector-delegation-banner-info-icon {
  margin: 0 20px
}

.docs-material .waffle-dataconnector-delegation-banner-close-button .docs-icon-img,
.docs-material .waffle-dataconnector-delegation-banner-info-icon .docs-icon-img {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_green.svg)
}

.waffle-dataconnector-delegation-banner-close-button {
  border-radius: 50%
}

.waffle-dataconnector-delegation-banner-header {
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 16px;
  letter-spacing: .1px;
  margin: 0 16px 0 0;
  min-width: 130px
}

.waffle-dataconnector-delegation-banner-close-button-wrapper {
  position: relative;
  margin-left: auto
}

.waffle-dataconnector-delegation-banner-info {
  color: #202124;
  font: 400 14px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  overflow: hidden;
  padding-right: 16px;
  white-space: nowrap;
  line-height: 28px
}

.waffle-dataconnector-delegation-settings-widget-toggle {
  cursor: pointer
}

.waffle-dataconnector-delegation-settings-widget-toggle .apps-ui-material-slide-toggle-container {
  margin-left: 0
}

.waffle-dataconnector-pill-spinner {
  border-radius: 50%;
  box-shadow: inset 0 0 0 2px;
  color: #4285f4;
  display: inline-block;
  height: 18px;
  margin: 7px 0;
  position: relative;
  width: 18px;
  margin-right: 7px
}

.waffle-dataconnector-pill-gm .waffle-dataconnector-pill-spinner {
  border-radius: 50%;
  box-shadow: inset 0 0 0 2px;
  color: #188038;
  display: inline-block;
  height: 18px;
  margin: 7px 0;
  position: relative;
  width: 18px;
  margin-right: 7px
}

.waffle-dataconnector-pill-spinner:before {
  animation: waffle-dataconnector-pill-spinner-animation 2s ease 1.5s infinite;
  transform-origin: 11px 10px;
  background: #fff;
  border-radius: 20px 0 0 20px;
  content: "";
  height: 20px;
  left: -1px;
  position: absolute;
  top: -1px;
  width: 11px
}

.waffle-dataconnector-pill-spinner:after {
  animation: waffle-dataconnector-pill-spinner-animation 2s ease infinite;
  transform-origin: 0 10px;
  background: #fff;
  border-radius: 0 20px 20px 0;
  content: "";
  height: 20px;
  left: 10px;
  position: absolute;
  top: -1px;
  width: 11px
}

@keyframes waffle-dataconnector-pill-spinner-animation {
  0% {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(1turn)
  }
}

.grid-shim-bottom {
  background-color: #f8f8f8;
  border-top: 1px solid #e5e5e5
}

.grid-shim-end-ltr,
.grid-shim-end-rtl {
  background: #f8f8f8;
  height: 100%;
  position: absolute;
  top: 0
}

.grid-shim-end-ltr {
  border-left: 1px solid #e5e5e5
}

.grid-shim-end-rtl {
  border-right: 1px solid #e5e5e5
}

.grid-shim-end-ltr {
  right: 0
}

.grid-shim-end-rtl {
  left: 0
}

.grid-bottom-bar {
  background-color: #eee;
  z-index: 18
}

.docs-gm .grid-bottom-bar {
  background-color: #f1f3f4;
  border-top: 1px solid #e8eaed
}

.docs-grille-gm3 .grid-bottom-bar {
  background-color: #f9fbfd;
  border-color: #f9fbfd;
  margin-top: 1px
}

.docs-grille-gm3.docs-hub .grid-bottom-bar {
  background-color: #fff
}

.docs-gm .grid-bottom-bar td {
  line-height: 0
}

.docs-gm .grid-bottom-bar .goog-toolbar {
  min-height: 0
}

.grid-bottom-bar,
.grid-shim-bottom {
  width: 100%
}

.docs-sheet-active-tab .docs-sheet-tab-dropdown {
  background: none
}

.docs-sheet-add .docs-sheet-button-icon,
.docs-sheet-add .docs-sheet-button-inner-box {
  background-position: -180px -37px
}

.docs-sheet-add.docs-sheet-button-hover .docs-sheet-button-icon,
.docs-sheet-add.docs-sheet-button-hover .docs-sheet-button-inner-box {
  background-position: -642px 0
}

.docs-sheet-left .docs-sheet-button-icon,
.docs-sheet-left .docs-sheet-button-inner-box {
  background-position: -430px -62px
}

.docs-sheet-left.docs-sheet-button-hover .docs-sheet-button-icon,
.docs-sheet-left.docs-sheet-button-hover .docs-sheet-button-inner-box {
  background-position: -757px -44px
}

.docs-sheet-left.docs-sheet-button-disabled .docs-sheet-button-icon,
.docs-sheet-left.docs-sheet-button-disabled .docs-sheet-button-inner-box {
  background-position: -430px -62px
}

.docs-sheet-right .docs-sheet-button-icon,
.docs-sheet-right .docs-sheet-button-inner-box {
  background-position: -509px -62px
}

.docs-sheet-right.docs-sheet-button-hover .docs-sheet-button-icon,
.docs-sheet-right.docs-sheet-button-hover .docs-sheet-button-inner-box {
  background-position: -597px -37px
}

.docs-sheet-right.docs-sheet-button-disabled .docs-sheet-button-icon,
.docs-sheet-right.docs-sheet-button-disabled .docs-sheet-button-inner-box {
  background-position: -509px -62px
}

.docs-sheet-all .docs-sheet-button-icon,
.docs-sheet-all .docs-sheet-button-inner-box {
  background-position: -791px -67px
}

.docs-sheet-all.docs-sheet-button-hover .docs-sheet-button-icon,
.docs-sheet-all.docs-sheet-button-hover .docs-sheet-button-inner-box {
  background-position: -217px -62px
}

.docs-sheet-button-inner-box:hover,
.docs-sheet-button-outer-box:hover {
  border-color: #c6c6c6 !important
}

.docs-sheet-button-inner-box {
  background: none
}

.docs-sheet-button-icon {
  background: url(https://ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png) no-repeat;
  margin: 2px
}

.docs-sheet-comment-indicator {
  background: none;
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  text-align: center
}

.docs-grille-gm3 .docs-sheet-comment-indicator {
  font-family: Roboto, sans-serif;
  font-size: 10px;
  font-weight: 700
}

.docos-comments-pe.docs-sheet-comment-indicator-container {
  height: 20px;
  margin: 0 4px 0 2px;
  width: 20px
}

.docs-gm .docos-comments-pe .docs-sheet-comment-indicator {
  fill: #d3dbe5;
  height: 20px;
  left: 12px;
  top: auto;
  width: 20px
}

[dir=rtl].docs-gm .docos-comments-pe .docs-sheet-comment-indicator {
  left: 14px
}

.docs-gm .docs-sheet-active-tab .docos-comments-pe .docs-sheet-comment-indicator {
  fill: #fff
}

.docos-comments-pe .docs-sheet-comment-indicator-text {
  color: #1f1f1f;
  display: flex;
  font: 500 11px/16px Roboto, sans-serif;
  justify-content: center;
  position: relative;
  right: 1px;
  top: 3px
}

.docos-comments-pe.docs-sheet-comment-indicator-overflow .docs-sheet-comment-indicator-text {
  right: .5px
}

.docs-sheet-outer-container {
  vertical-align: top
}

.docs-grille-gm3 .docs-sheet-outer-container {
  vertical-align: bottom
}

.docs-sheet-container {
  height: 30px;
  overflow: hidden;
  top: -1px
}

.docs-gm .docs-sheet-container {
  height: 40px;
  line-height: normal;
  margin-top: -1px;
  top: 0
}

.docs-grille-gm3 .docs-sheet-container {
  height: 36px
}

div.docs-sheet-container-bar {
  background: none;
  border: none;
  font-size: 13px;
  padding: 0 0 0 .5em;
  margin: 0 2px 2px 2px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap
}

.docs-sheet-container-bar .docs-sheet-tab-open {
  border-top: none;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .2) !important;
  z-index: 1004
}

.docs-sheet-tab-open {
  border-top: 1px solid #fff
}

div.docs-sheet-button-bar {
  background: none;
  border: none;
  padding: 2px 4px 4px 0;
  margin: 0 0 0 2px;
  overflow: hidden;
  white-space: nowrap
}

.docs-grille-gm3 div.docs-sheet-button-bar {
  height: 36px;
  padding-bottom: 0;
  padding-top: 0
}

.docs-sheet-tab {
  text-decoration: none;
  list-style: none;
  vertical-align: top;
  outline: none;
  height: 24px;
  z-index: 1003;
  color: #666;
  background-color: #e9e9e9;
  border-style: solid;
  border-width: 1px;
  border-color: #ccc;
  border-top-color: #aaa;
  cursor: pointer;
  padding: 2px;
  margin: 0 0 2px 0;
  min-width: 30px;
  border-radius: 0 0 2px 2px
}

.docs-gm .docs-sheet-tab {
  align-items: center;
  background-color: #f1f3f4;
  border-bottom: none;
  border-left: 1px solid #e8eaed;
  border-radius: 0;
  border-right: 1px solid #e8eaed;
  border-top: 1px solid #e8eaed;
  display: inline-flex;
  height: 39px;
  margin-right: -1px;
  padding: 0 12px 0 16px
}

.docs-grille-gm3 .docs-sheet-tab {
  background-color: #f9fbfd;
  border-color: #f9fbfd;
  height: 36px;
  padding: 0 6px 0 12px
}

.docs-grille-gm3.docs-hub .docs-sheet-tab:not(.docs-sheet-active-tab):not(.docs-sheet-tab-hover) {
  background-color: #fff
}

.docs-sheet-tab.docs-sheet-tab-selected,
.docs-sheet-tab.docs-sheet-tab-selected.docs-sheet-tab-hover {
  background-color: #fff;
  color: #222;
  outline: 3px solid transparent;
  outline-offset: -3px
}

.docs-sheet-tab-hover {
  color: #444;
  background-color: #f1f1f1;
  margin: 0 0 2px 0
}

.docs-gm .docs-sheet-tab-hover {
  background-color: #e8eaed;
  border-top-color: #e8eaed
}

.docs-grille-gm3 .docs-sheet-tab.docs-sheet-tab-hover {
  background-color: #e8ebee;
  border-color: #e8ebee
}

.docs-grille-gm3 .docs-sheet-tab.docs-sheet-tab-selected,
.docs-grille-gm3 .docs-sheet-tab:active,
.docs-grille-gm3 .docs-sheet-tab:focus {
  background-color: #e1e3e6;
  border-color: #e1e3e6
}

.docs-sheet-active-tab {
  color: #222;
  cursor: default;
  background-color: #fff;
  border-color: #aaa;
  border-top-color: #fff;
  border-width: 0 1px 1px 1px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
  font-weight: 500;
  margin: 0 0 2px 0;
  z-index: 1004;
  outline: 3px solid transparent;
  outline-offset: -3px
}

.docs-gm .docs-sheet-active-tab {
  background-color: #fff;
  border-top-color: #f1f3f4;
  box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15)
}

.docs-grille-gm3 .docs-sheet-active-tab,
.docs-grille-gm3 .docs-sheet-tab-open:focus {
  background-color: #e1e9f7;
  border-color: #e1e9f7;
  box-shadow: none;
  padding: 0 5px 0 11px
}

.docs-grille-gm3 .docs-sheet-active-tab.docs-sheet-tab.docs-sheet-tab-hover {
  background-color: #d8e5f8;
  border-color: #d8e5f8
}

.docs-grille-gm3 #docs-sheet-tab-drag-drop .docs-sheet-active-tab,
.docs-grille-gm3 .docs-sheet-active-tab.docs-sheet-tab:active,
.docs-grille-gm3 .docs-sheet-active-tab.docs-sheet-tab:focus {
  background-color: #cfdff6;
  border-color: #cfdff6
}

.docs-grille-gm3 #docs-sheet-tab-drag-drop .docs-sheet-tab {
  box-shadow: 0 8px 12px 6px rgba(0, 0, 0, .15), 0 4px 4px rgba(0, 0, 0, .3)
}

.docs-sheet-tab-menu {
  border-color: #aaa !important
}

.docs-gm .docs-sheet-tab-menu {
  border-color: transparent !important
}

.docs-sheet-tab-outer-box {
  border-color: #e4e4e4
}

.docs-sheet-active-tab .docs-sheet-tab-outer-box {
  border-color: #d8d8d8
}

.docs-sheet-tab-outer-box {
  border-width: 1px 0;
  padding: 0;
  margin: 0 -1px;
  white-space: nowrap;
  padding: 3px 0 3px 5px
}

.docs-gm .docs-sheet-tab-outer-box {
  margin-top: -2px;
  padding: 0
}

.docs-grille-gm3 .docs-sheet-tab-outer-box {
  margin-top: 0
}

.docs-sheet-button-outer-box {
  margin: 0;
  border-width: 1px 0;
  padding: 0
}

.docs-sheet-button-inner-box {
  margin: 0 -1px;
  border-width: 0 1px;
  white-space: nowrap
}

.docs-sheet-menu-inner-box {
  padding: 1px 2px
}

.docs-gm .docs-sheet-button-inner-box,
.docs-gm .docs-sheet-button-outer-box {
  border: none
}

.docs-gm .docs-sheet-button-disabled {
  opacity: .38
}

::root .docs-sheet-tab,
::root .docs-sheet-tab-outer-box {
  line-height: 0
}

::root .docs-sheet-tab-caption,
::root .docs-sheet-tab-dropdown {
  line-height: normal
}

.docs-sheet-tab-color {
  height: 3px;
  margin: 3px -20px 0 -5px
}

.docs-gm .docs-sheet-tab-caption,
.docs-gm .docs-sheet-tab-inner-box,
.docs-gm .docs-sheet-tab-outer-box {
  position: static
}

.docs-gm .docs-sheet-tab-color {
  bottom: 0;
  height: 4px;
  left: 0;
  margin: 0;
  position: absolute;
  right: 0
}

.docs-sheet-active-tab .docs-sheet-tab-dropdown {
  display: inline-block
}

.docs-sheet-tab .docs-sheet-tab-dropdown {
  display: inline-block;
  margin-top: -7px
}

.docs-gm .docs-sheet-tab .docs-sheet-tab-dropdown {
  border-radius: 2px;
  margin: 0;
  opacity: 1
}

.docs-sheet-tab-dropdown {
  opacity: .3;
  filter: alpha(opacity=30);
  margin: -2px -1px -2px -2px
}

.docs-grille-gm3 .docs-sheet-tab .docs-sheet-tab-dropdown {
  border: 1px solid transparent;
  border-radius: 100%;
  height: 20px;
  width: 20px
}

.docs-sheet-active-tab .docs-sheet-tab-dropdown:hover {
  cursor: pointer;
  opacity: 1;
  filter: alpha(opacity=100)
}

.docs-sheet-tab-dropdown {
  vertical-align: middle
}

.docs-gm .docs-sheet-active-tab .docs-sheet-tab-dropdown {
  border: 1px solid transparent;
  margin-left: -1px;
  margin-right: -1px;
  opacity: 1
}

.docs-grille-gm3 .docs-sheet-active-tab .docs-sheet-tab-dropdown {
  margin: 0
}

.docs-gm .docs-sheet-active-tab .docs-sheet-tab-dropdown:hover {
  background-color: #e6f4ea
}

.docs-grille-gm3 .docs-sheet-active-tab .docs-sheet-tab-dropdown:hover {
  background-color: rgba(68, 71, 70, .08)
}

.docs-gm .docs-sheet-active-tab .docs-sheet-tab-dropdown:active {
  background-color: #ceead6
}

.docs-gm .docs-sheet-tab-open .docs-sheet-tab-dropdown,
.docs-gm .docs-sheet-tab-open .docs-sheet-tab-dropdown:hover {
  background-color: #e6f4ea
}

.docs-grille-gm3 .docs-sheet-active-tab .docs-sheet-tab-dropdown:active,
.docs-grille-gm3 .docs-sheet-active-tab .docs-sheet-tab-dropdown:focus,
.docs-grille-gm3 .docs-sheet-tab-open .docs-sheet-tab-dropdown,
.docs-grille-gm3 .docs-sheet-tab-open .docs-sheet-tab-dropdown:hover {
  background-color: rgba(68, 71, 70, .12)
}

.docs-gm .docs-sheet-tab-edit .docs-sheet-tab-dropdown {
  display: none
}

.docs-sheet-tab-caption {
  margin-right: 2px;
  vertical-align: middle;
  white-space: pre
}

.docs-gm .docs-sheet-tab-caption {
  margin-right: 3px
}

.docs-sheet-tab-rtl .docs-sheet-tab-caption {
  margin-right: 0;
  margin-left: 2px
}

.docs-gm .docs-sheet-tab-rtl .docs-sheet-tab-caption {
  margin-left: 3px
}

.docs-material .docs-sheet-tab-caption .docs-icon {
  float: none;
  margin: -3px 5px 0 0
}

.docs-gm .docs-material.docs-sheet-tab .docs-icon .docs-icon-arrow-dropdown {
  left: -706px;
  top: -630px
}

.docs-grille-gm3 .docs-material.docs-sheet-tab .docs-icon .docs-icon-arrow-dropdown {
  left: -1270px;
  top: -550px
}

.docs-gm .docs-material.docs-sheet-tab .docs-icon .docs-icon-comment-blank {
  left: -358px;
  top: -22px
}

.docs-grille-gm3 .docs-material.docs-sheet-tab .docs-icon .docs-icon-comment-blank {
  left: -626px;
  top: -813px
}

.docs-gm .docs-material.docs-sheet-tab .docs-icon .docs-icon-database {
  left: -1970px;
  top: -848px
}

.docs-gm .docs-material.docs-sheet-tab .docs-icon .docs-icon-locked {
  left: -1970px;
  top: -726px
}

.docs-gm .docs-material.docs-sheet-tab .docs-icon .docs-sheet-timeline-icon {
  left: -1648px;
  top: -622px
}

.docs-gm .docs-material.docs-sheet-active-tab .docs-icon .docs-icon-arrow-dropdown {
  left: -656px;
  top: -996px
}

.docs-grille-gm3 .docs-material.docs-sheet-tab .docs-icon .docs-icon-arrow-dropdown {
  left: -748px;
  top: -370px
}

.docs-grille-gm3 .docs-material.docs-sheet-active-tab .docs-icon .docs-icon-arrow-dropdown {
  left: -922px;
  top: -850px
}

.docs-gm .docs-material.docs-sheet-active-tab .docs-icon .docs-icon-comment-blank {
  left: -966px;
  top: -66px
}

.docs-grille-gm3 .docs-material.docs-sheet-tab .docs-icon .docs-icon-comment-blank {
  left: -352px;
  top: -1034px
}

.docs-grille-gm3 .docs-material.docs-sheet-active-tab .docs-icon .docs-icon-comment-blank {
  left: -1582px;
  top: -448px
}

.docs-gm .docs-material.docs-sheet-active-tab .docs-icon .docs-icon-database {
  left: -1014px;
  top: -470px
}

.docs-grille-gm3 .docs-material.docs-sheet-tab .docs-icon .docs-icon-database {
  left: -453px;
  top: -544px
}

.docs-grille-gm3 .docs-material.docs-sheet-active-tab .docs-icon .docs-icon-database {
  left: -256px;
  top: -984px
}

.docs-gm .docs-material.docs-sheet-active-tab .docs-icon .docs-icon-locked {
  left: -1380px;
  top: -360px
}

.docs-grille-gm3 .docs-material.docs-sheet-tab .docs-icon .docs-icon-locked {
  left: -1106px;
  top: -268px
}

.docs-grille-gm3 .docs-material.docs-sheet-active-tab .docs-icon .docs-icon-locked {
  left: -1320px;
  top: -42px
}

.docs-gm .docs-material.docs-sheet-active-tab .docs-icon .docs-sheet-timeline-icon {
  left: -1648px;
  top: -622px
}

.docs-grille-gm3 .docs-material.docs-sheet-tab .docs-icon .docs-sheet-timeline-icon {
  left: -1290px;
  top: -572px
}

.docs-grille-gm3 .docs-material.docs-sheet-active-tab .docs-icon .docs-sheet-timeline-icon {
  left: -1372px;
  top: -550px
}

.docs-grille-gm3 .docs-material.docs-sheet-tab .docs-icon-img {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_gm3_grey_medium.svg)
}

.docs-grille-gm3 .docs-material.docs-sheet-tab:focus .docs-icon-img {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_grey_dark.svg)
}

.docs-sheet-tab-name {
  padding: 3px 1px;
  font-size: 13px;
  font-size: 14px
}

.docs-gm .docs-sheet-tab-name {
  color: #5f6368;
  display: inline-block;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .025rem
}

.docs-grille-gm3 .docs-sheet-tab-name {
  color: #444746;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased
}

.docs-grille-gm3 .docs-sheet-tab:focus .docs-sheet-tab-name {
  color: #1f1f1f
}

.docs-gm .docs-sheet-active-tab .docs-sheet-tab-name {
  color: #188038
}

.docs-grille-gm3 .docs-sheet-active-tab .docs-sheet-tab-name,
.docs-grille-gm3 .docs-sheet-active-tab:focus .docs-sheet-tab-name {
  color: #0b57d0;
  font-weight: 700
}

.docs-sheet-tab-name[contenteditable=true] {
  border: 1px solid #d9d9d9;
  display: inline-block;
  height: 16px;
  min-width: 8px;
  margin: -4px -1px;
  -moz-user-modify: read-write-plaintext-only;
  -webkit-user-modify: read-write-plaintext-only;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  -webkit-user-select: text !important
}

.docs-gm .docs-sheet-tab-name[contenteditable=true] {
  border: 2px solid #1a73e8;
  border-radius: 4px;
  color: #222;
  height: auto;
  margin: 0 -5px 0 -5px;
  padding: 4px 22px 4px 4px
}

.docs-grille-gm3 .docs-sheet-tab-name[contenteditable=true] {
  margin: 0 -2px 0 -4px
}

.docs-sheet-tab-name[contenteditable=true]:focus {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
  border: 1px solid #4d90fe;
  outline: none
}

.docs-gm .docs-sheet-tab-name[contenteditable=true]:focus {
  border: 2px solid #1a73e8;
  box-shadow: none
}

.docs-sheet-tab-name-error {
  border-color: red !important
}

.docs-sheet-button-inner-box {
  width: 25px;
  height: 25px
}

.docs-sheet-button,
.docs-sheet-menu-button {
  margin: 0 3px;
  cursor: pointer
}

.docs-gm .docs-sheet-button {
  border: 1px solid transparent;
  border-radius: 2px;
  outline: none
}

.docs-gm .docs-sheet-button-hover {
  background-color: #f1f3f4
}

.docs-gm .docs-sheet-button-active {
  background-color: #e8eaed
}

.docs-gm .docs-sheet-button-open {
  background-color: #e6f4ea
}

.docs-grille-gm3 .docs-sheet-button {
  border-radius: 100%;
  margin-top: 1px
}

.docs-grille-gm3 .docs-sheet-button-inner-box {
  align-items: center;
  display: flex;
  height: 32px;
  justify-content: center;
  margin: 0;
  width: 32px
}

.docs-grille-gm3 .docs-sheet-button-hover,
.docs-grille-gm3 .docs-sheet-button-open {
  background-color: #e8ebee
}

.docs-grille-gm3 .docs-sheet-button-active,
.docs-grille-gm3 .docs-sheet-button-focused {
  background-color: #e1e3e6
}

.docs-sheet-button-inner-box,
.docs-sheet-button-outer-box {
  border-style: solid;
  vertical-align: top;
  border-color: transparent
}

.docs-sheet-button-disabled,
.docs-sheet-button-disabled .docs-sheet-button-inner-box,
.docs-sheet-button-disabled .docs-sheet-button-outer-box {
  cursor: default
}

.docs-sheet-tab .docs-icon-locked {
  margin-left: -3px
}

.docs-material .docs-sheet-tab .docs-icon-locked {
  margin-left: 0
}

.docs-icon.docs-sheet-lock-container {
  float: left;
  margin-top: -3px;
  width: 16px
}

.docs-sheet-comment-indicator-container {
  float: left;
  margin-top: -3px;
  width: 22px
}

.docs-icon-img-container.docs-sheet-database-icon {
  width: 18px;
  height: 18px;
  margin-top: 2px
}

.docs-material .docs-icon-img-container.docs-sheet-database-icon {
  margin-top: 0
}

.docs-sheet-database-icon {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICA8ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPGVsbGlwc2UgY3g9IjkiIGN5PSI1IiByeD0iNyIgcnk9IjMiLz4KICAgIDxwYXRoIGQ9Ik0xNiw3IEwxNiw4Ljk5OTk5OTgzIEMxNiwxMC42NTY4NTQyIDEyLjg2NTk5MzIsMTIgOSwxMiBDNS4xMzQwMDY3NSwxMiAyLDEwLjY1Njg1NDIgMiw5IEwyLDcgQzIsOC42NTY4NTQyNSA1LjEzNDAwNjc1LDEwIDksMTAgQzEyLjg2NTk5MzIsMTAgMTYsOC42NTY4NTQyNSAxNiw3IFoiLz4KICAgIDxwYXRoIGQ9Ik0xNiwxMSBMMTYsMTIuOTk5OTk5OCBDMTYsMTQuNjU2ODU0MiAxMi44NjU5OTMyLDE2IDksMTYgQzUuMTM0MDA2NzUsMTYgMiwxNC42NTY4NTQyIDIsMTMgTDIsMTEgQzIsMTIuNjU2ODU0MiA1LjEzNDAwNjc1LDE0IDksMTQgQzEyLjg2NTk5MzIsMTQgMTYsMTIuNjU2ODU0MiAxNiwxMSBaIi8+CiAgPC9nPgo8L3N2Zz4K") no-repeat
}

.docs-sheet-database-icon-container {
  float: left;
  margin-top: -3px;
  width: 20px
}

.docs-sheet-form-icon-container {
  float: left;
  margin-top: -3px;
  opacity: .5;
  width: 22px
}

.docs-sheet-active-tab .docs-sheet-form-icon-container {
  opacity: 1
}

.docs-sheet-comment-indicator {
  display: block;
  height: 16px;
  line-height: 12px;
  width: 16px;
  position: absolute;
  top: 4px;
  left: 3px;
  margin-top: 0
}

.docs-material .docs-sheet-comment-indicator {
  height: 12px;
  left: 1px;
  line-height: 12px;
  top: 2px
}

.docs-grille-gm3 .docs-sheet-comment-indicator {
  left: 2px;
  top: 3px
}

.docs-sheet-all-sheet-menu-item {
  white-space: nowrap
}

.docs-sheet-all-sheet-menu-item-hidden .goog-menuitem-content {
  color: #888
}

.docs-sheet-all-sheet-menu-item-swatch {
  border-radius: 9px;
  display: inline-block;
  height: 9px;
  margin-right: 8px;
  width: 9px
}

.docs-sheet-button-bar-container.fit-content {
  width: 1em
}

.docs-sheet-button-bar-container.fit-content:last-child,
.docs-sheet-button-bar-container:last-child {
  width: 100%
}

.docs-sheet-status-container {
  width: 158px;
  overflow: hidden;
  padding: 0;
  border-left: 1px solid #ccc
}

.docs-sheet-status-container-avs {
  overflow: hidden;
  padding: 0
}

.docs-sheet-status {
  max-width: 150px;
  float: right;
  margin-right: 8px;
  overflow: hidden
}

.docs-sheet-status-avs {
  max-width: 150px;
  float: right;
  margin-right: 8px;
  overflow: hidden;
  position: relative;
  top: 3px
}

.docs-gm .docs-sheet-status-avs {
  top: 4px;
  max-width: 170px
}

.docs-grille-gm3 .docs-sheet-status-avs {
  max-width: unset;
  top: 0
}

.docs-sheet-status>.jfk-select {
  line-height: 29px;
  margin: 0 3px 0 6px;
  max-width: 119px
}

.docs-sheet-status-avs>.jfk-select {
  line-height: 29px;
  max-width: 119px
}

.docs-gm .docs-sheet-status-avs .goog-flat-menu-button {
  border: 1px solid #dadce0;
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  padding: 8px 6px 8px 8px;
  width: 100%;
  align-items: center;
  background: #fff;
  color: #3c4043;
  display: inline-flex;
  justify-content: space-between;
  outline: none;
  padding: 4px;
  position: relative;
  max-width: 139px;
  width: auto;
  width: unset
}

.docs-gm .docs-sheet-status-avs .goog-flat-menu-button-disabled {
  color: #5f6368;
  opacity: .38
}

.docs-gm .docs-sheet-status-avs .goog-flat-menu-button:active {
  background-color: #fff;
  border: 1px solid transparent;
  box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15)
}

.docs-gm .docs-sheet-status-avs .goog-flat-menu-button-hover {
  background-color: rgba(60, 64, 67, .04);
  border: 1px solid #dadce0;
  box-shadow: none
}

.docs-gm .docs-sheet-status-avs .goog-flat-menu-button-focused {
  background-color: rgba(60, 64, 67, .06);
  border: 1px solid #dadce0
}

.docs-gm .docs-sheet-status-avs .goog-flat-menu-button-open {
  background-color: rgba(60, 64, 67, .04);
  border: 1px solid transparent
}

.docs-gm .docs-sheet-status-avs .goog-flat-menu-button-hover.goog-flat-menu-button-open {
  background-color: rgba(60, 64, 67, .06)
}

.docs-gm .docs-sheet-status-avs .goog-flat-menu-button-focused.goog-flat-menu-button-open {
  background-color: rgba(60, 64, 67, .08)
}

.docs-gm .docs-sheet-status-avs .goog-flat-menu-button-disabled {
  border: 1px solid #dadce0;
  box-shadow: none;
  cursor: default
}

.docs-gm .docs-sheet-status-avs .goog-flat-menu-button-caption {
  box-sizing: border-box;
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px
}

.docs-gm .docs-sheet-status-avs .goog-flat-menu-button-disabled .goog-flat-menu-button-caption {
  color: #5f6368;
  opacity: .38;
  cursor: default
}

.docs-gm .docs-sheet-status-avs .goog-flat-menu-button-dropdown {
  background: no-repeat url(https://ssl.gstatic.com/docs/common/material_common_sprite839_gm3_grey_medium.svg) -656px -996px;
  height: 18px;
  width: 18px;
  border: none;
  margin-top: 0;
  position: relative;
  right: 0;
  top: 0
}

.docs-gm .docs-sheet-status-avs .goog-flat-menu-button-disabled .goog-flat-menu-button-dropdown {
  opacity: .38
}

.docs-gm .docs-sheet-status-avs .goog-flat-menu-button-disabled.goog-flat-menu-button:active {
  border: 1px solid #dadce0;
  cursor: default;
  box-shadow: none
}

.docs-gm .docs-sheet-status-avs .goog-flat-menu-button-open .goog-flat-menu-button-dropdown {
  transform: rotate(180deg)
}

.docs-gm .docs-sheet-status-avs .jfk-radiobutton-disabled .jfk-radiobutton-label {
  color: #5f6368;
  opacity: .38;
  cursor: default
}

.docs-grille-gm3 .docs-sheet-status-avs .goog-flat-menu-button,
.docs-grille-gm3 .docs-sheet-status-avs .goog-flat-menu-button:active {
  background: #c4eed0;
  border-color: transparent;
  border-radius: 8px;
  box-shadow: none;
  height: 30px;
  margin: 3px;
  max-width: 180px;
  padding: 2px 6px
}

.docs-grille-gm3 .docs-sheet-status-avs .goog-flat-menu-button-dropdown {
  background: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_gm3_grey_medium.svg) -1316px -634px no-repeat;
  border-radius: 6px;
  height: 20px;
  min-width: 20px;
  width: 20px
}

.docs-grille-gm3 .docs-sheet-status-avs .goog-flat-menu-button-open .goog-flat-menu-button-dropdown {
  transform: none
}

.docs-grille-gm3 .docs-sheet-status-avs .goog-flat-menu-button-hover,
.docs-grille-gm3 .docs-sheet-status-avs .goog-flat-menu-button-open {
  background-color: #b5dec1
}

.docs-grille-gm3 .docs-sheet-status-avs .goog-flat-menu-button-focused,
.docs-grille-gm3 .docs-sheet-status-avs .goog-flat-menu-button-focused.goog-flat-menu-button-open,
.docs-grille-gm3 .docs-sheet-status-avs .goog-flat-menu-button:active {
  background-color: #add6b9
}

.docs-sheet-status .goog-flat-menu-button-caption,
.docs-sheet-status-avs .goog-flat-menu-button-caption {
  text-overflow: ellipsis
}

.waffle-quicksum-container {
  color: #333;
  font-size: 11px;
  font-weight: 500;
  height: 30px;
  line-height: 30px;
  margin-right: 22px;
  overflow: hidden;
  text-align: right
}

.docs-grille-gm3 .docs-sheet-status-avs .goog-flat-menu-button-caption,
.docs-grille-gm3 .waffle-quicksum-container {
  color: #072711;
  font: 500 14px/30px Roboto, sans-serif;
  margin: 3px
}

.docs-grille-gm3 .docs-sheet-status-avs .goog-flat-menu-button-caption {
  line-height: 20px
}

.waffle-autovis-quicksum {
  height: 34px;
  margin: 1px
}

.jfk-button.waffle-autovis-quicksum-button {
  border: 1px solid transparent;
  cursor: pointer;
  height: 28px;
  margin: 0;
  padding: 2px;
  position: relative;
  width: 154px
}

.docs-sheet-fade {
  position: absolute;
  display: block;
  top: 0;
  width: 6px;
  height: 100%;
  z-index: 1005
}

.docs-sheet-fade div {
  background-color: #d7d7d7;
  width: 2px;
  float: right;
  position: relative;
  height: 100%
}

.docs-sheet-fade-left {
  left: 0
}

.docs-sheet-fade-right {
  right: 0
}

.docs-grille-gm3 .docs-sheet-fade {
  width: 1px
}

.docs-grille-gm3 .docs-grille-sheet-fade {
  background-color: #c7c7c7;
  height: 20px;
  margin-top: 7px;
  width: 1px
}

.docs-grille-gm3 .docs-material.docs-sheet-active-tab .docs-icon-img,
.docs-grille-gm3 .docs-material.docs-sheet-active-tab .docs-icon-img:before {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_gm3_grey_medium.svg)
}

.docs-grille-gm3 .docs-sheet-filter-status {
  max-width: 300px
}

.docs-sheet-filter-status {
  color: #3c4043;
  display: flex;
  float: right;
  font-size: 11px;
  font-weight: 500;
  line-height: 30px;
  margin-right: 8px;
  max-width: 200px;
  min-width: 50px;
  position: relative;
  text-align: right;
  top: 4px
}

.docs-grille-gm3 .docs-sheet-filter-status-text {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400
}

.docs-sheet-filter-status-text {
  display: inline-block;
  opacity: .85;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap
}

.docs-sheet-filter-status .docs-icon {
  margin-right: -2.5px;
  min-width: 21px
}

@media only screen and (max-width:640px) {
  .docs-grille-gm3 .docs-sheet-filter-status {
    max-width: 200px
  }
}

@media only screen and (max-width:500px) {
  .docs-grille-gm3 .docs-sheet-filter-status {
    max-width: 150px
  }
}

.docs-sheet-filter-status .docs-icon-filter-alt-filled-20 {
  margin-top: -2px;
  opacity: .85
}

.docs-sheet-filter-status .docs-icon-editors-ia-filter-funnel-solid {
  margin-top: -1px;
  opacity: .85
}

.waffleDataconnectorBigQueryProjectSelectMenuPlaceholderSpinner {
  align-items: center;
  display: flex;
  height: 270px;
  justify-content: center
}

.waffleDataconnectorBigQueryProjectSelectMenuPlaceholderSpinner .waffle-spinner {
  height: 24px;
  width: 24px
}

.waffleDataconnectorBigQueryProjectSelectContainer {
  display: flex;
  flex-direction: column;
  max-width: 600px;
  min-width: 270px;
  position: absolute
}

.waffleDataconnectorBigQueryProjectSelectMenu {
  position: relative
}

.waffleDataconnectorBigQueryProjectSelectMenu.goog-menu.goog-menu-vertical {
  overflow: hidden
}

.waffleDataconnectorBigQueryProjectSelectMenuScrollableWrapper {
  max-height: 270px;
  overflow-y: auto
}

.waffleDataconnectorBigQueryProjectSelectMenuScrollableWrapper .goog-menuitem .goog-menuitem-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.docs-charts-editor-material-text-area textarea {
  box-sizing: border-box;
  transition: border-bottom-color .3s ease;
  background: none;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, .12);
  color: rgba(0, 0, 0, .87);
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 26px;
  line-height: 26px;
  min-height: 26px;
  outline: none;
  padding: 0;
  width: 100%;
  resize: none;
  white-space: pre;
  overflow-wrap: normal;
  overflow-y: scroll;
  overflow-x: hidden
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-text-area textarea {
  transition: border-color .3s ease;
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 42px;
  line-height: 36px;
  min-height: 42px
}

.docs-charts-editor-material-text-area textarea::placeholder {
  color: rgba(0, 0, 0, .38)
}

.docs-charts-editor-material-text-area textarea::-webkit-input-placeholder {
  color: rgba(0, 0, 0, .38)
}

.docs-charts-editor-material-text-area textarea::-moz-placeholder {
  color: rgba(0, 0, 0, .38)
}

.docs-charts-editor-material-text-area textarea:-ms-input-placeholder {
  color: rgba(0, 0, 0, .38)
}

.docs-charts-editor-material-text-area textarea::-ms-input-placeholder {
  color: rgba(0, 0, 0, .38)
}

.docs-charts-editor-material-text-area textarea:hover,
.docs-charts-editor-material-text-area-hover textarea {
  border-bottom-color: rgba(0, 0, 0, .38)
}

.docs-charts-editor-material-text-area textarea:focus,
.docs-charts-editor-material-text-area-focus textarea {
  box-shadow: none;
  border: none;
  border-bottom: 2px solid #4285f4
}

.docs-charts-editor-material-text-area-focus textarea,
.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-text-area textarea:focus {
  border: 2px solid #4285f4
}

.docs-charts-editor-material-text-area textarea:disabled,
.docs-charts-editor-material-text-area-disabled textarea {
  background: none;
  border-bottom: 1px dotted rgba(0, 0, 0, .12);
  color: rgba(0, 0, 0, .12)
}

.waffle-slicereditor-sidebar.waffle-sidebar-container {
  width: 320px;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 13px;
  z-index: 2
}

.waffle-slicer-editor-send-feedback-container {
  text-align: end
}

.waffle-slicer-editor-style-color-option-non-gm .docs-charts-editor-material-toolbar-color-picker-outer-box,
.waffle-slicer-editor-style-tab .waffle-slicer-editor-style-format-option {
  background-color: #f1f3f4
}

.goog-menu-vertical .waffle-slicer-editor-column-selector-menu-separator {
  margin-left: 0
}

.waffle-slicer-editor-column-selector-menu-item {
  display: flex;
  border: 1px solid transparent;
  line-height: 20px;
  margin: 0;
  padding: 5px;
  width: 286px
}

.waffle-slicer-editor-column-selector-menu-item-name {
  flex: 1;
  margin: 0 20px 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.waffle-slicer-editor-column-selector-menu-item-range {
  display: flex;
  opacity: .5;
  max-width: 143px
}

.waffle-slicer-editor-column-selector-menu-item-rect {
  flex: 1
}

.waffle-slicer-editor-column-selector-menu-item-sheet-name {
  overflow: hidden;
  text-overflow: ellipsis
}

.waffle-slicer-editor-setup-tab .waffle-slicer-editor-style-tab {
  width: 100%
}

.waffle-slicer-editor-sidebar-col {
  width: 50%;
  margin-right: 10px
}

.waffle-slicer-editor-sidebar-col:last-child {
  margin-right: 0
}

.waffle-slicer-editor-sidebar-control-label {
  color: #616161;
  font-size: 11px;
  line-height: 16px;
  margin-bottom: 8px;
  margin-right: 2px
}

.waffle-slicer-editor-sidebar-custom-row {
  display: flex
}

.waffle-slicer-editor-sidebar-title-input-box {
  width: 100%
}

.waffle-slicer-editor-sidebar-title-input-box>input {
  border-left: none;
  border-right: none;
  border-top: none;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 18px;
  height: 100%;
  padding: 0;
  width: 100%
}

.waffle-slicer-editor-sidebar-title-input-box>input:disabled {
  opacity: .75
}

.waffle-slicer-editor-sidebar-title-input-box>input:focus {
  border: none;
  border-bottom: 2px solid #4285f4
}

.waffle-slicer-editor-sidebar-row {
  padding: 10px 16px
}

.waffle-slicer-editor-sidebar-align .goog-toolbar-menu-button-dropdown {
  margin: 0
}

.waffle-slicer-editor-sidebar-align-menu-items .goog-palette-table {
  border: 0;
  margin: 0 4px
}

.waffle-slicer-editor-sidebar-align-menu-items .goog-palette-cell {
  border: 0;
  padding: 2px
}

.waffle-slicer-editor-sidebar-align-menu-items .goog-palette-cell-hover {
  background: #eee
}

.waffle-slicer-editor-sidebar-rangepicker-error-label {
  color: #db4437;
  font-size: 13px
}

.waffle-slicer-editor-apply-to-pivot-table-row {
  display: flex;
  align-items: center
}

.waffle-slicer-editor-apply-to-pivot-table-checkbox {
  display: flex
}

.waffle-slicer-editor-apply-to-pivot-table-checkbox-label {
  flex: 1;
  margin: 0 5px
}

.waffle-slicer-editor-sidebar-title-format {
  border: 1px solid #dadce0;
  border-radius: 4px;
  display: inline-block;
  height: 40px;
  line-height: 40px
}

.waffle-slicer-editor-textstyle-separator {
  border-left: 1px solid #dadce0;
  height: 25px;
  margin: 7px 1px;
  vertical-align: top
}

.waffle-slicer-editor-sidebar-title-input {
  transition: border-color .3s ease;
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 42px;
  line-height: 36px;
  margin-bottom: 0;
  min-height: 42px;
  resize: none
}

.waffle-slicer-editor-sidebar-title-input-label {
  color: #5f6368;
  font-size: 12px;
  line-height: 15px;
  margin-bottom: 8px
}

.docs-multi-menu-col {
  float: left
}

.docs-multi-menu-col .goog-menuheader {
  color: #777;
  font-size: 11px;
  padding: .3em .5em .3em .5em;
  text-transform: uppercase
}

.dialog-separator {
  border-bottom: 1px solid #e5e5e5;
  margin: 0 -42px 20px
}

.nfd-apply,
.nfd-inner-input-content,
.nfd-input,
.nfd-inputall {
  display: inline-block
}

.nfd-input {
  min-height: 18px;
  position: relative
}

.nfd-input span:focus {
  outline: none
}

.nfd-date-time-left-most {
  display: inline-block;
  min-width: 1px
}

.nfd-inner-input-content {
  text-align: right
}

.nfd-date-time-input {
  position: relative;
  transform: translateZ(0)
}

.nfd-date-time-input .goog-flat-menu-button {
  margin: 1px 2px
}

.nfd-input .jfk-select .goog-flat-menu-button-dropdown {
  background: no-repeat url(https://ssl.gstatic.com/docs/common/material_common_sprite839_gm3_grey_medium.svg) -1628px -380px;
  left: 0
}

.nfd-input table {
  border-spacing: 0;
  width: 100%
}

.nfd-dialog-content ul {
  list-style: none;
  margin: 0;
  padding: 0
}

.nfd-format-pill {
  border-bottom: 1px solid #e5e5e5;
  border-left: 1px solid transparent;
  font-size: 15px;
  padding: 16px;
  position: relative
}

.nfd-format-pill:focus {
  border-left: 1px solid #4d90fe;
  outline: none
}

.nfd-format-pill:hover {
  background-color: #f1f1f1
}

.nfd-format-display {
  display: inline-block
}

.nfd-format-sample {
  color: #5f6368;
  display: inline-block;
  position: absolute;
  right: 20px
}

.nfd-pill-container li:last-child {
  border-bottom: none
}

.cnf-sample-table {
  border-spacing: 0;
  display: inline-table
}

.cnf-sample-wrapper {
  position: relative
}

.cnf-help-link {
  position: absolute;
  right: 0
}

td.nfd-sample-label {
  color: #777;
  padding-left: 0;
  padding-right: 5px
}

.number-format-menu .goog-menuitem {
  padding-right: 1em
}

.nfd-date-time-menu-button:focus,
.nfd-date-time-menu-button:hover {
  background-color: #e8eaed;
  outline: none
}

.nfd-input.nfd-invalid {
  border: 1px solid #b3261e
}

.nfd-date-time-menu .goog-menuitem {
  padding-left: 6px;
  padding-right: 4em
}

.nfd-dialog .nfd-inputall .nfd-input {
  font-size: 13px;
  height: auto;
  margin-top: 0;
  min-height: 36px;
  overflow-x: auto;
  padding: 2px 8px;
  width: 366px
}

.nfd-dialog.modal-dialog {
  padding: 24px
}

.nfd-dialog .dialog-separator {
  display: none
}

.nfd-input input {
  border: none;
  font-size: inherit;
  margin: 0;
  outline: none;
  padding: 0;
  width: 100%
}

.nfd-input>input {
  height: 18px;
  padding: 6px 0
}

.nfd-inner-input {
  height: 16px;
  line-height: 16px;
  min-width: 25px;
  padding: 7px 0;
  width: 100%
}

.nfd-input.nfd-input-focus {
  border: 2px solid #1a73e8;
  padding: 0 7px;
  box-shadow: none;
  outline: none
}

.nfd-input.nfd-input-focus>input {
  padding: 7px 0
}

.nfd-input.nfd-input-focus .nfd-inner-input {
  padding: 8px 0
}

.nfd-dialog.modal-dialog-content {
  min-width: 464px;
  width: unset
}

.nfd-dialog-content {
  border: 1px solid #e5e5e5;
  cursor: pointer;
  height: 400px;
  margin-top: 8px;
  overflow-y: scroll;
  -webkit-tap-highlight-color: transparent
}

.nfd-input .goog-flat-menu-button {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #fff;
  border: 1px solid #dadce0 !important;
  color: #137333;
  height: 24px;
  padding: 3px 12px 5px;
  border-radius: 24px;
  color: #3c4043;
  font-size: 12px;
  line-height: 17px;
  padding: 3px 24px 3px 10px
}

.nfd-input .goog-flat-menu-button-caption {
  font-weight: 500
}

.nfd-input .goog-flat-menu-button.goog-flat-menu-button-hover {
  background: #f8f9fa
}

.nfd-date-time-pill {
  margin: 2px 0
}

.nfd-input .nfd-currency-other-formats {
  padding-top: 4px;
  margin-right: 0
}

.nfd-date-time-menu-button {
  background: no-repeat url(https://ssl.gstatic.com/docs/common/material_common_sprite839_gm3_grey_medium.svg) -1922px -470px;
  border: none;
  float: right;
  height: 18px;
  margin: 6px 0;
  position: fixed;
  right: 108px;
  top: 2px;
  width: 18px
}

.nfd-input .goog-flat-menu-button-dropdown {
  background: no-repeat url(https://ssl.gstatic.com/docs/common/material_common_sprite839_gm3_grey_medium.svg) -1628px -380px;
  height: 18px;
  left: 18px;
  top: 0;
  width: 18px
}

.jfk-button.nfd-apply {
  margin-left: 9px;
  margin-right: 0;
  vertical-align: top
}

.google-visualization-charteditor-dialog {
  height: 508px;
  width: 917px
}

.google-visualization-charteditor-dialog .modal-dialog-title {
  font-family: Arial, sans-serif
}

#google-visualization-charteditor-layout-table,
#google-visualization-clickeditor,
.google-visualization-charteditor-custom-panel,
.google-visualization-charteditor-menu {
  color: #222;
  font-family: Arial, sans-serif;
  font-size: 12px
}

.google-visualization-charteditor-input,
.google-visualization-charteditor-mid-input,
.google-visualization-charteditor-small-input {
  border-radius: 1px;
  border: 1px solid #d9d9d9;
  border-top: 1px solid silver;
  box-sizing: content-box;
  font-size: 13px;
  height: 16px;
  padding: 5px 2px
}

.google-visualization-charteditor-custom-panel .goog-flat-menu-button-dropdown,
.google-visualization-charteditor-dialog .goog-flat-menu-button-dropdown,
.google-visualization-clickeditor-bubble .goog-flat-menu-button-dropdown {
  background: url(https://ssl.gstatic.com/ui/v1/disclosure/small-grey-disclosure-arrow-down.png) 50% no-repeat;
  border-width: 0;
  height: 7px;
  opacity: .8;
  position: absolute;
  top: 10px;
  width: 5px
}

.google-visualization-charteditor-custom-panel .goog-flat-menu-button,
.google-visualization-charteditor-dialog .goog-flat-menu-button,
.google-visualization-clickeditor-bubble .goog-flat-menu-button {
  height: 14px;
  line-height: normal;
  margin: 0 0 0 5px;
  min-width: 0;
  padding: 6px 0 6px 6px;
  text-align: left
}

#google-visualization-clickeditor .goog-flat-menu-button {
  min-width: 34px
}

#google-visualization-charteditor-axes-select-div.goog-flat-menu-button,
#google-visualization-charteditor-series-select-div.goog-flat-menu-button {
  margin: 0;
  width: 100%
}

#google-visualization-charteditor-select-legend-position {
  margin-left: 0
}

.google-visualization-charteditor-axis-select-scale.goog-select {
  margin-left: 0;
  margin-right: 36px
}

#google-visualization-charteditor-select-legend-position .goog-flat-menu-button-caption {
  width: 74px
}

#google-visualization-charteditor-layout-table,
#google-visualization-clickeditor,
.google-visualization-charteditor-custom-panel {
  border: 0;
  font-size: 12px;
  margin: 0;
  padding: 0
}

.google-visualization-charteditor-custom-panel,
.google-visualization-charteditor-settings-td {
  overflow: hidden;
  padding: 0 0 0 4px;
  position: relative;
  left: -4px;
  vertical-align: top;
  width: 288px
}

.google-visualization-charteditor-custom-panel {
  height: 420px;
  line-height: 1.4em
}

.google-visualization-charteditor-preview-td {
  height: 411px;
  left: 346px;
  overflow: hidden;
  padding: 0 0 0 6px;
  position: absolute;
  top: 81px;
  vertical-align: top;
  width: 602px
}

#google-visualization-charteditor-preview-example-template {
  color: #15c
}

#google-visualization-charteditor-help-link {
  color: #11c;
  float: right;
  font-size: 12px;
  font-weight: 400
}

.google-visualization-charteditor-dialog-spinner-div {
  height: 370px;
  position: relative;
  text-align: center
}

.google-visualization-charteditor-dialog-spinner {
  background: url(//ssl.gstatic.com/docs/spreadsheets/spinner.gif) no-repeat;
  height: 20px;
  position: relative;
  top: 155px;
  width: 20px
}

#google-visualization-charteditor-panel-wrapper {
  float: left;
  height: 373px;
  width: 300px
}

#google-visualization-charteditor-preview-div-wrapper {
  border: 1px solid #e4e4e4;
  padding: 0;
  position: relative;
  top: 8px
}

#google-visualization-charteditor-preview-div-chart {
  overflow: hidden
}

.google-visualization-charteditor-panel {
  height: 100%;
  width: 100%
}

.google-visualization-charteditor-panel-scroll {
  overflow: auto;
  position: relative
}

.google-visualization-charteditor-panel .goog-menu-button {
  cursor: default
}

#google-visualization-charteditor-custom-data-input {
  position: relative
}

#google-visualization-charteditor-custom-data-input .sites-gviz-datasource-control {
  outline: none
}

#google-visualization-charteditor-panel-navigate-div {
  border-bottom: 1px solid #ccc;
  font-size: 13px;
  line-height: 1.5em;
  margin-bottom: 15px;
  padding: 5px 0 0 10px;
  width: 900px
}

#google-visualization-charteditor-panel-navigate-div.goog-tab-bar {
  background: none;
  cursor: default;
  list-style: none;
  outline: none
}

.google-visualization-charteditor-panel-navigation-cell.goog-tab {
  background: #fff;
  border: none;
  color: #666;
  cursor: default;
  padding: 3px 10px;
  position: relative;
  text-decoration: none
}

.google-visualization-charteditor-panel-navigation-cell.goog-tab-hover {
  color: #222;
  cursor: pointer
}

.google-visualization-charteditor-panel-navigation-cell.goog-tab-selected {
  color: #202020;
  border: 1px solid #ccc;
  border-bottom-color: #fff;
  -webkit-border-top-left-radius: 2px;
  -webkit-border-top-right-radius: 2px;
  -moz-border-radius-topleft: 2px;
  -moz-border-radius-topright: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  cursor: default;
  font-weight: 700;
  margin-bottom: -1px;
  text-decoration: none
}

.google-visualization-charteditor-panel-navigation-cell.goog-tab-selected.goog-tab-hover {
  cursor: default;
  text-decoration: none
}

.google-visualization-charteditor-panel-title {
  font-size: 13px;
  font-weight: 800;
  padding-bottom: 6px;
  position: relative
}

.google-visualization-charteditor-section {
  position: relative
}

#google-visualization-charteditor-options-panel .google-visualization-charteditor-section {
  background: #fff;
  border: 1px solid #e5e5e5;
  margin-top: -1px;
  padding: 10px 10px 20px;
  width: 260px
}

.google-visualization-charteditor-multi-section-gap {
  height: 4px
}

.google-visualization-charteditor-item-gap {
  height: 15px
}

.google-visualization-charteditor-title-gap {
  height: 10px
}

.google-visualization-charteditor-multi-section-title {
  background: #f5f5f5;
  border: 1px solid #e5e5e5;
  color: #d14836;
  display: table;
  font-size: 13px;
  font-weight: 700;
  padding: 6px 10px;
  text-align: left;
  width: 260px
}

.google-visualization-charteditor-multi-section-title-text {
  display: table-cell;
  padding-right: 7px
}

.google-visualization-charteditor-multi-section-chooser {
  display: table-cell;
  width: 100%
}

.google-visualization-charteditor-section-title {
  color: #222;
  font-size: 13px;
  font-weight: 400;
  padding: 5px 0
}

.google-visualization-charteditor-data-range {
  color: #222;
  font-size: 13px;
  font-weight: 700;
  padding: 5px 0
}

.google-visualization-charteditor-short-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 88px
}

.google-visualization-charteditor-section>div>table {
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  padding: 0;
  table-layout: fixed;
  width: 250px
}

.google-visualization-charteditor-section>tbody>tr>td {
  margin: 0;
  padding: 0;
  vertical-align: top;
  width: 125px
}

#google-visualization-charteditor-select-series {
  margin: 0 !important
}

.google-visualization-charteditor-select-series-color {
  height: 10px;
  left: -15px;
  margin: 0;
  position: relative;
  top: 1px;
  width: 10px
}

.google-visualization-charteditor-series-color-palette .goog-palette-cell {
  border-right: 1px solid #333
}

.google-visualization-charteditor-menu-item-global {
  margin-left: 10px
}

.google-visualization-charteditor-color .goog-flat-menu-button {
  min-width: 38px
}

.google-visualization-charteditor-color .goog-flat-menu-button-disabled {
  background-image: none
}

.google-visualization-charteditor-color .goog-flat-menu-button-disabled .goog-flat-menu-button-dropdown {
  opacity: .4
}

.google-visualization-charteditor-color .goog-flat-menu-button-disabled .goog-flat-menu-button-indicator {
  opacity: .5
}

.google-visualization-charteditor-color .goog-flat-menu-button-indicator {
  height: 14px;
  margin-left: 4px;
  outline: 1px solid #bbb;
  width: 14px
}

.google-visualization-charteditor-inherit-color {
  height: 25px
}

.google-visualization-charteditor-inherit-color .jfk-palette-colorswatch {
  background-color: #f3f3f3 !important
}

.google-visualization-charteditor-inherit-color-header {
  margin: 5px;
  top: -4px
}

.google-visualization-charteditor-none-color.goog-option-selected .goog-menuitem-checkbox {
  border: 1px solid transparent;
  outline: 1px solid #000
}

.google-visualization-charteditor-none-color.goog-menuitem {
  color: #333;
  font-family: Arial, sans-serif;
  font-size: 12px;
  padding-left: 20px
}

.google-visualization-charteditor-none-color.goog-option-selected {
  background-image: none
}

.google-visualization-charteditor-theme-header.goog-menuheader {
  color: #333;
  font-family: Arial, sans-serif;
  font-size: 12px;
  margin-top: 4px;
  padding: 5px 0 0 0
}

.google-visualization-charteditor-colormenu .jfk-palette-table {
  margin: 3px 0 0 0;
  padding: 0
}

.google-visualization-charteditor-colormenu.jfk-colormenu {
  padding: 10px
}

.google-visualization-charteditor-none-color .goog-menuitem-checkbox {
  background: url(//ssl.gstatic.com/ui/v1/dialog/close-x.png) no-repeat 50% 50% !important;
  height: 13px;
  margin: 0;
  top: 7px;
  width: 13px
}

.google-visualization-charteditor-color-full .goog-menu-button-caption {
  padding: 0
}

.google-visualization-charteditor-color-full .goog-menu-button-inner-box {
  padding: 2px !important
}

.google-visualization-charteditor-link {
  color: blue;
  font-weight: 700
}

.google-visualization-charteditor-input {
  width: 98%
}

.google-visualization-charteditor-input-disabled {
  background-color: #f3f3f3;
  border: 1px solid #dadada;
  color: #ccc
}

.google-visualization-charteditor-input-label-disabled {
  color: #ccc
}

.google-visualization-charteditor-mid-input {
  width: 138px
}

.google-visualization-charteditor-glasspane {
  background-color: #eee;
  filter: alpha(opacity=0.6);
  opacity: .6
}

.google-visualization-charteditor-help-text {
  color: #ccc;
  font-size: 12px
}

#google-visualization-charteditor-data-preview {
  display: none
}

#google-visualization-charteditor-data-preview-arrow {
  background: url(//ssl.gstatic.com/editor/editortoolbar.png) no-repeat -422px;
  cursor: default;
  display: none;
  height: 10px;
  top: 50%;
  width: 10px
}

.google-visualization-charteditor-data-mismatch {
  color: #555;
  font-size: 13px;
  line-height: 1em;
  padding: 10px
}

.google-visualization-charteditor-data-mismatch-header {
  color: #000;
  font-size: 16px;
  margin-bottom: 10px;
  margin-left: 10px
}

.google-visualization-charteditor-mismatch-icon {
  background: url(https://ssl.gstatic.com/charts/static/alert.png) no-repeat;
  height: 18px;
  width: 20px
}

#google-visualization-charteditor-preview-mismatch-thumbnail {
  float: right;
  height: 68px;
  margin: 0 0 0 2px;
  width: 110px
}

.google-visualization-charteditor-tooltip {
  font-family: Arial, sans-serif
}

.google-visualization-charteditor-link {
  color: #333;
  font-weight: 400;
  text-decoration: none
}

.google-visualization-charteditor-link:hover {
  cursor: pointer;
  text-decoration: underline
}

.google-visualization-charteditor-checkbox {
  cursor: default;
  display: inline-block;
  margin: 2px 2px 2px 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  white-space: nowrap
}

.google-visualization-charteditor-checkbox-container .google-visualization-charteditor-checkbox {
  width: 120px
}

.google-visualization-charteditor-combobox.google-visualization-charteditor-combobox-closed {
  background-color: #f5f5f5;
  background-image: linear-gradient(top, #f5f5f5, #f1f1f1);
  border: 1px solid #dcdcdc;
  border: 1px solid rgba(0, 0, 0, .1)
}

.google-visualization-charteditor-combobox.google-visualization-charteditor-combobox-disabled {
  background-color: #fff;
  border: 1px solid #f2f2f2;
  opacity: 1
}

.google-visualization-charteditor-combobox .goog-toolbar-combo-button-input {
  padding: 0 0 0 3px;
  position: relative;
  width: 28px
}

.google-visualization-charteditor-combobox-disabled .goog-toolbar-combo-button-input {
  color: #b8b8b8
}

.google-visualization-charteditor-combobox-disabled .goog-toolbar-combo-button-dropdown {
  opacity: .4
}

.google-visualization-charteditor-combobox.goog-toolbar-combo-button {
  margin-left: 4px;
  padding: 1px 0;
  top: auto
}

.google-visualization-charteditor-checkbox-disabled {
  color: #666
}

.google-visualization-charteditor-checkbox .goog-checkbox {
  cursor: default
}

.google-visualization-charteditor-toggle {
  min-width: 24px;
  margin: 0
}

.google-visualization-charteditor-toggle.jfk-button {
  height: 26px;
  line-height: 24px;
  padding: 0;
  z-index: auto
}

.google-visualization-charteditor-toggle-disabled {
  opacity: .3
}

.google-visualization-charteditor-toggle-bold-content {
  background: url(//ssl.gstatic.com/docs/common/jfk_sprite40.png) -23px -466px no-repeat;
  height: 16px;
  top: 2px;
  width: 16px
}

.google-visualization-charteditor-toggle-italic-content {
  background: url(//ssl.gstatic.com/docs/common/jfk_sprite40.png) -2px -2176px no-repeat;
  height: 16px;
  top: 2px;
  width: 16px
}

.google-visualization-charteditor-name-input {
  border: 1px solid transparent;
  color: #202020;
  font-family: Arial, sans-serif;
  font-size: 13px;
  font-weight: 800;
  height: 14px;
  padding: 4px;
  width: 400px
}

.google-visualization-charteditor-name-input.google-visualization-charteditor-help-text {
  color: #666;
  font-weight: 400
}

.google-visualization-charteditor-name-input:focus,
.google-visualization-charteditor-name-input:hover {
  border: 1px solid #e4e4e4
}

.google-visualization-charteditor-small-input {
  width: 118px
}

.google-visualization-charteditor-chart-img-div {
  border: 1px solid #ddd;
  margin-top: 5px;
  padding: 2px;
  text-align: center;
  width: 45px
}

.google-visualization-charteditor-chart-type-table {
  background-color: #f6f6f6;
  width: 100%
}

.google-visualization-charteditor-type-select-button .goog-custom-button-inner-box {
  border-width: 1px;
  margin: 0;
  padding: 1px;
  vertical-align: middle
}

.google-visualization-charteditor-type-select-button .goog-custom-button-outer-box {
  border-width: 1px;
  margin: 0;
  padding: .5px;
  vertical-align: middle
}

.google-visualization-charteditor-type-select-label {
  border: 0;
  font-size: 10px;
  height: 10px;
  margin: 0;
  margin-top: -4px;
  padding: 0;
  text-align: center;
  vertical-align: text-top
}

.google-visualization-charteditor-thumbnail .jfk-radiobutton-radio {
  border-radius: 0;
  border: none;
  left: 0;
  margin: 0;
  position: static;
  top: 0
}

.google-visualization-charteditor-thumbnail .jfk-radiobutton-radio:after {
  content: none
}

.google-visualization-charteditor-thumbnail.jfk-radiobutton {
  border: 4px solid #ddd;
  display: block;
  margin: 4px 12px 8px 0;
  padding: 0;
  height: 68px;
  width: 110px
}

.google-visualization-charteditor-thumbnail.jfk-radiobutton-checked {
  border: 4px solid #68e;
  height: 68px;
  outline-color: #fff;
  width: 110px
}

.google-visualization-charteditor-thumbnail:focus {
  border: 4px solid #c1d9ff;
  cursor: pointer
}

.google-visualization-charteditor-thumbnail.jfk-radiobutton-checked:focus {
  border: 4px solid #68e
}

#google-visualization-charteditor-chart-type-categories {
  border-right: 2px dotted #dcdcdc;
  float: left;
  width: 105px
}

#google-visualization-charteditor-chart-type-categories.goog-tab-bar {
  background: none;
  cursor: default;
  list-style: none;
  outline: none
}

.google-visualization-charteditor-category.goog-tab {
  background: #fff;
  border: none;
  cursor: default;
  font-weight: 400;
  height: 25px;
  margin-bottom: 5px;
  padding: 2px 0;
  position: relative;
  text-decoration: none
}

.google-visualization-charteditor-category.goog-tab-hover {
  cursor: pointer;
  background-color: #f2f2f2
}

.google-visualization-charteditor-category.goog-tab-hover .google-visualization-charteditor-category-label {
  text-decoration: underline
}

.google-visualization-charteditor-category.goog-tab-selected {
  background-color: #ddd !important;
  font-weight: 700
}

.google-visualization-charteditor-category.goog-tab-selected.goog-tab-hover {
  cursor: default;
  background-color: #ddd
}

.google-visualization-charteditor-category.goog-tab-selected.goog-tab-hover .google-visualization-charteditor-category-label {
  text-decoration: none
}

.google-visualization-charteditor-category-label {
  color: #666;
  font-size: 13px;
  font-family: Arial, sans-serif;
  margin-left: 15px;
  position: relative;
  top: -7px
}

.google-visualization-charteditor-category-label {
  text-decoration: inherit
}

.google-visualization-charteditor-mini {
  margin: 2px
}

.google-visualization-charteditor-chart-type-subtypes {
  display: block;
  height: 100%;
  overflow-y: scroll;
  max-height: 372px
}

#google-visualization-charteditor-chart-type-subtypes {
  float: right;
  width: 155px
}

.google-visualization-charteditor-combobox-icon {
  height: 12px;
  left: 9px;
  position: absolute;
  top: 7px;
  width: 12px
}

.google-visualization-charteditor-horizontal-menu {
  padding: 1px 5px 5px 5px
}

.google-visualization-charteditor-float-start {
  float: left
}

.google-visualization-charteditor-float-end {
  float: right
}

.google-visualization-charteditor-float-clear {
  clear: both
}

.google-visualization-charteditor-align-end {
  text-align: right
}

.google-visualization-charteditor-align-start {
  text-align: left
}

.google-visualization-charteditor-display-none {
  display: none
}

.annotationsdiv .goog-custom-button-inner-box,
.annotationsdiv .goog-custom-button-outer-box {
  border: 0;
  margin: 0;
  padding: 0
}

.goog-palette {
  cursor: default;
  outline: none
}

.goog-palette-table {
  border: 1px solid #666;
  border-collapse: collapse;
  margin: 5px
}

.goog-palette-cell {
  border: 0;
  border-right: 1px solid #666;
  cursor: pointer;
  height: 18px;
  margin: 0;
  text-align: center;
  vertical-align: middle;
  width: 18px
}

.goog-palette-cell .goog-palette-colorswatch {
  border: none;
  font-size: x-small;
  height: 18px;
  position: relative;
  width: 18px
}

.goog-palette-cell-hover .goog-palette-colorswatch {
  border: 1px solid #fff;
  height: 16px;
  width: 16px
}

.goog-palette-cell-selected .goog-palette-colorswatch {
  background: url(//ssl.gstatic.com/editor/editortoolbar.png) no-repeat -368px 0;
  border: 1px solid #333;
  color: #fff;
  font-weight: 700;
  height: 16px;
  width: 16px
}

.goog-palette-customcolor {
  background-color: #fafafa;
  border: 1px solid #eee;
  color: #666;
  font-size: x-small;
  height: 15px;
  position: relative;
  width: 15px
}

.goog-palette-cell-hover .goog-palette-customcolor {
  background-color: #fee;
  border: 1px solid #f66;
  color: #f66
}

.goog-color-menu-button .goog-menu-button-inner-box,
.goog-toolbar-color-menu-button .goog-toolbar-menu-button-inner-box {
  padding-top: 2px !important;
  padding-bottom: 2px !important
}

.goog-tab {
  position: relative;
  padding: 4px 8px;
  color: #00c;
  text-decoration: underline;
  cursor: default
}

.goog-tab-bar-top .goog-tab {
  margin: 1px 4px 0 0;
  border-bottom: 0;
  float: left
}

.goog-tab-bar-bottom:after,
.goog-tab-bar-top:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}

.goog-tab-bar-bottom .goog-tab {
  margin: 0 4px 1px 0;
  border-top: 0;
  float: left
}

.goog-tab-bar-start .goog-tab {
  margin: 0 0 4px 1px;
  border-right: 0
}

.goog-tab-bar-end .goog-tab {
  margin: 0 1px 4px 0;
  border-left: 0
}

.goog-tab-hover {
  background: #eee
}

.goog-tab-disabled {
  color: #666
}

.goog-tab-selected {
  color: #000;
  background: #fff;
  text-decoration: none;
  font-weight: 700;
  border: 1px solid #6b90da
}

.goog-tab-bar-top {
  padding-top: 5px !important;
  padding-left: 5px !important;
  border-bottom: 1px solid #6b90da !important
}

.goog-tab-bar-top .goog-tab-selected {
  top: 1px;
  margin-top: 0;
  padding-bottom: 5px
}

.goog-tab-bar-bottom .goog-tab-selected {
  top: -1px;
  margin-bottom: 0;
  padding-top: 5px
}

.goog-tab-bar-start .goog-tab-selected {
  left: 1px;
  margin-left: 0;
  padding-right: 9px
}

.goog-tab-bar-end .goog-tab-selected {
  left: -1px;
  margin-right: 0;
  padding-left: 9px
}

.goog-tab-bar {
  margin: 0;
  border: 0;
  padding: 0;
  list-style: none;
  cursor: default;
  outline: none;
  background: #ebeff9
}

.goog-tab-bar-clear {
  clear: both;
  height: 0;
  overflow: hidden
}

.goog-tab-bar-start {
  float: left
}

.goog-tab-bar-end {
  float: right
}

.jfk-scrollbar::-webkit-scrollbar {
  height: 16px;
  overflow: visible;
  width: 16px
}

.jfk-scrollbar::-webkit-scrollbar-button {
  height: 0;
  width: 0
}

.jfk-scrollbar::-webkit-scrollbar-track {
  background-clip: padding-box;
  border: solid transparent;
  border-width: 0 0 0 4px
}

.jfk-scrollbar::-webkit-scrollbar-track:horizontal {
  border-width: 4px 0 0
}

.jfk-scrollbar::-webkit-scrollbar-track:hover {
  background-color: rgba(0, 0, 0, .05);
  box-shadow: inset 1px 0 0 rgba(0, 0, 0, .1)
}

.jfk-scrollbar::-webkit-scrollbar-track:horizontal:hover {
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, .1)
}

.jfk-scrollbar::-webkit-scrollbar-track:active {
  background-color: rgba(0, 0, 0, .05);
  box-shadow: inset 1px 0 0 rgba(0, 0, 0, .14), inset -1px 0 0 rgba(0, 0, 0, .07)
}

.jfk-scrollbar::-webkit-scrollbar-track:horizontal:active {
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, .14), inset 0 -1px 0 rgba(0, 0, 0, .07)
}

.jfk-scrollbar-dark.jfk-scrollbar::-webkit-scrollbar-track:hover {
  background-color: hsla(0, 0%, 100%, .1);
  box-shadow: inset 1px 0 0 hsla(0, 0%, 100%, .2)
}

.jfk-scrollbar-dark.jfk-scrollbar::-webkit-scrollbar-track:horizontal:hover {
  box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .2)
}

.jfk-scrollbar-dark.jfk-scrollbar::-webkit-scrollbar-track:active {
  background-color: hsla(0, 0%, 100%, .1);
  box-shadow: inset 1px 0 0 hsla(0, 0%, 100%, .25), inset -1px 0 0 hsla(0, 0%, 100%, .15)
}

.jfk-scrollbar-dark.jfk-scrollbar::-webkit-scrollbar-track:horizontal:active {
  box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .25), inset 0 -1px 0 hsla(0, 0%, 100%, .15)
}

.jfk-scrollbar::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, .2);
  background-clip: padding-box;
  border: solid transparent;
  border-width: 1px 1px 1px 6px;
  min-height: 28px;
  padding: 100px 0 0;
  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(0, 0, 0, .07)
}

.jfk-scrollbar::-webkit-scrollbar-thumb:horizontal {
  border-width: 6px 1px 1px;
  padding: 0 0 0 100px;
  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset -1px 0 0 rgba(0, 0, 0, .07)
}

.jfk-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, .4);
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .25)
}

.jfk-scrollbar::-webkit-scrollbar-thumb:active {
  background-color: rgba(0, 0, 0, .5);
  box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .35)
}

.jfk-scrollbar-dark.jfk-scrollbar::-webkit-scrollbar-thumb {
  background-color: hsla(0, 0%, 100%, .3);
  box-shadow: inset 1px 1px 0 hsla(0, 0%, 100%, .15), inset 0 -1px 0 hsla(0, 0%, 100%, .1)
}

.jfk-scrollbar-dark.jfk-scrollbar::-webkit-scrollbar-thumb:horizontal {
  box-shadow: inset 1px 1px 0 hsla(0, 0%, 100%, .15), inset -1px 0 0 hsla(0, 0%, 100%, .1)
}

.jfk-scrollbar-dark.jfk-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: hsla(0, 0%, 100%, .6);
  box-shadow: inset 1px 1px 1px hsla(0, 0%, 100%, .37)
}

.jfk-scrollbar-dark.jfk-scrollbar::-webkit-scrollbar-thumb:active {
  background-color: hsla(0, 0%, 100%, .75);
  box-shadow: inset 1px 1px 3px hsla(0, 0%, 100%, .5)
}

.jfk-scrollbar-borderless.jfk-scrollbar::-webkit-scrollbar-track {
  border-width: 0 1px 0 6px
}

.jfk-scrollbar-borderless.jfk-scrollbar::-webkit-scrollbar-track:horizontal {
  border-width: 6px 0 1px
}

.jfk-scrollbar-borderless.jfk-scrollbar::-webkit-scrollbar-track:hover {
  background-color: rgba(0, 0, 0, .035);
  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .14), inset -1px -1px 0 rgba(0, 0, 0, .07)
}

.jfk-scrollbar-borderless.jfk-scrollbar-dark.jfk-scrollbar::-webkit-scrollbar-track:hover {
  background-color: hsla(0, 0%, 100%, .07);
  box-shadow: inset 1px 1px 0 hsla(0, 0%, 100%, .25), inset -1px -1px 0 hsla(0, 0%, 100%, .15)
}

.jfk-scrollbar-borderless.jfk-scrollbar::-webkit-scrollbar-thumb {
  border-width: 0 1px 0 6px
}

.jfk-scrollbar-borderless.jfk-scrollbar::-webkit-scrollbar-thumb:horizontal {
  border-width: 6px 0 1px
}

.jfk-scrollbar::-webkit-scrollbar-corner {
  background: transparent
}

body.jfk-scrollbar::-webkit-scrollbar-track-piece {
  background-clip: padding-box;
  background-color: #f5f5f5;
  border: solid #fff;
  border-width: 0 0 0 3px;
  box-shadow: inset 1px 0 0 rgba(0, 0, 0, .14), inset -1px 0 0 rgba(0, 0, 0, .07)
}

body.jfk-scrollbar::-webkit-scrollbar-track-piece:horizontal {
  border-width: 3px 0 0;
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, .14), inset 0 -1px 0 rgba(0, 0, 0, .07)
}

body.jfk-scrollbar::-webkit-scrollbar-thumb {
  border-width: 1px 1px 1px 5px
}

body.jfk-scrollbar::-webkit-scrollbar-thumb:horizontal {
  border-width: 5px 1px 1px
}

body.jfk-scrollbar::-webkit-scrollbar-corner {
  background-clip: padding-box;
  background-color: #f5f5f5;
  border: solid #fff;
  border-width: 3px 0 0 3px;
  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .14)
}

#docs-toolbar-wrapper {
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  min-height: 35px;
  box-shadow: inset 0 1px 0 0 #fff;
  background-color: #f5f5f5;
  background-image: linear-gradient(top, #f5f5f5, #eee);
  padding: 0 44px 0 58px;
  position: relative
}

#docs-toolbar-wrapper.docs-hub-appbar {
  border: none
}

#docs-toolbar {
  background: none;
  border-width: 0 !important;
  display: inline;
  min-height: 35px;
  padding: 0
}

#docs-primary-toolbars {
  display: block
}

#docs-omnibox-toolbar {
  background: none;
  border-width: 0 !important;
  display: inline-block;
  overflow: hidden;
  padding: 0 6px;
  vertical-align: middle;
  width: 293px
}

#docs-side-toolbar {
  background: none;
  border: 0;
  margin: 0 44px 0 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex
}

#textToSpeechToolbarButton {
  padding-left: 2px
}

.goog-toolbar {
  margin-bottom: 0;
  outline: 0
}

.goog-toolbar-button,
.goog-toolbar-menu-button {
  margin: 4px 0 0 -1px
}

.goog-toolbar-button-inner-box,
.goog-toolbar-menu-button-inner-box {
  height: 25px;
  min-width: 25px;
  padding: 0;
  text-align: center
}

.docs-toolbar-button-split-left .goog-toolbar-button-inner-box {
  min-width: 23px
}

.goog-toolbar-button-inner-box .docs-icon,
.goog-toolbar-menu-button-caption .docs-icon,
.goog-toolbar-menu-button-caption .goog-color-menu-button-indicator .docs-icon {
  margin-top: -3px
}

.goog-toolbar-button .goog-toolbar-menu-button-outer-box .goog-toolbar-menu-button-inner-box,
.goog-toolbar-menu-button .goog-toolbar-menu-button-outer-box .goog-toolbar-menu-button-inner-box {
  margin: 0 1px
}

.goog-toolbar-menu-button-dropdown {
  margin-left: 4px;
  margin-right: 0;
  margin-top: 9px
}

.goog-toolbar-color-menu-button .goog-toolbar-menu-button-dropdown {
  margin-top: 7px
}

.goog-toolbar-separator.goog-inline-block {
  border-left: 1px solid #d9d9d9;
  height: 35px;
  margin: 0 5px 0 4px;
  vertical-align: top
}

.goog-toolbar-select .goog-toolbar-menu-button-outer-box .goog-toolbar-menu-button-inner-box {
  margin: 0;
  margin-right: 1px
}

.goog-color-menu-button-indicator {
  position: relative;
  height: 19px
}

.goog-toolbar-color-menu-button .goog-toolbar-menu-button-caption {
  top: -2px
}

.docs-toolbar-small-separator.goog-toolbar-separator {
  border-left: 1px solid #ccc;
  display: inline;
  font-size: 11px;
  line-height: normal;
  list-style: none;
  outline: none;
  overflow: hidden;
  text-decoration: none;
  width: 0;
  display: inline-block;
  height: 35px;
  margin: 0 5px 0 4px;
  padding: 0;
  vertical-align: top
}

.docs-toolbar-small-separator.goog-toolbar-separator+.docs-toolbar-small-separator.goog-toolbar-separator {
  display: none
}

.goog-toolbar-button+div.docs-toolbar-small-separator,
div.goog-toolbar-menu-button+div.docs-toolbar-small-separator,
div.goog-toolbar-separator+div.docs-toolbar-small-separator {
  margin-left: 3px
}

.docs-toolbar-small-separator+div.goog-toolbar-button,
.docs-toolbar-small-separator+div.goog-toolbar-menu-button,
.docs-toolbar-small-separator+div[class~=goog-toolbar-select] {
  margin-left: -1px
}

div[class~=goog-toolbar-select]+div.docs-toolbar-small-separator {
  margin-left: -1px
}

.docs-toolbar-small-separator+div.goog-toolbar-select {
  margin-left: -3px
}

.docs-toolbar-inset-separator.docs-toolbar-small-separator {
  border-left: 1px 1px solid #d9d9d9;
  height: 20px;
  margin: 5px 5px 0 4px;
  vertical-align: middle
}

.goog-toolbar-toggle-button.goog-toolbar-button-checked+.goog-toolbar-toggle-button.goog-toolbar-button-checked {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1px
}

.goog-toolbar-toggle-button.goog-toolbar-button-checked+.goog-toolbar-toggle-button.goog-toolbar-button-checked .goog-toolbar-button-outer-box .goog-toolbar-button-inner-box,
.goog-toolbar-toggle-button.goog-toolbar-button-checked+.goog-toolbar-toggle-button.goog-toolbar-button-checked.goog-toolbar-button-hover .goog-toolbar-button-outer-box .goog-toolbar-button-inner-box {
  margin-left: 1px
}

.goog-toolbar-button .docs-icon,
.goog-toolbar-menu-button .docs-icon {
  opacity: .7
}

.goog-toolbar-button-checked .docs-icon,
.goog-toolbar-button-hover .docs-icon,
.goog-toolbar-button-selected .docs-icon,
.goog-toolbar-menu-button-checked .docs-icon,
.goog-toolbar-menu-button-hover .docs-icon,
.goog-toolbar-menu-button-selected .docs-icon {
  opacity: .9
}

.goog-toolbar-button-active .docs-icon,
.goog-toolbar-menu-button-open .docs-icon {
  opacity: 1
}

.goog-toolbar-select .goog-toolbar-menu-button-outer-box .goog-toolbar-menu-button-inner-box .goog-toolbar-menu-button-caption {
  margin-left: 10px;
  text-align: left
}

.goog-toolbar-select .goog-toolbar-menu-button-outer-box .goog-toolbar-menu-button-inner-box .goog-toolbar-menu-button-dropdown {
  margin-left: 5px;
  margin-right: 4px
}

.docs-toolbar-button-split-left,
.docs-toolbar-button-split-left * {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important
}

.docs-toolbar-button-split-right,
.docs-toolbar-button-split-right * {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  min-width: 5px !important
}

.docs-toolbar-button-split-right .goog-toolbar-menu-button-dropdown {
  margin-left: 3px
}

.docs-toolbar-button-split-sympathy-hover {
  border-color: #c6c6c6
}

.docs-toolbar-button-split-left .goog-toolbar-button-hover,
.docs-toolbar-button-split-right .goog-toolbar-button-hover {
  z-index: 1
}

.docs-toolbar-split-create-button.goog-toolbar-menu-button {
  margin-right: 4px
}

.docs-toolbar-split-create-button .goog-toolbar-menu-button-dropdown {
  background: url(https://ssl.gstatic.com/ui/v1/disclosure/small-grey-disclosure-arrow-down.png) 50% no-repeat;
  height: 7px;
  margin-top: 9px;
  opacity: 1
}

.docs-toolbar-split-create-button {
  background-color: #f5f5f5;
  background-image: linear-gradient(top, #f5f5f5, #f1f1f1);
  border-color: #c6c6c6 !important
}

.docs-toolbar-split-create-button.goog-toolbar-button-disabled {
  border-right-color: #fff !important
}

.docs-toolbar-split-create-button.goog-toolbar-button-hover,
.docs-toolbar-split-create-button.goog-toolbar-menu-button-hover {
  background-color: #f8f8f8;
  background-image: linear-gradient(top, #f8f8f8, #f1f1f1);
  border-color: #c6c6c6 !important
}

.docs-toolbar-split-create-button.goog-toolbar-button-active,
.docs-toolbar-split-create-button.goog-toolbar-menu-button-active {
  background-color: #f8f8f8;
  background-image: linear-gradient(top, #f8f8f8, #f1f1f1);
  border-color: #c6c6c6 !important
}

.docs-toolbar-split-create-button .docs-icon {
  opacity: 1
}

.docs-toolbar-split-sl-button.docs-toolbar-split-sl-button-right {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: 0
}

.docs-toolbar-split-button-separator-wrapper {
  height: 26px;
  margin-top: 6px;
  vertical-align: top
}

.docs-toolbar-split-button-separator-wrapper .goog-toolbar-separator.goog-inline-block {
  height: 20px;
  margin: 3px 0 0 0
}

.docs-toolbar-text-button .goog-toolbar-button-outer-box,
.docs-toolbar-text-button .goog-toolbar-menu-button-outer-box {
  padding-left: 4px
}

.docs-toolbar-text-button .goog-toolbar-button-outer-box {
  padding-right: 4px
}

.goog-toolbar-menu-button-outer-box {
  padding-right: 3px
}

.goog-toolbar-menu-button-arrow-hidden.goog-toolbar-menu-button-outer-box {
  padding-right: 0
}

.jfk-bubble.docs-toolbar-more-bubble {
  padding: 0;
  z-index: 902 !important
}

.docs-toolbar-more-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplafter {
  border-color: #eee transparent
}

.docs-toolbar-more-toolbar {
  background: #eee;
  border: 0;
  min-height: 35px;
  padding: 0 0 0 10px
}

.docs-collapsable-toolbar {
  white-space: nowrap
}

.docs-collapsable-toolbar-control {
  white-space: normal
}

.docs-hc-gecko .docs-icon-img {
  filter: invert(100%) !important
}

.docs-hc-gecko .docs-icon-img-hc-no-invert .docs-icon-img {
  filter: unset !important
}

.docs-hc-gecko .docs-icon-img.docs-icon-document,
.docs-hc-gecko .docs-icon-img.docs-icon-drawing,
.docs-hc-gecko .docs-icon-img.docs-icon-form,
.docs-hc-gecko .docs-icon-img.docs-icon-presentation,
.docs-hc-gecko .docs-icon-img.docs-icon-punch,
.docs-hc-gecko .docs-icon-img.docs-icon-script,
.docs-hc-gecko .docs-icon-img.docs-icon-site,
.docs-hc-gecko .docs-icon-img.docs-icon-spreadsheet,
.docs-hc-gecko .docs-icon-img.docs-icon-videocam-colored-24 {
  filter: none
}

.docs-icon-toolbar-button-with-text {
  padding-left: 4px;
  padding-right: 4px
}

.docs-icon-toolbar-button-with-text .docs-icon-toolbar-button-with-text-icon-container {
  margin-right: 4px
}

.google-visualization-clickeditor-bubble.jfk-bubble {
  padding: 3px;
  z-index: inherit !important;
  background-color: #f5f5f5;
  font-family: Arial, san-serif;
  border-radius: 3px;
  border-color: #dadada
}

.google-visualization-clickeditor-bubble .jfk-bubble-arrowdown .jfk-bubble-arrowimplafter,
.google-visualization-clickeditor-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplafter {
  border-color: #f5f5f5 transparent
}

.google-visualization-clickeditor-combobox .goog-toolbar-combo-button-input {
  width: 28px;
  padding: 0 0 0 3px;
  position: relative
}

.goog-menuitem .google-visualization-clickeditor-combobox-icon {
  position: absolute;
  top: 4px;
  left: 100px
}

.google-visualization-charteditor-menu .goog-menuheader {
  padding-left: 10px;
  color: #888
}

.google-visualization-clickeditor-combobox .google-visualization-clickeditor-combobox-icon {
  position: absolute;
  height: 100%;
  width: 34px;
  top: 0;
  left: 0;
  background-color: #f5f5f5
}

.goog-toolbar-combo-button-open .google-visualization-clickeditor-combobox-icon {
  filter: alpha(opacity=0);
  opacity: 0
}

.google-visualization-clickeditor-combobox-icon .docs-icon {
  margin: 0 0 0 7px;
  filter: alpha(opacity=60);
  opacity: .6
}

.google-visualization-clickeditor-bubble .goog-toolbar-button,
.google-visualization-clickeditor-bubble .goog-toolbar-combo-button,
.google-visualization-clickeditor-bubble .goog-toolbar-menu-button {
  margin: 0;
  top: auto
}

.google-visualization-clickeditor-bubble .goog-toolbar-color-menu-button .goog-toolbar-menu-button-dropdown {
  top: -2px
}

.google-visualization-clickeditor-color .goog-color-menu-button-indicator {
  width: 14px;
  height: 0;
  border-bottom-width: 14px;
  margin: 6px;
  outline: 1px solid #bbb
}

.google-visualization-clickeditor-tooltip {
  font-family: Arial, sans-serif;
  font-weight: 400;
  transition: background-color .5s
}

.google-visualization-clickeditor-bubble .goog-toolbar-separator {
  height: 20px;
  vertical-align: middle;
  border-color: #ccc
}

.google-visualization-clickeditor-separator {
  width: 98%;
  height: 0;
  border: 1px solid #f8f8f8;
  margin: 3px
}

.google-visualization-clickeditor-input-box {
  padding: 5px
}

.google-visualization-clickeditor-enter-msg {
  font-size: 11px;
  color: #555;
  padding: 4px
}

.google-visualization-clickeditor-bubble .google-visualization-charteditor-input:focus {
  outline-color: #008df0
}

.google-visualization-clickeditor-bubble .google-visualization-charteditor-input-inline-right,
.google-visualization-clickeditor-bubble .google-visualization-charteditor-input-inline-x,
.google-visualization-clickeditor-bubble .google-visualization-charteditor-input-inline-y {
  font-size: 12px;
  margin: 4px
}

.google-visualization-clickeditor-bubble .google-visualization-charteditor-input-inline-x {
  width: 79px
}

.google-visualization-clickeditor-bubble .google-visualization-charteditor-input-inline-right,
.google-visualization-clickeditor-bubble .google-visualization-charteditor-input-inline-y {
  width: 52px
}

.google-visualization-clickeditor-bubble .goog-flat-menu-button,
.google-visualization-clickeditor-bubble .google-visualization-charteditor-combobox {
  margin: 0
}

.goog-flat-menu-button-disabled .goog-flat-menu-button-dropdown {
  border-color: #b8b8b8 transparent
}

.google-visualization-clickeditor-entity-cover {
  position: absolute;
  visibility: hidden;
  overflow: hidden;
  cursor: pointer
}

.google-visualization-clickeditor-entity-cover-stripes {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(https://ssl.gstatic.com/charts/static/stripes.png) repeat;
  visibility: visible;
  filter: alpha(opacity=10);
  opacity: .1
}

.google-visualization-clickeditor-entity-cover-bottom,
.google-visualization-clickeditor-entity-cover-left,
.google-visualization-clickeditor-entity-cover-right,
.google-visualization-clickeditor-entity-cover-top {
  visibility: visible;
  background-color: #008ef1;
  width: 1px;
  height: 1px;
  position: absolute
}

.google-visualization-clickeditor-entity-cover-bottom,
.google-visualization-clickeditor-entity-cover-top {
  width: 100%
}

.google-visualization-clickeditor-entity-cover-left,
.google-visualization-clickeditor-entity-cover-right {
  height: 100%
}

.google-visualization-clickeditor-entity-cover-right {
  right: 0
}

.google-visualization-clickeditor-entity-cover-left {
  left: 0
}

.google-visualization-clickeditor-entity-cover-bottom {
  bottom: 0
}

.google-visualization-clickeditor-entity-cover .google-visualization-clickeditor-mid-input {
  width: 98%;
  filter: alpha(opacity=0);
  opacity: 0
}

.google-visualization-clickeditor-entity-cover .google-visualization-clickeditor-mid-input:focus {
  filter: alpha(opacity=100);
  opacity: 1
}

.google-visualization-clickeditor-header {
  height: 30px;
  background-color: #fff;
  padding: 3px;
  overflow: hidden
}

.google-visualization-clickeditor-header-text {
  margin-left: 5px;
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #999;
  white-space: nowrap
}

.jfk-button.google-visualization-clickeditor-header-edit,
.jfk-button.google-visualization-clickeditor-header-view {
  z-index: 0
}

.jfk-button.jfk-button-disabled.google-visualization-clickeditor-header-edit,
.jfk-button.jfk-button-disabled.google-visualization-clickeditor-header-view {
  background: transparent;
  border: none;
  box-shadow: none;
  margin-top: 1px;
  margin-left: 1px;
  opacity: .5
}

.google-visualization-clickeditor-header-edit .docs-icon,
.google-visualization-clickeditor-header-view .docs-icon {
  margin-top: -3px;
  margin-left: -2px;
  filter: alpha(opacity=60);
  opacity: .6
}

.jfk-button.google-visualization-clickeditor-header-edit {
  margin-right: 5px
}

.google-visualization-clickeditor-context-icon {
  position: absolute;
  right: 10px;
  padding: 0 5px;
  top: 2px
}

.jfk-button.jfk-button-disabled.google-visualization-clickeditor-fit-area,
.jfk-button.jfk-button-disabled.google-visualization-clickeditor-resize {
  background: #f5f5f5
}

.google-visualization-clickeditor-fit-area,
.google-visualization-clickeditor-resize {
  height: 24px;
  line-height: 24px;
  border-color: transparent;
  margin-right: 2px
}

.google-visualization-clickeditor-fit-area .docs-icon,
.google-visualization-clickeditor-resize .docs-icon {
  margin-top: -3px;
  filter: alpha(opacity=60);
  opacity: .6
}

.google-visualization-clickeditor-fit-area-text,
.google-visualization-clickeditor-resize-text {
  font-size: 11px;
  font-weight: 700;
  color: #555;
  margin: 0 5px
}

.google-visualization-resizer-overlay {
  position: absolute;
  visibility: hidden
}

.google-visualization-resizer-bar {
  background: url(https://ssl.gstatic.com/charts/static/stripes.png) #fff;
  position: absolute;
  opacity: .1;
  visibility: visible;
  width: 100%;
  height: 100%
}

.google-visualization-resizer-bar:hover {
  opacity: .2
}

.google-visualization-resizer-bar-center {
  height: 100%;
  width: 100%;
  cursor: crosshair;
  position: absolute;
  top: 0
}

.google-visualization-resizer-bar-north {
  height: 10px;
  cursor: n-resize;
  top: 0
}

.google-visualization-resizer-bar-south {
  height: 10px;
  cursor: s-resize;
  position: absolute;
  bottom: 0
}

.google-visualization-resizer-bar-east {
  width: 10px;
  cursor: e-resize;
  position: absolute;
  right: 0
}

.google-visualization-resizer-bar-west {
  width: 10px;
  cursor: w-resize;
  position: absolute;
  left: 0
}

.google-visualization-charteditor-mini-area {
  background: no-repeat url(//ssl.gstatic.com/charts/static/mini3.png) 0 -105px;
  width: 21px;
  height: 21px
}

.google-visualization-charteditor-mini-bar {
  background: no-repeat url(//ssl.gstatic.com/charts/static/mini3.png) 0 -168px;
  width: 21px;
  height: 21px
}

.google-visualization-charteditor-mini-column {
  background: no-repeat url(//ssl.gstatic.com/charts/static/mini3.png) 0 0;
  width: 21px;
  height: 21px
}

.google-visualization-charteditor-mini-combo {
  background: no-repeat url(//ssl.gstatic.com/charts/static/mini3.png) 0 -42px;
  width: 21px;
  height: 21px
}

.google-visualization-charteditor-mini-line {
  background: no-repeat url(//ssl.gstatic.com/charts/static/mini3.png) 0 -126px;
  width: 21px;
  height: 21px
}

.google-visualization-charteditor-mini-map {
  background: no-repeat url(//ssl.gstatic.com/charts/static/mini3.png) 0 -21px;
  width: 21px;
  height: 21px
}

.google-visualization-charteditor-mini-more {
  background: no-repeat url(//ssl.gstatic.com/charts/static/mini3.png) 0 -63px;
  width: 21px;
  height: 21px
}

.google-visualization-charteditor-mini-pie {
  background: no-repeat url(//ssl.gstatic.com/charts/static/mini3.png) 0 -84px;
  width: 21px;
  height: 21px
}

.google-visualization-charteditor-mini-scatter {
  background: no-repeat url(//ssl.gstatic.com/charts/static/mini3.png) 0 -147px;
  width: 21px;
  height: 21px
}

.google-visualization-charteditor-mini-step {
  background: no-repeat url(//ssl.gstatic.com/charts/static/mini3.png) 0 -210px;
  width: 21px;
  height: 21px
}

.google-visualization-charteditor-mini-trend {
  background: no-repeat url(//ssl.gstatic.com/charts/static/mini3.png) 0 -189px;
  width: 21px;
  height: 21px
}

.google-visualization-charteditor-mini-histogram {
  background: no-repeat url(//ssl.gstatic.com/charts/static/mini3.png) 0 -231px;
  width: 21px;
  height: 21px
}

.google-visualization-charteditor-thumbs-annotatedtimeline-disabled {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -612px;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-annotatedtimeline {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -2507px;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-areachart-disabled {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -3391px;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-areachart {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -2779px;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-areachart-stacked-disabled {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -408px;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-areachart-stacked {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -2031px;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-barchart-disabled {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -4124px;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-barchart {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -3187px;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-barchart-stacked-disabled {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -3527px;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-barchart-stacked {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -816px;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-bubblechart-disabled {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -136px;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-bubblechart {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -1020px;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-candlestickchart-disabled {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -1156px;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-candlestickchart {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -3255px;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-columnchart-disabled {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -3784px;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-columnchart {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -2099px;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-columnchart-stacked-disabled {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -2983px;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-columnchart-stacked {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -1088px;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-combochart-disabled {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -340px;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-combochart {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 0;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-donutchart-disabled {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -1360px;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-donutchart {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -2371px;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-gauge-disabled {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -1496px;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-gauge {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -476px;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-geochart-disabled {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -2575px;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-geochart-markers-disabled {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -68px;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-geochart-markers {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -2439px;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-geochart {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -4192px;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-histogram-disabled {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -3323px;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-histogram {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -1564px;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-imageradarchart-disabled {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -3051px;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-imageradarchart {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -2235px;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-imagesparkline-disabled {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -2643px;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-imagesparkline {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -2167px;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-linechart-disabled {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -1632px;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-linechart {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -544px;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-linechart-smooth-disabled {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -1963px;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-linechart-smooth {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -3119px;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-map-disabled {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -4056px;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-map-normal {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -1904px;
  width: 100px;
  height: 59px
}

.google-visualization-charteditor-thumbs-map {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -1292px;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-map-satellite {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -3595px;
  width: 100px;
  height: 60px
}

.google-visualization-charteditor-thumbs-map-street-disabled {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -2915px;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-map-street {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -680px;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-map-terrain {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -3723px;
  width: 100px;
  height: 61px
}

.google-visualization-charteditor-thumbs-motionchart-disabled {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -2711px;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-motionchart {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -1836px;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-orgchart-disabled {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -884px;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-orgchart {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -1428px;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-piechart-3d-disabled {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -952px;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-piechart-3d {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -3655px;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-piechart-disabled {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -2303px;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-piechart {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -3852px;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-scatterchart-disabled {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -272px;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-scatterchart {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -3988px;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-steppedareachart-disabled {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -2847px;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-steppedareachart {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -3920px;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-table-disabled {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -1768px;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-table {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -204px;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-timeline-disabled {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -1224px;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-timeline {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -3459px;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-treemap-disabled {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -1700px;
  width: 110px;
  height: 68px
}

.google-visualization-charteditor-thumbs-treemap {
  background: no-repeat url(//ssl.gstatic.com/charts/static/thumbs18.png) 0 -748px;
  width: 110px;
  height: 68px
}

.google-visualization-atl .border {
  border: 1px solid grey;
  background-color: #fff
}

.google-visualization-atl .containerTable {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0
}

.google-visualization-atl .containerTableRow {
  display: table-row
}

.google-visualization-atl .containerTable .td {
  display: table-cell;
  vertical-align: top;
  padding: 0
}

.google-visualization-atl .outerChartContainer {
  overflow: hidden
}

.google-visualization-atl .chartControls {
  display: table;
  border-spacing: 0;
  border-collapse: collapse;
  height: auto;
  width: 100%;
  white-space: nowrap
}

.google-visualization-atl .chartControls.twoRows {
  height: 41px
}

.google-visualization-atl .zoomControls {
  display: table-cell;
  padding: 4px 7px 1px;
  font-size: 10px;
  white-space: nowrap;
  overflow: hidden
}

.google-visualization-atl .zoomControls button.zoomButton {
  margin-right: .33em
}

.google-visualization-atl button {
  padding: 0 2px;
  font-size: 9px;
  line-height: 10px
}

.google-visualization-atl .legend {
  display: table-cell;
  padding: 4px 7px 1px;
  font-size: 10px;
  text-align: right;
  white-space: nowrap;
  overflow: hidden
}

.google-visualization-atl .legend-dot {
  display: inline-block;
  height: 8px;
  width: 8px;
  border-radius: 4px;
  margin-right: 2px;
  box-shadow: 0 0 1px 1px hsla(60, 10%, 79%, .75)
}

.google-visualization-atl .rangeControl {
  overflow: hidden
}

.google-visualization-atl .annotationsTdContainer {
  height: 0;
  border-left: 1px solid grey
}

.google-visualization-atl .annotationsFilterContainer {
  padding: 4px;
  font-size: 10px;
  white-space: nowrap;
  overflow: hidden
}

.google-visualization-atl .annotationsFilterContainer input {
  font-size: 10px;
  width: 15em
}

.google-visualization-atl .annotationsContainer .google-visualization-table-tr-head {
  display: none
}

.google-visualization-atl .annotationsContainer .google-visualization-table-tr-odd,
.google-visualization-atl .annotationsContainer .google-visualization-table-tr-odd td {
  background: none
}

.google-visualization-atl .annotationsContainer .google-visualization-table-tr-even,
.google-visualization-atl .annotationsContainer .google-visualization-table-tr-even td {
  background: none
}

.google-visualization-atl .annotationsContainer .google-visualization-table-tr-sel,
.google-visualization-atl .annotationsContainer .google-visualization-table-tr-sel td {
  background-color: #eee
}

.google-visualization-atl .annotationsContainer .google-visualization-table-td {
  border-width: 0;
  border-bottom-width: 1px;
  vertical-align: top;
  font-size: .75em
}

.google-visualization-atl .annotationsContainer .title {
  font-weight: 700
}

.google-visualization-atl .annotationsContainer .date {
  color: #666;
  font-size: .75em;
  white-space: nowrap
}

.google-visualization-table {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: bottom
}

.google-visualization-table * {
  box-sizing: inherit
}

.google-visualization-table>div:first-child {
  border: solid #eee;
  border-width: 0
}

.google-visualization-table>div:first-child.scrolling .google-visualization-table-table .frozen-column,
.google-visualization-table>div:first-child.scrolling .google-visualization-table-table th {
  visibility: hidden;
  opacity: 0;
  color: transparent
}

.google-visualization-table>div:first-child.doneScrolling .google-visualization-table-table th {
  transition: opacity .25s ease-in .1s
}

.google-visualization-table>div:first-child.doneScrolling .google-visualization-table-table .frozen-column {
  transition: visibility, opacity .15s ease-in .15s
}

.google-visualization-table-table {
  font-family: arial, helvetica;
  font-size: 10pt;
  cursor: default;
  margin: 0;
  background: #fff;
  border-spacing: 0;
  border-collapse: separate
}

.google-visualization-table-table * {
  margin: 0
}

.google-visualization-table .gradient {
  background-image: url(//ssl.gstatic.com/charts/static/table-title-bg.gif) repeat-x left bottom;
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .8) 0, hsla(0, 0%, 100%, .7) 30%, hsla(0, 0%, 100%, .5) 60%, hsla(0, 0%, 100%, 0))
}

.google-visualization-table-tr-head {
  background-color: #e4e9f4;
  font-weight: 700;
  text-align: center
}

.google-visualization-table-sorthdr {
  cursor: pointer
}

.google-visualization-table-sortind {
  color: #ccc;
  padding-left: 4px
}

.unsorted .google-visualization-table-sortind {
  display: none
}

.unsorted .google-visualization-table-sortind:after {
  content: " "
}

.sort-ascending .google-visualization-table-sortind:after {
  content: "▲"
}

.sort-descending .google-visualization-table-sortind:after {
  content: "▼"
}

.google-visualization-table-th {
  cursor: pointer;
  white-space: nowrap
}

.google-visualization-table-td {
  overflow: hidden
}

.google-visualization-table-td,
.google-visualization-table-th {
  padding: 2px .35em;
  background-color: inherit;
  background-clip: padding-box
}

.google-visualization-table-table td,
.google-visualization-table-table th {
  border: solid #eee;
  border-width: 0 1px 1px 0;
  padding: 2px .35em
}

.google-visualization-table-table th {
  position: relative;
  z-index: 10
}

.google-visualization-table-table td.frozen-column {
  position: relative;
  z-index: 5
}

.google-visualization-table-table thead th.frozen-column {
  z-index: 15
}

.google-visualization-table-table .last-frozen-column {
  border-right: 2px ridge #eee
}

.google-visualization-table-tr-even {
  background-color: #fff
}

.google-visualization-table-tr-odd {
  background-color: #fafafa
}

.google-visualization-table-tr-sel {
  background-color: #d6e9f8
}

.google-visualization-table-tr-over {
  background-color: #e7e9f9
}

.google-visualization-table-td.google-visualization-table-type-bool {
  text-align: center;
  font-family: Arial Unicode MS, Arial, Helvetica
}

.google-visualization-table-td.google-visualization-table-type-date {
  text-align: center
}

.google-visualization-table-td.google-visualization-table-type-number {
  text-align: right;
  white-space: nowrap
}

.google-visualization-table-seq {
  text-align: right;
  color: #666
}

.google-visualization-table-div-page {
  display: inline-block;
  width: 100%;
  padding: 1px 0 0 1px;
  border: 0;
  background-color: #e4e9f4;
  font-family: Arial, sans-serif
}

.google-visualization-table-div-page [role=button] {
  display: inline-block;
  cursor: pointer;
  margin-top: 2px;
  margin-bottom: 2px;
  font-family: Arial Unicode MS, Arial, Helvetica;
  font-size: 10px;
  line-height: 10px
}

.google-visualization-table-div-page [role=button] .goog-custom-button-inner-box {
  padding: 1px 1px 2px 1px
}

.google-visualization-table-page-prev:before {
  content: "◄"
}

.google-visualization-table-page-next:before {
  content: "►"
}

.google-visualization-table-page-numbers {
  display: inline-block;
  zoom: 1;
  margin: 0;
  vertical-align: middle
}

.ie8 .google-visualization-table-page-numbers {
  display: inline
}

.google-visualization-table-page-number {
  display: inline-block;
  background-color: #e4e9f4;
  border: 1px outset ButtonShadow;
  border-radius: 3px;
  color: #000;
  font-size: 10px;
  min-width: 10px;
  margin: 2px;
  padding: 0 2px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle
}

.google-visualization-table-page-number.current {
  font-weight: 700;
  font-size: 11px;
  background: #fefefe;
  border-style: inset
}

.google-visualization-table-page-number:hover {
  background: #fefefe;
  border-style: inset
}

.google-visualization-table .transparent {
  background-image: none;
  background-color: transparent;
  border-color: transparent
}

.google-visualization-table .transparentIE6 {
  background: none
}

.google-visualization-table td .transparent,
.google-visualization-table th .transparent {
  color: transparent;
  opacity: 0
}

.google-visualization-table .google-visualization-hidden {
  visibility: hidden;
  pointer-events: none
}

.google-visualization-table-loadtest {
  padding-left: 6px
}

.google-visualization-sparkline-default {
  background-color: #fff;
  border-spacing: 0;
  font-size: small;
  color: gray
}

.google-visualization-sparkline-selected {
  background-color: #d6e9f8;
  padding: 1px;
  border-spacing: 0;
  font-size: small;
  color: gray
}

.google-visualization-sparkline-over {
  background-color: #e7e9f9;
  padding: 1px;
  border-spacing: 0;
  font-size: small;
  color: gray
}

.google-visualization-sparkline-image {
  display: block
}

.google-visualization-orgchart-table {
  border: 0;
  text-align: center
}

.google-visualization-orgchart-table * {
  margin: 0;
  padding: 2px
}

.google-visualization-orgchart-space-small {
  width: 4px;
  height: 1px;
  border: 0
}

.google-visualization-orgchart-space-medium {
  width: 10px;
  height: 1px;
  border: 0
}

.google-visualization-orgchart-space-large {
  width: 16px;
  height: 1px;
  border: 0
}

.google-visualization-orgchart-noderow-small {
  height: 12px;
  border: 0
}

.google-visualization-orgchart-noderow-medium {
  height: 30px;
  border: 0
}

.google-visualization-orgchart-noderow-large {
  height: 46px;
  border: 0
}

.google-visualization-orgchart-connrow-small {
  height: 2px;
  font-size: 1px
}

.google-visualization-orgchart-connrow-medium {
  height: 6px;
  font-size: 4px
}

.google-visualization-orgchart-connrow-large {
  height: 10px;
  font-size: 8px
}

.google-visualization-orgchart-node {
  text-align: center;
  vertical-align: middle;
  font-family: arial, helvetica;
  cursor: default;
  border: 2px solid #b5d9ea;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, .5);
  -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, .5);
  background-color: #edf7ff;
  background: -webkit-gradient(linear, left top, left bottom, from(#edf7ff), to(#cde7ee))
}

.google-visualization-orgchart-nodesel {
  border: 2px solid #e3ca4b;
  background-color: #fff7ae;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff7ae), to(#eee79e))
}

.google-visualization-orgchart-node-small {
  font-size: .6em
}

.google-visualization-orgchart-node-medium {
  font-size: .8em
}

.google-visualization-orgchart-node-large {
  font-size: 1.2em;
  font-weight: 700
}

.google-visualization-orgchart-linenode {
  border: 0
}

.google-visualization-orgchart-lineleft {
  border-left: 1px solid #38d
}

.google-visualization-orgchart-lineright {
  border-right: 1px solid #38d
}

.google-visualization-orgchart-linebottom {
  border-bottom: 1px solid #38d
}

.peoplekitComponentsChipChip {
  background: var(--pkw-background, #fff);
  border-radius: 50vh;
  box-shadow: 0 0 0 1px var(--pkw-outline, #dadce0) inset;
  color: var(--pkw-on-surface-variant, #5f6368);
  cursor: pointer;
  display: flex;
  display: inline-block;
  flex-direction: column;
  justify-content: center;
  margin: 4px;
  min-width: 1px;
  outline: 1px solid transparent;
  -webkit-user-select: none;
  user-select: none
}

.peoplekitComponentsChipChip:hover {
  background: var(--pkw-background, #f8f9fa);
  color: var(--pkw-on-surface-variant, #202124)
}

.peoplekitComponentsChipChip.isActive {
  background: var(--pkw-secondary-container, #e8f0fe);
  box-shadow: none;
  color: var(--pkw-on-secondary-container, #1967d2);
  outline-width: 2px
}

.peoplekitComponentsChipChip.isActive:hover {
  background: var(--pkw-secondary-container, #d2e3fc);
  color: var(--pkw-on-secondary-container, #174ea6)
}

.peoplekitComponentsChipChip.isSpotlit {
  box-shadow: 0 0 0 2px var(--pkw-primary, #669df6) inset;
  outline-width: 3px
}

.peoplekitComponentsChipChip.isWarning {
  background: var(--pkw-caution-container-low, #fef7e0);
  box-shadow: 0 0 0 1px var(--pkw-caution, #fbbc04) inset;
  color: var(--pkw-caution, #5f6368)
}

.peoplekitComponentsChipChip.isWarning.isActive {
  background: var(--pkw-caution-container, #fdd663);
  color: var(--pkw-on-caution-container, #3c4043);
  box-shadow: none
}

.peoplekitComponentsChipChip.isWarning.isActive:hover {
  background: var(--pkw-caution-container, #fcc934);
  color: var(--pkw-on-caution-container, #202124)
}

.peoplekitComponentsChipChip.isWarning.isSpotlit {
  box-shadow: 0 0 0 2px var(--pkw-on-caution-container, #202124) inset
}

.peoplekitComponentsChipChip.isWarning:hover {
  background: var(--pkw-caution-container, #feefc3);
  color: var(--pkw-caution, #202124)
}

.peoplekitComponentsChipChip.isError {
  background: var(--pkw-error-container-low, #fff);
  box-shadow: 0 0 0 1px var(--pkw-error, #ea4335) inset;
  color: var(--pkw-error, #c5221f)
}

.peoplekitComponentsChipChip.isError.isActive {
  background: var(--pkw-error-container, rgba(217, 48, 37, .2));
  color: var(--pkw-on-error-container, #a50e0e);
  box-shadow: none
}

.peoplekitComponentsChipChip.isError.isActive:hover {
  background: var(--pkw-error-container, rgba(217, 48, 37, .24));
  color: var(--pkw-on-error-container, #a50e0e)
}

.peoplekitComponentsChipChip.isError.isSpotlit {
  box-shadow: 0 0 0 2px var(--pkw-on-error-container, #a50e0e) inset
}

.peoplekitComponentsChipChip.isError:hover {
  background: var(--pkw-error-container, #fad2cf);
  color: var(--pkw-error, #a50e0e)
}

.peoplekitComponentsChipChip.isDragged,
.peoplekitComponentsChipChip.isDragged.isActive,
.peoplekitComponentsChipChip.isDragged.isError,
.peoplekitComponentsChipChip.isDragged.isSpotlit,
.peoplekitComponentsChipChip.isDragged.isWarning {
  border-width: 0;
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15)
}

.peoplekitComponentsChipChip.isDragged.isActive .mdc-elevation-overlay,
.peoplekitComponentsChipChip.isDragged.isError .mdc-elevation-overlay,
.peoplekitComponentsChipChip.isDragged.isSpotlit .mdc-elevation-overlay,
.peoplekitComponentsChipChip.isDragged.isWarning .mdc-elevation-overlay {
  opacity: 0
}

.peoplekitThemeDark .peoplekitComponentsChipChip.isDragged.isActive,
.peoplekitThemeDark .peoplekitComponentsChipChip.isDragged.isError,
.peoplekitThemeDark .peoplekitComponentsChipChip.isDragged.isSpotlit,
.peoplekitThemeDark .peoplekitComponentsChipChip.isDragged.isWarning {
  border-width: 0;
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15)
}

.peoplekitComponentsChipChip.isDragged .mdc-elevation-overlay,
.peoplekitThemeDark .peoplekitComponentsChipChip.isDragged.isActive .mdc-elevation-overlay,
.peoplekitThemeDark .peoplekitComponentsChipChip.isDragged.isError .mdc-elevation-overlay,
.peoplekitThemeDark .peoplekitComponentsChipChip.isDragged.isSpotlit .mdc-elevation-overlay,
.peoplekitThemeDark .peoplekitComponentsChipChip.isDragged.isWarning .mdc-elevation-overlay {
  opacity: 0
}

.peoplekitComponentsChipChip.isDragged.peopleKitStyleGm3 {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 4px 8px 3px rgba(0, 0, 0, .15)
}

.peoplekitComponentsChipChip.isDisabled,
.peoplekitComponentsChipChip.isDisabled:hover {
  cursor: default;
  opacity: .5
}

.peoplekitComponentsChipChip.isDeletionDisabled .peoplekitComponentsChipDeleteButton {
  display: none
}

.peoplekitThemeDark .peoplekitComponentsChipChip {
  background: var(--pkw-background, linear-gradient(0deg, rgba(232, 234, 237, .08), rgba(232, 234, 237, .08)), #202124);
  border-radius: 50vh;
  box-shadow: 0 0 0 1px var(--pkw-outline, #5f6368) inset;
  color: var(--pkw-on-surface-variant, #9aa0a6);
  cursor: pointer;
  display: flex;
  display: inline-block;
  flex-direction: column;
  justify-content: center;
  margin: 4px;
  min-width: 1px;
  outline: 1px solid transparent;
  -webkit-user-select: none;
  user-select: none
}

.peoplekitThemeDark .peoplekitComponentsChipChip:hover {
  background: var(--pkw-background, linear-gradient(0deg, rgba(232, 234, 237, .04), rgba(232, 234, 237, .04)), linear-gradient(0deg, rgba(232, 234, 237, .08), rgba(232, 234, 237, .08)), #202124);
  color: var(--pkw-on-surface-variant, #e8eaed)
}

.peoplekitThemeDark .peoplekitComponentsChipChip.isActive {
  background: var(--pkw-secondary-container, linear-gradient(0deg, rgba(138, 180, 248, .24), rgba(138, 180, 248, .24)), linear-gradient(0deg, rgba(232, 234, 237, .08), rgba(232, 234, 237, .08)), #202124);
  box-shadow: none;
  color: var(--pkw-on-secondary-container, #d2e3fc);
  outline-width: 2px
}

.peoplekitThemeDark .peoplekitComponentsChipChip.isActive:hover {
  background: var(--pkw-secondary-container, linear-gradient(0deg, rgba(138, 180, 248, .32), rgba(138, 180, 248, .32)), linear-gradient(0deg, rgba(232, 234, 237, .08), rgba(232, 234, 237, .08)), #202124);
  color: var(--pkw-on-secondary-container, #fff)
}

.peoplekitThemeDark .peoplekitComponentsChipChip.isSpotlit {
  box-shadow: 0 0 0 2px var(--pkw-primary, #aecbfa) inset;
  outline-width: 3px
}

.peoplekitThemeDark .peoplekitComponentsChipChip.isWarning {
  background: var(--pkw-caution-container-low, linear-gradient(0deg, rgba(232, 234, 237, .08), rgba(232, 234, 237, .08)), #202124);
  box-shadow: 0 0 0 1px var(--pkw-caution, #fdd663) inset;
  color: var(--pkw-caution, #fdd663)
}

.peoplekitThemeDark .peoplekitComponentsChipChip.isWarning.isActive {
  background: var(--pkw-caution-container, linear-gradient(0deg, rgba(253, 214, 99, .24), rgba(253, 214, 99, .24)), linear-gradient(0deg, rgba(232, 234, 237, .08), rgba(232, 234, 237, .08)), #202124);
  color: var(--pkw-on-caution-container, #feefc3);
  box-shadow: none
}

.peoplekitThemeDark .peoplekitComponentsChipChip.isWarning.isActive:hover {
  background: var(--pkw-caution-container, linear-gradient(0deg, rgba(253, 214, 99, .36), rgba(253, 214, 99, .36)), linear-gradient(0deg, rgba(232, 234, 237, .08), rgba(232, 234, 237, .08)), #202124);
  color: var(--pkw-on-caution-container, #fff)
}

.peoplekitThemeDark .peoplekitComponentsChipChip.isWarning.isSpotlit {
  box-shadow: 0 0 0 2px var(--pkw-on-caution-container, #e8eaed) inset
}

.peoplekitThemeDark .peoplekitComponentsChipChip.isWarning:hover {
  background: var(--pkw-caution-container, linear-gradient(0deg, rgba(253, 214, 99, .04), rgba(253, 214, 99, .04)), linear-gradient(0deg, rgba(232, 234, 237, .08), rgba(232, 234, 237, .08)), #202124);
  color: var(--pkw-caution, #feefc3)
}

.peoplekitThemeDark .peoplekitComponentsChipChip.isError {
  background: var(--pkw-error-container-low, linear-gradient(0deg, rgba(232, 234, 237, .08), rgba(232, 234, 237, .08)), #202124);
  box-shadow: 0 0 0 1px var(--pkw-error, #f28b82) inset;
  color: var(--pkw-error, #f28b82)
}

.peoplekitThemeDark .peoplekitComponentsChipChip.isError.isActive {
  background: var(--pkw-error-container, linear-gradient(0deg, hsla(5, 81%, 73%, .24), hsla(5, 81%, 73%, .24)), linear-gradient(0deg, rgba(232, 234, 237, .08), rgba(232, 234, 237, .08)), #202124);
  color: var(--pkw-on-error-container, #fad2cf);
  box-shadow: none
}

.peoplekitThemeDark .peoplekitComponentsChipChip.isError.isActive:hover {
  background: var(--pkw-error-container, linear-gradient(0deg, hsla(5, 81%, 73%, .36), hsla(5, 81%, 73%, .36)), linear-gradient(0deg, rgba(232, 234, 237, .08), rgba(232, 234, 237, .08)), #202124);
  color: var(--pkw-on-error-container, #fce8e6)
}

.peoplekitThemeDark .peoplekitComponentsChipChip.isError.isSpotlit {
  box-shadow: 0 0 0 2px var(--pkw-on-error-container, #fad2cf) inset
}

.peoplekitThemeDark .peoplekitComponentsChipChip.isError:hover {
  background: var(--pkw-error-container, linear-gradient(0deg, hsla(5, 81%, 73%, .04), hsla(5, 81%, 73%, .04)), linear-gradient(0deg, rgba(232, 234, 237, .08), rgba(232, 234, 237, .08)), #202124);
  color: var(--pkw-error, #fad2cf)
}

.peoplekitThemeDark .peoplekitComponentsChipChip.isDragged,
.peoplekitThemeDark .peoplekitComponentsChipChip.isDragged.isActive,
.peoplekitThemeDark .peoplekitComponentsChipChip.isDragged.isError,
.peoplekitThemeDark .peoplekitComponentsChipChip.isDragged.isSpotlit,
.peoplekitThemeDark .peoplekitComponentsChipChip.isDragged.isWarning {
  border-width: 0;
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15)
}

.peoplekitThemeDark .peoplekitComponentsChipChip.isDragged.isActive .mdc-elevation-overlay,
.peoplekitThemeDark .peoplekitComponentsChipChip.isDragged.isError .mdc-elevation-overlay,
.peoplekitThemeDark .peoplekitComponentsChipChip.isDragged.isSpotlit .mdc-elevation-overlay,
.peoplekitThemeDark .peoplekitComponentsChipChip.isDragged.isWarning .mdc-elevation-overlay {
  opacity: 0
}

.peoplekitThemeDark .peoplekitThemeDark .peoplekitComponentsChipChip.isDragged.isActive,
.peoplekitThemeDark .peoplekitThemeDark .peoplekitComponentsChipChip.isDragged.isError,
.peoplekitThemeDark .peoplekitThemeDark .peoplekitComponentsChipChip.isDragged.isSpotlit,
.peoplekitThemeDark .peoplekitThemeDark .peoplekitComponentsChipChip.isDragged.isWarning {
  border-width: 0;
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15)
}

.peoplekitThemeDark .peoplekitComponentsChipChip.isDragged .mdc-elevation-overlay,
.peoplekitThemeDark .peoplekitThemeDark .peoplekitComponentsChipChip.isDragged.isActive .mdc-elevation-overlay,
.peoplekitThemeDark .peoplekitThemeDark .peoplekitComponentsChipChip.isDragged.isError .mdc-elevation-overlay,
.peoplekitThemeDark .peoplekitThemeDark .peoplekitComponentsChipChip.isDragged.isSpotlit .mdc-elevation-overlay,
.peoplekitThemeDark .peoplekitThemeDark .peoplekitComponentsChipChip.isDragged.isWarning .mdc-elevation-overlay {
  opacity: 0
}

.peoplekitThemeDark .peoplekitComponentsChipChip.isDragged.peopleKitStyleGm3 {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 4px 8px 3px rgba(0, 0, 0, .15)
}

.peoplekitThemeDark .peoplekitComponentsChipChip.isDisabled,
.peoplekitThemeDark .peoplekitComponentsChipChip.isDisabled:hover {
  cursor: default;
  opacity: .5
}

.peoplekitThemeDark .peoplekitComponentsChipChip.isDeletionDisabled .peoplekitComponentsChipDeleteButton {
  display: none
}

.peopleKitStyleGm3 .peoplekitComponentsChipChip {
  position: relative
}

.peopleKitStyleGm3 .peoplekitComponentsChipChip:before {
  background: var(--pkw-on-surface-variant, var(--gm3-sys-color-on-surface-variant, #444746));
  border-radius: 50vh;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.peoplekitThemeDark .peopleKitStyleGm3 .peoplekitComponentsChipChip:before {
  background: var(--pkw-on-surface-variant, var(--gm3-sys-color-on-surface-variant, #c4c7c5))
}

.peopleKitStyleGm3 .peoplekitComponentsChipChip:hover:before {
  opacity: .08
}

.peopleKitStyleGm3 .peoplekitComponentsChipChip.isActive:hover:before {
  opacity: .1
}

.peopleKitStyleGm3 .peoplekitComponentsChipChip.isWarning:hover:before {
  opacity: .08
}

.peopleKitStyleGm3 .peoplekitComponentsChipChip.isWarning.isActive:hover:before {
  opacity: .1
}

.peopleKitStyleGm3 .peoplekitComponentsChipChip.isError:hover:before {
  opacity: .08
}

.peopleKitStyleGm3 .peoplekitComponentsChipChip.isError.isActive:hover:before {
  opacity: .1
}

.peoplekitComponentsChipChipRow {
  align-items: stretch;
  display: flex;
  flex-flow: row nowrap;
  padding: 2px
}

.peoplekitComponentsChipLeft {
  flex: initial
}

.peoplekitComponentsChipCenter {
  align-items: stretch;
  display: flex;
  flex: auto;
  justify-items: stretch;
  overflow: hidden
}

.peoplekitComponentsChipRight {
  align-items: center;
  display: flex;
  flex: initial
}

.peoplekitComponentsChipLabelContainer {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  margin-left: 8px;
  margin-right: 8px;
  overflow: hidden
}

.peoplekitComponentsChipLabelRow {
  flex: initial
}

.peoplekitComponentsChipLabel {
  letter-spacing: .0214285714em;
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  line-height: unset;
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex
}

.peopleKitStyleGm3 .peoplekitComponentsChipLabel {
  font-family: Google Sans Text, Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.25rem
}

.peoplekitComponentsChipDisambiguationLabel.hasDisambiguationLabel {
  margin-left: 4px
}

.peoplekitComponentsChipDisplayLabel {
  flex: 1 0 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%
}

.peoplekitComponentsChipDisambiguationLabel {
  overflow: hidden;
  text-overflow: ellipsis
}

.peoplekitComponentsChipAvatar {
  position: relative
}

.peoplekitComponentsChipAvatarContainer {
  height: inherit;
  width: inherit;
  position: relative
}

.peoplekitComponentsChipAvatarExclamationOverlay {
  border-radius: 50%;
  height: 100%;
  left: 0;
  outline: 1px solid transparent;
  position: absolute;
  top: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}

.peoplekitComponentsChipAvatarExclamationOverlay.isError {
  background-color: var(--pkw-error, #c5221f)
}

.peoplekitThemeDark .peoplekitComponentsChipAvatarExclamationOverlay.isError {
  background-color: var(--pkw-error, #f28b82)
}

.peoplekitComponentsChipExclamationIcon {
  display: inline-flex;
  height: 85%;
  width: 85%
}

.peoplekitComponentsChipExclamationIcon.isError {
  fill: var(--pkw-on-error, #fff)
}

.peoplekitThemeDark .peoplekitComponentsChipExclamationIcon.isError {
  fill: var(--pkw-on-error, #202124)
}

@media (forced-colors:active) {
  .peoplekitComponentsChipExclamationIcon {
    filter: brightness(0)
  }
}

.peoplekitComponentsChipDeleteButton {
  align-items: center;
  display: flex;
  height: 18px;
  margin-left: 0;
  margin-right: 4px;
  width: 18px;
  z-index: 1
}

.peoplekitComponentsChipDeleteIcon {
  display: block;
  fill: currentcolor;
  margin: 0 auto
}

.peoplekitComponentsChipPlaceholderAvatarPlaceholder {
  border-radius: 50%;
  background-color: var(--pkw-secondary-fixed-dim, #aecbfa)
}

.peoplekitComponentsChipPlaceholderLabelPlaceholder {
  align-self: center;
  background-color: var(--pkw-secondary-fixed-dim, #aecbfa);
  border-radius: 8px;
  height: 16px;
  margin-left: 8px;
  margin-right: 8px;
  width: 150px
}

.peoplekitComponentsChipPlaceholderShimmer {
  animation: fadeinout 1.4s cubic-bezier(.5, 0, .5, 1) infinite
}

@keyframes fadeinout {
  0% {
    opacity: .75
  }

  50% {
    opacity: 1
  }

  to {
    opacity: .75
  }
}

.peoplekitComponentsTooltipImplTooltip {
  font-family: Roboto, Arial, sans-serif;
  line-height: 1rem;
  font-size: .75rem;
  letter-spacing: .025em;
  font-weight: 400;
  background-color: var(--pkw-inverse-surface, #3c4043);
  color: var(--pkw-inverse-on-surface, #f1f3f4);
  border-radius: 5px;
  box-sizing: border-box;
  font-weight: 700;
  line-height: 16px;
  min-width: 40px;
  max-width: 200px;
  min-height: 24px;
  max-height: 40vh;
  overflow: hidden;
  padding: 4px 8px;
  position: absolute;
  outline: 1px solid transparent;
  text-align: center;
  width: max-content;
  z-index: 9
}

.peoplekitThemeDark .peoplekitComponentsTooltipImplTooltip {
  background-color: var(--pkw-inverse-surface, #3c4043);
  color: var(--pkw-inverse-on-surface, #e8eaed)
}

.peopleKitStyleGm3 .peoplekitComponentsTooltipImplTooltip {
  font-family: Google Sans Text, Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  letter-spacing: .00625rem;
  line-height: 1rem;
  border-radius: 4px
}

.peoplekitComponentsButtonIconIconButton {
  background: none;
  border: none;
  border-radius: 50%;
  cursor: pointer
}

.peoplekitComponentsButtonIconIconButton:hover {
  background-color: var(--pkw-background, #dadce0)
}

.peoplekitComponentsButtonIconIconButton:active {
  background-color: var(--pkw-background, #bdc1c6)
}

.peoplekitComponentsButtonIconIconButton::-moz-focus-inner {
  border: 0
}

.peoplekitComponentsButtonIconIconButton.isFocused {
  background-color: var(--pkw-background, #dadce0);
  outline: 3px solid transparent
}

.peoplekitComponentsButtonIconIconButton.googleMaterialDefaultDensity {
  height: 40px;
  padding: 8px;
  width: 40px
}

.peoplekitComponentsButtonIconIconButton.googleMaterialDefaultDensity .peoplekitComponentsButtonIconAdaptableIcon {
  height: 24px;
  width: 24px
}

.peoplekitComponentsButtonIconIconButton.workspaceMaterialComfortableDensity {
  height: 32px;
  padding: 6px;
  width: 32px
}

.peoplekitComponentsButtonIconIconButton.workspaceMaterialComfortableDensity .peoplekitComponentsButtonIconAdaptableIcon {
  height: 20px;
  width: 20px
}

.peoplekitComponentsButtonIconIconButton.workspaceMaterialCompactDensity {
  height: 28px;
  padding: 5px;
  width: 28px
}

.peoplekitComponentsButtonIconIconButton.workspaceMaterialCompactDensity .peoplekitComponentsButtonIconAdaptableIcon {
  height: 18px;
  width: 18px
}

.peoplekitThemeDark .peoplekitComponentsButtonIconIconButton {
  background: none;
  border: none;
  border-radius: 50%;
  cursor: pointer
}

.peoplekitThemeDark .peoplekitComponentsButtonIconIconButton:hover {
  background-color: var(--pkw-background, #5f6368)
}

.peoplekitThemeDark .peoplekitComponentsButtonIconIconButton:active {
  background-color: var(--pkw-background, #80868b)
}

.peoplekitThemeDark .peoplekitComponentsButtonIconIconButton::-moz-focus-inner {
  border: 0
}

.peoplekitThemeDark .peoplekitComponentsButtonIconIconButton.isFocused {
  background-color: var(--pkw-background, #5f6368);
  outline: 3px solid transparent
}

.peoplekitThemeDark .peoplekitComponentsButtonIconIconButton.googleMaterialDefaultDensity {
  height: 40px;
  padding: 8px;
  width: 40px
}

.peoplekitThemeDark .peoplekitComponentsButtonIconIconButton.googleMaterialDefaultDensity .peoplekitComponentsButtonIconAdaptableIcon {
  height: 24px;
  width: 24px
}

.peoplekitThemeDark .peoplekitComponentsButtonIconIconButton.workspaceMaterialComfortableDensity {
  height: 32px;
  padding: 6px;
  width: 32px
}

.peoplekitThemeDark .peoplekitComponentsButtonIconIconButton.workspaceMaterialComfortableDensity .peoplekitComponentsButtonIconAdaptableIcon {
  height: 20px;
  width: 20px
}

.peoplekitThemeDark .peoplekitComponentsButtonIconIconButton.workspaceMaterialCompactDensity {
  height: 28px;
  padding: 5px;
  width: 28px
}

.peoplekitThemeDark .peoplekitComponentsButtonIconIconButton.workspaceMaterialCompactDensity .peoplekitComponentsButtonIconAdaptableIcon {
  height: 18px;
  width: 18px
}

.peopleKitStyleGm3 .peoplekitComponentsButtonIconIconButton {
  position: relative
}

.peopleKitStyleGm3 .peoplekitComponentsButtonIconIconButton:before {
  background: var(--pkw-on-surface-variant, var(--gm3-sys-color-on-surface-variant, #444746));
  border-radius: 50%;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.peoplekitThemeDark .peopleKitStyleGm3 .peoplekitComponentsButtonIconIconButton:before {
  background: var(--pkw-on-surface-variant, var(--gm3-sys-color-on-surface-variant, #c4c7c5))
}

.peopleKitStyleGm3 .peoplekitComponentsButtonIconIconButton:hover:before {
  opacity: .16
}

.peopleKitStyleGm3 .peoplekitComponentsButtonIconIconButton:active:before {
  opacity: .2
}

.peopleKitStyleGm3 .peoplekitComponentsButtonIconIconButton.isFocused:before {
  opacity: .2
}

@media (forced-colors:none) {
  .peopleKitStyleGm3 .peoplekitComponentsButtonIconAdaptableIcon {
    filter: brightness(0) saturate(100%) invert(25%) sepia(11%) saturate(129%) hue-rotate(109deg) brightness(93%) contrast(86%)
  }

  .peoplekitThemeDark .peopleKitStyleGm3 .peoplekitComponentsButtonIconAdaptableIcon {
    filter: brightness(0) saturate(100%) invert(88%) sepia(2%) saturate(246%) hue-rotate(87deg) brightness(92%) contrast(88%)
  }
}

@media (forced-colors:active) and (prefers-color-scheme:dark) {
  .peoplekitComponentsButtonIconAdaptableIcon {
    filter: brightness(0) invert(1)
  }
}

@media (forced-colors:active) and (prefers-color-scheme:light) {
  .peoplekitComponentsButtonIconAdaptableIcon {
    filter: brightness(0)
  }
}

.peoplekitComponentsArialistboxAriaListBox {
  align-content: flex-start;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start
}

.peoplekitComponentsArialistboxAriaListBox:focus {
  outline: none
}

.peoplekitComponentsContextmenuitemImplMenuItem {
  background: var(--pkw-surface-container, #fff);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.peoplekitComponentsContextmenuitemImplMenuItem:hover {
  background: var(--pkw-surface-container, hsla(0, 0%, 4%, .04))
}

.peoplekitComponentsContextmenuitemImplMenuItem.isActive {
  background: var(--pkw-surface-container, hsla(0, 0%, 4%, .12));
  outline: 3px solid transparent
}

.peoplekitComponentsContextmenuitemImplMenuItem.googleMaterialDefaultDensity {
  font-family: Roboto, Arial, sans-serif;
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: .00625em;
  font-weight: 400;
  height: 48px
}

.peoplekitComponentsContextmenuitemImplMenuItem.googleMaterialDefaultDensity .peoplekitComponentsContextmenuitemImplIcon {
  height: 24px;
  width: 24px;
  margin-right: 16px
}

.peoplekitComponentsContextmenuitemImplMenuItem.workspaceMaterialComfortableDensity {
  font-family: Roboto, Arial, sans-serif;
  line-height: 1.25rem;
  font-size: .875rem;
  letter-spacing: .0142857143em;
  font-weight: 400;
  height: 32px
}

.peoplekitComponentsContextmenuitemImplMenuItem.workspaceMaterialComfortableDensity .peoplekitComponentsContextmenuitemImplIcon {
  height: 20px;
  width: 20px;
  margin-right: 12px
}

.peoplekitComponentsContextmenuitemImplMenuItem.workspaceMaterialCompactDensity {
  font-family: Roboto, Arial, sans-serif;
  line-height: 1.25rem;
  font-size: .875rem;
  letter-spacing: .0142857143em;
  font-weight: 400;
  height: 32px
}

.peoplekitComponentsContextmenuitemImplMenuItem.workspaceMaterialCompactDensity .peoplekitComponentsContextmenuitemImplIcon {
  height: 20px;
  width: 20px;
  margin-right: 12px
}

.peoplekitThemeDark .peoplekitComponentsContextmenuitemImplMenuItem {
  background: var(--pkw-surface-container, linear-gradient(0deg, rgba(232, 234, 237, .08), rgba(232, 234, 237, .08)), #202124);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.peoplekitThemeDark .peoplekitComponentsContextmenuitemImplMenuItem:hover {
  background: var(--pkw-surface-container, linear-gradient(0deg, rgba(232, 234, 237, .14), rgba(232, 234, 237, .14)), #202124)
}

.peoplekitThemeDark .peoplekitComponentsContextmenuitemImplMenuItem.isActive {
  background: var(--pkw-surface-container, linear-gradient(0deg, rgba(232, 234, 237, .19), rgba(232, 234, 237, .19)), #202124);
  outline: 3px solid transparent
}

.peoplekitThemeDark .peoplekitComponentsContextmenuitemImplMenuItem.googleMaterialDefaultDensity {
  font-family: Roboto, Arial, sans-serif;
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: .00625em;
  font-weight: 400;
  height: 48px
}

.peoplekitThemeDark .peoplekitComponentsContextmenuitemImplMenuItem.googleMaterialDefaultDensity .peoplekitComponentsContextmenuitemImplIcon {
  height: 24px;
  width: 24px;
  margin-right: 16px
}

.peoplekitThemeDark .peoplekitComponentsContextmenuitemImplMenuItem.workspaceMaterialComfortableDensity {
  font-family: Roboto, Arial, sans-serif;
  line-height: 1.25rem;
  font-size: .875rem;
  letter-spacing: .0142857143em;
  font-weight: 400;
  height: 32px
}

.peoplekitThemeDark .peoplekitComponentsContextmenuitemImplMenuItem.workspaceMaterialComfortableDensity .peoplekitComponentsContextmenuitemImplIcon {
  height: 20px;
  width: 20px;
  margin-right: 12px
}

.peoplekitThemeDark .peoplekitComponentsContextmenuitemImplMenuItem.workspaceMaterialCompactDensity {
  font-family: Roboto, Arial, sans-serif;
  line-height: 1.25rem;
  font-size: .875rem;
  letter-spacing: .0142857143em;
  font-weight: 400;
  height: 32px
}

.peoplekitThemeDark .peoplekitComponentsContextmenuitemImplMenuItem.workspaceMaterialCompactDensity .peoplekitComponentsContextmenuitemImplIcon {
  height: 20px;
  width: 20px;
  margin-right: 12px
}

.peopleKitStyleGm3 .peoplekitComponentsContextmenuitemImplMenuItem {
  position: relative
}

.peopleKitStyleGm3 .peoplekitComponentsContextmenuitemImplMenuItem.googleMaterialDefaultDensity {
  font-family: Google Sans Text, Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.25rem;
  height: 48px
}

.peopleKitStyleGm3 .peoplekitComponentsContextmenuitemImplMenuItem.googleMaterialDefaultDensity .peoplekitComponentsContextmenuitemImplIcon {
  height: 24px;
  width: 24px;
  margin-right: 12px
}

.peopleKitStyleGm3 .peoplekitComponentsContextmenuitemImplMenuItem.workspaceMaterialComfortableDensity {
  font-family: Google Sans Text, Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 500;
  letter-spacing: .00625rem;
  line-height: 1rem;
  height: 32px
}

.peopleKitStyleGm3 .peoplekitComponentsContextmenuitemImplMenuItem.workspaceMaterialComfortableDensity .peoplekitComponentsContextmenuitemImplIcon {
  height: 20px;
  width: 20px;
  margin-right: 10px
}

.peopleKitStyleGm3 .peoplekitComponentsContextmenuitemImplMenuItem.workspaceMaterialCompactDensity {
  font-family: Google Sans Text, Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 500;
  letter-spacing: .00625rem;
  line-height: 1rem;
  height: 32px
}

.peopleKitStyleGm3 .peoplekitComponentsContextmenuitemImplMenuItem.workspaceMaterialCompactDensity .peoplekitComponentsContextmenuitemImplIcon {
  height: 20px;
  width: 20px;
  margin-right: 10px
}

.peopleKitStyleGm3 .peoplekitComponentsContextmenuitemImplMenuItem:before {
  background: var(--pkw-on-surface, var(--gm3-sys-color-on-surface, #1f1f1f));
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.peoplekitThemeDark .peopleKitStyleGm3 .peoplekitComponentsContextmenuitemImplMenuItem:before {
  background: var(--pkw-on-surface, var(--gm3-sys-color-on-surface, #e3e3e3))
}

.peopleKitStyleGm3 .peoplekitComponentsContextmenuitemImplMenuItem:hover:before {
  opacity: .08
}

.peopleKitStyleGm3 .peoplekitComponentsContextmenuitemImplMenuItem.isActive:before {
  opacity: .1
}

.peoplekitComponentsContextmenuitemImplRow {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  max-width: 450px;
  padding: 0 12px
}

.peoplekitComponentsContextmenuitemImplLeft {
  flex: initial
}

.peoplekitComponentsContextmenuitemImplCenter {
  flex: auto;
  overflow: hidden
}

.peoplekitComponentsContextmenuitemImplRight {
  flex: initial
}

.peoplekitComponentsContextmenuitemImplIcon {
  margin-left: 0
}

@media (forced-colors:active) and (prefers-color-scheme:dark) {
  .peoplekitComponentsContextmenuitemImplIcon {
    filter: brightness(0) invert(1)
  }
}

@media (forced-colors:active) and (prefers-color-scheme:light) {
  .peoplekitComponentsContextmenuitemImplIcon {
    filter: brightness(0)
  }
}

@media (forced-colors:none) {
  .peopleKitStyleGm3 .peoplekitComponentsContextmenuitemImplIcon {
    filter: brightness(0) saturate(100%) invert(25%) sepia(11%) saturate(129%) hue-rotate(109deg) brightness(93%) contrast(86%)
  }

  .peoplekitThemeDark .peopleKitStyleGm3 .peoplekitComponentsContextmenuitemImplIcon {
    filter: brightness(0) saturate(100%) invert(88%) sepia(2%) saturate(246%) hue-rotate(87deg) brightness(92%) contrast(88%)
  }
}

.peoplekitComponentsContextmenuitemImplLabel {
  color: var(--pkw-on-surface, #3c4043);
  text-overflow: ellipsis;
  white-space: nowrap
}

.peoplekitThemeDark .peoplekitComponentsContextmenuitemImplLabel {
  color: var(--pkw-on-surface, #e8eaed)
}

.peoplekitComponentsContextmenuitemImplKeyboardShortcut {
  color: var(--pkw-on-surface-variant, #5f6368);
  margin-left: 48px;
  margin-right: 0;
  white-space: nowrap
}

.peoplekitThemeDark .peoplekitComponentsContextmenuitemImplKeyboardShortcut {
  color: var(--pkw-on-surface-variant, #9aa0a6)
}

.peoplekitComponentsContextmenuImplMenu {
  border-width: 0;
  box-shadow: 0 1px 3px 0 rgba(60, 64, 67, .3), 0 4px 8px 3px rgba(60, 64, 67, .15);
  background: var(--pkw-surface-container, #fff);
  border-radius: 4px;
  outline: 1px solid transparent;
  overflow: hidden;
  padding: 8px 0;
  position: absolute;
  -webkit-user-select: none;
  user-select: none;
  z-index: 999999
}

.peoplekitComponentsContextmenuImplMenu .mdc-elevation-overlay {
  opacity: 0
}

.peoplekitThemeDark .peoplekitComponentsContextmenuImplMenu {
  background: var(--pkw-surface-container, linear-gradient(0deg, rgba(232, 234, 237, .08), rgba(232, 234, 237, .08)), #202124)
}

.peopleKitStyleGm3 .peoplekitComponentsContextmenuImplMenu {
  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, .15), 0 1px 2px 0 rgba(0, 0, 0, .3)
}

.peoplekitComponentsNameeditdialogImplDescription {
  font-family: Roboto, Arial, sans-serif;
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: .00625em;
  font-weight: 400;
  color: var(--pkw-on-surface-variant, #3c4043);
  margin-bottom: 24px
}

.peoplekitThemeDark .peoplekitComponentsNameeditdialogImplDescription {
  color: var(--pkw-on-surface-variant, #e8eaed)
}

.peopleKitStyleGm3 .peoplekitComponentsNameeditdialogImplDescription {
  font-family: Google Sans Text, Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  padding-bottom: 16px;
  margin-bottom: 0
}

.peoplekitComponentsNameeditdialogImplGoogleContactsLink {
  color: var(--pkw-primary, #1a73e8);
  text-decoration: underline;
  white-space: nowrap
}

.peoplekitComponentsNameeditdialogImplGoogleContactsLink:visited {
  color: var(--pkw-primary, #1a73e8)
}

.peoplekitThemeDark .peoplekitComponentsNameeditdialogImplGoogleContactsLink {
  color: var(--pkw-primary, #8ab4f8);
  text-decoration: underline;
  white-space: nowrap
}

.peoplekitThemeDark .peoplekitComponentsNameeditdialogImplGoogleContactsLink:visited {
  color: var(--pkw-primary, #8ab4f8)
}

.peoplekitComponentsTextfieldImplInputContainer {
  display: flex;
  height: 56px;
  position: relative
}

.peoplekitComponentsTextfieldImplInput {
  -webkit-appearance: none;
  font-family: Roboto, Arial, sans-serif;
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: .00625em;
  font-weight: 400;
  background: var(--pkw-surface-container-high, #fff);
  box-shadow: 0 0 0 1px var(--pkw-outline, #80868b) inset;
  color: var(--pkw-on-surface-variant, #3c4043);
  caret-color: var(--pkw-primary);
  border-radius: 4px;
  border: none;
  flex-grow: 1;
  outline: 1px solid transparent;
  padding: 0 16px
}

.peoplekitThemeDark .peoplekitComponentsTextfieldImplInput {
  background: var(--pkw-surface-container-high, linear-gradient(0deg, rgba(232, 234, 237, .08), rgba(232, 234, 237, .08)), #202124);
  box-shadow: 0 0 0 1px var(--pkw-outline, #9aa0a6) inset;
  color: var(--pkw-on-surface-variant, #e8eaed);
  caret-color: var(--pkw-primary)
}

.peoplekitComponentsTextfieldImplInput::-ms-clear {
  display: none
}

.peoplekitComponentsTextfieldImplInput:focus {
  box-shadow: 0 0 0 2px var(--pkw-primary, #1a73e8) inset;
  outline-width: 3px
}

.peoplekitThemeDark .peoplekitComponentsTextfieldImplInput:focus {
  box-shadow: 0 0 0 2px var(--pkw-primary, #8ab4f8) inset
}

.peoplekitComponentsTextfieldImplInput:hover:not(:focus) {
  box-shadow: 0 0 0 1px var(--pkw-on-surface, #202124) inset
}

.peoplekitThemeDark .peoplekitComponentsTextfieldImplInput:hover:not(:focus) {
  box-shadow: 0 0 0 1px var(--pkw-on-surface, #e8eaed) inset
}

.peopleKitStyleGm3 .peoplekitComponentsTextfieldImplInput {
  font-family: Google Sans Text, Roboto, Arial, sans-serif;
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: 0;
  font-weight: 400
}

.peoplekitComponentsTextfieldImplTextField.isInvalid .peoplekitComponentsTextfieldImplInput {
  box-shadow: 0 0 0 1px var(--pkw-error, #c5221f) inset
}

.peoplekitThemeDark .peoplekitComponentsTextfieldImplTextField.isInvalid .peoplekitComponentsTextfieldImplInput {
  box-shadow: 0 0 0 1px var(--pkw-error, #f28b82) inset
}

.peoplekitComponentsTextfieldImplTextField.isInvalid .peoplekitComponentsTextfieldImplInput:focus {
  box-shadow: 0 0 0 2px var(--pkw-error, #c5221f) inset
}

.peoplekitThemeDark .peoplekitComponentsTextfieldImplTextField.isInvalid .peoplekitComponentsTextfieldImplInput:focus {
  box-shadow: 0 0 0 2px var(--pkw-error, #f28b82) inset
}

.peoplekitComponentsTextfieldImplTextField.isInvalid .peoplekitComponentsTextfieldImplInput:hover:not(:focus) {
  box-shadow: 0 0 0 1px var(--pkw-on-error-container, #d93025) inset
}

.peoplekitThemeDark .peoplekitComponentsTextfieldImplTextField.isInvalid .peoplekitComponentsTextfieldImplInput:hover:not(:focus) {
  box-shadow: 0 0 0 1px var(--pkw-on-error-container, #f6aea9) inset
}

.peoplekitComponentsTextfieldImplLabel {
  font-family: Roboto, Arial, sans-serif;
  line-height: 1rem;
  font-size: .75rem;
  letter-spacing: .025em;
  font-weight: 400;
  background: var(--pkw-surface-container-high, #fff);
  color: var(--pkw-on-surface-variant, #5f6368);
  line-height: .75rem;
  top: -5px;
  left: 12px;
  position: absolute;
  padding: 0 4px
}

.peoplekitThemeDark .peoplekitComponentsTextfieldImplLabel {
  background: var(--pkw-surface-container-high, linear-gradient(0deg, rgba(232, 234, 237, .08), rgba(232, 234, 237, .08)), #202124);
  color: var(--pkw-on-surface-variant, #9aa0a6)
}

.peopleKitStyleGm3 .peoplekitComponentsTextfieldImplLabel {
  font-family: Google Sans Text, Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  letter-spacing: .00625rem;
  line-height: 1rem;
  top: -7px
}

.peoplekitComponentsTextfieldImplTextField:focus-within .peoplekitComponentsTextfieldImplLabel {
  color: var(--pkw-primary, #1a73e8)
}

.peoplekitThemeDark .peoplekitComponentsTextfieldImplTextField:focus-within .peoplekitComponentsTextfieldImplLabel {
  color: var(--pkw-primary, #8ab4f8)
}

.peoplekitComponentsTextfieldImplTextField.isInvalid .peoplekitComponentsTextfieldImplLabel,
.peoplekitComponentsTextfieldImplTextField.isInvalid:focus-within .peoplekitComponentsTextfieldImplLabel {
  color: var(--pkw-error, #c5221f)
}

.peoplekitThemeDark .peoplekitComponentsTextfieldImplTextField.isInvalid .peoplekitComponentsTextfieldImplLabel,
.peoplekitThemeDark .peoplekitComponentsTextfieldImplTextField.isInvalid:focus-within .peoplekitComponentsTextfieldImplLabel {
  color: var(--pkw-error, #f28b82)
}

.peoplekitComponentsTextfieldImplTextField.isInvalid:hover:not(:focus-within) .peoplekitComponentsTextfieldImplLabel {
  color: var(--pkw-on-error-container, #a50e0e)
}

.peoplekitThemeDark .peoplekitComponentsTextfieldImplTextField.isInvalid:hover:not(:focus-within) .peoplekitComponentsTextfieldImplLabel {
  color: var(--pkw-on-error-container, #fad2cf)
}

.peoplekitComponentsTextfieldImplTextField:hover:not(:focus-within) .peoplekitComponentsTextfieldImplLabel {
  color: var(--pkw-on-surface, #202124)
}

.peoplekitThemeDark .peoplekitComponentsTextfieldImplTextField:hover:not(:focus-within) .peoplekitComponentsTextfieldImplLabel {
  color: var(--pkw-on-surface, #e8eaed)
}

.peoplekitComponentsTextfieldImplInvalidMessage {
  font-family: Roboto, Arial, sans-serif;
  line-height: 1rem;
  font-size: .75rem;
  letter-spacing: .025em;
  font-weight: 400;
  color: var(--pkw-error, #c5221f);
  margin-top: 10px
}

.peoplekitThemeDark .peoplekitComponentsTextfieldImplInvalidMessage {
  color: var(--pkw-error, #f28b82)
}

.peoplekitComponentsTextfieldImplInvalidMessage:empty {
  display: none
}

.peopleKitStyleGm3 .peoplekitComponentsTextfieldImplInvalidMessage {
  font-family: Google Sans Text, Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  letter-spacing: .00625rem;
  line-height: 1rem;
  padding: 4px 16px 0;
  margin-top: 0
}

.peoplekitComponentsChipsetImplDraggableChip,
.peoplekitComponentsChipsetImplNonDraggableChip {
  background: var(--pkw-background, #fff);
  display: flex;
  flex-direction: row;
  min-width: 1px
}

.peoplekitThemeDark .peoplekitComponentsChipsetImplDraggableChip,
.peoplekitThemeDark .peoplekitComponentsChipsetImplNonDraggableChip {
  background: var(--pkw-background, linear-gradient(0deg, rgba(232, 234, 237, .08), rgba(232, 234, 237, .08)), #202124)
}

.peoplekitComponentsChipsetImplDropMarker {
  box-shadow: 0 0 0 1px #4285f4;
  pointer-events: none;
  z-index: 99
}

.peoplekitThemeDark .peoplekitComponentsChipsetImplDropMarker {
  box-shadow: 0 0 0 1px #4285f4
}

.peoplekitComponentsChipsetImplChipContainer {
  display: inline-flex;
  min-width: 1px
}

.isDraggedOver .peoplekitComponentsChipsetImplChipContainer {
  pointer-events: none
}

.peoplekitComponentsChipsetImplDraggedChips {
  position: absolute;
  top: -200px
}

.peoplekitComponentsSearchbarImplSearchBarContainer {
  background: var(--pkw-background, #fff);
  display: flex;
  flex-direction: column
}

.peoplekitThemeDark .peoplekitComponentsSearchbarImplSearchBarContainer {
  background: var(--pkw-background, linear-gradient(0deg, rgba(232, 234, 237, .08), rgba(232, 234, 237, .08)), #202124)
}

.peoplekitComponentsSearchbarImplSearchInputContainer {
  flex: 1 1;
  margin-left: 4px;
  margin-right: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden
}

.peoplekitComponentsSearchbarImplSearchInput {
  background: var(--pkw-background, #fff);
  color: var(--pkw-on-surface, #000);
  flex: 1 1;
  border: none;
  outline: none;
  padding: 0
}

.peoplekitComponentsSearchbarImplSearchInput::-ms-clear {
  display: none
}

.peoplekitThemeDark .peoplekitComponentsSearchbarImplSearchInput {
  background: var(--pkw-background, linear-gradient(0deg, rgba(232, 234, 237, .08), rgba(232, 234, 237, .08)), #202124);
  color: var(--pkw-on-surface, #fff)
}

.peoplekitComponentsSearchbarImplSearchInput::placeholder {
  color: default
}

.peoplekitThemeDark .peoplekitComponentsSearchbarImplSearchInput::placeholder {
  color: #9aa0a6
}

.peoplekitComponentsSearchbarImplSearchInputWidthMeasurer {
  align-self: flex-start;
  height: 0;
  visibility: hidden;
  white-space: pre
}

.peoplekitComponentsSearchbarImplSearchInput.googleMaterialDefaultDensity,
.peoplekitComponentsSearchbarImplSearchInputWidthMeasurer.googleMaterialDefaultDensity {
  font-family: Roboto, Arial, sans-serif;
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: .00625em;
  font-weight: 400
}

.peoplekitComponentsSearchbarImplSearchInput.workspaceMaterialComfortableDensity,
.peoplekitComponentsSearchbarImplSearchInput.workspaceMaterialCompactDensity,
.peoplekitComponentsSearchbarImplSearchInputWidthMeasurer.workspaceMaterialComfortableDensity,
.peoplekitComponentsSearchbarImplSearchInputWidthMeasurer.workspaceMaterialCompactDensity {
  font-family: Roboto, Arial, sans-serif;
  line-height: 1.25rem;
  font-size: .875rem;
  letter-spacing: .0142857143em;
  font-weight: 400
}

.peopleKitStyleGm3 .peoplekitComponentsSearchbarImplSearchInput.googleMaterialDefaultDensity,
.peoplekitComponentsSearchbarImplSearchInputWidthMeasurer.googleMaterialDefaultDensity {
  font-family: Google Sans Text, Roboto, Arial, sans-serif;
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: 0;
  font-weight: 400
}

.peopleKitStyleGm3 .peoplekitComponentsSearchbarImplSearchInput.workspaceMaterialComfortableDensity,
.peopleKitStyleGm3 .peoplekitComponentsSearchbarImplSearchInput.workspaceMaterialCompactDensity,
.peoplekitComponentsSearchbarImplSearchInputWidthMeasurer.workspaceMaterialComfortableDensity,
.peoplekitComponentsSearchbarImplSearchInputWidthMeasurer.workspaceMaterialCompactDensity {
  font-family: Google Sans Text, Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem
}

.waffleImmersiveHighlightsStyledRect {
  opacity: .06;
  pointer-events: none
}

.waffleImmersiveHighlightsStyledBorder {
  border-style: dashed
}

.waffleImmersiveHighlightsGreenBackground {
  background-color: #0f9d58
}

.waffleImmersiveHighlightsGreenBorder {
  border-color: #0f9d58
}

.tablesConditionalNotificationsPromoBubbleBase {
  border-radius: 8px;
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .149);
  min-height: 344px;
  padding: 0;
  width: 320px
}

.tablesConditionalNotificationsPromoBubbleBase.jfk-bubble.jfk-bubble-promo {
  background-color: #fff;
  border: 1px solid #f1f3f4
}

.tablesConditionalNotificationsPromoBubbleContent {
  display: flex;
  justify-content: center;
  margin: 24px;
  min-height: 90px;
  width: 272px
}

.tablesConditionalNotificationsPromoBubbleText {
  font-family: Roboto, sans-serif;
  min-height: 80px;
  width: 272px
}

.tablesConditionalNotificationsPromoBubbleTitle {
  color: #1f1f1f;
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 12px;
  min-height: 28px;
  overflow-wrap: break-word;
  text-align: left;
  width: 272px
}

.tablesConditionalNotificationsPromoBubbleBody {
  color: #1f1f1f;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .2px;
  line-height: 20px;
  min-height: 40px;
  overflow-wrap: break-word;
  text-align: left;
  text-wrap: wrap;
  width: 272px
}

.tablesConditionalNotificationsPromoBubbleImageContainer {
  display: flex;
  justify-content: center;
  margin: 24px
}

.tablesConditionalNotificationsPromoBubbleImage {
  height: 162px;
  width: 172px
}

.tablesConditionalNotificationsPromoBubbleButtons {
  display: flex;
  height: 40px;
  justify-content: right;
  margin: 24px 0;
  width: 320px
}

.tablesConditionalNotificationsPromoBubbleLearnMoreButton,
.tablesConditionalNotificationsPromoBubbleTryItOutButton {
  cursor: pointer;
  font-size: 16px;
  height: 24px
}

.tablesConditionalNotificationsPromoBubbleTryItOutButton {
  margin-right: 20px
}

.tablesConditionalNotificationsPromoBubbleLearnMoreButton:hover {
  text-decoration: none
}

.tablesConditionalNotificationsPromoBubbleBase.jfk-bubble.jfk-bubble-promo .jfk-bubble-arrowimplafter,
.tablesConditionalNotificationsPromoBubbleBase.jfk-bubble.jfk-bubble-promo .jfk-bubble-arrowimplbefore {
  border-color: #fff transparent
}

.tablesConditionalNotificationsPromoBubbleBase.jfk-bubble.jfk-bubble-promo .jfk-bubble-closebtn {
  background: url(https://fonts.gstatic.com/s/i/short-term/release/googlesymbols/close/default/24px.svg) no-repeat;
  margin: 24px;
  opacity: .6
}

.tablesConditionalNotificationsPromoBubbleBase.jfk-bubble.jfk-bubble-promo .jfk-bubble-closebtn:focus {
  outline: 2px solid #0b57d0;
  opacity: 1
}

.docs-hc-gecko .tablesConditionalNotificationsPromoBubbleBase.jfk-bubble.jfk-bubble-promo .jfk-bubble-closebtn {
  filter: invert(1)
}

.tablesAdvancedFormattingPromoBase {
  border-radius: 8px;
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .149);
  height: 376px;
  padding: 0;
  width: 320px
}

.tablesAdvancedFormattingPromoBase.jfk-bubble.jfk-bubble-promo {
  background-color: #fff;
  border: 1px solid #f1f3f4
}

.tablesAdvancedFormattingPromoContent {
  display: flex;
  height: 110px;
  justify-content: center;
  width: 320px
}

.tablesAdvancedFormattingPromoText {
  font-family: Roboto, sans-serif;
  height: 80px;
  width: 272px
}

.tablesAdvancedFormattingPromoTitle {
  color: #1f1f1f;
  font-size: 22px;
  font-weight: 400;
  height: 28px;
  padding-top: 24px;
  text-align: left;
  margin-bottom: 12px;
  width: 272px
}

.tablesAdvancedFormattingPromoBody {
  color: #1f1f1f;
  font-size: 14px;
  font-weight: 400;
  height: 40px;
  letter-spacing: .2px;
  line-height: 20px;
  text-align: left;
  text-wrap: wrap;
  width: 282px
}

.tablesAdvancedFormattingPromoImageContainer {
  display: flex;
  justify-content: center
}

.tablesAdvancedFormattingPromoImage {
  height: 192px;
  width: 320px
}

.tablesAdvancedFormattingPromoButtons {
  color: #0b57d0;
  display: flex;
  height: 40px;
  justify-content: right;
  width: 320px;
  padding-top: 12px
}

.tablesAdvancedFormattingPromoDismissButton,
.tablesAdvancedFormattingPromoTryItOutButton {
  cursor: pointer;
  font-size: 16px;
  height: 24px
}

.tablesAdvancedFormattingPromoTryItOutButton {
  margin-right: 20px
}

.tablesAdvancedFormattingPromoDismissButton:hover {
  text-decoration: none
}

.tablesAdvancedFormattingPromoBase.jfk-bubble.jfk-bubble-promo .jfk-bubble-arrowimplafter,
.tablesAdvancedFormattingPromoBase.jfk-bubble.jfk-bubble-promo .jfk-bubble-arrowimplbefore {
  border-color: #fff transparent
}

.tablesAdvancedFormattingPromoBase.jfk-bubble.jfk-bubble-promo .jfk-bubble-closebtn {
  background: url(https://fonts.gstatic.com/s/i/short-term/release/googlesymbols/close/default/24px.svg) no-repeat;
  margin: 10px;
  opacity: .6
}

.tablesAdvancedFormattingPromoBase.jfk-bubble.jfk-bubble-promo .jfk-bubble-closebtn:focus {
  outline: 2px solid #0b57d0;
  opacity: 1
}

.columnsmithIntroPromoBase.jfk-bubble.docs-promo-bubble {
  background: #fff;
  border-radius: 16px;
  bottom: 48px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .251);
  right: 48px;
  width: 320px
}

.columnsmithIntroPromoBase .docs-promo-container {
  display: flex;
  flex-direction: column;
  padding: 0
}

.columnsmithIntroPromoBase .docs-promo-icon-container {
  border-radius: 16px 16px 0 0;
  padding: 0;
  width: 320px
}

.columnsmithIntroPromoBase .docs-promo-text-container {
  height: inherit;
  padding: 0 24px;
  width: inherit
}

.columnsmithIntroPromoBase .docs-promo-header {
  color: #1f1f1f;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 32px;
  opacity: 1;
  text-align: left
}

.columnsmithIntroPromoBase .docs-promo-body {
  color: #202124;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  line-height: 20px;
  padding: 16px 0 0
}

.columnsmithIntroPromoBase .docs-promo-action-row {
  display: flex;
  justify-content: flex-end;
  padding: 24px 0;
  text-align: center
}

.columnsmithIntroPromoBase .docs-promo-action-container {
  text-transform: none
}

.columnsmithIntroPromoBase .docs-promo-action-container.promo-dismiss-link {
  border: 1px solid transparent;
  border-radius: 100px;
  box-sizing: border-box;
  cursor: pointer;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  line-height: 20px;
  padding: 9px 24px;
  white-space: nowrap;
  color: #0b57d0;
  padding: 9px 12px
}

.columnsmithIntroPromoBase .docs-promo-action-container.promo-dismiss-link:hover {
  color: #0b57d0;
  padding: 9px 12px;
  background-color: rgba(11, 87, 208, .08)
}

.columnsmithIntroPromoBase .docs-promo-action-container.promo-dismiss-link:focus {
  color: #0b57d0;
  padding: 9px 12px;
  background-color: rgba(11, 87, 208, .12)
}

.columnsmithIntroPromoBase .docs-promo-action-container.docs-promo-action-button-right {
  border: 1px solid transparent;
  border-radius: 100px;
  box-sizing: border-box;
  cursor: pointer;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  line-height: 20px;
  padding: 9px 24px;
  white-space: nowrap;
  background: #0b57d0;
  color: #fff
}

.columnsmithIntroPromoBase .docs-promo-action-container.docs-promo-action-button-right:hover {
  background: #0b57d0;
  color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 3px 1px rgba(0, 0, 0, .15);
  background: #1f64d4
}

.columnsmithIntroPromoBase .docs-promo-action-container.docs-promo-action-button-right:focus {
  background: #0b57d0;
  color: #fff;
  background: #286bd6
}

.columnsmithIntroPromoBase .docs-promo-icon-container {
  height: 300px;
  margin: 0 0 0 20px;
  width: 300px
}

.waffleInlineGeminiEntrypointPromptInputContainer {
  border-radius: 4px;
  position: relative
}

.waffleInlineGeminiEntrypointPromptInputContainer:after,
.waffleInlineGeminiEntrypointPromptInputContainer:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit
}

.waffleInlineGeminiEntrypointPromptInputContainer:before {
  background: linear-gradient(45deg, #2e64de, #078efb, #ac87eb);
  opacity: 0;
  transition: opacity .2s cubic-bezier(.2, 0, 0, 1)
}

.waffleInlineGeminiEntrypointPromptInputContainer:after {
  background-color: var(--gm3-sys-color-surface-bright, #fff);
  background-clip: padding-box;
  border: 1px solid var(--gm3-sys-color-outline-variant, #c4c7c5);
  transition: border-color .2s cubic-bezier(.2, 0, 0, 1)
}

.waffleInlineGeminiEntrypointPromptInputContainer:has([aria-invalid=true]):focus-within:after {
  border: 1px solid var(--gm3-sys-color-error, #b3261e)
}

.waffleInlineGeminiEntrypointPromptInputContainer:hover:before {
  opacity: 1
}

.waffleInlineGeminiEntrypointPromptInputContainer:hover:after {
  border-width: 2px;
  border-color: transparent
}

.waffleInlineGeminiEntrypointPromptInputContainer:focus-within:after,
.waffleInlineGeminiEntrypointPromptInputContainer:focus:after {
  border-width: 1px;
  border-color: var(--gm3-sys-color-outline, #747775)
}

.waffleInlineGeminiEntrypointPromptInputContainer:focus .waffleInlineGeminiEntrypointPromptInputSubmitButtonContainer,
.waffleInlineGeminiEntrypointPromptInputContainer:focus-within .waffleInlineGeminiEntrypointPromptInputSubmitButtonContainer {
  opacity: 1;
  pointer-events: unset
}

.waffleInlineGeminiEntrypointPromptInputRoot {
  position: relative;
  z-index: 1
}

.waffleInlineGeminiEntrypointPromptInput {
  padding: 10px 12px;
  cursor: text;
  font-family: Google Sans;
  font-size: .75rem;
  line-height: calc(1rem + 1px);
  letter-spacing: .00625rem;
  font-weight: 400;
  color: var(--gm3-sys-color-on-surface, #1f1f1f)
}

.waffleInlineGeminiEntrypointPromptInput:before {
  color: var(--gm3-sys-color-outline, #747775)
}

.waffleInlineGeminiEntrypointPromptInputSubmitButtonContainer {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  z-index: 1;
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  pointer-events: none;
  opacity: 0;
  transition: opacity .2s cubic-bezier(.2, 0, 0, 1);
  --gm3-icon-button-filled-icon-size: 16px;
  --gm3-icon-button-filled-container-height: 24px;
  --gm3-icon-button-filled-container-width: 32px;
  --gm3-icon-button-filled-touch-target-size: 32px;
  --gm3-icon-button-filled-container-color: var(--gm3-sys-color-surface-container, #f0f4f9);
  --gm3-icon-button-filled-hover-icon-color: var(--gm3-sys-color-on-surface, #1f1f1f);
  --gm3-icon-button-filled-pressed-icon-color: var(--gm3-sys-color-on-surface, #1f1f1f);
  --gm3-icon-button-filled-focus-icon-color: var(--gm3-sys-color-on-surface, #1f1f1f);
  --gm3-icon-button-filled-icon-color: var(--gm3-sys-color-on-surface, #1f1f1f);
  --gm3-icon-button-filled-hover-state-layer-color: var(--gm3-sys-color-on-surface, #1f1f1f);
  --gm3-icon-button-filled-pressed-state-layer-color: var(--gm3-sys-color-on-surface, #1f1f1f)
}

.waffleInlineGeminiEntrypointPromptInputSubmitButton {
  margin: 6.5px
}

.waffleInlineGeminiEntrypointPromptChipContainer {
  width: 100%;
  display: flex;
  flex-direction: column
}

.waffleInlineGeminiEntrypointPromptChipContainer .waffleInlineGeminiEntrypointPromptChip {
  margin: 8px 0 0;
  --gm3-button-filled-container-color: var(--gm3-sys-color-surface-container, #f0f4f9);
  --gm3-button-filled-hover-container-elevation: 0;
  --gm3-button-filled-label-text-color: var(--gm3-sys-color-on-surface, #1f1f1f);
  --gm3-button-filled-pressed-label-text-color: var(--gm3-sys-color-on-surface, #1f1f1f);
  --gm3-button-filled-hover-label-text-color: var(--gm3-sys-color-on-surface, #1f1f1f);
  --gm3-button-filled-focus-label-text-color: var(--gm3-sys-color-on-surface, #1f1f1f);
  --gm3-button-filled-hover-state-layer-color: var(--gm3-sys-color-on-surface, #1f1f1f);
  --gm3-button-filled-pressed-state-layer-color: var(--gm3-sys-color-on-surface, #1f1f1f);
  --gm3-button-filled-with-icon-icon-color: var(--gm3-sys-color-on-surface, #1f1f1f);
  --gm3-button-filled-with-icon-hover-icon-color: var(--gm3-sys-color-on-surface, #1f1f1f);
  --gm3-button-filled-with-icon-pressed-icon-color: var(--gm3-sys-color-on-surface, #1f1f1f);
  --gm3-button-filled-with-icon-focus-icon-color: var(--gm3-sys-color-on-surface, #1f1f1f)
}

.waffleInlineGeminiEntrypointPromptChipContainer .waffleInlineGeminiEntrypointPromptChip:focus,
.waffleInlineGeminiEntrypointPromptChipContainer .waffleInlineGeminiEntrypointPromptChip:focus-within,
.waffleInlineGeminiEntrypointPromptChipContainer .waffleInlineGeminiEntrypointPromptChip:hover {
  background: var(--ae-genai-generation-gradient, linear-gradient(135deg, #d7e6ff, #c7e4ff, #dce2ff, #d7e6ff));
  animation: generation-shimmer 2.1s linear infinite
}

@media not (prefers-reduced-motion) {

  .waffleInlineGeminiEntrypointPromptChipContainer .waffleInlineGeminiEntrypointPromptChip:focus,
  .waffleInlineGeminiEntrypointPromptChipContainer .waffleInlineGeminiEntrypointPromptChip:focus-within,
  .waffleInlineGeminiEntrypointPromptChipContainer .waffleInlineGeminiEntrypointPromptChip:hover {
    background-position: 50%;
    background-size: 800% 800%
  }
}

.waffleGemkickSuggestionsMenuButtonMenu.waffleGemkickSuggestionsMenuButtonMenuCascadePrecedence {
  --gm3-menu-list-item-container-height: 32px;
  --gm3-menu-container-color: var(--gm3-sys-color-surface, #fff);
  --gm3-list-list-item-content-padding: 4px;
  --gm3-list-list-item-one-line-padding: 4px;
  --gm3-list-list-item-two-line-padding: 4px;
  --gm3-list-list-item-three-line-padding: 4px;
  --gm3-list-list-item-label-text-font: "Roboto";
  --gm3-list-list-item-label-text-weight: 400;
  --gm3-list-list-item-label-text-size: 0.875rem;
  --gm3-list-list-item-label-text-line-height: 1.25rem;
  --gm3-list-list-item-label-text-tracking: 0rem;
  --gm3-list-list-item-label-text-color: var(--gm3-sys-color-on-surface, #1f1f1f);
  --gm3-list-list-item-leading-icon-size: 20px
}

.iceIntroPromoBase.jfk-bubble.docs-promo-bubble {
  background: #fff;
  border-radius: 16px;
  bottom: 48px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .251);
  right: 48px;
  width: 320px
}

.iceIntroPromoBase .docs-promo-container {
  display: flex;
  flex-direction: column;
  padding: 0
}

.iceIntroPromoBase .docs-promo-icon-container {
  border-radius: 16px 16px 0 0;
  padding: 0;
  width: 320px
}

.iceIntroPromoBase .docs-promo-text-container {
  height: inherit;
  padding: 0 24px;
  width: inherit
}

.iceIntroPromoBase .docs-promo-header {
  color: #1f1f1f;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 32px;
  opacity: 1;
  text-align: left
}

.iceIntroPromoBase .docs-promo-body {
  color: #202124;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  line-height: 20px;
  padding: 16px 0 0
}

.iceIntroPromoBase .docs-promo-action-row {
  display: flex;
  justify-content: flex-end;
  padding: 24px 0;
  text-align: center
}

.iceIntroPromoBase .docs-promo-action-container {
  text-transform: none
}

.iceIntroPromoBase .docs-promo-action-container.promo-dismiss-link {
  border: 1px solid transparent;
  border-radius: 100px;
  box-sizing: border-box;
  cursor: pointer;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  line-height: 20px;
  padding: 9px 24px;
  white-space: nowrap;
  color: #0b57d0;
  padding: 9px 12px
}

.iceIntroPromoBase .docs-promo-action-container.promo-dismiss-link:hover {
  color: #0b57d0;
  padding: 9px 12px;
  background-color: rgba(11, 87, 208, .08)
}

.iceIntroPromoBase .docs-promo-action-container.promo-dismiss-link:focus {
  color: #0b57d0;
  padding: 9px 12px;
  background-color: rgba(11, 87, 208, .12)
}

.iceIntroPromoBase .docs-promo-action-container.docs-promo-action-button-right {
  border: 1px solid transparent;
  border-radius: 100px;
  box-sizing: border-box;
  cursor: pointer;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  line-height: 20px;
  padding: 9px 24px;
  white-space: nowrap;
  background: #0b57d0;
  color: #fff
}

.iceIntroPromoBase .docs-promo-action-container.docs-promo-action-button-right:hover {
  background: #0b57d0;
  color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 3px 1px rgba(0, 0, 0, .15);
  background: #1f64d4
}

.iceIntroPromoBase .docs-promo-action-container.docs-promo-action-button-right:focus {
  background: #0b57d0;
  color: #fff;
  background: #286bd6
}

.iceIntroPromoBase .docs-promo-icon-container {
  height: 269px;
  margin: 0 0 0 14px;
  width: 300px
}

.iceOnboardingDialogBase {
  background-color: #f3f7ff;
  width: 540px
}

.iceOnboardingDialogBase .docs-material-gm-dialog-content {
  padding-bottom: 0
}

.iceOnboardingDialogBase .docs-material-gm-dialog-title {
  padding-bottom: 0;
  padding-top: 12px
}

.iceOnboardingDialogBase .docs-material-gm-dialog-call-to-action-button {
  min-width: 106px;
  text-align: center
}

.iceOnboardingDialogBase .docs-material-gm-dialog-title {
  padding-top: 0
}

.iceOnboardingDialogBase .docs-material-gm-dialog-buttons {
  padding: 16px 39px 20px
}

.iceOnboardingDialogContent {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-family: Roboto, sans-serif;
  justify-content: center
}

.iceOnboardingDialogImageContainer {
  background-color: #fff;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  height: 370px;
  padding-top: 48px;
  width: 540px
}

.iceOnboardingDialogImage {
  width: 540px
}

.iceOnboardingDialogTitle {
  color: #1f1f1f;
  font-family: Roboto, sans-serif;
  font-size: 22px;
  font-weight: 400;
  margin: 16px 0 26px;
  min-height: 28px;
  text-align: center;
  margin: 24px 0 12px
}

.iceOnboardingDialogText {
  color: #444746;
  display: flex;
  flex-direction: column;
  line-height: 20px;
  max-width: 400px;
  padding-left: 8px;
  padding-right: 8px;
  row-gap: 20px;
  text-align: center;
  max-width: unset
}

.iceOnboardingDialogLearnMoreLink {
  align-items: center;
  color: #0b57d0;
  display: flex;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  margin-right: 16px
}

.waffleSidekickWizChartsChartChart {
  height: 100%;
  width: 100%;
  max-block-size: 50vh
}

.geminiFixButtonWrapper {
  padding: 5px 12px 5px 7.5px;
  margin: 12px 5px 2px 2px;
  border-radius: 32px;
  border-color: transparent;
  cursor: pointer;
  background: linear-gradient(90deg, #d7e6ff, #c7e4ff, #dce2ff, #d7e6ff);
  display: inline-flex
}

.geminiFixButtonIconContainer {
  display: flex;
  margin: 3px 2px 2px
}

.geminiFixButtonWrapper:hover,
.geminiFixButtonWrapper:hover:active {
  color: #1f1f1f;
  animation: geminiGradient 3.5s linear infinite;
  background: linear-gradient(135deg, #d3e3fd, #84c4ff, #a8c7fa, #84c4ff, #d3e3fd, #d3e3fd, #84c4ff, #a8c7fa, #84c4ff, #d3e3fd);
  background-size: 800% 800%
}

.geminiFixButtonHeader {
  color: #1f1f1f;
  display: flex;
  padding: 2px;
  margin: 3px 0 2px;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 400;
  height: max-content;
  letter-spacing: .25px;
  line-height: 16px;
  max-height: 48px;
  max-width: 286px;
  overflow: hidden;
  width: max-content
}

.waffle-data-validation-auto-complete-row {
  box-sizing: border-box;
  cursor: pointer;
  min-height: 28px;
  padding: 2px 10px
}

.waffle-data-validation-auto-complete-row-active {
  background: #f1f3f4;
  color: #202124
}

.waffle-data-validation-chips-container {
  margin-bottom: 5px
}

.waffle-data-validation-chips-row {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.waffle-data-validation-chips-display-value {
  color: #202124;
  font-size: 14px;
  line-height: 20px
}

.waffle-data-validation-chips-primary-key {
  color: #5f6368;
  font-size: 12px;
  line-height: 16px
}

.waffle-data-validation-chips-footer {
  border-top: 1px solid #dadce0;
  height: 30px;
  position: relative;
  right: 10px;
  width: calc(100% + 20px)
}

.ac-datavalidation-renderer-upside-down .waffle-data-validation-chips-footer,
.waffle-dropdown-chip-renderer-upside-down .waffle-data-validation-chips-footer {
  border-top: none;
  border-bottom: 1px solid #dadce0
}

.waffle-data-validation-chips-edit {
  bottom: 3px;
  display: inline-block;
  position: absolute;
  right: 10px
}

.waffle-dropdown-chips-row {
  height: 28px;
  min-width: 154px
}

.waffle-data-validation-chips-container .docs-icon.goog-inline-block,
.waffle-dropdown-chips-row .docs-icon.goog-inline-block {
  float: right
}

.waffle-dropdown-chips-container {
  position: relative;
  top: 4px
}

.waffle-data-validation-autocomplete-container .docs-search-bar {
  border-radius: 8px 8px 0 0;
  border-top: 1px solid rgba(0, 0, 0, .2);
  border-left: 1px solid rgba(0, 0, 0, .2);
  border-right: 1px solid rgba(0, 0, 0, .2)
}

.waffle-data-validation-autocomplete-container .docs-search-bar.waffle-data-validation-autocomplete-upside-down {
  border-radius: 0 0 8px 8px;
  border-top: none;
  border-bottom: 1px solid rgba(0, 0, 0, .2)
}

.waffle-data-validation-autocomplete-container.waffle-data-validation-autocomplete-no-results .docs-search-bar {
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, .2)
}

.waffle-data-validation-autocomplete-container .docs-search-bar-icon-container .docs-search-bar-icon {
  scale: .75;
  margin: 5px
}

.waffle-data-validation-autocomplete-container {
  position: absolute;
  box-shadow: 1px 2px 5px rgba(0, 0, 0, .4);
  border-radius: 8px;
  min-width: 154px
}

.waffle-data-validation-autocomplete-container .docs-search-bar-input-container {
  padding-top: 2px;
  width: 100%;
  padding-right: 5px
}

.waffle-data-validation-autocomplete-container .docs-search-bar-input-container .docs-search-bar-input {
  width: 100%
}

.waffle-data-validation-autocomplete-container .waffle-ac-renderer.waffle-dropdown-chip-renderer {
  border-radius: 0 0 8px 8px;
  border-top: none;
  clip-path: inset(0 -10px -10px -10px)
}

.waffle-data-validation-autocomplete-container .waffle-ac-renderer.waffle-dropdown-chip-renderer-upside-down {
  border-radius: 8px 8px 0 0;
  border-bottom: none;
  clip-path: inset(-10px -10px 0 -10px)
}

.waffle-data-validation-autocomplete-container .waffle-ac-renderer {
  width: max-content
}

.waffle-ac-renderer.waffle-dropdown-chip-renderer {
  border-radius: 8px;
  box-shadow: 1px 2px 5px rgba(0, 0, 0, .4);
  overflow: auto;
  z-index: 1001
}

.waffle-ac-renderer.waffle-dropdown-chip-renderer-upside-down {
  border-radius: 8px;
  box-shadow: 1px 0 5px rgba(0, 0, 0, .4);
  overflow: auto;
  z-index: 1001
}

.assisted-actions-feedback-button {
  display: inline;
  float: right;
  padding-right: 10px;
  -webkit-user-select: none;
  user-select: none
}

.modal-dialog.account-linking-consent-screen-dialog .modal-dialog-title {
  display: flex;
  height: 45px;
  margin: 0
}

.modal-dialog.account-linking-consent-screen-dialog {
  border: 0;
  height: calc(100vh - 40px);
  left: calc(50vw - 270px) !important;
  margin: 20px;
  max-height: 771px;
  padding: 0;
  position: absolute;
  top: 0 !important;
  width: 500px;
  z-index: 10000
}

@keyframes griddy-gradient {
  0% {
    background-position: 100% 100%
  }

  to {
    background-position: top 37.5% left 37.5%
  }
}

.waffle-griddy-suggestions-bubble-container {
  position: absolute;
  z-index: 1
}

.waffle-griddy-suggestions-bubble {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 -3px 11px hsla(207, 5%, 52%, .09), 0 6px 11px hsla(207, 5%, 52%, .06), 0 1px 3px rgba(60, 64, 67, .3), 0 4px 8px rgba(60, 64, 67, .15);
  display: flex;
  left: 0;
  position: absolute;
  border-color: transparent;
  border-style: solid;
  border-width: 2px
}

.waffle-griddy-chip-suggestions-bubble {
  transition: height .15s cubic-bezier(.2, 0, 0, 1), width .15s cubic-bezier(.2, 0, 0, 1)
}

.waffle-griddy-suggestions-bubble.waffle-griddy-blue-ui {
  background-color: #d3e3fd;
  border-radius: 9999px
}

.waffle-griddy-suggestions-bubble.waffle-griddy-blue-ui.waffle-griddy-suggestions-bubble-expand:hover {
  animation: griddy-gradient 3.5s linear infinite;
  background: linear-gradient(135deg, #d3e3fd, #84c4ff, #a8c7fa, #84c4ff, #d3e3fd, #d3e3fd, #84c4ff, #a8c7fa, #84c4ff, #d3e3fd);
  background-size: 800% 800%
}

.waffle-griddy-suggestions-bubble-expand-inward.waffle-griddy-suggestions-bubble {
  left: unset;
  right: 0
}

.waffle-griddy-suggestions-bubble-expand-upward.waffle-griddy-suggestions-bubble {
  bottom: 0;
  top: unset
}

waffle-griddy-suggestions-bubble-content-wrapper {
  display: flex;
  height: min-content;
  width: min-content
}

.waffle-griddy-suggestions-bubble-collapsed-content-wrapper {
  display: flex;
  left: 0;
  padding: 2px;
  position: absolute;
  top: 0;
  z-index: 10
}

.waffle-griddy-suggestions-bubble-collapsed-content-wrapper>div {
  display: flex
}

.waffle-griddy-suggestions-bubble-expand .waffle-griddy-suggestions-bubble-collapsed-content-wrapper,
.waffle-griddy-suggestions-bubble-expanded-content-wrapper {
  display: none
}

.waffle-griddy-suggestions-bubble-expand .waffle-griddy-suggestions-bubble-expanded-content-wrapper {
  display: block
}

.waffle-griddy-suggestions-bubble-expanded-content {
  display: flex
}

.waffle-griddy-suggestions-menu-wrapper {
  display: inline-block;
  margin: 2px 5px 2px 2px
}

.waffle-griddy-suggestions-bubble-multi .waffle-griddy-suggestions-menu-wrapper {
  margin: 12px 4px 5px 8px
}

.waffle-griddy-suggestions-menu-item {
  border-radius: 4px;
  cursor: pointer;
  display: flex
}

.waffle-griddy-blue-ui .waffle-griddy-suggestions-menu-item {
  border-radius: 9999px 4px 4px 9999px
}

.waffle-griddy-suggestions-bubble-multi .waffle-griddy-suggestions-menu-item {
  margin-bottom: 7px
}

.waffle-griddy-suggestions-menu-item.goog-menuitem-highlight {
  background: rgba(24, 128, 56, .04);
  padding-bottom: 0;
  padding-top: 0
}

.waffle-griddy-suggestions-bubble.waffle-griddy-blue-ui .waffle-griddy-suggestions-menu-item.goog-menuitem-highlight {
  background: rgba(31, 31, 31, .04)
}

.waffle-griddy-suggestions-menu-item:focus {
  background: rgba(24, 128, 56, .12);
  outline: none
}

.waffle-griddy-suggestions-bubble.waffle-griddy-blue-ui .waffle-griddy-suggestions-menu-item:focus {
  background: rgba(31, 31, 31, .12)
}

.waffle-griddy-suggestions-menu-item:active {
  background: rgba(24, 128, 56, .1)
}

.waffle-griddy-suggestions-bubble.waffle-griddy-blue-ui .waffle-griddy-suggestions-menu-item:active {
  background: rgba(31, 31, 31, .1)
}

.waffle-griddy-suggestions-menu-item.goog-menuitem-highlight .waffle-griddy-suggestions-menu-item-header,
.waffle-griddy-suggestions-menu-item:active .waffle-griddy-suggestions-menu-item-header,
.waffle-griddy-suggestions-menu-item:focus .waffle-griddy-suggestions-menu-item-header {
  color: #0d652d
}

.waffle-griddy-suggestions-menu-item-icon-container {
  display: flex;
  text-align: center;
  place-items: center
}

.waffle-griddy-suggestions-bubble.waffle-griddy-blue-ui .waffle-griddy-suggestions-menu-item-icon-container {
  padding-left: 5px
}

.waffle-griddy-suggestions-chip-icon {
  margin-left: 3px
}

.waffle-griddy-suggestions-menu-item-icon-container .waffle-spinner-active {
  height: 18px;
  width: 18px;
  margin-left: 3px;
  margin-right: 2px
}

.waffle-griddy-suggestions-bubble-multi .waffle-griddy-suggestions-menu-item-icon-container {
  align-items: center;
  display: flex;
  flex-direction: row
}

.waffle-griddy-suggestions-menu-item-header-wrapper {
  display: flex;
  padding: 2px;
  margin: 3px 0 2px 5px
}

.waffle-griddy-suggestions-menu-item-header {
  color: #188038;
  display: inline-block;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: max-content;
  letter-spacing: .25px;
  line-height: 16px;
  max-height: 48px;
  max-width: 286px;
  overflow: hidden;
  width: max-content
}

.waffle-griddy-suggestions-bubble.waffle-griddy-blue-ui .waffle-griddy-suggestions-menu-item-header {
  color: #1f1f1f;
  font-weight: 400
}

.waffle-griddy-suggestions-bubble-menu-button-wrapper {
  padding: 2px
}

.waffle-griddy-suggestions-bubble-multi .waffle-griddy-suggestions-bubble-menu-button-wrapper {
  padding-top: 7px
}

.docs-material-menu-button-flat-default.waffle-griddy-suggestions-bubble-menu-button {
  border: none;
  border-radius: 4px;
  height: 24px;
  margin: 0;
  outline: none;
  padding: 2px;
  width: 24px;
  background-color: transparent
}

.waffle-griddy-suggestions-bubble-menu-button .docs-material-button-content,
.waffle-griddy-suggestions-bubble-menu-button .docs-material-menu-button-flat-default-caption {
  align-items: center;
  display: flex
}

.waffle-griddy-suggestions-bubble-menu-button.docs-material-menu-button-flat-default-hover {
  background: rgba(32, 33, 36, .04)
}

.waffle-griddy-suggestions-bubble-menu-button.docs-material-menu-button-flat-default-focused {
  background: rgba(32, 33, 36, .12);
  border-color: transparent
}

.waffle-griddy-suggestions-bubble-menu-button.docs-material-menu-button-flat-default-active {
  background: rgba(32, 33, 36, .1)
}

.waffle-griddy-suggestions-bubble-close-button-wrapper {
  display: inline-block;
  padding-inline-end: 6px;
  padding-top: 4px;
  right: 0
}

.waffle-griddy-suggestions-bubble-multi .waffle-griddy-suggestions-bubble-close-button-wrapper {
  padding: 9px 6px 0 0;
  padding-inline-end: 6px;
  padding-top: 9px
}

.waffle-griddy-suggestions-bubble-close-button {
  background-color: transparent;
  border: none;
  border-radius: 50%;
  margin: 0;
  padding: 0;
  right: 0
}

.waffle-griddy-suggestions-bubble-close-button svg {
  height: 12px;
  width: 12px
}

.waffle-griddy-suggestions-bubble-close-button:hover {
  background: rgba(32, 33, 36, .04)
}

.waffle-griddy-suggestions-bubble-close-button:focus {
  background: rgba(32, 33, 36, .12);
  outline: none
}

.waffle-griddy-suggestions-bubble-close-button:active {
  background: rgba(32, 33, 36, .1)
}

.waffle-griddy-suggestion-preview-card {
  border-radius: 8px;
  box-sizing: border-box
}

.waffle-griddy-suggestion-preview-card .jfk-bubble-arrowdown .jfk-bubble-arrowimplbefore {
  border-color: #a8a8a8 transparent
}

.waffle-griddy-suggestion-preview-card-pivot-table-canvas {
  display: flex
}

.waffle-griddy-suggestion-preview-card-pivot-table-content {
  overflow: hidden
}

.range-border.waffle-griddy-highlight-green-styled-border {
  border-color: #34a853;
  border-style: dashed
}

.range-border.waffle-griddy-highlight-grey-styled-border {
  border-color: #9aa0a6;
  border-style: dashed
}

.waffle-griddy-highlight-styled-rect {
  background-color: transparent;
  pointer-events: none
}

.waffle-griddy-suggestions-disclaimer {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  padding: 10px 10px 0
}

.griddy-chip-action-button {
  align-items: center;
  border-radius: 100%;
  display: flex;
  height: 24px;
  justify-content: center;
  width: 24px
}

.waffle-griddy-suggestions-bubble-chip-feedback-wrapper {
  align-items: center;
  display: flex;
  margin-left: 2px
}

.waffle-griddy-suggestions-bubble-chip-feedback-buttons-wrapper {
  align-items: center;
  display: flex;
  padding: 0 6px
}

.waffle-griddy-suggestions-bubble-chip-feedback-divider {
  background: #747775;
  height: 16px;
  margin-right: 1px;
  width: 1px
}

@media screen and (forced-colors:active) and (prefers-color-scheme:dark) {
  .waffle-griddy-suggestions-bubble-menu-button:focus {
    outline: 1px solid Highlight
  }

  .waffle-griddy-suggestions-menu-item:focus {
    outline: 1px solid Highlight
  }

  .waffle-griddy-suggestions-bubble-close-button:focus {
    outline: 1px solid Highlight
  }

  .waffle-griddy-suggestions-bubble-menu-button:hover {
    background: Highlight
  }

  .waffle-griddy-suggestions-bubble-close-button:hover {
    background: Highlight
  }
}

.turbofill-intro-promo-base.jfk-bubble.docs-promo-bubble {
  border-radius: 28px;
  bottom: 48px;
  right: 48px;
  width: 320px
}

.turbofill-intro-promo-base .docs-promo-container {
  display: flex;
  flex-direction: column;
  padding: 0
}

.turbofill-intro-promo-base .docs-promo-icon-container {
  border-radius: 28px 28px 0 0;
  height: 180px;
  margin: 0;
  padding: 0;
  width: 320px
}

.turbofill-intro-promo-base .docs-promo-text-container {
  padding: 12px 20px 14px 20px;
  width: inherit
}

.turbofill-intro-promo-base .docs-promo-header {
  color: #1f1f1f;
  font-family: Google Sans;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  right: 24px
}

.turbofill-intro-promo-base .docs-promo-body {
  color: #444746;
  font-family: Google Sans;
  font-size: 14px;
  letter-spacing: .2px;
  line-height: 20px;
  padding-top: 8px
}

.turbofill-intro-promo-base .docs-promo-action-row {
  color: #0b57d0;
  display: flex;
  justify-content: right;
  padding: 28px 4px 10px 6px;
  text-align: center
}

.turbofill-intro-promo-base .docs-promo-action-container {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .25px;
  line-height: 20px;
  text-transform: none
}

.turbofill-intro-promo-base .docs-promo-action-row .docs-promo-action-button-right {
  align-items: center;
  background: #0b57d0;
  border: 1px solid #0b57d0;
  border-radius: 36px;
  color: #fff;
  cursor: pointer;
  padding: 8px 12px;
  width: 90px
}

.turbofill-intro-promo-base .docs-promo-action-row .docs-promo-action-button-left {
  align-items: center;
  background-color: transparent;
  border: none;
  color: #0b57d0;
  cursor: pointer;
  display: flex;
  margin-right: 6px
}

.waffle-turbofill-onboarding-dialog.waffle-turbofill-onboarding-dialog-consumer-user {
  width: 460px
}

.waffle-turbofill-onboarding-dialog:not(.waffle-turbofill-onboarding-dialog-consumer-user) {
  width: 504px
}

.waffle-turbofill-onboarding-dialog .docs-material-gm-dialog-content {
  padding-bottom: 0
}

.waffle-turbofill-onboarding-dialog-content {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-family: Roboto, sans-serif;
  justify-content: center
}

.waffle-turbofill-onboarding-dialog .docs-material-gm-dialog-title {
  padding-bottom: 0;
  padding-top: 12px
}

.waffle-turbofill-onboarding-dialog-image {
  height: 300px
}

.waffle-turbofill-onboarding-dialog-workspace-logos {
  height: 20px;
  padding-bottom: 16px;
  padding-top: 16px
}

.waffle-turbofill-onboarding-dialog-title {
  color: #1f1f1f;
  font-family: Roboto, sans-serif;
  min-height: 28px
}

.waffle-turbofill-onboarding-dialog-title {
  font-size: 22px;
  margin: 16px 0 26px 0;
  text-align: center
}

.waffle-turbofill-onboarding-dialog-text {
  color: #444746;
  display: flex;
  flex-direction: column;
  line-height: 20px;
  max-width: 400px
}

.waffle-turbofill-onboarding-dialog-text {
  padding-left: 8px;
  padding-right: 8px;
  row-gap: 20px;
  text-align: center
}

.waffle-turbofill-onboarding-dialog-text>div:last-child {
  margin-bottom: 4px
}

.waffle-turbofill-learn-more-link {
  align-items: center;
  color: #0b57d0;
  display: flex;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  margin-right: 16px
}

.docs-material-gm-dialog .docs-material-button-fill-primary.docs-material-button.waffle-turbofill-onboarding-dialog-primary-button {
  border: 1px solid transparent;
  border-radius: 100px;
  box-sizing: border-box;
  cursor: pointer;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  line-height: 20px;
  padding: 9px 24px;
  white-space: nowrap;
  background: #0b57d0;
  color: #fff;
  min-width: 106px
}

.docs-material-gm-dialog .docs-material-button-fill-primary.docs-material-button.waffle-turbofill-onboarding-dialog-primary-button.docs-material-button-focused {
  background: #0b57d0;
  color: #fff;
  background: #286bd6
}

.docs-material-gm-dialog .docs-material-button-fill-primary.docs-material-button.waffle-turbofill-onboarding-dialog-primary-button.docs-material-button-hover {
  background: #0b57d0;
  color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 3px 1px rgba(0, 0, 0, .15);
  background: #1f64d4
}

.docs-material-gm-dialog .docs-material-button-fill-primary.docs-material-button.waffle-turbofill-onboarding-dialog-primary-button.docs-material-button-active {
  background: #0b57d0;
  color: #fff;
  background: #286bd6
}

.docs-material-gm-dialog .docs-material-button-fill-primary.docs-material-button.waffle-turbofill-onboarding-dialog-primary-button.docs-material-button-disabled {
  background: #0b57d0;
  color: #fff;
  background: rgba(31, 31, 31, .12);
  color: rgba(31, 31, 31, .38);
  cursor: default
}

.waffle-charteditor-chart-area-resizer .docs-squarehandleselectionbox-border {
  transition: opacity .25s cubic-bezier(.4, 0, 1, 1);
  border: 1px solid #9e9e9e;
  opacity: 0
}

.waffle-charteditor-chart-area-resizer .docs-squarehandleselectionbox-handle {
  transition: opacity .25s cubic-bezier(.4, 0, 1, 1);
  background: #fff;
  border: 1px solid #9e9e9e;
  opacity: 0
}

.waffle-charteditor-chart-area-resizer-active .docs-squarehandleselectionbox-border,
.waffle-charteditor-chart-area-resizer-active .docs-squarehandleselectionbox-handle,
.waffle-charteditor-chart-area-resizer-dragging .docs-squarehandleselectionbox-border,
.waffle-charteditor-chart-area-resizer-dragging .docs-squarehandleselectionbox-handle,
.waffle-charteditor-chart-area-resizer:hover .docs-squarehandleselectionbox-border,
.waffle-charteditor-chart-area-resizer:hover .docs-squarehandleselectionbox-handle {
  opacity: 1
}

.waffle-charteditor-edit-context-menu {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}

.waffle-charteditor-edit-context-menu .goog-menuitem {
  padding-left: 30px;
  padding-right: 110px
}

.waffle-charteditor-edit-context-menu-header {
  color: rgba(0, 0, 0, .38);
  font-weight: 700;
  padding: 2px 8px 6px 8px;
  text-transform: uppercase
}

.waffle-charteditor-edit-context-menu-submenu-label {
  float: left
}

.waffle-charteditor-text-edit-overlay {
  background-color: #fff;
  border: 1px solid #44a3fa;
  cursor: text;
  color: rgba(0, 0, 0, .54);
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1;
  outline: 3px solid rgba(68, 163, 250, .3);
  outline-offset: 0;
  position: absolute;
  resize: none;
  z-index: 1
}

.waffle-charteditor-text-edit-overlay-vertical {
  transform: rotate(270deg);
  transform-origin: top left
}

.docs-ui-toast.waffle-charts-customizable-toast {
  bottom: 10px;
  left: 10px;
  position: absolute
}

.waffle-ai-generator-range-picker {
  padding: 0 16px 0 16px
}

.waffle-ai-generator-text-area-conatiner {
  padding: 0 16px 8px 16px
}

.waffle-ai-generator-section-label {
  color: #3c4043;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 4px;
  margin-top: 14px
}

.waffle-ai-generator-task-select {
  padding: 2px 18px 8px 18px
}

.waffle-ai-generator-prompt-input {
  border-radius: 4px;
  height: 16px;
  padding: 8px;
  resize: none;
  width: -webkit-fill-available
}

.waffle-ai-generator-generate-button {
  padding: 2px 18px 8px 24px;
  text-align: right
}

.waffle-ai-generator-result-body-container {
  border-radius: 6px;
  border: 1px solid transparent;
  font-family: Roboto, sans-serif;
  font-size: 13px;
  font-weight: 400;
  padding: 3px;
  -webkit-user-select: text
}

.waffle-ai-generator-actions-container {
  border-radius: 8px;
  margin: 10px;
  padding: 5px
}

.waffle-ai-generator-actions-container .waffle-ai-generator-prompt-input {
  height: 32px
}

.waffle-ai-generator-actions-container .waffle-ai-generator-generate-button {
  padding: 2px 18px 8px 0;
  text-align: left
}

.waffle-ai-generator-actions-container .waffle-ai-generator-text-area-conatiner {
  border-radius: 4px;
  margin-bottom: 4px;
  padding: 2px 4px 8px 4px
}

.waffle-ai-generator-text-area-container-1 {
  background: #acddde
}

.waffle-ai-generator-text-area-container-2 {
  background: #caf1de
}

.waffle-ai-generator-text-area-container-3 {
  background: #e1f8dc
}

.waffle-ai-generator-text-area-container-4 {
  background: #fef8dd
}

.waffle-ai-generator-text-area-container-5 {
  background: #ffe7c7
}

.waffle-ai-generator-text-area-container-6 {
  background: #f7d8ba
}

.waffle-dropdown-chip {
  background-color: #e8eaed;
  border-radius: 8px;
  display: inline-block;
  height: -moz-fit-content;
  height: fit-content;
  max-width: 100%;
  padding: 0 5px;
  width: -moz-fit-content;
  width: fit-content
}

.waffle-inputbox-chip:hover {
  background-color: #dadce0
}

.waffle-inputbox-chip {
  background-color: #e8eaed;
  border-radius: 8px;
  display: inline;
  padding: 0 5px
}

.waffle-inputbox-chip:after {
  content: "";
  display: inline-block
}

.waffle-inputbox-chip-selected {
  outline: 1px solid #1a73e8
}

@media screen and (forced-colors:active) {
  .waffle-inputbox-chip {
    background-color: ButtonFace;
    color: ButtonText;
    outline: 1px solid GrayText
  }

  .waffle-inputbox-chip:hover {
    background-color: Highlight;
    color: HighlightText
  }

  .waffle-inputbox-chip-selected {
    background-color: Highlight;
    color: HighlightText
  }
}

.waffle-inputbox-chip-selected .waffle-chip-icon img::selection,
.waffle-inputbox-chip-selected .waffle-chip-icon::selection,
.waffle-inputbox-chip-selected .waffle-chip-text::selection,
.waffle-inputbox-chip-selected::selection {
  background-color: transparent
}

.waffle-chip-icon img,
.waffle-chip-icon svg {
  display: inline;
  padding-right: max(6px, .25em);
  width: .7em;
  height: .7em
}

.waffle-chip-text {
  text-overflow: ellipsis;
  overflow-x: clip
}

.waffle-chipextraction-field-value {
  overflow-wrap: break-word
}

.waffle-chipextraction-field-pill {
  padding: 0 32px 34px 22px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: .2px
}

.waffle-chip-extraction-prompt-content {
  background-color: #fff;
  border-radius: 8px;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0 12px;
  width: 260px
}

.waffle-chip-extraction-prompt-title {
  color: #188038;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: .1px;
  line-height: 24px;
  margin-top: 12px
}

.waffle-chip-extraction-prompt-body {
  color: #3c4043;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .2px;
  line-height: 20px;
  white-space: normal
}

.waffle-chip-extraction-prompt-buttons-wrapper {
  display: flex;
  padding: 12px 0
}

.waffle-chip-extraction-prompt-button-accept {
  align-items: center;
  background: #fff;
  border: 1px solid #ceead6;
  border-radius: 18px;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  height: 36px;
  margin-inline-end: 8px;
  padding-inline-start: 4px;
  width: 36px
}

.waffle-chip-extraction-prompt-button-accept:hover {
  background: #e6f4ea
}

.waffle-chip-extraction-prompt-button-reject {
  align-items: center;
  background: #fff;
  border: 1px solid #dadce0;
  border-radius: 18px;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  height: 36px;
  margin-inline-end: 8px;
  padding-inline-start: 4px;
  width: 36px
}

.waffle-chip-extraction-prompt-button-reject:hover {
  background: #f8f9fa
}

.docs-material .docs-icon.waffle-chip-extraction-prompt-button-icon {
  height: 24px;
  width: 24px
}

.waffle-chip-extraction-prompt-keyboard-shortcut-desc {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .3px;
  line-height: 16px;
  overflow-y: scroll;
  padding-bottom: 8px;
  text-overflow: clip;
  white-space: normal
}

.chip-extraction-prompt-overlay {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);
  position: absolute;
  z-index: 8
}

.waffle-chip-extraction-prompt-button-icon-accept .docs-icon-img {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_green.svg) !important
}

.waffle-chip-extraction-prompt-body .chip-pill-bubble-chip {
  display: inline;
  font-size: 14px;
  padding: 1px 6px;
  position: inherit;
  white-space: nowrap
}

.waffle-chip-extraction-prompt-body .chip-pill-bubble-chip,
.waffle-chip-extraction-prompt-body .chip-pill-bubble-chip:visited {
  color: #202124
}

.waffle-chip-extraction-prompt-body .chip-pill-bubble-chip-text {
  margin-left: 0
}

a.waffle-chip-extraction-prompt-additional-chips {
  color: #0b57d0;
  padding-left: 3px;
  white-space: nowrap
}

.waffle-chip-extraction-prompt-body .chip-pill-bubble-chip-icon {
  display: inline;
  margin-right: 2px
}

.waffle-chip-extraction-sidebar-scroll-pane {
  height: calc(100% - 40px);
  overflow-x: hidden;
  overflow-y: auto
}

.waffle-chip-extraction-sidebar-button-bar {
  align-items: center;
  border-top: 1px solid #dadce0;
  flex-direction: row;
  margin-top: auto;
  text-align: right;
  width: 300px;
  position: absolute;
  bottom: 0
}

.waffle-chip-extraction-sidebar-extract-button-wrapper,
.waffle-chip-extraction-sidebar-refresh-button-wrapper {
  float: right
}

.waffle-chip-extraction-sidebar-more-extracted-button-wrapper,
.waffle-chip-extraction-sidebar-more-pending-button-wrapper {
  background-color: #f8f9fa;
  padding-left: 16px
}

.waffle-chip-extraction-extract-tab-content {
  height: calc(100% - 60px);
  margin: 20px 0 0 20px;
  overflow-y: auto;
  position: relative
}

.waffle-chip-extraction-extract-tab-content-header,
.waffle-chip-extraction-sidebar-zero-state-learn-more {
  font-family: Google Sans;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  align-items: center
}

.waffle-chip-extraction-extract-tab-content-header {
  line-height: 20px;
  display: flex;
  letter-spacing: .25px;
  color: #3c4043
}

.waffle-chip-extraction-sidebar-refresh-text {
  display: flex;
  background-color: #f8f9fa;
  color: #3c4043;
  font-family: Google Sans;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  letter-spacing: .1px;
  line-height: 16px;
  text-align: center;
  padding: 10px;
  position: relative
}

.waffle-chip-extraction-sidebar-zero-state-learn-more {
  line-height: 16px;
  letter-spacing: .15px
}

a.waffle-chip-extraction-sidebar-zero-state-learn-more:link,
a.waffle-chip-extraction-sidebar-zero-state-learn-more:visited {
  color: #188038
}

.waffle-chip-extraction-sidebar-zero-state-description {
  font-family: Google Sans;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: .1px;
  margin: 24px
}

.waffle-chip-extraction-sidebar-zero-state-image {
  margin-top: 75px;
  margin-bottom: 25px;
  width: 100%
}

.waffle-chip-extraction-sidebar-zero-state {
  text-align: center;
  align-items: center;
  vertical-align: middle;
  height: calc(100% - 68px)
}

.waffle-chip-extraction-sidebar-non-zero-state {
  height: 100%
}

.docs-material-button-fill-primary.docs-material-button.waffle-chip-extraction-sidebar-extract-button,
.docs-material-button-fill-primary.docs-material-button.waffle-chip-extraction-sidebar-refresh-button {
  align-items: center;
  display: flex;
  flex-direction: row;
  padding: 10px 16px;
  margin: 16px;
  text-transform: none
}

.waffle-chip-extraction-extract-tab,
.waffle-chip-extraction-refresh-tab {
  height: calc(100% - 68px)
}

.waffle-chip-extraction-sidebar-toggle-tabs {
  top: 0;
  width: 100%
}

.waffle-chip-extraction-sidebar-extract-destination-range-selector,
.waffle-chip-extraction-sidebar-extract-source-range-selector {
  margin: 8px 14px 8px 0
}

.waffle-chip-extraction-sidebar-extract-view-list-label,
.waffle-chip-extraction-sidebar-pending-view-list-label {
  background-color: #f8f9fa;
  color: #5f6368;
  font-family: Roboto;
  font-weight: 500;
  height: 25px;
  letter-spacing: .8px;
  padding-left: 18px;
  padding-top: 18px;
  text-transform: uppercase
}

.docs-hc-gecko .waffle-chip-extraction-sidebar .waffle-sidebar-title-close:focus {
  outline: 1px solid Highlight
}

.waffle-chip-extraction-field-list {
  margin-bottom: 17px;
  margin-top: 34px
}

.waffle-chip-extraction-sidebar-extract-destination-range-selector-error,
.waffle-chip-extraction-sidebar-extract-source-range-selector-error,
.waffle-chip-extraction-sidebar-field-list-error {
  color: #d93025;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.waffle-chip-extraction-sidebar-error-icon {
  margin-right: 14px
}

@media (forced-colors:active) {
  .docs-material-gm-labeled-checkbox-checkbox:focus {
    outline: 1px solid Highlight
  }

  .jfk-button.docs-sidebar-toggle-tab:focus {
    outline: 1px solid Highlight
  }

  .waffle-range-selection-button-container:focus-within {
    outline: 1px solid Highlight
  }
}

.waffle-chip-info-bubble-container {
  background-color: #fff;
  border-radius: 8px;
  bottom: 90px;
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);
  box-sizing: border-box;
  left: auto !important;
  padding: 24px 24px 16px 24px;
  position: fixed;
  right: 60px;
  top: auto !important;
  width: 344px
}

.waffle-chip-info-bubble-title {
  font-family: Google Sans;
  font-size: 22px;
  line-height: 28px;
  margin-bottom: 12px
}

.waffle-chip-info-bubble-body {
  font-family: Roboto;
  font-size: 14px;
  letter-spacing: .2px;
  line-height: 20px;
  margin-bottom: 20px
}

.waffle-chip-info-bubble-buttons {
  color: #188038;
  display: flex;
  font-size: 14px;
  justify-content: flex-end;
  letter-spacing: .25px;
  line-height: 20px;
  position: relative
}

.waffle-chip-info-bubble-button {
  border-radius: 4px;
  cursor: pointer;
  padding: 0 8px
}

.waffle-chip-info-bubble-button:hover {
  background: rgba(24, 128, 56, .04)
}

.waffle-chips-sharing-prompt-container {
  background: #fff;
  border-radius: 8px;
  bottom: 40px;
  box-shadow: 0 1px 6px rgba(32, 33, 36, .28);
  min-height: 184px;
  max-height: 70vh;
  padding: 5px 6px 11px 6px;
  position: absolute;
  right: 48px;
  width: 288px;
  z-index: 900;
  overflow: auto
}

.waffle-chips-sharing-prompt-content {
  padding: 12px
}

.waffle-chips-sharing-prompt-content div {
  outline: none;
  overflow: auto
}

.waffle-chips-sharing-prompt-header {
  align-content: center;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .25px
}

.waffle-chips-sharing-prompt-emails {
  margin: 0;
  padding: 16px 0 0 0
}

.waffle-chips-sharing-prompt-emails li {
  align-content: center;
  color: #4285f4;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  letter-spacing: .25px;
  line-height: 20px;
  list-style-type: none
}

.waffle-chips-sharing-prompt-email {
  font-size: 14px
}

.waffle-chips-sharing-prompt-email:focus {
  outline: 1px solid
}

.waffle-chips-sharing-prompt-show-more-emails {
  cursor: pointer;
  font-size: 12px
}

.waffle-chips-sharing-prompt-and-more-emails {
  font-size: 12px
}

.waffle-chips-sharing-prompt-checkbox-container {
  border-bottom: 1px solid #dadce0;
  margin-bottom: 16px;
  padding: 12px 0
}

.waffle-chips-sharing-prompt-checkbox-container label {
  font-size: 14px
}

.waffle-chips-sharing-prompt-checkbox-container .docs-material-gm-labeled-checkbox-content {
  margin-left: 12px;
  margin-right: 12px
}

.docs-material-gm-labeled-checkbox-circle {
  margin-right: -10px
}

.waffle-chips-sharing-prompt-buttons-container .jfk-button-standard {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #fff;
  border: 1px solid #dadce0 !important;
  color: #137333
}

.waffle-chips-sharing-prompt-buttons-container .jfk-button-standard.jfk-button-focused {
  background: #e7f5eb;
  border: 1px solid #bbe2c6 !important
}

.waffle-chips-sharing-prompt-buttons-container .jfk-button-standard.jfk-button-hover {
  background: #f8fcf9;
  border: 1px solid #c8e7d1 !important
}

.waffle-chips-sharing-prompt-buttons-container .jfk-button-standard.jfk-button-focused.jfk-button-active {
  background: #dff2e4;
  border: 1px solid transparent !important;
  box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15)
}

.waffle-chips-sharing-prompt-buttons-container .jfk-button-action {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #188038;
  color: #fff
}

.waffle-chips-sharing-prompt-buttons-container .jfk-button-action.jfk-button-focused {
  background: #188038;
  color: #fff;
  background: #4f9e67;
  box-shadow: 0 1px 3px 1px rgba(52, 168, 83, .15)
}

@media (forced-colors:active) {
  .waffle-chips-sharing-prompt-buttons-container .jfk-button-focused {
    outline: 1px solid Highlight;
    outline-offset: -4px
  }
}

.waffle-chips-sharing-prompt-buttons-container .jfk-button-action.jfk-button-hover {
  background: #188038;
  color: #fff;
  background: #2a8947;
  box-shadow: 0 1px 3px 1px rgba(52, 168, 83, .15)
}

.waffle-chips-sharing-prompt-buttons-container .jfk-button-action.jfk-button-focused.jfk-button-active {
  background: #188038;
  color: #fff;
  background: #62a877;
  box-shadow: 0 2px 6px 2px rgba(52, 168, 83, .15)
}

.waffle-chips-sharing-prompt-container .waffle-chips-sharing-prompt-content .waffle-chips-sharing-prompt-buttons-container .jfk-button {
  height: 24px;
  padding: 3px 12px 5px;
  margin: 0 8px 0 0;
  min-width: 24px;
  vertical-align: middle;
  overflow: visible
}

.waffle-chip-simple-promo-content {
  background-color: #fff;
  border-radius: 8px;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0 12px;
  width: 260px
}

.waffle-chip-simple-promo-title {
  color: #188038;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  margin-top: 12px
}

.waffle-chip-simple-promo-body {
  font-size: 12px;
  line-height: 16px;
  margin: 6px 0 8px
}

.waffle-chip-promo-buttons-wrapper {
  display: flex;
  padding-bottom: 16px
}

.waffle-chip-promo-button-accept {
  align-items: center;
  background: #fff;
  border: 1px solid #ceead6;
  border-radius: 18px;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  height: 36px;
  margin-right: 8px;
  width: 36px;
  padding-left: 4px
}

.waffle-chip-promo-button-accept:hover {
  background: #e6f4ea
}

.waffle-chip-promo-button-reject {
  align-items: center;
  background: #fff;
  border: 1px solid #dadce0;
  border-radius: 18px;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  height: 36px;
  margin-right: 8px;
  width: 36px;
  padding-left: 4px
}

.waffle-chip-promo-button-reject:hover {
  background: #f8f9fa
}

.docs-material .docs-icon.waffle-chip-promo-button-icon {
  height: 24px;
  width: 24px
}

.waffle-chip-simple-promo-additional-information {
  font-size: 12px;
  line-height: 16px;
  overflow-y: scroll;
  text-overflow: clip;
  white-space: normal;
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 400;
  letter-spacing: .3px;
  padding-bottom: 8px
}

.waffle-chip-promo-button-icon-accept .docs-icon-img {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_green.svg) !important
}

.waffle-chip-column-conversion-range-highlighter-border {
  border-color: #188038;
  border-style: solid
}

.waffle-chip-column-conversion-range-highlighter-rect {
  background-color: #e6f4ea;
  opacity: .5;
  pointer-events: none
}

.waffle-countdown-bubble {
  direction: ltr;
  position: absolute;
  width: 341px
}

.docs-bubble-material-body.waffle-countdown-bubble-body {
  padding: 16px 16px 12px
}

.waffle-countdown-bubble-date-input-row,
.waffle-countdown-bubble-range-input-row {
  align-items: center;
  display: flex;
  margin-top: 8px;
  padding: 2px;
  padding-top: 6px
}

.waffle-countdown-bubble-dropdown-input-row {
  align-items: left;
  margin-top: 0;
  padding: 2px;
  padding-bottom: 6px
}

.waffle-countdown-bubble-input-field {
  border: unset;
  border-radius: 4px;
  background: #f1f3f4;
  color: #5f6368;
  cursor: pointer;
  font-size: 14px;
  height: 36px;
  line-height: 34px;
  margin-left: 20px;
  padding: 0 8px;
  width: 100%
}

input:disabled.waffle-countdown-bubble-input-field:hover {
  background: #f1f3f4;
  cursor: auto
}

.waffle-countdown-bubble-input-field {
  padding-right: 40px
}

.waffle-countdown-bubble-date-picker-text-field.waffle-countdown-bubble-input-field-selected,
.waffle-countdown-bubble-input-field.waffle-countdown-bubble-input-field-selected {
  color: #202124
}

.waffle-countdown-bubble-input-field:hover {
  background: #dadce0
}

.waffle-countdown-overlay-wrapper {
  cursor: pointer;
  position: absolute;
  top: 0;
  z-index: 17
}

.waffle-countdown-bubble-card-title {
  font-size: 16px;
  color: #000;
  margin: 0
}

.waffle-countdown-bubble-date-icon {
  width: 10px
}

.dropdown-chip-intro-promo-base.jfk-bubble.docs-promo-bubble {
  border-radius: 8px;
  bottom: 48px;
  right: 48px;
  width: 320px
}

.dropdown-chip-intro-promo-base .docs-promo-container {
  display: flex;
  flex-direction: column;
  padding: 0
}

.dropdown-chip-intro-promo-base .docs-promo-icon-container {
  border-radius: 8px 8px 0 0;
  height: 180px;
  margin: 0;
  padding: 0;
  width: 320px
}

.dropdown-chip-intro-promo-base .docs-promo-text-container {
  padding: 12px 23px 20px 23px;
  width: inherit
}

.dropdown-chip-intro-promo-base .docs-promo-header {
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
  right: 24px
}

.dropdown-chip-intro-promo-base .docs-promo-body {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  letter-spacing: .2px;
  line-height: 20px;
  padding-top: 8px
}

.dropdown-chip-intro-promo-base .docs-promo-action-row {
  display: flex;
  float: right;
  justify-content: center;
  padding: 12px 0 0 6px;
  text-align: center
}

.dropdown-chip-intro-promo-base .docs-promo-action-container {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .25px;
  line-height: 20px;
  text-transform: none
}

.dropdown-chip-intro-promo-base .docs-promo-action-row .docs-promo-action-button-right {
  align-items: center;
  background: #188038;
  border: 1px solid #188038;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  min-width: 108px;
  padding: 8px 12px
}

.dropdown-chip-intro-promo-base .docs-promo-action-button-left {
  align-items: center;
  background-color: transparent;
  border: none;
  color: #188038;
  cursor: pointer;
  display: flex;
  margin-right: 17px
}

.finance-chip-promo-base.jfk-bubble.docs-promo-bubble {
  border-radius: 8px;
  bottom: 48px;
  right: 48px;
  width: 320px
}

.finance-chip-promo-base .docs-promo-container {
  display: flex;
  flex-direction: column;
  padding: 0
}

.finance-chip-promo-base .docs-promo-icon-container {
  height: 180px;
  margin: 0;
  padding: 0;
  width: 320px
}

.finance-chip-promo-base .docs-promo-text-container {
  padding: 12px 20px 20px 20px;
  width: inherit
}

.finance-chip-promo-base .docs-promo-header {
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
  right: 24px
}

.finance-chip-promo-base .docs-promo-body {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  letter-spacing: .2px;
  line-height: 20px;
  padding-top: 8px
}

.finance-chip-promo-base .docs-promo-action-row {
  display: flex;
  float: right;
  justify-content: center;
  padding: 12px 0 0 6px;
  text-align: center
}

.finance-chip-promo-base .docs-promo-action-container {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .25px;
  line-height: 20px;
  text-transform: none
}

.finance-chip-promo-base .docs-promo-action-row .docs-promo-action-button-right {
  align-items: center;
  background: #188038;
  border: 1px solid #188038;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  min-width: 108px;
  padding: 8px 12px
}

.finance-chip-promo-base .docs-promo-action-button-left {
  align-items: center;
  background-color: transparent;
  border: none;
  color: #188038;
  cursor: pointer;
  display: flex;
  margin-right: 17px
}

.waffle-chip-promo-base.jfk-bubble.docs-promo-bubble {
  background-color: #fff;
  border: 0;
  padding-bottom: 12px
}

.waffle-chip-promo-content {
  background-color: #fff;
  border-radius: 8px;
  left: 100px;
  padding: 0;
  width: 320px
}

.waffle-chip-promo-image {
  border-radius: 8px 8px 0 0;
  height: 180px;
  object-fit: cover;
  -webkit-user-select: none;
  user-select: none;
  width: 320px;
  -webkit-filter: none !important
}

.waffle-chip-promo-title {
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 22px;
  line-height: 28px;
  margin-top: 12px
}

.waffle-chip-promo-body {
  margin-left: 24px;
  margin-right: 24px
}

.waffle-chip-promo-text {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  letter-spacing: .2px;
  line-height: 20px;
  margin-bottom: 12px;
  margin-top: 12px
}

.waffle-chip-promo-base.docs-gm-promo.jfk-bubble.jfk-bubble-promo.docs-promo-bubble .jfk-bubble-arrowleft .jfk-bubble-arrowimplafter {
  border-color: transparent #fff
}

.docs-material-promo-walkthrough-bubble.waffle-chip-promo-base {
  bottom: 90px;
  left: auto !important;
  padding: 0;
  position: fixed;
  right: 60px !important;
  top: auto !important;
  width: 320px
}

.waffle-chip-promo-base .docs-material-promo-walkthrough-bubble-buttons {
  padding-top: 0
}

.waffle-chip-walkthrough-promo-close {
  color: #188038;
  cursor: pointer;
  background-color: transparent;
  border: none;
  bottom: 3px;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: -moz-fit-content;
  height: fit-content;
  line-height: 20px;
  padding: 10px
}

.docs-material-promo-walkthrough-bubble-buttons .docs-material-button-fill-primary {
  height: -moz-fit-content;
  height: fit-content
}

.people-chip-collaborator-promo .docs-promo-container {
  width: 320px
}

.people-chip-collaborator-promo .docs-promo-body {
  height: 60px;
  width: 270px
}

.people-chip-collaborator-promo .jfk-bubble-closebtn {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+ICA8cGF0aCBmaWxsPSIjZjBmMGYwIiBkPSJNMTkgNi40MUwxNy41OSA1IDEyIDEwLjU5IDYuNDEgNSA1IDYuNDEgMTAuNTkgMTIgNSAxNy41OSA2LjQxIDE5IDEyIDEzLjQxIDE3LjU5IDE5IDE5IDE3LjU5IDEzLjQxIDEyeiIvPjwvc3ZnPg==") no-repeat;
  cursor: pointer;
  opacity: 1;
  right: 12px;
  top: 12px
}

.people-chip-collaborator-promo .docs-promo-action-row {
  display: none
}

.people-chip-inline-suggestion {
  color: #5f6368;
  position: absolute;
  top: 0
}

.people-chip-inline-suggestion-hide {
  display: none
}

.waffle-filterbox-container .waffle-conditionalformat-editbox {
  margin: 5px 0;
  width: 225px
}

.waffle-filterbox-container .waffle-conditionalformat-multi-arg-content .waffle-conditionalformat-editbox {
  width: 208px
}

.waffle-condition-remove {
  align-items: center;
  color: #999;
  cursor: pointer;
  display: flex;
  margin: 0 0 0 8px
}

.waffle-condition-remove .docs-icon {
  height: 24px;
  margin: 0;
  width: 24px
}

.waffle-condition-drag-handle {
  cursor: move;
  height: 35px;
  left: 4px;
  margin-right: 4px;
  position: relative;
  width: 20px
}

.docs-icon.waffle-condition-drag-handle-icon {
  height: 25px;
  margin: 0;
  top: 4px;
  width: 20px
}

.waffle-condition-arg-row {
  align-items: center;
  display: flex
}

.waffle-condition-drag-item {
  border: 1px solid #ccc;
  display: flex;
  overflow: visible;
  width: 280px
}

.docs-grille-gm3.docs-gm .waffle-condition-drag-item {
  border-radius: 0
}

.previewableColorMenuCustomizeButton.goog-flat-button {
  border: none;
  background: none
}

.previewableColorMenuCustomizeButton.goog-flat-button-focused {
  outline: 1px auto -webkit-focus-ring-color !important
}

.previewableCustomColorMenuOkayButton.goog-flat-button-hover {
  background-color: #1e8e3e !important
}

.previewableCustomColorMenuOkayButton.goog-flat-button-focused {
  background: #188038;
  color: #fff;
  background: #4f9e67;
  box-shadow: 0 1px 3px 1px rgba(52, 168, 83, .15)
}

.previewableCustomColorMenuCancelButton.goog-flat-button {
  background: none
}

.previewableCustomColorMenuCancelButton.goog-flat-button-focused {
  background: #e7f5eb;
  border: 1px solid #bbe2c6 !important
}

.previewableCustomColorMenuTabBar.previewableCustomColorMenuTabBar-horizontal .docs-tabbar-tab-selected .docs-tabbar-tablabel {
  color: #0b57d0
}

.previewableCustomColorMenuTabBar.previewableCustomColorMenuTabBar-horizontal .docs-tabbar-tab-selected:before {
  border-top: 3px solid #0b57d0
}

.waffle-datavalidation-condition-arg-row-editbox {
  width: 147px
}

.waffle-datavalidation-condition-arg-row-colorpicker {
  display: inline-block;
  margin-right: 8px
}

.waffle-looker-studio-sidebar-connection-details-widget {
  font-size: 14px;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 10px;
  padding: 5px
}

.waffle-looker-studio-sidebar-connection-details-widget-include-hidden-and-filtered-cells-checkbox .docs-material-gm-labeled-checkbox-label,
.waffle-looker-studio-sidebar-connection-details-widget-include-selected-range-checkbox .docs-material-gm-labeled-checkbox-label,
.waffle-looker-studio-sidebar-connection-details-widget-use-first-row-as-headers-checkbox .docs-material-gm-labeled-checkbox-label {
  color: #5f6368;
  line-height: 20px;
  padding: 1px 0
}

.waffle-looker-studio-sidebar-connection-details-widget-range-picker-selection-input-invalid-range-error-text,
.waffle-looker-studio-sidebar-connection-details-widget-sheets-select-error-text,
.waffle-looker-studio-sidebar-connection-details-widget-use-first-row-as-headers-checkbox-error-text {
  color: #d93025;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: .3px
}

.waffle-looker-studio-sidebar-connection-details-widget-error-and-create-button-wrapper {
  display: flex;
  margin-top: 15px
}

.waffle-looker-studio-sidebar-connection-details-widget-create-button .docs-material-button,
.waffle-looker-studio-sidebar-connection-details-widget-range-picker-selection-input-header,
.waffle-looker-studio-sidebar-connection-details-widget-sheets-select-label .docs-material-gm-labeled-select-label {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500
}

.waffle-looker-studio-sidebar-connection-details-widget-sheets-select-label .docs-material-gm-labeled-select-label {
  font-size: 14px
}

.waffle-looker-studio-sidebar-connection-details-widget-range-picker-selection-input-header,
.waffle-looker-studio-sidebar-connection-details-widget-sheets-select-label .docs-material-gm-labeled-select-label {
  color: #3c4043;
  line-height: 20px;
  letter-spacing: .25px
}

.waffle-looker-studio-sidebar-connection-details-widget-sheets-select {
  width: 100%
}

.waffle-looker-studio-sidebar-connection-details-widget-sheets-select-menu {
  width: 290px
}

.docs-gm .goog-menu.waffle-looker-studio-sidebar-connection-details-widget-sheets-select-menu .goog-menuitem {
  padding: 6px 15px 6px 12px
}

.waffle-looker-studio-sidebar-connection-details-widget-create-button .docs-material-button {
  text-transform: none
}

.waffle-looker-studio-sidebar-connection-details-widget-create-button {
  margin-left: auto
}

.waffle-looker-studio-sidebar-connection-details-widget-info-icon .docs-icon {
  height: 24px;
  width: 24px;
  transform: scale(.67)
}

.waffle-looker-studio-sidebar-connection-details-widget-include-hidden-and-filtered-cells-checkbox .docs-material-gm-labeled-checkbox,
.waffle-looker-studio-sidebar-connection-details-widget-include-selected-range-checkbox .docs-material-gm-labeled-checkbox,
.waffle-looker-studio-sidebar-connection-details-widget-use-first-row-as-headers-checkbox .docs-material-gm-labeled-checkbox {
  padding: 1px 0
}

.waffle-looker-studio-sidebar-connection-details-widget-info-icon {
  outline: none;
  padding: 2px 2px 2px 3px
}

.waffle-looker-studio-sidebar-connection-details-widget-use-first-row-as-headers-info-icon {
  align-self: center
}

.waffle-looker-studio-sidebar-connection-details-widget-sheets-checkboxes-config {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 16px
}

.waffle-looker-studio-sidebar-connection-details-widget-use-first-row-as-headers-checkbox-container {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 3px
}

.waffle-looker-studio-sidebar-connection-details-widget-use-first-row-as-headers-info-icon-tooltip.jfk-tooltip {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 1px 3px 0 rgba(60, 64, 67, .302);
  color: MATERIAL_COLOR_GOOGLE_GREY_900;
  max-width: 250px;
  padding: 16px 40px 16px 16px;
  text-align: center
}

.waffle-looker-studio-sidebar-connection-details-widget-header-use-first-row-as-headers-info-icon-content {
  color: #3c4043;
  letter-spacing: .2px;
  line-height: 20px;
  font-size: 14px;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 400;
  height: 20px
}

.waffle-looker-studio-sidebar-connection-details-widget-range-picker-container {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 8px
}

.waffle-looker-studio-sidebar-connection-details-widget-range-picker-selection-input-invalid-range-error,
.waffle-looker-studio-sidebar-connection-details-widget-sheets-select-error,
.waffle-looker-studio-sidebar-connection-details-widget-use-first-row-as-headers-checkbox-error {
  align-items: flex-start;
  display: flex;
  gap: 4px;
  padding-left: 2px
}

.waffle-looker-studio-sidebar-connection-details-widget-sheets-select-container,
.waffle-looker-studio-sidebar-connection-details-widget-use-first-row-as-headers-checkbox-container-wrapper {
  display: flex;
  flex-direction: column;
  gap: 4px
}

.waffle-looker-studio-sidebar-connection-details-widget-error-icon {
  height: 16px;
  width: 16px
}

.waffleLookerStudioSidebarLoadingPlaceholderContainer {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
  gap: 11px;
  letter-spacing: .2px;
  padding: 17px
}

.waffleLookerStudioSidebarLoadingPlaceholderRetrievingData {
  align-items: center;
  display: flex;
  gap: 8px
}

.waffleLookerStudioSidebarLoadingPlaceholderRetrievingDataSpinner .waffle-spinner {
  height: 24px;
  width: 24px
}

.waffleLookerStudioSidebarLoadingPlaceholderRetrievingDataMsg {
  color: #0d652d;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: .2px;
  padding: 0 5px;
  text-align: left
}

.waffleLookerStudioSidebarLoadingPlaceholderLoadTimeMsg {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .3px;
  line-height: 16px;
  text-align: center;
  width: 253px
}

.savedQueryConnectionDetailsWidgetContainer {
  height: 128px;
  width: 464px
}

.savedQueryConnectionDetailsWidgetHeader2 {
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .25px;
  padding: 16px 16px 0;
  line-height: 24px
}

.savedQueryConnectionDetailsWidgetInfo {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .2px;
  line-height: 24px;
  padding: 6px 16px
}

.waffleDataconnectorBigQueryQuerySavedQueryInfoBar {
  background: #fff;
  border-top: 1px solid #e0e0e0;
  border-radius: 0 0 0 4px;
  bottom: 0;
  box-sizing: border-box;
  display: flex;
  gap: 8px;
  height: 72px;
  justify-content: start;
  padding: 8px 18px;
  position: relative;
  right: 0;
  width: 100%
}

.waffleDataconnectorBigQueryQuerySavedQueryInfoMessage {
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 24px;
  line-height: 20px;
  margin-top: 5px;
  width: 350px
}

.waffleDataconnectorBigQueryQuerySavedQueryInfoUnlinkButton {
  left: 40px;
  position: relative;
  top: 20%
}

.waffleDataconnectorBigQueryQuerySavedQueryInfoUnlinkButton .waffle-ui-text-link-button,
.waffleDataconnectorBigQueryQuerySavedQueryInfoUnlinkButton .waffle-ui-text-link-button-active,
.waffleDataconnectorBigQueryQuerySavedQueryInfoUnlinkButton .waffle-ui-text-link-button-focused,
.waffleDataconnectorBigQueryQuerySavedQueryInfoUnlinkButton .waffle-ui-text-link-button-hover {
  padding: 8px 16px
}

@media screen and (forced-colors:active) and (prefers-color-scheme:dark) {
  .waffleDataconnectorBigQueryQuerySavedQueryInfoUnlinkButton .waffle-ui-text-link-button-focused {
    outline: 1px solid Highlight;
    outline-offset: -4px
  }
}

.waffleDataconnectorBigQueryQuerySavedQueryInfoBar .waffle-dataconnector-info-icon {
  margin-top: 15px
}

.waffle-looker-studio-sidebar .waffle-sidebar-title .waffle-sidebar-title-text {
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: .1px;
  padding-top: 5px
}

.waffle-looker-studio-sidebar .docs-gm-sidebar-icon {
  margin-right: 8px
}

.waffle-looker-studio-sidebar-tips {
  border-radius: 8px;
  background-color: #e6f4ea;
  color: #0d652d;
  cursor: default;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  height: 142px;
  margin: 16px;
  padding: 12px 8px 8px 8px
}

.waffle-looker-studio-sidebar-tips-title {
  align-items: center;
  color: #137333;
  display: flex;
  justify-content: space-around;
  margin-bottom: 5px;
  margin-left: 8px
}

.waffle-looker-studio-sidebar-tips-title .docs-icon-img {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_green.svg)
}

.waffle-looker-studio-sidebar-tips-title-text {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .2px;
  line-height: 20px;
  margin-left: 8px;
  width: 209px
}

.waffle-looker-studio-sidebar-tips-content {
  font-size: 12px;
  letter-spacing: .3px;
  margin-top: 6px;
  margin-bottom: 16px
}

.waffle-looker-studio-sidebar-tips-content ul {
  margin-left: 5px;
  padding-left: 13px
}

.waffle-looker-studio-sidebar-tips-content li {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: .2px;
  margin-bottom: 2px;
  padding-left: 2px
}

.waffle-looker-studio-sidebar-tips-footer {
  display: flex;
  justify-content: flex-end;
  line-height: 20px
}

.waffle-looker-studio-sidebar-tips-footer a {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #e6f4ea;
  color: #137333;
  display: inline-block;
  padding: 8px
}

.waffle-looker-studio-sidebar-tips-footer a:hover {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #e6f4ea;
  color: #188038;
  padding: 8px;
  text-decoration: none
}

.waffle-looker-studio-sidebar-tips-footer a:focus,
.waffle-looker-studio-sidebar-tips-footer a:hover:focus {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #ceead6;
  color: #188038;
  padding: 8px
}

.waffle-looker-studio-sidebar-tips-footer a:active,
.waffle-looker-studio-sidebar-tips-footer a:hover:active {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #ceead6;
  color: #188038;
  box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15);
  padding: 8px
}

.waffle-looker-studio-sidebar-separator {
  border-top: 1px solid #dadce0;
  height: 1px;
  margin: 7px 15px
}

.waffle-looker-studio-sidebar-terms-of-service {
  color: #80868b;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  margin: 16px;
  margin-top: auto
}

.waffle-looker-studio-sidebar-terms-of-service a {
  color: #80868b;
  text-decoration: underline
}

.waffle-looker-studio-sidebar-thumbs-button-holder {
  display: flex;
  flex-direction: row;
  justify-content: center
}

.waffle-looker-studio-sidebar-thumbs-down-button.goog-flat-button,
.waffle-looker-studio-sidebar-thumbs-up-button.goog-flat-button,
.waffle-looker-studio-sidebar-tips-title-close-button.goog-flat-button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  padding: 2px
}

.waffle-looker-studio-sidebar-thumbs-down-button.goog-flat-button,
.waffle-looker-studio-sidebar-thumbs-up-button.goog-flat-button {
  margin: 15px 0;
  padding: 0 8px
}

.waffle-looker-studio-sidebar-thumbs-down-button.goog-flat-button:focus,
.waffle-looker-studio-sidebar-thumbs-up-button.goog-flat-button:focus {
  outline: 1px solid Highlight
}

.waffle-looker-studio-sidebar-tips-title-close-button.goog-flat-button:focus,
.waffle-looker-studio-sidebar-tips-title-close-button.goog-flat-button:hover {
  border: none;
  border-radius: 5px;
  background-color: #ceead6;
  height: 21px;
  margin: 2px;
  padding: 2px
}

.waffle-looker-studio-sidebar-container {
  height: 100%;
  display: flex;
  flex-direction: column
}

.waffle-dataconnector-dbrecord-projection-column-selection-type-buttons {
  margin-top: 12px
}

.waffle-dataconnector-dbrecord-projection-column-selection-type-buttons .jfk-radiobutton {
  margin-left: 16px;
  padding: 0
}

.waffle-dataconnector-dbrecord-projection-column-selection-type-buttons .jfk-radiobutton-label {
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .2px;
  line-height: 20px;
  margin-left: 32px;
  -webkit-text-decoration-line: none;
  text-decoration-line: none
}

.waffle-dataconnector-dbrecord-projection-column-selection-type-buttons .jfk-radiobutton-radio {
  left: 0;
  height: 20px;
  width: 20px;
  top: 0
}

.waffle-dataconnector-dbrecord-projection-column-selection-type-buttons .jfk-radiobutton-checked .jfk-radiobutton-radio:after {
  height: 10px;
  margin: 3px;
  width: 10px
}

.waffle-dataconnector-dbrecord-projection-column-selection-type-sync-all-helper {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .3px;
  line-height: 16px;
  margin: 8px 16px 16px 48px;
  max-width: 200px
}

.waffle-dataconnector-dbrecord-projection-column-selection-type .goog-menu-filter {
  margin-left: 48px;
  max-width: 184px
}

.waffle-dataconnector-dbrecord-projection-column-selection-type .waffle-dbsource-column-filtered-menu-select-all-and-clear {
  margin-left: 48px
}

.waffle-dataconnector-dbrecord-projection-column-selection-type .goog-menu-content {
  margin-left: 16px;
  margin-bottom: 8px
}

.waffle-dataconnector-dbrecord-projection-column-selection-type .waffle-dbsource-column-filtered-menu-item-icon {
  margin-left: 28px
}

.waffle-dataconnector-dbrecord-projection-column-selection-type .goog-menuitem .goog-menuitem-content {
  margin-left: 24px
}

.waffle-dbsource-column-filtered-menu.waffle-dataconnector-dbrecord-projection-column-selection-type .goog-menuitem.goog-option-selected {
  background-position: 0
}

.docs-gm .goog-menu.waffle-dataconnector-dbrecord-projection-column-selection-type .apps-menuitem .goog-menuitem-icon {
  margin: 7px 0 0 23px
}

.docs-gm .docs-material.goog-menu.waffle-dataconnector-dbrecord-projection-column-selection-type .goog-menuitem-checkbox {
  left: -9px
}

.waffle-sidebar-container.waffle-filter-by-value-sidebar {
  background-color: #fff;
  width: 460px
}

.waffle-filter-by-value-sidebar-footer-button-bar {
  display: inline-block;
  float: right;
  padding: 16px 0
}

.waffle-filter-by-value-sidebar .waffle-sidebar-footer-container {
  background-color: #fff;
  border-top: 1px solid #dadce0
}

.waffle-filter-by-value-last-updated-time {
  display: inline-block;
  padding: 27px 24px
}

.waffle-filter-by-value-cancel-button-wrapper {
  margin-right: 4px
}

.waffle-filter-by-value-ok-button-wrapper {
  margin-right: 12px
}

.waffle-filter-by-value-cancel-button-wrapper,
.waffle-filter-by-value-ok-button-wrapper {
  display: inline-block
}

.docs-gm .waffle-filter-by-value-additional-values-menu .goog-menu,
.docs-gm .waffle-filter-by-value-menu .goog-menu {
  max-height: none;
  overflow-y: visible;
  position: relative
}

.docs-gm .waffle-filter-by-value-additional-values-menu .goog-menu,
.docs-gm .waffle-filter-by-value-empty-values-menu .goog-menu,
.docs-gm .waffle-filter-by-value-menu .goog-menu {
  box-shadow: none;
  padding-left: 12px;
  width: 100%;
  z-index: auto
}

.waffle-filter-by-value-item-freq {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .8px;
  line-height: 16px;
  margin-left: 6px
}

.waffle-filter-by-value-menu .waffle-filterable-by-text-contains-menu-item-label {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  left: 84px;
  letter-spacing: .2px;
  line-height: 20px;
  overflow-x: hidden;
  position: absolute;
  text-overflow: ellipsis;
  top: 3px;
  width: 336px
}

.waffle-filter-by-value-menu .goog-filterobsmenuitem {
  padding-bottom: 5px;
  padding-top: 5px
}

.waffle-filter-by-value-sidebar .waffle-filter-by-value-search-container .waffle-filter-by-value-search-input {
  border: none;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  height: 24px;
  padding: 1px 4px;
  width: 400px
}

.waffle-sidebar-container .waffle-filter-by-value-search-container .waffle-filter-by-value-search-input:focus {
  border: none;
  padding: 1px 4px
}

.waffle-filter-by-value-search-container {
  border-bottom: 1px solid #dadce0;
  padding-left: 18px
}

.docs-gm .docs-material .waffle-filter-by-value-menu-top-buttons .waffle-filter-by-value-active-sort-button .docs-icon-img {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_green.svg)
}

.waffle-filter-by-value-menu-title {
  margin: 12px 0 12px 16px
}

.waffle-filter-by-value-menu-title-primary {
  color: #3c4043;
  display: inline-block;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .8px;
  line-height: 16px;
  margin: 0 8px 0 0;
  text-transform: uppercase
}

.waffle-filter-by-value-menu-title-secondary {
  color: #5f6368;
  display: inline-block;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .3px;
  line-height: 16px
}

.waffle-filter-by-value-additional-values-info-icon,
.waffle-filter-by-value-menu-title-info-icon {
  display: inline-block;
  padding-left: 4px
}

.waffle-filter-by-value-additional-values-info-icon .docs-icon,
.waffle-filter-by-value-menu-title-info-icon .docs-icon {
  height: 14px;
  width: 14px
}

.waffle-filter-by-value-additional-values-info-icon-tooltip,
.waffle-filter-by-value-menu-title-info-icon-tooltip {
  width: 400px;
  text-align: center
}

.waffle-filter-by-value-menu-top-buttons .docs-material-button {
  height: 18px;
  line-height: 18px
}

.waffle-filter-by-value-menu-top-buttons .docs-material-button-focused.docs-material-button-no-focus-border {
  line-height: 18px
}

.waffle-filter-by-value-menu-checked-buttons,
.waffle-filter-by-value-menu-sort-buttons {
  display: inline-block
}

.waffle-filter-by-value-sort-by-frequency-asc-button,
.waffle-filter-by-value-sort-by-frequency-desc-button,
.waffle-filter-by-value-sort-by-value-asc-button {
  border-right: 1px solid #dadce0
}

.waffle-filter-by-value-menu-sort-buttons {
  padding-left: 4px
}

.waffle-filter-by-value-menu-checked-buttons {
  float: right;
  margin-right: 16px
}

.waffle-filter-by-value-menu-checked-buttons .goog-link-button {
  color: #188038;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  letter-spacing: .3px;
  line-height: 16px;
  text-decoration: none
}

.waffle-filter-by-value-select-all-button {
  padding-right: 8px
}

.waffle-filter-by-value-clear-button {
  border-left: 1px solid #dadce0;
  padding-left: 8px
}

.waffle-filter-by-value-menu-filter-disclaimer {
  color: #5f6368;
  display: block;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .3px;
  line-height: 16px;
  margin: 12px 0 0 16px
}

.waffle-filter-by-value-menu-empty-search-results {
  color: #5f6368;
  display: block;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .3px;
  line-height: 16px;
  margin-top: 30px;
  text-align: center
}

.waffle-filter-by-value-additional-values-menu-title {
  border-bottom: 1px solid #dadce0;
  height: 0;
  margin: 10px 18px;
  padding: 0 24px;
  text-align: left;
  display: flex;
  align-items: center
}

.waffle-filter-by-value-additional-values-menu-title,
.waffle-filter-by-value-last-updated-time {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .3px
}

.waffle-filter-by-value-additional-values-menu-title>div {
  background: #fff;
  padding: 0 10px
}

.waffle-filter-by-value-additional-values-item,
.waffle-filter-by-value-empty-values-item {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .25px;
  line-height: 20px
}

.waffle-filter-by-value-additional-values-menu {
  margin-bottom: 50px
}

.waffle-filter-by-value-empty-values-wrapper {
  border-bottom: 1px solid #dadce0;
  height: 46px
}

.waffle-filter-by-value-menu .waffle-filterable-by-text-contains-menu-item-match {
  font-weight: 700
}

.waffle-filter-by-value-sidebar-header-wrapper {
  margin-bottom: 12px
}

.waffle-filter-by-value-sidebar-content-unavailable {
  padding-top: 60px;
  text-align: center
}

.waffle-filter-by-value-content-unavailable-alert-message {
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 24px;
  padding-top: 16px
}

.waffle-filter-by-value-content-unavailable-refresh-message {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .2px;
  line-height: 20px;
  margin: 0 auto;
  padding-top: 12px;
  width: 228px
}

.waffle-filter-by-value-content-unavailable-refresh-button-wrapper {
  padding-top: 24px
}

.waffle-filter-by-value-content-unavailable-refresh-button-wrapper .docs-material-button {
  text-transform: capitalize
}

.waffle-filter-by-value-hc-gecko {
  filter: invert(100%)
}

.docs-gm .waffle-filter-by-value-sidebar .docs-material.goog-menu .apps-menuitem.goog-option-selected .goog-menuitem-checkbox {
  left: -8px;
  top: 47%
}

.waffle-dataconnector-dbrecord-sidebar-widget {
  padding: 20px 16px 0
}

.waffle-dataconnector-dbrecord-sidebar-widget-header {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.waffle-dataconnector-dbrecord-sidebar-widget-header-label {
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 40px
}

.waffle-dataconnector-dbrecord-sidebar .docs-charts-editor-material-textbutton.docs-material:focus {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #fff;
  border: 1px solid #dadce0 !important;
  background: #e7f5eb;
  border: 1px solid #bbe2c6 !important;
  height: 24px;
  padding: 3px 12px 5px
}

.waffle-dataconnector-dbrecord-sidebar-projection-widget-chip,
.waffle-dataconnector-dbrecord-sidebar-sort-widget-chip {
  margin-top: 8px
}

.waffle-dataconnector-dbrecord-sidebar-projection-widget-chip .docs-charts-editor-chip-content,
.waffle-dataconnector-dbrecord-sidebar-sort-widget-chip .docs-charts-editor-chip-content {
  display: flex;
  align-items: center
}

.waffle-dataconnector-dbrecord-sidebar-projection-widget-chip .docs-charts-editor-chip-content,
.waffle-dataconnector-dbrecord-sidebar-projection-widget-chip .docs-charts-editor-chip-label,
.waffle-dataconnector-dbrecord-sidebar-sort-widget-chip .docs-charts-editor-chip-content,
.waffle-dataconnector-dbrecord-sidebar-sort-widget-chip .docs-charts-editor-chip-label {
  cursor: move
}

.waffle-dataconnector-dbrecord-chip-nodrag,
.waffle-dataconnector-dbrecord-chip-nodrag .docs-charts-editor-chip-content,
.waffle-dataconnector-dbrecord-chip-nodrag .docs-charts-editor-chip-label {
  cursor: default
}

.waffle-dataconnector-dbrecord-sidebar-projection-widget-chip-icon,
.waffle-dataconnector-dbrecord-sidebar-sort-widget-chip-icon {
  margin-left: 15px
}

.waffle-dataconnector-dbrecord-sidebar .waffle-dbsource-table-icon {
  height: 24px;
  width: 24px
}

.waffle-dataconnector-dbrecord-sidebar-filter-widget .waffle-filter-filtercard {
  background-color: #f1f3f4
}

.waffle-dataconnector-dbrecord-sidebar-filter-widget .waffle-filter-filtercard .waffle-filter-filtercard-delete-button {
  background-color: #5f6368
}

.waffle-dataconnector-dbrecord-sidebar-filter-widget .waffle-filter-filtercard .waffle-filter-filtercard-select .jfk-select {
  width: 100%
}

.waffle-dataconnector-dbrecord-sidebar-truncation-widget-row-limit-label {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  padding-bottom: 5px
}

.waffle-dataconnector-dbrecord-sidebar-truncation-widget-repeated-values {
  align-items: center;
  display: flex;
  margin-top: 8px
}

.waffle-dataconnector-dbrecord-sidebar-truncation-widget-limit-warning-widget,
.waffle-dataconnector-dbrecord-sidebar-truncation-widget-limit-warning-widget-wrapper {
  margin-bottom: 20px;
  padding-top: 4px
}

.waffle-dataconnector-dbrecord-sidebar-truncation-widget-limit-warning-widget {
  background-color: #f8fafd;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 24px
}

.waffle-dataconnector-dbrecord-sidebar-truncation-widget-limit-warning-widget.waffle-dataconnector-dbrecord-sidebar-truncation-widget-limit-warning-widget-hard-limit-warning {
  background-color: #f9dedc
}

.waffle-dataconnector-dbrecord-sidebar-truncation-widget-limit-warning-widget-message-header {
  align-items: center;
  color: #1f1f1f;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .1px;
  line-height: 20px
}

.waffle-dataconnector-dbrecord-sidebar-truncation-widget-limit-warning-widget .waffle-dataconnector-dbrecord-sidebar-truncation-widget-limit-warning-widget-message-text {
  align-items: center;
  color: #1f1f1f;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .1px;
  line-height: 20px
}

.waffle-dataconnector-dbrecord-sidebar-truncation-widget-limit-warning-widget .waffle-dataconnector-dbrecord-sidebar-truncation-widget-limit-warning-widget-message-text a,
.waffle-dataconnector-dbrecord-sidebar-truncation-widget-limit-warning-widget .waffle-dataconnector-dbrecord-sidebar-truncation-widget-limit-warning-widget-message-text a:link,
.waffle-dataconnector-dbrecord-sidebar-truncation-widget-limit-warning-widget .waffle-dataconnector-dbrecord-sidebar-truncation-widget-limit-warning-widget-message-text a:visited {
  color: #0b57d0;
  text-decoration: underline
}

.waffle-dataconnector-dbrecord-sidebar-truncation-widget-limit-warning-widget-message-text a,
.waffle-dataconnector-dbrecord-sidebar-truncation-widget-limit-warning-widget-message-text a:link,
.waffle-dataconnector-dbrecord-sidebar-truncation-widget-limit-warning-widget-message-text a:visited {
  color: #1967d2;
  text-decoration: underline
}

@media screen and (forced-colors:active) {

  .waffle-dataconnector-dbrecord-sidebar-truncation-widget-limit-warning-widget-message-text a:hover,
  .waffle-dataconnector-dbrecord-sidebar-truncation-widget-limit-warning-widget-message-text a:visited {
    outline: 1px solid Highlight;
    outline-offset: -4px
  }
}

.waffle-dataconnector-refresh-advanced-menu,
.waffle-dataconnector-refresh-advanced-menu-exclude-preview-checkbox .docs-material-gm-labeled-checkbox-label {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px
}

.waffle-dataconnector-refresh-advanced-menu-open>.waffle-dataconnector-refresh-advanced-menu-close-button {
  display: inline-block
}

.waffle-dataconnector-refresh-advanced-menu-open>.waffle-dataconnector-refresh-advanced-menu-content {
  display: block
}

.waffle-dataconnector-refresh-advanced-menu-content,
.waffle-dataconnector-refresh-advanced-menu-open>.waffle-dataconnector-refresh-advanced-menu-open-button {
  display: none
}

.waffle-dataconnector-refresh-advanced-menu-button-label {
  display: inline-block
}

.waffle-dataconnector-refresh-advanced-menu-close-button {
  display: none;
  padding-right: 8px
}

.waffle-dataconnector-refresh-advanced-menu-open-button {
  display: inline-block;
  margin-bottom: 38px;
  padding-right: 8px
}

.waffle-dataconnector-refresh-advanced-menu-close-button:hover,
.waffle-dataconnector-refresh-advanced-menu-open-button:hover {
  background-color: #f8f9fa
}

.waffle-dataconnector-refresh-advanced-menu-close-button:focus,
.waffle-dataconnector-refresh-advanced-menu-open-button:focus {
  background-color: #f1f3f4;
  outline: 1px solid transparent
}

.docs-calendar-select {
  background-color: #f1f3f4;
  border-radius: 4px;
  outline: none
}

.docs-calendar-select-disabled {
  color: #5f6368;
  opacity: .38;
  cursor: default
}

.docs-calendar-select-outer-box {
  border-radius: 4px;
  cursor: pointer;
  padding: 8px 4px 8px 8px
}

.docs-calendar-select-outer-box:active {
  background-color: #fff;
  border: 1px solid transparent;
  box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15)
}

.docs-calendar-select-focused .docs-calendar-select-outer-box,
.docs-calendar-select-hover .docs-calendar-select-outer-box {
  background-color: rgba(60, 64, 67, .04);
  outline: 1px dotted transparent;
  outline-offset: -4px
}

.docs-calendar-select-open .docs-calendar-select-outer-box {
  background-color: rgba(60, 64, 67, .04);
  border: 1px solid transparent
}

.docs-calendar-select-open.docs-calendar-select-hover .docs-calendar-select-outer-box {
  background-color: rgba(60, 64, 67, .04)
}

.docs-calendar-select-inner-box {
  align-items: center;
  display: flex;
  justify-content: space-between;
  position: relative;
  width: 100%
}

.docs-calendar-select-caption {
  box-sizing: border-box;
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.docs-calendar-select-dropdown {
  align-items: center;
  display: flex;
  height: 24px;
  justify-content: center;
  width: 24px
}

.docs-calendar-select-dropdown-icon {
  background: no-repeat url(https://ssl.gstatic.com/docs/common/material_common_sprite839_gm3_grey_medium.svg) -656px -996px;
  height: 18px;
  width: 18px
}

.docs-calendar-select-open .docs-calendar-select-dropdown-icon {
  transform: rotate(180deg)
}

.waffleDataConnectorDbrefreshCancelAllWidgetContainer {
  background-color: #fff;
  border-top: 1px solid #dadce0;
  height: 50px;
  outline: none;
  display: flex;
  flex-direction: row;
  align-items: center
}

.waffleDataConnectorDbrefreshCancelAllWidgetButtonWrapper {
  margin-left: auto
}

.waffleDataConnectorDbrefreshCancelAllWidgetButtonWrapper .docs-material-button-flat-default {
  color: #188038;
  text-transform: none
}

.waffleDataConnectorDbrefreshCancelAllWidgetQueryStatus {
  display: flex;
  flex-direction: row
}

.waffleDataConnectorDbrefreshCancelAllWidgetMessage {
  align-self: center;
  padding: 10px;
  font: 500 14px Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}

.waffleDataConnectorDbrefreshCancelAllWidgetSpinner {
  margin: 10px 0 10px 10px
}

.waffle-dataconnector-refresh-day-of-month-widget-chip-container,
.waffle-dataconnector-refresh-day-of-month-widget-chip-container .waffle-removable-chip {
  display: inline-block
}

.waffle-dataconnector-refresh-day-of-month-widget-chip-container .waffle-removable-chip-button {
  background-color: transparent;
  border: 1px solid #e8eaed;
  height: 18px;
  line-height: 18px;
  margin: 2px;
  padding: 2px 24px 2px 12px
}

.waffle-dataconnector-refresh-day-of-month-widget-chip-container .waffle-removable-chip-button-focused {
  border: 1px solid #4285f4;
  outline: none
}

.waffle-dataconnector-refresh-day-of-month-widget-chip-container .waffle-removable-chip-chip-content {
  color: #5f6368;
  margin-right: 4px
}

.waffle-dataconnector-refresh-day-of-month-widget-chip-container .waffle-removable-chip-remove-button .waffle-dataconnector-close-icon polygon {
  fill: #5f6368
}

.waffle-dataconnector-refresh-day-of-month-widget-chip-container .waffle-removable-chip-remove-button {
  background-color: transparent
}

.waffle-dataconnector-refresh-day-of-month-widget-chip-container .waffle-removable-chip-remove-button-focused,
.waffle-dataconnector-refresh-day-of-month-widget-chip-container .waffle-removable-chip-remove-button-hover {
  background-color: rgba(0, 0, 0, .12)
}

.waffle-dataconnector-refresh-day-of-month-widget .waffle-dataconnector-refresh-schedules-new-label,
.waffle-dataconnector-refresh-schedules-new-repeat-on-label {
  display: inline-block;
  padding-top: 4px;
  width: 50%
}

.waffle-dataconnector-refresh-day-of-month-widget .waffle-dataconnector-refresh-day-of-month-widget-add-day-select {
  display: inline-block;
  float: right
}

.waffle-dataconnector-refresh-day-of-month-widget .waffle-dataconnector-refresh-day-of-month-widget-add-day-select .goog-button {
  background-color: transparent;
  border-color: transparent;
  border-radius: 4px;
  color: #188038;
  cursor: pointer;
  font: 500 14px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  padding: 4px 8px
}

.waffle-dataconnector-refresh-day-of-month-widget .waffle-dataconnector-refresh-day-of-month-widget-add-day-select .goog-button-focused,
.waffle-dataconnector-refresh-day-of-month-widget .waffle-dataconnector-refresh-day-of-month-widget-add-day-select .goog-button-hover {
  background-color: #ceead6;
  border-color: transparent;
  color: #188038;
  cursor: pointer
}

.waffle-dataconnector-refresh-all-dbobject-item {
  display: inline-block;
  height: 35px;
  width: 100%
}

.waffle-dataconnector-refresh-all-dbobject-item-enabled:focus {
  outline: none
}

.waffle-dataconnector-refresh-all-dbobject-item-enabled.valid-highlight:hover {
  background-color: #f1f3f4;
  border-radius: 20px;
  box-sizing: border-box
}

.waffle-dataconnector-refresh-all-dbobject-item-enabled.valid-highlight:focus {
  background-color: #f1f3f4;
  border-radius: 20px;
  box-sizing: border-box
}

.waffle-dataconnector-refresh-all-dbobject-item-enabled.error-highlight:hover {
  background-color: #fce8e6;
  border-radius: 20px;
  box-sizing: border-box
}

.waffle-dataconnector-refresh-all-dbobject-item-enabled.error-highlight:focus {
  background-color: #fce8e6;
  border-radius: 20px;
  box-sizing: border-box
}

.waffle-dataconnector-refresh-all-dbobject-item-disabled {
  color: #80868b;
  cursor: default
}

.waffle-dataconnector-refresh-all-dbobject-item-icon-wrapper {
  float: left;
  margin: 2px 8px 0 9px
}

.waffle-dataconnector-refresh-all-dbobject-item-title {
  color: #3c4043;
  float: left;
  font: 400 14px/20px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  letter-spacing: .2px;
  margin-top: 8px
}

.waffle-dataconnector-refresh-all-dbobject-item-status-wrapper {
  float: right;
  font: 400 12px/16px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  letter-spacing: .3px;
  margin-right: 16px;
  margin-top: 10px
}

.waffle-dataconnector-refresh-all-dbobject-item-cancelled,
.waffle-dataconnector-refresh-all-dbobject-item-timestamp {
  color: #80868b
}

.waffle-dataconnector-refresh-all-dbobject-item-cancelling,
.waffle-dataconnector-refresh-all-dbobject-item-loading,
.waffle-dataconnector-refresh-all-dbobject-item-pending,
.waffle-dataconnector-refresh-all-dbobject-item-running {
  color: #202124
}

.waffle-dataconnector-refresh-all-dbobject-item-error {
  color: #d93025;
  font-weight: 700
}

.waffle-dataconnector-refresh-all-dbobject-item-cancel-button-wrapper .docs-material-button {
  height: 24px;
  width: 24px;
  padding: 2px
}

.waffle-dataconnector-refresh-all-dbobject-item-cancel-button-wrapper {
  padding-top: 3px
}

.waffle-dataconnector-refresh-all-dbobject-item-cancel-button-wrapper .docs-material-button-hover {
  background-color: #f1f3f4
}

.waffle-dataconnector-refresh-all-dbobject-item-icon-refresh,
.waffle-dataconnector-refresh-all-dbobject-item-icon-spinner {
  padding: 6px 7px 0
}

.waffle-dataconnector-refresh-all-dbobject-list-footer-button-wrapper {
  float: right;
  margin-right: 7px
}

.waffle-dataconnector-refresh-all-dbobject-list-footer-button-wrapper .docs-material-button {
  text-transform: none
}

.waffle-dataconnector-refresh-all-dbobject-list-footer {
  display: inline-block;
  margin-bottom: 10px;
  margin-top: 10px;
  width: 100%
}

.waffle-dataconnector-refresh-all-dbobject-list-footer-bytes-wrapper {
  float: left;
  margin-left: 21px;
  margin-top: 9px
}

.waffle-dataconnector-refresh-all-dbobject-item-icon-spinner .waffle-spinner {
  height: 18px;
  width: 18px
}

.waffle-dataconnector-refresh-all-dbobject-item-icon-spinner .waffle-spinner-circle {
  border-width: 2px
}

.waffle-dataconnector-refresh-sidebar-backdrop {
  background-color: #000;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 998;
  height: 100%;
  opacity: .6;
  width: 100%
}

.waffle-dataconnector-refresh-all-dbobject-list-single-datasource-container {
  display: flex
}

.waffle-dataconnector-refresh-all-dbobject-list-single-datasource-title {
  font-family: Google Sans;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .25px;
  overflow: hidden;
  padding: 20px 20px 12px;
  text-overflow: ellipsis
}

.waffle-dataconnector-refresh-all-dbobject-list-unlinked-account .waffle-dataconnector-refresh-all-dbobject-list-single-datasource-title {
  width: 170px
}

.waffle-dataconnector-refresh-all-dbobject-list-link-button-wrapper {
  margin-top: 10px
}

.waffle-dataconnector-refresh-all-dbobject-list-link-button-wrapper .docs-material-button {
  background: none;
  margin: 0
}

.waffle-dataconnector-refresh-sidebar-refresh-widget {
  background-color: #f8f9fa;
  overflow-x: hidden;
  overflow-y: auto;
  height: 100% !important
}

.waffle-dataconnector-refresh-all-pane {
  height: 100%;
  display: flex;
  flex-direction: column
}

.waffle-dataconnector-refresh-all-datasources-container {
  bottom: 0;
  height: 100%;
  left: 0;
  position: relative;
  right: 0;
  top: 0;
  flex-grow: 1
}

.waffle-dataconnector-refresh-all-datasources-container.waffle-dataconnector-refresh-all-single-datasource-container {
  background-color: #fff
}

.waffle-dataconnector-refresh-all-datasources-container .waffle-dataconnector-refresh-all-dbobject-list-collapsible {
  border: 2px solid transparent
}

.waffle-dataconnector-refresh-all-datasources-container .waffle-dataconnector-refresh-all-dbobject-list-collapsible.docs-charts-editor-collapsible-opened {
  box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15);
  border: 2px solid #fff;
  border-radius: 8px
}

.waffle-dataconnector-refresh-all-dbobject-list-parent {
  border-bottom: 2px solid #f8f9fa
}

.waffle-dataconnector-refresh-all-dbobject-list-collapsible .docs-charts-editor-collapsible-header-container {
  display: flex
}

.waffle-dataconnector-refresh-all-dbobject-list-collapsible.docs-charts-editor-collapsible-opened .docs-charts-editor-collapsible-header-container {
  background: #fff
}

.waffle-dataconnector-refresh-all-dbobject-list-unlinked-account .docs-charts-editor-collapsible-title {
  padding: 0 20px 0 36px !important;
  width: 130px
}

.waffle-dataconnector-refreshall-highlight-valid:after {
  background-color: #000;
  bottom: 0;
  position: absolute;
  content: "";
  left: 0;
  opacity: .2;
  right: 0;
  top: 0
}

.waffle-dataconnector-refreshall-highlight-error:after {
  background-color: #f6aea9;
  bottom: 0;
  position: absolute;
  content: "";
  left: 0;
  opacity: .2;
  right: 0;
  top: 0
}

.waffle-sidebar-container.waffle-dataconnector-refresh-sidebar {
  display: flex;
  flex-direction: column
}

.waffle-dataconnector-refresh-sidebar-container {
  height: 100%
}

.waffle-dataconnector-refresh-all-dbobject-item-error-button .docs-material-button-flat-default {
  padding: 4px 5px;
  transform: scale(.75);
  margin: 0
}

.waffle-dataconnector-refresh-schedules-new-widget {
  background-color: #fff;
  border-top: 1px solid #dadce0;
  outline: none;
  width: 100%
}

.waffle-dataconnector-refresh-schedules-new-header {
  display: flex;
  flex-direction: column;
  height: 64px;
  justify-content: center;
  padding: 0 16px
}

.waffle-dataconnector-refresh-schedules-new-widget-opened .waffle-dataconnector-refresh-schedules-new-header {
  height: auto
}

.waffle-dataconnector-refresh-schedules-new-top-section {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-bottom: 4px
}

.waffle-dataconnector-refresh-schedules-new-widget-opened .waffle-dataconnector-refresh-schedules-new-top-section {
  height: 50px
}

.waffle-dataconnector-refresh-schedules-new-fullview-section {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px
}

.waffle-dataconnector-refresh-schedules-new-fullview-text {
  color: #202124;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px
}

.waffle-dataconnector-refresh-schedules-new-header .goog-link-button {
  color: #188038;
  text-decoration: none
}

.waffle-dataconnector-refresh-schedules-new-header-title {
  color: #3c4043;
  display: flex;
  font: 500 14px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  line-height: 20px
}

.waffle-dataconnector-refresh-schedules-new-info-icon {
  padding-left: 4px
}

.waffle-dataconnector-refresh-schedules-new-edit-section {
  padding: 16px 0 16px 16px
}

.waffle-dataconnector-refresh-schedules-new-edit-section-row {
  margin-bottom: 16px
}

.waffle-dataconnector-refresh-schedules-new-justify-content {
  align-items: start;
  display: flex
}

.waffle-dataconnector-refresh-schedules-new-select .docs-material-gm-labeled-select.docs-material-gm-labeled-select-focused .docs-material-gm-labeled-select-outer-box {
  background-color: #f1f3f4
}

.waffle-dataconnector-refresh-schedules-new-select .docs-material-gm-labeled-select {
  align-items: center;
  display: flex;
  justify-content: space-between
}

.waffle-dataconnector-refresh-schedules-new-select .docs-material-gm-labeled-select-content {
  margin-bottom: 0
}

.waffle-dataconnector-refresh-schedules-new-select .docs-material-gm-labeled-select-label {
  color: #3c4043;
  font: 500 12px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  line-height: 20px
}

.waffle-dataconnector-refresh-schedules-new-select .docs-material-gm-labeled-select-outer-box {
  padding: 0;
  width: 176px
}

.waffle-dataconnector-refresh-schedules-new-select .docs-material-gm-labeled-select-caption {
  font-size: 13px;
  height: auto;
  line-height: 16px;
  padding: 4px 0 4px 8px
}

.waffle-dataconnector-refresh-schedules-new-btns {
  align-items: center;
  display: flex;
  justify-content: flex-end
}

.waffle-dataconnector-refresh-schedules-new-overview-section {
  font-size: 12px
}

.waffle-dataconnector-refresh-schedules-new-overview-text {
  color: #5f6368
}

.waffle-dataconnector-refresh-schedules-new-edit-btn {
  padding-left: 2px
}

.waffle-dataconnector-refresh-schedules-new-save-btn .docs-material-button {
  text-transform: none
}

.waffle-dataconnector-refresh-schedules-new-owner-info {
  color: #5f6368;
  font-size: 12px;
  margin: 32px 0 16px 0
}

.waffle-dataconnector-refresh-schedules-new-widget-opened {
  animation-name: waffle-dataconnector-refresh-schedules-new-widget-open;
  animation-duration: .3s;
  border-radius: 8px 8px 0 0;
  border-top: none;
  bottom: 0;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
  overflow-y: scroll;
  z-index: 1002
}

@keyframes waffle-dataconnector-refresh-schedules-new-widget-open {
  0% {
    bottom: -300px
  }

  to {
    bottom: 0
  }
}

.waffle-dataconnector-refresh-schedules-new-resume-prompt {
  max-width: 420px
}

.waffle-dataconnector-refresh-schedules-new-resume-prompt .waffle-dataconnector-prompt-content {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  letter-spacing: .2px;
  line-height: 20px;
  padding: 0 24px 24px
}

.waffle-dataconnector-refresh-schedules-new-resume-prompt h4 {
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .8px;
  line-height: 16px;
  margin: 20px 0 12px 0;
  text-transform: uppercase
}

.waffle-dataconnector-refresh-schedules-new-label {
  color: #3c4043;
  font: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif 14px 500;
  letter-spacing: .25px;
  line-height: 20px;
  padding-bottom: 4px
}

.waffle-dataconnector-refresh-schedules-new-start-date-select {
  display: inline-block;
  margin-right: 8px;
  position: relative
}

.waffle-dataconnector-refresh-schedules-new-start-date-select .docs-material-button-flat-default {
  background-color: #f1f3f4;
  border: none;
  border-radius: 4px;
  color: #3c4043;
  font-size: 14px;
  font-weight: 400;
  height: auto;
  line-height: 24px;
  margin: 0;
  padding: 8px 6px 8px 8px;
  text-transform: none
}

.waffle-dataconnector-refresh-schedules-new-start-date-select .docs-material-button-flat-default.docs-material-button.docs-material-button-focused {
  background-color: #e8eaed
}

.waffle-dataconnector-refresh-schedules-new-start-date-select .docs-material-button-flat-default.docs-material-button-no-focus-border,
.waffle-dataconnector-refresh-schedules-new-start-date-select .docs-material-button-flat-default.docs-material-button.docs-material-button-focused {
  line-height: 24px;
  padding: 8px 6px 8px 8px
}

.waffle-dataconnector-refresh-schedules-new-start-time-select {
  display: inline-block
}

.waffle-dataconnector-refresh-schedules-new-start-time-select .docs-calendar-select-caption {
  font-size: 14px
}

.waffle-dataconnector-refresh-schedules-new-frequency-select {
  display: inline-block
}

.waffle-dataconnector-refresh-schedules-new-interval-input {
  display: inline-block;
  margin-right: 8px
}

.waffle-dataconnector-refresh-schedules-new-interval-input input {
  background-color: #f1f3f4;
  border: none;
  border-radius: 4px;
  color: #3c4043;
  display: block;
  font-size: 14px;
  font-weight: 400;
  height: 24px;
  line-height: 24px;
  margin: 0;
  min-width: 0;
  outline: none;
  padding: 8px 6px 8px 8px;
  text-align: center;
  width: 44px;
  z-index: 0
}

.waffle-dataconnector-refresh-schedules-new-enable-switch {
  cursor: pointer
}

.waffle-dataconnector-refresh-schedules-new-label-separator {
  border-left: 1px solid #dadce0;
  height: 12px;
  margin-left: 6px;
  margin-right: 6px
}

.waffle-dataconnector-refresh-weekday-select {
  display: contents
}

.waffle-dataconnector-refresh-weekday-toggle {
  align-items: center;
  background-color: #f1f3f4;
  border-radius: 50%;
  color: #80868b;
  cursor: pointer;
  display: inline-flex;
  font-size: 12px;
  height: 30px;
  justify-content: center;
  margin-right: 8px;
  width: 30px
}

.waffle-dataconnector-refresh-weekday-toggle-focused {
  background-color: rgba(95, 99, 104, .12)
}

.waffle-dataconnector-refresh-weekday-toggle-focused {
  outline: none
}

.waffle-dataconnector-refresh-weekday-toggle-checked {
  background-color: #1e8e3e;
  color: #fff
}

.waffle-dataconnector-refresh-weekday-toggle-checked.waffle-dataconnector-refresh-weekday-toggle-focused {
  background-color: #188038
}

.waffle-bigquery-change-billing-project-dialog {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  height: 495px;
  width: 512px
}

.waffle-bigquery-change-billing-project-dialog .waffle-dataconnector-modal-header {
  border-bottom: none;
  box-sizing: border-box;
  height: 73px;
  padding: 24px 24px 25px 24px
}

.waffle-bigquery-change-billing-project-dialog .waffle-dataconnector-modal-title {
  line-height: 24px;
  opacity: 1
}

.waffle-bigquery-change-billing-project-dialog .waffle-dataconnector-modal-close-button {
  height: 34px;
  margin-right: -5px;
  margin-top: -5px;
  width: 34px
}

.waffle-bigquery-change-billing-project-dialog .waffle-dataconnector-modal-close-button svg {
  height: 24px;
  width: 24px
}

.waffle-bigquery-change-billing-project-dialog .waffle-dataconnector-modal-body {
  height: 338px;
  padding: 0;
  z-index: 0
}

.waffle-bigquery-change-billing-project-dialog-project-header {
  color: #5f6368;
  font-size: 14px;
  letter-spacing: .29px;
  margin: 0;
  opacity: 1;
  padding: 10px 24px
}

.waffle-bigquery-change-billing-project-dialog .waffle-dataconnector-modal-footer {
  border-top: none;
  box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15);
  padding: 24px;
  z-index: 1
}

.waffle-bigquery-change-billing-project-dialog-footer-wrapper {
  display: flex;
  flex-direction: row
}

.waffle-bigquery-change-billing-project-dialog-footer-wrapper .docs-material-button {
  margin: 0
}

.waffle-bigquery-change-billing-project-dialog-footer-wrapper .docs-material-button:first-child {
  margin-left: auto
}

.waffle-bigquery-change-billing-project-dialog .waffle-dataconnector-tablepicker-menuitem-content-nexticon {
  display: none
}

.waffle-bigquery-change-billing-project-dialog .waffle-dataconnector-tablepicker-menuitem-content-id {
  margin-left: auto
}

.waffle-bigquerydbsourceediterror-error-text {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 24px
}

.waffle-bigquerydbsourceediterror .waffle-dataconnector-modal {
  max-width: 600px
}

.waffle-bigquerydbsourceediterror .waffle-dataconnector-modal-header {
  border: none;
  padding-bottom: 0
}

.waffle-bigquerydbsourceediterror .waffle-dataconnector-modal-footer {
  border: none;
  display: flex;
  flex-direction: row-reverse;
  padding-top: 0
}

.waffle-bigquerytabledatasourceviewonly-footer-wrapper {
  display: flex;
  flex-direction: row-reverse
}

.waffle-bigquerytableinfopanel-configuration-wrapper {
  border-bottom: 1px solid rgba(0, 0, 0, .12);
  height: 68px;
  margin-bottom: 16px
}

.waffle-bigquerytableinfopanel-configuration-title {
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .8px;
  line-height: 20px;
  padding-bottom: 4px;
  text-transform: uppercase;
  vertical-align: top
}

.waffle-bigquerytableinfopanel-configuration-wrapper .waffle-dataconnector-tablepicker-menuitem-content-schemaicon {
  margin-bottom: auto;
  margin-top: auto
}

.waffle-bigquerytablepickermodal {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  height: 495px;
  width: 512px
}

.waffle-bigquerytablepickermodal .waffle-dataconnector-modal-header {
  border-bottom: none;
  box-sizing: border-box;
  height: 73px;
  padding: 19px 24px 20px
}

.waffle-bigquerytablepickermodal-back-button {
  background: transparent;
  border-radius: 50%;
  cursor: pointer;
  display: block;
  height: 33px;
  margin-left: -5px;
  opacity: 0;
  position: relative;
  transition: background-color .28s cubic-bezier(0, 0, .2, 1), opacity .15s cubic-bezier(0, 0, .2, 1);
  width: 33px
}

.waffle-bigquerytablepickermodal-cloud-project-edit-button {
  background: transparent;
  border-radius: 50%;
  cursor: pointer;
  display: block;
  height: 33px;
  margin-left: -5px;
  margin-top: 5px;
  position: relative;
  width: 33px
}

.waffle-bigquerytablepickermodal-transition-in .waffle-bigquerytablepickermodal-back-button {
  opacity: 1
}

.waffle-bigquerytablepickermodal-back-button .docs-icon {
  margin: 5px
}

.waffle-bigquerytablepickermodal-back-button-focused {
  opacity: 1;
  background-color: rgba(0, 0, 0, .12);
  outline: none
}

.waffle-bigquerytablepickermodal-back-button-hover {
  opacity: 1
}

.waffle-bigquerytablepickermodal .waffle-dataconnector-modal-title {
  box-sizing: border-box;
  line-height: 34px;
  opacity: 0;
  padding-right: 0;
  width: 400px
}

.waffle-bigquerytablepickermodal .waffle-dataconnector-modal-close-button {
  height: 34px;
  margin-right: -5px;
  width: 34px
}

.waffle-bigquerytablepickermodal .waffle-dataconnector-modal-close-button svg {
  height: 24px;
  width: 24px
}

.waffle-bigquerytablepickermodal .waffle-dataconnector-modal-body {
  height: 338px;
  padding: 0;
  z-index: 0
}

.waffle-bigquerytablepickermodal-project-menu-header-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 40px;
  justify-content: space-between
}

.waffle-bigquerytablepickermodal-project-menu-header {
  flex-grow: 2;
  font: 500 .8 Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  letter-spacing: .29px;
  margin: 0;
  opacity: 0;
  padding: 10px 24px
}

.waffle-bigquerytablepickermodal-project-menu-billing-project-edit-button {
  background: transparent;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: none;
  color: #202124;
  cursor: pointer;
  font: 500 14px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  line-height: 20px;
  margin-right: 24px;
  max-width: 40%;
  overflow: hidden;
  padding: 8px;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap
}

.waffle-bigquerytablepickermodal-project-menu-billing-project-edit-button svg {
  margin-right: 6px;
  vertical-align: middle
}

.waffle-bigquerytablepickermodal-project-menu-billing-project-edit-button:hover {
  background-color: #f1f3f4
}

.waffle-bigquerytablepickermodal-project-menu-billing-project-edit-button:active {
  background-color: #e8eaed;
  outline: none
}

.waffle-bigquerytablepickermodal-project-menu-billing-project-edit-button:focus {
  background-color: #e8eaed;
  outline: none
}

.waffle-bigquerytablepickermodal-project-menu-billing-project-text {
  font: 400 14px Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}

.waffle-bigquerytablepickermodal-transition-in .waffle-bigquerytablepickermodal-project-menu-header,
.waffle-bigquerytablepickermodal-transition-in .waffle-dataconnector-modal-title {
  opacity: 1;
  transition: opacity .15s cubic-bezier(.4, 0, 1, 1)
}

.waffle-bigquerytablepickermodal-breadcrumbnavigator-wrapper {
  background-color: #f8f9fa;
  padding: 8px 26px
}

.waffle-bigquerytablepickermodal .waffle-dataconnector-modal-footer {
  border-top: none;
  box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15);
  padding: 24px;
  z-index: 1
}

.waffle-bigquerytablepickermodal-footer-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between
}

.waffle-bigquerytablepickermodal-footer-wrapper .docs-material-button {
  margin: 0
}

.waffle-bigquerytablepickermodal-write-query-button .goog-flat-button {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #fff;
  color: #137333;
  outline: none;
  text-transform: none
}

.waffle-bigquerytablepickermodal-write-query-button .goog-flat-button-hover {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #f8fcf9;
  color: #137333
}

.waffle-bigquerytablepickermodal-write-query-button .goog-flat-button-active {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #dff2e4;
  color: #137333;
  box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15)
}

.waffle-bigquerytablepickermodal-write-query-button .goog-flat-button-focused {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #e7f5eb;
  color: #137333
}

.waffle-dataconnector-modal.waffle-bigquerywrongskudialog {
  box-sizing: border-box;
  height: 240px;
  width: 360px
}

.waffle-bigquerywrongskudialog .waffle-dataconnector-modal-body {
  padding-right: 56px;
  padding-top: 0
}

.waffle-bigquerywrongskudialog .waffle-dataconnector-modal-header {
  border-bottom: none
}

.waffle-bigquerywrongskudialog .waffle-dataconnector-modal-footer {
  border-top: none;
  padding-right: 24px;
  padding-top: 32px
}

.waffle-bigquerywrongskudialog-footer-wrapper {
  display: flex;
  flex-direction: row-reverse
}

.waffle-bigquerywrongskudialog-message {
  color: #3c4043;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  vertical-align: top
}

.waffle-dbsource-flat-default {
  color: #188038;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  height: 36px;
  line-height: 36px;
  padding: 0 8px;
  text-transform: none
}

.waffle-dbsource-flat-default.docs-material-button-flat-default.docs-material-button.docs-material-button-hover {
  background-color: rgba(52, 168, 83, .04)
}

.waffle-dbsource-flat-default.docs-material-button-flat-default.docs-material-button.docs-material-button-active {
  background-color: rgba(52, 168, 83, .16);
  color: #188038;
  line-height: 36px
}

.waffle-dbsource-flat-default.docs-material-button-flat-default.docs-material-button.docs-material-button-focused {
  background-color: rgba(52, 168, 83, .12);
  border: none;
  line-height: 36px;
  padding: 0 8px
}

.waffle-dbsource-flat-default.docs-material-button-flat-default.docs-material-button.docs-material-button-no-focus-border {
  line-height: 36px
}

.waffle-dbsource-flat-default>.docs-material-button-ripple-element {
  background-color: rgba(52, 168, 83, .1)
}

.waffle-dbsource-flat-default-grey {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  line-height: 36px;
  padding: 0 8px;
  text-transform: none
}

.waffle-dbsource-flat-default-grey.docs-material-button-flat-default.docs-material-button.docs-material-button-hover {
  background-color: #f8f9fa
}

.waffle-dbsource-flat-default-grey.docs-material-button-flat-default.docs-material-button.docs-material-button-active {
  background-color: #f1f3f4;
  color: #5f6368;
  line-height: 36px
}

.waffle-dbsource-flat-default-grey.docs-material-button-flat-default.docs-material-button.docs-material-button-focused {
  background-color: #f1f3f4;
  border: none;
  line-height: 36px;
  padding: 0 8px
}

.waffle-dbsource-flat-default-grey.docs-material-button-flat-default.docs-material-button.docs-material-button-no-focus-border {
  line-height: 36px
}

.waffle-dbsource-flat-default-grey>.docs-material-button-ripple-element {
  background-color: #f8f9fa
}

.waffle-dbobject-estimated-bytes-info {
  display: flex
}

.waffle-dbobject-estimated-bytes-spinner .waffle-spinner {
  height: 18px;
  width: 18px
}

.waffle-dbobject-estimated-bytes-spinner .waffle-spinner-circle {
  border-width: 2px
}

.waffle-dbobject-estimated-bytes-icon {
  margin-right: 8px
}

.waffle-dbobject-estimated-bytes-error {
  color: #db4437;
  text-decoration: underline
}

.waffle-dbobject-estimated-bytes-error:focus {
  outline: none
}

.waffle-dbobject-estimated-bytes-details {
  color: #80868b;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .3px;
  line-height: 16px
}

.waffle-dbobject-estimated-bytes-details-tooltip {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: #000;
  color: #fff;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
  height: 24px;
  text-align: center
}

.goog-menu.waffle-sidebar-draglist-menu.waffle-dbsource-column-filtered-menu {
  width: 100%;
  max-width: -webkit-fill-available;
  max-width: fill-available
}

.goog-menu.waffle-dbsource-column-filtered-menu {
  display: flex;
  flex-direction: column;
  overflow-y: hidden;
  padding-bottom: 0;
  padding-top: 0
}

.waffle-dbsource-column-filtered-menu .goog-menu-filter {
  display: flex;
  border-bottom: 1px solid #e0e0e0;
  padding: 8px 6px 8px 5px
}

.waffle-dbsource-column-filtered-menu input {
  flex: 1;
  border: 0;
  color: rgba(0, 0, 0, .87);
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  min-width: 0;
  outline: 0
}

.waffle-dbsource-column-filtered-menu .waffle-charteditor-picker-button-wrapper {
  height: 24px;
  margin-right: 0
}

.waffle-dbsource-column-filtered-menu .goog-menu-filter:before {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iIzc1NzU3NSI+CiAgICA8cGF0aCBkPSJNMTUuNSAxNGgtLjc5bC0uMjgtLjI3QzE1LjQxIDEyLjU5IDE2IDExLjExIDE2IDkuNSAxNiA1LjkxIDEzLjA5IDMgOS41IDNTMyA1LjkxIDMgOS41IDUuOTEgMTYgOS41IDE2YzEuNjEgMCAzLjA5LS41OSA0LjIzLTEuNTdsLjI3LjI4di43OWw1IDQuOTlMMjAuNDkgMTlsLTQuOTktNXptLTYgMEM3LjAxIDE0IDUgMTEuOTkgNSA5LjVTNy4wMSA1IDkuNSA1IDE0IDcuMDEgMTQgOS41IDExLjk5IDE0IDkuNSAxNHoiLz4KICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4KPC9zdmc+Cg==");
  height: 24px;
  margin-right: 6px;
  width: 24px
}

.waffle-dbsource-column-filtered-menu-item-icon {
  margin-left: 5px;
  margin-top: 3px
}

.goog-menuitem-highlight .waffle-dbsource-column-filtered-menu-item-icon {
  margin-top: 2px
}

.waffle-dbsource-column-filtered-menu-item-icon.docs-hc-gecko {
  filter: invert(1)
}

.waffle-dbsource-column-filtered-menu.docs-hc-gecko .goog-menu-filter:before {
  filter: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='invertColor'><feColorMatrix%20type='matrix'%20values='-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0'/></filter></svg>#invertColor")
}

.waffle-filterable-by-text-contains-menu-item-match {
  font-weight: 500
}

.goog-menu.waffle-sidebar-draglist-menu.waffle-dbsource-column-filtered-menu .goog-menuitem {
  max-width: -moz-fit-content;
  max-width: fit-content
}

.waffle-dbsource-column-filtered-menu .goog-menuitem {
  padding-right: 20px;
  display: flex;
  word-break: break-word
}

.waffle-dbsource-column-filtered-menu .goog-menu-content {
  overflow-y: auto;
  padding-bottom: 8px;
  padding-top: 8px
}

.waffle-dbsource-column-filtered-menu-select-all-and-clear {
  margin: 6px 0 0 10px
}

.waffle-dbsource-column-filtered-menu-select-all {
  color: #1a73e8;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .3px;
  line-height: 16px;
  -webkit-text-decoration-line: none;
  text-decoration-line: none
}

.waffle-dbsource-column-filtered-menu-select-all-and-clear-separator {
  color: #dadce0;
  display: inline-block;
  font-size: 10px;
  line-height: 16px;
  margin: 0 8px 0 8px;
  vertical-align: text-bottom
}

.waffle-dbsource-column-filtered-menu-clear {
  color: #1a73e8;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .3px;
  line-height: 16px;
  -webkit-text-decoration-line: none;
  text-decoration-line: none
}

.waffle-dbsource-column-filtered-menu .goog-menuitem.goog-option-selected {
  background-position: right 5px center
}

.waffle-dbsource-configbar-wrapper {
  background: #e8eaed;
  border-bottom: 1px solid #dadce0;
  height: 110px;
  overflow-y: hidden;
  padding-top: 16px;
  position: relative
}

.waffle-dbsource-configbar {
  background: #fff;
  border-bottom: none;
  border-radius: 16px 16px 0 0;
  box-sizing: border-box;
  box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15);
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 16px 0
}

.waffle-dbsource-configbar-wrapper.waffle-dbsource-configbar-looker-wrapper {
  border-bottom: none
}

.waffle-dbsource-configbar-looker-wrapper .waffle-dbsource-configbar-divider {
  border-bottom: 1px solid #dadce0;
  padding-top: 16px
}

.waffle-dbsource-configbar-header {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-family: Arial, sans-serif;
  font-weight: 400;
  margin-left: 32px;
  margin-right: 28px;
  white-space: nowrap
}

.waffle-dbsource-configbar-header-icon {
  height: 24px;
  margin-left: 0;
  margin-right: 8px;
  min-width: 24px;
  position: relative
}

.waffle-dbsource-configbar-header-title {
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px
}

.waffle-dbsource-configbar-header-subtitle {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .3px;
  line-height: 16px;
  margin-right: 12px
}

.waffle-dbsource-configbar-looker-wrapper {
  height: 126px
}

.waffle-dbsource-configbar-schedules-widget {
  align-items: center;
  border-radius: 16px;
  color: #202124;
  display: flex;
  flex-direction: row;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 32px;
  letter-spacing: .3px;
  line-height: 16px
}

.waffle-dbsource-configbar-schedules-widget-content {
  align-items: center;
  display: flex;
  flex-direction: row
}

.waffle-dbsource-configbar-schedules-widget-edit-button-wrapper .goog-link-button {
  color: #188038;
  text-decoration: none
}

.waffle-dbsource-configbar-schedules-widget-highlight {
  background-color: #f1f3f4;
  padding: 0 12px
}

.waffle-dbsource-configbar-schedules-widget-content svg,
.waffle-dbsource-configbar-schedules-widget-last-refresh-content,
.waffle-dbsource-configbar-schedules-widget-last-refresh-divider,
.waffle-dbsource-configbar-schedules-widget-next-refresh-content {
  margin-right: 8px
}

.waffle-dbsource-configbar-schedules-widget-last-refresh-divider {
  border-right: 1px solid #dadce0
}

.waffle-dbsource-configbar-schedules-widget-header-label {
  font-color: rgb(32, 33, 36);
  font-weight: 500
}

.waffle-dbsource-configbar-actions {
  display: flex;
  flex-direction: row;
  margin: 0 28px;
  padding: 16px 0
}

.waffle-dbsource-configbar-button-wrapper {
  padding: 0
}

.waffle-dbsource-configbar-button-wrapper .docs-material-button {
  margin: 0
}

.waffle-dbsource-configbar-button-wrapper .docs-material-button-content>div>span {
  vertical-align: middle
}

.waffle-dbsource-configbar-columns-menu-button {
  background: #e6f4ea;
  border-color: #e6f4ea;
  border-radius: 8px;
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
  margin-right: 12px
}

.waffle-dbsource-configbar-columns-menu-button.docs-material-menu-button-flat-default,
.waffle-dbsource-configbar-columns-menu-button.docs-material-menu-button-flat-default-focused {
  border: none
}

.waffle-dbsource-configbar-columns-menu-button .docs-material-menu-button-flat-default-dropdown {
  margin-left: 10px;
  margin-top: 5px
}

.goog-menu .goog-menuitem.waffle-datasource-configbar-columns-menu-loading {
  padding: 6px 15px
}

.waffle-dbsource-configbar-options-wrapper {
  display: flex;
  flex: 1;
  justify-content: flex-end
}

.waffle-dbsource-configbar .waffle-dbsource-configbar-secondary-button .docs-material-button-content span {
  align-items: center;
  display: flex;
  flex-direction: row
}

.waffle-dbsource-configbar .waffle-dbsource-configbar-secondary-button .docs-material-button-content .waffle-dbsource-configbar-secondary-button-content span,
.waffle-dbsource-configbar .waffle-dbsource-configbar-secondary-button .docs-material-menu-button-flat-default-caption .waffle-dbsource-configbar-secondary-button-content span {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  text-transform: none
}

.waffle-dbsource-configbar .waffle-dbsource-configbar-secondary-button.docs-material-button-hairline-primary.docs-material-button,
.waffle-dbsource-configbar .waffle-dbsource-configbar-secondary-button.docs-material-menu-button-flat-default {
  border: none !important;
  height: 24px;
  line-height: 24px;
  margin-right: 0;
  padding: 0
}

.waffle-dbsource-configbar .waffle-dbsource-configbar-secondary-button.docs-material-button-hairline-primary.docs-material-button.docs-material-button-hover,
.waffle-dbsource-configbar .waffle-dbsource-configbar-secondary-button.docs-material-menu-button-flat-default-hover,
.waffle-dbsource-configbar-connection-settings-button.docs-material-button.docs-material-button-hover {
  background-color: #f8f9fa
}

.waffle-dbsource-configbar .waffle-dbsource-configbar-secondary-button.docs-material-button-hairline-primary.docs-material-button.docs-material-button-focused,
.waffle-dbsource-configbar .waffle-dbsource-configbar-secondary-button.docs-material-menu-button-flat-default-focused {
  background-color: #f1f3f4
}

.waffle-dbsource-configbar .waffle-dbsource-configbar-secondary-button.docs-material-menu-button-flat-default .waffle-dbsource-configbar-secondary-button-content,
.waffle-dbsource-configbar-secondary-button.docs-material-button-hairline-primary.docs-material-button .waffle-dbsource-configbar-secondary-button-content {
  padding: 0 8px;
  text-decoration: none
}

.waffle-dbsource-configbar .waffle-dbsource-configbar-secondary-button .docs-material-button-content svg {
  margin-right: 5px
}

.waffle-dbsource-configbar .docs-material-button-hairline-primary.docs-material-button {
  margin-left: 0;
  margin-right: 16px;
  padding-left: 12px;
  padding-right: 16px;
  white-space: nowrap
}

.waffle-dbsource-configbar .waffle-dbsource-configbar-secondary-button.docs-material-button-hairline-primary.docs-material-button,
.waffle-dbsource-configbar .waffle-dbsource-configbar-secondary-button.docs-material-menu-button-flat-default {
  margin-left: 8px
}

.waffle-dbsource-configbar .docs-material-button-content svg {
  margin-right: 8px;
  vertical-align: middle
}

.waffle-dbsource-configbar-overflow-menu {
  width: 252px
}

.goog-menu.waffle-dbsource-configbar-overflow-menu .goog-menuitem,
.goog-menu.waffle-dbsource-configbar-overflow-menu .goog-menuitem.goog-menuitem-disabled,
.goog-menu.waffle-dbsource-configbar-overflow-menu .goog-menuitem.goog-menuitem-disabled.goog-menuitem:hover {
  padding: 6px 12px
}

.goog-menu.waffle-dbsource-configbar-overflow-menu .goog-menuitem:hover {
  padding: 5px 12px
}

.waffle-dbsource-configbar-overflow-menu-button.docs-material-menu-button-flat-default {
  height: 24px;
  line-height: 24px;
  margin-left: 16px;
  opacity: .4;
  padding: 0;
  width: 24px
}

.waffle-dbsource-configbar-overflow-menu-button.docs-hc-gecko.docs-material-menu-button-flat-default .docs-material-menu-button-flat-default-caption {
  filter: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='invertColor'><feColorMatrix%20type='matrix'%20values='-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0'/></filter></svg>#invertColor")
}

.waffle-dbsource-configbar-separator {
  border-left: 1px solid #dadce0;
  height: 20px;
  margin-left: 16px;
  margin-right: 16px
}

.waffle-dbsource-flat-default.waffle-dbsource-configbar-refresh-options-button,
.waffle-dbsource-flat-default.waffle-dbsource-configbar-schedules-widget-main-button {
  border-radius: 4px;
  font-size: 14px;
  height: 24px;
  letter-spacing: .25px;
  line-height: 24px
}

.waffle-dbsource-configbar-refresh-options-button-wrapper {
  margin-right: 8px
}

.waffle-dbsource-flat-default.waffle-dbsource-configbar-refresh-options-button.docs-material-button-flat-default.docs-material-button.docs-material-button-focused,
.waffle-dbsource-flat-default.waffle-dbsource-configbar-refresh-options-button.docs-material-button-flat-default.docs-material-button.docs-material-button-no-focus-border,
.waffle-dbsource-flat-default.waffle-dbsource-configbar-schedules-widget-main-button.docs-material-button-flat-default.docs-material-button.docs-material-button-focused,
.waffle-dbsource-flat-default.waffle-dbsource-configbar-schedules-widget-main-button.docs-material-button-flat-default.docs-material-button.docs-material-button-no-focus-border {
  line-height: 24px
}

.waffle-dbsource-configbar-overflow-menu-button .docs-material-menu-button-flat-default-dropdown {
  display: none
}

.waffle-dbsource-configbar-connection-settings-button,
.waffle-dbsource-configbar-connection-settings-button.docs-material-button.docs-material-button-focused,
.waffle-dbsource-configbar-connection-settings-button.docs-material-button.docs-material-button-no-focus-border {
  height: 24px;
  line-height: 24px
}

.waffle-dbsource-configbar-connection-settings-button.docs-material-button.docs-material-button-focused {
  background-color: #f1f3f4;
  border: none;
  outline: none;
  outline-offset: 0;
  padding: 0 8px
}

.waffle-dbsource-configbar-column-insights-icon {
  margin-right: 8px
}

.docs-material .waffle-dbsource-configbar-column-insights-icon .docs-icon-img {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_green.svg)
}

.docs-material .waffle-dbsource-configbar-column-insights-icon .docs-icon {
  margin: 0
}

.waffle-dbsource-configbar-secondary-button-icon {
  margin: 0 5px 0 0 !important
}

.waffle-dbsource-pill-menuitem.waffle-dbsource-configbar-watch-tutorial-menuitem {
  align-items: start;
  height: auto
}

.waffle-dbsource-pill-menuitem.waffle-dbsource-configbar-watch-tutorial-menuitem svg {
  height: 36px
}

.waffle-dbsource-configbar-watch-tutorial-menuitem-caption {
  color: #5f6368;
  font-size: 12px;
  line-height: 16px;
  white-space: break-spaces;
  width: 150px
}

#waffle-dbsource-configbar-id .docs-promo-text-container {
  width: 300px
}

.waffle-bigquery-connection-summary-dialog {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 512px
}

.waffle-bigquery-connection-summary-dialog .waffle-dataconnector-modal-header {
  border-bottom: none
}

.waffle-bigquery-connection-summary-dialog.waffle-bigquery-connection-detail-enable-entry-point-of-connected-sheet-for-bq-saved-queries .waffle-dataconnector-modal-header {
  padding-bottom: 5px
}

.waffle-bigquery-connection-summary-dialog .waffle-dataconnector-modal-body {
  padding: 0 24px
}

.waffle-bigquery-connection-summary-dialog-delegation-section,
.waffle-bigquery-connection-summary-dialog-saved-query-section {
  background-color: #f1f3f4;
  border-radius: 8px;
  line-height: 20px;
  margin-bottom: 8px
}

.waffle-bigquery-connection-summary-dialog-delegation-section .waffle-dataconnector-delegation-settings-widget-header {
  color: #202124;
  font: 500 14px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  letter-spacing: .25px;
  padding: 16px 16px 0 16px
}

.waffle-bigquery-connection-summary-dialog-delegation-section .waffle-dataconnector-delegation-settings-widget-info {
  color: #202124;
  font: 400 14px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  letter-spacing: .2px;
  line-height: 20px;
  padding: 8px 16px
}

.waffle-bigquery-connection-detail-enable-entry-point-of-connected-sheet-for-bq-saved-queries .waffle-bigquery-connection-summary-dialog-delegation-section .waffle-dataconnector-delegation-settings-widget-info {
  background-color: #f8fafd;
  border-radius: 8px;
  height: 76px;
  margin-left: 16px;
  margin-top: 4px;
  margin-bottom: 4px;
  overflow-y: auto;
  width: 400px
}

.waffle-bigquery-connection-summary-dialog-saved-query-validation-error-icon {
  padding-left: 2px
}

.waffle-bigquery-connection-summary-dialog-delegation-section .waffle-dataconnector-delegation-settings-widget-toggle {
  padding: 0 16px 16px 16px
}

.waffle-bigquery-connection-summary-dialog-delegation-section .waffle-dataconnector-delegation-settings-widget-supplement {
  color: #5f6368;
  font: 400 12px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  letter-spacing: .2px;
  line-height: 20px;
  padding: 0 16px 8px 16px
}

.waffle-dataconnector-bigquery-query-settings-widget-delegation-section .waffle-dataconnector-delegation-settings-widget-make-default-checkbox {
  border-top: none
}

.waffle-bigquery-connection-summary-dialog-delegation-section .waffle-dataconnector-delegation-settings-widget-checkbox-container {
  align-items: center;
  border-top: 1px solid #e0e0e0;
  display: flex;
  margin: 0 16px
}

.waffle-bigquery-connection-summary-dialog-delegation-section .waffle-dataconnector-delegation-settings-widget-selection-buttons {
  padding: 4px 16px 0 16px
}

.waffle-bigquery-connection-summary-dialog-delegation-section .waffle-dataconnector-delegation-settings-widget-selection-buttons .jfk-radiobutton {
  padding: 0 0 16px 0
}

.waffle-bigquery-connection-summary-dialog-delegation-section .waffle-dataconnector-delegation-settings-widget-selection-buttons .jfk-radiobutton-radio {
  left: 0;
  height: 20px;
  width: 20px;
  top: 0
}

.waffle-bigquery-connection-summary-dialog-delegation-section .waffle-dataconnector-delegation-settings-widget-selection-buttons .jfk-radiobutton-label {
  color: #202124;
  font: 400 14px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  letter-spacing: .2px;
  line-height: 20px;
  margin-left: 32px;
  -webkit-text-decoration-line: none;
  text-decoration-line: none
}

.waffle-bigquery-connection-summary-dialog-delegation-section .waffle-dataconnector-delegation-settings-widget-selection-buttons .jfk-radiobutton-checked .jfk-radiobutton-radio:after {
  height: 10px;
  margin: 3px;
  width: 10px
}

.waffle-bigquery-connection-summary-dialog-delegation-section .waffle-dataconnector-delegation-settings-widget-selection-allow-button-helper {
  color: #5f6368;
  font: 400 12px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  letter-spacing: .2px;
  line-height: 20px;
  margin-left: 16px
}

.waffle-bigquery-connection-summary-dialog-delegation-section .waffle-dataconnector-delegation-settings-widget-make-default-checkbox .docs-material-gm-labeled-checkbox {
  align-items: center
}

.waffle-bigquery-connection-summary-dialog-delegation-section .waffle-dataconnector-delegation-settings-widget-make-default-checkbox .docs-material-gm-labeled-checkbox-label {
  color: #202124;
  font: 400 14px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  letter-spacing: .2px;
  line-height: 20px
}

.waffle-bigquery-connection-summary-dialog-delegation-section .waffle-dataconnector-delegation-settings-widget-make-default-checkbox .docs-material-gm-labeled-checkbox-circle {
  margin-top: 0
}

.waffle-bigquery-connection-summary-dialog-detail-section {
  padding: 8px 16px 0 16px
}

.waffle-bigquery-connection-summary-dialog-detail-title {
  color: #202124;
  font: 500 14px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  letter-spacing: .25px;
  line-height: 24px
}

.waffle-bigquery-connection-summary-dialog-detail-title .goog-link-button {
  color: #188038;
  text-decoration: none
}

.waffle-bigquery-connection-summary-dialog-detail-edit-button {
  font: 400 12px Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}

.waffle-bigquery-connection-summary-dialog-detail-content {
  padding-top: 4px
}

.waffle-bigquery-connection-detail-item-wrapper {
  margin-top: 12px
}

.waffle-bigquery-connection-detail-enable-entry-point-of-connected-sheet-for-bq-saved-queries .waffle-bigquery-connection-detail-item-wrapper {
  margin-top: 8px
}

.waffle-bigquery-connection-detail-item-title {
  color: #5f6368;
  font: 400 11px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  letter-spacing: .8px;
  line-height: 16px;
  text-transform: uppercase
}

.waffle-bigquery-connection-detail-item-value {
  color: #3c4043;
  font: 400 14px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  line-height: 20px;
  letter-spacing: .2px;
  max-height: 96px;
  overflow-y: auto
}

.waffle-bigquery-connection-summary-dialog-footer-wrapper {
  display: flex;
  flex-direction: row-reverse;
  padding: 24px 16px
}

.waffle-bigquery-connection-detail-enable-entry-point-of-connected-sheet-for-bq-saved-queries .waffle-bigquery-connection-summary-dialog-footer-wrapper {
  padding: 12px 16px
}

.waffle-bigquery-connection-summary-dialog .waffle-dataconnector-modal-footer {
  border-top: none;
  padding: 0
}

.waffle-bigquery-connection-summary-dialog-detail-content .waffle-dataconnector-querytexteditor {
  border: 1px solid #dadce0;
  border-radius: 2px;
  height: 100%;
  min-height: 100px;
  margin-top: 4px
}

.waffle-bigquery-connection-detail-enable-entry-point-of-connected-sheet-for-bq-saved-queries .waffle-bigquery-connection-summary-dialog-detail-content .waffle-dataconnector-querytexteditor {
  margin-top: 4px;
  min-height: 64px;
  overflow-y: auto
}

.waffle-bigquery-connection-summary-dialog-detail-content .waffle-dataconnector-codemirrorquerytexteditor .CodeMirror-gutter-elt {
  padding: 0 8px
}

.waffle-bigquery-connection-summary-dialog-detail-content .waffle-dataconnector-codemirrorquerytexteditor .CodeMirror-lines {
  padding: 8px 0
}

.waffle-bigquery-connection-detail-saved-query-success-validation-icon {
  bottom: 64px;
  position: absolute;
  right: 46px
}

.waffle-bigquery-connection-summary-dialog-saved-query-validation-bar {
  align-items: center;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 0 0 0 4px;
  border-top: none;
  bottom: 0;
  box-sizing: border-box;
  display: flex;
  gap: 8px;
  max-height: 48px;
  justify-content: start;
  padding: 8px 6px;
  position: relative;
  right: 0;
  width: 100%
}

.waffle-bigquery-connection-summary-dialog-saved-query-validation-message {
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  max-height: 32px;
  line-height: 16px;
  overflow-y: scroll;
  width: 100%
}

.waffle-dataconnector-delegation-settings-widget-change-later-label {
  color: #5f6368;
  font: 400 12px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  letter-spacing: .2px;
  line-height: 20px;
  margin-left: 12px;
  margin-top: 2px
}

.waffle-bigquery-connection-summary-dialog-saved-query-validation-spinner .waffle-spinner {
  height: 24px;
  width: 24px
}

.waffle-create-datasheet-welcome-dialog {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  text-align: center;
  width: 512px
}

.waffle-create-datasheet-welcome-dialog .waffle-dataconnector-modal-header {
  border-bottom: none;
  justify-content: flex-end;
  padding: 24px 24px 0
}

.waffle-create-datasheet-welcome-dialog .waffle-dataconnector-modal-title {
  display: none
}

.waffle-create-datasheet-welcome-dialog .waffle-dataconnector-modal-body {
  padding: 0
}

.waffle-create-datasheet-welcome-dialog .waffle-dataconnector-modal-close-button {
  height: 34px;
  margin-right: -5px;
  width: 34px
}

.waffle-create-datasheet-welcome-dialog .waffle-dataconnector-modal-close-button svg {
  height: 24px;
  width: 24px
}

.waffle-create-datasheet-welcome-dialog-image {
  height: 222px;
  -webkit-user-select: none;
  user-select: none
}

.waffle-create-datasheet-welcome-dialog-welcome-message {
  display: flex;
  flex-direction: row;
  justify-content: center;
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 22px;
  font-weight: 400
}

.waffle-create-datasheet-welcome-dialog-welcome-description {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  letter-spacing: .2px;
  line-height: 20px;
  margin: 0 auto;
  max-width: 392px
}

.waffle-create-datasheet-welcome-dialog-button-wrapper {
  padding-top: 36px;
  padding-bottom: 16px
}

.waffle-create-datasheet-welcome-dialog .waffle-dataconnector-modal-footer {
  border-top: none
}

.waffle-create-datasource-sheet-loading-dialog {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  text-align: center;
  width: 512px
}

.waffle-create-datasource-sheet-loading-dialog-gm3 {
  width: 630px
}

.waffle-create-datasource-sheet-loading-dialog .waffle-dataconnector-modal-header {
  border-bottom: none;
  justify-content: flex-end;
  padding: 24px 24px 0
}

.waffle-create-datasource-sheet-loading-dialog .waffle-dataconnector-modal-title {
  display: none
}

.waffle-create-datasource-sheet-loading-dialog .waffle-dataconnector-modal-body {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 347px
}

.waffle-create-datasource-sheet-loading-dialog-gm3 .waffle-dataconnector-modal-body {
  min-height: 420px
}

.waffle-create-datasource-sheet-loading-dialog .waffle-dataconnector-modal-close-button {
  height: 34px;
  margin-right: -5px;
  width: 34px
}

.waffle-create-datasource-sheet-loading-dialog .waffle-dataconnector-modal-close-button svg {
  height: 24px;
  width: 24px
}

.waffle-create-datasource-sheet-loading-dialog-spinner-wrapper .waffle-spinner {
  width: 40px;
  height: 40px
}

.waffle-create-datasource-sheet-loading-dialog-tip {
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 32px;
  letter-spacing: .2px;
  line-height: 20px;
  margin-top: 32px;
  max-width: 392px
}

.waffle-create-datasource-sheet-loading-dialog-gm3 .waffle-create-datasource-sheet-loading-dialog-tip {
  max-width: 630px
}

.waffle-create-datasource-sheet-loading-dialog .waffle-dataconnector-modal-footer {
  border-top: none;
  box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15);
  z-index: 1
}

.waffle-create-datasource-sheet-loading-dialog-footer-wrapper {
  align-items: center;
  display: flex;
  flex-direction: row
}

.waffle-create-datasource-sheet-loading-dialog-footer-message {
  color: #5f6368;
  flex: 1;
  font-size: 12px;
  line-height: 16px;
  margin: 0 24px 0 0;
  width: 329px
}

.waffle-create-datasource-sheet-success-dialog {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  text-align: center;
  width: 512px
}

.waffle-create-datasource-sheet-success-dialog .waffle-dataconnector-modal-header {
  border-bottom: none;
  justify-content: flex-end;
  padding: 24px 24px 0
}

.waffle-create-datasource-sheet-success-dialog .waffle-dataconnector-modal-title {
  display: none
}

.waffle-create-datasource-sheet-success-dialog .waffle-dataconnector-modal-body {
  padding: 0
}

.waffle-create-datasource-sheet-success-dialog .waffle-dataconnector-modal-close-button {
  height: 34px;
  margin-right: -5px;
  width: 34px
}

.waffle-create-datasource-sheet-success-dialog .waffle-dataconnector-modal-close-button svg {
  height: 24px;
  width: 24px
}

.waffle-create-datasource-sheet-success-dialog-image {
  width: 404px;
  height: 173px
}

.waffle-create-datasource-sheet-success-dialog-start-analyze-button-wrapper .docs-gm3-button {
  margin: 0 193px
}

.waffle-create-datasource-sheet-success-dialog-success-message {
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 22px;
  font-weight: 400;
  max-width: 350px;
  margin: 10px auto 16px auto
}

.waffle-create-datasource-sheet-success-dialog-success-description {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .2px;
  line-height: 20px;
  margin: 8px auto 16px auto;
  max-width: 392px
}

.waffle-create-datasource-sheet-success-dialog-success-description ul {
  margin: 0;
  text-align: left
}

.waffle-create-datasource-sheet-success-dialog-datasource-info {
  color: #188038;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .2px;
  line-height: 20px
}

.waffle-create-datasource-sheet-success-dialog-metadata-wrapper {
  margin: auto
}

.waffle-create-datasource-sheet-success-dialog-start-analyze-button-wrapper {
  margin-bottom: 16px
}

.waffle-create-datasource-sheet-success-dialog-looker .waffle-create-datasource-sheet-success-dialog-start-analyze-button-wrapper {
  margin-bottom: 0
}

.waffle-create-datasource-sheet-success-dialog-watch-tutorial {
  color: #1a73e8;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .3px;
  line-height: 16px;
  -webkit-text-decoration-line: none;
  text-decoration-line: none
}

.waffle-create-datasource-sheet-success-dialog .waffle-dataconnector-modal-footer {
  border-top: none
}

.waffle-dbobject-sidebar-footer-estimated-bytes-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: 16px;
  margin-right: 16px
}

.waffle-dbobject-sidebar-footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  border-top: 1px solid #dadce0;
  color: #5f6368;
  height: 64px
}

.waffle-dbobject-sidebar-footer-refresh-button-wrapper {
  margin-right: 12px
}

.waffle-dbobject-sidebar-footer-refresh-button {
  text-transform: none
}

.waffle-dbobject-sidebar-header,
.waffle-filter-by-value-sidebar-header {
  box-sizing: border-box;
  align-items: center;
  background-color: #fff;
  border-bottom: 1px solid #dadce0;
  display: flex;
  flex-direction: row;
  height: 33px;
  padding-left: 18px
}

.waffle-dbobject-sidebar-header-datasource-name,
.waffle-filter-by-value-sidebar-header-column-name {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  letter-spacing: .3px;
  margin-left: 8px;
  max-width: 241px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.waffle-dbsourcesettingsdialog {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  height: 495px;
  width: 512px
}

.waffle-dbsourcesettingsdialog-gm3 {
  font-family: Roboto, sans-serif;
  border-radius: 16px !important;
  width: 630px !important;
  max-width: 100%;
  height: auto
}

.waffle-dbsourcesettingsdialog .waffle-dataconnector-modal-header {
  border-bottom: none;
  box-sizing: border-box;
  height: 73px;
  padding: 24px 24px 25px 24px
}

.waffle-dbsourcesettingsdialog .waffle-dataconnector-modal-title {
  line-height: 24px;
  opacity: 1
}

.waffle-dbsourcesettingsdialog .waffle-dataconnector-modal-close-button {
  height: 34px;
  margin-right: -5px;
  margin-top: -5px;
  width: 34px
}

.waffle-dbsourcesettingsdialog .waffle-dataconnector-modal-close-button svg {
  height: 24px;
  width: 24px
}

.waffle-dbsourcesettingsdialog .waffle-dataconnector-modal-body {
  height: 376px;
  padding: 0;
  z-index: 0
}

.waffle-dbsourcesettingsdialog-gm3 .waffle-dataconnector-modal-body {
  height: 348px
}

.waffle-dbsourcesettingsdialog-project-title {
  font: 500 .8 Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  letter-spacing: .29px;
  margin: 0;
  opacity: 1;
  padding: 10px 8px 10px 24px
}

.waffle-dbsourcesettingsdialog-transition-out .waffle-dataconnector-modal-title,
.waffle-dbsourcesettingsdialog-transition-out .waffle-dbsourcesettingsdialog-project-title {
  opacity: 0;
  transition: opacity .15s cubic-bezier(0, 0, .2, 1)
}

.waffle-dbsourcesettingsdialog-project-heading {
  display: flex
}

.waffle-dbsourcesettingsdialog-error-caption {
  padding: 16px 32px
}

.waffle-dbsourcesettingsdialog-empty-menu-message {
  display: flex;
  padding: 0 10px;
  font: 500 14px/20px Roboto, Helvetica, Arial, sans-serif;
  width: 460px;
  height: 200px;
  justify-content: center;
  align-items: center;
  text-align: center
}

.waffle-dbsourcesettingsdialog-gm3 .waffle-dbsourcesettingsdialog-empty-menu-message {
  width: 560px
}

.waffle-dbsourcesettingsdialog-tooltip .docs-promo-text-container {
  width: 240px
}

.waffle-dbsourcesettingsdialog .waffle-dataconnector-modal-footer {
  border-top: none;
  box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15);
  z-index: 1
}

.waffle-dbsourcesettingsdialog-footer-wrapper {
  align-items: center;
  display: flex;
  flex-direction: row
}

.waffle-dbsourcesettingsdialog-footer-wrapper-gm3 {
  align-items: center;
  display: block;
  padding: 0 12px 0 0
}

.waffle-dbsourcesettingsdialog-footer-message {
  color: #5f6368;
  flex: 1;
  font-size: 12px;
  line-height: 16px;
  margin: 0 24px 0 0;
  max-height: 64px;
  overflow-y: scroll;
  width: 329px
}

.waffle-dbsourcesettingsdialog-footer-message-gm3 {
  margin: 8px 0;
  font: 400 14px Roboto, Helvetica, Arial, sans-serif;
  line-height: 20px;
  width: 100%;
  letter-spacing: 0
}

.waffle-dbsourcesettingsdialog-footer-wrapper .docs-material-button {
  margin: 0
}

.waffle-info-icon-bubble.waffle-dbsourcesettingsdialog-info-bubble {
  background-color: #3c4043;
  border-radius: 0;
  color: #fff;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  max-width: 200px;
  opacity: .9;
  padding: 4px 8px;
  text-align: center
}

.waffle-dbsourcesettingsdialog-info-bubble .jfk-bubble-arrowdown .jfk-bubble-arrowimplafter,
.waffle-dbsourcesettingsdialog-info-bubble .jfk-bubble-arrowdown .jfk-bubble-arrowimplbefore,
.waffle-dbsourcesettingsdialog-info-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplafter,
.waffle-dbsourcesettingsdialog-info-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplbefore {
  border-color: #3c4043 transparent
}

.waffle-dbsourcesettingsdialog-info-icon {
  margin-top: 9px
}

.waffle-dbsourcesettingsdialog-info-icon:hover {
  background-color: #f1f3f4
}

.waffle-dbsourcesettingsdialog-info-icon:active {
  background-color: #e8eaed
}

.waffle-dbsourcesettingsdialog-footer-button-wrapper-gm3 {
  display: flex;
  flex-direction: row-reverse
}

.waffle-dbsource-endofpreview {
  border-top: 1px solid #dadce0;
  box-sizing: border-box;
  display: block;
  height: 160px;
  padding: 24px;
  text-align: center;
  width: 100%
}

.waffle-dbsource-endofpreview-wrapper {
  display: inline-block;
  max-width: 550px
}

.waffle-dbsource-endofpreview.docs-hc-gecko {
  background-color: #000
}

.waffle-dbsource-endofpreview-enable-endofwaffle {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxIiBoZWlnaHQ9IjgiIHZpZXdCb3g9IjAgMCAxIDgiPiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSI+ICAgIDxwYXRoIGZpbGw9IiNEQURDRTAiIGQ9Ik0wIDNoMXYxSDB6TTAgN2gxdjFIMHoiLz4gICAgPHBhdGggZmlsbD0iI0YxRjNGNCIgZD0iTTAgMGgxdjNIMHpNMCA0aDF2M0gweiIvPiAgPC9nPjwvc3ZnPg==);
  background-repeat: repeat-x
}

.waffle-dbsource-endofpreview-enable-endofwaffle:before {
  background-color: #f3f3f3;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgMTkgOCI+ICA8ZyBmaWxsPSJub25lIj4gICAgPHBhdGggZmlsbD0iI0YxRjNGNCIgZD0iTTE4LjUgN2guNVY0aC02LjVjMS40IDEuOCAzLjYgMyA2IDN6Ii8+ICAgIDxwYXRoIGZpbGw9IiNEQURDRTAiIGQ9Ik0xOC41IDcuNWMtMi43IDAtNS4yLTEuNC02LjYtMy41aC0uNmMxLjUgMi40IDQuMiA0IDcuMiA0aC41di0uNWgtLjV6Ii8+ICAgIDxwYXRoIGZpbGw9IiNEQURDRTAiIGQ9Ik0xOC41IDcuNWguNVY3aC0uNWMtMi40IDAtNC42LTEuMi02LTNoLS42YzEuNCAyLjEgMy45IDMuNSA2LjYgMy41eiIvPiAgICA8cGF0aCBmaWxsPSIjRjFGM0Y0IiBkPSJNNy41IDNIMTlWMEgxLjVjMS40IDEuOCAzLjYgMyA2IDN6Ii8+ICAgIDxwYXRoIGZpbGw9IiNEQURDRTAiIGQ9Ik03LjUgMy41QzQuOCAzLjUgMi4zIDIuMS45IDBILjNjMS41IDIuNCA0LjIgNCA3LjIgNEgxOXYtLjVINy41eiIvPiAgICA8cGF0aCBmaWxsPSIjREFEQ0UwIiBkPSJNNy41IDMuNUgxOVYzSDcuNWMtMi40IDAtNC42LTEuMi02LTNILjljMS40IDIuMSAzLjkgMy41IDYuNiAzLjV6Ii8+ICA8L2c+PC9zdmc+);
  content: "";
  display: block;
  height: 8px;
  left: 0;
  position: absolute;
  top: 1px;
  width: 19px
}

.waffle-dbsource-endofpreview-enable-endofwaffle:after {
  background-color: #f3f3f3;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgMTkgOCI+ICA8ZyBmaWxsPSJub25lIj4gICAgPHBhdGggZmlsbD0iI0YxRjNGNCIgZD0iTTE4LjUgN2guNVY0aC02LjVjMS40IDEuOCAzLjYgMyA2IDN6Ii8+ICAgIDxwYXRoIGZpbGw9IiNEQURDRTAiIGQ9Ik0xOC41IDcuNWMtMi43IDAtNS4yLTEuNC02LjYtMy41aC0uNmMxLjUgMi40IDQuMiA0IDcuMiA0aC41di0uNWgtLjV6Ii8+ICAgIDxwYXRoIGZpbGw9IiNEQURDRTAiIGQ9Ik0xOC41IDcuNWguNVY3aC0uNWMtMi40IDAtNC42LTEuMi02LTNoLS42YzEuNCAyLjEgMy45IDMuNSA2LjYgMy41eiIvPiAgICA8cGF0aCBmaWxsPSIjRjFGM0Y0IiBkPSJNNy41IDNIMTlWMEgxLjVjMS40IDEuOCAzLjYgMyA2IDN6Ii8+ICAgIDxwYXRoIGZpbGw9IiNEQURDRTAiIGQ9Ik03LjUgMy41QzQuOCAzLjUgMi4zIDIuMS45IDBILjNjMS41IDIuNCA0LjIgNCA3LjIgNEgxOXYtLjVINy41eiIvPiAgICA8cGF0aCBmaWxsPSIjREFEQ0UwIiBkPSJNNy41IDMuNUgxOVYzSDcuNWMtMi40IDAtNC42LTEuMi02LTNILjljMS40IDIuMSAzLjkgMy41IDYuNiAzLjV6Ii8+ICA8L2c+PC9zdmc+);
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  right: 0;
  top: 1px;
  transform: scaleX(-1);
  width: 19px
}

.waffle-dbsource-endofpreview-header {
  color: #3c4043;
  font: 400 16px/20px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  letter-spacing: .17px;
  padding-bottom: 8px;
  text-align: center
}

.waffle-dbsource-endofpreview-message-line {
  color: #5f6368;
  font: 400 12px/16px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  letter-spacing: .3px;
  text-align: center
}

.waffle-dbsource-endofpreview-link-button {
  font: 400 12px/16px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  text-decoration: none
}

.waffle-dataconnector-error-icon-filled {
  padding-left: 2px;
  vertical-align: middle
}

.waffle-dbsource-pill-menu .goog-menuseparator {
  margin-bottom: 0;
  margin-top: 0
}

.waffle-dbsource-pill-menu.goog-menu .goog-menuitem {
  padding-left: 11px
}

.waffle-dbsource-pill-menu svg {
  height: 20px;
  margin-right: 8px;
  position: relative;
  width: 20px
}

.waffle-dbsource-pill-menuitem {
  align-items: center;
  display: flex;
  height: 36px;
  line-height: 36px
}

.waffle-dbsource-pill-menuitem-accel {
  margin-left: auto;
  padding: 0 20px 0 40px;
  text-align: center;
  color: #9e9e9e
}

.waffle-dataconnector-refresh-icon.waffle-dbsource-pill-menuitem-db-slicer {
  margin-right: 8px
}

.waffle-dbsource-pill-menuitem-refreshquery-info svg {
  margin: 0
}

.waffle-dbsource-pill-menuitem-refreshquery-info-error-button {
  color: #db4437;
  text-decoration: underline;
  white-space: nowrap
}

.waffle-dbsource-pill-menuitem-refreshquery-info-error-button:focus {
  outline: none
}

.waffle-dbsource-pill-menuitem-refreshquery-info-message {
  color: #616161;
  white-space: nowrap
}

.waffle-dbsource-previewbar {
  background-color: #f8f9fa;
  border-bottom: 1px solid #dadce0;
  display: flex;
  flex-direction: row;
  height: 22px
}

.waffle-dbsource-previewbar-content {
  display: flex;
  flex-direction: row;
  margin: 0 auto
}

.waffle-dbsource-previewbar-text {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: .8px;
  line-height: 22px;
  text-transform: uppercase
}

.waffle-dbsource-previewbar-info-bubble-content {
  display: flex;
  flex-direction: column
}

.waffle-dbsource-previewbar-info-bubble-body {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .2px;
  line-height: 20px;
  margin-bottom: 12px;
  margin-top: 12px
}

.waffle-dbsource-previewbar-info-bubble-button-wrapper {
  margin-left: auto;
  margin-right: 0;
  text-align: right
}

.waffle-dbsource-previewbar-info-bubble-button-wrapper .docs-material-button {
  font-size: 14px;
  letter-spacing: .25px
}

.waffle-dbsource-previewbar-info-icon-wrapper .docs-material-button-flat-default,
.waffle-dbsource-previewbar-info-icon-wrapper .docs-material-button-flat-default.docs-material-button-focused {
  border: 1px solid transparent;
  height: 22px;
  line-height: 22px;
  margin: 0;
  padding: 0 5px
}

.waffle-dbsource-previewbar-info-icon-wrapper .docs-material-button-flat-default.docs-material-button-focused:focus {
  border: 1px solid #1a73e8
}

.waffle-dbsource-previewbar-info-icon-wrapper.docs-hc-gecko path {
  fill: #fff
}

.waffle-dbsource-previewbar-info-bubble-title {
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin-right: 24px
}

.waffle-dbsource-previewbar-info-bubble.waffle-info-icon-bubble {
  border: none;
  max-width: 238px;
  outline: none;
  padding: 24px 24px 12px 24px;
  z-index: 1001 !important
}

.waffle-dbsource-previewbar-info-bubble .jfk-bubble-closebtn {
  background: transparent;
  cursor: pointer;
  height: 24px;
  opacity: .54;
  right: 12px;
  top: 12px;
  transition: opacity .28s ease-out;
  width: 24px
}

.waffle-dbsource-previewbar-info-bubble .jfk-bubble-closebtn svg {
  height: 24px;
  width: 24px
}

.waffle-dbsource-previewbar-info-bubble .jfk-bubble-closebtn:focus {
  opacity: 1
}

.waffle-dbsource-previewbar-info-bubble .jfk-bubble-closebtn:hover {
  opacity: 1
}

.waffle-dbsource-previewbar-info-bubble .jfk-bubble-closebtn.docs-hc-gecko polygon {
  fill: #fff
}

.waffle-dbsource-previewbar-info-bubble-link-button {
  text-decoration: none
}

.waffleDataConnectorLookSidebarContainer {
  width: 288px;
  height: 145px;
  padding: 32px 16px
}

.waffleDataConnectorLookSidebarDetailsHeading {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left
}

.waffleDataConnectorLookSidebarLookTitleField,
.waffleDataConnectorLookSidebarLookUrlField {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
  margin-top: 20px
}

.waffleDataConnectorLookSidebarLookTitleValue,
.waffleDataConnectorLookSidebarLookUrlValue {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  word-break: break-all;
  -webkit-user-select: text
}

.grille-docos-bubble.jfk-bubble {
  align-items: center;
  background: #edf2fa;
  border-radius: 8px;
  border: 1px solid transparent;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 4px 8px 3px rgba(0, 0, 0, .15);
  display: flex;
  height: 38px;
  outline: none;
  padding: 0;
  width: 535px
}

.grille-docos-bubble .jfk-bubble-content-id {
  width: 100%
}

.grille-docos-bubble.jfk-bubble.grille-docos-bubble-arrows-hidden {
  width: auto
}

.grille-docos-bubble .grille-docos-bubble-container {
  font: 500 14px/20px Roboto, sans-serif;
  height: 38px
}

.grille-docos-bubble-cell-buttons {
  display: flex;
  flex-grow: 1;
  min-width: 0;
  padding: 0 4px
}

.grille-docos-bubble-body {
  display: flex
}

.grille-docos-bubble-action-container {
  display: flex;
  flex-shrink: 0;
  margin-right: 4px
}

.grille-docos-bubble-action-button {
  align-items: center;
  border-radius: 100%;
  display: flex;
  height: 32px;
  justify-content: center;
  margin: 3px;
  width: 32px
}

.grille-docos-bubble-close-button {
  padding: 6px
}

.grille-docos-bubble-next-button .docs-icon,
.grille-docos-bubble-prev-button .docs-icon {
  height: 20px;
  width: 20px
}

.grille-docos-bubble-close-button .docs-icon {
  margin-left: 2px
}

.grille-docos-bubble-action-button.docs-material-button-hover {
  background: rgba(68, 71, 70, .08)
}

.grille-docos-bubble .grille-docos-bubble-close-button.docs-material-button-flat-default.docs-material-button-focused,
.grille-docos-bubble-action-button.docs-material-button-focused {
  background: rgba(68, 71, 70, .12);
  padding: 6px
}

.grille-docos-bubble .waffle-ui-text-link-button {
  border-radius: 100px;
  color: #0b57d0;
  display: inline-block;
  height: 32px;
  margin: 3px;
  overflow: hidden;
  padding: 8px 12px;
  width: auto
}

.grille-docos-bubble-cell-buttons .waffle-ui-text-link-button {
  color: #1f1f1f;
  overflow: hidden;
  text-overflow: ellipsis
}

.grille-docos-bubble .waffle-ui-text-link-button.waffle-ui-text-link-button-hover {
  background: rgba(11, 87, 208, .08);
  color: #0b57d0
}

.grille-docos-bubble .waffle-ui-text-link-button.waffle-ui-text-link-button-focused {
  background: rgba(11, 87, 208, .12);
  color: #0b57d0
}

.grille-docos-bubble-container .docs-material-button.docs-material-button-disabled {
  background: none;
  opacity: .38
}

.grille-docos-bubble .docs-material-button-ripple-element {
  display: none
}

.waffleFilterDateTreenodeCardHeader {
  display: flex
}

.waffleFilterDateTreenodeCardHeader:hover {
  background-color: #f1f3f4
}

.waffleFilterDateTreenodeCardHeader.goog-zippy-expanded .waffleFilterDateTreenodeZippyIconContainer {
  transform: rotate(90deg)
}

.waffleFilterDateTreenodeCardHeader.goog-zippy-collapsed .waffleFilterDateTreenodeZippyIconContainer {
  transform: rotate(0)
}

.waffleFilterDateTreenodeZippyIconContainer {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center
}

.waffleFilterDateTreenodeNodeName {
  align-items: center;
  display: flex;
  justify-content: center
}

.waffleFilterDateTreenodeCheckboxContainer {
  cursor: pointer;
  display: flex;
  padding-right: 4px
}

.waffleFilterDateTreenodeCheckboxHollowIcon,
.waffleFilterDateTreenodeCheckboxIcon,
.waffleFilterDateTreenodeMinusboxIcon {
  align-items: center;
  display: flex;
  justify-content: center
}

.waffle-filter-filtercard {
  background-color: #f0f0f0;
  border-radius: 8px;
  padding: 8px
}

.waffle-filter-filtercard:not(:last-child) {
  margin-bottom: 8px
}

.waffle-filter-filtercard-top-row {
  align-items: center;
  display: flex;
  padding-bottom: 8px
}

.waffle-filter-filtercard-top-row>div {
  flex-shrink: 0
}

.waffle-filter-filtercard-top-row>.waffle-filter-filtercard-label {
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
  text-overflow: ellipsis
}

.waffle-filter-filtercard-label {
  color: #424242;
  font-size: 14px;
  padding-left: 8px
}

.waffle-filter-filtercard-delete-button {
  transition: background-color .2s ease;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+ICA8cGF0aCBmaWxsPSIjZjBmMGYwIiBkPSJNMTkgNi40MUwxNy41OSA1IDEyIDEwLjU5IDYuNDEgNSA1IDYuNDEgMTAuNTkgMTIgNSAxNy41OSA2LjQxIDE5IDEyIDEzLjQxIDE3LjU5IDE5IDE5IDE3LjU5IDEzLjQxIDEyeiIvPjwvc3ZnPg==");
  background-color: #bfbfbf;
  border: 0;
  border-radius: 16px;
  cursor: pointer;
  height: 16px;
  margin: 8px;
  width: 16px
}

.waffle-filter-filtercard-delete-button:hover {
  background-color: #aaa
}

.waffle-filter-filtercard .waffle-filter-filtercard-select .jfk-select {
  text-align: left;
  width: 100%
}

.waffle-filterbox-container {
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 32px;
  vertical-align: middle
}

.waffle-filterdropdown-filter-color {
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: 50%;
  box-sizing: border-box;
  height: 20px;
  left: -15px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  width: 20px
}

.waffle-filterdropdown-filter-color-text {
  padding-left: 18px
}

.goog-menu.waffle-filterdropdown-filter-colors-menu {
  max-height: 50vh;
  overflow: hidden auto
}

.waffle-filterdropdown-filter-color-checkbox:after {
  content: "✓";
  left: 6px;
  position: absolute
}

.waffle-filterdropdown-gemini-entrypoint {
  padding: 8px 16px
}

.waffle-types-number-icon:after {
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDV2MmgydjhoMlY1SDB6bTUgMHYyaDR2Mkg3YTIgMiAwIDAwLTIgMnY0aDZ2LTJIN3YtMmgyYTIgMiAwIDAwMi0yVjdhMiAyIDAgMDAtMi0ySDV6bTcgMGg0YTIgMiAwIDAxMiAydjEuNWExLjUgMS41IDAgMDEtMS41IDEuNSAxLjUgMS41IDAgMDExLjUgMS41VjEzYTIgMiAwIDAxLTIgMmgtNHYtMmg0di0yaC0yVjloMlY3aC00VjV6IiBmaWxsPSIjNUY2MzY4Ii8+PC9zdmc+)
}

.waffle-types-text-icon:after {
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yIDRoMTB2Mkg4djlINlY2SDJWNHptOCA0aDZ2MmgtMnY1aC0ydi01aC0yVjh6IiBmaWxsPSIjNUY2MzY4Ii8+PC9zdmc+)
}

.waffle-types-date-icon:after {
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMyAzLjY2N2guNjY3QzE0LjQgMy42NjcgMTUgNC4yNjcgMTUgNXY5LjMzM2MwIC43MzQtLjYgMS4zMzQtMS4zMzMgMS4zMzRINC4zMzNjLS43NCAwLTEuMzMzLS42LTEuMzMzLTEuMzM0TDMuMDA3IDVjMC0uNzMzLjU4Ni0xLjMzMyAxLjMyNi0xLjMzM0g1VjIuMzMzaDEuMzMzdjEuMzM0aDUuMzM0VjIuMzMzSDEzdjEuMzM0ek00LjMzMyAxNC4zMzNoOS4zMzRWN0g0LjMzM3Y3LjMzM3oiIGZpbGw9IiM1RjYzNjgiLz48L3N2Zz4=)
}

.waffle-types-boolean-icon:after {
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzVGNjM2OCIgZD0iTTkgM2gxLjV2MTJIOXoiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuOTUzIDQuOTgybC0uOTk0LS45OTRMNC45NyA1Ljk3NiAyLjk4MiAzLjk4OGwtLjk5NC45OTQgMS45ODkgMS45ODktMS45ODkgMS45ODguOTk0Ljk5NCAxLjk4OS0xLjk4OCAxLjk4OCAxLjk4OC45OTQtLjk5NEw1Ljk2NSA2Ljk3bDEuOTg4LTEuOTg5ek0xOC4wOCAxMC40ODVsLS45OTUtLjk5NC0zLjYgMy42LTEuNDktMS40OTEtLjk5NS45OTQgMi40ODUgMi40ODUuMTIxLS4xMiA0LjQ3My00LjQ3NHoiIGZpbGw9IiM1RjYzNjgiLz48L3N2Zz4=)
}

.waffle-types-boolean-icon:after,
.waffle-types-date-icon:after,
.waffle-types-number-icon:after,
.waffle-types-text-icon:after {
  background: none;
  height: 18px;
  width: 18px
}

.waffleCreateIntegrationConnectorDatasourceDialog .waffle-dataconnector-modal-header {
  border-bottom: none;
  padding-bottom: 4px
}

.waffleCreateIntegrationConnectorDatasourceDialog .waffle-dataconnector-modal-body {
  padding-top: 4px
}

.waffleCreateIntegrationConnectorDatasourceDialog .waffle-dataconnector-modal-footer {
  border-top: none;
  padding-bottom: 0
}

.waffleCreateIntegrationConnectorDatasourceTextFieldLabel {
  font: 400 14px Roboto, Helvetica, Arial, sans-serif;
  line-height: 20px;
  margin-top: 8px
}

.waffleCreateIntegrationConnectorDatasourceTextFieldWrapper {
  padding-bottom: 0
}

.waffleCreateIntegrationConnectorDatasourceDialogButtonWrapper {
  align-items: center;
  display: flex;
  padding: 8px 0;
  text-align: right
}

.goog-menu.waffle-dataconnector-tablepicker-menu {
  border: none;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
  max-height: auto;
  overflow-x: hidden;
  padding-top: 2px;
  width: 100%
}

.goog-menu.waffle-dataconnector-tablepicker-menu .goog-menu-filter {
  box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15);
  display: flex;
  background-color: #f8f9fa;
  border-radius: 8px;
  height: 40px;
  margin: 0 24px 16px 24px;
  position: relative
}

.goog-menu.waffle-dataconnector-tablepicker-menu .goog-menu-filter .waffle-dataconnector-tablepicker-menu-icon-upload {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer
}

.goog-menu.waffle-dataconnector-tablepicker-filtered-menu .goog-menu-filter:after {
  background: #e8eaed;
  bottom: -16px;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  width: 464px
}

.waffle-dbsourcesettingsdialog-gm3 .goog-menu.waffle-dataconnector-tablepicker-filtered-menu .goog-menu-filter:after {
  width: 582px
}

.waffle-dbsourcesettingsdialog-gm3 .waffle-dataconnector-modal-header {
  justify-content: left
}

.waffle-dbsourcesettingsdialog-gm3 .waffle-dataconnector-modal-title {
  margin: 1px 0 0 2px
}

.waffle-dataconnector-tablepicker-menu-icon-search {
  border-bottom: none;
  padding: 11px 0 11px 13px;
  position: absolute
}

.goog-menu.waffle-dataconnector-tablepicker-menu input {
  flex: 1;
  background: #fff;
  border: 1px solid transparent;
  border-radius: 8px;
  box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15);
  font: 400 14px/20px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  letter-spacing: .17px;
  outline: 0;
  padding: 0 37px
}

.goog-menu.waffle-dataconnector-tablepicker-menu .goog-menu-content {
  opacity: 0;
  outline: none;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 16px 0 0 16px;
  position: relative
}

.goog-menu.waffle-dataconnector-tablepicker-filtered-menu .goog-menu-content {
  max-height: 220px
}

.waffle-dbsourcesettingsdialog-project-menu-wrapper .goog-menu.waffle-dataconnector-tablepicker-filtered-menu .goog-menu-content {
  max-height: 241px
}

.waffle-dataconnector-tablepicker-paginated-menu-results {
  overflow-y: auto
}

.waffle-dataconnector-tablepicker-paginated-menu .goog-menu-content {
  height: 196px;
  max-height: 196px
}

.waffle-dbsourcesettingsdialog-project-menu-wrapper .waffle-dataconnector-tablepicker-paginated-menu .goog-menu-content {
  height: 216px;
  max-height: 216px
}

.waffle-dataconnector-tablepicker-paginated-menu .goog-menu.waffle-dataconnector-tablepicker-menu {
  padding: 0;
  position: relative
}

.waffle-dataconnector-tablepicker-paginated-menu .goog-menu.waffle-dataconnector-tablepicker-menu .goog-menu-content {
  padding-top: 0
}

.waffle-dataconnector-tablepicker-paginated-menu-button-wrapper {
  color: #5f6368;
  float: right;
  font-size: 12px;
  height: 30px;
  letter-spacing: .3px;
  padding: 0 24px
}

.waffle-dataconnector-tablepicker-paginated-menu-indices {
  margin-right: 8px
}

.waffle-dataconnector-tablepicker-paginated-menu-nav-buttons .docs-material-button {
  margin: 0 4px;
  padding: 0 !important
}

.waffle-dataconnector-tablepicker-paginated-menu-nav-buttons .docs-material-button-focused {
  margin: 0 3px
}

.waffle-dataconnector-tablepicker-paginated-menu-nav-buttons .docs-material-button-disabled {
  opacity: .5
}

.waffle-dataconnector-tablepicker-paginated-menu-nav-buttons .docs-icon {
  margin: 1px 6px 6px 1px
}

.waffle-dataconnector-tablepicker-paginated-menu-header {
  color: #3c4043;
  font: 500 11px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  letter-spacing: .8px;
  line-height: 16px
}

.waffle-dataconnector-tablepicker-paginated-menu-header-name {
  padding-left: 32px
}

.waffle-dataconnector-tablepicker-paginated-menu-header-id {
  padding-left: 224px
}

.waffle-dataconnector-tablepicker-paginated-menu .waffle-dataconnector-tablepicker-menuitem-content-id {
  margin-left: auto
}

.goog-menu.waffle-dataconnector-tablepicker-filtered-menu .waffle-dataconnector-tablepicker-menu-loading-bar-wrapper {
  height: 4px;
  margin-top: -1px;
  position: absolute;
  width: 100%
}

.waffle-dataconnector-tablepicker-menu-loading-bar-wrapper .docs-indeterminate-loading-bar {
  background-color: #e6f4ea;
  height: 100%;
  overflow: hidden
}

.waffle-dataconnector-tablepicker-menu-loading-bar-wrapper .docs-indeterminate-loading-bar>div {
  animation: loading-bar-animation 1.3s ease-in-out infinite;
  background-color: #34a853;
  border-radius: 2px;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: none
}

@keyframes loading-bar-animation {
  0% {
    transform: translateX(-50%) scaleX(0)
  }

  23%,
  54% {
    transform: translateX(0) scaleX(1)
  }

  77%,
  to {
    transform: translateX(50%) scaleX(0)
  }
}

.waffle-dataconnector-tablepicker-paginated-menu-loading-container {
  align-items: center;
  display: flex;
  justify-content: center;
  padding-top: 48px
}

.waffle-dataconnector-tablepicker-paginated-menu-loading-spinner .waffle-spinner {
  height: 20px;
  width: 20px
}

.waffle-dataconnector-tablepicker-paginated-menu-loading-msg {
  color: #188038;
  font: 400 18px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  line-height: 24px;
  padding-left: 12px
}

.waffle-dataconnector-tablepicker-filtered-menu-loading-indicator-wrapper {
  position: relative;
  top: -100px;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  height: 100px;
  width: 48px
}

.waffle-dataconnector-tablepicker-filtered-menu-loading-indicator-text {
  position: absolute;
  bottom: 20px
}

.waffle-dataconnector-tablepicker-menu-error-message,
.waffle-dataconnector-tablepicker-menu-listing-projects-failed-error-message {
  color: #5f6368;
  font-size: 14px;
  line-height: 20px;
  margin-left: 8px;
  margin-right: 24px;
  text-align: center;
  padding: 20px
}

.waffle-dataconnector-tablepicker-menu-listing-projects-failed-error-message,
.waffle-dataconnector-tablepicker-paginated-menu .waffle-dataconnector-tablepicker-menu-error-message {
  font-size: 12px;
  letter-spacing: .3px;
  line-height: 16px;
  margin-top: 48px
}

.waffle-dataconnector-tablepicker-paginated-menu-projects-unavailable {
  text-align: center
}

.waffle-dataconnector-tablepicker-paginated-menu-projects-unavailable-header {
  color: #202124;
  font: 500 18px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 48px
}

.waffle-dataconnector-tablepicker-paginated-menu-projects-unavailable-caption {
  color: #3c4043;
  font: 400 14px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  letter-spacing: .2px;
  line-height: 20px;
  margin-top: 12px
}

.goog-menu .waffle-dataconnector-tablepicker-menuitem.goog-menuitem {
  border-radius: 24px;
  box-sizing: border-box;
  line-height: 36px;
  padding: 0 16px;
  transition: background-color .1s linear;
  white-space: nowrap;
  width: 480px
}

.goog-menu .waffle-dataconnector-tablepicker-menuitem.waffle-dataconnector-tablepicker-menuitem-gm3.goog-menuitem {
  width: 570px
}

.waffle-dataconnector-tablepicker-menuitem.goog-menuitem.goog-menuitem-highlight,
.waffle-dataconnector-tablepicker-menuitem.goog-menuitem:focus {
  border-bottom: none;
  background-color: #e6f4ea;
  border-top: none;
  outline: none
}

.waffle-dataconnector-tablepicker-menuitem.goog-menuitem.goog-menuitem-highlight.goog-menuitem-active {
  background-color: #ceead6;
  border-top: none
}

.waffle-dataconnector-tablepicker-menuitem.goog-menuitem.goog-menuitem-highlight.goog-menuitem-active.goog-option-selected,
.waffle-dataconnector-tablepicker-menuitem.goog-menuitem.goog-option-selected {
  background-color: #e6f4ea;
  background-image: none;
  cursor: auto
}

.waffle-dbsourcesettingsdialog-gm3 .waffle-dataconnector-tablepicker-menuitem.goog-menuitem.goog-menuitem-highlight,
.waffle-dbsourcesettingsdialog-gm3 .waffle-dataconnector-tablepicker-menuitem.goog-menuitem:focus {
  border-bottom: none;
  background-color: #e8f0fe;
  border-top: none;
  outline: none
}

.waffle-dbsourcesettingsdialog-gm3 .waffle-dataconnector-tablepicker-menuitem.goog-menuitem.goog-menuitem-highlight.goog-menuitem-active {
  background-color: #d2e3fc;
  border-top: none
}

.waffle-dbsourcesettingsdialog-gm3 .waffle-dataconnector-tablepicker-menuitem.goog-menuitem.goog-menuitem-highlight.goog-menuitem-active.goog-option-selected,
.waffle-dbsourcesettingsdialog-gm3 .waffle-dataconnector-tablepicker-menuitem.goog-menuitem.goog-option-selected {
  background-color: #e8f0fe;
  background-image: none;
  cursor: auto
}

.docs-hc-gecko .waffle-dataconnector-tablepicker-menuitem.goog-menuitem.goog-menuitem-highlight,
.docs-hc-gecko .waffle-dataconnector-tablepicker-menuitem.goog-menuitem.goog-menuitem-highlight.goog-menuitem-active,
.docs-hc-gecko .waffle-dataconnector-tablepicker-menuitem.goog-menuitem.goog-menuitem-highlight.goog-menuitem-active.goog-option-selected,
.docs-hc-gecko .waffle-dataconnector-tablepicker-menuitem.goog-menuitem.goog-option-selected {
  border: 1px solid transparent
}

.waffle-dataconnector-tablepicker-menu-bottom-border .waffle-dataconnector-tablepicker-menuitem.goog-menuitem {
  padding-right: 12px
}

.waffle-dataconnector-tablepicker-menuitem .goog-menuitem-content {
  font-size: 13px
}

.waffle-dataconnector-tablepicker-menuitem-content-wrapper {
  display: flex;
  flex-direction: row;
  position: relative
}

.waffle-dataconnector-tablepicker-menuitem-content-wrapper .goog-menuitem-checkbox {
  display: none
}

.waffle-dataconnector-tablepicker-menuitem-content-id,
.waffle-dataconnector-tablepicker-menuitem-content-name {
  display: inline-block;
  font: 400 14px/24px Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}

.waffle-dataconnector-tablepicker-menuitem-content-name {
  color: rgba(0, 0, 0, .87);
  line-height: 36px;
  overflow: hidden;
  padding-right: 22px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 176px
}

.waffle-dataconnector-tablepicker-menuitem-look .waffle-dataconnector-tablepicker-menuitem-content-name {
  width: 296px
}

.waffle-dataconnector-tablepicker-menuitem-content-wrapper-dataset .waffle-dataconnector-tablepicker-menuitem-content-name,
.waffle-dataconnector-tablepicker-menuitem-content-wrapper-table .waffle-dataconnector-tablepicker-menuitem-content-name {
  width: 100%
}

.waffle-dataconnector-tablepicker-menuitem-content-id {
  color: rgba(0, 0, 0, .54);
  line-height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 191px
}

.waffle-dataconnector-tablepicker-menuitem-content-schemaicon {
  margin-right: 8px;
  min-width: 18px;
  width: 18px
}

.waffle-dataconnector-tablepicker-menuitem-content-schemaicon svg {
  margin-right: 5px;
  vertical-align: middle
}

.waffle-dataconnector-tablepicker-menuitem-content-schemaicon .waffle-dataconnector-tablepicker-menu-icon-search {
  padding: 0
}

.waffle-dataconnector-tablepicker-menuitem-content-nexticon {
  margin-left: auto;
  width: 18px
}

.waffle-dataconnector-tablepicker-menuitem-content-nexticon svg {
  vertical-align: middle
}

.goog-menuitem-rtl .waffle-dataconnector-tablepicker-menuitem-content-nexticon {
  transform: rotateY(180deg)
}

.waffle-dataconnector-breadcrumbnavigator {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  vertical-align: middle
}

.waffle-dataconnector-breadcrumbnavigator-entry {
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: none;
  color: #202124;
  cursor: pointer;
  font-size: 22px;
  letter-spacing: .2px;
  line-height: 24px;
  overflow: hidden;
  padding: 4px;
  text-overflow: ellipsis;
  transition: background-color .1s linear;
  vertical-align: middle;
  white-space: nowrap
}

.waffle-dataconnector-breadcrumbnavigator-entry {
  flex: 0 1 25%;
  min-width: 45px
}

.waffle-dataconnector-breadcrumbnavigator-entry-condensed {
  flex: 0 1 10%
}

.waffle-dataconnector-breadcrumbnavigator-entry:last-of-type {
  flex: none
}

.waffle-dataconnector-breadcrumbnavigator-entry.goog-control-focused,
.waffle-dataconnector-breadcrumbnavigator-entry.goog-control-hover {
  background-color: #f1f3f4;
  outline: none
}

.waffle-dataconnector-breadcrumbnavigator-entry.goog-control-active {
  background-color: #e8eaed;
  outline: none
}

.waffle-dataconnector-breadcrumbnavigator-entry.goog-control-disabled {
  cursor: auto
}

.waffle-dataconnector-breadcrumbnavigator-separator {
  vertical-align: middle
}

.waffle-dataconnector-modal-title .waffle-dataconnector-breadcrumbnavigator-separator svg {
  bottom: unset;
  height: 18px;
  margin-right: 0;
  transform: unset;
  vertical-align: middle;
  width: 18px
}

.waffle-dataconnector-modal-title .waffle-dataconnector-breadcrumbnavigator-separator polygon {
  fill: #5f6368
}

.waffle-create-looker-datasource-dialog {
  width: 500px
}

.waffle-create-looker-datasource-dialog-gm3 {
  font-family: DOCS_GM3_FONT_FAMILY;
  border-radius: 16px !important;
  width: 620px !important;
  max-width: 100%;
  overflow: scroll;
  max-height: 100%
}

.waffle-create-looker-datasource-dialog-gm3 .docs-new-badge {
  background-color: #1a73e8
}

.waffle-create-looker-datasource-dialog-gm3 .waffle-material-multiactionchip-action-button {
  font-weight: 400;
  color: #444746
}

.waffle-create-looker-datasource-dialog-title-gm3 {
  font: 400 14px Roboto, Helvetica, Arial, sans-serif;
  line-height: 20px;
  margin-top: 8px
}

.waffle-create-looker-datasource-dialog-small {
  width: 460px
}

.waffle-create-looker-datasource-dialog-body {
  position: relative
}

.waffle-create-looker-datasource-dialog .waffle-dataconnector-modal-header {
  border-bottom: none;
  padding-bottom: 4px
}

.waffle-create-looker-datasource-dialog .waffle-dataconnector-modal-body {
  padding-top: 4px;
  padding-bottom: 10px
}

.waffle-create-looker-datasource-dialog-content {
  padding-top: 40px;
  display: flex;
  flex-direction: column
}

.waffle-create-looker-datasource-dialog-content-gm3 {
  padding-top: 10px
}

.waffle-create-looker-datasource-dialog-chips-title {
  padding: 10px 0 5px;
  color: #5f6368;
  font: 500 11px Roboto, Helvetica, Arial, sans-serif;
  letter-spacing: .8px;
  text-transform: uppercase;
  line-height: 16px
}

.waffle-create-looker-datasource-dialog-chips-title-gm3 {
  font: 400 14px Roboto, Helvetica, Arial, sans-serif;
  line-height: 20px;
  letter-spacing: 0;
  text-transform: none
}

.waffle-create-looker-datasource-dialog-textfield-wrapper .docs-material-labeled-text-field-label {
  pointer-events: none
}

.waffle-create-looker-datasource-dialog-error-message-wrapper {
  color: #d93025
}

.waffle-create-looker-datasource-dialog-footer-message {
  margin: 0 24px 0 0
}

.waffle-create-looker-datasource-dialog-snackbar {
  z-index: 10000
}

.docs-ui-toast.waffle-create-looker-datasource-dialog-toast-message-error,
.docs-ui-toast.waffle-create-looker-datasource-dialog-toast-message-success {
  bottom: 160px;
  z-index: 10000
}

.docs-ui-toast.waffle-create-looker-datasource-dialog-toast-message-success {
  left: calc(50vw - 168px);
  width: 288px !important
}

.docs-ui-toast.waffle-create-looker-datasource-dialog-toast-message-error {
  left: calc(50vw - 196.5px);
  width: 345px !important
}

.waffle-create-looker-datasource-dialog-button-wrapper {
  text-align: right;
  align-items: center
}

.waffle-create-looker-datasource-dialog-unlink-button-wrapper {
  margin-top: 10px
}

.waffle-create-looker-datasource-dialog-send-feedback {
  display: inline-block
}

.waffle-create-looker-datasource-dialog-additional-info-message {
  padding-top: 50px
}

.waffle-create-looker-datasource-dialog-additional-info-message-gm3 {
  padding-top: 20px;
  font: 400 14px Roboto, Helvetica, Arial, sans-serif;
  line-height: 20px;
  letter-spacing: 0
}

.waffle-create-looker-datasource-dialog .waffle-dataconnector-modal-footer {
  border-top: none;
  box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15);
  color: #5f6368;
  font-size: 12px;
  line-height: 16px;
  z-index: 1
}

.waffle-create-looker-datasource-dialog-footer-wrapper {
  align-items: center;
  display: flex;
  flex-direction: row
}

.waffle-create-looker-datasource-dialog-footer-wrapper .docs-material-button {
  margin: 0
}

.waffle-create-looker-datasource-dialog-footer-wrapper-gm3 {
  align-items: center;
  display: block;
  padding: 0 12px 0 0
}

.waffle-create-looker-datasource-dialog-button-wrapper-gm3 .docs-material-button {
  margin: 8px 0
}

.waffle-create-looker-datasource-dialog-button-wrapper-gm3 {
  display: flex;
  flex-direction: row-reverse;
  padding: 8px 0
}

.waffle-create-looker-datasource-dialog-gm3 .docs-gm3-outlined-button.docs-gm3-button-disabled {
  background: rgba(31, 31, 31, .12)
}

.waffle-create-looker-datasource-dialog-footer-message-gm3 {
  margin: 8px 0;
  font: 400 14px Roboto, Helvetica, Arial, sans-serif;
  line-height: 20px;
  letter-spacing: 0
}

.waffle-create-looker-datasource-dialog-spinner {
  height: 28px;
  margin: 0 auto;
  padding-top: 10px;
  width: 28px
}

.waffle-create-looker-datasource-dialog-gm3 .waffle-material-multiactionchip-hover {
  background: rgba(11, 87, 208, .08)
}

.waffle-create-looker-datasource-dialog-gm3 .waffle-material-multiactionchip-focus {
  background: rgba(11, 87, 208, .12);
  border-color: 1px solid #0b57d0
}

.waffle-create-looker-datasource-dialog-gm3 .waffle-material-multiactionchip:active {
  background: rgba(11, 87, 208, .12)
}

.waffle-dbsource-looker-column-filtered-menu .waffle-dbsource-looker-column-filtered-menu-view-label,
.waffle-dbsource-looker-column-filtered-menu-collapsible-header {
  background-color: #fff;
  color: #3c4043;
  cursor: pointer;
  font-family: sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 18px;
  line-height: 18px;
  margin-bottom: 12px;
  margin-left: 8px;
  margin-right: 8px;
  position: relative
}

.waffle-dbsource-looker-group-menuitem-collapsible-header {
  cursor: default;
  position: relative
}

.waffle-dbsource-looker-column-filtered-menu-collapsible-header .waffle-dbsource-looker-collapsible-section-title {
  height: 18px;
  line-height: 18px;
  overflow: hidden;
  padding-left: 29px;
  text-overflow: ellipsis;
  white-space: nowrap
}

.waffle-dbsource-looker-column-filtered-menu-field-tooltip-header .waffle-dbsource-looker-group-menuitem-field-tooltip-header {
  width: 164px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: pre-wrap;
  line-height: 16px;
  font-weight: 500
}

.waffle-dbsource-looker-column-filtered-menu-field-tooltip-description .waffle-dbsource-looker-group-menuitem-field-tooltip-description {
  width: 164px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  white-space: pre-wrap;
  line-height: 16px;
  font-weight: 400
}

.waffle-dbsource-looker-column-filtered-menu-collapsible-header .waffle-dbsource-looker-collapsible-section-title .waffle-dbsource-looker-collapsible-section-title-match {
  font-weight: 700
}

.waffle-dbsource-looker-group-menuitem-collapsible-header .waffle-dbsource-looker-collapsible-section-title {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  line-height: 21px;
  overflow: hidden;
  padding-left: 29px;
  text-overflow: ellipsis;
  white-space: nowrap
}

.waffle-dbsource-looker-group-menuitem-collapsible-header .waffle-dbsource-looker-collapsible-section-title .waffle-dbsource-looker-collapsible-section-title-match {
  font-weight: 500
}

.waffle-dbsource-looker-column-filtered-menu-view-container {
  border-bottom: 1px solid #e8eaed;
  cursor: auto;
  margin-bottom: 8px;
  padding: 5px 0
}

.waffle-dbsource-looker-column-filtered-menu-view-container:last-of-type {
  border-bottom: none
}

.waffle-dbsource-looker-column-filtered-menu-field-category {
  color: #5f6368;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  margin: 10px 0 10px 8px
}

.waffle-dbsource-looker-column-filtered-menu-field-category.waffle-pivot-pill-nodrag {
  cursor: auto
}

.goog-menu.waffle-sidebar-draglist-menu.waffle-dbsource-looker-column-filtered-menu .goog-menu-content {
  padding: 8px 0
}

.goog-menu.waffle-sidebar-draglist-menu.waffle-dbsource-looker-column-filtered-menu .docs-charts-editor-collapsible-content>div {
  padding: 0 4px
}

.waffle-dbsource-looker-column-filtered-menu.goog-menu.waffle-sidebar-draglist-menu .goog-menuitem {
  padding-bottom: 3px;
  padding-top: 3px
}

.waffle-dbsource-looker-column-filtered-menu.goog-menu.waffle-sidebar-draglist-menu .goog-menuitem .docs-charts-editor-collapsible-opened {
  width: 100%
}

.waffle-dbsource-looker-column-filtered-menu.goog-menu.waffle-sidebar-draglist-menu .waffle-dbsource-looker-group-menuitem .goog-menuitem {
  padding-left: 0;
  padding-right: 0
}

.docs-gm .waffle-dbsource-looker-column-filtered-menu-collapsible-header .docs-charts-editor-collapsible-icon,
.docs-gm .waffle-dbsource-looker-group-menuitem-collapsible-header .docs-charts-editor-collapsible-icon {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij48ZyBzdHlsZT0iZmlsbDpub25lO3N0cm9rZS13aWR0aDoxO3N0cm9rZTpub25lIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5IDkpc2NhbGUoMSAtMSl0cmFuc2xhdGUoLTkgLTkpIj48cmVjdCB3aWR0aD0iMTgiIGhlaWdodD0iMTgiLz48cG9seWdvbiBwb2ludHM9IjkgNSAzIDExIDQuNCAxMi40IDkgNy44IDEzLjYgMTIuNCAxNSAxMSIgZmlsbD0iIzAwMCIvPjwvZz48L2c+PC9zdmc+");
  cursor: pointer;
  height: 18px;
  left: 0;
  opacity: .6;
  transform: rotate(-90deg);
  transition: none;
  top: 0 !important;
  width: 18px
}

@media (forced-colors:active) {

  .docs-gm .waffle-dbsource-looker-column-filtered-menu-collapsible-header .docs-charts-editor-collapsible-icon,
  .docs-gm .waffle-dbsource-looker-group-menuitem-collapsible-header .docs-charts-editor-collapsible-icon {
    opacity: 1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cg style='fill:none;stroke-width:1;stroke:none'%3E%3Cg transform='translate(9 9)scale(1 -1)translate(-9 -9)'%3E%3Crect width='18' height='18'/%3E%3Cpolygon points='9 5 3 11 4.4 12.4 9 7.8 13.6 12.4 15 11' fill='%23FFF'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
  }
}

.docs-gm .docs-charts-editor-collapsible-opened>div>.waffle-dbsource-looker-column-filtered-menu-collapsible-header .docs-charts-editor-collapsible-icon,
.docs-gm .docs-charts-editor-collapsible-opened>div>.waffle-dbsource-looker-group-menuitem-collapsible-header .docs-charts-editor-collapsible-icon {
  transform: none
}

.waffle-dbsource-column-filtered-menu.waffle-dbsource-looker-column-filtered-menu .waffle-dbsource-looker-group-menuitem {
  padding-left: 12px
}

.waffle-looker-datasource-settings-dialog .waffle-dataconnector-modal-title {
  padding-right: 0;
  width: 400px
}

.waffle-looker-datasource-settings-dialog .waffle-dbsourcesettingsdialog-project-menu-wrapper .goog-menu.waffle-dataconnector-tablepicker-filtered-menu .goog-menu-content {
  max-height: 228px;
  min-height: 200px
}

.waffle-looker-datasource-settings-dialog .waffle-dbsourcesettingsdialog-project-menu-wrapper .goog-menu.waffle-dataconnector-tablepicker-filtered-menu.waffle-dataconnector-tablepicker-paginated-menu .goog-menu-content {
  height: 200px
}

.waffle-looker-datasource-settings-dialog-back-button {
  height: 32px;
  margin-right: -5px;
  margin-top: -5px;
  width: 32px
}

.waffle-looker-datasource-settings-dialog-back-button .docs-material-button-flat-default,
.waffle-looker-datasource-settings-dialog-back-button .docs-material-button-flat-default.docs-material-button-focused.docs-material-button-no-focus-border {
  margin: 0;
  padding: 0
}

.docs-material-button-flat-default.docs-material-button-focused.docs-material-button-no-focus-border .waffle-looker-datasource-settings-dialog-back-button .docs-material-button-flat-default.docs-material-button.docs-material-button-hover,
.waffle-looker-datasource-settings-dialog-back-button .docs-material-button-flat-default.docs-material-button.docs-material-button-active {
  background-color: transparent
}

.waffle-material-multiactionchip {
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  background: #fff;
  border: 1px solid #dadce0;
  text-transform: none;
  font-size: 12px;
  width: -moz-fit-content;
  width: fit-content;
  color: #5f6368;
  display: flex;
  align-items: center;
  min-width: 0
}

.waffle-material-multiactionchip-action-button {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
  padding-left: 10px;
  height: 100%;
  cursor: pointer
}

.waffle-material-multiactionchip-action-button:focus {
  outline: none
}

.waffle-material-multiactionchip-hover {
  background: #f8fcf9;
  border-color: #c8e7d1
}

.waffle-material-multiactionchip-focus {
  background: #e7f5eb;
  border-color: #bbe2c6
}

.waffle-material-multiactionchip:active {
  background: #dff2e4;
  border-color: transparent;
  box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15)
}

.waffle-material-multiactionchip:disabled {
  background: #fff;
  border-color: #f1f3f4;
  color: #3c4043;
  opacity: .38
}

.waffle-material-multiactionchip-delete-button {
  background: transparent;
  border-radius: 50%;
  cursor: pointer;
  display: block;
  height: 100%;
  display: flex;
  align-items: center;
  opacity: .54;
  position: relative;
  transition: background-color .28s ease-out, opacity .28s ease-out;
  width: 25px
}

@media screen and (forced-colors:active) {
  .waffle-material-multiactionchip-focus {
    outline: 1px solid Highlight;
    outline-offset: -4px
  }

  .waffle-material-multiactionchip-delete-button:focus {
    outline: 1px solid Highlight;
    outline-offset: -4px
  }

  .waffle-material-multiactionchip-delete-button {
    opacity: .9
  }
}

.waffle-material-multiactionchip-delete-button svg {
  height: 15px;
  margin: 5px;
  width: 15px
}

.waffle-material-multiactionchip-delete-button:focus {
  opacity: 1;
  background-color: rgba(0, 0, 0, .12)
}

.waffle-material-multiactionchip-delete-button:hover {
  opacity: 1
}

.waffle-material-multiactionchip-set {
  display: flex;
  flex-wrap: wrap;
  gap: 5px
}

.waffle-dataconnector-prompt {
  background: #fff;
  border: none;
  border-radius: 8px;
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2);
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  position: absolute;
  z-index: 1302
}

.waffle-dataconnector-prompt-bg {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 1300
}

.waffle-dataconnector-prompt:focus {
  outline: none
}

.waffle-dataconnector-prompt-title {
  padding: 24px 24px 20px 24px
}

.waffle-dataconnector-prompt-title-text {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 22px;
  padding-right: 38px
}

.waffle-dataconnector-prompt-title-close {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgIDxwYXRoIGQ9Ik0wLDAgTDE4LDAgTDE4LDE4IEwwLDE4IEwwLDAgWiBNMCwwIEwxOCwwIEwxOCwxOCBMMCwxOCBMMCwwIFoiLz4KICAgICAgPHBvbHlnb24gZmlsbD0iIzVmNjM2OCIgY2xhc3M9IndhZmZsZS1jbG9zZS1pY29uIiBwb2ludHM9IjE0LjUzIDQuNTMgMTMuNDcgMy40NyA5IDcuOTQgNC41MyAzLjQ3IDMuNDcgNC41MyA3Ljk0IDkgMy40NwogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDEzLjQ3IDQuNTMgMTQuNTMgOSAxMC4wNiAxMy40NyAxNC41MyAxNC41MyAxMy40NyAxMC4wNiA5Ii8+CiAgICA8L2c+CiAgPC9zdmc+") no-repeat;
  background-size: cover;
  cursor: pointer;
  display: block;
  height: 20px;
  position: absolute;
  right: 24px;
  top: 26px;
  width: 20px
}

.waffle-dataconnector-prompt-content {
  padding: 0 24px
}

.waffle-dataconnector-prompt-buttons {
  float: right;
  padding: 8px 24px 24px 4px
}

.waffle-dataconnector-prompt-buttons .docs-material-button {
  text-transform: none
}

.waffle-dataconnector-prompt-buttons:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  width: 0
}

.waffle-dataconnector-modal {
  background: #fff;
  border-radius: 2px;
  border: none;
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2);
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  position: absolute;
  z-index: 1003
}

.waffle-dataconnector-modal.docs-material-gm-dialog {
  border-radius: 8px;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}

.waffle-dataconnector-modal-bg {
  background-color: rgba(0, 0, 0, .54);
  z-index: 998
}

.waffle-dataconnector-modal:focus {
  outline: none
}

.waffle-dataconnector-modal-header {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid rgba(0, 0, 0, .12);
  padding: 24px;
  -webkit-user-select: none;
  user-select: none
}

.waffle-dataconnector-modal-title {
  font-weight: 500;
  font-size: 18px;
  padding-right: 38px
}

.docs-material-gm-dialog .waffle-dataconnector-modal-title {
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 22px
}

.waffle-dataconnector-modal-title svg {
  transform: scale(1.4);
  bottom: -.125em;
  font-size: 18px;
  height: 1em;
  margin-right: 8px;
  position: relative;
  width: 1em
}

.docs-material-gm-dialog .waffle-dataconnector-modal-title svg path {
  fill: #5f6368
}

.waffle-dataconnector-modal-close-button {
  background: transparent;
  border-radius: 50%;
  cursor: pointer;
  display: block;
  height: 28px;
  opacity: .54;
  position: relative;
  transition: background-color .28s ease-out, opacity .28s ease-out;
  width: 28px
}

.waffle-dataconnector-modal-close-button svg {
  height: 18px;
  margin: 5px;
  width: 18px
}

.waffle-dataconnector-modal-close-button:focus {
  opacity: 1;
  background-color: rgba(0, 0, 0, .12);
  outline: none
}

.waffle-dataconnector-modal-close-button:hover {
  opacity: 1
}

.waffle-dataconnector-modal-body {
  padding: 24px
}

.waffle-dataconnector-modal-footer {
  border-top: 1px solid rgba(0, 0, 0, .12);
  padding: 15px 12px 15px 24px
}

.docs-hc-gecko.waffle-dataconnector-modal-close-button polygon {
  fill: #fff
}

.waffle-dataconnector-bigqueryquerysettingsdialog {
  width: 512px
}

.waffle-dataconnector-bigqueryquerysettingsdialog .waffle-dataconnector-modal-body {
  height: 283px;
  padding: 0
}

.waffle-dataconnector-bigqueryquerysettingsdialog-project-select-wrapper {
  width: 100%
}

.waffle-dataconnector-bigqueryquerysettingsdialog-project-select-header {
  font-weight: 700;
  margin: 16px 0
}

.waffle-dataconnector-bigqueryquerysettingsdialog-project-section {
  padding: 24px
}

.waffle-dataconnector-bigqueryquerysettingsdialog-error-caption {
  color: #e06055;
  margin-top: 8px
}

.waffle-dataconnector-bigqueryquerysettingsdialog .waffle-dataconnector-modal-footer {
  border-top: none;
  padding: 0
}

.waffle-dataconnector-bigqueryquerysettingsdialog-continue-button-wrapper {
  display: flex
}

.waffle-dataconnector-bigqueryquerysettingsdialog-continue-button-wrapper>p {
  color: rgba(0, 0, 0, .54);
  flex: 1;
  margin: 14px 24px
}

.waffle-dataconnector-bigqueryquerysettingsdialog-continue-button {
  margin: 16px 24px
}

.waffle-dataconnector-bigqueryquerysettingsdialog-continue-button-wrapper:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  width: 0
}

.waffle-dataconnector-footer-sharing-message {
  background-color: #fafafa;
  color: rgba(0, 0, 0, .54);
  padding: 16px 24px 24px 60px;
  position: relative
}

.waffle-dataconnector-footer-sharing-message:after {
  background-size: contain;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iIzAwMDAwMCI+CiAgICA8cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+CiAgICA8cGF0aCBkPSJNMTggOGgtMVY2YzAtMi43Ni0yLjI0LTUtNS01UzcgMy4yNCA3IDZ2Mkg2Yy0xLjEgMC0yIC45LTIgMnYxMGMwIDEuMS45IDIgMiAyaDEyYzEuMSAwIDItLjkgMi0yVjEwYzAtMS4xLS45LTItMi0yem0tNiA5Yy0xLjEgMC0yLS45LTItMnMuOS0yIDItMiAyIC45IDIgMi0uOSAyLTIgMnptMy4xLTlIOC45VjZjMC0xLjcxIDEuMzktMy4xIDMuMS0zLjEgMS43MSAwIDMuMSAxLjM5IDMuMSAzLjF2MnoiLz4KPC9zdmc+Cg==");
  content: "";
  display: block;
  height: 18px;
  left: 27px;
  opacity: .54;
  position: absolute;
  top: 23px;
  width: 18px
}

.waffle-dataconnector-error-popup {
  max-width: 780px;
  min-width: 480px
}

.waffle-dataconnector-error-popup .waffle-dataconnector-prompt-content {
  padding: 0 24px;
  overflow: auto
}

.waffle-dataconnector-error-popup .waffle-dataconnector-error-message-main {
  font: 500 14px Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}

.waffle-dataconnector-learn-more-link {
  text-decoration: underline
}

.waffle-dataconnector-query-parameter-prompt.waffle-dataconnector-modal {
  width: 320px;
  z-index: 1303
}

.waffle-dataconnector-query-parameter-prompt .waffle-dataconnector-modal-body {
  padding: 0 24px
}

.waffle-dataconnector-query-parameter-prompt-name-field input {
  text-transform: uppercase
}

.waffle-dataconnector-query-parameter-prompt-toggle-row {
  display: flex;
  height: 21px;
  margin-top: 16px
}

.waffle-dataconnector-query-parameter-prompt-toggle-label {
  line-height: 21px;
  margin-left: 8px
}

.waffle-dataconnector-query-parameter-prompt .waffle-dataconnector-modal-header {
  border-bottom: none
}

.waffle-dataconnector-query-parameter-prompt .waffle-dataconnector-modal-footer {
  border-top: none;
  float: right
}

.waffle-dataconnector-query-parameter-prompt-rangepicker {
  border-radius: 50%;
  bottom: 6px;
  height: 29px;
  position: relative;
  right: 0;
  width: 29px
}

.waffle-dataconnector-query-parameter-prompt-rangepicker .docs-icon {
  margin: 4px auto 4px 3px
}

.waffle-dataconnector-query-parameter-prompt-rangepicker-focused {
  background: rgba(0, 0, 0, .12);
  outline: none
}

.waffle-dataconnector-simple-text-input-prompt-text-field {
  width: 400px
}

.waffle-dataconnector-bigquery-query-settings-widget-project-section-header {
  color: rgba(0, 0, 0, .54);
  margin-bottom: 4px
}

.waffle-dataconnector-bigquery-query-settings-widget-alert {
  color: #e06055;
  font-size: 11px;
  font-weight: 500
}

.waffle-dataconnector-bigquery-query-settings-widget-alert .waffle-dataconnector-error-icon {
  bottom: -.325em;
  height: 1.4em;
  margin-right: 4px;
  position: relative;
  width: 1.4em
}

.waffle-dataconnector-bigquery-query-settings-widget-alert-description {
  color: #e06055;
  margin-top: 4px
}

.waffle-dataconnector-bigquery-query-settings-widget-delegation-section .waffle-dataconnector-delegation-settings-widget-header {
  color: rgba(0, 0, 0, .54);
  margin-bottom: 4px;
  margin-top: 16px
}

.waffle-dataconnector-bigquery-query-settings-widget-delegation-section .waffle-dataconnector-delegation-settings-widget-info {
  color: #202124;
  line-height: 16px;
  margin-bottom: 8px
}

.waffle-dataconnector-bigquery-query-settings-widget-delegation-section .waffle-dataconnector-delegation-settings-widget-toggle {
  margin-bottom: 12px
}

.waffle-dataconnector-bigquery-query-settings-widget-delegation-section .waffle-dataconnector-delegation-settings-widget-supplement {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px
}

.waffle-dataconnector-bigquery-query-settings-widget-delegation-section .waffle-dataconnector-delegation-settings-widget-selection-buttons .jfk-radiobutton {
  padding: 0 0 16px 0
}

.waffle-dataconnector-bigquery-query-settings-widget-delegation-section .waffle-dataconnector-delegation-settings-widget-selection-buttons .jfk-radiobutton-radio {
  height: 16px;
  left: 0;
  top: 0;
  width: 16px
}

.waffle-dataconnector-bigquery-query-settings-widget-delegation-section .waffle-dataconnector-delegation-settings-widget-selection-buttons .jfk-radiobutton-label {
  color: #202124;
  letter-spacing: .2px;
  line-height: 16px
}

.waffle-dataconnector-bigquery-query-settings-widget-delegation-section .waffle-dataconnector-delegation-settings-widget-selection-allow-button-helper {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  margin-left: 12px
}

.waffle-dataconnector-bigquery-query-settings-widget-delegation-section .waffle-dataconnector-delegation-settings-widget-make-default-checkbox {
  border-top: 1px solid #dadce0;
  margin-top: 8px
}

.waffle-dataconnector-bigquery-query-settings-widget-delegation-section .waffle-dataconnector-delegation-settings-widget-make-default-checkbox .docs-material-gm-labeled-checkbox {
  align-items: center;
  position: relative
}

.waffle-dataconnector-bigquery-query-settings-widget-delegation-section .waffle-dataconnector-delegation-settings-widget-make-default-checkbox .docs-material-gm-labeled-checkbox-content {
  margin-left: 8px
}

.waffle-dataconnector-bigquery-query-settings-widget-delegation-section .waffle-dataconnector-delegation-settings-widget-make-default-checkbox .docs-material-gm-labeled-checkbox-label {
  color: #202124;
  font-size: 12px
}

.waffle-dataconnector-bigquery-query-settings-widget-delegation-section .waffle-dataconnector-delegation-settings-widget-make-default-checkbox .docs-material-gm-labeled-checkbox-circle {
  margin-top: 0
}

.waffle-dataconnector-bigquery-query-validation-widget-open-button {
  border-radius: 50%;
  bottom: 8px;
  box-sizing: border-box;
  cursor: pointer;
  height: 20px;
  position: absolute;
  right: 8px;
  width: 20px;
  z-index: 10
}

.waffle-dataconnector-bigquery-query-validation-widget-saved-queries-enabled {
  bottom: 80px
}

.waffle-dataconnector-bigquery-query-validation-widget-open-button .waffle-dataconnector-info-icon {
  height: 100%;
  width: 100%
}

.waffle-dataconnector-bigquery-query-validation-widget-open-button-focused,
.waffle-dataconnector-bigquery-query-validation-widget-open-button-hover {
  background: rgba(66, 133, 244, .26)
}

.waffle-dataconnector-bigquery-query-validation-widget-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(66, 133, 244, .12);
  border-top: 1px solid rgba(0, 0, 0, .12);
  bottom: 0;
  box-sizing: border-box;
  color: #3367d6;
  display: none;
  font: inherit;
  font-weight: 500;
  max-height: 60px;
  min-height: 40px;
  padding: 8px;
  padding-left: 16px;
  position: relative;
  right: 0;
  width: 100%
}

.waffle-dataconnector-bigquery-query-validation-widget-message {
  max-height: 44px;
  max-width: calc(100% - 30px);
  overflow-x: hidden;
  overflow-y: auto
}

.waffle-dataconnector-bigquery-query-validation-widget-visible>.waffle-dataconnector-bigquery-query-validation-widget-bar {
  display: flex
}

.waffle-dataconnector-bigquery-query-validation-widget-visible>.waffle-dataconnector-bigquery-query-validation-widget-open-button {
  display: none
}

.waffle-dataconnector-bigquery-query-validation-widget-bar .waffle-dataconnector-error-icon-filled {
  height: 20px;
  min-width: 20px;
  width: 20px
}

.waffle-dataconnector-bigquery-query-validation-widget-valid>.waffle-dataconnector-bigquery-query-validation-widget-bar {
  background: rgba(15, 157, 88, .12);
  color: #0f9d58
}

.waffle-dataconnector-bigquery-query-validation-widget-bar .waffle-dataconnector-info-icon {
  height: 20px;
  margin-right: 8px;
  min-width: 20px;
  width: 20px
}

.waffle-dataconnector-bigquery-query-validation-widget .waffle-dataconnector-error-icon-filled,
.waffle-dataconnector-bigquery-query-validation-widget-invalid .waffle-dataconnector-info-icon,
.waffle-dataconnector-bigquery-query-validation-widget-valid .waffle-dataconnector-info-icon {
  display: none
}

.waffle-dataconnector-bigquery-query-validation-widget-bar .waffle-dataconnector-error-icon-filled {
  margin-right: 8px
}

.waffle-dataconnector-bigquery-query-validation-widget .waffle-dataconnector-valid-icon {
  display: none
}

.waffle-dataconnector-bigquery-query-validation-widget-bar .waffle-dataconnector-valid-icon {
  height: 20px;
  margin-right: 8px;
  min-width: 20px;
  width: 20px
}

.waffle-dataconnector-bigquery-query-validation-widget-invalid .waffle-dataconnector-bigquery-query-validation-widget-bar {
  background: rgba(219, 68, 55, .12);
  color: #db4437
}

.waffle-dataconnector-bigquery-query-validation-widget-invalid .waffle-dataconnector-error-icon-filled,
.waffle-dataconnector-bigquery-query-validation-widget-valid .waffle-dataconnector-valid-icon {
  display: block
}

.waffle-dataconnector-bigquery-query-validation-widget-close-button {
  border-radius: 50%;
  cursor: pointer;
  height: 24px;
  margin-left: auto;
  width: 24px
}

.waffle-dataconnector-bigquery-query-validation-widget-close-button svg {
  height: 20px;
  margin: 2px;
  width: 20px
}

.waffle-dataconnector-bigquery-query-validation-widget .waffle-dataconnector-close-icon polygon {
  fill: #3367d6
}

.waffle-dataconnector-bigquery-query-validation-widget-close-button-focused,
.waffle-dataconnector-bigquery-query-validation-widget-close-button-hover {
  background: rgba(66, 133, 244, .26);
  outline: none
}

.waffle-dataconnector-bigquery-query-validation-widget-invalid .waffle-dataconnector-bigquery-query-validation-widget-close-button-focused,
.waffle-dataconnector-bigquery-query-validation-widget-invalid .waffle-dataconnector-bigquery-query-validation-widget-close-button-hover {
  background: rgba(219, 68, 55, .26)
}

.waffle-dataconnector-bigquery-query-validation-widget-valid .waffle-dataconnector-bigquery-query-validation-widget-close-button-focused,
.waffle-dataconnector-bigquery-query-validation-widget-valid .waffle-dataconnector-bigquery-query-validation-widget-close-button-hover {
  background: rgba(15, 157, 88, .26)
}

.waffle-dataconnector-bigquery-query-validation-widget-valid .waffle-dataconnector-close-icon polygon {
  fill: #0f9d58
}

.waffle-dataconnector-bigquery-query-validation-widget-invalid .waffle-dataconnector-close-icon polygon {
  fill: #db4437
}

.waffle-dataconnector-bigquery-script-widget-projects-selection-menu-header,
.waffle-dataconnector-bigquery-script-widget-saved-queries-selection-menu-header {
  color: rgba(0, 0, 0, .54);
  margin-bottom: 4px
}

.waffle-dataconnector-bigquery-script-widget-projects-selection-menu-header {
  display: flex;
  align-items: center
}

.waffle-dataconnector-bigquery-script-widget-projects-selection-menu {
  margin-bottom: 10px
}

.waffle-dataconnector-bigquery-script-widget-saved-queries-controls {
  align-items: center;
  display: flex;
  flex-direction: row
}

.waffle-dataconnector-bigquery-script-widget-saved-query-refresh-spinner {
  margin-top: 8px
}

.waffle-dataconnector-bigquery-script-widget-saved-query-refresh-button-wrapper {
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 4px
}

.waffle-dataconnector-bigquery-script-widget-saved-query-refresh-button-wrapper .docs-material-button-hairline-primary.docs-material-button,
.waffle-dataconnector-bigquery-script-widget-saved-query-refresh-button-wrapper .docs-material-button-hairline-primary.docs-material-button-active,
.waffle-dataconnector-bigquery-script-widget-saved-query-refresh-button-wrapper .docs-material-button-hairline-primary.docs-material-button-focused,
.waffle-dataconnector-bigquery-script-widget-saved-query-refresh-button-wrapper .docs-material-button-hairline-primary.docs-material-button-hover {
  padding: 8px 18px 10px
}

.waffle-dataconnector-bigquery-script-widget-saved-query-refresh-button {
  align-items: center;
  display: flex
}

.waffle-dataconnector-bigquery-script-widget-saved-query-refresh-button-icon.docs-material .docs-icon-img {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_green.svg)
}

.waffle-ui-text-link-button-disabled .waffle-dataconnector-bigquery-script-widget-saved-query-refresh-button-icon.docs-material .docs-icon-img {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_grey_medium.svg);
  opacity: .38
}

.waffle-dataconnector-bigquery-script-widget-saved-query-refresh-spinner .waffle-spinner {
  height: 24px;
  width: 24px
}

.waffle-dataconnector-bigquery-script-widget-saved-query-content-loading-spinner .waffle-spinner {
  height: 18px;
  padding-top: 4px;
  width: 18px
}

.waffle-dataconnector-bigquery-script-widget-selected-saved-query-last-updated-time {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
  line-height: 20px;
  margin-top: 4px
}

.waffle-dataconnector-bigquery-script-widget-projects-error,
.waffle-dataconnector-bigquery-script-widget-saved-queries-error {
  color: #d23f31;
  font-size: 11px;
  font-weight: 500;
  margin-top: 4px;
  overflow-wrap: break-word;
  padding-left: 1px
}

.waffle-dataconnector-bigquery-script-widget-saved-query-content-loading-wrapper {
  display: flex;
  gap: 6px;
  margin-top: 8px;
  align-items: center
}

.waffle-dataconnector-bigquery-script-widget-saved-query-content-loading-text {
  color: #188038;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 500;
  height: 15px;
  line-height: 15.23px;
  letter-spacing: .0866666734px;
  text-align: left;
  width: 48px
}

.waffle-dataconnector-bigquery-script-widget-saved-query-content-loading-spinner .waffle-spinner-circle {
  border-width: 1.8px
}

.waffle-dataconnector-bigquery-script-widget-saved-query-error-icon .waffle-dataconnector-error-icon {
  height: 16px;
  width: 16px
}

.waffle-dataconnector-bigquery-script-widget-projects-error-text,
.waffle-dataconnector-bigquery-script-widget-saved-queries-error-button {
  color: #d93025;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .25px;
  line-height: 20px;
  padding-top: 1px
}

.waffle-dataconnector-bigquery-script-widget-projects-error,
.waffle-dataconnector-bigquery-script-widget-saved-queries-error {
  display: flex;
  flex-direction: row;
  gap: 4px
}

.waffle-dataconnector-bigquery-script-widget-saved-queries-error {
  gap: 2px;
  margin-top: 8px
}

.waffle-dataconnector-bigquery-script-widget-saved-query-error-icon {
  padding-top: 3px
}

.waffle-dataconnector-bigquery-script-widget-saved-queries-error-button .goog-link-button,
.waffle-dataconnector-bigquery-script-widget-saved-queries-error-button .goog-link-button-focused {
  border: none;
  border-radius: 2px;
  box-shadow: none;
  box-sizing: border-box;
  color: #d93025;
  margin: 0 6px 0 0;
  outline: none;
  padding: 0 6px 0 4px;
  text-decoration: none
}

.waffle-dataconnector-bigquery-script-widget-saved-queries-error-button .goog-link-button-focused {
  background: rgba(217, 48, 37, .12);
  color: #a50e0e;
  fill: #a50e0e
}

.waffle-dataconnector-bigquery-script-widget-saved-queries-error-button .goog-link-button-hover {
  background: rgba(217, 48, 37, .04);
  color: #a50e0e;
  fill: #a50e0e
}

.waffle-dataconnector-bigquery-script-widget-saved-queries-error-button .goog-link-button-active {
  background: rgba(217, 48, 37, .1);
  color: #a50e0e;
  fill: #a50e0e
}

@media screen and (forced-colors:active) and (prefers-color-scheme:dark) {
  .waffle-dataconnector-bigquery-script-widget-saved-queries-error-button .goog-link-button-focused {
    outline: 1px solid Highlight;
    outline-offset: -4px
  }
}

.waffle-dataconnector-bigquery-script-widget-projects-selection-menu-header-info-icon {
  align-self: center;
  outline: none
}

.waffle-dataconnector-bigquery-script-widget-projects-selection-menu-header-info-icon .docs-icon {
  height: 24px;
  transform: scale(.67);
  width: 24px
}

.waffle-dataconnector-bigquery-script-widget-projects-selection-menu-header-info-icon-tooltip.jfk-tooltip {
  max-width: 180px;
  padding: 5px 0;
  text-align: center
}

.waffle-dataconnector-codemirrorquerytexteditor {
  flex-grow: 1;
  height: 100%;
  position: relative
}

.waffle-dataconnector-codemirrorquerytexteditor,
.waffle-dataconnector-codemirrorquerytexteditor .CodeMirror {
  font-family: Roboto Mono, Consolas, monospace;
  height: 100%
}

.waffle-dataconnector-codemirrorquerytexteditor .CodeMirror-gutters {
  border-right: 1px solid rgba(0, 0, 0, .12)
}

.waffle-dataconnector-codemirrorquerytexteditor>.CodeMirror-focused .CodeMirror-gutters {
  border-right: 1px solid #4285f4
}

.waffle-dataconnector-codemirrorquerytexteditor .CodeMirror-linenumbers {
  background: #f5f5f5;
  color: rgba(0, 0, 0, .54);
  font: 500 13px Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}

.waffle-dataconnector-codemirrorquerytexteditor .CodeMirror-gutter-elt {
  min-width: 0;
  padding: 0 20px
}

.waffle-dataconnector-codemirrorquerytexteditor .CodeMirror-lines {
  padding: 16px 0
}

.waffle-dataconnector-codemirrorquerytexteditor .CodeMirror-line {
  padding-left: 16px
}

.waffle-dataconnector-codemirrorquerytexteditor .CodeMirror-hide-cursor .CodeMirror-cursor {
  visibility: hidden
}

.waffle-dataconnector-queryeditor-collapsible-sidebar-widget {
  border-bottom: 1px solid rgba(0, 0, 0, .12)
}

.waffle-dataconnector-queryeditor-collapsible-sidebar-widget .docs-charts-editor-collapsible-header {
  color: rgba(0, 0, 0, .87)
}

.waffle-dataconnector-queryeditor-query-settings-icon {
  margin-right: 8px
}

.waffle-dataconnector-queryeditor-collapsible-sidebar-widget .docs-charts-editor-collapsible-title {
  width: calc(100% - 50px)
}

.waffle-dataconnector-queryeditor-collapsible-sidebar-widget .docs-charts-editor-collapsible-summary {
  display: none
}

.waffle-dataconnector-queryeditor-collapsible-sidebar-widget .docs-charts-editor-collapsible-content>div {
  padding: 8px 16px 16px
}

.waffle-dataconnector-queryeditor-collapsible-sidebar-widget .docs-charts-editor-collapsible-header {
  border: 1px solid transparent
}

.waffle-dataconnector-queryeditor-collapsible-sidebar-widget .docs-charts-editor-collapsible-header.goog-control-focused {
  border: 1px solid #4285f4
}

.waffle-dataconnector-dbschematreenode-label {
  cursor: pointer;
  display: flex;
  height: 22px;
  position: relative;
  width: 100%
}

.waffle-dataconnector-dbschematreenode-title {
  height: 22px;
  line-height: 22px;
  max-width: calc(100% - 28px);
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap
}

.waffle-dataconnector-dbschematreenode .waffle-dataconnector-expand-icon {
  width: 18px;
  height: 18px;
  margin: 2px 10px 2px 2px;
  transform: rotate(-90deg);
  transition: transform .2s cubic-bezier(.4, 0, 1, 1)
}

.waffle-dataconnector-dbschematreenode-rtl .waffle-dataconnector-expand-icon {
  transform: rotate(90deg)
}

.waffle-dataconnector-dbschematreenode .waffle-spinner {
  height: 14px;
  margin: 4px 12px 4px 4px;
  width: 14px
}

.waffle-dataconnector-dbschematreenode .waffle-spinner-circle {
  border-width: 2px
}

.waffle-dataconnector-dbschematreenode>.waffle-dataconnector-dbschematreenode-label>.waffle-dataconnector-dbschematreenode-spinner-container {
  display: none
}

.waffle-dataconnector-dbschematreenode-loading>.waffle-dataconnector-dbschematreenode-label>.waffle-dataconnector-dbschematreenode-spinner-container {
  display: block
}

.waffle-dataconnector-dbschematreenode-loading>.waffle-dataconnector-dbschematreenode-label>.waffle-dataconnector-expand-icon {
  display: none
}

.waffle-dataconnector-dbschematreenode-open>.waffle-dataconnector-dbschematreenode-label>.waffle-dataconnector-expand-icon {
  transform: rotate(0deg)
}

.waffle-dataconnector-dbschematreenode-leaf>.waffle-dataconnector-dbschematreenode-label>.waffle-dataconnector-expand-icon {
  visibility: hidden
}

.waffle-dataconnector-dbschematreenode-label:hover,
.waffle-dataconnector-dbschematreenode-selected>.waffle-dataconnector-dbschematreenode-label {
  color: #3367d6
}

.waffle-dataconnector-dbschematreenode-child-container {
  display: none;
  margin-left: 16px
}

.waffle-dataconnector-dbschematreenode-open>.waffle-dataconnector-dbschematreenode-child-container {
  display: block
}

.waffle-dataconnector-dbschematreenode-error .waffle-dataconnector-dbschematreenode-title {
  color: #e06055;
  font-size: 11px;
  padding-left: 13px
}

.waffle-dataconnector-dbschematreenode-error .waffle-dataconnector-expand-icon {
  display: none
}

.waffle-dataconnector-textarea-editor {
  flex-grow: 1;
  height: 100%;
  position: relative
}

.waffle-dataconnector-textarea-editor-textareawrapper {
  box-sizing: border-box;
  border-radius: 0;
  border: none;
  height: 100%;
  margin: 0;
  overflow: hidden;
  position: absolute;
  width: 100%
}

.waffle-dataconnector-textarea-editor-textarea {
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 0;
  border: none;
  color: #000;
  display: block;
  font-family: Roboto Mono, Consolas, monospace;
  font-size: 13px;
  height: 100%;
  line-height: 20px;
  margin: 0 0 0 48px;
  outline: none;
  overflow: auto;
  overflow-wrap: normal;
  padding: 8px;
  resize: none;
  white-space: pre;
  width: calc(100% - 48px);
  word-wrap: normal
}

.waffle-dataconnector-textarea-editor-linegutter {
  background: #f5f5f5;
  border-right: 1px solid rgba(0, 0, 0, .12);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 48px
}

.waffle-dataconnector-textarea-editor-focused .waffle-dataconnector-textarea-editor-linegutter {
  border-right: 1px solid #4285f4
}

.waffle-dataconnector-textarea-editor-linenumber-container {
  left: 0;
  padding-top: 8px;
  position: absolute;
  width: 100%
}

.waffle-dataconnector-textarea-editor-linenumber {
  height: 20px;
  line-height: 20px;
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  vertical-align: middle
}

.waffle-dataconnector-plx-query-settings-widget {
  font: inherit
}

.waffle-dataconnector-plx-query-settings-widget-engine-section {
  margin-top: 8px
}

.waffle-dataconnector-plx-query-settings-widget-script-section {
  margin-top: 16px
}

.waffle-dataconnector-plx-query-settings-widget-script-section .waffle-dataconnector-removable-chip {
  margin-top: 8px
}

.waffle-dataconnector-plx-query-settings-widget-script-label {
  font-size: 11px
}

.waffle-dataconnector-plx-query-settings-widget-link-script-button {
  margin: 8px 0 0 0
}

.waffle-dataconnector-modal.waffle-dataconnector-newqueryeditor {
  display: flex;
  flex-direction: column;
  height: calc(100% - 16px);
  max-height: 640px;
  min-height: 400px;
  width: 832px
}

.waffle-dataconnector-newqueryeditor .waffle-dataconnector-newqueryeditor-footer-message {
  max-width: 500px
}

.waffle-dataconnector-modal.waffle-dataconnector-newqueryeditor.docs-material-gm-dialog {
  width: 880px
}

.waffle-dataconnector-newqueryeditor .waffle-dataconnector-modal-body {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  max-height: 457px;
  padding: 0
}

.waffle-dataconnector-newqueryeditor.docs-material-gm-dialog .waffle-dataconnector-modal-body {
  padding: 0 24px 24px
}

.waffle-dataconnector-newqueryeditor.docs-material-gm-dialog .waffle-dataconnector-modal-header {
  border: none
}

.waffle-dataconnector-newqueryeditor .waffle-dataconnector-newqueryeditor-container {
  display: flex;
  flex-direction: row-reverse;
  flex-grow: 1;
  justify-content: space-between;
  height: 100%;
  overflow: hidden;
  position: relative
}

.waffle-dataconnector-newqueryeditor.docs-material-gm-dialog .waffle-dataconnector-newqueryeditor-container {
  border: 1px solid rgba(0, 0, 0, .12);
  border-radius: 4px
}

.waffle-dataconnector-newqueryeditor-main {
  border-right: 1px solid rgba(0, 0, 0, .12);
  overflow: hidden;
  position: relative;
  width: 576px
}

.waffle-dataconnector-newqueryeditor-sidebar {
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
  width: calc(100% - 576px)
}

.waffle-dataconnector-newqueryeditor-preview-pane {
  bottom: 0;
  height: 0;
  position: absolute;
  overflow: hidden;
  width: 100%
}

.waffle-dataconnector-newqueryeditor-info-pane:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  width: 0
}

.waffle-dataconnector-newqueryeditor .waffle-dataconnector-modal-footer {
  display: flex;
  align-items: center;
  border-top: 1px solid rgba(0, 0, 0, .12);
  padding: 16px
}

.waffle-dataconnector-newqueryeditor-footer-message-container {
  display: flex;
  flex-grow: 1;
  height: 48px;
  margin: 0 8px
}

.waffle-dataconnector-newqueryeditor-footer-message {
  color: rgba(0, 0, 0, .54);
  margin-bottom: auto;
  margin-top: auto;
  max-height: 48px;
  overflow: auto
}

.waffle-dataconnector-newqueryeditor-footer-message-container .waffle-dataconnector-error-icon {
  display: none;
  height: 24px;
  margin-bottom: auto;
  margin-right: 8px;
  margin-top: auto;
  min-width: 24px;
  width: 24px
}

.waffle-dataconnector-newqueryeditor-footer-message-container.waffle-dataconnector-newqueryeditor-unhandled-error>.waffle-dataconnector-newqueryeditor-footer-message {
  color: #db4437
}

.waffle-dataconnector-newqueryeditor-footer-message-container.waffle-dataconnector-newqueryeditor-unhandled-error .waffle-dataconnector-error-icon {
  display: block
}

.waffle-dataconnector-newqueryeditor-execute-query-button,
.waffle-dataconnector-newqueryeditor-preview-query-button {
  min-width: 140px;
  white-space: nowrap
}

.waffle-dataconnector-newqueryeditor-preview-query-button .waffle-dataconnector-refresh-icon {
  height: 24px;
  margin: 4px;
  width: 24px
}

.waffle-dataconnector-newqueryeditor-preview-query-button .waffle-dataconnector-refresh-icon path {
  fill: #4285f4
}

.waffle-dataconnector-newqueryeditor-preview-query-button.docs-material-button-disabled .waffle-dataconnector-refresh-icon path {
  fill: rgba(0, 0, 0, .26)
}

.waffle-dataconnector-newqueryeditor-editor-pane {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
  overflow: hidden
}

.waffle-dataconnector-newqueryeditor-sidebar::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, .12);
  min-height: 0;
  width: 8px
}

.waffle-dataconnector-newqueryeditor-sidebar::-webkit-scrollbar-track {
  border: none;
  padding: 0;
  width: 8px
}

.waffle-dataconnector-newqueryeditor-sidebar::-webkit-scrollbar {
  width: 8px;
  border-left: 1px solid rgba(0, 0, 0, .12)
}

.waffle-dataconnector-queryeditor-queryparameterchip-name {
  font-weight: 700
}

.waffle-removable-chip-error .waffle-dataconnector-queryeditor-queryparameterchip-name {
  color: #db4437
}

.waffle-dataconnector-queryeditor-queryparameterwidget .waffle-removable-chip {
  margin: 8px 0
}

.waffle-dataconnector-queryeditor-queryparameterwidget-header {
  display: flex;
  align-items: center;
  height: 100%
}

.waffle-dataconnector-queryeditor-queryparameterwidget-header .waffle-dataconnector-query-parameters-icon {
  height: 18px;
  margin-right: 8px;
  min-width: 18px;
  width: 18px
}

.waffle-dataconnector-queryeditor-queryparameterwidget .waffle-removable-chip {
  margin-bottom: 0
}

.waffle-dataconnector-queryeditor-queryparameterwidget-add-parameter-button {
  margin: 8px 0 0 0
}

.waffle-dataconnector-querypreviewrenderer {
  height: 100%;
  width: 100%
}

.waffle-dataconnector-querypreviewrenderer-canvas-viewport {
  background: #f3f3f3;
  direction: ltr;
  height: 100%;
  overflow: scroll;
  width: 100%
}

.waffle-dataconnector-querypreviewrenderer-canvas-viewport.native-scrollbar {
  position: static
}

.waffle-dataconnector-querypreviewrenderer-preview-overlay {
  background: rgba(0, 0, 0, .12);
  height: 100%;
  left: 0;
  line-height: 80px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 0;
  transition: opacity .3s ease-in, visibility 0s linear .3s;
  vertical-align: middle;
  visibility: hidden;
  width: 100%;
  z-index: 2
}

.waffle-dataconnector-querypreviewrenderer-preview-overlay-text {
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, .54);
  border-radius: 4px;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
  color: #fff;
  font: 500 20px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  left: 50%;
  max-width: 80%;
  padding: 20px;
  position: absolute;
  top: 50%
}

.waffle-dataconnector-querypreviewrenderer-preview-overlay.visible {
  opacity: 1;
  transition-delay: 0s;
  visibility: visible
}

.waffle-dataconnector-querypreviewrenderer-preview-inactive>.waffle-dataconnector-querypreviewrenderer-canvas-viewport {
  overflow: hidden
}

.waffle-dataconnector-querypreviewrenderer-canvas-viewport>canvas {
  height: 100%;
  width: 100%
}

.waffle-dataconnector-querypreviewrenderer-a11y-region {
  position: absolute;
  top: -10000px;
  left: -10000px
}

.waffle-dataconnector-queryeditor-query-settings-header .docs-icon {
  margin-right: 8px
}

.waffle-dataconnector-querytexteditor {
  position: relative
}

.waffle-dataconnector-querytexteditor-editor-container {
  height: 100%;
  position: absolute;
  width: 100%
}

.waffle-dataconnector-querytexteditor-overlay {
  background-color: #fff;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10000
}

.waffle-dataconnector-querytexteditor-overlay-message {
  transform: translateY(-50%);
  color: rgba(0, 0, 0, .54);
  font: 500 13px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 100%
}

.waffle-dataconnector-querytexteditor-overlay-message a {
  color: inherit;
  text-decoration: underline
}

.waffle-dataconnector-schema-menu {
  min-height: 30px;
  position: relative
}

.waffle-dataconnector-schema-menu .waffle-dataconnector-schema-menu-spinner {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%)
}

.waffle-dataconnector-schema-menu-error-message {
  color: rgba(0, 0, 0, .54)
}

.waffle-dataconnector-queryeditor-schemamenuwidget-header {
  display: flex;
  align-items: center;
  height: 100%
}

.waffle-dataconnector-queryeditor-schemamenuwidget-header .waffle-dataconnector-database-icon {
  height: 18px;
  margin-right: 8px;
  min-width: 18px;
  width: 18px
}

.waffle-dataconnector-queryeditor-sidebaraccordion {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  min-width: 200px
}

.waffle-dataconnector-queryeditor-sidebaraccordion:focus {
  outline-color: #4285f4
}

.waffle-dataconnector-upgrade-loading-dialog {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  text-align: center;
  width: 512px
}

.waffle-dataconnector-upgrade-loading-dialog .waffle-dataconnector-modal-header {
  border-bottom: none;
  justify-content: flex-end;
  padding: 24px 24px 0
}

.waffle-dataconnector-upgrade-loading-dialog .waffle-dataconnector-modal-title {
  display: none
}

.waffle-dataconnector-upgrade-loading-dialog .waffle-dataconnector-modal-body {
  padding: 0;
  margin-top: -30px
}

.waffle-dataconnector-upgrade-loading-dialog .waffle-dataconnector-modal-close-button {
  height: 34px;
  margin-right: -5px;
  width: 34px
}

.waffle-dataconnector-upgrade-loading-dialog .waffle-dataconnector-modal-close-button svg {
  height: 24px;
  width: 24px
}

.waffle-dataconnector-upgrade-loading-dialog-tip {
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 22px;
  font-weight: 400;
  height: 32px;
  letter-spacing: .2px;
  line-height: 20px;
  margin: 32px auto;
  max-width: 392px
}

.waffle-dataconnector-upgrade-loading-dialog-image {
  height: 350px;
  -webkit-user-select: none;
  user-select: none
}

.waffle-dataconnector-upgrade-loading-dialog-description {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .2px;
  line-height: 20px;
  margin: 4px auto 4px auto;
  max-width: 392px
}

.waffle-dataconnector-upgrade-loading-dialog .waffle-dataconnector-modal-footer {
  border-top: none
}

.waffle-dataconnector-upgrade-prompt-dialog {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  text-align: center;
  width: 512px;
  height: 630px
}

.waffle-dataconnector-upgrade-prompt-dialog .waffle-dataconnector-modal-header {
  border-bottom: none;
  justify-content: flex-end;
  padding: 24px 24px 0
}

.waffle-dataconnector-upgrade-prompt-dialog .waffle-dataconnector-modal-title {
  display: none
}

.waffle-dataconnector-upgrade-prompt-dialog .waffle-dataconnector-modal-body {
  padding: 0
}

.waffle-dataconnector-upgrade-prompt-dialog .waffle-dataconnector-modal-close-button {
  height: 34px;
  margin-right: -5px;
  width: 34px
}

.waffle-dataconnector-upgrade-prompt-dialog .waffle-dataconnector-modal-close-button svg {
  height: 24px;
  width: 24px
}

.waffle-dataconnector-upgrade-prompt-dialog-image {
  height: 185px
}

.waffle-dataconnector-upgrade-prompt-dialog-title {
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 22px;
  font-weight: 400;
  max-width: 428px;
  margin: 22px auto 16px auto
}

.waffle-dataconnector-upgrade-prompt-dialog-description {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .2px;
  line-height: 20px;
  margin: 4px auto 4px auto;
  max-width: 392px
}

.waffle-dataconnector-upgrade-prompt-dialog-bullet-point {
  font-weight: 700;
  padding-right: 4px
}

.waffle-dataconnector-upgrade-prompt-dialog-upgrade-button-wrapper {
  margin-top: 20px
}

.waffle-dataconnector-upgrade-prompt-dialog .waffle-dataconnector-modal-footer {
  border-top: none
}

.waffle-dataconnector-upgrade-success-dialog {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  text-align: center;
  width: 512px;
  height: 545px
}

.waffle-dataconnector-upgrade-success-dialog .waffle-dataconnector-modal-header {
  border-bottom: none;
  justify-content: flex-end;
  padding: 24px 24px 0
}

.waffle-dataconnector-upgrade-success-dialog .waffle-dataconnector-modal-title {
  display: none
}

.waffle-dataconnector-upgrade-success-dialog .waffle-dataconnector-modal-body {
  padding: 0
}

.waffle-dataconnector-upgrade-success-dialog .waffle-dataconnector-modal-close-button {
  height: 34px;
  margin-right: -5px;
  width: 34px
}

.waffle-dataconnector-upgrade-success-dialog .waffle-dataconnector-modal-close-button svg {
  height: 24px;
  width: 24px
}

.waffle-dataconnector-upgrade-success-dialog-image {
  height: 185px
}

.waffle-dataconnector-upgrade-success-dialog-title {
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 22px;
  font-weight: 400;
  max-width: 428px;
  margin: 22px auto 16px auto
}

.waffle-dataconnector-upgrade-success-dialog-description {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .2px;
  line-height: 20px;
  margin: 4px auto 8px auto;
  max-width: 400px
}

.waffle-dataconnector-upgrade-success-dialog-start-analyze-button-wrapper {
  margin-top: 30px
}

.waffle-dataconnector-upgrade-success-dialog .waffle-dataconnector-modal-footer {
  border-top: none
}

.trix-data-prep-highlight-styled-rect {
  background-color: #0f9d58;
  opacity: .06;
  pointer-events: none
}

.range-border.trix-data-prep-highlight-styled-border {
  border-color: #0f9d58;
  border-style: dashed
}

.trix-data-prep-active-column-label {
  overflow: hidden;
  padding: 12px 12px 0;
  text-overflow: ellipsis;
  white-space: nowrap
}

.trix-data-prep-insights-cta {
  background: red;
  border-radius: 8px;
  height: 8px;
  margin: 4px;
  width: 8px
}

.trix-data-prep-column-label-container {
  align-items: center;
  background-color: transparent;
  border-radius: 8px;
  display: flex;
  height: 40px;
  padding: 0 8px
}

.trix-data-prep-column-label {
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .2px;
  overflow: hidden;
  padding-left: 12px;
  text-overflow: ellipsis;
  width: 210px
}

.trix-data-prep-column-navigation-arrows {
  display: flex;
  direction: ltr;
  margin-left: auto
}

.trix-data-prep-column-left-button,
.trix-data-prep-column-right-button,
.trix-data-prep-column-selector-dropdown-icon {
  align-items: center;
  background-color: transparent;
  border: none;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  outline: none;
  padding: 0
}

.trix-data-prep-column-left-button,
.trix-data-prep-column-right-button {
  height: 18px;
  width: 18px
}

.trix-data-prep-column-left-button .docs-icon,
.trix-data-prep-column-right-button .docs-icon {
  left: -3px;
  margin: 0;
  top: -3px
}

.trix-data-prep-column-selector-dropdown-icon .docs-icon {
  left: -4px;
  margin: 0
}

.trix-data-prep-column-left-button {
  margin-right: 4px
}

.trix-data-prep-insights-column-selector {
  background-color: #f1f3f4;
  border-radius: 8px
}

.trix-data-prep-insights-column-selector.trix-insights-column-selector-menu-button {
  outline: none
}

.trix-data-prep-column-left-button:focus,
.trix-data-prep-column-left-button:hover,
.trix-data-prep-column-right-button:focus,
.trix-data-prep-column-right-button:hover,
.trix-data-prep-insights-column-selector.trix-insights-column-selector-menu-button-focused,
.trix-data-prep-insights-column-selector.trix-insights-column-selector-menu-button-hover {
  background: #e8eaed;
  cursor: pointer
}

.trix-data-prep-column-left-button:active,
.trix-data-prep-column-right-button:active,
.trix-data-prep-select-column-menu-button:active {
  background: #dadce0
}

.trix-data-prep-headers-count {
  overflow: hidden;
  padding: 6px 12px 0;
  text-overflow: ellipsis;
  white-space: nowrap
}

.trix-data-prep-headers-count-container {
  align-items: center;
  border-radius: 8px;
  color: #5f6368;
  display: flex;
  float: right;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  justify-content: flex-end;
  outline: none
}

.trix-data-prep-headers-count-prompt {
  align-content: center;
  height: 24px;
  letter-spacing: .3px;
  line-height: 24px;
  padding: 5px 3px
}

.trix-data-prep-headers-count-select {
  direction: ltr;
  display: flex;
  padding: 5px
}

.trix-data-prep-headers-count-decrement,
.trix-data-prep-headers-count-increment {
  background-color: #fff;
  border: 0;
  margin: 0;
  padding: 0
}

.trix-data-prep-headers-count-decrement .goog-toolbar-button,
.trix-data-prep-headers-count-increment .goog-toolbar-button {
  border-color: #dadce0 !important
}

.trix-data-prep-headers-count-decrement .goog-toolbar-button {
  border-radius: 2px 0 0 2px;
  border-right: 0;
  margin-right: 0
}

.trix-data-prep-headers-count-increment .goog-toolbar-button {
  border-radius: 0 2px 2px 0;
  border-left: 0;
  margin-left: 0
}

.trix-data-prep-headers-count-decrement .docs-icon,
.trix-data-prep-headers-count-decrement .goog-toolbar-button,
.trix-data-prep-headers-count-decrement .goog-toolbar-button-inner-box,
.trix-data-prep-headers-count-decrement .goog-toolbar-button-outer-box,
.trix-data-prep-headers-count-increment .docs-icon,
.trix-data-prep-headers-count-increment .goog-toolbar-button,
.trix-data-prep-headers-count-increment .goog-toolbar-button-inner-box,
.trix-data-prep-headers-count-increment .goog-toolbar-button-outer-box {
  box-sizing: border-box;
  height: 24px;
  margin: 0;
  padding: 0;
  width: 24px
}

.waffle-insights-headers-count-combo-box .waffle-insights-headers-count-combo-box-input.jfk-textinput {
  border-radius: 0;
  height: 24px;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 41px
}

.goog-inline-block.waffle-insights-headers-count-combo-box-dropdown {
  display: none
}

.waffle-insights-headers-count-combo-box-hover .waffle-insights-headers-count-combo-box-input {
  background-color: #f1f3f4
}

.trix-data-prep-insights-tab .trix-data-prep-insights-container .docs-charts-editor-material-togglebutton {
  border: none;
  display: table;
  height: inherit;
  line-height: inherit;
  text-align: unset;
  width: 100%
}

.trix-data-prep-sidebar-survey-container {
  align-items: center;
  background-color: #f8f9fa;
  display: flex;
  height: 40px;
  padding: 0 8px
}

.trix-data-prep-sidebar-survey-link {
  color: #188038 !important;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .25px
}

.trix-data-prep-sidebar-survey-link:hover {
  text-decoration: none
}

.trix-data-prep-sidebar-survey-container:focus,
.trix-data-prep-sidebar-survey-container:hover {
  background: rgba(0, 0, 0, .06)
}

.trix-data-prep-sidebar-survey-container:active {
  background: rgba(0, 0, 0, .12)
}

.trix-data-prep-actionable-insight-row,
.trix-data-prep-insight-row {
  box-sizing: border-box;
  display: flex;
  font-size: 14px;
  height: -moz-fit-content;
  height: fit-content;
  line-height: 20px;
  vertical-align: middle
}

.trix-data-prep-insight-row-content {
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
  min-width: 200px
}

.trix-data-prep-actionable-insight-row {
  padding: 0 24px 0 11px
}

.trix-data-prep-actionable-insight-row:hover {
  background-color: #e6f4ea
}

.trix-data-prep-actionable-insight-row:hover .docs-icon-img {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_green.svg)
}

.trix-data-prep-actionable-insight-icon {
  margin-right: 8px
}

.trix-data-prep-insight-row {
  margin: 0 3px;
  padding: 10px 9px
}

.trix-data-prep-insights-frequency-separator {
  background: #dadce0;
  height: 1px;
  margin: 0 12px
}

.trix-data-prep-insight-row-value {
  align-self: center;
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin-right: 4px;
  max-width: 50%;
  overflow: hidden;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap
}

.trix-data-prep-insight-frequency-row {
  display: flex;
  flex-direction: column;
  height: -moz-fit-content;
  height: fit-content;
  width: 144px
}

.trix-data-prep-insights-toggle-separator {
  background: #dadce0;
  height: 16px;
  margin: 10px 13px;
  width: 1px
}

.trix-data-prep-insight-frequency-row-name,
.trix-data-prep-insight-frequency-row-subname,
.trix-data-prep-insight-row-name {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  letter-spacing: .25px;
  overflow: hidden;
  padding-right: 5px;
  text-overflow: ellipsis;
  white-space: nowrap
}

.trix-data-prep-insight-frequency-row-subname {
  color: #5f6368;
  font-weight: 400;
  line-height: fit-content
}

.trix-data-prep-insight-row-name {
  max-width: 50%
}

.trix-data-prep-insight-row:hover {
  background: #f1f3f4;
  border-radius: 32px
}

.trix-data-prep-insights-section .trix-data-prep-insight-row:hover {
  background: #fff
}

.trix-data-prep-insights-container {
  padding-top: 12px
}

.trix-data-prep-insights-chart-container,
.trix-data-prep-insights-frequency-tables,
.trix-data-prep-insights-section {
  border: 1px solid #dadce0;
  border-radius: 8px;
  box-sizing: border-box;
  margin: 0 12px;
  overflow: hidden
}

.trix-data-prep-insights-frequency-table-header-labels {
  box-sizing: border-box;
  color: #5f6368;
  display: flex;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: 500;
  justify-content: space-between;
  letter-spacing: .8px;
  line-height: 16px;
  padding: 6px 16px 6px 14px;
  text-transform: uppercase
}

.trix-data-prep-insights-toggle-container {
  box-sizing: border-box;
  display: flex;
  justify-content: flex-end;
  padding: 8px 8px 16px 0;
  width: 100%
}

.trix-data-prep-insights-label-active,
.trix-data-prep-insights-label-inactive {
  cursor: pointer;
  flex-shrink: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 8px
}

.trix-data-prep-insights-label-active {
  color: #188038;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .25px;
  line-height: 20px;
  text-align: center
}

.docs-gm .docs-material .trix-data-prep-insights-label-active .docs-icon-img {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_green.svg)
}

.trix-data-prep-insights-label-inactive {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .25px;
  line-height: 20px;
  outline: none;
  text-align: center
}

.trix-data-prep-insights-label-active:focus,
.trix-data-prep-insights-label-active:hover,
.trix-data-prep-insights-label-inactive:focus,
.trix-data-prep-insights-label-inactive:hover {
  background-color: #f1f3f4;
  border-radius: 4px
}

.trix-data-prep-insights-label-inactive:active {
  background-color: #e8eaed
}

.goog-control-disabled.trix-data-prep-insights-label-inactive {
  color: #dadce0;
  cursor: default;
  font-size: 14px
}

.goog-control-disabled.trix-data-prep-insights-label-inactive:focus,
.goog-control-disabled.trix-data-prep-insights-label-inactive:hover {
  background-color: transparent
}

.trix-data-prep-insights-section-label {
  color: #3c4043;
  font-family: Google Sans;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .25px;
  line-height: 20px;
  margin-left: 12px;
  padding-bottom: 8px
}

.trix-data-prep-insights-chart,
.trix-data-prep-insights-value-least-frequent-table,
.trix-data-prep-insights-value-most-frequent-table {
  overflow: auto
}

.trix-data-prep-insights-separator {
  height: 16px
}

.trix-data-prep-blank-checkbox,
.trix-data-prep-currency-input-dropdown,
.trix-data-prep-date-time-input-dropdown,
.trix-data-prep-dropdown-list-input,
.trix-data-prep-dropdown-type-input,
.trix-data-prep-duplicate-checkbox,
.trix-data-prep-max-box,
.trix-data-prep-min-box,
.trix-data-prep-type-button {
  margin: 16px
}

.trix-data-prep-db-insights-count-chart-header,
.trix-data-prep-db-insights-distribution-chart-header {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  padding: 0 6px 6px 0;
  text-align: right
}

.trix-data-prep-insights-hidden-data-message {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  padding: 16px 0 40px 0;
  text-align: center
}

.trix-data-prep-db-insights .trix-data-prep-insights-local-only,
.trix-data-prep-insights-separator-hidden {
  display: none
}

.trix-data-prep-db-insights .trix-data-prep-insights-frequency-row:hover {
  background: #fff
}

.trix-data-prep-db-insights .trix-data-prep-insights-separator-hidden {
  display: flex
}

.trix-column-insights-sidebar-column-selector-menu {
  width: 270px
}

.trix-column-insights-sidebar-column-selector-menu-scrollable-wrapper {
  max-height: 270px
}

.trix-column-insights-sidebar-column-selector-menuitem {
  align-items: center;
  display: flex;
  font-family: Roboto;
  height: 32px;
  overflow: hidden;
  padding: 0 8px;
  text-overflow: ellipsis;
  white-space: nowrap
}

.trix-column-insights-sidebar-column-selector-menuitem-label {
  color: #424242;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .2px;
  line-height: 20px;
  overflow: hidden;
  padding-left: 12px;
  text-overflow: ellipsis;
  width: 105px
}

.trix-column-insights-sidebar-column-selector-menuitem-accel {
  color: #757575;
  margin-left: auto;
  padding-left: 20px;
  text-align: center
}

.trix-column-insights-sidebar-column-selector-menuitem-refreshquery-info {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .3px;
  line-height: 16px
}

.trix-column-insights-sidebar-column-selector-menuitem-refreshquery-info-error-button {
  color: #db4437;
  text-decoration: underline
}

.trix-data-prep-column-insights-sidebar-refresh-label {
  border-top: 1px solid #dadce0;
  overflow: hidden;
  padding: 0 12px 20px;
  text-overflow: ellipsis;
  white-space: nowrap
}

.trix-data-prep-column-insights-sidebar-refresh-label-container {
  display: flex;
  flex-direction: column;
  font-size: 12px
}

.trix-data-prep-column-insights-sidebar-refresh-label-content {
  align-items: center;
  border-radius: 8px;
  display: flex;
  font-weight: 400;
  height: 16px;
  letter-spacing: .3px;
  padding-bottom: 4px;
  padding-top: 20px
}

.trix-data-prep-column-insights-sidebar-refresh-label-filters-msg,
.trix-data-prep-column-insights-sidebar-refresh-label-no-filter-msg {
  border-radius: 8px;
  display: flex;
  color: #5f6368;
  font-weight: 400;
  letter-spacing: .3px;
  padding-left: 5px
}

.trix-data-prep-column-insights-sidebar-refresh-label-last-updated {
  align-items: center;
  color: #3c4043;
  display: flex;
  font-family: Roboto;
  font-size: 12px;
  overflow: hidden;
  padding-right: 8px;
  text-overflow: ellipsis
}

.trix-data-prep-column-insights-sidebar-refresh-label-last-updated-msg {
  overflow: hidden;
  padding-left: 5px;
  text-overflow: ellipsis
}

.trix-data-prep-column-insights-sidebar-refresh-label-last-updated-time {
  overflow: hidden;
  padding-left: 4px;
  text-overflow: ellipsis
}

.trix-data-prep-column-insights-sidebar-refresh-label-button:focus {
  background-color: #f1f3f4
}

.trix-data-prep-column-insights-sidebar-refresh-label-button {
  color: #188038;
  background-color: transparent;
  border: none;
  font-family: Roboto;
  font-weight: 400;
  font-size: 12px;
  justify-content: center;
  outline: none;
  padding-left: 8px;
  padding-right: 8px
}

.trix-data-prep-column-insights-sidebar-refresh-label-separator {
  border-left: 1px solid #dadce0;
  height: 12px
}

.trix-data-prep-column-insights-sidebar-refresh-label-button-wrapper {
  padding: 0
}

.trix-data-prep-column-insights-sidebar-refresh-label-button-wrapper .docs-material-button {
  margin: 0;
  text-transform: none
}

.trix-data-prep-column-insights-sidebar-refresh-label-button-wrapper .docs-material-button-content>div>span {
  vertical-align: middle
}

.trix-data-prep-column-insights-sidebar-refresh-label-filters-changed-banner-container {
  align-items: center;
  background-color: #e6f4ea;
  border-radius: 4px;
  display: flex;
  height: 40px;
  margin-top: 15px;
  padding: 0 12px 0 16px
}

.trix-data-prep-column-insights-sidebar-refresh-label-filters-changed-banner-msg {
  color: #202124;
  font-family: Roboto;
  font-weight: 400;
  letter-spacing: .3px;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis
}

.trix-data-prep-column-insights-sidebar-refresh-label-filters-changed-banner-refresh-button-wrapper {
  padding-left: 24px
}

.trix-data-prep-column-insights-sidebar-refresh-label-filters-changed-banner-refresh-button.docs-material-button {
  color: #188038;
  font-family: Google Sans;
  font-size: 14px;
  font-weight: 500;
  height: 20px;
  letter-spacing: .25px;
  margin: 0;
  text-transform: none
}

.trix-data-prep-column-insights-sidebar-refresh-label-filters-changed-banner-refresh-button.docs-material-button,
.trix-data-prep-column-insights-sidebar-refresh-label-filters-changed-banner-refresh-button.docs-material-button.docs-material-button-focused {
  line-height: 20px
}

.trix-data-prep-column-insights-sidebar-refresh-label-info-icon {
  margin: 0 0 0 4px
}

.trix-data-prep-column-insights-sidebar-refresh-label-info-icon:focus {
  outline: none
}

.trix-data-prep-column-insights-sidebar-refresh-label-info-icon .docs-icon {
  height: 14px;
  width: 14px
}

.trix-data-prep-column-insights-sidebar-refresh-label-info-icon-tooltip {
  border-radius: 6px;
  font-family: Roboto;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  max-width: 375px;
  padding: 4px 8px;
  text-align: center
}

.waffle-dataprep-column-insights-sidebar-icon .docs-icon-img {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_green.svg) !important
}

.waffle-dataprep-column-insights .waffle-sidebar-title .docs-gm-sidebar-icon {
  margin-right: 0
}

.trix-data-prep-db-insights-unavailable-container {
  align-items: center;
  display: flex;
  flex-direction: column
}

.trix-data-prep-db-insights-unavailable-alert-icon {
  margin-bottom: 16px;
  margin-top: 63px
}

.trix-data-prep-db-insights-unavailable-alert-message {
  color: #202124;
  font-family: Google Sans;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 16px;
  text-align: center
}

.trix-data-prep-db-insights-unavailable-refresh-message {
  color: #3c4043;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .2px;
  line-height: 20px;
  margin-bottom: 24px;
  text-align: center;
  width: 208px
}

.trix-data-prep-db-insights-promo-sidebar-refresh-overlay-view-button.docs-material-button,
.trix-data-prep-db-insights-unavailable-refresh-button.docs-material-button {
  background-color: #188038;
  color: #fff;
  font-family: Google Sans;
  font-size: 14px;
  font-weight: 500;
  margin: 0;
  text-transform: none
}

.trix-data-prep-db-insights-unavailable-refresh-button.docs-material-button {
  height: 36px;
  letter-spacing: .25px;
  padding: 10px 16px;
  width: 103px
}

.trix-data-prep-db-insights-promo-sidebar-refresh-overlay-view-button.docs-material-button {
  border-radius: 4px;
  height: auto;
  letter-spacing: .15px;
  padding: 9px 32px
}

.trix-data-prep-db-insights-promo-sidebar-refresh-overlay-view-button.docs-material-button,
.trix-data-prep-db-insights-promo-sidebar-refresh-overlay-view-button.docs-material-button.docs-material-button-focused,
.trix-data-prep-db-insights-unavailable-refresh-button.docs-material-button,
.trix-data-prep-db-insights-unavailable-refresh-button.docs-material-button.docs-material-button-focused {
  line-height: 16px
}

.trix-data-prep-column-insights-refresh-placeholder-container {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .2px;
  padding: 60px
}

.trix-data-prep-column-insights-refresh-placeholder-retrieving-data {
  align-items: center;
  display: flex;
  margin-bottom: 12px
}

.trix-data-prep-column-insights-refresh-placeholder-retrieving-data-spinner .waffle-spinner {
  height: 14px;
  width: 14px
}

.trix-data-prep-column-insights-refresh-placeholder-load-time-msg {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .3px;
  line-height: 16px;
  text-align: center;
  width: 182px
}

.trix-data-prep-column-insights-refresh-placeholder-retrieving-data-msg {
  padding: 0 5px 0 10px;
  color: #188038;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  text-align: center
}

.trix-data-prep-insights-column-chart-label:focus,
.trix-data-prep-insights-histogram-chart-label:focus,
.trix-data-prep-insights-value-least-frequent-table-label:focus,
.trix-data-prep-insights-value-most-frequent-table-label:focus {
  outline: 1px solid transparent
}

.trix-data-prep-insight-row-db-formula-insert-button-wrapper {
  align-self: center;
  width: 24px
}

.trix-data-prep-insight-row-db-formula-insert-button:focus,
.trix-data-prep-insight-row-db-formula-insert-button:hover {
  background-color: #f1f3f4
}

.trix-data-prep-insight-row-db-formula-insert-button.docs-material-button-disabled,
.trix-data-prep-insights-chart-insertion-button-wrapper.docs-material-button-disabled,
.trix-data-prep-insights-pivot-insertion-button-wrapper.docs-material-button-disabled {
  opacity: .38
}

.trix-data-prep-insights-chart-insertion-button-wrapper,
.trix-data-prep-insights-pivot-insertion-button-wrapper {
  float: right;
  margin-bottom: 14px;
  margin-right: 14px
}

.trix-data-prep-insights-chart-insertion-button-wrapper.docs-material-button,
.trix-data-prep-insights-chart-insertion-button-wrapper.docs-material-button.docs-material-button-focused,
.trix-data-prep-insights-pivot-insertion-button-wrapper.docs-material-button,
.trix-data-prep-insights-pivot-insertion-button-wrapper.docs-material-button.docs-material-button-focused {
  height: auto;
  line-height: 26px
}

#trix-data-prep-insights-chart-insertion-button,
#trix-data-prep-insights-pivot-insertion-button {
  background: transparent;
  cursor: pointer;
  height: 26px;
  margin-right: 0;
  padding: 4px 8px;
  text-transform: none
}

.trix-data-prep-insights-chart-insertion-button-wrapper:focus,
.trix-data-prep-insights-chart-insertion-button-wrapper:hover,
.trix-data-prep-insights-pivot-insertion-button-wrapper:focus,
.trix-data-prep-insights-pivot-insertion-button-wrapper:hover {
  background-color: #f1f3f4
}

.trix-data-prep-column-insights-butter-container .trix-data-prep-column-insights-butter-action-button {
  color: #137333;
  cursor: pointer;
  flex: 1;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  padding-left: 10px
}

.trix-data-prep-column-insights-butter-container .trix-data-prep-column-insights-butter-action-button:hover {
  color: #0d652d
}

.trix-data-prep-column-insights-butter-container .trix-data-prep-column-insights-butter-close-button {
  border: none !important;
  border-radius: 50%;
  margin-left: 30px;
  margin-right: -10px
}

.trix-data-prep-column-insights-butter-container .trix-data-prep-column-insights-butter-close-button:hover {
  background-color: #f1f3f4
}

.waffle-dataprep-column-insights {
  display: flex;
  flex-direction: column
}

.waffle-dataprep-column-insights .waffle-sidebar-content {
  flex-grow: 1
}

.waffle-dataprep-column-insights .waffle-sidebar-footer-container {
  position: relative
}

.trix-data-prep-db-insights-promo-sidebar-refresh-overlay {
  background-color: #fff;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border: 1px solid #dadce0;
  box-shadow: 0 -4px 8px 3px rgba(60, 64, 67, .15);
  padding: 12px 16px 16px
}

.trix-data-prep-db-insights-promo-sidebar-refresh-overlay-header {
  align-items: center;
  display: flex
}

.trix-data-prep-db-insights-promo-sidebar-refresh-overlay-header-msg {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .25px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis
}

.docs-gm .trix-data-prep-db-insights-promo-sidebar-refresh-overlay-header .docs-new-badge {
  margin: 0 0 0 8px
}

.trix-data-prep-db-insights-promo-sidebar-refresh-overlay-info-msg {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .3px;
  line-height: 16px;
  margin-top: 6px
}

.trix-data-prep-db-insights-promo-sidebar-refresh-overlay-footer {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: 21px
}

.waffle-dataconnector-sync-saved-query-button.docs-material-button,
.waffle-dataconnector-use-as-custom-query-button.docs-material-button {
  text-transform: none
}

.docs-material-button-hairline-primary.docs-material-button.waffle-datavalidation-add-rule-button {
  align-items: center;
  display: flex;
  flex-direction: row;
  padding: 6px 14px
}

.docs-material-button-hairline-primary.docs-material-button.waffle-datavalidation-delete-all-button {
  color: #5f6368
}

.waffle-boolean-condition-picker-checked-text-holder,
.waffle-boolean-condition-picker-unchecked-text-holder {
  align-items: baseline;
  display: flex;
  flex-direction: row;
  justify-content: space-between
}

.waffle-boolean-condition-picker-checked-text-description,
.waffle-boolean-condition-picker-unchecked-text-description {
  float: left
}

.waffle-boolean-condition-picker-checked-text-input-wrapper,
.waffle-boolean-condition-picker-unchecked-text-input-wrapper {
  float: right
}

.waffle-boolean-condition-picker-checked-text-input,
.waffle-boolean-condition-picker-unchecked-text-input {
  width: 168px
}

.waffle-datavalidation-add-rule-button-wrapper,
.waffle-datavalidation-delete-all-button-wrapper {
  float: right
}

.waffle-datavalidation-add-rule-plus {
  font-size: 24px;
  font-weight: 100;
  line-height: 20px;
  margin-right: 8px;
  vertical-align: text-bottom
}

.waffle-datavalidation-edit-pill-dropdown-render-type-buttons .jfk-radiobutton-label,
.waffle-datavalidation-edit-pill-invalid-type-buttons .jfk-radiobutton-label {
  margin-bottom: 13px
}

.waffle-datavalidation-edit-pill-dropdown-render-type-buttons .jfk-radiobutton-disabled .jfk-radiobutton-label {
  color: #b8b8b8
}

.waffle-datavalidation-edit-pill {
  display: flex;
  flex-direction: column;
  height: 100%
}

.waffle-datavalidation-edit-pill-rule-details {
  overflow: hidden auto;
  padding: 16px 16px 0
}

.waffle-datavalidation-edit-pill-button-bar {
  align-items: center;
  border-top: 1px solid #dadce0;
  flex-direction: row;
  margin-top: auto;
  text-align: right
}

.waffle-datavalidation-edit-pill-button {
  cursor: pointer;
  float: right;
  margin-bottom: 16px;
  margin-right: 16px;
  margin-top: 16px;
  text-transform: none
}

.waffle-datavalidation-edit-pill-remove-button {
  width: max-content
}

.waffle-datavalidation-edit-pill-disabled-button {
  cursor: default
}

.waffle-datavalidation-edit-pill-dropdown-render-type-buttons,
.waffle-datavalidation-edit-pill-invalid-type-buttons {
  margin-top: 12px
}

.waffle-datavalidation-edit-pill-dropdown-render-type-buttons .jfk-radiobutton,
.waffle-datavalidation-edit-pill-invalid-type-buttons .jfk-radiobutton {
  display: block;
  margin-left: 2px;
  padding: 0
}

.waffle-datavalidation-edit-pill-dropdown-render-type-buttons .jfk-radiobutton-label,
.waffle-datavalidation-edit-pill-invalid-type-buttons .jfk-radiobutton-label {
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .2px;
  line-height: 20px;
  margin-left: 32px;
  -webkit-text-decoration-line: none;
  text-decoration-line: none
}

.waffle-datavalidation-edit-pill-dropdown-render-type-buttons .jfk-radiobutton-radio,
.waffle-datavalidation-edit-pill-invalid-type-buttons .jfk-radiobutton-radio {
  height: 20px;
  left: 0;
  top: 0;
  width: 20px
}

.waffle-datavalidation-edit-pill-dropdown-render-type-buttons .jfk-radiobutton-checked .jfk-radiobutton-radio:after,
.waffle-datavalidation-edit-pill-invalid-type-buttons .jfk-radiobutton-checked .jfk-radiobutton-radio:after {
  height: 10px;
  margin: 3px;
  width: 10px
}

.waffle-datavalidation-edit-pill-condition-pane,
.waffle-datavalidation-slide-frame {
  position: relative
}

.waffle-datavalidation-edit-pill-help-text-input {
  width: 100%
}

.waffle-datavalidation-edit-pill-help-text-input-wrapper {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between
}

.waffle-datavalidation-edit-pill-help-text-reset-button-wrapper:focus,
.waffle-datavalidation-edit-pill-help-text-reset-button-wrapper:hover {
  outline: none
}

.waffle-datavalidation-edit-pill-help-text-reset-button-wrapper {
  color: #5f6368;
  cursor: pointer;
  display: inline;
  margin: 8px
}

.waffle-datavalidation-edit-pill-range-picker {
  border-bottom: none;
  margin-block-end: 24px
}

.waffle-datavalidation-edit-pill-advanced-options-title {
  background: #fff;
  color: #137333;
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  cursor: pointer;
  margin-top: 18px;
  width: -moz-fit-content;
  width: fit-content
}

.waffle-datavalidation-edit-pill-advanced-options-title:hover {
  background: #f8fcf9;
  color: #137333;
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px
}

.waffle-datavalidation-edit-pill-advanced-options-title:focus {
  background: #e7f5eb;
  color: #137333;
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px
}

.waffle-datavalidation-edit-pill-advanced-options-title:hover:focus {
  background: #dff2e4;
  color: #137333;
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px
}

.waffle-datavalidation-edit-pill-advanced-options-title:active {
  background: #dff2e4;
  color: #137333;
  box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15);
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px
}

.waffle-datavalidation-edit-pill-boolean-condition-picker {
  margin-bottom: 12px
}

.waffle-datavalidation-edit-pill-section-header {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 8px
}

.waffle-datavalidation-one-of-range-wrapper {
  padding: 8px 0
}

.waffle-datavalidation-one-of-range-color-help,
.waffle-datavalidation-one-of-range-help {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  padding: 4px 0;
  width: 100%
}

.waffle-conditionalformat-filter-condition-help-text {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  width: 100%
}

.waffle-datavalidation-sidebar-button-bar {
  align-items: center;
  border-top: 1px solid #dadce0;
  flex-direction: row;
  padding: 16px;
  position: relative
}

.waffle-datavalidation-sidebar-scroll-pane {
  max-height: calc(100% - 68px);
  overflow-x: hidden;
  overflow-y: auto
}

.waffle-datavalidation-view-rule-list {
  height: 100%
}

.waffle-datavalidation-sidebar-scroll-pane.waffle-datavalidation-sidebar-edit-mode {
  height: 100%;
  max-height: none
}

.waffle-datavalidation-sidebar-widget {
  padding: 20px 16px 0
}

.waffle-datavalidation-sidebar-widget-header {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.waffle-datavalidation-view-pill {
  background-color: #fff;
  border-bottom: 1px solid #dadce0;
  cursor: pointer;
  height: -moz-fit-content;
  height: fit-content;
  padding: 10px;
  position: relative
}

.waffle-datavalidation-view-pill:focus,
.waffle-datavalidation-view-pill:hover {
  background-color: #f1f3f4;
  outline: none
}

.waffle-datavalidation-view-pill-core-content {
  display: flex
}

.waffle-datavalidation-view-pill-disclaimer {
  background-color: #f1f3f4;
  border-radius: 8px;
  display: flex;
  margin-top: 8px
}

.waffle-datavalidation-view-pill-disclaimer-icon {
  padding: 8px 8px 8px 8px
}

.waffle-datavalidation-view-pill-disclaimer-icon .docs-icon-img {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_green.svg) !important
}

.waffle-datavalidation-view-pill-disclaimer-content {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: .2px;
  max-width: 244px;
  padding: 8px 8px 8px 8px
}

.waffle-datavalidation-view-pill-condition {
  color: #202124;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .15px;
  line-height: 16px;
  margin-bottom: 4px;
  overflow: hidden;
  padding-bottom: 8px;
  text-overflow: ellipsis;
  width: 142px
}

.waffle-datavalidation-view-pill-delete-button-wrapper {
  height: 56px;
  right: 16px;
  line-height: 56px;
  position: absolute;
  opacity: 1
}

.waffle-datavalidation-view-pill-delete-button-wrapper .docs-icon {
  width: 21px;
  height: 21px
}

.waffle-datavalidation-view-pill-range {
  color: #3c4043;
  height: 20px;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: .2px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 142px
}

.range-border.waffle-datavalidation-view-pill-highlight-styled-border {
  border-color: #34a853;
  border-style: solid;
  line-height: 0
}

.waffle-datavalidation-view-pill-highlight-styled-rect {
  background-color: #34a853;
  opacity: .06;
  pointer-events: none
}

.waffle-datavalidation-view-pill-summary {
  margin: auto 8px auto 14px;
  position: relative;
  width: 142px
}

.waffle-datavalidation-edit-pill-error-bubble {
  z-index: 1000 !important
}

.waffle-datavalidation-edit-pill-boolean-condition-picker-body .waffle-conditionalformat-edit-pill-section-body .jfk-select:focus {
  border: 2px solid #1a73e8 !important
}

@media screen and (forced-colors:active) {

  .waffle-datavalidation-edit-pill-dropdown-render-type-buttons .jfk-radiobutton:focus,
  .waffle-datavalidation-edit-pill-invalid-type-buttons .jfk-radiobutton:focus,
  .waffle-datavalidation-sidebar .waffle-sidebar-title-close:focus {
    outline: 1px solid Highlight
  }
}

.waffle-datavalidation-edit-pill-multiselect-option-select .goog-flat-menu-button.jfk-select {
  width: 85%
}

.waffle-datavalidation-edit-pill-multiselect-option-select .goog-flat-menu-button {
  text-align: left
}

.docs-material-button-hairline-primary.docs-material-button {
  margin-left: 0
}

.waffle-datavalidation-edit-pill-boolean-condition-picker-body .waffle-conditionalformat-condition-date-select,
.waffle-datavalidation-edit-pill-boolean-condition-picker-body .waffle-conditionalformat-condition-list-select {
  padding-top: 8px
}

.waffle-datavalidation-edit-pill-boolean-condition-picker-body .waffle-conditionalformat-arg1-holder>.goog-inline-block {
  width: 100% !important
}

.waffle-datavalidation-edit-pill-boolean-condition-picker .waffle-conditionalformat-multi-arg-content {
  margin-left: -12px;
  max-height: none;
  overflow: visible
}

.waffle-datavalidation-edit-pill-dropdown-render-section-wrapper,
.waffle-datavalidation-edit-pill-multiselect-option-select-wrapper,
.waffle-datavalidation-edit-pill-strictness-section-wrapper {
  margin-top: 24px
}

.waffle-datavalidation-edit-pill-gemini-entrypoint-wrapper {
  margin-block-end: 24px
}

.waffle-automated-actions-condition {
  background: #f8f9fa
}

.waffle-automated-actions-condition-content {
  border: none
}

.waffle-automated-actions-edit-pill-action,
.waffle-automated-actions-edit-pill-condition,
.waffle-automated-actions-edit-pill-rule-name-input-wrapper,
.waffle-automated-actions-edit-pill-trigger {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-style: normal;
  line-height: 20px;
  letter-spacing: .2px
}

.waffle-automated-actions-edit-pill-rule-name-input-wrapper {
  padding: 16px 16px 0
}

.waffle-automated-actions-edit-pill-trigger {
  padding: 8px 16px 0
}

.waffle-automated-actions-edit-pill-action {
  padding: 24px 16px 0
}

.waffle-automated-actions-edit-pill-condition {
  padding: 0 8px 0
}

.waffle-automated-actions-action-range-wrapper,
.waffle-automated-actions-action-recipient-range-wrapper,
.waffle-automated-actions-edit-pill-column-picker-wrapper,
.waffle-automated-actions-edit-pill-rule-name-input-wrapper,
.waffle-automated-actions-edit-pill-table-picker-wrapper,
.waffle-automated-actions-trigger-range-wrapper {
  width: 288px
}

.waffle-automated-actions-range-picker-column-picker-wrapper .docs-material-gm-labeled-select-focused .docs-material-gm-labeled-select-outer-box {
  border: 2px solid #1a73e8
}

.waffle-automated-actions-condition-column-picker-wrapper,
.waffle-automated-actions-condition-range-wrapper {
  padding-left: 8px;
  width: 272px
}

.waffle-automated-actions-action-recipient-range-info {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .3px;
  line-height: 16px;
  padding-top: 8px
}

.waffle-automated-actions-edit-pill-section-header {
  color: #3c4043;
  font-family: Google Sans;
  font-size: 14px;
  font-weight: 500;
  padding-bottom: 8px
}

.waffle-automated-actions-edit-pill-rule-name-section-header,
.waffle-automated-actions-trigger-column-picker-label,
.waffle-automated-actions-trigger-table-section-label {
  color: #3c4043;
  display: inline-block;
  font-family: Google Sans;
  font-size: 14px;
  font-weight: 500;
  position: relative;
  padding-bottom: 8px
}

.waffle-automated-actions-trigger-column-picker-label,
.waffle-automated-actions-trigger-table-section-label {
  padding-top: 16px
}

.waffle-automated-actions-range-picker-table-column-picker-wrapper .docs-material-gm-labeled-select-content,
.waffle-automated-actions-trigger .docs-material-gm-labeled-select-content {
  margin: 0
}

.waffle-automated-actions-condition-section-header {
  display: flex;
  justify-content: space-between;
  padding: 8px
}

.waffle-automated-actions-condition-section-title {
  color: #3c4043;
  display: inline-block;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500
}

.waffle-automated-actions-condition-delete-button {
  background: none;
  border: none;
  cursor: pointer
}

.waffle-automated-actions-condition-boolean-condition-picker {
  padding-left: 8px;
  width: 272px
}

.waffle-automated-actions-condition-boolean-condition-picker .waffle-conditionalformat-condition-type-select .jfk-select:focus {
  border: 2px solid #1a73e8 !important
}

.waffle-automated-actions-condition-column-picker-wrapper .waffle-automated-actions-trigger-column-picker-label,
.waffle-automated-actions-condition-column-picker-wrapper .waffle-automated-actions-trigger-table-section-label {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  padding: 8px 8px 8px 0
}

.waffle-automated-actions-edit-pill-add-condition-button {
  display: flex;
  justify-content: flex-end;
  padding: 8px 4px 0 0
}

.waffle-automated-actions-edit-pill-add-condition-button .docs-material-button-hairline-primary.docs-material-button {
  display: flex
}

.waffle-automated-actions-edit-pill-range-picker {
  width: 275px
}

.waffle-automated-actions-condition-range-picker,
.waffle-automated-actions-trigger-range-picker {
  padding-top: 16px;
  width: 275px
}

.waffle-automated-actions-condition-range-picker {
  width: 227px
}

.waffle-automated-actions-action-email-example-title {
  background: none;
  border: none;
  color: #188038;
  cursor: pointer;
  float: right;
  font-family: Roboto;
  font-size: 12px;
  padding-top: 4px
}

.waffle-automated-actions-action-recipient-info {
  color: #3c4043;
  font-family: Google Sans;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .2px;
  line-height: 20px;
  padding: 16px 0 8px 0
}

.waffle-automated-actions-edit-pill-rule-name-error {
  color: #b3261e;
  font-size: 12px
}

.waffle-sidebar-container .waffle-automated-actions-edit-pill-rule-name-input.jfk-textinput {
  margin: 0
}

.waffle-automated-actions-range-picker-column-picker-wrapper .docs-material-gm-labeled-select-content {
  margin-bottom: 0
}

.waffle-automated-actions-action-recipient-search-bar-error,
.waffle-automated-actions-edit-pill-rule-name-error,
.waffle-automated-actions-range-picker-error {
  margin-top: 0 !important;
  padding-top: 8px
}

.waffle-automated-actions-condition-column-picker-wrapper .waffle-automated-actions-range-picker-range-wrapper,
.waffle-automated-actions-edit-pill-column-picker-wrapper .waffle-automated-actions-range-picker-range-wrapper {
  margin-top: 0
}

.waffle-automated-actions-action-button,
.waffle-automated-actions-action-recipient-dropdown,
.waffle-automated-actions-action-recipient-search-bar,
.waffle-automated-actions-edit-pill-rule-name-input.jfk-textinput,
.waffle-automated-actions-trigger-menu {
  align-items: center;
  border: 1px solid #dadce0;
  border-radius: 4px;
  box-sizing: border-box;
  display: flex;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 36px;
  width: 288px
}

.waffle-automated-actions-action-recipient-search-bar:active,
.waffle-automated-actions-action-recipient-search-bar:focus,
.waffle-automated-actions-action-recipient-search-bar:focus-within {
  outline: 2px solid #1a73e8;
  outline-offset: -1px
}

.waffle-automated-actions-action-recipient-menu {
  width: 284px
}

.waffle-automated-actions-action-recipient-menu .docs-gm.goog-menuitem.goog-menuitem-content {
  white-space: pre-wrap;
  width: 230px
}

.waffle-automated-actions-action-button,
.waffle-automated-actions-trigger-menu {
  background: #f8f9fa
}

.waffle-automated-actions-action-recipient-dropdown .docs-material-menu-button-flat-default-dropdown-icon {
  cursor: pointer
}

.waffle-automated-actions-action-recipient-search-bar {
  overflow: scroll
}

.waffle-automated-actions-edit-pill-action .goog-inline-block.docs-material-menu-button-flat-default {
  height: -moz-fit-content;
  height: fit-content;
  width: 288px
}

.waffle-automated-actions-action-button .goog-button,
.waffle-automated-actions-trigger-menu .goog-button {
  background: none;
  border: none;
  color: #3c4043;
  cursor: not-allowed;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  margin: 0;
  padding: 1px 0 0 8px;
  text-align: left;
  width: 286px
}

.waffle-automated-actions-edit-pill-dropdown-label {
  font-size: 14px;
  font-weight: 400;
  text-transform: none;
  width: 195px
}

.docs-material-menu-button-flat-default,
.docs-material-menu-button-flat-primary,
.docs-material-menu-button-raised-default,
.docs-material-menu-button-raised-primary {
  margin: 0
}

.waffle-automated-actions-edit-pill-button-bar {
  display: flex;
  justify-content: flex-end;
  padding: 8px 8px 8px 0
}

.waffle-automated-actions-edit-pill-button-bar>.jfk-button {
  cursor: pointer;
  margin-right: 8px
}

.waffle-automated-actions-edit-pill-action .goog-inline-block.goog-menu-button-inner-box,
.waffle-automated-actions-edit-pill-action .goog-inline-block.goog-menu-button-outer-box {
  border-color: #3c4043;
  border-style: solid;
  border-width: 0;
  margin: 0;
  padding: 0;
  vertical-align: top
}

.waffle-automated-actions-edit-pill-action .goog-inline-block.goog-menu-button {
  background: none;
  padding-left: 8px;
  margin: 0
}

.waffle-automated-actions-edit-pill-action .goog-inline-block.docs-material-menu-button-flat-default-caption {
  color: #3c4043;
  font-size: 14px;
  font-weight: 400;
  width: 260px
}

.waffle-automated-actions-edit-pill-action .docs-material-menu-button-flat-default-dropdown.goog-inline-block {
  position: absolute;
  left: 255px
}

.waffle-automated-actions-edit-pill-action .goog-inline-block.docs-material-menu-button-flat-default {
  border: 0;
  margin: 0;
  text-transform: none
}

.waffle-automated-actions-edit-pill-action .goog-inline-block.docs-material-menu-button-flat-default.docs-material-menu-button-flat-default-focused {
  border: 2px solid #1a73e8;
  width: 288px
}

.waffle-automated-actions-action-recipient-search-bar-error {
  color: #b3261e;
  font-size: 12px
}

@media (forced-colors:active) and (prefers-color-scheme:dark) {
  .waffle-automated-actions-action-recipient-dropdown .docs-material-menu-button-flat-default-dropdown-icon {
    fill: #80868b
  }
}

.waffle-automated-actions-range-picker-range-wrapper {
  margin-top: 8px
}

.waffle-automated-actions-range-picker-error,
.waffle-automated-actions-table-range-picker-error {
  color: #b3261e;
  font-size: 12px;
  margin-top: 8px
}

.waffle-automated-actions-sidebar .docs-gm-sidebar-icon .docs-gm-sidebar-icon-24 {
  bottom: 1px;
  height: 20px;
  width: 20px
}

.waffle-automated-actions-sidebar .docs-gm-sidebar-icon {
  margin-right: 0;
  padding-top: 4px
}

.waffle-automated-actions-sidebar-scroll-pane {
  max-height: calc(100% - 68px);
  overflow-x: hidden;
  overflow-y: auto
}

.waffle-automated-actions-sidebar-footer-wrapper {
  align-items: center;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 8px
}

.docs-hc-gecko .waffle-automated-actions-sidebar .waffle-sidebar-title-close:focus {
  outline: 1px solid Highlight
}

.waffle-automated-actions-view-rule-empty {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  min-height: 300px
}

.waffle-automated-actions-view-rule-empty-image {
  padding-top: 20px
}

.waffle-automated-actions-sidebar-view-rule-empty-description {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .2px;
  line-height: 20px;
  margin-top: 15px;
  text-align: center;
  width: 80%
}

.waffle-automated-actions-sidebar-view-rule-empty-description a,
.waffle-automated-actions-sidebar-view-rule-empty-description a:visited {
  text-decoration: underline
}

.waffle-automated-actions-sidebar-view-rule-empty-title {
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: .2px;
  line-height: 24px;
  text-align: center;
  width: 90%
}

.waffle-automated-actions-sidebar-add-new-rule-info {
  color: #b3261e;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: .1px
}

.waffle-automated-actions-survey-bar {
  align-items: center;
  border-top: 1px solid #dadce0;
  display: flex;
  height: -moz-fit-content;
  height: fit-content;
  justify-content: space-evenly;
  margin-top: auto;
  min-height: 35px;
  flex-direction: row;
  text-align: right;
  width: 90%
}

.waffle-automated-actions-rating {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  margin: 5px 0;
  width: 30%
}

.waffle-automated-actions-survey-button .waffle-ui-text-link-button {
  color: #5f6368;
  cursor: pointer;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: -moz-fit-content;
  height: fit-content;
  line-height: 20px
}

.waffle-automated-actions-thumbs-down-button.goog-inline-block.goog-flat-button,
.waffle-automated-actions-thumbs-up-button.goog-inline-block.goog-flat-button {
  align-items: center;
  background-color: transparent;
  border: none;
  cursor: pointer;
  margin: 15px 0;
  padding: 0 8px
}

.waffle-automated-actions-thumbs-down-button.goog-inline-block.goog-flat-button:focus,
.waffle-automated-actions-thumbs-up-button.goog-inline-block.goog-flat-button:focus {
  outline: 1px solid Highlight
}

.waffle-automated-actions-sidebar-view-rule-empty-add-new-rule-button .docs-material-button-hairline-primary.docs-material-button {
  background: #188038;
  color: #fff;
  margin-top: 24px;
  height: -moz-fit-content;
  height: fit-content
}

.waffle-automated-actions-sidebar-view-rule-empty-add-new-rule-button .docs-material-button-hairline-primary.docs-material-button.docs-material-button-focused {
  background: #4f9e67
}

.waffle-automated-actions-sidebar-view-rule-empty-add-new-rule-button .docs-material-button-hairline-primary.docs-material-button.docs-material-button-hover {
  background: #2a8947
}

.waffle-automated-actions-sidebar-add-new-rule-button .docs-material-button-hairline-primary.docs-material-button {
  margin: 10px 0;
  height: -moz-fit-content;
  height: fit-content
}

.waffle-automated-actions-sidebar-view-only-message-wrapper {
  background-color: #f9dedc;
  min-height: 64px
}

.waffle-automated-actions-sidebar-view-only-message {
  color: #410e0b;
  font-family: Google Sans;
  font-size: 12px;
  padding: 16px
}

.waffle-automated-actions-sidebar-digestion-message-wrapper {
  background-color: #f9fbfd;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  display: flex;
  margin: 8px 15px
}

.waffle-automated-actions-sidebar-digestion-message-icon {
  margin: 18px 0 12px 12px
}

.docs-icon.goog-inline-block.docs-gm-sidebar-icon-24.docs-icon-notifications-active {
  height: 24px;
  width: 24px
}

.waffle-automated-actions-sidebar-digestion-message {
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
  margin: 8px
}

.waffle-automated-actions-sidebar-digestion-message-close-button.jfk-button-flat {
  align-items: center;
  background-color: #edf2f9;
  border-radius: 50%;
  cursor: pointer;
  margin: 20px 8px 20px 0;
  min-width: 22px
}

.waffle-automated-actions-sidebar-digestion-message-close-button.jfk-button-hover {
  background-color: #e8eaed
}

.waffle-automated-actions-trigger-history-empty-view-button.waffle-ui-text-link-button {
  color: #188038;
  font-size: 14px;
  height: -moz-fit-content;
  height: fit-content;
  letter-spacing: .15px;
  line-height: 16px;
  margin-top: 14px;
  padding: 4px 6px;
  width: -moz-fit-content;
  width: fit-content
}

.waffle-automated-actions-trigger-history-empty-view-button.waffle-ui-text-link-button-focused {
  outline: 1px solid Highlight
}

.waffle-automated-actions-sidebar-trigger-history-button .docs-material-button-hairline-primary.docs-material-button {
  display: block;
  margin: 8px 15px 0
}

.waffle-automated-actions-sidebar-trigger-history-button .docs-material-button-hairline-primary.docs-material-button-focused {
  outline: 1px solid Highlight
}

.waffle-automated-actions-feature-disabled-message,
.waffle-automated-actions-view-rule-disabled-message {
  padding-left: 12px;
  text-align: left
}

.waffle-automated-actions-view-rule-empty-disabled-message {
  text-align: center
}

.waffle-automated-actions-disabled-message,
.waffle-automated-actions-feature-disabled-message {
  color: #c5221f;
  letter-spacing: .2px;
  line-height: 20px;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 400;
  width: 288px
}

.waffle-automated-actions-view-pill-summary {
  border: 1px solid #dadce0;
  border-radius: 4px;
  margin: 8px 16px;
  padding: 16px
}

.waffle-automated-actions-view-pill-title {
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: .3px;
  line-height: 20px;
  overflow-wrap: anywhere
}

.waffle-automated-actions-view-pill-detail {
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  letter-spacing: .3px;
  line-height: 20px
}

.waffle-automated-actions-view-pill-footer-wrapper {
  display: flex;
  height: 23px;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 18px
}

.waffle-automated-actions-view-pill-enable-toggle {
  cursor: pointer;
  float: left
}

.waffle-automated-actions-view-pill-enable-supplement {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 400;
  overflow: hidden;
  padding-left: 10px;
  padding-top: 2px;
  text-overflow: ellipsis;
  white-space: nowrap
}

.waffle-automated-actions-view-pill-enable-info {
  color: #202124;
  font-size: 13px;
  font-weight: 400;
  height: 20px;
  line-height: 22px;
  letter-spacing: .3px;
  max-width: 170px;
  text-overflow: ellipsis
}

.waffle-automated-actions-enabler {
  font-weight: 500
}

.waffle-automated-actions-view-pill-enable-error-info {
  color: #b3261e;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  letter-spacing: .1px
}

.waffle-automated-actions-view-pill-buttons {
  display: flex;
  flex-direction: row
}

.waffle-automated-actions-view-pill-delete-button {
  cursor: pointer
}

.waffle-automated-actions-view-pill-edit-button {
  cursor: pointer;
  margin-left: 8px
}

.waffle-automated-actions-trigger-history-sidebar-title.waffle-sidebar-title {
  border-bottom: none
}

.waffle-automated-actions-trigger-history-sidebar-duration-label {
  color: #5c5f5e;
  display: inline-block;
  font-family: Roboto;
  font-weight: 400;
  margin: 10px 0 12px 14px;
  font-size: 12px
}

.waffle-automated-actions-trigger-history-sidebar-duration-label-link {
  text-decoration: underline
}

.waffle-automated-actions-trigger-history-sidebar-filter-container {
  display: flex
}

.waffle-automated-actions-trigger-history-sidebar-status-filter {
  float: left;
  margin: auto;
  padding: 0 15px 6px 15px
}

.waffle-automated-actions-trigger-history-sidebar-automation-filter {
  float: right;
  margin: auto;
  padding: 0 15px 6px 0
}

.waffle-automated-actions-trigger-history-sidebar-automation-filter .docs-material-gm-labeled-select-outer-box,
.waffle-automated-actions-trigger-history-sidebar-status-filter .docs-material-gm-labeled-select-outer-box {
  border-radius: 8px;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  padding: 6px 8px 6px 10px;
  width: 138px
}

.waffle-automated-actions-trigger-history-sidebar-automation-filter .docs-material-gm-labeled-select-caption,
.waffle-automated-actions-trigger-history-sidebar-status-filter .docs-material-gm-labeled-select-caption {
  display: flex;
  height: -moz-fit-content;
  height: fit-content;
  white-space: pre-wrap
}

.waffle-automated-actions-trigger-history-sidebar-header-wrapper {
  border-bottom: 1px solid #dadce0
}

.waffle-automated-actions-trigger-history-sidebar-load-more-button-container {
  text-align: center
}

.waffle-automated-actions-trigger-history-sidebar-load-more-button {
  cursor: pointer;
  margin-right: 0
}

.waffle-automated-actions-trigger-history-sidebar-load-more-button.jfk-button-disabled {
  margin-top: 16px
}

.waffle-automated-actions-trigger-history-sidebar-load-more-button.jfk-button-hover {
  box-shadow: none
}

.waffle-automated-actions-trigger-history-sidebar-load-more-button.jfk-button-focused {
  outline: 1px solid Highlight
}

.waffle-automated-actions-trigger-history-sidebar-load-more-button.jfk-button {
  padding: 9px 24px 11px
}

.waffle-automated-actions-trigger-history-card-header-container {
  align-items: center;
  display: flex
}

.waffle-automated-actions-trigger-history-details-status-icon-container {
  align-items: center;
  display: flex;
  margin-left: 10px;
  min-height: 24px;
  min-width: 24px
}

.waffle-automated-actions-trigger-history-details-container {
  display: block;
  font-size: 12px;
  line-height: 19px;
  letter-spacing: .3px;
  margin-bottom: 10px
}

.waffle-automated-actions-trigger-history-details-container.docs-sidebar-tile-expanded {
  border-radius: 8px;
  box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15)
}

.docs-gm .docs-sidebar-tile-arrow-expanded,
.waffle-automated-actions-trigger-history-details-container .docs-sidebar-tile-expanded .docs-gm .docs-sidebar-tile-arrow-collapsed {
  margin-right: 10px
}

.waffle-automated-actions-trigger-history-details-trigger-status-container {
  margin: 0
}

.waffle-automated-actions-trigger-history-details-action-container {
  margin: 18px 0 0 0
}

.waffle-automated-actions-trigger-history-details-error-container {
  margin-top: 18px
}

.waffle-automated-actions-trigger-history-details-action-label,
.waffle-automated-actions-trigger-history-details-recipients-header,
.waffle-automated-actions-trigger-history-details-trigger-status-label {
  color: #3c4043;
  font-size: 12px;
  font-weight: 400
}

.waffle-automated-actions-trigger-history-details-action-value,
.waffle-automated-actions-trigger-history-details-error-recipient-list,
.waffle-automated-actions-trigger-history-details-trigger-status-value {
  color: #5f6368;
  font-size: 12px;
  font-weight: 400
}

.waffle-automated-actions-trigger-history-details-error-message,
.waffle-automated-actions-trigger-history-details-error-message a,
.waffle-automated-actions-trigger-history-details-error-message a:visited {
  color: #c5221f;
  font-size: 12px
}

.waffle-automated-actions-trigger-history-details-error-message a,
.waffle-automated-actions-trigger-history-details-error-message a:visited {
  text-decoration: underline
}

.waffle-automated-actions-trigger-history-text-container {
  margin-left: 10px
}

.waffle-automated-actions-trigger-history-details-label {
  color: #5f6368;
  font-family: Google Sans;
  overflow-wrap: anywhere;
  text-wrap: auto;
  padding-right: 18px;
  width: 125px
}

.waffle-automated-actions-trigger-history-details-label-deleted-rule {
  color: #5f6368;
  font-family: Google Sans;
  font-style: italic;
  padding-right: 18px;
  width: 125px
}

.waffle-automated-actions-trigger-history-details-timestamp {
  color: #5f6368;
  font-family: Roboto;
  font-size: 12px;
  font-weight: 400;
  text-wrap: auto;
  width: 68px;
  padding-top: 4px
}

.waffle-automated-actions-trigger-history-details-error {
  font-weight: 400
}

.waffle-autofill-previews-range-highlighter-border {
  border-color: #188038;
  border-style: solid
}

.waffle-autofill-previews-range-highlighter-rect {
  background-color: #e6f4ea;
  opacity: .5;
  pointer-events: none
}

.waffle-assistant-formulas-overlay-green-cta-button {
  border: 1px solid #a8dab5
}

.waffle-assistant-formulas-overlay-green-cta-button:hover {
  background: #e6f4ea
}

.waffle-assistant-formulas-overlay-green-cta-button:focus {
  background: #ceead6;
  border: 1px solid #0d652d
}

.waffle-assistant-formulas-overlay-green-cta-button:active {
  background: #ceead6;
  border: 1px solid #a8dab5
}

.waffle-assistant-overlay-informational-card {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 -3px 11px hsla(207, 5%, 52%, .09), 0 6px 11px hsla(207, 5%, 52%, .06), 0 1px 3px rgba(60, 64, 67, .3), 0 4px 8px rgba(60, 64, 67, .15);
  min-height: 108px;
  min-width: 220px
}

.waffle-assistant-overlay-informational-card-content-wrapper {
  padding: 8px 12px 0 12px
}

.waffle-assistant-overlay-informational-card-headline-message {
  color: #188038;
  float: left;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: .1px;
  line-height: 24px;
  white-space: normal;
  width: 100%;
  word-break: break-word
}

.waffle-assistant-overlay-informational-card-send-feedback-cta {
  color: #80868b;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .3px;
  line-height: 16px;
  max-height: 40px;
  overflow-y: scroll;
  text-overflow: clip;
  white-space: normal;
  width: 100%;
  word-wrap: break-word
}

.waffle-assistant-overlay-informational-card-footer-wrapper {
  padding: 8px 12px
}

.waffle-assistant-overlay-informational-card-buttons-wrapper {
  display: flex;
  flex-direction: row
}

.waffle-assistant-overlay-informational-card-button {
  align-items: center;
  background: #fff;
  border-radius: 16px;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  height: 24px;
  margin-right: 8px;
  mix-blend-mode: normal;
  width: 24px
}

.waffle-assistant-overlay-informational-card-feedback-icon {
  display: flex;
  margin: auto
}

.waffle-assistant-overlay-informational-decorator {
  background-color: #188038;
  border-radius: 8px 8px 0 0;
  color: #fff;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: .25px;
  padding: 1px 8px;
  position: absolute
}

.waffle-assistant-overlay-informational-range-highlighter-border {
  border-color: #188038;
  border-style: solid
}

.waffle-assistant-overlay-informational-range-highlighter-rect {
  background-color: #e6f4ea;
  opacity: .5;
  pointer-events: none
}

.waffle-suggestion-preview-range-highlighter-after-border {
  border-color: #188038;
  border-style: dashed
}

.waffle-suggestion-preview-range-highlighter-after-rect {
  background-color: #e6f4ea;
  opacity: .5;
  pointer-events: none
}

.waffle-suggestion-preview-range-highlighter-before-border {
  border-color: #d93025;
  border-style: dashed
}

.waffle-suggestion-preview-range-highlighter-before-rect {
  background-color: #fce8e6;
  opacity: .5;
  pointer-events: none
}

.waffle-suggestion-preview-range-highlighter-error-border {
  border-color: #d93025;
  border-style: solid
}

.waffle-dialog-automated-actions-warning {
  align-items: center;
  background-color: #fff0d1;
  border-radius: 8px;
  color: #3c4043;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: .2px;
  margin-bottom: 15px;
  padding: 12px;
  width: 330px
}

.waffle-dialog-automated-actions-warning-message {
  margin-left: 12px
}

.waffle-dialog-automated-actions-subtitle {
  color: #5f6368;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .8px;
  margin-bottom: 16px;
  text-transform: uppercase
}

.waffle-dialog-automated-actions-content {
  width: 330px
}

.waffle-dialog-automated-actions-content .jfk-radiobutton-radio {
  top: 50%;
  transform: translateY(-50%) scale(1.2)
}

.waffle-dialog-automated-actions-label-container {
  display: block;
  margin: 2px 0 2px 10px
}

.waffle-dialog-automated-actions-label {
  color: #3c4043;
  display: block;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .1px;
  line-height: 24px;
  margin-bottom: 2px
}

.waffle-dialog-automated-actions-label-selected {
  color: #137333
}

.waffle-dialog-automated-actions-description {
  color: #5f6368;
  font-size: 12px;
  font-family: Roboto, sans-serif;
  letter-spacing: .3px
}

.waffle-db-object-formula-tooltip-help-button {
  box-sizing: border-box;
  display: inline-block;
  height: 20px;
  outline: none;
  padding: 2px;
  vertical-align: bottom;
  width: 20px
}

.waffle-db-object-formula-tooltip-help-button-hover {
  background: #f1f3f4;
  border-radius: 75%
}

.waffle-db-object-formula-tooltip-help-bubble-visible .waffle-db-object-formula-tooltip-help-button,
.waffle-db-object-formula-tooltip-help-button-active,
.waffle-db-object-formula-tooltip-help-button-focused {
  background: #e6f4ea;
  border-radius: 75%
}

.waffle-db-object-formula-tooltip-help-icon {
  height: 100%;
  width: 100%
}

.waffle-db-object-formula-tooltip-help-bubble-visible .waffle-db-object-formula-tooltip-help-button .waffle-db-object-formula-tooltip-help-icon,
.waffle-db-object-formula-tooltip-help-button-active .waffle-db-object-formula-tooltip-help-icon,
.waffle-db-object-formula-tooltip-help-button-focused .waffle-db-object-formula-tooltip-help-icon {
  fill: #188038
}

.waffle-db-object-formula-tooltip-help-bubble {
  border: none;
  border-radius: 8px;
  box-shadow: 0 4px 8px 3px rgba(60, 64, 67, .15);
  font-size: 12px;
  padding: 16px 16px 16px 18px
}

.waffle-db-object-formula-tooltip-help-bubble:focus {
  outline: 1px solid transparent
}

.waffle-calculated-columns-tooltip-help-bubble {
  max-width: 280px;
  width: 280px
}

.waffle-calculated-fields-tooltip-help-bubble {
  max-width: 330px;
  width: 330px
}

.waffle-db-object-formula-tooltip-help-bubble-title {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .25px;
  line-height: 20px;
  margin-bottom: 19px
}

.waffle-db-object-formula-tooltip-help-bubble-subtitle {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .3px;
  line-height: 16px
}

.waffle-db-object-formula-tooltip-help-bubble-example {
  background-color: #f1f3f4;
  border-radius: 3px;
  color: #202124;
  display: inline-block;
  font-family: Roboto Mono, Consolas, monospace;
  font-size: 14px;
  letter-spacing: .25px;
  line-height: 20px;
  margin: 9px 0 16px 0;
  opacity: 70%;
  padding: 3px 8px 2px 7px
}

.waffle-db-object-formula-tooltip-help-bubble-link {
  color: #1a73e8;
  display: block;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .25px;
  line-height: 20px
}

.waffle-db-object-formula-dialog {
  height: 505px;
  max-width: 670px;
  min-width: 510px
}

.waffle-db-object-formula-dialog .modal-dialog-title {
  margin-bottom: 12px
}

.waffle-db-object-formula-dialog .modal-dialog-title-text {
  height: 24px
}

.waffle-db-object-formula-description {
  color: #3c4043;
  display: inline-block;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 40px;
  letter-spacing: .25px;
  line-height: 20px;
  margin: 0 0 16px 0
}

.waffle-db-object-formula-tooltip {
  display: inline-block
}

.waffle-db-object-formula-display-name-title {
  color: #3c4043;
  display: inline-block;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .25px;
  line-height: 20px;
  margin-bottom: 7px
}

.docs-dialog.waffle-db-object-formula-dialog .waffle-db-object-formula-display-name-input {
  display: inline-block;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  letter-spacing: .17px;
  margin: 0
}

.docs-dialog.waffle-db-object-formula-dialog .waffle-db-object-formula-display-name-input-invalid,
.docs-dialog.waffle-db-object-formula-dialog .waffle-db-object-formula-display-name-input-invalid:focus {
  border: 2px solid #d93025;
  padding: 0 7px
}

.docs-dialog.waffle-db-object-formula-dialog .waffle-db-object-formula-display-name-error {
  color: #d93025;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 16px;
  letter-spacing: .3px;
  line-height: 16px;
  margin: 4px 0 8px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.docs-dialog.waffle-db-object-formula-dialog .waffle-db-object-formula-formula-editor {
  display: inline-block;
  position: relative
}

.waffle-db-object-formula-display-name-error,
.waffle-db-object-formula-display-name-input,
.waffle-db-object-formula-display-name-title,
.waffle-db-object-formula-formula-editor {
  width: calc(100% - 212px)
}

.waffle-db-object-formula-dialog-view-only .waffle-db-object-formula-display-name-input,
.waffle-db-object-formula-dialog-view-only .waffle-db-object-formula-display-name-title,
.waffle-db-object-formula-dialog-view-only .waffle-db-object-formula-formula-editor {
  width: 100%
}

.docs-dialog.waffle-db-object-formula-dialog .waffle-db-object-formula-toggle-tabs {
  display: inline-block;
  float: right;
  height: 27px;
  line-height: 27px;
  margin-left: 7px;
  min-width: 205px;
  width: 205px
}

.waffle-db-object-formula-dialog .waffle-db-object-formula-toggle-tabs.waffle-gm-sidebar .docs-sidebar-toggle-tabs .jfk-button.docs-sidebar-toggle-tab,
.waffle-db-object-formula-dialog .waffle-db-object-formula-toggle-tabs.waffle-gm-sidebar .docs-sidebar-toggle-tabs .jfk-button.docs-sidebar-toggle-tab:hover {
  height: 27px;
  line-height: 27px;
  margin-top: 0
}

.waffle-db-object-formula-dialog .waffle-db-object-formula-toggle-tabs.waffle-gm-sidebar .docs-sidebar-toggle-tabs .jfk-button.docs-sidebar-toggle-tab-active {
  color: #188038
}

.waffle-db-object-formula-dialog .waffle-db-object-formula-toggle-tabs.waffle-gm-sidebar .docs-sidebar-toggle-tabs .jfk-button-focused.docs-sidebar-toggle-tab-inactive>div:after {
  border-bottom: 2px dotted #188038
}

.docs-dialog.waffle-db-object-formula-dialog .waffle-db-object-formula-column-menu-tab,
.docs-dialog.waffle-db-object-formula-dialog .waffle-db-object-formula-function-menu-tab {
  display: inline;
  float: right;
  height: 319px;
  margin-bottom: 24px;
  margin-left: 7px;
  margin-top: 0;
  min-width: 205px;
  position: relative;
  width: 205px
}

.docs-dialog.waffle-db-object-formula-dialog .waffle-db-object-formula-column-menu-tab .goog-menu.waffle-dbsource-column-filtered-menu,
.docs-dialog.waffle-db-object-formula-dialog .waffle-db-object-formula-function-menu-tab .goog-menu.waffle-function-filtered-menu {
  border: 1px solid #dadce0;
  box-shadow: none;
  box-sizing: border-box;
  height: 319px;
  min-width: 205px;
  overflow-x: hidden;
  position: absolute;
  width: 205px
}

.waffle-db-object-formula-webkit-tab-override {
  position: absolute !important;
  margin-top: 27px !important
}

.docs-dialog.waffle-db-object-formula-dialog .waffle-db-object-formula-column-menu-tab .goog-menu.waffle-dbsource-column-filtered-menu::-webkit-scrollbar-thumb {
  min-height: 70px
}

.docs-dialog.waffle-db-object-formula-dialog .waffle-db-object-formula-column-menu-tab .goog-menu.waffle-dbsource-column-filtered-menu .goog-menu-filter {
  padding: 8px 6px 8px 9px
}

.docs-dialog.waffle-db-object-formula-dialog .waffle-db-object-formula-column-menu-tab .goog-menu.waffle-dbsource-column-filtered-menu .goog-menu-filter input {
  line-height: 24px;
  padding: 0
}

.docs-dialog.waffle-db-object-formula-dialog .waffle-db-object-formula-column-menu-tab .goog-menu.waffle-dbsource-column-filtered-menu .goog-menu-filter:before {
  margin-right: 5px;
  transform: scale(.75)
}

.waffle-db-object-formula-dialog .modal-dialog-buttons {
  margin-top: 0
}

.docs-hc-gecko.waffle-db-object-formula-dialog .modal-dialog-buttons:focus {
  outline: 1px solid transparent
}

.waffle-db-object-formula-editor-container-overall {
  display: flex;
  flex-direction: column;
  height: 255px !important;
  margin-bottom: 24px
}

.waffle-db-object-formula-editor-container {
  border: 1px solid #dadce0;
  border-radius: 4px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  position: relative
}

.waffle-db-object-formula-editor-container-focus {
  border: 2px solid #1a73e8;
  border-radius: 4px
}

.waffle-db-object-formula-editor-container-invalid {
  border: 2px solid #d93025;
  border-radius: 4px
}

.waffle-db-object-formula-editor-container .waffle-db-object-formula-editor-input-container {
  display: flex;
  flex-grow: 1;
  height: 100%;
  position: relative;
  width: 100%
}

.waffle-db-object-formula-editor-container .waffle-db-object-formula-editor-input-container .waffle-db-object-formula-editor-input,
.waffle-db-object-formula-editor-container .waffle-db-object-formula-editor-input-container .waffle-db-object-formula-editor-input:focus {
  border: none;
  font-family: Roboto Mono, Consolas, monospace;
  font-size: 14px;
  font-weight: 500;
  height: 100% !important;
  letter-spacing: .2px;
  margin: 0;
  outline: none;
  resize: none;
  width: 100%
}

.waffle-db-object-formula-editor-container .waffle-db-object-formula-editor-input-container .waffle-db-object-formula-editor-input::placeholder {
  font-weight: 400
}

.waffle-db-object-formula-editor-container .waffle-db-object-formula-editor-input-container .waffle-db-object-formula-editor-input {
  padding: 7px 8px
}

.waffle-db-object-formula-editor-container-focus .waffle-db-object-formula-editor-input-container .waffle-db-object-formula-editor-input,
.waffle-db-object-formula-editor-container-invalid .waffle-db-object-formula-editor-input-container .waffle-db-object-formula-editor-input {
  padding: 6px 7px
}

.waffle-db-object-formula-editor-summarize-function-containter {
  height: 40px;
  margin-top: 10px
}

.waffle-db-object-formula-editor-summarize-function-label {
  color: #5f6368;
  display: inline;
  line-height: 40px;
  padding-right: 5px;
  font-size: 14px;
  vertical-align: middle
}

.waffle-db-object-formula-editor-summarize-function-menu {
  display: inline
}

.waffle-db-object-formula-editor-summarize-function-menu .goog-flat-menu-button.jfk-select {
  width: 100px
}

.docs-hc-gecko.waffle-db-object-formula-editor-container .docs-gm .modal-dialog .goog-flat-menu-button-focused {
  outline: 1px solid transparent !important
}

.waffle-arguments-help-popup {
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .2);
  box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15);
  color: #222;
  font-size: 11px;
  line-height: 15px;
  position: absolute;
  width: 360px;
  word-wrap: break-word;
  z-index: 1000
}

.waffle-arguments-help-title {
  border-radius: 4px 4px 0 0;
  display: flex;
  background-color: #f5f5f5;
  color: #3c4043;
  direction: ltr;
  flex: 1;
  line-height: 16px;
  padding: 8px 12px
}

.waffle-arguments-help-function-name {
  text-decoration: inherit
}

.waffle-arguments-help-body {
  border-top: 1px solid #ebebeb;
  max-height: 240px;
  overflow-y: scroll
}

.waffle-unified-formula-help-wrapper-v2ui .waffle-arguments-help-body {
  background-color: #fff;
  margin: 0 4px 4px
}

.waffle-arguments-help-content {
  padding-bottom: 2px
}

.waffle-arguments-help-section {
  padding: 5px 10px
}

.waffle-arguments-help-section-title {
  font-size: 11px;
  color: #666;
  line-height: 18px
}

.waffle-arguments-help-section-title-formula-definition {
  padding-top: 10.5px
}

.formulas-arguments-help-info-title .waffle-arguments-help-section-title {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  letter-spacing: .8px;
  text-transform: uppercase
}

.formulas-arguments-help-info-title.waffle-arguments-help-section {
  padding: 8px 12px 3px
}

.waffle-arguments-help-content .formulas-arguments-help-info-title.waffle-arguments-help-section {
  padding-bottom: 12px;
  padding-top: 4px
}

.waffle-arguments-parameter-help-section {
  padding: 12px 0
}

.waffle-arguments-parameter-help-section .waffle-arguments-help-section-title {
  color: #3c4043;
  font-family: Roboto Mono, Consolas, monospace;
  font-size: 13px;
  line-height: 20px;
  transition: .218s ease-in
}

.waffle-arguments-parameter-help-section .waffle-arguments-help-section-active .waffle-arguments-help-section-title {
  color: #188038;
  font-weight: 700
}

.waffle-arguments-parameter-help-section .waffle-arguments-help-section {
  padding: 0 12px 4px
}

.waffle-arguments-parameter-help-section .waffle-arguments-help-section:last-of-type {
  padding-bottom: 0
}

.waffle-arguments-help-parameter-content {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px
}

.waffle-arguments-help-section-inactive .waffle-arguments-help-parameter-content,
.waffle-arguments-help-section.waffle-arguments-help-section-inactive .waffle-arguments-help-section-title {
  color: #5f6368
}

.formulas-arguments-help-info-title .waffle-arguments-help-parameter-content,
.waffle-arguments-help-section-active .waffle-arguments-help-parameter-content {
  color: #3c4043
}

.waffle-arguments-parameter-help-section .waffle-arguments-help-parameter-content {
  transition: .218s ease-in
}

.waffle-arguments-help-formula {
  flex: 1;
  direction: ltr;
  font-family: Roboto Mono, Consolas, monospace;
  font-size: 13px;
  overflow: hidden;
  padding: 0
}

.waffle-arguments-help-formula .waffle-arguments-parameter-holder {
  overflow-wrap: anywhere
}

.waffle-arguments-help-example-holder {
  line-height: 13px;
  text-align: left
}

.waffle-arguments-help-footer {
  display: flex;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 13px;
  padding: 0 12px 12px
}

.waffle-arguments-help-parameter {
  border-radius: 4px;
  padding-left: 1px;
  transition: .218s ease-in
}

.waffle-arguments-help-parameter-active {
  background-color: transparent;
  color: #188038;
  font-weight: 700
}

.waffle-unified-formula-help-wrapper .waffle-arguments-help-title .waffle-arguments-help-parameter-active {
  border-radius: 2px;
  background-color: #188038;
  color: #fff;
  font-weight: 700;
  line-height: 20px;
  margin-top: -4px;
  padding: 0 2px
}

.waffle-unified-formula-help-wrapper .waffle-arguments-help-title {
  padding: 6px 4px 6px 12px
}

.waffle-unified-formula-help-wrapper .waffle-arguments-help-formula {
  color: #137333;
  font-family: Inconsolata, monospace, arial, sans, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px
}

.waffle-unified-formula-help-argument-help-container .waffle-arguments-help-title,
.waffle-unified-formula-help-wrapper-v2ui .waffle-unified-formula-help-argument-help-container {
  background-color: #e6f4ea
}

.waffle-unified-formula-help-title-container {
  border-radius: 4px 4px 0 0;
  background-color: #fff;
  color: #80868b;
  direction: ltr;
  display: flex;
  flex-direction: row;
  line-height: 16px;
  padding: 4px 10px 4px 12px
}

.waffle-unified-formula-help-instructions-container {
  color: #5f6368;
  display: block;
  flex: 1;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 15px;
  -webkit-user-select: none;
  user-select: none
}

.waffle-function-single-suggestion .waffle-unified-formula-help-instructions-container {
  display: none
}

.waffle-unified-formula-help-title-container .waffle-unified-formula-help-controls .waffle-unified-formula-help-dot-dot-dot .docs-material-button-content .docs-icon.goog-inline-block {
  margin: 0
}

.waffle-unified-formula-help-instructions-border-tab {
  border: 1px solid #dadce0;
  border-radius: 2px;
  box-sizing: border-box;
  padding: 1px 4px
}

.waffle-unified-formula-help-instructions-border-arrow {
  border: 1px solid #dadce0;
  border-radius: 2px;
  box-sizing: border-box;
  line-height: 15px;
  margin-left: 2px;
  padding: 1px
}

.waffle-unified-formula-help-controls {
  display: flex;
  flex-direction: row
}

.waffle-function-single-suggestion .waffle-unified-formula-help-controls {
  align-items: center
}

.waffle-unified-formula-help-controls-separator {
  color: #dadce0;
  border-right: 1px solid #dadce0;
  margin-right: 10px;
  padding-left: 16px
}

.waffle-unified-formula-help-wrapper-v2ui .waffle-unified-formula-help-close-button {
  align-items: center;
  color: #3c4043;
  display: block;
  margin-right: -8px;
  margin-top: -10px
}

.waffle-function-single-suggestion.waffle-unified-formula-help-wrapper-v2ui .waffle-unified-formula-help-close-button {
  display: none
}

.waffle-unified-formula-help-columnsmith-button,
.waffle-unified-formula-help-gemini-button {
  color: #202124;
  display: flex;
  font-family: Google Sans;
  margin-left: 5px;
  padding: 4px 5px 4px 2px;
  font-size: 12px
}

.waffle-unified-formula-help-dot-dot-dot.docs-material-button-flat-default.docs-material-button-focused,
.waffle-unified-formula-help-dot-dot-dot.docs-material-button-flat-primary.docs-material-button-focused {
  padding: 0
}

.waffle-unified-formula-help-title-section-top-placeholder {
  display: flex;
  flex-direction: row-reverse
}

.waffle-formula-rtl .waffle-unified-formula-help-title-section-top-placeholder {
  flex-direction: row
}

.waffle-unified-formula-help-wrapper-v2ui.waffle-unified-formula-help-wrapper {
  border-radius: 8px;
  box-shadow: 0 4px 8px 3px rgba(60, 64, 67, .15)
}

.waffle-unified-formula-help-wrapper-v2ui.waffle-unified-formula-help-wrapper.waffle-function-single-suggestion {
  display: flex;
  flex-direction: row
}

.waffle-unified-formula-help-wrapper-v2ui.waffle-unified-formula-help-wrapper.waffle-function-single-suggestion .waffle-unified-formula-help-main-content-and-button-container.waffle-unified-formula-help-two-line-layout {
  display: flex;
  flex-direction: column
}

.waffle-unified-formula-help-wrapper-v2ui.waffle-unified-formula-help-wrapper.waffle-function-single-suggestion .waffle-unified-formula-help-main-content-and-button-container {
  display: flex;
  flex-direction: row
}

.waffle-unified-formula-help-wrapper-v2ui.waffle-unified-formula-help-wrapper.waffle-function-single-suggestion.waffle-unified-formula-help-gemini-button-only .waffle-unified-formula-help-main-content-and-button-container {
  flex-direction: row
}

.waffle-unified-formula-help-gemini-button-container,
.waffle-unified-formula-help-main-content-container.waffle-unified-formula-help-formula-suggestion-mode-layout {
  display: flex;
  flex-direction: row
}

.waffle-unified-formula-help-gemini-and-columnsmith-button-container {
  display: flex;
  flex-direction: column
}

.waffle-unified-formula-help-wrapper-v2ui.waffle-unified-formula-help-wrapper.waffle-function-single-suggestion.waffle-unified-formula-help-gemini-button-only .waffle-unified-formula-help-gemini-and-columnsmith-button-container,
.waffle-unified-formula-help-wrapper-v2ui.waffle-unified-formula-help-wrapper.waffle-function-single-suggestion.waffle-unified-formula-help-gemini-button-only .waffle-unified-formula-help-gemini-button-container {
  margin-top: 3px
}

.waffle-unified-formula-help-shortcut-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-around
}

.waffle-unified-formula-help-gemini-and-columnsmith-button-container.waffle-unified-formula-help-columnsmith-button-container-hidden,
.waffle-unified-formula-help-gemini-and-columnsmith-button-container.waffle-unified-formula-help-gemini-and-columnsmith-button-container-hidden,
.waffle-unified-formula-help-gemini-button-container.waffle-unified-formula-help-gemini-button-container-hidden {
  display: none
}

.waffle-unified-formula-help-title-section-bottom-placeholder-expanded-width .waffle-unified-formula-help-title-container {
  padding-left: 14px;
  padding-right: 5px
}

.waffle-function-single-suggestion .waffle-function-autocomplete-component-holder {
  width: auto
}

.waffle-function-single-suggestion .waffle-unified-formula-help-tab-element,
.waffle-unified-formula-help-columnsmith-shortcut-element,
.waffle-unified-formula-help-gemini-shortcut-element {
  align-items: center;
  background-color: #f1f3f4;
  border-radius: 2px;
  color: #5f6368;
  display: block;
  font-family: Roboto;
  font-size: 10px;
  height: -moz-fit-content;
  height: fit-content;
  line-height: 14px;
  margin: 0 6px 0 0;
  padding: 0 2px;
  width: -moz-fit-content;
  width: fit-content
}

.waffle-unified-formula-help-tab-element {
  display: none
}

.waffle-unified-formula-help-columnsmith-container,
.waffle-unified-formula-help-gemini-container {
  display: flex;
  align-items: center
}

.waffle-function-single-suggestion .waffle-unified-formula-help-chip-close-button {
  align-items: center;
  display: block
}

.waffle-unified-formula-help-chip-close-button {
  display: none
}

.waffle-unified-formula-help-wrapper-v2ui .waffle-function-autocomplete-component-holder {
  margin-top: -7px;
  padding-bottom: 4px
}

.waffle-unified-formula-help-wrapper-v2ui.waffle-function-single-suggestion .waffle-function-autocomplete-component-holder {
  margin: 0;
  padding: 0
}

.waffle-unified-formula-help-close-button.waffle-unified-formula-help-controls-button {
  margin-left: 8px
}

.waffle-unified-formula-help-controls-button {
  display: inline-block;
  margin: -4px;
  opacity: 1;
  padding: 0
}

.waffle-unified-formula-help-button {
  cursor: pointer
}

.waffle-function-single-suggestion .waffle-contextual-formula-autocomplete-row:hover,
.waffle-unified-formula-help-columnsmith-button:hover,
.waffle-unified-formula-help-gemini-button:hover {
  border-radius: 4px;
  background-color: #f1f3f4
}

.waffle-function-single-suggestion .waffle-unified-formula-help-gemini-button:hover {
  border-radius: 4px
}

.waffle-function-single-suggestion.waffle-unified-formula-help-wrapper-v2ui .waffle-ac-row {
  margin-right: 2px;
  min-height: inherit
}

.waffle-function-single-suggestion .docs-material.waffle-unified-formula-help-button .docs-icon,
.waffle-function-single-suggestion .waffle-unified-formula-help-controls-button {
  margin: 0
}

.waffle-function-single-suggestion .waffle-unified-formula-help-chip-close-button,
.waffle-function-single-suggestion .waffle-unified-formula-help-dot-dot-dot {
  padding: 3px 3px
}

.waffle-unified-formula-help-wrapper {
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15);
  color: #222;
  font-size: 11px;
  line-height: 15px;
  position: absolute;
  width: 360px;
  word-wrap: break-word;
  z-index: 1000
}

.waffle-unified-formula-help-wrapper hr {
  background-color: #dadce0;
  border: 0;
  height: 1px;
  margin: 0 12px
}

.waffle-unified-formula-help-wrapper-v2ui .waffle-unified-formula-help-title-section-bottom-placeholder .waffle-unified-formula-help-title-container {
  border-radius: 0 0 8px 8px;
  align-items: center;
  border-top: 1px solid #dadce0;
  border-color: #dadce0
}

.waffle-function-single-suggestion.waffle-unified-formula-help-wrapper-v2ui .waffle-unified-formula-help-title-section-bottom-placeholder .waffle-unified-formula-help-title-container {
  border-radius: none;
  border: none;
  padding: 2px 4px 2px 8px
}

.waffle-unified-formula-help-gemini-button-only.waffle-function-single-suggestion.waffle-unified-formula-help-wrapper-v2ui .waffle-unified-formula-help-title-section-bottom-placeholder .waffle-unified-formula-help-title-container {
  padding: 4px 10px 4px 12px
}

.waffle-unified-formula-help-info-button {
  margin: auto
}

.waffle-unified-formula-help-wrapper .waffle-ac-active.active.waffle-ac-row:first-of-type,
.waffle-unified-formula-help-wrapper .waffle-ac-row:first-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.waffle-unified-formula-help-wrapper .waffle-ac-renderer {
  border: none;
  box-shadow: none;
  position: inherit;
  width: 340px;
  z-index: auto
}

.waffle-function-single-suggestion.waffle-unified-formula-help-wrapper .waffle-ac-renderer {
  max-width: 252px;
  width: inherit
}

#waffle-arguments-help-learn-more {
  color: #15c;
  text-decoration: none
}

.waffle-unified-formula-help-wrapper-v2ui #waffle-arguments-help-learn-more {
  color: #188038;
  font-size: 12px
}

#waffle-arguments-help-learn-more:hover {
  text-decoration: underline
}

.waffle-unified-formula-help-disclaimer {
  display: inline;
  font-size: 12px;
  color: #5f6368
}

.waffle-unified-formula-help-disclaimer a {
  color: #5f6368;
  text-decoration: underline
}

.waffle-arguments-help-send-feedback {
  color: #c53929;
  float: right;
  text-decoration: none
}

.waffle-arguments-help-send-feedback:focus,
.waffle-arguments-help-send-feedback:hover {
  text-decoration: underline
}

.waffle-arguments-help-code {
  background-color: transparent;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}

.waffle-arguments-help-button-container {
  margin-right: 0
}

.waffle-arguments-help-button {
  display: inline-block;
  margin: -4px;
  opacity: 1;
  padding: 0
}

.waffle-arguments-help-button:first-of-type {
  margin-right: 8px
}

.waffle-arguments-help-button:hover {
  opacity: 1
}

.waffle-arguments-help-button .docs-icon-img:before {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_gm3_grey_medium.svg)
}

.waffle-arguments-help-button-hover .docs-icon-img:before {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_grey_dark.svg)
}

.waffle-arguments-help-arg-suggestions-title-container .waffle-arguments-help-button {
  opacity: 1
}

.waffle-arguments-help-toggle-icon {
  transition: .4s ease-out;
  transform: rotate(180deg)
}

.waffle-arguments-help-toggle-icon-flipped {
  transform: rotate(0)
}

.waffle-formula-help-button-hover-container {
  padding-left: 1px;
  padding-top: 1px
}

.waffle-arguments-help-button.waffle-arguments-help-button-focused,
.waffle-formula-help-button-hover-container:hover {
  background-color: #dadce0;
  border-radius: 50%;
  outline: none
}

.waffle-formula-help-button-v1ui.waffle-arguments-help-button.waffle-arguments-help-button-focused,
.waffle-formula-help-button-v1ui.waffle-formula-help-button-hover-container:hover {
  background-color: transparent
}

.waffle-function-single-suggestion.waffle-unified-formula-help-wrapper .waffle-unified-formula-help-chip-close-button.docs-material:hover,
.waffle-function-single-suggestion.waffle-unified-formula-help-wrapper .waffle-unified-formula-help-dot-dot-dot.docs-material:hover {
  border-radius: 20px;
  background-color: #f1f3f4
}

.waffle-arguments-help-arg-suggestions-section {
  flex-direction: column;
  display: flex;
  background: #e6f4ea;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  padding: 10px;
  padding-bottom: 14px;
  padding-right: 12px
}

.waffle-arguments-help-arg-suggestions-v1-ui.waffle-arguments-help-arg-suggestions-section {
  background: #0f9d58;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}

.waffle-arguments-help-arg-suggestions-title-container {
  display: flex;
  color: #188038;
  font-size: 13px
}

.waffle-arguments-help-arg-suggestions-v1-ui .waffle-arguments-help-arg-suggestions-title-container {
  color: #fff
}

.waffle-arguments-help-arg-suggestions-title {
  align-items: center;
  display: flex;
  flex: 1
}

.waffle-arguments-help-arg-suggestions-title-text {
  font-weight: 500;
  text-transform: capitalize
}

.waffle-arguments-help-arg-suggestions-v1-ui .waffle-arguments-help-arg-suggestions-title-text {
  font-weight: 700;
  text-transform: uppercase
}

.waffle-arguments-help-arg-suggestions-selection-message {
  font-size: 12px;
  font-weight: 400
}

.waffle-arguments-help-arg-suggestions-chips {
  margin-top: 8px;
  margin-right: 10px
}

.waffle-arguments-help-arg-suggestions-chips-container {
  align-items: center;
  display: flex
}

.waffle-arguments-help-arg-suggestions-chip {
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);
  background: #fff;
  border: 1px solid transparent;
  border-radius: 8px;
  color: #5f6368;
  cursor: pointer;
  font-size: 13px;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  height: 16px;
  line-height: 16px;
  margin-right: 8px;
  max-width: 100px;
  overflow: hidden;
  padding: 7px;
  text-overflow: ellipsis;
  white-space: nowrap
}

.waffle-arguments-help-arg-suggestions-v1-ui .waffle-arguments-help-arg-suggestions-chip {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
  background: #fff;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
  color: rgba(0, 0, 0, .87);
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  min-width: 60px;
  text-align: center
}

.waffle-arguments-help-arg-suggestions-v2-ui .waffle-arguments-help-arg-suggestions-chip.goog-button-focused,
.waffle-arguments-help-arg-suggestions-v2-ui .waffle-arguments-help-arg-suggestions-chip.goog-button-hover {
  box-shadow: 0 1px 1px 0 rgba(52, 168, 83, .5), 0 1px 3px 1px rgba(52, 168, 83, .5);
  transform: scale(1.05);
  border: 1px solid #1e8e3e;
  outline: none
}

.waffle-arguments-help-arg-suggestions-v1-ui .waffle-arguments-help-arg-suggestions-chip.goog-button-focused,
.waffle-arguments-help-arg-suggestions-v1-ui .waffle-arguments-help-arg-suggestions-chip.goog-button-hover {
  transform: scale(1.05);
  outline: none
}

.waffle-arguments-help-arg-suggestions-chip.waffle-suggested-arg-chip-selected {
  box-shadow: 0 1px 1px 0 rgba(52, 168, 83, .5), 0 1px 3px 1px rgba(52, 168, 83, .5);
  background: rgba(52, 168, 83, .04);
  border: 1px solid #1e8e3e;
  color: #1e8e3e
}

.waffle-arguments-help-arg-suggestions-v1-ui .waffle-arguments-help-arg-suggestions-chip.waffle-suggested-arg-chip-selected {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
  background: #4285f4;
  border: 1px solid #4285f4;
  font-weight: 700;
  color: #fff
}

.waffle-arguments-help-arg-suggestions-chip-icon {
  display: inline-block;
  float: left;
  margin-right: 7px;
  height: 16px;
  width: 16px
}

.waffle-arguments-help-arg-suggestions-v1-ui .waffle-arguments-help-arg-suggestions-chip-icon,
.waffle-arguments-help-arg-suggestions-v2-ui-no-chip-icon .waffle-arguments-help-arg-suggestions-chip-icon {
  display: none
}

.waffle-arguments-help-arg-suggestions-chip-value {
  line-height: 17px;
  margin-left: -1px
}

.waffle-formula-help-above-cell {
  position: absolute;
  z-index: 1000
}

.waffle-unified-formula-help-wrapper.waffle-formula-help-above-cell {
  border-radius: 4px;
  box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15);
  width: 340px
}

.waffle-function-single-suggestion.waffle-unified-formula-help-wrapper.waffle-formula-help-above-cell {
  max-width: 340px;
  width: auto
}

.waffle-function-single-suggestion.waffle-unified-formula-help-wrapper.waffle-formula-help-above-cell.waffle-function-single-suggestion-wide,
.waffle-function-single-suggestion.waffle-unified-formula-help-wrapper.waffle-formula-help-above-cell.waffle-unified-formula-help-gemini-button-only {
  max-width: 385px
}

.waffle-unified-formula-help-gemini-button-container,
.waffle-unified-formula-help-main-content-container.waffle-unified-formula-help-formula-suggestion-mode-layout {
  align-items: center
}

.waffle-unified-formula-help-main-content-container.waffle-unified-formula-help-formula-suggestion-mode-layout {
  padding: 2px 4px 2px 8px
}

.waffle-unified-formula-help-gemini-and-columnsmith-button-container {
  align-items: flex-start
}

.waffle-unified-formula-help-gemini-button-only .waffle-unified-formula-help-main-content-container.waffle-unified-formula-help-formula-suggestion-mode-layout {
  padding: 0
}

.waffle-unified-formula-help-gemini-and-columnsmith-button-container,
.waffle-unified-formula-help-gemini-button-container {
  padding: 2px 4px 4px 8px
}

.geminiButtonIcon {
  margin: 0 3px 0 1px
}

.waffle-formula-autocomplete-renderer .waffle-ac-active {
  background: #f5f5f5
}

.waffle-function-single-suggestion .waffle-formula-autocomplete-renderer .waffle-ac-active {
  background: inherit
}

.waffle-formula-autocomplete-renderer {
  border-radius: 4px;
  box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15);
  width: 360px
}

.waffle-function-autocomplete-row {
  text-overflow: ellipsis
}

.waffle-function-autocomplete-row-name-and-badge {
  display: flex;
  flex-direction: row;
  gap: 4px
}

.waffle-arguments-help-named-function-badge {
  margin-left: -4px;
  padding: 8px 0
}

.waffle-argument-help-formula-definition {
  font-family: Roboto Mono, Consolas, monospace
}

.waffle-function-autocomplete-named-function-badge {
  background: #e6f4ea;
  border-radius: 4px;
  padding: 2px 4px;
  width: -moz-fit-content;
  width: fit-content
}

.waffle-function-autocomplete-named-function-badge-content {
  align-items: center;
  color: #0d652d;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .3px;
  line-height: 16px;
  text-align: center
}

.waffle-function-autocomplete-row-assisted-action,
.waffle-function-autocomplete-row-formula,
.waffle-function-autocomplete-row-name {
  color: #202124;
  direction: ltr;
  font-size: 14px;
  font-family: Inconsolata, monospace, arial, sans, sans-serif;
  margin: -2px 0
}

.waffle-function-autocomplete-row-assisted-action .waffle-ac-highlighted {
  font-weight: 700
}

.waffle-function-autocomplete-row-name {
  flex: 1
}

.waffle-unified-formula-help-wrapper-v2ui .waffle-function-autocomplete-row-formula,
.waffle-unified-formula-help-wrapper-v2ui .waffle-function-autocomplete-row-name {
  margin-top: 0;
  flex-basis: auto;
  flex-shrink: 3
}

.waffle-function-autocomplete-row-computed-value-container {
  align-items: center;
  display: flex;
  flex: 1 1 30%;
  margin-left: auto;
  overflow: hidden;
  padding-left: 8px
}

.waffle-function-single-suggestion .waffle-function-autocomplete-row-computed-value-container {
  flex: inherit;
  margin-left: 16px;
  padding-left: 0
}

.waffle-function-single-suggestion .waffle-unified-formula-help-main-content-and-button-container.waffle-unified-formula-help-two-line-layout .waffle-function-autocomplete-row-computed-value-container {
  margin-left: 8px
}

.waffle-function-autocomplete-row-computed-value {
  align-items: center;
  background: #e8eaed;
  border-radius: 4px;
  color: #5f6368;
  display: inline-block;
  font: 400 12px Roboto;
  line-height: 16px;
  margin-left: auto;
  overflow: hidden;
  padding: 2px 4px;
  text-overflow: ellipsis;
  white-space: nowrap
}

.waffle-function-single-suggestion .default-formula-text-color {
  color: #202124
}

.waffle-ac-active .waffle-function-autocomplete-row-computed-value {
  background-color: #fff
}

.waffle-function-single-suggestion .waffle-ac-active.waffle-ac-contextual-row .waffle-function-autocomplete-row-computed-value {
  background-color: inherit
}

.waffle-unified-formula-help-wrapper-v2ui .waffle-ac-row {
  align-items: center;
  min-height: 24px;
  vertical-align: middle
}

.waffle-unified-formula-help-wrapper-v2ui .waffle-ac-active {
  border-bottom: none;
  border-top: none;
  padding: 2px 10px
}

.waffle-function-single-suggestion.waffle-unified-formula-help-wrapper-v2ui .waffle-ac-active,
.waffle-function-single-suggestion.waffle-unified-formula-help-wrapper-v2ui .waffle-ac-row.waffle-ac-contextual-row {
  padding: 0
}

.waffle-function-autocomplete-row-name {
  overflow: hidden;
  text-overflow: ellipsis
}

.waffle-function-autocomplete-row-disabled {
  color: #80868b
}

.waffle-function-autocomplete-row-disabled-message {
  color: #d93025;
  white-space: normal
}

.waffle-formula-autocomplete-row-primary-content .waffle-function-autocomplete-row-assisted-action,
.waffle-formula-autocomplete-row-primary-content .waffle-function-autocomplete-row-formula {
  margin: 0;
  overflow: hidden
}

.waffle-function-autocomplete-row-description {
  color: #5f6368;
  display: none;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-wrap: wrap
}

.waffle-ac-active .waffle-named-range-autocomplete-row .waffle-function-autocomplete-row-description,
.waffle-ac-active .waffle-named-range-autocomplete-row .waffle-function-autocomplete-row-name {
  max-width: 50%
}

.waffle-field-reference-autocomplete-row-description {
  color: #3c4043;
  font-family: Inconsolata, monospace, arial, sans, sans-serif
}

.waffle-field-reference-autocomplete-row-datasource-description {
  color: #5f6368
}

.waffle-ac-active .waffle-function-autocomplete-row-description {
  display: block
}

.waffle-function-autocomplete-row-shortcut,
.waffle-function-autocomplete-row-simplified-shortcut {
  color: #666;
  direction: ltr
}

.waffle-ac-field-reference-row,
.waffle-actionable-autocomplete-row,
.waffle-assisted-action-autocomplete-row,
.waffle-contextual-formula-autocomplete-row,
.waffle-named-range-autocomplete-row {
  align-items: flex-start;
  display: flex;
  cursor: pointer;
  direction: ltr
}

.waffle-named-range-autocomplete-row {
  padding: 1px
}

.waffle-ac-row.waffle-ac-actionable-row {
  padding: 1px 10px
}

.waffle-unified-formula-help-wrapper-v2ui .waffle-ac-row.waffle-ac-contextual-row,
.waffle-unified-formula-help-wrapper-v2ui .waffle-ac-row.waffle-ac-named-range-row {
  padding-top: 2px
}

.waffle-ac-row.waffle-ac-contextual-row,
.waffle-ac-row.waffle-ac-named-range-row {
  padding-top: 1px
}

.waffle-ac-active.active.waffle-ac-row:first-of-type {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px
}

.waffle-unified-formula-help-wrapper-v2ui .waffle-ac-active.active.waffle-ac-row:first-of-type,
.waffle-unified-formula-help-wrapper-v2ui .waffle-ac-active.active.waffle-ac-row:last-of-type {
  border-radius: 0
}

.waffle-ac-active.active.waffle-ac-row:last-of-type {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px
}

.waffle-ac-actionable-row {
  border-bottom: 1px solid rgba(0, 0, 0, .12);
  border-top: 1px solid rgba(0, 0, 0, .12)
}

.waffle-function-autocomplete-row-icon-container,
.waffle-named-range-autocomplete-row-icon-container {
  display: flex;
  margin-right: 3px;
  width: 25px
}

.waffle-ac-actionable-row .waffle-function-autocomplete-row-icon-container {
  opacity: .4
}

.waffle-ac-contextual-row .waffle-function-autocomplete-row-icon-container {
  margin: 1px 2px 2px 1px
}

.waffle-actionable-formula-autocomplete-row-content,
.waffle-assisted-action-autocomplete-row-content,
.waffle-contextual-formula-autocomplete-row-content,
.waffle-named-range-autocomplete-row-content {
  flex: 1;
  direction: ltr;
  white-space: normal;
  padding-top: 2px;
  width: 315px;
  display: flex;
  min-width: 0
}

.waffle-named-range-autocomplete-row-content {
  justify-content: space-between
}

.waffle-function-single-suggestion .waffle-actionable-formula-autocomplete-row-content,
.waffle-function-single-suggestion .waffle-contextual-formula-autocomplete-row-content,
.waffle-function-single-suggestion .waffle-field-reference-autocomplete-row-content,
.waffle-function-single-suggestion .waffle-named-range-autocomplete-row-content {
  width: inherit
}

.waffle-unified-formula-help-wrapper-v2ui .waffle-actionable-formula-autocomplete-row-content,
.waffle-unified-formula-help-wrapper-v2ui .waffle-contextual-formula-autocomplete-row-content,
.waffle-unified-formula-help-wrapper-v2ui .waffle-field-reference-autocomplete-row-content,
.waffle-unified-formula-help-wrapper-v2ui .waffle-named-range-autocomplete-row-content {
  padding-top: 1px
}

.waffle-function-single-suggestion.waffle-unified-formula-help-wrapper-v2ui .waffle-actionable-formula-autocomplete-row-content,
.waffle-function-single-suggestion.waffle-unified-formula-help-wrapper-v2ui .waffle-contextual-formula-autocomplete-row-content,
.waffle-function-single-suggestion.waffle-unified-formula-help-wrapper-v2ui .waffle-field-reference-autocomplete-row-content,
.waffle-function-single-suggestion.waffle-unified-formula-help-wrapper-v2ui .waffle-named-range-autocomplete-row-content {
  padding-top: 0
}

.waffle-actionable-formula-autocomplete-row-content,
.waffle-assisted-action-autocomplete-row-content,
.waffle-contextual-formula-autocomplete-row-content {
  word-wrap: break-word
}

.waffle-named-range-autocomplete-row-content {
  word-wrap: ellipsis
}

.waffle-formula-autocomplete-row-primary-content {
  align-items: center;
  display: flex;
  direction: ltr;
  flex: 1
}

.waffle-contextual-formula-autocomplete-row .waffle-formula-autocomplete-row-primary-content {
  margin: -2px 0
}

.waffle-assisted-action-autocomplete-row-content .waffle-formula-autocomplete-row-primary-content,
.waffle-unified-formula-help-wrapper-v2ui .waffle-contextual-formula-autocomplete-row .waffle-formula-autocomplete-row-primary-content {
  min-width: 0;
  margin-top: 0
}

.waffle-function-single-suggestion.waffle-unified-formula-help-wrapper-v2ui .waffle-contextual-formula-autocomplete-row .waffle-formula-autocomplete-row-primary-content {
  min-width: 0;
  margin: 0;
  padding-left: 2px
}

.waffle-function-single-suggestion.waffle-unified-formula-help-wrapper-v2ui .waffle-ac-incremental-row .waffle-contextual-formula-autocomplete-row .waffle-formula-autocomplete-row-primary-content {
  padding-right: 16px
}

.waffle-ac-close-autocomplete-row {
  border: none !important
}

.waffle-ac-close-autocomplete-row {
  cursor: default !important;
  background: rgba(0, 0, 0, .15)
}

.waffle-close-autocomplete-row-content {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  flex: 1
}

.waffle-close-autocomplete-row-close-button,
.waffle-close-autocomplete-row-feedback-button {
  cursor: pointer;
  opacity: .3
}

.waffle-function-autocomplete-row .waffle-close-autocomplete-row-feedback-button:focus,
.waffle-function-autocomplete-row .waffle-close-autocomplete-row-feedback-button:hover {
  opacity: .7
}

.waffle-function-autocomplete-row .waffle-close-autocomplete-row-feedback-button {
  opacity: .5
}

.waffle-function-autocomplete-row .waffle-close-autocomplete-row-close-button:focus,
.waffle-function-autocomplete-row .waffle-close-autocomplete-row-close-button:hover {
  opacity: .6
}

.waffle-close-autocomplete-row-message {
  flex: 1;
  color: #000;
  font-weight: 500;
  overflow: hidden;
  overflow-wrap: break-word;
  white-space: normal
}

.waffle-arguments-help-popup hr {
  background-color: #dadce0;
  border: 0;
  height: 1px;
  margin: 0 12px
}

.waffle-named-formulas-assistance-actionable-autocomplete-row .waffle-function-autocomplete-row-icon-container {
  opacity: 1
}

.waffle-named-formulas-assistance-actionable-autocomplete-row .waffle-actionable-formula-autocomplete-row-content {
  flex-direction: column
}

.waffle-named-formulas-import-selection-dialog {
  min-width: 464px;
  max-width: 512px
}

.waffle-named-formulas-import-selection-dialog .docs-material-gm-dialog-title {
  display: flex
}

.waffle-named-formulas-import-selection-dialog .docs-material-gm-dialog-title .docs-material-gm-dialog-title-text {
  margin-right: 16px
}

.waffle-named-formulas-import-selection-dialog .docs-material-gm-dialog-content {
  padding: 0 24px
}

.waffle-named-formulas-import-selection-dialog-description {
  align-items: center;
  color: #3c4043;
  display: flex;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: .1px;
  line-height: 24px
}

.waffle-named-formulas-import-selection-dialog-named-formulas-list {
  display: flex;
  flex-direction: column;
  max-height: 360px;
  min-height: 200px;
  margin-top: 24px;
  overflow: scroll
}

.waffle-named-formulas-import-selection-dialog-named-formula-list-item {
  display: flex;
  flex-direction: row;
  margin-bottom: 16px
}

.waffle-named-formulas-import-selection-dialog-named-formula-list-item-icon {
  align-self: center;
  margin-right: 24px
}

.waffle-named-formulas-import-selection-dialog-named-formula-list-item-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin-right: 12px
}

.waffle-named-formulas-import-selection-dialog-named-formula-list-item-content-function-signature {
  align-items: center;
  color: #3c4043;
  display: flex;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .2px;
  line-height: 20px;
  overflow-wrap: anywhere
}

.waffle-named-formulas-import-selection-dialog-named-formula-list-item-content-function-description {
  align-items: center;
  color: #5f6368;
  display: flex;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .3px;
  line-height: 16px;
  overflow-wrap: anywhere;
  padding-bottom: 8px
}

.waffle-named-formulas-import-selection-dialog-named-formula-list-item-content-formula-definition-wrapper {
  display: flex;
  background: #f1f3f4;
  border-radius: 4px;
  overflow-wrap: anywhere
}

.waffle-named-formulas-import-selection-dialog-named-formula-list-item-content-formula-definition {
  color: #3c4043;
  font-family: Roboto Mono, Consolas, monospace;
  font-size: 12px;
  line-height: 20px;
  padding: 8px
}

.waffle-named-formulas-import-selection-dialog-named-formula-list-item-error.docs-material .docs-icon {
  height: 24px;
  width: 24px
}

.waffle-named-formulas-import-selection-dialog-named-formula-list-item-import-warning-icon .waffle-named-formulas-import-selection-dialog-named-formula-list-item-error.docs-material .docs-icon {
  height: 20px;
  width: 20px
}

.waffle-named-formulas-import-selection-dialog-named-formula-list-item-signature-container {
  display: flex;
  flex-direction: row
}

.waffle-named-formulas-import-selection-dialog-named-formula-list-item-import-warning-icon {
  margin-right: 4px
}

.waffle-named-formulas-import-selection-dialog-dependent-functions-not-selected-warning,
.waffle-named-formulas-import-selection-dialog-external-source-interaction-warning,
.waffle-named-formulas-import-selection-dialog-named-formula-list-item-dependent-not-selected-warning,
.waffle-named-formulas-import-selection-dialog-named-formula-list-item-external-source-interaction-warning,
.waffle-named-formulas-import-selection-dialog-named-formula-list-item-named-function-with-same-name-exist-warning,
.waffle-named-formulas-import-selection-dialog-named-function-with-same-name-exist-warning {
  color: #d93025;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .3px;
  line-height: 20px
}

.waffle-named-formulas-import-selection-dialog-dependent-functions-not-selected-warning {
  padding-top: 4px
}

.waffle-named-formulas-import-selection-dialog-named-formula-list-item-dependent-not-selected-warning {
  padding-bottom: 4px
}

.waffle-named-formulas-import-selection-dialog-named-functions-with-external-source-not-allowed-note {
  color: #80868b;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .3px;
  line-height: 20px
}

.waffle-source-destination-selection-dialog {
  min-width: 350px;
  border-radius: 10px
}

.waffle-source-destination-selection-dialog .docs-material-gm-dialog-title-close {
  cursor: pointer
}

.waffle-sdsd-source-container .waffle-sdsd-rangepicker-container {
  padding: 0 0 16px
}

.waffle-sdsd-destination-container .waffle-sdsd-rangepicker-container {
  padding: 0 0 16px 22px
}

.waffle-sdsd-rangepicker-label {
  color: rgba(0, 0, 0, .54)
}

.waffle-sdsd-rangepicker-error-label {
  color: #d23f31;
  font-size: 13px
}

.waffle-sdsd-destination-selection {
  padding: 10px 0
}

.waffle-sdsd-destination-selection .jfk-radiobutton {
  padding: 5px 0
}

.waffle-sdsd-destination-selection .jfk-radiobutton-radio {
  left: 0
}

.waffle-source-destination-selection-dialog-footer-section {
  display: flex;
  justify-content: space-between;
  padding: 24px
}

.waffle-source-destination-selection-dialog-footer-section .docs-material-gm-dialog-buttons {
  padding: 0
}

.waffle-sdsd-left-footer-component-container {
  align-self: center
}

.waffle-sdsd-gemini-entrypoint-wrapper {
  margin-block-end: 32px
}

.waffle-range-selection-container {
  border: 1px solid #dadce0;
  border-radius: 4px;
  box-sizing: border-box;
  color: #3c4043;
  padding: 1px 8px;
  font-size: 14px;
  height: 36px;
  margin: 8px 0;
  align-items: center;
  background: #fff;
  display: flex;
  margin: 0;
  min-width: 20px;
  padding: 1px;
  width: 100%
}

.waffle-range-selection-input,
.waffle-range-selection-input:focus {
  background: transparent;
  border: none;
  box-sizing: border-box;
  box-shadow: none;
  height: 25px;
  font: inherit;
  margin: 0;
  outline: none;
  padding: 1px 8px;
  width: calc(100% - 34px)
}

.waffle-range-selection-input:disabled {
  color: #bdc1c6
}

@media screen and (forced-colors:active) {
  .waffle-range-selection-input:disabled {
    color: GrayText
  }
}

.waffle-range-selection-button-container {
  overflow: hidden;
  padding: 0;
  text-align: right;
  width: 34px
}

.waffle-range-selection-button:focus,
.waffle-range-selection-button:hover {
  opacity: .9
}

.waffle-range-selection-container.waffle-range-selection-container-focus {
  border: 2px solid #1a73e8;
  box-shadow: none;
  padding: 0 7px;
  padding: 0
}

.modal-dialog .waffle-range-selection-container .waffle-range-selection-button,
.modal-dialog .waffle-range-selection-container .waffle-range-selection-button:active,
.modal-dialog .waffle-range-selection-container .waffle-range-selection-button:focus,
.modal-dialog .waffle-range-selection-container .waffle-range-selection-button:hover,
.modal-dialog .waffle-range-selection-container .waffle-range-selection-button:hover:focus,
.waffle-range-selection-container .waffle-range-selection-button {
  background: transparent !important;
  border: transparent !important;
  cursor: pointer;
  line-height: 34px;
  padding: 0;
  white-space: nowrap
}

.waffle-sidebar-container .jfk-button-standard.jfk-button-disabled {
  cursor: default
}

.waffle-range-selection-button {
  line-height: 33px;
  margin: 0;
  opacity: .7
}

.waffle-countdown-bubble-body .waffle-flat-range-select-done {
  cursor: pointer
}

.waffle-dialog-validation-widget-open-button {
  border-radius: 50%;
  bottom: 8px;
  box-sizing: border-box;
  cursor: pointer;
  height: 20px;
  position: absolute;
  right: 8px;
  width: 20px;
  z-index: 10
}

.waffle-db-object-formula-editor-container-focus .waffle-dialog-validation-widget-open-button,
.waffle-db-object-formula-editor-container-invalid .waffle-dialog-validation-widget-open-button {
  bottom: 7px;
  right: 7px
}

.waffle-dialog-validation-widget-open-button .waffle-dataconnector-info-icon {
  height: 100%;
  width: 100%
}

.waffle-dialog-validation-widget-open-button-focused,
.waffle-dialog-validation-widget-open-button-hover {
  background: rgba(66, 133, 244, .26)
}

.waffle-dialog-validation-widget-loading>.waffle-dialog-validation-widget-bar .waffle-dialog-validation-widget-spinner {
  display: block;
  height: 20px;
  margin-right: 8px;
  min-width: 20px;
  width: 20px
}

.waffle-dialog-validation-widget-bar .waffle-dialog-validation-widget-spinner,
.waffle-dialog-validation-widget-spinner {
  display: none
}

.waffle-dialog-validation-widget-loading .waffle-dialog-validation-widget-spinner {
  display: block
}

.waffle-dialog-validation-widget-loading .waffle-dialog-validation-widget-bar .waffle-dialog-validation-widget-spinner .waffle-spinner,
.waffle-dialog-validation-widget-loading .waffle-dialog-validation-widget-spinner .waffle-spinner {
  height: 18px;
  width: 18px
}

.waffle-dialog-validation-widget-loading .waffle-dialog-validation-widget-bar .waffle-dialog-validation-widget-spinner .waffle-spinner-circle,
.waffle-dialog-validation-widget-loading .waffle-dialog-validation-widget-spinner .waffle-spinner-circle {
  border-width: 2px
}

.waffle-dialog-validation-widget-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(66, 133, 244, .12);
  bottom: 0;
  box-sizing: border-box;
  color: #3367d6;
  display: none;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 400;
  max-height: 76px;
  min-height: 40px;
  padding: 8px 8px 8px 16px;
  position: relative;
  right: 0;
  width: 100%
}

.waffle-db-object-formula-editor-container-focus .waffle-dialog-validation-widget-bar,
.waffle-db-object-formula-editor-container-invalid .waffle-dialog-validation-widget-bar {
  max-height: 75px;
  min-height: 39px;
  padding: 8px 7px 7px 15px
}

.waffle-dialog-validation-widget-visible>.waffle-dialog-validation-widget-bar {
  display: flex
}

.waffle-dialog-validation-widget-visible>.waffle-dialog-validation-widget-open-button {
  display: none
}

.waffle-dialog-validation-widget-bar .waffle-dataconnector-error-icon-filled {
  height: 20px;
  min-width: 20px;
  width: 20px
}

.waffle-dialog-validation-widget-valid>.waffle-dialog-validation-widget-bar {
  background: rgba(15, 157, 88, .12);
  color: #097138
}

.waffle-dialog-validation-widget-bar .waffle-dataconnector-info-icon {
  height: 20px;
  margin-right: 8px;
  min-width: 20px;
  width: 20px
}

.waffle-dialog-validation-widget .waffle-dataconnector-error-icon-filled,
.waffle-dialog-validation-widget-invalid .waffle-dataconnector-info-icon,
.waffle-dialog-validation-widget-loading .waffle-dataconnector-info-icon,
.waffle-dialog-validation-widget-valid .waffle-dataconnector-info-icon {
  display: none
}

.waffle-dialog-validation-widget-bar .waffle-dataconnector-error-icon-filled {
  margin-right: 8px
}

.waffle-dialog-validation-widget .waffle-dataconnector-valid-icon {
  display: none
}

.waffle-dialog-validation-widget-bar .waffle-dataconnector-valid-icon {
  height: 20px;
  margin-right: 8px;
  min-width: 20px;
  width: 20px
}

.waffle-dialog-validation-widget-invalid .waffle-dialog-validation-widget-bar {
  background: rgba(219, 68, 55, .12);
  color: #b93221
}

.waffle-dialog-validation-widget-invalid .waffle-dataconnector-error-icon-filled,
.waffle-dialog-validation-widget-valid .waffle-dataconnector-valid-icon {
  display: block
}

.waffle-dialog-validation-widget-message {
  line-height: 20px;
  max-height: 60px;
  max-width: calc(100% - 30px);
  overflow: auto;
  white-space: pre-wrap
}

.waffle-dialog-validation-widget-close-button {
  border-radius: 50%;
  cursor: pointer;
  height: 24px;
  margin-left: auto;
  width: 24px
}

.waffle-dialog-validation-widget-close-button svg {
  height: 20px;
  margin: 2px;
  width: 20px
}

.waffle-dialog-validation-widget .waffle-dataconnector-close-icon polygon {
  fill: #3367d6
}

.waffle-dialog-validation-widget-close-button-focused,
.waffle-dialog-validation-widget-close-button-hover {
  background: rgba(66, 133, 244, .26);
  outline: none
}

.waffle-dialog-validation-widget-invalid .waffle-dialog-validation-widget-close-button-focused,
.waffle-dialog-validation-widget-invalid .waffle-dialog-validation-widget-close-button-hover {
  background: rgba(219, 68, 55, .26)
}

.waffle-dialog-validation-widget-valid .waffle-dialog-validation-widget-close-button-focused,
.waffle-dialog-validation-widget-valid .waffle-dialog-validation-widget-close-button-hover {
  background: rgba(15, 157, 88, .26)
}

.waffle-dialog-validation-widget-valid .waffle-dataconnector-close-icon polygon {
  fill: #097138
}

.waffle-dialog-validation-widget-invalid .waffle-dataconnector-close-icon polygon {
  fill: #b93221
}

@keyframes synthesisTablesmithAnimation {
  0% {
    animation-timing-function: linear;
    background-position: -400%
  }

  to {
    background-position: 400%
  }
}

.waffle-dataconnector-modal.waffle-tablesmith-preview-edit-dialog.docs-material-gm-dialog {
  background: #f0f4f9;
  font-family: Roboto, sans-serif;
  min-height: 200px;
  width: 374px;
  flex-direction: column;
  display: flex;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 2px 6px 2px rgba(0, 0, 0, .15);
  border-radius: 28px
}

.waffle-tablesmith-preview-edit-dialog>.waffle-dataconnector-modal-header {
  border-bottom: unset;
  padding: 24px 24px 0 24px;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  color: #1f1f1f
}

.waffle-tablesmith-preview-edit-dialog>.waffle-dataconnector-modal-footer {
  padding: 24px;
  border-top: unset
}

.waffle-tablesmith-preview-edit-dialog>.waffle-dataconnector-modal-body {
  padding: 16px 24px 0 24px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #444746
}

.waffle-tablesmith-preview-edit-dialog-button-container {
  display: flex;
  flex-direction: row;
  justify-content: right
}

@keyframes geminiGradient {
  0% {
    background-position: 100% 100%
  }

  to {
    background-position: top 37.5% left 37.5%
  }
}

.FormulaBarContainerSummarizeButtonRight {
  display: flex;
  background-color: #fff;
  padding: 0;
  margin: 0 16px 0 0
}

.FormulaBarContainerGeminiSummarizeButton {
  align-items: center;
  background: linear-gradient(90deg, #d7e6ff, #c7e4ff, #dce2ff, #d7e6ff);
  border: 1px solid transparent;
  border-radius: 32px;
  cursor: pointer;
  color: #1f1f1f;
  display: flex;
  height: 22px;
  justify-content: center;
  max-width: max-content;
  min-width: 160px;
  text-align: center;
  white-space: nowrap;
  width: 100%
}

.FormulaBarContainerGeminiButtonLabel {
  font-size: 13px;
  line-height: 22px;
  overflow: hidden
}

.FormulaBarContainerGeminiSummarizeButton:focus,
.FormulaBarContainerGeminiSummarizeButton:hover {
  animation: geminiGradient 3.5s linear infinite;
  background: linear-gradient(135deg, #d3e3fd, #84c4ff, #a8c7fa, #84c4ff, #d3e3fd, #d3e3fd, #84c4ff, #a8c7fa, #84c4ff, #d3e3fd);
  background-size: 800% 800%
}

.FormulaBarContainerGeminiButtonIcon {
  margin: 0 4px 0 -4px;
  overflow: visible;
  vertical-align: middle
}

@media (forced-colors:active) and (prefers-color-scheme:dark) {
  .FormulaBarContainerGeminiButtonIcon {
    filter: invert(100%)
  }
}

.FormulaBarContainerFormulaBarWrapperWithSummarizeButton {
  width: 100%
}

.FormulaBarContainerGeminiButtonCollapsed {
  min-width: 30px;
  width: 30px;
  transition: width .4s cubic-bezier(.2, 0, 0, 1)
}

.FormulaBarContainerGeminiButtonCollapsed .FormulaBarContainerGeminiButtonIcon {
  margin: 0 8px
}

.waffle-dataconnector-modal.waffle-sidekick-overwrite-dialog.docs-material-gm-dialog {
  background: #f0f4f9;
  border-radius: 28px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 2px 6px 2px rgba(0, 0, 0, .15);
  display: flex;
  flex-direction: column;
  font-family: Roboto, sans-serif
}

.waffle-sidekick-overwrite-dialog>.waffle-dataconnector-modal-header {
  border-bottom: unset;
  color: #1f1f1f;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  padding: 24px 24px 0 24px
}

.waffle-sidekick-overwrite-dialog>.waffle-dataconnector-modal-footer {
  border-top: unset;
  padding: 24px
}

.waffle-sidekick-overwrite-dialog>.waffle-dataconnector-modal-body {
  color: #444746;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  padding: 16px 24px 0 24px
}

.waffle-sidekick-overwrite-dialog-button-container {
  display: flex;
  flex-direction: row;
  justify-content: right
}

.wafflePromoBubbleBase.jfk-bubble.jfk-bubble-promo {
  border-width: 0;
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);
  border-radius: 28px;
  background-color: var(--gm3-sys-color-primary, #0b57d0);
  border: none;
  padding: 20px;
  inline-size: 265px
}

.wafflePromoBubbleBase.jfk-bubble.jfk-bubble-promo:before {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none
}

@media screen and (forced-colors:active) {
  .wafflePromoBubbleBase.jfk-bubble.jfk-bubble-promo:before {
    border-color: CanvasText
  }
}

.wafflePromoBubbleBase.jfk-bubble.jfk-bubble-promo .mdc-elevation-overlay {
  opacity: 0
}

.wafflePromoBubbleTitle {
  color: var(--gm3-sys-color-inverse-on-surface, #f2f2f2);
  font: 500 1rem/1.5rem Google Sans Text;
  font-family: Google Sans;
  margin: 0
}

.wafflePromoBubbleBody {
  color: var(--gm3-sys-color-inverse-on-surface, #f2f2f2);
  font: 400 .875rem/1.25rem Google Sans Text;
  font-family: Google Sans
}

.wafflePromoBubbleBase.jfk-bubble.jfk-bubble-promo .jfk-bubble-arrow {
  background-color: var(--gm3-sys-color-primary, #0b57d0);
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  block-size: 16px;
  inline-size: 16px;
  transform: translate(50%, -50%) rotate(45deg)
}

.wafflePromoBubbleBase.jfk-bubble.jfk-bubble-promo .jfk-bubble-arrow:before {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none;
  border-block-end: none;
  border-inline-start: none
}

@media screen and (forced-colors:active) {
  .wafflePromoBubbleBase.jfk-bubble.jfk-bubble-promo .jfk-bubble-arrow:before {
    border-color: CanvasText
  }
}

.wafflePromoBubbleBase.jfk-bubble.jfk-bubble-promo .jfk-bubble-arrow .jfk-bubble-arrowimplafter,
.wafflePromoBubbleBase.jfk-bubble.jfk-bubble-promo .jfk-bubble-arrow .jfk-bubble-arrowimplbefore {
  display: none
}

.wafflePromoBubbleBase.jfk-bubble.jfk-bubble-promo .jfk-bubble-closebtn {
  background: none;
  border: none;
  block-size: 28px;
  inline-size: 28px;
  inset-block-start: 0;
  inset-inline-end: 0;
  margin: 8px;
  opacity: 1
}

.wafflePromoBubbleBase .wafflePromoBubbleCloseIcon {
  --gm3-icon-button-standard-icon-size: 20px;
  --gm3-icon-button-standard-touch-target-size: 28px;
  --gm3-icon-button-standard-container-height: 28px;
  --gm3-icon-button-standard-container-width: 28px;
  --gm3-icon-button-standard-selected-icon-color: var(--gm3-sys-color-on-primary, #fff);
  --gm3-icon-button-standard-selected-hover-icon-color: var(--gm3-sys-color-on-primary, #fff);
  --gm3-icon-button-standard-selected-focus-icon-color: var(--gm3-sys-color-on-primary, #fff);
  --gm3-icon-button-standard-selected-pressed-icon-color: var(--gm3-sys-color-on-primary, #fff);
  --gm3-icon-button-standard-selected-hover-state-layer-color: var(--gm3-sys-color-on-primary, #fff);
  --gm3-icon-button-standard-selected-pressed-state-layer-color: var(--gm3-sys-color-on-primary, #fff);
  --gm3-icon-button-standard-unselected-icon-color: var(--gm3-sys-color-on-primary, #fff);
  --gm3-icon-button-standard-unselected-hover-icon-color: var(--gm3-sys-color-on-primary, #fff);
  --gm3-icon-button-standard-unselected-focus-icon-color: var(--gm3-sys-color-on-primary, #fff);
  --gm3-icon-button-standard-unselected-pressed-icon-color: var(--gm3-sys-color-on-primary, #fff);
  --gm3-icon-button-standard-unselected-hover-state-layer-color: var(--gm3-sys-color-on-primary, #fff);
  --gm3-icon-button-standard-unselected-pressed-state-layer-color: var(--gm3-sys-color-on-primary, #fff);
  --gm3-focus-ring-outward-color: var(--gm3-sys-color-secondary, #7fcfff)
}

.waffle-named-table-focus-skrim {
  background: hsla(0, 0%, 100%, .5)
}

.extendTableControlsOverlayRow {
  align-items: center;
  background: #f8fafd;
  border-radius: 4px 0 0 4px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3);
  cursor: pointer;
  display: flex;
  height: 16px;
  justify-content: center;
  vertical-align: middle;
  width: 16px
}

.extendTableControlsOverlayColumn {
  align-items: center;
  background: #f8fafd;
  border-radius: 0 4px 4px 0;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3);
  cursor: pointer;
  display: flex;
  height: 20px;
  justify-content: space-around;
  vertical-align: middle;
  width: 20px
}

.extendTableControlsOverlayColumnsmithIcon,
.extendTableControlsOverlayIcon {
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  display: flex;
  width: 22px;
  height: 20px
}

.extendTableControlsOverlayIcon:hover {
  background: #e9eef6
}

.extendTableControlsOverlayIcon .docs-icon {
  display: flex;
  margin: 0
}

.extendTableControlsOverlayColumnsmithIcon:hover {
  background: #e9eef6
}

.extendTableControlsOverlayColumnsmithIcon .docs-icon {
  display: flex;
  margin: 0
}

.columnTypeDialogColumnNameSection .columnTypeDialogColumnNameInput.jfk-textinput {
  height: 41px;
  margin: 3px;
  padding-top: 3px
}

.columnTypeDialogColumnNameInput {
  position: relative;
  padding-top: 3px;
  width: 100%
}

.columnTypeDialogTypeSelect {
  width: 100%
}

.columnTypeDialogLabel {
  color: #5f6368;
  font-size: 12px;
  padding-bottom: 3px
}

.columnTypeDialogLabelColumnType {
  color: #5f6368;
  font-size: 12px;
  padding-top: 10px
}

.columnTypeDialogPlaceholderCheckbox {
  padding-top: 16px
}

.columnTypeDialogErrorLabel {
  color: #ea4335;
  font-size: 12px;
  padding-top: 2px
}

.waffle-gridpill-wrapper {
  overflow: hidden
}

.waffle-gridpill {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 8px 3px rgba(60, 64, 67, .15);
  box-sizing: border-box;
  color: #4285f4;
  display: flex;
  transition: height .15s cubic-bezier(.2, 0, 0, 1), width .15s cubic-bezier(.2, 0, 0, 1);
  white-space: nowrap
}

.waffle-gridpill.waffle-gridpill-expand {
  transition: height .2s cubic-bezier(.2, 0, 0, 1), width .2s cubic-bezier(.2, 0, 0, 1)
}

.waffle-gridpill .docs-material-button-ripple-element {
  display: none
}

.waffle-gridpill-button-divider {
  background-color: #dadce0;
  height: 16px;
  margin: auto 6px auto 0;
  width: 1px
}

.waffle-gridpill.notransition,
.waffle-gridpill.notransition * {
  transition: none !important
}

.waffle-gridpill-collapsed-content {
  align-items: center;
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0
}

.waffle-gridpill-collapsed-content>div {
  display: flex
}

.waffle-gridpill-expand .waffle-gridpill-collapsed-content {
  display: none
}

.waffle-gridpill-expanded-content {
  display: flex;
  height: min-content;
  opacity: 0;
  padding: 6px;
  width: min-content
}

.waffle-gridpill-expand .waffle-gridpill-expanded-content {
  opacity: 1
}

.waffle-gridpill-expanded-content-placeholder {
  display: flex;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: 1
}

.waffle-gridpill-expand .waffle-gridpill-expanded-content-placeholder {
  z-index: -1
}

.waffle-gridpill-expand-upward .waffle-gridpill-expanded-content-placeholder {
  bottom: 0;
  top: unset
}

.waffle-gridpill-expand-inward:not(.waffle-gridpill-rtl-grid) .waffle-gridpill-expanded-content-placeholder,
:not(.waffle-gridpill-expand-inward).waffle-gridpill-rtl-grid .waffle-gridpill-expanded-content-placeholder {
  left: unset;
  right: 0
}

.docs-material-menu-button-flat-default.waffle-gridpill-button,
.waffle-gridpill .docs-material-button.waffle-gridpill-button {
  border: none !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  letter-spacing: .25px;
  line-height: 24px;
  margin: 0 6px 0 0;
  padding: 0 8px 0 4px;
  text-transform: none
}

@media screen and (forced-colors:active) {

  .waffle-gridpill .docs-material-button-focused,
  .waffle-gridpill .docs-material-menu-button-flat-default-focused {
    outline: 1px solid Highlight;
    outline-offset: 0
  }
}

.waffle-gridpill .docs-material-button.waffle-gridpill-button.docs-material-button-flat-default {
  color: #202124;
  fill: #3c4043
}

.waffle-gridpill .waffle-gridpill-expanded-content>div:last-of-type .docs-material-button.waffle-gridpill-button,
.waffle-gridpill .waffle-gridpill-expanded-content>div:last-of-type .docs-material-menu-button-flat-default.waffle-gridpill-button {
  margin-right: 0
}

.waffle-gridpill .waffle-gridpill-button .docs-material-button-content,
.waffle-gridpill-button .docs-material-menu-button-flat-default-caption {
  align-items: center;
  display: flex
}

.waffle-gridpill .waffle-gridpill-button .docs-material-button-content>div+span,
.waffle-gridpill .waffle-gridpill-button .docs-material-button-content>svg+span {
  margin-left: 8px
}

.docs-material-menu-button-flat-default.waffle-gridpill-button.waffle-gridpill-button-icon-only,
.waffle-gridpill .docs-material-button.waffle-gridpill-button.waffle-gridpill-button-icon-only {
  fill: #5f6368;
  padding: 0 3px;
  width: 24px
}

.docs-material-menu-button-flat-default.waffle-gridpill-button-icon-only .docs-material-menu-button-flat-default-caption,
.waffle-gridpill .docs-material-button.waffle-gridpill-button-icon-only .docs-material-button-content {
  top: 3px
}

.waffle-gridpill .docs-material-button.waffle-gridpill-button-label-only {
  padding: 0 8px
}

.waffle-gridpill .docs-icon {
  margin: 0;
  position: relative
}

.waffle-gridpill-button.docs-material-button-active .docs-icon-img,
.waffle-gridpill-button.docs-material-button-focused .docs-icon-img,
.waffle-gridpill-button.docs-material-button-hover .docs-icon-img,
.waffle-gridpill-button.docs-material-menu-button-flat-default-active .docs-icon-img,
.waffle-gridpill-button.docs-material-menu-button-flat-default-focused .docs-icon-img,
.waffle-gridpill-button.docs-material-menu-button-flat-default-hover .docs-icon-img {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_grey_dark.svg)
}

.waffle-gridpill-button.docs-material-button-flat-default.docs-material-button.docs-material-button-hover,
.waffle-gridpill-button.docs-material-menu-button-flat-default.docs-material-menu-button-flat-default-hover {
  background: rgba(32, 33, 36, .04);
  color: #202124;
  fill: #202124
}

.waffle-gridpill-button.docs-material-button-flat-default.docs-material-button.docs-material-button-focused,
.waffle-gridpill-button.docs-material-menu-button-flat-default.docs-material-menu-button-flat-default-focused {
  background: rgba(32, 33, 36, .12);
  color: #202124;
  fill: #202124
}

.waffle-gridpill-button.docs-material-button-flat-default.docs-material-button.docs-material-button-active,
.waffle-gridpill-button.docs-material-menu-button-flat-default.docs-material-menu-button-flat-default-active {
  background: rgba(32, 33, 36, .1);
  color: #202124;
  fill: #202124
}

.waffle-gridpill .waffle-gridpill-button-green .docs-icon-img {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_green.svg)
}

.waffle-gridpill-button-green.waffle-gridpill-button.docs-material-button-flat-default.docs-material-button {
  color: #188038;
  fill: #188038
}

.waffle-gridpill-button-green.waffle-gridpill-button.docs-material-button-flat-default.docs-material-button.docs-material-button-hover {
  background: rgba(24, 128, 56, .04);
  color: #0d652d;
  fill: #0d652d
}

.waffle-gridpill-button-green.waffle-gridpill-button.docs-material-button-flat-default.docs-material-button.docs-material-button-focused {
  background: rgba(24, 128, 56, .12);
  color: #0d652d;
  fill: #0d652d
}

.waffle-gridpill-button-green.waffle-gridpill-button.docs-material-button-flat-default.docs-material-button.docs-material-button-active {
  background: rgba(24, 128, 56, .1);
  color: #0d652d;
  fill: #0d652d
}

.waffle-gridpill-button-red.waffle-gridpill-button.docs-material-button-flat-default.docs-material-button {
  color: #d93025;
  fill: #d93025
}

.waffle-gridpill-button-red.waffle-gridpill-button.docs-material-button-flat-default.docs-material-button.docs-material-button-hover {
  background: rgba(217, 48, 37, .04);
  color: #a50e0e;
  fill: #a50e0e
}

.waffle-gridpill-button-red.waffle-gridpill-button.docs-material-button-flat-default.docs-material-button.docs-material-button-focused {
  background: rgba(217, 48, 37, .12);
  color: #a50e0e;
  fill: #a50e0e
}

.waffle-gridpill-button-red.waffle-gridpill-button.docs-material-button-flat-default.docs-material-button.docs-material-button-active {
  background: rgba(217, 48, 37, .1);
  color: #a50e0e;
  fill: #a50e0e
}

.waffle-gridpill .docs-material-button-disabled>svg,
.waffle-gridpill-button.docs-material-button.docs-material-button-disabled {
  color: rgba(60, 64, 67, .38) !important;
  fill: rgba(60, 64, 67, .38) !important;
  background: #fff !important
}

.waffle-gridpill .docs-material-button-disabled .docs-icon-img,
.waffle-gridpill-button.docs-material-button-flat-default.docs-material-button.docs-material-button-disabled .docs-icon-img {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_gm3_grey_medium.svg);
  opacity: .38
}

.waffle-gridpill-button-blue.docs-material-button {
  color: #1967d2 !important;
  fill: #1967d2 !important
}

.waffle-gridpill-button-primary-blue.docs-material-button {
  color: #fff !important;
  fill: #fff !important;
  background: #1a73e8 !important;
  border-radius: 10px !important
}

.waffle-gridpill-button-blue.waffle-gridpill-button.docs-material-button-flat-default.docs-material-button.docs-material-button-hover {
  background: rgba(26, 115, 232, .04);
  color: #174ea6;
  fill: #174ea6
}

.waffle-gridpill-button-blue.waffle-gridpill-button.docs-material-button-flat-default.docs-material-button.docs-material-button-focused {
  background: rgba(26, 115, 232, .12);
  color: #174ea6;
  fill: #174ea6
}

.waffle-gridpill-button-blue.waffle-gridpill-button.docs-material-button-flat-default.docs-material-button.docs-material-button-active {
  background: rgba(26, 115, 232, .1);
  color: #174ea6;
  fill: #174ea6
}

.waffle-namedtable-gridpill-table {
  align-items: center;
  display: flex;
  flex-direction: row
}

.waffle-namedtable-gridpill-table-collapsed-wrapper {
  padding: 2px
}

.waffle-namedtable-gridpill-table-conditional-notifications-button-wrapper .goog-inline-block.docs-material-menu-button-flat-default-caption,
.waffle-namedtable-gridpill-table-create-view-button-wrapper .goog-inline-block.docs-material-menu-button-flat-default-caption {
  color: #202124
}

.waffle-namedtable-gridpill-table-conditional-notifications-enabled-badge {
  padding-top: 1px
}

.waffle-namedtable-gridpill-table-conditional-notifications-button-wrapper,
.waffle-namedtable-gridpill-table-multi-suggestion-wrapper {
  display: flex;
  align-items: center
}

.waffle-namedtable-gridpill-table-multi-suggestion-anchor {
  --gm3-icon-button-standard-unselected-focus-icon-color: var(--gm3-sys-color-on-primary, #fff);
  --gm3-icon-button-standard-unselected-hover-icon-color: var(--gm3-sys-color-on-primary, #fff);
  --gm3-icon-button-standard-unselected-icon-color: var(--gm3-sys-color-on-primary, #fff);
  --gm3-icon-button-standard-unselected-pressed-icon-color: var(--gm3-sys-color-on-primary, #fff);
  --gm3-icon-button-standard-unselected-hover-state-layer-color: var(--gm3-sys-color-on-surface, #1f1f1f);
  --gm3-icon-button-standard-unselected-pressed-state-layer-color: var(--gm3-sys-color-on-surface, #1f1f1f);
  --gm3-icon-button-standard-icon-size: 14px;
  --gm3-icon-button-standard-touch-target-size: 24px;
  --gm3-icon-button-standard-container-width: 24px;
  --gm3-icon-button-standard-container-height: 24px;
  --gm3-icon-button-standard-container-shape-start-start: 4px;
  --gm3-icon-button-standard-container-shape-start-end: 4px;
  --gm3-icon-button-standard-container-shape-end-end: 4px;
  --gm3-icon-button-standard-container-shape-end-start: 4px;
  --gm3-icon-button-standard-pressed-container-shape-start-start: 4px;
  --gm3-icon-button-standard-pressed-container-shape-start-end: 4px;
  --gm3-icon-button-standard-pressed-container-shape-end-end: 4px;
  --gm3-icon-button-standard-pressed-container-shape-end-start: 4px;
  margin: 0 8px
}

.waffle-namedtable-gridpill-table-proactive-suggestion-wrapper {
  display: flex;
  align-items: center;
  position: relative;
  min-inline-size: 41px;
  overflow: hidden
}

.waffle-namedtable-gridpill-table-proactive-suggestion-collapsed-icon {
  block-size: 100%;
  inline-size: 24px;
  margin: 0 8px;
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: inset-inline-start .15s cubic-bezier(.2, 0, 0, 1)
}

.waffle-namedtable-gridpill-table-proactive-suggestion-expanded-button {
  position: relative;
  background: var(--gm3-sys-color-surface-container, #f0f4f9);
  border-radius: 12px;
  block-size: 24px;
  margin: 0 8px;
  margin-inline-start: 4px;
  opacity: 0;
  overflow: hidden;
  transition: width .15s cubic-bezier(.2, 0, 0, 1), opacity .15s cubic-bezier(.2, 0, 0, 1), margin-inline-start .15s cubic-bezier(.2, 0, 0, 1)
}

.waffle-namedtable-gridpill-table-proactive-suggestion-expanded-button:before {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none
}

@media screen and (forced-colors:active) {
  .waffle-namedtable-gridpill-table-proactive-suggestion-expanded-button:before {
    border-color: CanvasText
  }
}

.waffle-namedtable-gridpill-table-proactive-suggestion-expanded-button:focus,
.waffle-namedtable-gridpill-table-proactive-suggestion-expanded-button:focus-within,
.waffle-namedtable-gridpill-table-proactive-suggestion-expanded-button:hover {
  background: var(--ae-genai-generation-gradient, linear-gradient(135deg, #d7e6ff, #c7e4ff, #dce2ff, #d7e6ff));
  animation: generation-shimmer 2.1s linear infinite
}

@media not (prefers-reduced-motion) {

  .waffle-namedtable-gridpill-table-proactive-suggestion-expanded-button:focus,
  .waffle-namedtable-gridpill-table-proactive-suggestion-expanded-button:focus-within,
  .waffle-namedtable-gridpill-table-proactive-suggestion-expanded-button:hover {
    background-position: 50%;
    background-size: 800% 800%
  }
}

.waffle-namedtable-gridpill-table-proactive-suggestion-expanded-button .docs-icon {
  margin: 0 -4px 0 2px
}

.waffle-namedtable-gridpill-table-proactive-suggestion-expanded-button .docs-material-button-content {
  block-size: 100%;
  color: var(--gm3-sys-color-on-surface, #1f1f1f);
  font-family: Google Sans;
  font-size: .6875rem;
  line-height: 1rem;
  letter-spacing: .00625rem;
  font-weight: 500
}

.waffle-namedtable-gridpill-table-proactive-suggestion-expanded .waffle-namedtable-gridpill-table-proactive-suggestion-collapsed-icon {
  inset-inline-start: 4px
}

.waffle-namedtable-gridpill-table-proactive-suggestion-expanded .waffle-namedtable-gridpill-table-proactive-suggestion-expanded-button {
  opacity: 1;
  margin-inline-start: 8px
}

.waffle-namedtable-gridpill-table-name {
  padding-left: 2px;
  color: #1f1f1f;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  overflow-x: clip;
  text-overflow: ellipsis;
  white-space: nowrap;
  white-space-collapse: preserve;
  width: 120px
}

.waffle-namedtable-gridpill-table-name-wrapper {
  padding: 0 8px 0 4px
}

.waffle-namedtable-gridpill-table-name:focus {
  overflow: hidden;
  text-overflow: clip
}

.waffle-namedtable-gridpill-table-name-disabled {
  cursor: default
}

.waffle-namedtable-gridpill-table-new-controls-base-class-expand {
  background: #0f5223;
  border: 1px solid #072711;
  border-radius: 12px 12px 0 0;
  box-shadow: none;
  margin-inline-start: -1px;
  margin-block-start: -2px
}

.waffle-namedtable-gridpill-table-new-controls-base-class-expand .waffle-gridpill-expanded-content {
  padding: 0
}

.waffle-namedtable-gridpill-table-new-controls-base-class-expand .waffle-namedtable-gridpill-table-icon {
  display: none
}

.waffle-namedtable-gridpill-table-new-controls-base-class-expand .waffle-namedtable-gridpill-table-name {
  border: 1px solid transparent;
  color: #fff;
  font-family: Google Sans;
  font-size: 13px;
  max-width: 170px;
  outline: none;
  padding: 0 2px;
  width: max-content
}

.waffle-namedtable-gridpill-table-new-controls-base-class-expand .waffle-namedtable-gridpill-table-name-wrapper {
  padding-right: 0;
  padding-left: 8px
}

.waffle-namedtable-gridpill-table-new-controls-base-class-expand .waffle-namedtable-gridpill-table-name:hover {
  border: 1px solid #091f46;
  border-radius: 2px
}

.waffle-namedtable-gridpill-table-new-controls-base-class-expand .waffle-namedtable-gridpill-table-name:focus {
  background: #fff;
  border: 1px solid #005dca;
  border-radius: 2px;
  color: #000
}

.waffle-namedtable-gridpill-table-new-controls-base-class-expand.waffle-namedtable-gridpill-table-new-controls-bright-background .waffle-namedtable-gridpill-table-name {
  color: #000
}

.waffle-namedtable-gridpill-table-new-controls-base-class-expand.waffle-namedtable-gridpill-table-new-controls-bright-background .docs-icon-img {
  filter: invert(100%)
}

.waffle-namedtable-gridpill-table-new-controls-base-class-expand .waffle-namedtable-gridpill-table-new-controls-vertical-line {
  width: 0;
  height: 28px;
  border-inline-start: 1px solid #072711
}

.waffle-namedtable-gridpill-table-new-controls-base-class-expand .waffle-gridpill-expanded-content .waffle-namedtable-gridpill-table .goog-inline-block.docs-material-menu-button-flat-default.waffle-gridpill-button.waffle-gridpill-button-icon-only {
  outline: none
}

.waffle-namedtable-gridpill-table .waffle-namedtable-gridpill-table-conditional-notifications-button-wrapper .goog-inline-block.docs-material-menu-button-flat-default.waffle-gridpill-button.waffle-gridpill-button-icon-only,
.waffle-namedtable-gridpill-table .waffle-namedtable-gridpill-table-create-view-button-wrapper .goog-inline-block.docs-material-menu-button-flat-default.waffle-gridpill-button.waffle-gridpill-button-icon-only,
.waffle-namedtable-gridpill-table-new-controls-base-class-expand .waffle-namedtable-gridpill-table-filter-view-button-wrapper .goog-inline-block.docs-material-menu-button-flat-default.waffle-gridpill-button.waffle-gridpill-button-icon-only {
  margin-left: 8px;
  margin-right: 8px
}

.waffle-namedtable-gridpill-table-new-controls-base-class-expand .waffle-namedtable-gridpill-table-menu-button-wrapper .goog-inline-block.docs-material-menu-button-flat-default.waffle-gridpill-button.waffle-gridpill-button-icon-only {
  margin-left: 2px;
  margin-right: 4px
}

.waffle-namedtable-gridpill-table-new-controls-base-class-expand .waffle-namedtable-gridpill-table-menu-button-wrapper.waffle-namedtable-gridpill-table-first-element .goog-inline-block.docs-material-menu-button-flat-default.waffle-gridpill-button.waffle-gridpill-button-icon-only {
  margin-left: 8px
}

.waffle-namedtable-gridpill-table-new-controls-base-class-expand .waffle-gridpill-expanded-content .waffle-namedtable-gridpill-table .goog-inline-block.docs-material-menu-button-flat-default.waffle-gridpill-button.waffle-gridpill-button-icon-only:focus,
.waffle-namedtable-gridpill-table-new-controls-base-class-expand .waffle-gridpill-expanded-content .waffle-namedtable-gridpill-table .goog-inline-block.docs-material-menu-button-flat-default.waffle-gridpill-button.waffle-gridpill-button-icon-only:hover {
  background-color: rgba(0, 0, 0, .12)
}

.waffle-namedtable-gridpill-table-new-controls-base-class-expand .docs-icon-expand-more-white-20 {
  margin-left: -1px
}

.waffle-namedtable-gridpill-table-new-controls-base-class-expand .waffle-gridpill-button {
  background: none
}

.waffle-namedtable-gridpill-table-conditional-notifications-button-wrapper .goog-inline-block.docs-material-menu-button-flat-default-caption,
.waffle-namedtable-gridpill-table-new-controls-base-class-expand .waffle-namedtable-gridpill-table-create-view-button-wrapper .goog-inline-block.docs-material-menu-button-flat-default-caption {
  color: #fff
}

.waffle-namedtable-gridpill-table-new-controls-base-class-expand .waffle-gridpill-expanded-content .waffle-namedtable-gridpill-table .docs-icon-img {
  content: ""
}

@media (-ms-high-contrast:active),
screen and (forced-colors:active) {

  .waffle-namedtable-gridpill-table .waffle-namedtable-gridpill-table-proactive-suggestion-collapsed-icon,
  .waffle-namedtable-gridpill-table .waffle-namedtable-gridpill-table-proactive-suggestion-expanded-button .docs-icon,
  .waffle-namedtable-gridpill-table-new-controls-base-class-expand .waffle-gridpill-expanded-content .waffle-namedtable-gridpill-table .goog-inline-block.docs-material-menu-button-flat-default.waffle-gridpill-button.waffle-gridpill-button-icon-only {
    filter: brightness(0) invert(1)
  }
}

.waffle-namedtable-gridpill-filter-view.goog-menu .goog-menuitem {
  padding-left: 11px
}

.waffle-namedtable-gridpill-filter-view svg {
  height: 20px;
  margin-right: 8px;
  position: relative;
  width: 20px
}

.waffle-namedtable-gridpill-menuitem-generic-action {
  padding-left: 10px
}

.waffle-namedtable-gridpill-menu.goog-menu .goog-menuitem {
  padding-left: 11px
}

.waffle-namedtable-gridpill-menu.goog-menu .goog-menuseparator {
  margin: 8px 0 8px 0
}

.waffle-namedtable-gridpill-menu svg {
  height: 20px;
  margin-right: 8px;
  position: relative;
  width: 20px
}

.waffle-namedtable-gridpill-formatting-flyout-menu {
  z-index: 1117
}

.waffle-namedtable-gridpill-menuitem {
  align-items: center;
  display: flex;
  height: 24px;
  line-height: 24px
}

.waffle-namedtable-gridpill-menuitem-accel {
  margin-left: auto;
  padding: 0 20px 0 40px;
  text-align: center;
  color: #9e9e9e
}

.waffle-gridpill-dismiss-menu-footnote-user-controls {
  box-sizing: border-box;
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 11px;
  min-width: 100%;
  padding: 6px 12px 6px 42px;
  width: min-content
}

.waffle-gridpill-dismiss-menu-footnote {
  box-sizing: border-box;
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 11px;
  min-width: 100%;
  padding: 6px 12px;
  width: min-content
}

.waffle-gridpill-v2 {
  border-radius: 28px
}

.waffle-gridpill-expanded-content {
  align-items: center
}

.waffle-gridpill-expanded-content-v2 {
  box-sizing: border-box;
  height: 48px
}

.waffle-dbobject-gridpill-edit-button-wrapper {
  margin-left: 8px;
  margin-right: 0
}

.waffle-gridpill-v2 .waffle-dbobject-gridpill-menu-button-wrapper {
  margin-right: 4px
}

.waffle-gridpill-v2 .waffle-dbobject-gridpill-collapsed-loading-wrapper {
  height: 28px;
  width: 28px;
  align-items: center
}

.waffle-gridpill-collapsed-content-v2 {
  padding: 6px
}

.waffle-dbobject-gridpill-collapsed-apply-wrapper .docs-material-button.waffle-gridpill-button {
  margin: 6px
}

.waffle-dbobject-gridpill-collapsed-loading-wrapper .waffle-dataconnector-pill-spinner {
  box-shadow: inset 0 0 0 2.66px;
  color: #188038;
  margin: 2px;
  transform: scale(.75)
}

.waffle-gridpill-collapsed-content-v2 .waffle-dbobject-gridpill-collapsed-loading-wrapper .waffle-dataconnector-pill-spinner {
  box-shadow: inset 0 0 0 2.66px;
  color: #1a73e8;
  margin: 4px;
  transform: scale(1.33)
}

.waffle-dbobject-gridpill-collapsed-refresh-wrapper svg {
  fill: #188038;
  height: 12px;
  width: 12px;
  margin: 5px
}

.waffle-gridpill-collapsed-content-v2 svg {
  fill: #1a73e8;
  height: 24px;
  width: 24px;
  margin: 2px
}

.waffle-dbobject-gridpill-collapsed-showerror-wrapper svg.waffle-gridpill-error-icon-filled {
  fill: #d93025;
  height: 15px;
  width: 15px;
  margin: 3.5px
}

.waffle-dbobject-gridpill-collapsed-showerror-wrapper svg.waffle-gridpill-error-icon-outline {
  fill: #d93025;
  height: 18px;
  width: 18px;
  margin: 3.5px
}

.waffle-dbobject-gridpill-collapsed-cancelling-wrapper {
  height: 24px;
  width: 24px;
  margin: 2px
}

.waffle-dbobject-gridpill-collapsed-cancelling-message {
  margin: 1px;
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 24px
}

.waffle-dbobject-gridpill-queryerror-button-wrapper svg.waffle-gridpill-error-icon-outline {
  height: 18px;
  width: 18px
}

.waffle-dbobject-gridpill-queryerror-button-wrapper svg.waffle-gridpill-error-icon-filled {
  height: 15px;
  width: 15px
}

.waffle-dbobject-gridpill-refresh-button-wrapper .waffle-gridpill-button svg {
  height: 12px;
  width: 12px
}

.waffle-dbobject-gridpill-collapsed-cancelling-wrapper .docs-icon.goog-inline-block {
  height: 24px;
  width: 24px;
  opacity: .23
}

.waffle-dbobject-gridpill-cancelling-wrapper .docs-icon.goog-inline-block {
  height: 26px;
  width: 26px;
  transform: scale(.75);
  opacity: .23
}

.waffle-dbobject-gridpill-cancelling-wrapper {
  margin-left: 8px
}

.waffle-dbobject-gridpill-cancelerror-button-wrapper .waffle-gridpill-button svg {
  fill: #d93025;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  height: 18px;
  width: 18px
}

.waffle-dbobject-gridpill-info {
  display: flex;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .2px;
  -webkit-user-select: none;
  user-select: none;
  line-height: 24px
}

.waffle-dbobject-gridpill-info-v2 {
  display: flex;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .2px;
  -webkit-user-select: none;
  user-select: none;
  line-height: 20px;
  align-items: center;
  margin-left: 8px;
  margin-right: 8px
}

.waffle-dbobject-gridpill-refresh-button-wrapper .docs-gm3-filled-button {
  height: 32px;
  gap: 8px;
  display: flex;
  padding: 10px 24px 10px 16px;
  margin-right: 8px
}

.waffle-dbobject-gridpill-refresh-button-wrapper .button-content-starts-with-icon {
  align-items: center
}

.waffle-dbobject-gridpill-apply-button-wrapper .docs-gm3-filled-button,
.waffle-dbobject-gridpill-collapsed-apply-wrapper .docs-gm3-filled-button {
  -webkit-user-select: none;
  user-select: none;
  height: 32px;
  gap: 8px;
  display: flex;
  padding: 10px 24px;
  align-items: center
}

.waffle-gridpill-collapsed-content-v2 .waffle-dbobject-gridpill-collapsed-apply-wrapper {
  margin: 2px 0
}

.waffle-dbobject-gridpill-status {
  color: #202124;
  margin-right: 6px
}

.waffle-dbobject-gridpill-info-cancelling {
  color: #c4c7c5;
  margin-right: 6px
}

.waffle-dbobject-gridpill-timestamp {
  color: #5f6368;
  height: 24px;
  line-height: 24px;
  margin-right: 6px;
  white-space: nowrap
}

.waffle-gridpill-v2 .waffle-dbobject-gridpill-timestamp {
  height: 20px;
  line-height: 20px;
  margin-right: 4px
}

.waffle-dbobject-gridpill-progress {
  align-items: center;
  display: flex;
  flex-direction: row;
  height: 24px;
  line-height: 24px
}

.waffle-dbobject-gridpill-progress .waffle-dbobject-gridpill-progress-green-spinner .waffle-dataconnector-pill-spinner {
  border-radius: 50%;
  box-shadow: inset 0 0 0 2px;
  color: #188038;
  display: inline-block;
  height: 18px;
  margin: 7px 0;
  position: relative;
  width: 18px;
  margin: 6px 6px 0 0
}

.waffle-dbobject-gridpill-progress .waffle-dbobject-gridpill-progress-blue-spinner .waffle-dataconnector-pill-spinner {
  border-radius: 50%;
  box-shadow: inset 0 0 0 2px;
  color: #1a73e8;
  display: inline-block;
  height: 18px;
  margin: 7px 0;
  position: relative;
  width: 18px;
  margin: 6px 6px 0 0
}

.waffle-dbobject-gridpill-progress-queued-clock {
  margin: 0 6px 6px 0
}

.waffle-dbobject-gridpill-progress-message {
  color: #202124;
  margin-right: 6px
}

.waffle-dbobject-gridpill-query-details-link {
  padding-bottom: 3px;
  height: 20px;
  width: 20px;
  line-height: 20px
}

.waffle-gridpill .waffle-dbobject-gridpill-query-details-link .docs-material-button-flat-default {
  height: 20px;
  width: 20px;
  line-height: 20px;
  padding: 3px 2px 1px;
  margin: 0
}

.waffle-dbobject-gridpill-running-time {
  color: #5f6368;
  margin-right: 6px;
  margin-left: 8px
}

.jfk-confirm.docs-dialog.cancel-query .modal-dialog-buttons button {
  border-radius: 40px;
  color: #0b57d0
}

.jfk-confirm.docs-dialog.cancel-query button.goog-buttonset-default.goog-buttonset-action {
  background-color: #0b57d0;
  color: #fff
}

.waffleColumnsmithGridpillDisabledIconWrapper,
.waffleColumnsmithGridpillDisabledWrapper,
.waffleColumnsmithGridpillGenerateButtonWrapper,
.waffleColumnsmithGridpillQuotaLimitIconWrapper,
.waffleColumnsmithGridpillQuotaLimitTextWrapper,
.waffleColumnsmithGridpillQuotaLimitWrapper,
.waffleColumnsmithGridpillRefreshButtonWrapper,
.waffleColumnsmithGridpillThumbsDownButton,
.waffleColumnsmithGridpillThumbsUpButton {
  display: flex;
  justify-content: center
}

.waffleColumnsmithGridpillTooltipIconWrapper {
  display: flex;
  justify-content: center;
  margin-right: 8px
}

.waffleColumnsmithGridpillInsertTextCellCount {
  display: flex;
  justify-content: center;
  padding-right: 8px
}

.waffleColumnsmithGridpillGenerateButtonWrapper .docs-material-button-focused.docs-material-button,
.waffleColumnsmithGridpillRefreshButtonWrapper .docs-material-button-focused.docs-material-button {
  outline: 2px solid #01639b;
  outline-offset: 2px
}

.waffleColumnsmithGridpillGenerateButtonWrapper .docs-material-button-active.docs-material-button,
.waffleColumnsmithGridpillRefreshButtonWrapper .docs-material-button-active.docs-material-button {
  outline: 2px solid transparent;
  outline-offset: 2px
}

.waffleColumnsmithGridpillSpinnerWrapper {
  transform-origin: center
}

@media not (prefers-reduced-motion) {
  .waffleColumnsmithGridpillSpinnerWrapper {
    animation: rotate-spark 2.1s linear infinite
  }
}

.waffleColumnsmithGridpillDisabledLearnMoreWrapper,
.waffleColumnsmithGridpillDisabledNestedTextWrapper,
.waffleColumnsmithGridpillDisabledTextWrapper,
.waffleColumnsmithGridpillQuotaLimitTextWrapper {
  color: #444746;
  font-family: Roboto, sans-serif;
  font-size: 13px;
  padding: 2px 4px;
  text-align: center
}

.waffleColumnsmithGridpillInsertTextCellCount {
  color: #444746;
  font-family: Roboto, sans-serif;
  font-size: 11px;
  padding: 2px 4px;
  text-align: center
}

.waffleColumnsmithGridpillCollapsedGenerateIconWrapper,
.waffleColumnsmithGridpillCollapsedQuotaLimitIconWrapper,
.waffleColumnsmithGridpillCollapsedRefreshIconWrapper,
.waffleColumnsmithGridpillCollapsedSpinnerWrapper {
  padding: 2px
}

.waffleColumnsmithGridpillCollapsedSpinnerWrapper {
  transform-origin: center
}

@media not (prefers-reduced-motion) {
  .waffleColumnsmithGridpillCollapsedSpinnerWrapper {
    animation: rotate-spark 2.1s linear infinite
  }
}

.waffleColumnsmithGridpillCollapsedDisabledIconWrapper {
  padding: 2px
}

.waffleColumnsmithGridpillTooltip {
  text-wrap: wrap;
  max-width: 650px
}

.waffleColumnsmithGridpillSeparator {
  background-color: #dadce0;
  height: 16px;
  margin: auto 6px auto 0;
  width: 1px
}

.waffleColumnsmithGridpillFeedbackButtonWrapper {
  display: flex;
  justify-content: center
}

.waffleColumnsmithGridpillThumbsDownButton .docs-material-button-focused.docs-material-button,
.waffleColumnsmithGridpillThumbsUpButton .docs-material-button-focused.docs-material-button {
  outline: 2px solid #01639b;
  outline-offset: 2px
}

.waffleColumnsmithGridpillThumbsDownButton .docs-material-button-active.docs-material-button,
.waffleColumnsmithGridpillThumbsUpButton .docs-material-button-active.docs-material-button {
  outline: 2px solid transparent;
  outline-offset: 2px
}

.waffle-dbobject-gridpill-menu.goog-menu .goog-menuitem {
  padding-left: 11px
}

.waffle-dbobject-gridpill-menu.goog-menu .goog-menuitem-label {
  padding-left: 27px
}

.waffle-dbobject-gridpill-menu svg {
  height: 20px;
  margin-right: 8px;
  position: relative;
  width: 20px
}

.waffle-dbobject-gridpill-menuitem {
  align-items: center;
  display: flex;
  height: 24px;
  line-height: 24px
}

.waffle-dbobject-gridpill-menuitem-generic-action {
  padding-left: 27px
}

.waffle-dbobject-gridpill-menuitem-accel {
  margin-left: auto;
  padding: 0 20px 0 40px;
  text-align: center;
  color: #9e9e9e
}

.waffle-dbobject-gridpill-menuitem .waffle-gridpill-refresh-icon {
  fill: #5f6368;
  height: 14px;
  padding: 3px;
  width: 14px
}

.waffle-dbobject-gridpill-menuitem-refreshquery-info svg {
  margin: 0
}

.waffle-dbobject-gridpill-menuitem-refreshquery-info-progress {
  font-style: italic
}

.waffle-dbobject-gridpill-menuitem-refreshquery-info-error-button {
  color: #db4437;
  text-decoration: underline;
  white-space: nowrap
}

.waffle-dbobject-gridpill-menuitem-refreshquery-info-error-button:focus {
  outline: none
}

.waffle-dbobject-gridpill-menuitem-refreshquery-info-message {
  color: #616161;
  white-space: nowrap
}

.goog-menu.waffle-dbobject-gridpill-menu .goog-menuseparator {
  margin: 8px 0
}

.goog-menu.waffle-dbobject-gridpill-menu .docs-icon-img.docs-icon-editors-ia-hide-invisible,
.goog-menu.waffle-dbobject-gridpill-menu .docs-icon-img.docs-icon-tab-close-18x18 {
  opacity: 1
}

.waffle-pivottable-gridpill-collapsed-edit-wrapper {
  padding: 2px
}

.waffle-legacy-gridpill-showerror-button-wrapper .waffle-gridpill-button svg {
  height: 15px;
  width: 15px
}

.waffle-legacy-gridpill-refresh-button-wrapper .waffle-gridpill-button svg {
  height: 12px;
  width: 12px
}

.waffle-legacy-gridpill-collapsed-loading-wrapper .waffle-dataconnector-pill-spinner {
  box-shadow: inset 0 0 0 2.66px;
  color: #188038;
  margin: 2px;
  transform: scale(.75)
}

.waffle-legacy-gridpill-collapsed-refresh-wrapper svg {
  fill: #188038;
  height: 12px;
  margin: 5px;
  width: 12px
}

.waffle-legacy-gridpill-collapsed-showerror-wrapper svg {
  fill: #d93025;
  height: 15px;
  margin: 3.5px;
  width: 15px
}

.waffle-legacy-gridpill-info {
  display: flex;
  font: 400 12px/24px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  letter-spacing: .2px
}

.waffle-legacy-gridpill-timestamp {
  color: #5f6368;
  height: 24px;
  line-height: 24px;
  margin-right: 6px;
  white-space: nowrap
}

.waffle-legacy-gridpill-progress {
  align-items: center;
  display: flex;
  flex-direction: row;
  height: 24px;
  line-height: 24px
}

.waffle-legacy-gridpill-progress .waffle-dataconnector-pill-spinner {
  border-radius: 50%;
  box-shadow: inset 0 0 0 2px;
  color: #188038;
  display: inline-block;
  height: 18px;
  margin: 7px 0;
  position: relative;
  width: 18px;
  margin: 0 6px 0 0
}

.waffle-legacy-gridpill-progress-message {
  color: #202124;
  margin-right: 6px
}

.waffle-legacy-gridpill-menu svg {
  transform: scale(1.4);
  bottom: -.125em;
  height: 1em;
  margin-right: 8px;
  position: relative;
  width: 1em
}

.waffle-legacy-gridpill-menuitem {
  align-items: center;
  display: flex;
  height: 24px;
  line-height: 24px
}

.waffle-legacy-gridpill-menuitem-refreshquery,
.waffle-legacy-gridpill-menuitem-truncation {
  padding-right: 15px !important
}

.waffle-legacy-gridpill-menuitem-accel {
  margin-left: auto;
  padding: 0 20px 0 40px;
  text-align: center;
  color: #9e9e9e
}

.waffle-legacy-gridpill-menuitem-refreshquery-info svg {
  margin: 0
}

.waffle-legacy-gridpill-menuitem-refreshquery-info-progress {
  font-style: italic
}

.waffle-legacy-gridpill-menuitem-refreshquery-info-error-button {
  color: #db4437;
  text-decoration: underline
}

.waffle-name-box-container {
  background-color: #fff;
  display: inline-flex;
  height: 24px
}

.waffle-name-box {
  border: none;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 19px;
  margin: 2px 0 2px 2px;
  padding: 0 8px 0 6px;
  width: 69px
}

.waffle-name-box-container:hover .waffle-name-box:disabled,
.waffle-name-box-container:hover .waffle-name-box:disabled+.name-box-dropdown,
.waffle-name-box-container:hover .waffle-name-box:focus,
.waffle-name-box-menu-active .waffle-name-box:focus,
.waffle-name-box-menu-active.waffle-name-box-container:hover .waffle-name-box:focus,
.waffle-name-box:disabled {
  background: #fff
}

.waffle-name-box:focus {
  border: 2px solid #4d90fe;
  margin: 0;
  padding: 0 6px
}

.name-box-dropdown.goog-toolbar-menu-button {
  cursor: pointer;
  height: 18px;
  margin: 2px 2px 2px 0;
  opacity: 1
}

.name-box-dropdown.goog-toolbar-menu-button .goog-toolbar-menu-button-dropdown .docs-icon {
  margin-bottom: 6px
}

.name-box-dropdown.goog-toolbar-menu-button:focus {
  background: #e8eaed
}

.goog-menu.waffle-named-box-menu {
  padding: 8px;
  width: 340px
}

.waffle-named-box-menu-open-sidebar-button-container {
  padding: 4px 0
}

.waffle-name-box-menu-item-active,
.waffle-named-box-menu-open-sidebar-button-focus,
.waffle-named-box-menu-open-sidebar-button-hover {
  background: #f5f5f5;
  border: 1px solid transparent
}

.waffle-named-box-menu-open-sidebar-button.waffle-named-box-menu-open-sidebar-button-focus,
.waffle-named-box-menu-open-sidebar-button.waffle-named-box-menu-open-sidebar-button-hover {
  padding: 7px 0 5px 8px
}

.waffle-named-range-autocomplete-row.waffle-name-box-menu-item-active {
  padding: 0
}

.goog-menu.waffle-named-box-menu .waffle-name-box-menu-item-hidden .waffle-function-autocomplete-row-name,
.goog-menu.waffle-named-box-menu .waffle-name-box-menu-item-hidden .waffle-named-range-autocomplete-row-content {
  color: #888
}

.goog-menu.waffle-named-box-menu .waffle-name-box-menu-item-disabled .waffle-function-autocomplete-row-name,
.goog-menu.waffle-named-box-menu .waffle-name-box-menu-item-disabled .waffle-named-range-autocomplete-row-content {
  cursor: not-allowed
}

.waffle-named-box-menu-open-sidebar-button {
  color: #5f6368;
  cursor: pointer;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 8px 1px 6px 8px
}

.waffle-named-box-menu-open-sidebar-button:focus {
  outline: none
}

.waffle-named-box-menu-open-sidebar-button-disabled {
  background: #fff;
  cursor: default;
  opacity: .38
}

.waffle-name-box-menu-open-sidebar-button-title {
  padding-bottom: 4px
}

.waffle-name-box-menu-open-sidebar-button-subtext {
  color: #80868b;
  font-size: 12px;
  letter-spacing: .3px;
  line-height: 16px;
  padding-right: 4px
}

.goog-menu.waffle-named-box-menu .waffle-function-autocomplete-row {
  width: auto
}

.goog-menu.waffle-named-box-menu .waffle-function-autocomplete-row-name,
.goog-menu.waffle-named-box-menu .waffle-named-range-autocomplete-row-content {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  overflow: hidden
}

.goog-menu.waffle-named-box-menu .waffle-function-autocomplete-row-description {
  color: #80868b;
  display: flex;
  font-size: 12px;
  padding: 7px 0 4px
}

.goog-menu.waffle-named-box-menu .waffle-named-range-autocomplete-row-icon-container {
  margin: 4px
}

.goog-menu.waffle-named-box-menu .waffle-named-range-autocomplete-row-content {
  margin: 4px 0
}

.waffle-named-box-menu-scrollable-wrapper {
  max-height: 324px;
  overflow-y: auto
}

.waffle-name-box-menu-open-sidebar-button-separator {
  border-top: 1px solid #dadce0
}

.waffle-name-box-container:hover .name-box-dropdown,
.waffle-name-box-container:hover .name-box-menu-separator-container,
.waffle-name-box-container:hover .waffle-name-box,
.waffle-name-box-menu-active .name-box-dropdown,
.waffle-name-box-menu-active .name-box-dropdown.goog-toolbar-menu-button:focus,
.waffle-name-box-menu-active .name-box-menu-separator-container,
.waffle-name-box-menu-active .waffle-name-box,
.waffle-name-box-menu-active.waffle-name-box-container:hover .name-box-dropdown,
.waffle-name-box-menu-active.waffle-name-box-container:hover .name-box-menu-separator-container,
.waffle-name-box-menu-active.waffle-name-box-container:hover .waffle-name-box {
  background: #f5f5f5;
  display: inline-flex
}

.waffle-name-box-container:hover .waffle-name-box,
.waffle-name-box-menu-active .waffle-name-box {
  width: 67px
}

.docs-grille-gm3 .waffle-name-box-container {
  border-radius: 4px;
  color: #1f1f1f;
  margin: 2px 6px
}

.docs-grille-gm3 .waffle-name-box-container .waffle-name-box {
  width: 60px
}

.docs-grille-gm3 .waffle-name-box {
  font-family: Roboto, sans-serif
}

.docs-grille-gm3 .name-box-dropdown.goog-toolbar-menu-button {
  margin: 0;
  padding: 2px 2px 2px 0
}

.docs-grille-gm3 .waffle-name-box-container:hover .name-box-menu-separator-container,
.docs-grille-gm3 .waffle-name-box-menu-active .name-box-menu-separator-container,
.docs-grille-gm3 .waffle-name-box-menu-active.waffle-name-box-container:hover .name-box-menu-separator-container {
  display: none
}

.docs-grille-gm3 .waffle-name-box-container.waffle-name-box-menu-active .waffle-name-box,
.docs-grille-gm3 .waffle-name-box-container:hover .name-box-dropdown,
.docs-grille-gm3 .waffle-name-box-container:hover .waffle-name-box {
  background: none
}

.docs-grille-gm3 .waffle-name-box-container:hover {
  background: rgba(31, 31, 31, .08)
}

.docs-grille-gm3 .name-box-dropdown.goog-toolbar-menu-button:focus,
.docs-grille-gm3 .waffle-name-box-container.waffle-name-box-menu-active,
.docs-grille-gm3 .waffle-name-box-container:focus {
  background: rgba(31, 31, 31, .12)
}

.docs-grille-gm3 .name-box-dropdown .goog-toolbar-menu-button-dropdown .docs-icon {
  margin-bottom: 8px
}

.waffle-named-formulas {
  display: flex;
  flex-direction: column
}

.waffle-named-formulas-overlay-container {
  bottom: auto;
  background-color: rgba(0, 0, 0, .6);
  height: inherit;
  position: fixed;
  width: 300px;
  z-index: 1000
}

.waffle-named-formulas .waffle-sidebar-title .waffle-sidebar-title-text {
  margin-right: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.waffle-named-formulas .waffle-sidebar-title .waffle-sidebar-title-close {
  flex-shrink: 0
}

.waffle-ui-draggablebar.waffle-named-formulas-sidebar-draggablebar.waffle-ui-material-draggablebar {
  background: none;
  height: 0
}

.waffle-named-formulas .waffle-named-formulas-content-container,
.waffle-named-formulas-container,
.waffle-named-formulas-sidebar-assistance-view-container,
.waffle-named-formulas-sidebar-assistance-view-container>div,
.waffle-named-formulas-sidebar-create-options-view-container,
.waffle-named-formulas-sidebar-create-options-view-container>div,
.waffle-named-formulas-sidebar-create-step-b-argument-details-container>div,
.waffle-named-formulas-sidebar-create-view-container,
.waffle-named-formulas-sidebar-create-view-container>div,
.waffle-named-formulas-sidebar-edit-view-container,
.waffle-named-formulas-sidebar-edit-view-container>div,
.waffle-named-formulas-sidebar-list-view-container,
.waffle-named-formulas-sidebar-list-view-container>div,
.waffle-named-formulas-sidebar-zero-state-promo-container {
  display: flex;
  flex-direction: column;
  flex-grow: 1
}

.waffle-named-formulas .waffle-sidebar-footer-container {
  position: relative
}

.waffle-named-formulas-sidebar-list-view-card {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  padding: 12px 16px
}

.waffle-named-formulas-sidebar-list-view-card-function-signature {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 20px;
  letter-spacing: .2px;
  line-height: 20px;
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.waffle-named-formulas-sidebar-list-view-card-function-signature-tooltip {
  max-width: 300px
}

.waffle-named-formulas-sidebar-list-view-card-description {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .3px;
  line-height: 16px;
  max-width: 90%;
  overflow-wrap: anywhere
}

.waffle-named-formulas-sidebar-list-view-add-named-formula-button {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  height: 48px;
  padding-left: 16px;
  width: 300px
}

.waffle-named-formulas-sidebar-list-view-add-named-formula-button-message {
  color: #188038;
  flex-grow: 0;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  height: 20px;
  letter-spacing: .25px;
  line-height: 20px;
  margin: 0 8px
}

.waffle-named-formulas-sidebar-list-view-card-function-signature-and-menu-container {
  display: flex;
  flex-direction: row;
  height: 20px;
  padding-bottom: 2px;
  width: 100%
}

.waffle-named-formulas-sidebar-separator {
  box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15)
}

.waffle-named-formulas-sidebar-list-view-add-named-formula-button-separator {
  background: #dadce0;
  height: 1px
}

.waffle-named-formulas-sidebar-list-view-card-action-menu-button-wrapper {
  cursor: pointer;
  margin-left: auto
}

.waffle-named-formulas-sidebar-list-view-card-action-menu-item {
  align-items: flex-start;
  display: flex;
  padding: 4px 8px
}

.waffle-named-formulas-sidebar-list-view-card-action-menu {
  border-radius: 4px
}

.waffle-named-formulas-sidebar-list-view-card-action-menu .goog-menuitem {
  padding: 0 !important
}

.waffle-named-formulas-sidebar-list-view-card-action-menu-item-action-name {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  letter-spacing: .25px;
  line-height: 32px
}

.waffle-named-formulas-sidebar-create-step-a,
.waffle-named-formulas-sidebar-create-step-b {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 18px 16px
}

.waffle-named-formulas-sidebar-create-step-a-argument-names-field-message,
.waffle-named-formulas-sidebar-create-step-a-named-function-details-message,
.waffle-named-formulas-sidebar-create-step-a-write-formula-details-message,
.waffle-named-formulas-sidebar-create-step-b-named-formula-summary-message,
.waffle-named-formulas-sidebar-create-step-b-write-additional-details-message {
  color: #3c4043;
  align-items: center;
  display: flex;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .25px;
  line-height: 20px
}

.waffle-named-formulas-sidebar-create-step-a-function-name-field-info-icon,
.waffle-named-formulas-sidebar-create-step-a-function-name-field-message {
  padding-top: 6px
}

.waffle-named-formulas-sidebar-create-step-a-function-description-field-info-icon,
.waffle-named-formulas-sidebar-create-step-a-function-description-field-message {
  padding-top: 4px
}

.waffle-named-formulas-sidebar-create-step-a-argument-names-field-info-icon,
.waffle-named-formulas-sidebar-create-step-a-argument-names-field-message,
.waffle-named-formulas-sidebar-create-step-a-write-formula-details-info-icon,
.waffle-named-formulas-sidebar-create-step-a-write-formula-details-message {
  padding-bottom: 8px;
  padding-top: 16px
}

.waffle-named-formulas-sidebar-create-step-b-named-formula-summary-message {
  padding-bottom: 16px
}

.waffle-named-formulas-sidebar-create-step-b-write-additional-details-message {
  padding-bottom: 8px;
  padding-top: 24px
}

.waffle-named-formulas-sidebar-create-step-b-argument-description-field-info-icon,
.waffle-named-formulas-sidebar-create-step-b-argument-description-field-message,
.waffle-named-formulas-sidebar-create-step-b-argument-usage-example-field-info-icon,
.waffle-named-formulas-sidebar-create-step-b-argument-usage-example-field-message {
  padding-top: 8px
}

.waffle-named-formulas-sidebar-create-step-a-formula-field-message,
.waffle-named-formulas-sidebar-create-step-a-function-arguments-field-description-message,
.waffle-named-formulas-sidebar-create-step-a-function-description-field-message,
.waffle-named-formulas-sidebar-create-step-a-function-name-field-message,
.waffle-named-formulas-sidebar-create-step-b-argument-description-field-message,
.waffle-named-formulas-sidebar-create-step-b-argument-usage-example-field-message {
  align-items: center;
  color: #3c4043;
  display: flex;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .3px;
  line-height: 16px
}

.waffle-named-formulas-sidebar-create-step-b-argument-description-field-message,
.waffle-named-formulas-sidebar-create-step-b-argument-usage-example-field-message {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.waffle-named-formulas-sidebar-create-step-a-formula-field-message,
.waffle-named-formulas-sidebar-create-step-a-function-arguments-field-description-message,
.waffle-named-formulas-sidebar-create-step-a-function-description-field-message,
.waffle-named-formulas-sidebar-create-step-a-function-name-field-message,
.waffle-named-formulas-sidebar-create-step-b-argument-description-field-message,
.waffle-named-formulas-sidebar-create-step-b-argument-usage-example-field-message {
  color: #5f6368
}

.waffle-named-formulas-sidebar-create-step-a-function-name-field-input,
.waffle-named-formulas-sidebar-create-step-b-argument-description-field-input,
.waffle-named-formulas-sidebar-create-step-b-argument-usage-example-field-input {
  border: 1px solid;
  border-radius: 4px;
  box-sizing: border-box
}

.waffle-named-formulas-sidebar-create-step-a-formula-definition-field-input-container,
.waffle-named-formulas-sidebar-create-step-a-function-description-field-input {
  padding: 4px 0
}

.waffle-named-formulas-expandable-input {
  border-radius: 4px;
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  letter-spacing: .3px;
  line-height: 120%;
  margin: 4px 0;
  outline: 1px solid #d9d9d9;
  overflow-wrap: anywhere;
  padding: 8px;
  user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  -webkit-user-select: text;
  white-space: pre-wrap;
  display: inline-block;
  box-sizing: border-box;
  width: 100%
}

.waffle-named-formulas-formula-definition-input {
  font-family: Inconsolata, monospace, arial, sans, sans-serif
}

.waffle-named-formulas-expandable-input:empty:before {
  color: #80868b;
  content: attr(data-placeholder)
}

.waffle-named-formulas-sidebar-create-step-a-function-name-field-input {
  font-family: Roboto Mono, Consolas, monospace;
  text-transform: uppercase
}

.waffle-named-formulas-sidebar-create-step-a-new-argument-name-field-input {
  font-family: Roboto Mono, Consolas, monospace;
  text-transform: lowercase
}

.waffle-named-formulas-sidebar-create-step-a-action-buttons,
.waffle-named-formulas-sidebar-create-step-b-action-buttons {
  margin: 0 16px 16px auto;
  display: flex;
  flex-direction: row
}

.waffle-named-formulas-feedback-container {
  display: flex;
  flex-direction: row;
  padding: 0 0 8px 12px
}

.waffle-named-formulas-feedback-button-container {
  padding: 9px 0
}

.waffle-named-formulas-conversion-dialog-cancel-button-wrapper,
.waffle-named-formulas-conversion-dialog-convert-button-wrapper,
.waffle-named-formulas-sidebar-create-step-a-cancel-button-wrapper,
.waffle-named-formulas-sidebar-create-step-b-back-button-wrapper {
  margin-left: auto;
  margin-right: 12px
}

.waffle-named-formulas-argument-conversion-dialog-cancel-button,
.waffle-named-formulas-argument-conversion-dialog-define-button,
.waffle-named-formulas-conversion-dialog-cancel-button,
.waffle-named-formulas-conversion-dialog-convert-button,
.waffle-named-formulas-sidebar-create-step-a-cancel-button,
.waffle-named-formulas-sidebar-create-step-a-next-button,
.waffle-named-formulas-sidebar-create-step-b-back-button,
.waffle-named-formulas-sidebar-create-step-b-create-button,
.waffle-named-formulas-sidebar-zero-state-promo-view-example-button {
  margin-right: 0;
  text-transform: none
}

.waffle-named-formulas-sidebar-create-step-b-summary-function-definition {
  align-items: center;
  color: #202124;
  display: flex;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: .25px;
  line-height: 20px;
  overflow-wrap: anywhere
}

.waffle-named-formulas-sidebar-create-step-b-summary-function-description {
  align-items: center;
  color: #5f6368;
  display: flex;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .3px;
  line-height: 20px;
  padding: 8px 0;
  overflow-wrap: anywhere
}

.waffle-named-formulas-sidebar-create-step-b-summary-formula-definition-wrapper {
  display: flex;
  background: #f1f3f4;
  border-radius: 4px;
  overflow-wrap: anywhere
}

.waffle-named-formulas-sidebar-create-step-b-summary-formula-definition {
  color: #202124;
  font-family: Roboto Mono, Consolas, monospace;
  font-size: 12px;
  line-height: 20px;
  padding: 8px;
  white-space: pre-wrap
}

.waffle-named-formulas-argument-conversion-dialog-argument-name-input-field-error,
.waffle-named-formulas-sidebar-create-step-a-formula-definition-field-error,
.waffle-named-formulas-sidebar-create-step-a-function-description-field-error,
.waffle-named-formulas-sidebar-create-step-a-function-name-field-error,
.waffle-named-formulas-sidebar-create-step-a-new-argument-name-field-error {
  color: #d93025;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .3px;
  line-height: 16px;
  margin-top: -4px
}

.waffle-named-formulas-sidebar-create-field-input-error {
  border-color: #d93025 !important
}

.waffle-named-formulas-formula-definition-input.waffle-named-formulas-sidebar-create-field-input-error {
  outline-color: #d93025
}

.waffle-named-formulas-sidebar-argument-chip {
  border: thin solid #bdc1c6;
  border-radius: 32px;
  cursor: move;
  display: flex;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  height: 32px;
  margin: 4px 0;
  overflow: hidden;
  position: relative;
  white-space: nowrap
}

.waffle-named-formulas-sidebar-argument-chip>* {
  flex-shrink: 0
}

.waffle-named-formulas-sidebar-argument-chip-content {
  flex-grow: 1;
  flex-shrink: 1;
  font-family: Roboto Mono, Consolas, monospace;
  line-height: 32px;
  margin-left: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top
}

.waffle-named-formulas-sidebar-argument-chip-remove-button-container {
  align-self: center;
  margin-right: 6px
}

.waffle-named-formulas-sidebar-argument-chip-remove-button .docs-icon {
  border: 1px;
  border-radius: 16px;
  cursor: pointer;
  transition: background-color .2s ease
}

.waffle-named-formulas-feedback-label {
  color: #5f6368;
  cursor: pointer;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  letter-spacing: .25px;
  line-height: 20px;
  margin: 4px 0 4px 10px;
  padding: 4px
}

.waffle-named-formulas-hyperlink-feedback-button-message .waffle-named-formulas-feedback-label {
  font-size: 12px;
  letter-spacing: .3px;
  line-height: 16px
}

.waffle-named-formulas-feedback-button .docs-icon {
  border-radius: 100%;
  cursor: pointer;
  margin: 0
}

.waffle-named-formulas-feedback-button:focus,
.waffle-named-formulas-sidebar-argument-chip-remove-button:focus,
.waffle-named-formulas-sidebar-create-flow-info-icon:focus,
.waffle-named-formulas-sidebar-list-view-add-named-formula-button:focus,
.waffle-named-formulas-sidebar-list-view-card-action-menu-button:focus,
.waffle-named-formulas-sidebar-list-view-footer-add-named-formula-button:focus,
.waffle-named-formulas-sidebar-list-view-footer-import-named-formula-button:focus {
  outline: none
}

.waffle-named-formulas-feedback-button .docs-icon:hover,
.waffle-named-formulas-feedback-button:focus .docs-icon,
.waffle-named-formulas-feedback-button:focus .waffle-named-formulas-hyperlink-feedback-button-message .waffle-named-formulas-feedback-label,
.waffle-named-formulas-hyperlink-feedback-button-message .waffle-named-formulas-feedback-label:hover,
.waffle-named-formulas-sidebar-create-step-a-new-argument-name-field-enter-key-button:focus,
.waffle-named-formulas-sidebar-create-step-a-new-argument-name-field-enter-key-button:hover,
.waffle-named-formulas-sidebar-list-view-card-action-menu-button .docs-icon:hover,
.waffle-named-formulas-sidebar-list-view-card-action-menu-button:focus .docs-icon {
  background-color: #e8eaed
}

.waffle-named-formulas-sidebar-list-view-footer-add-named-formula-button:focus,
.waffle-named-formulas-sidebar-list-view-footer-add-named-formula-button:hover,
.waffle-named-formulas-sidebar-list-view-footer-import-named-formula-button:enabled:focus,
.waffle-named-formulas-sidebar-list-view-footer-import-named-formula-button:enabled:hover {
  background-color: #f8fcf9
}

.waffle-named-formulas-sidebar-argument-chip-remove-button .docs-icon:hover,
.waffle-named-formulas-sidebar-argument-chip-remove-button:focus .docs-icon {
  background-color: #dadce0
}

.waffle-named-formulas-sidebar-create-options-arguments-first-view-button,
.waffle-named-formulas-sidebar-create-options-formula-first-view-button {
  align-items: center;
  border-color: #dadce0;
  border-width: 1px;
  border-radius: 12px;
  border-style: solid;
  cursor: pointer;
  display: flex;
  margin: 18px;
  padding: 12px 16px
}

.waffle-named-formulas-sidebar-create-options-arguments-first-view-button-icon,
.waffle-named-formulas-sidebar-create-options-formula-first-view-button-icon {
  padding: 18px
}

.waffle-named-formulas-sidebar-create-options-arguments-first-view-button-details,
.waffle-named-formulas-sidebar-create-options-formula-first-view-button-details {
  display: flex;
  flex-direction: column
}

.waffle-named-formulas-sidebar-create-options-arguments-first-view-button-heading,
.waffle-named-formulas-sidebar-create-options-formula-first-view-button-heading {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  letter-spacing: .25px;
  line-height: 20px
}

.waffle-named-formulas-sidebar-create-options-arguments-first-view-button-description,
.waffle-named-formulas-sidebar-create-options-formula-first-view-button-description {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: .3px
}

.waffle-named-formulas-argument-conversion-dialog-argument-name-input-field-wrapper,
.waffle-named-formulas-sidebar-create-step-a-new-argument-name-field-wrapper {
  border: 1px solid #dadce0;
  border-radius: 4px;
  box-sizing: border-box;
  color: #3c4043;
  padding: 1px 8px;
  font-size: 14px;
  height: 36px;
  margin: 8px 0;
  display: flex
}

.waffle-named-formulas-argument-conversion-dialog-argument-name-input,
.waffle-named-formulas-argument-conversion-dialog-argument-name-input:focus,
.waffle-named-formulas-sidebar-create-step-a-new-argument-name-field-input,
.waffle-named-formulas-sidebar-create-step-a-new-argument-name-field-input:focus {
  border: none;
  flex-grow: 1;
  margin: 0;
  outline: none
}

.waffle-named-formulas-argument-conversion-dialog-argument-name-input {
  font-family: Roboto Mono, Consolas, monospace
}

.waffle-named-formulas-sidebar-create-step-a-new-argument-name-field-enter-key-wrapper {
  align-self: center;
  color: #80868b;
  font-size: 20px;
  padding: 6px 2px 0 2px
}

.waffle-named-formulas-sidebar-create-step-a-new-argument-name-field-enter-key-button {
  background: transparent;
  cursor: pointer;
  outline: none
}

.waffle-named-formulas-argument-conversion-dialog-argument-name-input::placeholder,
.waffle-named-formulas-expandable-input:before,
.waffle-named-formulas-sidebar-create-step-a-function-description-field-input::placeholder,
.waffle-named-formulas-sidebar-create-step-a-function-name-field-input::placeholder,
.waffle-named-formulas-sidebar-create-step-a-new-argument-name-field-input::placeholder,
.waffle-named-formulas-sidebar-create-step-b-argument-details-container input::placeholder {
  opacity: 0
}

.waffle-named-formulas-sidebar-create-step-b-usage-example-field-input,
.waffle-named-formulas-sidebar-create-step-b-usage-example-field-message {
  display: none
}

.waffle-named-formulas-sidebar-icon.docs-material .docs-icon-img,
.waffle-named-formulas-sidebar-list-view-add-named-formula-button-icon.docs-material .docs-icon-img {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_green.svg)
}

.waffle-named-formulas-argument-conversion-dialog-container,
.waffle-named-formulas-conversion-dialog-container,
.waffle-named-formulas-sidebar-list-view-footer-action-buttons {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  z-index: 1001
}

.waffle-named-formulas-conversion-dialog-title {
  align-items: center;
  color: #202124;
  display: flex;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: .1px;
  line-height: 24px;
  margin: 8px 0 0 16px
}

.waffle-named-formulas-conversion-dialog-description {
  align-items: center;
  color: #5f6368;
  display: flex;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .3px;
  line-height: 16px;
  margin: 4px 16px
}

.waffle-named-formulas-conversion-info-container {
  align-items: center;
  background: #feefc3;
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  padding: 8px 12px 8px 8px;
  margin: 0 0 12px 0
}

.waffle-named-formulas-conversion-dialog-container .waffle-named-formulas-conversion-info-container {
  margin: 8px 16px 12px 16px
}

.waffle-named-formulas-conversion-info-icon {
  content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMCAwQzQuNDggMCAwIDQuNDggMCAxMEMwIDE1LjUyIDQuNDggMjAgMTAgMjBDMTUuNTIgMjAgMjAgMTUuNTIgMjAgMTBDMjAgNC40OCAxNS41MiAwIDEwIDBaTTkgNVY3SDExVjVIOVpNOSA5VjE1SDExVjlIOVpNMiAxMEMyIDE0LjQxIDUuNTkgMTggMTAgMThDMTQuNDEgMTggMTggMTQuNDEgMTggMTBDMTggNS41OSAxNC40MSAyIDEwIDJDNS41OSAyIDIgNS41OSAyIDEwWiIgZmlsbD0iI0UzNzQwMCIvPgo8L3N2Zz4K");
  height: 20px;
  margin-right: 4px;
  width: 20px
}

.waffle-named-formulas-conversion-info-message {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .3px;
  line-height: 16px;
  margin: 0 8px
}

.waffle-named-formulas-conversion-dialog-action-buttons {
  margin-bottom: 12px;
  margin-left: auto;
  display: flex;
  flex-direction: row
}

.waffle-named-formulas-sidebar-create-footer-container {
  display: flex;
  flex-direction: row;
  margin-top: auto
}

.waffle-named-formulas-sidebar-list-view-footer-container {
  display: flex;
  flex-direction: column;
  margin-top: auto
}

.waffle-named-formulas-footer-container {
  display: flex;
  flex-direction: column;
  width: 100%
}

.waffle-named-formulas-sidebar-create-step-a-argument-suggestions-container {
  display: flex;
  flex-direction: column;
  margin-top: 4px
}

.waffle-named-formulas-sidebar-create-step-a-argument-suggestions-heading-message {
  align-items: center;
  color: #3c4043;
  display: flex;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .3px;
  line-height: 16px
}

.waffle-named-formulas-argument-conversion-dialog-argument-name-suggestion-chips,
.waffle-named-formulas-sidebar-create-step-a-argument-suggestion-chips {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 4px 0
}

.waffle-named-formulas-sidebar-argument-suugestion-chip {
  border-radius: 4px;
  color: #3c4043;
  cursor: pointer;
  line-height: 120%;
  margin: 4px 8px 4px 0;
  outline: 1px solid #d9d9d9;
  overflow-wrap: anywhere
}

.waffle-named-formulas-sidebar-argument-suugestion-chip-content {
  align-items: center;
  color: #5f6368;
  display: flex;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .3px;
  line-height: 16px;
  margin: 2px 8px
}

.waffle-named-formulas-argument-conversion-dialog-container {
  border-radius: 8px 8px 0 0;
  padding: 16px
}

.waffle-named-formulas-argument-conversion-dialog-title {
  align-items: center;
  color: #202124;
  display: flex;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: .1px;
  line-height: 24px;
  margin-top: 4px;
  overflow-wrap: anywhere
}

.waffle-named-formulas-argument-conversion-dialog-description {
  align-items: center;
  color: #5f6368;
  display: flex;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .3px;
  line-height: 16px;
  margin-top: 8px;
  overflow-wrap: anywhere
}

.waffle-named-formulas-argument-conversion-dialog-action-buttons {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin-left: auto;
  margin-top: 16px;
  gap: 12px
}

.waffle-named-formulas-sidebar-list-view-footer-action-buttons {
  display: flex;
  flex-flow: row wrap;
  gap: 4px;
  justify-content: center;
  padding: 10px 16px
}

.waffle-named-formulas-sidebar-list-view-footer-add-named-formula-button,
.waffle-named-formulas-sidebar-list-view-footer-import-named-formula-button {
  align-items: center;
  display: flex;
  flex-grow: 1;
  justify-content: center
}

.waffle-named-formulas-sidebar-list-view-footer-add-named-formula-button:focus,
.waffle-named-formulas-sidebar-list-view-footer-import-named-formula-button:enabled:focus {
  background-color: rgba(30, 142, 62, .12);
  color: #0d652d
}

.waffle-named-formulas-sidebar-list-view-footer-add-named-formula-button:active,
.waffle-named-formulas-sidebar-list-view-footer-import-named-formula-button:enabled:active {
  background-color: rgba(30, 142, 62, .1);
  color: #0d652d
}

.waffle-named-formulas-sidebar-list-view-feedback-button-container {
  display: flex
}

.waffle-named-formulas-sidebar-list-view-feedback-button-container .waffle-named-formulas-feedback-container {
  margin-left: auto;
  margin-right: 12px;
  padding-bottom: 0
}

.waffle-named-formulas-sidebar-list-view-footer-add-named-formula-button-message,
.waffle-named-formulas-sidebar-list-view-footer-import-named-formula-button-message {
  flex-grow: 0
}

.waffle-named-formulas-sidebar-create-step-a-argument-names-field-info-icon,
.waffle-named-formulas-sidebar-create-step-a-argument-suggestions-info-icon,
.waffle-named-formulas-sidebar-create-step-a-function-description-field-info-icon,
.waffle-named-formulas-sidebar-create-step-a-function-name-field-info-icon,
.waffle-named-formulas-sidebar-create-step-a-write-formula-details-info-icon,
.waffle-named-formulas-sidebar-create-step-b-argument-description-field-info-icon,
.waffle-named-formulas-sidebar-create-step-b-argument-usage-example-field-info-icon {
  align-self: center
}

.waffle-named-formulas-sidebar-create-heading-and-info-icon-container {
  display: flex;
  flex-direction: row
}

.waffle-named-formulas-sidebar-create-flow-info-icon {
  padding-left: 4px
}

.waffle-named-formulas-sidebar-create-flow-info-icon .docs-icon {
  height: 14px;
  width: 14px
}

.waffle-named-formulas-sidebar-create-fields-info-icon-tooltip {
  max-width: 250px;
  text-align: center
}

.waffle-named-formulas-sidebar-create-step-a-overview-details-container,
.waffle-named-formulas-sidebar-create-step-b-overview-details-container {
  align-items: center;
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .1px;
  line-height: 16px;
  margin: 0 0 12px 0
}

.waffle-named-formulas-sidebar-create-step-a-overview-details-container a,
.waffle-named-formulas-sidebar-create-step-a-overview-details-container a:link,
.waffle-named-formulas-sidebar-create-step-a-overview-details-container a:visited {
  color: #188038
}

.waffle-named-formulas-sidebar-zero-state-promo-img {
  width: 300px;
  height: 250px;
  padding-bottom: 32px
}

.waffle-named-formulas-sidebar-zero-state-promo-msg {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .2px;
  padding: 0 31px 24px;
  text-align: center
}

.waffle-named-formulas-sidebar-zero-state-promo-container {
  align-items: center
}

.waffle-named-formulas-sidebar-zero-state-promo-learn-more-button,
.waffle-named-formulas-sidebar-zero-state-promo-watch-demo-button {
  align-items: center;
  display: flex;
  flex-grow: 1;
  justify-content: center;
  margin-top: 8px
}

.waffle-named-formulas-sidebar-zero-state-promo-learn-more-button-message,
.waffle-named-formulas-sidebar-zero-state-promo-watch-demo-button-message {
  flex-grow: 0;
  line-height: 20px
}

.waffle-named-formulas-sidebar-list-view-zero-state-action-buttons {
  display: flex;
  margin: 8px 24px;
  text-align: center
}

.waffle-named-formulas-sidebar-create-step-a-function-name-field-error-icon {
  background: #b3261e;
  border-radius: 10px;
  color: #fff !important;
  display: inline-block;
  font-weight: 500;
  margin: 0 5px;
  padding: 0 5px;
  position: relative;
  text-decoration: none !important
}

.waffle-named-formulas-assistance-promo-details-container {
  align-items: center;
  display: flex;
  height: auto;
  line-height: normal;
  padding: 0
}

.waffle-named-formulas-assistance-promo {
  align-items: center;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15);
  direction: ltr;
  display: flex;
  height: auto !important;
  max-width: 340px;
  padding: 2px 4px 2px 8px;
  position: absolute;
  width: max-content;
  z-index: 1000
}

.waffle-named-formulas-assistance-promo-message {
  align-items: center;
  flex: 1;
  padding-left: 4px
}

.waffle-named-formulas-assistance-promo-keyboard-button-message {
  align-items: center;
  align-self: center;
  background-color: #f1f3f4;
  border-radius: 2px;
  color: #5f6368;
  cursor: default;
  font-family: Roboto;
  font-size: 10px;
  height: -moz-fit-content;
  height: fit-content;
  margin: 0 12px;
  padding: 0 2px
}

.waffle-named-formulas-assistance-promo-close-button {
  align-items: center;
  cursor: pointer
}

.waffle-named-formulas-assistance-promo-icon-container.docs-material .docs-icon-img {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_green.svg)
}

.waffle-named-formulas-assistance-promo-menu-button-wrapper {
  cursor: pointer;
  margin-left: auto
}

.waffle-named-formulas-assistance-promo-close-button:focus,
.waffle-named-formulas-assistance-promo-menu-button:focus {
  outline: none
}

.waffle-named-formulas-assistance-promo-close-button .docs-icon:hover,
.waffle-named-formulas-assistance-promo-close-button:focus .docs-icon,
.waffle-named-formulas-assistance-promo-menu-button .docs-icon:hover,
.waffle-named-formulas-assistance-promo-menu-button:focus .docs-icon {
  background-color: #e8eaed
}

.waffle-histogram-grouping-box-input {
  background: #fff;
  border: 1px solid #dadce0;
  border-radius: 2px;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  height: 28px;
  width: 105px
}

.waffle-histogram-grouping-box-input-with-label {
  display: inline-block;
  margin: 0 4px;
  vertical-align: top
}

.waffle-histogram-grouping-box-container {
  padding: 8px 12px
}

.waffle-histogram-grouping-box-input-caption {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 11px;
  line-height: 13px;
  padding-bottom: 4px
}

.waffle-histogram-grouping-box-button-container {
  display: flex;
  justify-content: flex-end;
  padding-top: 8px
}

.waffle-histogram-grouping-box-min-max-row {
  padding-top: 8px
}

.waffle-histogram-grouping-box-input-error {
  color: #d93025;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 13px;
  min-height: 15px;
  padding-top: 4px
}

.waffle-histogram-grouping-box-button-container .waffle-histogram-grouping-box-remove-button .docs-icon {
  height: 24px;
  width: 24px
}

.waffle-histogram-grouping-box-button-container .waffle-histogram-grouping-box-remove-button .docs-material-button {
  border-radius: 18px;
  height: 36px;
  margin: 0;
  padding: 2px 5px;
  width: 36px
}

.waffle-histogram-grouping-box-button-container .waffle-histogram-grouping-box-remove-button .docs-material-button.docs-material-button-focused,
.waffle-histogram-grouping-box-button-container .waffle-histogram-grouping-box-remove-button .docs-material-button.docs-material-button-no-focus-border {
  border: none;
  line-height: 36px;
  padding: 0 5px
}

.waffle-histogram-grouping-box-button-container .waffle-histogram-grouping-box-remove-button .docs-material-button.docs-material-button-focused {
  background-color: rgba(0, 0, 0, .12)
}

.waffle-db-column-insights-menuitem {
  align-items: center;
  height: auto;
  line-height: 20px;
  white-space: nowrap
}

.waffle-db-column-insights-menuitem-accel {
  color: #757575;
  margin-left: auto;
  text-align: left
}

.waffle-db-column-insights-menuitem-refreshquery-info-progress {
  font-style: italic
}

.waffle-db-column-insights-menuitem-refreshquery-info-error-button {
  color: #db4437;
  text-decoration: underline
}

.docs-gm .goog-menu .goog-menuitem.ai-priority-menu-item {
  margin-top: -6px;
  margin-bottom: -8px;
  padding-top: 10px;
  padding-bottom: 10px
}

.docs-gm .goog-menu .goog-menuitem.ai-priority-menu-item .goog-menuitem-icon:not(.docs-omnibox-row-icon) {
  margin-top: 11px
}

.goog-menuitem.ai-priority-menu-item:not(.goog-menuitem-highlight) {
  background: var(--ae-genai-generation-gradient, linear-gradient(135deg, #d7e6ff, #c7e4ff, #dce2ff, #d7e6ff))
}

.goog-menuitem.ai-priority-menu-item .docs-new-badge,
.goog-menuitem.ai-standard-menu-item .docs-new-badge {
  background-color: #1a73e8
}

.goog-menuitem.ai-standard-menu-item.goog-menuitem-highlight {
  background: var(--ae-genai-generation-gradient, linear-gradient(135deg, #d7e6ff, #c7e4ff, #dce2ff, #d7e6ff))
}

.waffle-material-labeledinput {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  position: relative
}

.waffle-material-labeledinput-inputwrapper {
  height: 46px;
  position: relative
}

.waffle-material-labeledinput-inputrow {
  display: flex;
  bottom: 6px;
  color: rgba(0, 0, 0, .87);
  height: 20px;
  left: 0;
  position: absolute;
  vertical-align: top;
  width: 100%;
  z-index: 100
}

.waffle-material-labeledinput-input {
  flex-grow: 100;
  background: transparent;
  border: none;
  color: rgba(0, 0, 0, .87);
  display: block;
  font-size: 13px;
  height: 18px;
  line-height: 18px;
  outline: none;
  vertical-align: top
}

.waffle-material-labeledinput-label {
  transition: transform .2s cubic-bezier(.4, 0, 1, 1);
  bottom: 6px;
  color: rgba(0, 0, 0, .54);
  font-size: 13px;
  position: absolute;
  transform-origin: left bottom;
  width: 100%
}

.waffle-material-labeledinput-errorcontainer {
  font-size: 11px;
  height: 11px;
  line-height: 11px;
  margin-top: 3px;
  text-align: right
}

.waffle-material-labeledinput-underline {
  background: rgba(0, 0, 0, .42);
  bottom: 3px;
  height: 1px;
  padding: 0;
  position: absolute;
  width: 100%
}

.waffle-material-labeledinput-accentunderline {
  transition: transform .2s cubic-bezier(.4, 0, 1, 1);
  background: #4285f4;
  bottom: 2px;
  height: 2px;
  padding: 0;
  position: absolute;
  transform: scaleX(.6);
  visibility: hidden;
  width: 100%
}

.waffle-material-labeledinput.waffle-material-labeledinput-focus .waffle-material-labeledinput-accentunderline {
  transform: scaleX(1);
  visibility: visible
}

.waffle-material-labeledinput.waffle-material-labeledinput-focus .waffle-material-labeledinput-label {
  color: #3367d6
}

.waffle-material-labeledinput.waffle-material-labeledinput-float .waffle-material-labeledinput-label {
  transform: translateY(-21px) scale(.846)
}

.waffle-material-labeledinput.waffle-material-labeledinput-error .waffle-material-labeledinput-accentunderline {
  background: #db4437;
  transform: scaleX(1);
  visibility: visible
}

.waffle-material-labeledinput-errormessage,
.waffle-material-labeledinput.waffle-material-labeledinput-error .waffle-material-labeledinput-label {
  color: #c53929
}

.waffle-material-labeledinput-embedded-control {
  position: relative
}

.waffle-material-selectioninput .waffle-range-selection-container {
  border: none;
  color: rgba(0, 0, 0, .87);
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 33px;
  line-height: 33px;
  outline: none;
  padding: 0;
  position: relative;
  width: 100%
}

.waffle-material-selectioninput .waffle-range-selection-container:after {
  background-color: rgba(0, 0, 0, .12);
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 100%;
  transition: background-color .3s ease;
  width: 100%
}

.waffle-material-selectioninput:hover .waffle-range-selection-container:after {
  background-color: rgba(0, 0, 0, .38)
}

.waffle-material-selectioninput .waffle-range-selection-container-focus.waffle-range-selection-container:after {
  background-color: #4285f4;
  height: 2px
}

.waffle-material-selectioninput .waffle-range-selection-container.waffle-range-selection-container-focus {
  box-shadow: none;
  outline: none
}

.waffle-material-selectioninput .waffle-range-selection-container-focus .waffle-range-selection-input,
.waffle-material-selectioninput .waffle-range-selection-input {
  padding: 0 !important
}

.waffle-material-toolbar-menu-button {
  color: rgba(0, 0, 0, .87);
  cursor: pointer;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 26px;
  line-height: 26px;
  margin: 4px;
  outline: 0
}

.waffle-material-toolbar-menu-button-disabled {
  color: rgba(0, 0, 0, .12);
  cursor: default
}

.waffle-material-toolbar-menu-button-outer-box {
  border-radius: 2px;
  height: 26px;
  line-height: 26px
}

.waffle-material-toolbar-menu-button-inner-box {
  height: 100%;
  opacity: .54;
  width: 100%
}

.waffle-material-toolbar-menu-button-inner-box svg {
  height: 18px;
  margin: 4px 0 4px 4px;
  width: 18px
}

.waffle-material-toolbar-menu-button-dropdown svg {
  margin-left: 0
}

.docs-hc-gecko .waffle-material-toolbar-menu-button-caption svg,
.docs-hc-gecko .waffle-material-toolbar-menu-button-dropdown svg {
  filter: invert(100%)
}

.waffle-material-toolbar-menu-button-caption,
.waffle-material-toolbar-menu-button-dropdown {
  display: inline-block;
  height: 26px;
  line-height: 26px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.waffle-material-toolbar-menu-button-focused .waffle-material-toolbar-menu-button-outer-box,
.waffle-material-toolbar-menu-button-hover .waffle-material-toolbar-menu-button-outer-box {
  background-color: rgba(0, 0, 0, .06)
}

.waffle-material-toolbar-menu-button-active .waffle-material-toolbar-menu-button-outer-box {
  background-color: rgba(0, 0, 0, .12)
}

.waffle-material-toolbar-menu-button-active .waffle-material-toolbar-menu-button-inner-box,
.waffle-material-toolbar-menu-button-focused .waffle-material-toolbar-menu-button-inner-box,
.waffle-material-toolbar-menu-button-hover .waffle-material-toolbar-menu-button-inner-box {
  opacity: .87
}

.waffle-performancetool-landingpage {
  text-align: center
}

.waffle-performancetool-landingpage-header {
  font-size: 18px;
  line-height: 24px;
  margin: 24px
}

.waffle-performancetool-landingpage-body {
  font-size: 14px;
  line-height: 20px;
  margin: 24px
}

.waffle-performancetool-landingpage-next-button {
  background-color: #188038;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  height: 35px;
  line-height: 35px;
  width: 140px
}

.waffle-performancetool-landingpage-next-button-container {
  display: flex;
  justify-content: center
}

.waffle-performancetool-aggregation-select {
  padding: 0 12px 12px 12px
}

.waffle-performancetool-analysis-body {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .2px;
  line-height: 20px;
  padding-left: 16px;
  padding-right: 16px
}

.waffle-performancetool-analysis-tab-container:focus {
  outline-style: none
}

.waffle-performancetool-analysis-tab-container:focus-visible {
  outline-style: auto
}

.waffle-performancetool-analysis-workbook-size {
  padding-bottom: 8px;
  padding-top: 8px
}

.waffle-performancetool-analysis-learn-more {
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px
}

.waffle-performancetool-analysis-learn-more a {
  color: #1a73e8
}

.waffle-performancetool-analysis-subheader {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: .1px;
  line-height: 24px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px
}

.waffle-performancetool-analysis-usage-limits {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: .1px;
  line-height: 24px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px
}

.waffle-performancetool-calculations-chart-container {
  display: flex;
  justify-content: center;
  padding-bottom: 8px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 14px
}

.waffle-performancetool-calculations-chart .docs-charts-tooltip {
  border: none;
  border-radius: 8px
}

.waffle-performancetool-calculations-chart .docs-charts-tooltip-entry .docs-charts-tooltip-symbol {
  display: none
}

.waffle-performancetool-calculations-chart .docs-charts-tooltip-entry-single .docs-charts-tooltip-label {
  color: #202124;
  font-size: 12px;
  font-weight: 400
}

.waffle-performancetool-calculations-chart .docs-charts-tooltip-entry-single .docs-charts-tooltip-value {
  color: #3c4043;
  font-size: 12px;
  font-weight: 400
}

.waffle-performancetool-calculations-body {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .2px;
  line-height: 20px;
  padding-left: 16px;
  padding-right: 16px
}

.waffle-performancetool-calculations-breakdown {
  padding-bottom: 30px;
  padding-left: 16px;
  padding-right: 16px
}

.waffle-performancetool-analysis-learn-more,
.waffle-performancetool-calculations-caption,
.waffle-performancetool-calculations-caption-dark,
.waffle-performancetool-calculations-caption-light,
.waffle-performancetool-sidebar-feedback-text {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .3px;
  line-height: 16px
}

.waffle-performancetool-calculations-caption-dark {
  color: #3c4043
}

.waffle-performancetool-calculations-caption-light {
  color: #80868b
}

.waffle-performancetool-calculations-empty-chart {
  fill: #dadce0
}

.waffle-performancetool-calculations-info-button:hover {
  cursor: pointer
}

.waffle-performancetool-calculations-info-tooltip {
  background-color: #3c4043;
  border-radius: 8px;
  max-width: 200px;
  padding-bottom: 16px;
  padding-left: 16px;
  padding-right: 16 px;
  padding-top: 16px
}

.waffle-performancetool-calculations-horizontal-container {
  display: flex;
  justify-content: space-between;
  padding-bottom: 7.5px;
  padding-top: 7.5px
}

.waffle-performancetool-calculations-legend-label,
.waffle-performancetool-calculations-legend-percentage {
  align-items: center;
  color: #3c4043;
  display: flex;
  height: 20px;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .2px;
  line-height: 20px
}

.waffle-performancetool-calculations-subheader {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: .1px;
  line-height: 24px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px
}

.waffle-performancetool-calculations-tab-container:focus {
  outline-style: none
}

.waffle-performancetool-calculations-tab-container:focus-visible {
  outline-style: auto
}

.waffle-performancetool-sidebar-feedback {
  display: inline-block
}

.waffle-performancetool-sidebar-feedback-text {
  color: #3c4043;
  padding-left: 5px
}

.waffle-performancetool-sidebar-feedback:focus {
  outline: none;
  opacity: .6;
  text-decoration: underline
}

.waffle-performancetool-sidebar-feedback-text:focus,
.waffle-performancetool-sidebar-feedback-text:hover {
  cursor: pointer;
  outline: none
}

.waffle-performancetool-sidebar-footer-wrapper {
  padding-bottom: 12px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 12px
}

.waffle-performancetool-sidebar-refresh-label-button {
  background: transparent;
  color: #137333;
  cursor: pointer;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .2px;
  line-height: 20px;
  margin-left: 8px;
  outline: none;
  width: 59px
}

.waffle-performancetool-sidebar-refresh-label-button:focus-visible {
  opacity: .6;
  text-decoration: underline
}

.waffle-performancetool-sidebar-refresh-label-button:hover {
  opacity: .6
}

.waffle-performancetool-sidebar-refresh-label-container {
  display: flex;
  flex-direction: row;
  height: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  padding-top: 16px
}

.waffle-performancetool-sidebar-refresh-label-last-loaded {
  border-right: 1px solid #dadce0;
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .2px;
  line-height: 20px;
  padding-right: 8px;
  width: -moz-fit-content;
  width: fit-content
}

.waffle-performancetool-sidebar-separator-line {
  border-top: 1px solid #dadce0
}

.waffle-performancetool-sidebar .waffle-performancetool-sidebar-title {
  border-bottom: 1px solid transparent
}

.waffle-performancetool-sidebar .waffle-sidebar-footer-container {
  background-color: #fff
}

.waffle-performancetool-sidebar .waffle-sidebar-title-close:focus {
  opacity: .6
}

.waffle-performancetool-toggle-tabs {
  border-bottom: 1px solid #dadce0
}

.goog-menu.waffle-sidebar-draglist-menu {
  border: none;
  border-radius: none;
  box-shadow: none;
  height: 100%;
  width: 160px;
  z-index: 0
}

.goog-menu.waffle-sidebar-draglist-menu .goog-menu-filter:before {
  transform: scale(.75)
}

.goog-menu.waffle-sidebar-draglist-menu .goog-menu-filter input {
  line-height: 18px
}

.goog-menu.waffle-sidebar-draglist-menu .goog-menu-content {
  box-sizing: border-box;
  padding: 8px 4px;
  width: 100%
}

.goog-menu.waffle-sidebar-draglist-menu .goog-menuitem {
  box-sizing: border-box;
  border-radius: 16px;
  cursor: move;
  overflow: hidden;
  padding-left: 8px;
  padding-right: 8px;
  margin-bottom: 2px;
  max-width: 160px
}

.waffle-sidebar-draglist-menu .goog-menuitem-highlight {
  background: #f8f9fa;
  border-radius: 16px;
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15)
}

.goog-menu.waffle-sidebar-draglist-menu .goog-menuitem-content,
.goog-menu.waffle-sidebar-draglist-menu .goog-menuitem-content span {
  flex: 1;
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.goog-menu.waffle-sidebar-draglist-menu .goog-menuitem-content>div {
  display: flex;
  flex-direction: row;
  justify-content: flex-start
}

.docs-gm .waffle-gm-sidebar .goog-menu.waffle-sidebar-draglist-menu .apps-menuitem .goog-menuitem-icon {
  margin: 0 8px 0 0;
  position: relative;
  top: 0
}

.waffle-pivot-resizable-sidebar .goog-menu.waffle-sidebar-draglist-menu {
  position: relative;
  width: 100%
}

.waffle-pivot-resizable-sidebar .goog-menu.waffle-sidebar-draglist-menu .goog-menuitem {
  max-width: 100%
}

.docs-colormenuitems .goog-menuitem.goog-inline-block.waffle-colormenuitems-scheme-header-edit-button {
  border-radius: 4px;
  border-width: 1px 0;
  height: 22px;
  margin-left: 4px;
  padding: 0;
  width: 24px
}

.goog-menuitem.goog-inline-block.waffle-colormenuitems-scheme-header-edit-button.goog-menuitem-highlight {
  border-width: 0
}

.colormenuitems-ob-order .goog-menuitem.goog-inline-block.waffle-colormenuitems-scheme-header-edit-button {
  margin-left: -35px;
  vertical-align: top
}

.waffle-ui-draggablebar-vertical .waffle-ui-draggablebar-handle.waffle-ui-material-draggablebar-handle {
  height: 100%;
  left: auto;
  top: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  box-sizing: content-box
}

.waffle-ui-draggablebar-handle-icon.waffle-ui-material-draggablebar-handle-icon {
  background: none;
  border: none;
  height: 20px;
  width: 4px
}

.waffle-ui-draggablebar {
  box-sizing: border-box;
  background: rgba(0, 0, 0, .12);
  bottom: 0;
  position: absolute
}

.waffle-ui-draggablebar-horizontal {
  width: 100%
}

.waffle-ui-draggablebar-vertical {
  height: 100%
}

.waffle-ui-draggablebar-handle {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, .12);
  box-sizing: border-box;
  z-index: 100
}

.waffle-ui-draggablebar-horizontal .waffle-ui-draggablebar-handle {
  cursor: row-resize;
  height: 9px;
  left: calc(50% - 16px);
  position: absolute;
  top: calc(50% - 4.5px);
  width: 32px
}

.waffle-ui-draggablebar-vertical .waffle-ui-draggablebar-handle {
  background: transparent;
  border: 1px solid rgba(0, 0, 0, .12);
  cursor: col-resize;
  height: 32px;
  left: calc(50% - 4.5px);
  position: absolute;
  top: calc(50% - 16px);
  width: 9px
}

.waffle-ui-draggablebar-handle-icon {
  background: rgba(0, 0, 0, .12);
  border: 3px solid #fff;
  box-sizing: border-box;
  height: 100%;
  width: 100%
}

.docs-grille-gm3 .waffle-ui-draggablebar-handle.waffle-ui-material-draggablebar-handle {
  background: none;
  border: none
}

.docs-grille-gm3 .waffle-ui-draggablebar-handle.waffle-ui-material-draggablebar-handle circle {
  fill: #747775
}

.goog-menu.waffle-function-filtered-menu {
  overflow-y: hidden;
  padding-bottom: 0;
  padding-top: 0;
  display: flex;
  flex-direction: column
}

.waffle-function-filtered-menu .goog-menu-filter {
  display: flex;
  border-bottom: 1px solid #dadce0;
  padding: 8px 6px 8px 9px
}

.waffle-function-filtered-menu .goog-menu-filter:before {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iIzc1NzU3NSI+CiAgICA8cGF0aCBkPSJNMTUuNSAxNGgtLjc5bC0uMjgtLjI3QzE1LjQxIDEyLjU5IDE2IDExLjExIDE2IDkuNSAxNiA1LjkxIDEzLjA5IDMgOS41IDNTMyA1LjkxIDMgOS41IDUuOTEgMTYgOS41IDE2YzEuNjEgMCAzLjA5LS41OSA0LjIzLTEuNTdsLjI3LjI4di43OWw1IDQuOTlMMjAuNDkgMTlsLTQuOTktNXptLTYgMEM3LjAxIDE0IDUgMTEuOTkgNSA5LjVTNy4wMSA1IDkuNSA1IDE0IDcuMDEgMTQgOS41IDExLjk5IDE0IDkuNSAxNHoiLz4KICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4KPC9zdmc+Cg==");
  height: 24px;
  margin-right: 5px;
  transform: scale(.75);
  width: 24px
}

.waffle-function-filtered-menu .goog-menu-filter input {
  border: 0;
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  min-width: 0;
  outline: 0;
  padding: 0
}

.waffle-function-filtered-menu .goog-menu-content {
  overflow-y: auto
}

.goog-menu .waffle-function-filtered-menu-item {
  border-bottom: 1px solid #dadce0;
  padding: 10px 10px 10px 15px
}

.waffle-function-filtered-menu-item.goog-menuitem-highlight,
.waffle-function-filtered-menu-item:hover {
  border-top-width: 0
}

.waffle-function-filtered-menu-item .waffle-filterable-by-text-contains-menu-item-label {
  color: #3c4043;
  display: block;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500
}

.waffle-function-filtered-menu-item .waffle-function-filtered-menu-item-description {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400
}

.waffle-function-filtered-menu-item .waffle-filterable-by-text-contains-menu-item-match {
  font-weight: 700
}

.waffle-function-filtered-menu-item .waffle-function-filtered-menu-item-description-match {
  font-weight: 500
}

.waffle-function-filtered-menu::-webkit-scrollbar-thumb {
  min-height: 70px
}

.waffle-insert-function-row>.goog-menuitem-content {
  min-width: 125px
}

.waffle-function-category-row {
  background: #fff;
  color: #333;
  cursor: pointer;
  font-size: 13px;
  font-weight: 400;
  margin: 0;
  padding: 6px 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 250px
}

.waffle-function-category-row-description,
.waffle-function-category-row-name {
  flex: 1;
  max-width: 95%
}

.waffle-function-category-row-name {
  overflow: hidden;
  text-overflow: ellipsis
}

.waffle-function-category-row-description {
  color: #666;
  display: none;
  font-size: 11px;
  overflow: hidden;
  padding: 2px 0;
  text-overflow: ellipsis;
  white-space: nowrap
}

.waffle-function-category-active .waffle-function-category-row-description {
  display: block
}

.waffle-function-category-active {
  background: #eee;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding: 1px 10px
}

#t-named-formulas>.goog-menuitem-content {
  display: flex
}

.waffle-info-icon-bubble {
  border-radius: 8px;
  box-shadow: 0 4px 8px 3px rgba(60, 64, 67, .15);
  font-size: 12px;
  max-width: 200px
}

.waffle-info-icon .docs-icon {
  cursor: pointer
}

.waffle-legacy-mnemonics-toast {
  background-color: #323232;
  border-radius: 2px;
  bottom: 70px;
  box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, .4);
  color: #fff;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 15px;
  left: 60px;
  padding: 17px 24px;
  position: absolute
}

.waffle-legacy-mnemonics-toast-container,
.waffle-legacy-mnemonics-toast-content {
  display: inline-flex;
  flex-direction: row
}

.waffle-legacy-mnemonics-toast-text {
  font-weight: 700;
  padding-left: 4px
}

.waffle-legacy-mnemonics-toast-cancel {
  color: #1a73e8;
  cursor: pointer;
  font-weight: 700;
  padding-left: 35px;
  text-transform: uppercase
}

.waffle-progress-bar.progress-bar-horizontal {
  background: #c6dafc;
  height: 100%
}

.waffle-progress-bar>.progress-bar-thumb {
  background: #4285f4;
  height: 100%
}

.waffle-indeterminate-progress-bar>.progress-bar-thumb {
  animation: waffle-indeterminate-progress-bar-animation 2s linear infinite;
  position: relative;
  transition: width .2s cubic-bezier(.4, 0, .2, 1)
}

@keyframes waffle-indeterminate-progress-bar-animation {
  0% {
    left: 0;
    width: 0
  }

  50% {
    left: 25%;
    width: 75%
  }

  75% {
    left: 100%;
    width: 0
  }
}

.waffle-removable-chip-inner {
  display: inline-block;
  max-width: 100%;
  position: relative
}

.waffle-removable-chip-remove-button {
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, .12);
  border-radius: 50%;
  box-sizing: border-box;
  height: 18px;
  position: absolute;
  right: 9px;
  top: 50%;
  width: 18px
}

.waffle-removable-chip-remove-button .waffle-dataconnector-close-icon {
  height: 14px;
  margin: 2px;
  width: 14px
}

.waffle-removable-chip-remove-button .waffle-dataconnector-close-icon polygon {
  fill: #fff
}

.waffle-removable-chip-remove-button-hover {
  background-color: rgba(0, 0, 0, .38);
  cursor: pointer
}

.waffle-removable-chip-remove-button-focused {
  background-color: rgba(0, 0, 0, .38);
  outline: none
}

.waffle-removable-chip-button-focused {
  border: 2px solid #4285f4;
  outline: none
}

.waffle-removable-chip-button a {
  color: inherit
}

.waffle-removable-chip-button {
  background: #f0f0f0;
  border-radius: 16px;
  border: 2px solid transparent;
  cursor: pointer;
  display: block;
  height: 32px;
  line-height: 32px;
  padding: 0 32px 0 12px
}

.waffle-removable-chip-chip-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.waffle-removable-chip-error .waffle-removable-chip-button {
  background: #fff;
  border: 2px solid #db4437;
  overflow: hidden
}

.waffle-removable-chip-view-only .waffle-removable-chip-button {
  padding-right: 12px
}

.waffle-removable-chip-button-hover {
  background: #e0e0e0
}

.waffle-removable-chip-button-active {
  background: #d0d0d0
}

.waffle-switchable-list-container {
  border: 1px solid #dadce0;
  border-radius: 8px;
  box-sizing: border-box;
  margin-bottom: 16px;
  margin-left: 16px;
  margin-right: 16px;
  margin-top: 16px
}

.waffle-switchable-list-title-select .docs-material-gm-select-outer-box {
  border: none;
  padding-bottom: 12px;
  padding-left: 20px;
  padding-top: 12px
}

.waffle-switchable-list-title-select .docs-material-gm-select:focus {
  opacity: .6
}

.waffle-switchable-list-menu {
  width: 230px
}

.waffle-switchable-list-entries {
  border-top: 1px solid #dadce0;
  padding-bottom: 4px;
  padding-left: 12px;
  padding-right: 12px
}

.waffle-switchable-list-entry {
  display: flex;
  justify-content: space-between;
  max-height: 20px;
  padding-bottom: 12px;
  padding-top: 12px
}

.waffle-switchable-list-entry-secondaryText {
  color: #80868b;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  height: 100%;
  letter-spacing: .2px;
  line-height: 20px;
  max-width: 30%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.waffle-switchable-list-entry-label {
  align-items: center;
  display: flex;
  height: 20px;
  width: 70%
}

.waffle-switchable-list-entry-label-button {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  height: 100%;
  letter-spacing: .2px;
  line-height: 20px;
  outline: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 80%
}

.waffle-switchable-list-entry-label-button:focus {
  opacity: .6;
  text-decoration: underline
}

.waffle-switchable-list-separator-line {
  border-top: 1px solid #dadce0
}

.waffle-switchable-list-title-select .docs-material-gm-select-caption {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: .2px;
  line-height: 20px
}

.waffle-usage-bar {
  background-color: #e8eaed;
  border-radius: 60px;
  height: 8px;
  width: 100%
}

.waffle-usage-bar-caption {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  height: 24px;
  letter-spacing: .3px;
  line-height: 16px;
  padding-bottom: 5px;
  padding-top: 5px
}

.waffle-usage-bar-container {
  height: 100%;
  padding-bottom: 8px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px
}

.waffle-usage-bar-fill {
  background-color: #188038;
  border-radius: 60px;
  height: 100%;
  width: 0
}

.waffle-usage-bar-heading {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: .25px;
  line-height: 20px;
  padding-bottom: 5px;
  padding-top: 5px
}

.waffle-usage-bar-outer-container {
  border: 1px solid #dadce0;
  border-radius: 8px;
  box-sizing: border-box;
  height: 81px
}

.waffle-printing-select-list {
  background-color: #fafafa;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, .12), 0 8px 8px 0 rgba(0, 0, 0, .24);
  border-radius: 0 2px 2px 0 2px 2px;
  left: 0;
  overflow-y: auto;
  padding: 18px 32px;
  position: absolute;
  top: 0;
  width: 204px;
  z-index: 1003
}

.waffle-printing-select-list>div {
  outline: none
}

.waffle-printing-select-list-checkboxes {
  margin-bottom: 10px
}

.waffle-printing-select-list-checkboxes .waffle-printing-checkbox-label {
  line-height: 28px;
  margin-left: 12px
}

.waffle-printing-select-list-cancel {
  margin-left: 0
}

.header-error-bar-wrapper {
  margin-left: 16px
}

.header-error-bar-spacing-without-sidebar {
  margin-right: 16px
}

.external-url-access-warning-container {
  align-items: center;
  background: #fcbc03;
  color: #5c4300;
  display: flex;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  margin-bottom: 8px;
  min-width: 300px;
  padding: 6px 8px
}

.external-url-access-warning-container .external-url-access-warning-text {
  align-items: center;
  display: flex;
  padding-left: 10px
}

.external-url-access-warning-container .external-url-access-warning-learn-more-link {
  letter-spacing: .25px;
  margin-left: auto;
  padding: 0 20px
}

.external-url-access-warning-container .external-url-access-warning-learn-more-link a {
  color: #5c4300
}

.external-url-access-warning-container #external-url-access-warning-allow-access-button {
  background-color: #ffdea0;
  border-color: transparent;
  border-radius: 25px;
  color: #5c4300;
  cursor: pointer;
  display: table-cell;
  font-size: 13px;
  line-height: normal;
  padding: 0 20px;
  text-wrap: wrap;
  vertical-align: middle
}

#external-url-access-warning-allow-access-button.jfk-button-focus.jfk-button-active,
#external-url-access-warning-allow-access-button.jfk-button-focused,
#external-url-access-warning-allow-access-button.jfk-button-hover {
  box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15)
}

@media screen and (forced-colors:active) {
  .external-url-access-warning-container {
    outline: 1px solid Highlight
  }

  #external-url-access-warning-allow-access-button.jfk-button-focus.jfk-button-active,
  #external-url-access-warning-allow-access-button.jfk-button-focused,
  #external-url-access-warning-allow-access-button.jfk-button-hover {
    outline: 1px solid Highlight;
    outline-offset: -4px
  }
}

.annotation-overlaywithallowaccess {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 2px 2px 6px #888;
  padding: 24px;
  width: -moz-fit-content;
  width: fit-content
}

.annotation-overlaywithallowaccess-error-msg-box {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  color: #3c4043;
  font-weight: 400;
  font-size: 14px;
  text-align: left;
  width: 240px
}

.annotation-overlaywithallowaccess-error-links {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.annotation-overlaywithallowaccess-error-learn-more,
.annotation-overlaywithallowaccess-error-links .jfk-button-action {
  margin-top: 24px
}

.annotation-overlaywithallowaccess-error-links .jfk-button-action {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #188038;
  color: #fff;
  margin-right: 0;
  cursor: pointer
}

.annotation-overlaywithallowaccess-error-links .jfk-button-action.jfk-button-hover {
  background: #188038;
  color: #fff;
  background: #2a8947;
  box-shadow: 0 1px 3px 1px rgba(52, 168, 83, .15)
}

.annotation-overlaywithallowaccess-error-links .jfk-button-action.jfk-button-focused {
  background: #188038;
  color: #fff;
  background: #4f9e67;
  box-shadow: 0 1px 3px 1px rgba(52, 168, 83, .15)
}

.annotation-overlaywithallowaccess-error-links .jfk-button-action.jfk-button-focus.jfk-button-active {
  background: #188038;
  color: #fff;
  background: #62a877;
  box-shadow: 0 2px 6px 2px rgba(52, 168, 83, .15)
}

a.annotation-overlaywithallowaccess-error-learn-more {
  color: #188038;
  padding-right: 10px;
  white-space: nowrap
}

.waffle-celloverlaywithallowaccess-error-spinner {
  margin: 16px;
  display: flex;
  justify-content: center
}

@media screen and (forced-colors:active) {

  .annotation-overlaywithallowaccess-error-links .jfk-button-action.jfk-button-focus.jfk-button-active,
  .annotation-overlaywithallowaccess-error-links .jfk-button-action.jfk-button-focused,
  .annotation-overlaywithallowaccess-error-links .jfk-button-action.jfk-button-hover {
    outline: 1px solid Highlight;
    outline-offset: -4px
  }
}

.people-chip-column-conversion-overlay {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);
  position: absolute;
  z-index: 8
}

.ritz-tab-to-convert-bubble-wrapper {
  display: flex
}

.ritz-tab-to-convert-bubble.ritz-3p-tab-big {
  border-radius: 28px;
  cursor: auto;
  font-family: sans-serif;
  padding: 20px;
  white-space: normal;
  width: 320px
}

[class*=docs-hc] .ritz-3p-tab-big {
  border: 1px solid #000
}

.ritz-3p-tab-image {
  display: block;
  margin: 0 auto
}

.ritz-3p-tab-heading {
  color: rgba(32, 33, 36, .86);
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 22px;
  margin-block-end: 8px;
  line-height: 28px
}

.ritz-3p-tab-body {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px
}

.ritz-3p-tab-body .ritz-3p-tab-share-link {
  color: rgba(32, 33, 36, .71);
  text-decoration: underline
}

.ritz-3p-cta,
.ritz-3p-loading-text,
.ritz-3p-tab-button-learn-more {
  float: right;
  font-weight: 500;
  font-size: 14px
}

.ritz-3p-cta {
  background-color: #0b57d0;
  border: none;
  border-radius: 36px;
  cursor: pointer;
  padding: 8px 16px;
  transition: background-color .3s ease-in-out
}

.ritz-3p-cta-tab-icon {
  border: 1.5px solid #fff;
  border-radius: 4px;
  display: inline-block;
  font-size: 12px;
  line-height: 20px;
  margin-right: 7px;
  padding: 0 6px;
  position: relative;
  top: -1px
}

.ritz-3p-cta.jfk-button-standard.jfk-button-focused,
.ritz-3p-cta.jfk-button-standard.jfk-button-hover,
.ritz-3p-cta:focus,
.ritz-3p-cta:hover {
  background-color: #0c61eb
}

.ritz-3p-cta.jfk-button-standard.jfk-button-focused,
.ritz-3p-cta:focus {
  outline: 1px dashed #000
}

.ritz-3p-cta.jfk-button-standard.jfk-button-active,
.ritz-3p-cta:active {
  border: 0
}

.ritz-3p-loading-text,
.ritz-3p-tab-button-learn-more {
  padding: 14px 0
}

.ritz-3p-tab-button-learn-more {
  margin-right: 20px
}

.ritz-3p-loading-icon .docs-loading-indicator,
.ritz-3p-loading-icon .docs-quantum-spinner {
  height: 24px;
  left: unset;
  margin: unset;
  position: relative;
  top: 5px;
  width: 24px
}

.ritz-3p-loading-icon,
.ritz-3p-loading-text {
  float: right
}

.ritz-3p-loading-text {
  color: #3c4043;
  margin-left: 10px
}

.ritz-tab-to-convert-bubble {
  position: relative;
  align-items: center;
  background-color: #fff;
  border: none;
  border-radius: 8px;
  box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15);
  cursor: pointer;
  display: flex;
  padding: 8px;
  width: -moz-fit-content;
  width: fit-content
}

.ritz-tab-to-convert-bubble-loading-icon {
  margin: 0 6px
}

.ritz-tab-to-convert-bubble-loading-icon .docs-loading-indicator .spinner-circle {
  border-width: 2px
}

.ritz-tab-to-convert-bubble-loading-icon .docs-loading-indicator,
.ritz-tab-to-convert-bubble-loading-icon .docs-quantum-spinner {
  height: 18px;
  left: unset;
  margin: unset;
  position: unset;
  width: 18px
}

.ritz-tab-to-convert-bubble-tab-icon {
  display: flex;
  direction: ltr;
  justify-content: center;
  margin-right: 2px;
  z-index: 99
}

.ritz-tab-to-convert-bubble-message-prefix {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  margin-right: 2px;
  white-space: nowrap
}

.waffle-tabtoconvert-smartchip-overlay {
  height: 20px;
  overflow-x: auto;
  overflow-y: hidden;
  width: max-content
}

.ritz-tab-to-convert-bubble-chip {
  background-color: #e8eaed;
  color: #202124;
  border-radius: 8px;
  display: inline-block;
  height: -moz-fit-content;
  height: fit-content;
  max-width: 100%;
  padding: 0 5px;
  overflow-y: hidden;
  white-space: nowrap;
  width: -moz-fit-content;
  width: fit-content
}

.ritz-tab-to-convert-bubble-chip-icon {
  display: inline;
  padding-right: 2px;
  width: 10px;
  height: 10px
}

.ritz-tab-to-convert-bubble-chip-text {
  display: inline-block;
  height: -moz-fit-content;
  height: fit-content;
  font-size: 11pt;
  max-width: 200px;
  overflow-x: clip;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: -moz-fit-content;
  width: fit-content
}

.waffle-uep-promo-bubble {
  background: #f0f4f9;
  border-radius: 8px;
  box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15);
  cursor: pointer;
  display: block;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  position: absolute;
  width: 306px
}

.waffle-uep-promo-bubble-top {
  color: #444746;
  padding: 12px 16px 4px
}

.waffle-uep-promo-bubble-at-sign {
  color: #0b57d0
}

.waffle-uep-promo-bubble-header-bar {
  display: flex
}

.waffle-uep-promo-bubble-icon {
  height: 20px;
  width: 20px
}

.waffle-uep-promo-bubble-header {
  font-weight: 500;
  letter-spacing: .25px;
  line-height: 20px;
  padding-bottom: 6px;
  padding-left: 6px
}

.waffle-uep-promo-bubble-body {
  font-weight: 400;
  letter-spacing: .8px;
  line-height: 16px
}

.waffle-uep-promo-dismiss {
  color: #0b57d0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 8px
}

.waffle-uep-promo-dismiss-link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px 12px;
  gap: 8px
}

.waffle-uep-promo-bubble-tooltip {
  height: 40px;
  margin-top: -20px;
  overflow: hidden;
  position: absolute;
  width: 20px
}

.waffle-uep-promo-bubble-tooltip:after {
  background: #f0f4f9;
  box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15);
  content: "";
  height: 20px;
  left: 0;
  position: absolute;
  top: 50%;
  width: 20px
}

.waffle-uep-promo-bubble-tooltip-topleft {
  right: 100%;
  top: 25%
}

.waffle-uep-promo-bubble-tooltip-topright {
  left: 100%;
  top: 25%
}

.waffle-uep-promo-bubble-tooltip-bottomleft {
  right: 100%;
  top: 75%
}

.waffle-uep-promo-bubble-tooltip-bottomright {
  left: 100%;
  top: 75%
}

.waffle-uep-promo-bubble-tooltip-bottomright:after,
.waffle-uep-promo-bubble-tooltip-topright:after {
  transform: translate(-50%, -50%) rotate(-45deg)
}

.waffle-uep-promo-bubble-tooltip-bottomleft:after,
.waffle-uep-promo-bubble-tooltip-topleft:after {
  transform: translate(50%, -50%) rotate(-45deg)
}

.waffle-column-error-button {
  border: none;
  border-radius: 2px;
  box-sizing: border-box;
  cursor: pointer;
  list-style: none;
  outline: none;
  overflow: hidden;
  padding: 0;
  position: absolute;
  z-index: 7;
  background: #fff;
  box-shadow: 0 -1px 5px hsla(207, 5%, 52%, .09), 0 3px 5px hsla(207, 5%, 52%, .06), 0 1px 2px rgba(60, 64, 67, .3), 0 1px 3px rgba(60, 64, 67, .15)
}

.waffle-column-error-button-ripple {
  background-color: #d93025;
  border-radius: 50%;
  height: 100%;
  position: absolute;
  transform: scale(.5);
  transition: transform .5s;
  width: 100%
}

.waffle-column-error-button-active>.waffle-column-error-button-ripple {
  background-color: #c5221f
}

.waffle-column-error-button-active>.waffle-column-error-button-icon {
  fill: #c5221f
}

.waffle-column-suggestion-button {
  border: none;
  border-radius: 2px;
  box-sizing: border-box;
  cursor: pointer;
  list-style: none;
  outline: none;
  overflow: hidden;
  padding: 0;
  position: absolute;
  z-index: 7;
  margin: none
}

.waffle-column-error-button .waffle-view-icons-error-filled {
  height: 100%;
  width: 100%;
  z-index: 2;
  transform: scale(.9)
}

.waffle-column-suggestion-button .waffle-view-icons-suggestion-filled {
  height: 100%;
  width: 100%;
  z-index: 2
}

.waffle-column-error-button-shim,
.waffle-column-suggestion-button-shim {
  background-color: #fff;
  border-radius: 50%;
  height: 100%;
  position: absolute;
  transform: scale(.5);
  width: 100%
}

.waffle-column-suggestion-button-ripple {
  background-color: #137333;
  border-radius: 50%;
  height: 100%;
  position: absolute;
  transform: scale(.5);
  transition: transform .5s;
  width: 100%
}

.waffle-column-error-button-hover,
.waffle-column-suggestion-button-hover {
  box-shadow: 0 4px 8px 3px rgba(60, 64, 67, .15)
}

.waffle-column-error-button-hover>.waffle-column-error-button-ripple,
.waffle-column-suggestion-button-hover>.waffle-column-suggestion-button-ripple {
  transform: scale(1.5)
}

.waffle-column-suggestion-button-active>.waffle-column-suggestion-button-ripple {
  background-color: #0d652d
}

.waffle-column-suggestion-button-active>.waffle-column-suggestion-button-icon {
  fill: #0d652d
}

.waffle-column-suggestion-button .docs-material .docs-icon-img,
.waffle-column-suggestion-button .docs-material .docs-icon-img:before {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_green.svg);
  margin: none
}

.docs-icon.goog-inline-block.column-suggestion-icon-container {
  height: 17px;
  outline: 0;
  width: 17px;
  margin: 0
}

.waffle-timeline-error-sidebar-container {
  border: 1px solid #dadce0;
  border-radius: 8px;
  margin: 8px
}

.waffle-timeline-error-sidebar-range-container {
  align-items: center;
  border-bottom: 1px solid #dadce0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 8px
}

.waffle-timeline-error-sidebar-header {
  font-family: Roboto, Arial, sans-serif;
  line-height: 1.25rem;
  font-size: .875rem;
  letter-spacing: .0142857143em;
  font-weight: 400;
  color: #d93025;
  margin: 16px 8px
}

.waffle-timeline-error-sidebar-range-container:last-child {
  border: 0
}

.waffle-timeline-error-sidebar-range-button.waffle-ui-text-link-button {
  align-items: center;
  display: flex;
  height: -moz-fit-content;
  height: fit-content;
  padding: 4px 0;
  min-width: 0
}

.waffle-timeline-error-sidebar-range-button-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.waffle-timeline-error-sidebar-range-error {
  font-family: Roboto, Arial, sans-serif;
  line-height: 1.25rem;
  font-size: .875rem;
  letter-spacing: .0142857143em;
  font-weight: 400;
  color: #5f6368
}

.waffle-timeline-settings-sidebar-container {
  padding: 0 16px 16px 16px
}

.waffle-timeline-settings-sidebar-milestones-range-selector,
.waffle-timeline-settings-sidebar-range-selector {
  border: 1px solid #dadce0;
  border-radius: 4px;
  box-sizing: border-box;
  color: #3c4043;
  padding: 1px 8px;
  font-size: 14px;
  height: 36px;
  margin: 8px 0;
  padding: 8px 6px 8px 8px;
  margin: 0
}

.waffle-timeline-settings-sidebar-milestones-range-selector-focus,
.waffle-timeline-settings-sidebar-range-selector-focus {
  border: 2px solid #1a73e8;
  box-shadow: none;
  padding: 0 7px;
  padding: 7px 5px 7px 7px;
  margin: 0
}

.waffle-timeline-settings-sidebar-container .waffle-material-selectioninput .waffle-range-selection-container {
  height: 20px;
  line-height: 20px
}

.waffle-timeline-settings-sidebar-container .waffle-material-selectioninput .waffle-range-selection-container:after {
  height: 0
}

.waffle-timeline-settings-sidebar-container .waffle-range-selection-input {
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  width: 100%
}

.waffle-timeline-settings-sidebar-container .waffle-range-selection-button-container {
  margin: 0 1px 0 6px;
  width: unset
}

.waffle-timeline-settings-sidebar-container .waffle-range-selection-button {
  min-width: unset
}

.waffle-timeline-settings-sidebar-footer-wrapper {
  background-color: #fff;
  border-top: 1px solid #dadce0;
  display: flex;
  justify-content: end
}

.waffle-timeline-settings-sidebar-section-header {
  align-items: center;
  display: flex;
  height: auto;
  margin: 16px 0 0 0
}

.waffle-timeline-settings-sidebar-section-header.waffle-timeline-settings-sidebar-section-separator {
  margin-top: 24px
}

.waffle-timeline-settings-sidebar-section-header-title {
  color: #3c4043;
  font-family: Roboto, Arial, sans-serif;
  line-height: 1.25rem;
  font-size: .875rem;
  letter-spacing: .0178571429em;
  font-weight: 500
}

.waffle-timeline-settings-sidebar-menu-header {
  align-items: center;
  display: flex;
  margin: 16px 0 4px 0
}

.waffle-timeline-settings-sidebar-text-label {
  color: #5f6368;
  font-family: Roboto, Arial, sans-serif;
  line-height: 1rem;
  font-size: .75rem;
  letter-spacing: .025em;
  font-weight: 400
}

.waffle-timeline-settings-sidebar-menu-header-hint {
  color: #80868b;
  font-family: Roboto, Arial, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .1px;
  line-height: 12px;
  margin: 0 0 4px 0
}

.waffle-timeline-settings-sidebar .waffle-timeline-settings-sidebar-container .waffle-timeline-settings-sidebar-input-error {
  border-color: #d93025
}

.waffle-timeline-settings-sidebar-error,
.waffle-timeline-settings-sidebar-warning {
  align-items: center;
  display: flex;
  margin-top: 4px
}

.waffle-timeline-settings-sidebar-data-error-button {
  align-items: center;
  display: flex;
  height: -moz-fit-content;
  height: fit-content;
  padding: 4px 0;
  margin: 12px 0 0 0;
  width: -moz-fit-content;
  width: fit-content
}

.waffle-timeline-settings-sidebar-error .waffle-timeline-settings-sidebar-text-label,
.waffle-timeline-settings-sidebar-warning .waffle-timeline-settings-sidebar-text-label {
  width: calc(100% - 33px)
}

.waffle-timeline-settings-sidebar-error .waffle-timeline-settings-sidebar-text-label {
  color: #d93025
}

.waffle-timeline-settings-sidebar-warning .waffle-timeline-settings-sidebar-text-label {
  color: #202124
}

.waffle-timeline-settings-sidebar-error-icon,
.waffle-timeline-settings-sidebar-warning-icon {
  margin: 0 6px
}

.waffle-timeline-settings-sidebar {
  overflow: hidden
}

.waffle-timeline-settings-sidebar .waffle-timeline-settings-sidebar-container .goog-flat-menu-button {
  height: 36px;
  margin: 0;
  width: 100%
}

.waffle-timeline-settings-sidebar .waffle-timeline-settings-sidebar-container .goog-flat-menu-button-caption {
  max-width: calc(100% - 18px)
}

.waffle-timeline-settings-sidebar .waffle-timeline-settings-sidebar-container .goog-flat-menu-button:focus {
  outline: 1px solid Highlight
}

.waffle-timeline-settings-sidebar-weekend-option-checkbox-container {
  align-items: center;
  display: flex;
  justify-content: start
}

.waffle-timeline-settings-sidebar-weekend-option-checkbox-label:hover {
  cursor: pointer
}

.waffle-timeline-settings-sidebar-feedback.docs-material-button {
  align-items: center;
  color: #5f6368;
  display: flex;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  padding: 8px;
  text-transform: none
}

.waffle-timeline-settings-sidebar-feedback.docs-material-button-hover {
  background: rgba(32, 33, 36, .04);
  color: #202124
}

.waffle-timeline-settings-sidebar-feedback.docs-material-button-focused {
  background: rgba(32, 33, 36, .12);
  color: #202124
}

.waffle-timeline-settings-sidebar-feedback.docs-material-button-active {
  background: rgba(32, 33, 36, .1);
  color: #202124
}

.waffle-timeline-settings-sidebar-feedback .docs-material-button-content {
  align-items: center;
  display: flex
}

.waffle-timeline-settings-sidebar-placeholder-text {
  color: #80868b
}

.waffle-timeline-settings-sidebar-info-icon-container {
  display: flex
}

.waffle-timeline-settings-sidebar-info-icon {
  align-self: flex-end;
  margin-bottom: 4px
}

.waffle-timeline-settings-sidebar-required-fields-info-icon {
  margin: 0
}

.waffle-timeline-settings-sidebar-info-icon .docs-material-button,
.waffle-timeline-settings-sidebar-info-icon .docs-material-button.docs-material-button-focused {
  padding: 1px 0 0 1px;
  height: unset;
  line-height: unset
}

.waffle-timeline-settings-sidebar-menu {
  overflow-wrap: break-word
}

.waffle-timeline-object-container {
  background-color: #f8f8f8;
  overflow: scroll
}

.waffle-timeline-object-container::-webkit-scrollbar-track {
  margin: 0
}

.waffle-timeline-object-container-canvas {
  overflow: hidden
}

.waffle-timeline-object-container-canvas canvas {
  border: 1px solid #d9d9d9;
  border-width: 0 1px 1px 0
}

.timeline-intro-promo-base.jfk-bubble.docs-promo-bubble {
  border-radius: 8px;
  bottom: 48px;
  right: 48px;
  width: 320px
}

.timeline-intro-promo-base .docs-promo-container {
  display: flex;
  flex-direction: column;
  padding: 0
}

.timeline-intro-promo-base .docs-promo-icon-container {
  height: 180px;
  margin: 0;
  padding: 0;
  width: 320px
}

.timeline-intro-promo-base .docs-promo-text-container {
  padding: 12px 23px 20px 23px;
  width: inherit
}

.timeline-intro-promo-base .docs-promo-header {
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
  right: 24px
}

.timeline-intro-promo-base .docs-promo-body {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  letter-spacing: .2px;
  line-height: 20px;
  padding-top: 8px
}

.timeline-intro-promo-base .docs-promo-action-row {
  display: flex;
  float: right;
  justify-content: center;
  padding: 12px 0 0 6px;
  text-align: center
}

.timeline-intro-promo-base .docs-promo-action-container {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .25px;
  line-height: 20px;
  text-transform: none
}

.timeline-intro-promo-base .docs-promo-action-row .docs-promo-action-button-right {
  align-items: center;
  background: #188038;
  border: 1px solid #188038;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  min-width: 108px;
  padding: 8px 12px
}

.timeline-intro-promo-base .docs-promo-action-button-left {
  align-items: center;
  background-color: transparent;
  border: none;
  color: #188038;
  cursor: pointer;
  display: flex;
  margin-right: 17px
}

.timeline-walkthrough-promo-base.jfk-bubble.jfk-bubble-promo.docs-promo-bubble.docs-gm-promo {
  background-color: #1e8e3e;
  border-radius: 8px;
  flex-direction: column;
  padding: 0 0 15px 0;
  top: 258px;
  width: 317px
}

.timeline-walkthrough-promo-base .timeline-walkthrough-promo-text {
  color: #fff;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  letter-spacing: .2px;
  line-height: 20px;
  margin: 15px 0 0 17px
}

.timeline-walkthrough-promo-base .timeline-walkthrough-promo-title {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin-right: 10px
}

.timeline-walkthrough-promo-base .timeline-walkthrough-promo-body {
  font-size: 14px;
  padding-top: 8px;
  width: 272px
}

.timeline-walkthrough-promo-base .jfk-bubble-closebtn {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+ICA8cGF0aCBmaWxsPSIjZjBmMGYwIiBkPSJNMTkgNi40MUwxNy41OSA1IDEyIDEwLjU5IDYuNDEgNSA1IDYuNDEgMTAuNTkgMTIgNSAxNy41OSA2LjQxIDE5IDEyIDEzLjQxIDE3LjU5IDE5IDE5IDE3LjU5IDEzLjQxIDEyeiIvPjwvc3ZnPg==") no-repeat;
  cursor: pointer;
  opacity: 1;
  right: 12px;
  top: 12px
}

[class*=docs-hc] .timeline-walkthrough-promo-button-container .jfk-button-standard.jfk-button-focused {
  border: 1px solid transparent
}

[class*=docs-hc] .timeline-walkthrough-promo-button-container .jfk-button-action.jfk-button-focused {
  border: 1px solid transparent
}

.timeline-walkthrough-promo-base.jfk-bubble.jfk-bubble-promo.docs-promo-bubble .jfk-bubble-arrowright .jfk-bubble-arrowimplafter {
  border-color: transparent #1e8e3e
}

.timeline-walkthrough-promo-base .timeline-walkthrough-promo-dismiss-button {
  background: #fff;
  border: 1px solid #fff;
  border-radius: 4px;
  color: #1e8e3e;
  cursor: pointer;
  float: right;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .25px;
  line-height: 20px;
  margin: 7px 12px 0 0;
  max-width: 170px;
  min-width: 51px;
  padding: 0;
  text-align: center
}

.timeline-walkthrough-promo-base .timeline-walkthrough-promo-dismiss-button:focus,
.timeline-walkthrough-promo-base .timeline-walkthrough-promo-dismiss-button:hover {
  border-color: #bbe2c6
}

.waffle-timeline-table-debug-container {
  border: 1px solid #000
}

.waffle-timeline-tooltip-container {
  border: 0;
  border-radius: 2px;
  line-height: 16px;
  max-height: 160px;
  max-width: 300px;
  padding: 8px 6px
}

.waffle-timeline-tooltip-comfortable {
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  max-height: 144px;
  overflow: hidden
}

.waffle-timeline-tooltip-condensed {
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  max-height: 112px;
  overflow: hidden
}

.waffle-timeline-tooltip-margin-top {
  margin-top: 16px
}

.waffle-timeline-tooltip-rtl {
  text-align: right
}

.waffle-record-view-sidebar {
  background-color: #fff
}

.waffle-record-view-sidebar-card-details-container {
  display: flex;
  flex-direction: column;
  margin: 16px;
  -webkit-user-select: text;
  user-select: text
}

.waffle-record-view-sidebar-card-details-label,
.waffle-record-view-sidebar-color-picker-label {
  align-items: center;
  color: #5f6368;
  display: flex;
  font-family: Roboto, Arial, sans-serif;
  line-height: 1rem;
  font-size: .6875rem;
  letter-spacing: .0727272727em;
  font-weight: 500;
  margin: 0 0 4px 0;
  text-transform: uppercase
}

.waffle-record-view-sidebar-card-details-value {
  font-family: Roboto, Arial, sans-serif;
  line-height: 1.25rem;
  font-size: .875rem;
  letter-spacing: .0142857143em;
  font-weight: 400;
  color: #202124
}

.waffle-record-view-sidebar-card-details-label,
.waffle-record-view-sidebar-card-details-value,
.waffle-record-view-sidebar-color-picker-label {
  flex: 1;
  overflow-wrap: anywhere
}

.waffle-record-view-sidebar-color-picker,
.waffle-record-view-sidebar-color-picker-label {
  margin-left: 16px
}

.waffle-record-view-sidebar-warning-icon {
  margin: 0 6px
}

.waffle-record-view-sidebar-color-picker-warning-container {
  align-items: center;
  display: flex;
  margin: 0 16px 0 16px;
  padding-top: 4px
}

.waffle-record-view-sidebar-color-picker-warning-label {
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .3px;
  line-height: 16px;
  padding: 4px 2px 0;
  width: calc(100% - 33px)
}

.waffle-record-view-sidebar-color-picker-container {
  display: flex;
  flex-direction: column;
  -webkit-user-select: text;
  user-select: text
}

.waffle-record-view-sidebar-color-picker-info-button .docs-material-button {
  opacity: .54;
  padding-left: 2px
}

.waffle-record-view-sidebar-footer-container {
  background-color: #fff;
  border-top: 1px solid #dadce0;
  display: flex;
  justify-content: flex-end;
  padding: 16px
}

.waffle-record-view-sidebar-footer-edit-button {
  text-transform: none
}

.waffle-record-view-sidebar-edit-color-settings-button,
.waffle-record-view-sidebar-edit-formatting-rule-button {
  display: block;
  text-align: left;
  text-transform: none
}

.waffle-record-view-sidebar-edit-color-settings-button.waffle-ui-text-link-button,
.waffle-record-view-sidebar-edit-formatting-rule-button.waffle-ui-text-link-button {
  color: #188038;
  height: -moz-fit-content;
  height: fit-content;
  margin: 10px 0 0 18px;
  padding: 4px 6px;
  width: -moz-fit-content;
  width: fit-content
}

.waffle-record-view-sidebar-edit-color-settings-button.waffle-ui-text-link-button-hover,
.waffle-record-view-sidebar-edit-formatting-rule-button.waffle-ui-text-link-button-hover {
  background-color: rgba(30, 142, 62, .04);
  box-shadow: none;
  color: #0d652d
}

.waffle-record-view-sidebar-edit-color-settings-button.waffle-ui-text-link-button-focused,
.waffle-record-view-sidebar-edit-formatting-rule-button.waffle-ui-text-link-button-focused {
  background: rgba(30, 142, 62, .12);
  color: #0d652d
}

.waffle-record-view-sidebar-edit-color-settings-button.waffle-ui-text-link-button-pressed,
.waffle-record-view-sidebar-edit-formatting-rule-button.waffle-ui-text-link-button-pressed {
  background: rgba(30, 142, 62, .1);
  color: #0d652d
}

.building-blocks-intro-promo-base.jfk-bubble.docs-promo-bubble {
  background: #fff;
  border-radius: 16px;
  bottom: 48px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .251);
  min-height: 432px;
  right: 400px;
  width: 320px
}

.building-blocks-intro-promo-base .docs-promo-container {
  display: flex;
  flex-direction: column;
  padding: 0
}

.building-blocks-intro-promo-base .docs-promo-icon-container {
  border-radius: 16px 16px 0 0;
  height: 192px;
  margin: 0;
  padding: 0;
  width: 320px
}

.building-blocks-intro-promo-base .docs-promo-text-container {
  height: inherit;
  padding: 24px;
  width: inherit
}

.building-blocks-intro-promo-base .docs-promo-header {
  color: #1f1f1f;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 32px;
  opacity: 1;
  text-align: left
}

.building-blocks-intro-promo-base .docs-promo-body {
  color: #444746;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  line-height: 20px;
  padding: 16px 0 0 0
}

.building-blocks-intro-promo-base .docs-promo-action-row {
  display: flex;
  justify-content: flex-end;
  padding: 24px 0 0 0;
  text-align: center
}

.building-blocks-intro-promo-base .docs-promo-action-container {
  text-transform: none
}

.building-blocks-intro-promo-base .docs-promo-action-button-left {
  border: 1px solid transparent;
  border-radius: 100px;
  box-sizing: border-box;
  cursor: pointer;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  line-height: 20px;
  padding: 9px 24px;
  white-space: nowrap;
  color: #0b57d0;
  padding: 9px 12px
}

.building-blocks-intro-promo-base .docs-promo-action-row .docs-promo-action-button-right {
  border: 1px solid transparent;
  border-radius: 100px;
  box-sizing: border-box;
  cursor: pointer;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  line-height: 20px;
  padding: 9px 24px;
  white-space: nowrap;
  background: #0b57d0;
  color: #fff
}

.waffle-building-blocks-preview-overlay-container {
  position: absolute;
  z-index: 8
}

.bb-walkthrough-promo-floating-column-header-anchor {
  position: absolute;
  pointer-events: none;
  visibility: none
}

.appsCompanionWorkflowsAppSwitcherContainer {
  padding: 0
}

.appsCompanionWorkflowsAppButton {
  display: flex;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  fill: var(--gm3-sys-color-inverse-surface, #303030);
  position: relative
}

.appsCompanionWorkflowsErrorCount {
  margin: auto;
  background-color: var(--gm3-sys-color-error, #b3261e);
  color: var(--gm3-sys-color-on-error, #fff);
  border-radius: 8px;
  outline: 2px solid var(--gm3-sys-color-surface-variant, #e1e3e1);
  height: 16px;
  padding: 0 4px;
  line-height: 16px;
  font-size: 12px;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  top: 4px;
  right: 4px
}

.appsCompanionWorkflowsErrorCountHidden {
  display: none
}

.appsCompanionWorkflowsAppButton-disabled {
  -webkit-user-select: none;
  user-select: none;
  cursor: auto;
  opacity: .38
}

.appsCompanionWorkflowsAppButton-selected {
  background-color: var(--gm3-sys-color-outline-variant, #c4c7c5)
}

.appsCompanionWorkflowsAppButton-selected .appsCompanionWorkflowsErrorCount {
  outline: none
}

.appsCompanionWorkflowsAppButton-focused,
.appsCompanionWorkflowsAppButton-hover,
.appsCompanionWorkflowsAppButton-hover.appsCompanionWorkflowsAppButton-selected {
  background-color: var(--gm3-sys-color-surface-variant, #e1e3e1)
}

.appsCompanionWorkflowsAppButtonHidden {
  display: none
}

.appsCompanionWorkflowsAppButtonIcon {
  width: 24px;
  height: 24px;
  margin: auto;
  display: block
}

.docs-charts-component:focus {
  outline: none
}

.docs-charts-component-canvas {
  direction: ltr
}

.docs-charts-tooltip {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
  -webkit-user-select: none;
  user-select: none;
  background-color: #fff;
  border: 1px solid #c1c1c1;
  border-radius: 2px;
  color: rgba(0, 0, 0, .87);
  cursor: default;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 500;
  padding: 3px 12px;
  pointer-events: none;
  position: absolute
}

.docs-charts-tooltip-label,
.docs-charts-tooltip-value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.docs-charts-tooltip-entry {
  margin-bottom: 3px;
  margin-top: 3px
}

.docs-charts-tooltip-symbol-value {
  white-space: nowrap
}

.docs-charts-tooltip-entry .docs-charts-tooltip-label {
  color: rgba(0, 0, 0, .54)
}

.docs-charts-tooltip-entry .docs-charts-tooltip-symbol {
  margin-right: 6px
}

.docs-charts-tooltip-entry .docs-charts-tooltip-symbol .docs-charts-tooltip-symbol-icon {
  height: 12px;
  stroke: rgba(0, 0, 0, .54);
  stroke-width: 1px;
  width: 12px
}

.docs-charts-tooltip-entry-single .docs-charts-tooltip-label {
  margin-bottom: 3px
}

.docs-charts-tooltip-entry-single .docs-charts-tooltip-value {
  font-size: 1.1em;
  font-weight: 700
}

.docs-charts-tooltip-entry-domain .docs-charts-tooltip-value {
  color: rgba(0, 0, 0, .54)
}

.docs-charts-tooltip-entry-range .docs-charts-tooltip-value {
  font-weight: 700
}

.docs-charts-tooltip-entry-range .docs-charts-tooltip-symbol .docs-charts-tooltip-symbol-icon {
  margin-bottom: -1px
}

.docsshared-no-download .docsshared-no-select-when-no-download,
.docsshared-no-select {
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none
}

.docsshared-disable-image-copy canvas,
.docsshared-disable-image-copy image,
.docsshared-disable-image-copy img {
  pointer-events: none
}

.prof-feedback-bank-xframe-docos-autocomplete-row {
  box-sizing: border-box;
  padding: 8px 4px;
  word-wrap: break-word
}

.docs-ml-icon {
  direction: ltr;
  display: inline-block;
  text-align: left;
  overflow: hidden;
  position: relative;
  vertical-align: middle
}

.docs-ml-img:before {
  content: url(//ssl.gstatic.com/docs/common/mobileweb_sprite1.png)
}

.docs-ml-img-container {
  height: 156px;
  position: absolute;
  width: 36px
}

.docs-ml-docs-logo-icon {
  left: 0;
  top: -36px
}

.docs-ml-sheets-logo-icon {
  left: 0;
  top: 0
}

.docs-ml-slides-logo-icon {
  left: 0;
  top: -96px
}

.docs-ml-arrow-back-icon {
  left: 0;
  top: -132px
}

.docs-ml-edit-icon {
  left: 0;
  top: -72px
}

@media screen and (-webkit-min-device-pixel-ratio:2) {
  .docs-ml-img {
    content: url(https://ssl.gstatic.com/docs/common/mobileweb_sprite1.png)
  }

  .docs-ml-img-container {
    height: 156px;
    position: absolute;
    width: 36px
  }

  .docs-ml-docs-logo-icon {
    left: 0;
    top: -36px
  }

  .docs-ml-sheets-logo-icon {
    left: 0;
    top: 0
  }

  .docs-ml-slides-logo-icon {
    left: 0;
    top: -96px
  }

  .docs-ml-arrow-back-icon {
    left: 0;
    top: -132px
  }

  .docs-ml-edit-icon {
    left: 0;
    top: -72px
  }
}

.docs-ml-header {
  background: #fafafa;
  border-bottom: 1px solid #cbcbcb;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
  box-sizing: border-box;
  font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
  padding: 4px 0;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%
}

.docs-ml-header-icon {
  height: 24px;
  opacity: .6;
  width: 24px
}

.docs-ml-header-icon-container {
  padding: 12px
}

.docs-ml-header-item {
  display: inline-block;
  vertical-align: middle
}

.docs-ml-header-drive-link {
  padding-left: 4px
}

body[dir=rtl] .docs-ml-arrow-back-dir {
  transform: scaleX(-1)
}

.docs-ml-header-document-title {
  box-sizing: border-box;
  line-height: 24px;
  padding: 0 12px;
  width: 60%;
  width: calc(100% - 104px)
}

.docs-ml-header-document-title-text {
  font-size: 20px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.docs-ml-header-edit-button {
  float: right;
  padding-right: 4px
}

.docsRecommendationBanner-banner-container {
  align-items: center;
  background: #d3e3fd;
  color: #202124;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
  border: 1px solid transparent;
  border-radius: 8px;
  margin: 8px 16px;
  padding-left: 16px;
  -webkit-user-select: none;
  user-select: none
}

.docsRecommendationBanner-banner-flex-wrap {
  flex-wrap: unset
}

.docsRecommendationBanner-banner-title {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 20px;
  margin: 16px 0;
  font-weight: 500;
  font-family: Roboto, sans-serif;
  font-size: 14px
}

.docsRecommendationBanner-banner-message {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  margin: 16px 8px
}

.docsRecommendationBanner-banner-primary-button-wrapper {
  margin-left: 8px;
  margin-right: 8px
}

.docsRecommendationBanner-banner-buttons {
  align-items: center;
  flex-wrap: unset;
  margin: 8px 0 8px auto
}

.docsRecommendationBannerIcon {
  margin: 0 16px 0 0
}

.docsRecommendationBannerWarningTheme-banner-container {
  align-items: center;
  background: #c5221f;
  color: #fff;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
  border: 1px solid transparent;
  border-radius: 8px;
  margin: 8px 16px;
  padding-left: 16px;
  -webkit-user-select: none;
  user-select: none
}

.docsRecommendationBannerWarningTheme-banner-flex-wrap {
  flex-wrap: unset
}

.docsRecommendationBannerWarningTheme-banner-title {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 20px;
  margin: 16px 0;
  font-weight: 500;
  font-family: Roboto, sans-serif;
  font-size: 14px
}

.docsRecommendationBannerWarningTheme-banner-message {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  margin: 16px 8px
}

.docsRecommendationBannerWarningTheme-banner-primary-button-wrapper {
  margin-left: 8px;
  margin-right: 8px
}

.docsRecommendationBannerWarningTheme-banner-buttons {
  align-items: center;
  flex-wrap: unset;
  margin: 8px 0 8px auto
}

.docsRecommendationBannerWarningThemeIcon {
  margin: 0 16px 0 0
}

.docs-ml-promotion {
  background: #fff;
  bottom: 0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .4);
  font-family: Arial, Helvetica, sans-serif;
  left: 0;
  position: fixed;
  width: 100%
}

.docs-ml-promotion-off-screen {
  transform: translateY(100%)
}

.docs-ml-promotion-shown {
  transform: translateY(0);
  transition: transform 333ms cubic-bezier(.4, 0, .2, 1)
}

.docs-ml-promotion-dismissed {
  transform: translateY(100%);
  box-shadow: none
}

.docs-ml-promotion-no-horizontal-scroll {
  overflow-x: hidden
}

.docs-ml-promotion-header {
  display: table;
  padding: 24px 24px 0 24px
}

.docs-ml-promotion-app-icon-container {
  display: table-cell
}

.docs-ml-promotion-app-icon {
  height: 36px;
  width: 36px
}

@media (min-width:600px) {
  .docs-ml-promotion-app-icon {
    transform: scale(1.33)
  }
}

.docs-ml-promotion-text {
  display: table-cell;
  padding-left: 20px;
  vertical-align: top
}

.docs-ml-promotion-text-heading {
  color: rgba(0, 0, 0, .87);
  font-size: 16px;
  font-weight: 700;
  padding-bottom: 7px
}

.docs-ml-promotion-text-body {
  color: rgba(0, 0, 0, .87);
  font-size: 14px
}

.docs-ml-promotion-action-row {
  float: right;
  margin-top: 6px;
  padding: 8px 24px
}

.docs-ml-promotion-action-row-desktop {
  margin-top: 6px
}

.docs-ml-promotion-action-container {
  display: inline-block;
  height: 48px;
  margin: 6px 4px;
  vertical-align: middle
}

.docs-ml-promotion-action-button {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  padding: 9px 12px;
  vertical-align: middle
}

.docs-ml-promotion-action-button-wrapper:focus {
  outline-color: #d6d6d6
}

.docs-ml-promotion-action-button.docs-ml-promotion-yes-button {
  background-color: #4285f4;
  border-radius: 4px;
  color: #fafafa;
  border: 1px solid transparent
}

.docs-ml-promotion-action-button.docs-ml-promotion-yes-button:active {
  background-color: #1967d2
}

.docs-ml-promotion-action-button.docs-ml-promotion-no-button {
  background-color: #fafafa;
  color: #5f6368;
  border-radius: 4px;
  border: 1px solid #dadce0
}

.docs-ml-promotion-action-button.docs-ml-promotion-no-button:active {
  background-color: #f5f5f5
}

.docs-ml-promotion.desktop {
  text-align: center
}

@media (orientation:portrait) {
  .docs-ml-promotion.desktop {
    padding-top: 56px;
    padding-bottom: 80px
  }
}

@media (orientation:landscape) {
  .docs-ml-promotion.desktop {
    padding-top: 36px;
    padding-bottom: 56px
  }
}

.docs-ml-promotion-heading-desktop {
  font-family: Google Sans;
  font-size: 18px;
  font-weight: 700;
  color: #202124;
  padding-top: 18px;
  padding-bottom: 10px;
  line-height: 1.5;
  max-width: 360px;
  margin: 0 auto
}

@media (orientation:landscape) {
  .docs-ml-promotion-heading-desktop {
    padding-top: 0;
    max-width: none
  }
}

.docs-ml-promotion-text-body-desktop {
  font-size: 14px;
  line-height: 1.5;
  color: #5f6368;
  padding-bottom: 10px
}

.docs-icon.docs-ml-promotion-desktop-icon {
  height: 40px;
  width: 40px;
  transform: scale(2.5);
  transform-origin: top
}

.docs-icon-ml-promotion-icon-container-desktop {
  height: 100px;
  width: 100px;
  margin-left: auto;
  margin-right: auto
}

@media (orientation:landscape) {
  .docs-icon-ml-promotion-icon-container-desktop {
    display: inline-block;
    vertical-align: top
  }

  .docs-ml-promotion-description-desktop {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    padding-left: 39px;
    max-width: 645px
  }
}

@media (orientation:landscape) {
  .docs-ml-promotion-action-row-desktop {
    margin-left: -8px
  }
}

.docs-ml-promotion-action-row-desktop .docs-ml-promotion-action-container {
  margin: 6px 8px;
  font-family: Google Sans
}

.docs-ml-promotion-action-row-desktop .docs-ml-promotion-action-button-wrapper:focus {
  outline: none
}

.docs-ml-promotion-action-button.docs-ml-promotion-yes-button.docs-ml-promotion-app-themed {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #188038;
  color: #fff
}

.docs-ml-promotion-action-button.docs-ml-promotion-no-button.docs-ml-promotion-app-themed {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #fff;
  border: 1px solid #dadce0 !important;
  color: #137333
}

.docs-ml-promotion-action-button-wrapper:focus .docs-ml-promotion-action-button.docs-ml-promotion-yes-button.docs-ml-promotion-app-themed {
  background: #188038;
  color: #fff;
  background: #4f9e67;
  box-shadow: 0 1px 3px 1px rgba(52, 168, 83, .15)
}

.docs-ml-promotion-action-button-wrapper:focus .docs-ml-promotion-action-button.docs-ml-promotion-no-button.docs-ml-promotion-app-themed {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #fff;
  border: 1px solid #dadce0 !important;
  background: #e7f5eb;
  border: 1px solid #bbe2c6 !important
}

.docs-ml-header,
.docs-ml-promotion {
  z-index: 1002
}

.generativeAiQuotaUpsellMessageContent {
  align-items: center;
  display: flex
}

.generativeAiQuotaUpsellMessageMenuItem .generativeAiQuotaUpsellMessageContent {
  align-items: flex-start
}

.generativeAiQuotaUpsellMessageLowQuotaBackground {
  background: #ecf3fe
}

.generativeAiQuotaUpsellMessageNoQuotaBackground {
  background: #f2f2f2
}

.generativeAiQuotaUpsellMessageContextMenuItem .quotaUpsellMessageDescription {
  margin-left: 0;
  width: 250px
}

.generativeAiQuotaUpsellMessageContent .generativeAiQuotaUpsellMessageIcon.docs-icon {
  height: 20px;
  width: 20px
}

.generativeAiQuotaUpsellMessageIcon.goog-menuitem-icon {
  opacity: 1
}

.previewableColorMenuColorPalette {
  margin: 0 16px
}

.previewableColorMenuColorPalette.docs-material-colorpalette .docs-material-colorpalette-colorswatch {
  height: 24px;
  margin: 4px;
  width: 24px
}

.previewableColorMenuHeader {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: 500;
  margin: 10px 16px 8px
}

.previewableColorMenuCustomizeButton {
  border-radius: 4px;
  color: #188038;
  cursor: pointer;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  letter-spacing: .25px;
  line-height: 20px;
  margin-left: 16px;
  margin-top: 7px;
  padding: 0 8px
}

.previewableColorMenuCustomizeButton.goog-flat-button-hover {
  background-color: rgba(60, 64, 67, .04)
}

.previewableColorMenuResetButton .previewableColorMenuResetButton.goog-menuitem-highlight {
  border: 1px solid #dadce0
}

.previewableColorMenuResetButton .docs-icon.goog-inline-block.goog-menuitem-icon {
  position: relative;
  top: 0
}

.docs-gm .goog-menu .previewableColorMenuResetButton.goog-menuitem {
  border: 1px solid #dadce0;
  border-radius: 15px;
  margin: 10px 16px;
  padding: 2px 15px;
  text-align: center
}

.docs-gm .previewableColorMenu .previewableColorMenuSeparator {
  margin: 16px 0 12px
}

.previewableColorMenu .previewableColorMenuPreviewControl {
  margin: 0 0 5px 16px
}

.docs-dropdown-item-preview-control {
  align-items: center;
  display: flex;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}

.docs-dropdown-item-preview-control-title {
  color: #3c4043
}

.docs-dropdown-item-preview-control-preview {
  border-radius: 8px;
  margin-left: 5px;
  max-width: 200px;
  overflow: hidden;
  padding: 2px 5px;
  text-overflow: ellipsis;
  white-space: nowrap
}

.docs-dropdown-item-preview-control-full-width-preview .docs-dropdown-item-preview-control-preview {
  line-height: 24px;
  margin-left: 0;
  max-width: none;
  width: 90%
}

.docs-dropdown-item-preview-control-hide-preview-label-text .docs-dropdown-item-preview-control-title {
  display: none
}

.previewableCustomColorMenuContainer {
  padding: 12px;
  width: 242px
}

.previewableCustomColorMenuContainer .docs-dropdown-item-preview-control {
  margin: 16px 0 0 16px
}

.previewableCustomColorMenuContainer.previewableCustomColorMenuFullWidthPreview .docs-dropdown-item-preview-control {
  margin: 12px 0 16px 16px
}

.previewableCustomColorMenuContainer .goog-menuseparator {
  margin: 16px 0 0
}

.previewableCustomColorMenuContainer .docs-material-hsv-color-picker {
  margin: 0 12px;
  width: 218px
}

.previewableCustomColorMenuContainer.previewableCustomColorMenu.previewableCustomColorMenuRgbaEnabled .docs-material-hsv-color-picker {
  margin: 0 12px 16px;
  width: auto
}

.previewableCustomColorMenuContainer.previewableCustomColorMenuFullWidthPreview .docs-material-hsv-color-picker {
  margin: 12px 12px 0
}

.previewableCustomColorMenuRgbaEnabled {
  padding: 12px;
  width: auto
}

.previewableCustomColorMenuTabBar {
  align-items: center;
  display: flex;
  justify-content: center;
  outline: none
}

.previewableCustomColorMenuTabBar .docs-tabbar-tab {
  border-radius: 4px;
  position: relative
}

.previewableCustomColorMenuTabBar .docs-tabbar-tab .docs-tabbar-tablabel {
  color: #5f6368;
  text-transform: none
}

.previewableCustomColorMenuTabBar .docs-tabbar-tab-selected .docs-tabbar-tablabel {
  color: #1a73e8;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}

.previewableCustomColorMenuTabBar .docs-tabbar-tab-selected:before {
  border-top: 3px solid #188038;
  border-radius: 3px 3px 0 0;
  bottom: 0;
  content: "";
  display: block;
  height: 0;
  left: 8px;
  position: absolute;
  width: calc(100% - 16px)
}

.previewableCustomColorMenuTabBar .docs-tabbar-tab-active,
.previewableCustomColorMenuTabBar .docs-tabbar-tab-hover {
  background: #f1f3f4
}

.previewableCustomColorMenuButtonContainer {
  display: flex;
  justify-content: flex-end
}

.previewableCustomColorMenuCancelButton {
  border: 1px solid #dadce0;
  border-radius: 4px;
  color: #188038;
  cursor: pointer;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  max-width: 60px;
  overflow: hidden;
  padding: 9px 24px 11px;
  text-overflow: ellipsis;
  white-space: nowrap
}

.previewableCustomColorMenuCancelButton.goog-flat-button-hover {
  background-color: #f1f3f4
}

.previewableCustomColorMenuOkayButton {
  background-color: #188038;
  border: 1px solid #dadce0;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  margin-left: 12px;
  margin-right: 12px;
  max-width: 60px;
  overflow: hidden;
  padding: 9px 24px 11px;
  text-overflow: ellipsis;
  white-space: nowrap
}

.previewableCustomColorMenuOkayButton.goog-flat-button-hover {
  background-color: #4285f4
}

.chip-pill-bubble-chip {
  background-color: #e8eaed;
  border-radius: 8px;
  color: #202124;
  display: flex;
  height: 20px;
  margin-top: 15px;
  max-width: 110px;
  padding: 0 5px;
  position: absolute;
  overflow-x: clip;
  overflow-y: hidden;
  width: -moz-fit-content;
  width: fit-content
}

.chip-pill-header .chip-pill-bubble-chip,
.chip-pill-pill-header .chip-pill-bubble-chip:visited {
  color: #202124
}

.chip-pill-bubble-chip-icon {
  display: flex;
  height: 10px;
  padding-top: 2.5px;
  position: relative;
  max-width: 10px
}

.chip-pill-bubble-chip-text {
  display: inline-block;
  height: inherit;
  line-height: normal;
  margin-left: 4px;
  max-width: 180px;
  overflow-x: clip;
  padding-top: 2px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: -moz-fit-content;
  width: fit-content
}

.chip-pill-field-holder {
  height: 100%
}

.chip-pill-header {
  display: grid;
  grid-template-columns: 120px 90px 25px;
  height: 56px;
  position: relative;
  white-space: nowrap;
  width: 250px;
  z-index: 1
}

.chip-pill-timestamp {
  display: inline-block;
  float: right;
  font-size: 12px;
  grid-column: 2;
  justify-self: end;
  padding-right: 10px;
  width: -moz-fit-content;
  width: fit-content
}

@keyframes shimmerAnimation {
  to {
    background-position: 0
  }
}

.unifiedPreviewBubbleRoot {
  color: #444746;
  font-family: Roboto, sans-serif;
  min-width: 320px;
  width: auto;
  overflow: hidden
}

.unifiedPreviewBubbleRoot {
  border-radius: 8px 8px 24px 24px
}

.unifiedPreviewBubbleRoot.docs-bubble {
  padding: 0;
  border: none;
  outline: none;
  z-index: 1003
}

.unifiedPreviewBubbleContentContainer {
  border-radius: 8px 8px 0 0;
  overflow: hidden
}

.unifiedPreviewBubbleContainer {
  animation: shimmerAnimation 2s linear infinite;
  background: linear-gradient(90deg, #d3e3fd, #84c4ff 25%, #a8c7fa 50%, #84c4ff 75%, #d3e3fd);
  background-size: 200%;
  background-position: 200%;
  border: 2px solid;
  padding: 2px
}

.unifiedPreviewBubbleContainer .unifiedPreviewBubbleContent {
  background: #fff;
  outline: none;
  padding: 0;
  display: flex;
  justify-content: center
}

.unifiedPreviewBubbleInProgressState {
  border-color: transparent;
  padding: 0;
  transition: border-color 0s
}

.unifiedPreviewBubbleReadyState {
  border-color: #0b57d0;
  padding: 0;
  transition: border-color 1s
}

.unifiedPreviewBubbleContent,
.unifiedPreviewBubbleError {
  border-radius: 6px 6px 0 0;
  display: flex;
  min-height: 48px;
  padding: 12px
}

.unifiedPreviewBubbleContentWithScrollbar {
  overflow-y: scroll
}

.unifiedPreviewBubbleError {
  color: #b3261e
}

.unifiedPreviewBubbleToolbar {
  background: #fff;
  display: flex;
  height: 40px;
  justify-content: space-between;
  overflow: hidden;
  padding: 12px;
  position: relative
}

.unifiedPreviewBubbleToolbar .docs-generativeai-progress-bubble {
  border-radius: 0;
  box-sizing: border-box;
  height: 100%;
  margin: 0;
  padding: 0 12px;
  top: 0;
  white-space: nowrap;
  width: 100%
}

.unifiedPreviewBubbleToolbar .docs-generativeai-progress-bubble .docs-generativeai-progress-bubble-content {
  align-items: center;
  flex-direction: row;
  margin: 0;
  width: 100%
}

.unifiedPreviewBubbleToolbar .docs-generativeai-progress-bubble .docs-generativeai-progress-bubble-content .docs-generativeai-progress-bubble-text {
  color: #444746;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 20px;
  margin-top: 0
}

.unifiedPreviewBubbleToolbar .docs-generativeai-progress-bubble .docs-generativeai-progress-bubble-content .docs-generativeai-progress-bubble-progress-bar {
  margin: 12px;
  width: 100%
}

.unifiedPreviewBubbleToolbar .docs-generativeai-progress-bubble .docs-generativeai-progress-bubble-close {
  margin-bottom: 10px;
  margin-right: 5px
}

.unifiedPreviewBubbleLeftSection,
.unifiedPreviewBubbleRightSection {
  align-items: center;
  justify-content: space-between;
  display: flex;
  position: relative
}

.unifiedPreviewBubblePreviewingLabel {
  color: #444746;
  font-family: Roboto, sans-serif;
  font-size: 13px
}

.unifiedPreviewBubblePreviewingLabel.withItemNumbers {
  min-width: 100px
}

.unifiedPreviewBubbleRightSection .docs-gm3-filled-button {
  padding: 9px 16px
}

.unifiedPreviewBubbleRightSection .docs-gm3-text-button {
  margin: 0
}

.unifiedPreviewBubbleSelector {
  display: flex
}

.unifiedPreviewBubbleDivider {
  border-top: 1px solid #e1e3e1;
  box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15)
}

.unifiedPreviewBubbleToolbar .docs-icon {
  height: 24px;
  margin: 0;
  width: 24px
}

.unifiedPreviewBubbleToolbar .docs-gm3-text-button {
  align-items: center;
  border-radius: 100%;
  display: flex;
  height: 40px;
  justify-content: center;
  padding: 0;
  width: 40px
}

.unifiedPreviewBubbleToolbar .docs-gm3-text-button.docs-gm3-button-focused,
.unifiedPreviewBubbleToolbar .docs-gm3-text-button.docs-gm3-button-hover {
  padding: 0
}

.unifiedPreviewBubbleLoading {
  border: none
}

.unifiedPreviewBubbleRightSectionInsertButtonWithMenu {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: 0
}

.unifiedPreviewBubbleRightSectionMenuButton {
  border: 1px solid transparent;
  border-radius: 100px;
  box-sizing: border-box;
  cursor: pointer;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  line-height: 20px;
  padding: 9px 24px;
  white-space: nowrap;
  background: #0b57d0;
  color: #fff;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  width: 32px;
  margin-left: 1px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center
}

.unifiedPreviewBubbleRightSectionMenuButton .goog-menu-button-outer-box {
  display: none
}

.unifiedPreviewBubbleRightSectionMenuButton .docs-icon {
  height: 20px;
  width: 20px
}

.unifiedPreviewBubbleRightSectionMenuButton.goog-menu-button-focused {
  background: #0b57d0;
  color: #fff;
  background: #286bd6
}

.unifiedPreviewBubbleRightSectionMenuButton.goog-menu-button-focused:focus-visible {
  outline: 3px solid #00639b;
  outline-offset: 2px
}

.unifiedPreviewBubbleRightSectionMenuButton.goog-menu-button-open .docs-icon {
  transform: rotate(180deg)
}

@media screen and (forced-colors:active) {
  .unifiedPreviewBubbleRightSectionMenuButton .docs-icon {
    filter: invert(100%)
  }
}

.docs-gm .goog-menu .unifiedPreviewBubbleRightSectionMenuItem.goog-menuitem {
  padding-left: 16px
}

.unifiedPreviewBubbleRightSectionFeedbackButtonContainer {
  display: flex;
  align-items: center
}

.unifiedPreviewBubbleRightSectionFeedbackButtonContainer:after,
.unifiedPreviewBubbleRightSectionFeedbackButtonContainer:before {
  content: "";
  display: block;
  height: 24px;
  width: 1px;
  margin: 0 4px;
  background-color: #e1e3e1
}

.unifiedPreviewBubbleRightSectionFeedbackButton {
  align-items: center;
  border-radius: 100%;
  display: flex;
  height: 32px;
  justify-content: center;
  width: 32px
}

.docs-material .unifiedPreviewBubbleRightSectionFeedbackButton .docs-icon {
  height: 24px;
  margin: 0;
  width: 24px
}

.unifiedPreviewBubbleRightSectionFeedbackButton.docs-material-button-disabled {
  opacity: 38%
}

.unifiedPreviewBubbleRightSectionRetryButton,
.unifiedPreviewBubbleRightSectionRetryButton.docs-gm3-button-focused,
.unifiedPreviewBubbleRightSectionRetryButton.docs-gm3-button-hover {
  color: #1f1f1f
}

.unifiedPreviewBubbleRightSectionRetryButton.docs-gm3-outlined-button {
  padding: 9px 16px
}

.unifiedPreviewBubbleRightSectionFeedbackButtons {
  display: flex;
  justify-content: flex-end
}

.unifiedPreviewBubbleRightSectionSourcesButton.docs-material-menu-button-flat-primary {
  display: flex;
  align-items: center
}

.unifiedPreviewBubbleRightSectionSourcesButton.docs-material-menu-button-flat-primary .goog-menu-button {
  background: transparent
}

.unifiedPreviewBubbleRightSectionSourcesButton.docs-material-menu-button-flat-primary .goog-menu-button-outer-box {
  display: none
}

.unifiedPreviewBubbleRightSectionSourcesButton.docs-material-menu-button-flat-primary .docs-icon {
  height: 20px;
  margin-bottom: 2px;
  width: 20px
}

.unifiedPreviewBubbleRightSectionSourcesButton.docs-material-menu-button-flat-primary.docs-material-menu-button-flat-primary-open .docs-material-menu-button-flat-primary-dropdown {
  transform: rotateX(180deg);
  margin-bottom: 10px
}

.unifiedPreviewBubbleRightSectionSourcesButton.docs-material-menu-button-flat-primary .docs-material-menu-button-flat-primary-focused:focus-visible {
  outline: 3px solid #00639b;
  outline-offset: 2px
}

.docs-gm .goog-menu .unifiedPreviewBubbleRightSectionSourcesMenuItem.goog-menuitem {
  padding: 8px
}

.unifiedPreviewBubbleRightSectionSourcesMenuItem .appsElementsChipRoot {
  background-color: transparent;
  border: 1px solid #e1e3e1;
  box-sizing: border-box;
  height: 32px;
  justify-content: start;
  width: 100%
}

.unifiedPreviewBubbleScrim {
  background-color: #e1e3e1;
  height: 100vh;
  inset: 0;
  opacity: .6;
  position: fixed;
  width: 100vw;
  z-index: 998
}

.unifiedPreviewBubbleCloseButton.docs-gm3-text-button {
  margin: 0 8px
}

.ess-button {
  cursor: pointer;
  display: inline-block
}

.ess-disabled-button {
  opacity: .25;
  filter: alpha(opacity=25);
  display: inline-block
}

.ess-button,
.ess-disabled-button {
  margin: 6px;
  vertical-align: middle
}

.ess-icon {
  width: 32px;
  height: 32px;
  background-image: url(https://ssl.gstatic.com/docs/documents/share/images/ess-icons-4.png);
  background-repeat: no-repeat
}

.ess-gplus-icon {
  background-position: 0 0
}

.ess-gmail-icon {
  background-position: -34px 0
}

.ess-facebook-icon {
  background-position: -68px 0
}

.ess-twitter-icon {
  background-position: -102px 0
}

.scope-icon-default-group {
  background-repeat: no-repeat;
  background-position: 0 -113px
}

.scope-icon-default-user {
  background-repeat: no-repeat;
  background-position: 0 -1028px
}

.scope-icon-default {
  display: inline-block;
  width: 21px;
  height: 21px;
  opacity: .55;
  filter: alpha(opacity=55);
  margin-top: 4px;
  margin-left: 4px
}

.scope-icon-holder {
  display: inline-block;
  background-color: #f5f5f5;
  height: 29px;
  width: 29px;
  vertical-align: middle
}

.scope-icon-invite-holder {
  background-color: #fff
}

.scope-icon-custom {
  width: 29px;
  height: 29px;
  vertical-align: middle
}

.scope-icon-disabled {
  opacity: .25;
  filter: alpha(opacity=25)
}

.scope-icon-unused-invite {
  background-position: 0 -380px
}

.scope-icon-used-invite {
  background-position: 0 -802px
}

.scope-icon-unused-invite,
.scope-icon-used-invite {
  width: 29px;
  height: 29px;
  vertical-align: middle;
  margin-top: 0;
  margin-left: 0;
  background-repeat: no-repeat;
  opacity: 1;
  filter: alpha(opacity=100)
}

.vo-domain-public-icon,
.vo-domain-unlisted-icon,
.vo-private-icon,
.vo-privately-shared-icon,
.vo-public-icon,
.vo-unlisted-icon {
  width: 21px;
  height: 21px;
  background-repeat: no-repeat;
  margin-right: 4px;
  vertical-align: bottom
}

.vo-public-icon {
  background-position: 0 -161px
}

.vo-unlisted-icon {
  background-position: 0 -412px
}

.vo-domain-public-icon {
  background-position: 0 -980px
}

.vo-domain-unlisted-icon {
  background-position: 0 -610px
}

.vo-privately-shared-icon {
  background-position: 0 -778px
}

.vo-private-icon {
  background-position: 0 0
}

.waffle-overflow-menu-material {
  transition: opacity .25s cubic-bezier(.4, 0, .2, 1);
  cursor: pointer;
  height: 18px;
  opacity: .54;
  width: 18px
}

.waffle-overflow-menu-material:after {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgdmlld2JveD0iMCAwIDIwIDIwIiBoZWlnaHQ9IjIwIj48cGF0aCBkPSJtMTAgNmMxLjEgMCAyLTAuOSAyLTJzLTAuOS0yLTItMi0yIDAuOS0yIDIgMC45IDIgMiAyem0wIDJjLTEuMSAwLTIgMC45LTIgMnMwLjkgMiAyIDIgMi0wLjkgMi0yLTAuOS0yLTItMnptMCA2Yy0xLjEgMC0yIDAuOS0yIDJzMC45IDIgMiAyIDItMC45IDItMi0wLjktMi0yLTJ6Ii8+PC9zdmc+")
}

.waffle-overflow-menu-material.waffle-overflow-menu-material-white:after {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld2JveD0iMCAwIDIwIDIwIj48cGF0aCBkPSJNMTAgNmMxLjEgMCAyLTAuOSAyLTJzLTAuOS0yLTItMlM4IDIuOSA4IDQgOC45IDYgMTAgNnpNMTAgOGMtMS4xIDAtMiAwLjktMiAyczAuOSAyIDIgMiAyLTAuOSAyLTJTMTEuMSA4IDEwIDh6TTEwIDE0Yy0xLjEgMC0yIDAuOS0yIDJzMC45IDIgMiAyIDItMC45IDItMlMxMS4xIDE0IDEwIDE0eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==")
}

.waffle-overflow-menu-material:hover {
  opacity: .7
}

.waffle-filterbox-content {
  border: none;
  height: 130px;
  margin: 0 4px;
  overflow-y: auto
}

.waffle-filterbox-content>.goog-menuitem-content {
  font-size: 12px
}

.waffle-filterbox-content>.goog-menuitem {
  padding: 1px 7em 1px 26px
}

.waffle-filterbox-content>.goog-menuitem-highlight {
  border: 0;
  background-color: #d0d0d0
}

.waffle-filterbox-action-link,
.waffle-filterbox-dash {
  color: #15c;
  text-decoration: none
}

.waffle-filterbox-action-link:hover {
  text-decoration: underline
}

.waffle-filterbox-input {
  margin-right: -23px;
  padding-right: 23px;
  width: 221px
}

.waffle-filterbox-input-icon {
  background: no-repeat url(https://ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png) -205px -62px;
  display: inline-block;
  margin-top: 2px;
  height: 12px;
  width: 12px
}

.waffle-filterbox-label {
  padding-left: 6px
}

div.waffle-filterbox-label-icon {
  background: no-repeat url(https://ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png) -283px -73px;
  float: right;
  height: 16px;
  margin-left: 18px;
  width: 16px
}

.waffle-filterbox-label>a,
.waffle-filterbox-label>div {
  display: inline;
  font-size: 12px;
  margin-right: 3px
}

.waffle-filterbox-menu-spinner {
  text-align: center
}

.waffle-filterbox-boolean-condition-picker-info-icon {
  padding-left: 8px
}

.waffle-filterbox-boolean-condition-picker-info-tooltip {
  width: 164px
}

.waffle-filterbox-menu .goog-menu-filter input {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #fff;
  border: 1px solid #dadce0 !important;
  font-weight: 400
}

.waffle-filterbox-ok-button .goog-imageless-button-content {
  font-weight: 500;
  padding: 0 15px
}

.waffle-autofilter-border {
  border-color: #188038;
  line-height: 0
}

.filtered-incelldropdown-button {
  background: no-repeat url(https://ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png) -791px -13px;
  cursor: pointer;
  list-style: none;
  outline: none
}

.filtered-incelldropdown-button-disabled {
  cursor: default;
  filter: alpha(opacity=30);
  opacity: .3
}

.filtered-incelldropdown-button-checked,
.filtered-incelldropdown-button-focused,
.filtered-incelldropdown-button-hover {
  background: no-repeat url(https://ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png) -137px -46px
}

.waffle-autovis-lightbox {
  background-color: rgba(0, 0, 0, .7);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  z-index: 1000
}

.waffle-autovis-lightbox-chart,
.waffle-autovis-lightbox-container {
  height: 100%;
  width: 100%
}

.waffle-autovis-lightbox-content {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 60px
}

.waffle-autovis-lightbox-content-inner {
  position: relative;
  white-space: nowrap
}

.waffle-autovis-lightbox-next.jfk-button-disabled,
.waffle-autovis-lightbox-previous.jfk-button-disabled {
  color: grey;
  cursor: default
}

.waffle-autovis-lightbox-page-count {
  color: #fff;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 16px;
  margin-top: 35px;
  text-align: center;
  width: 100%
}

.waffle-autovis-lightbox-button {
  background-color: transparent;
  background-image: none;
  border: 0;
  color: #fff;
  cursor: pointer;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 13px;
  margin: 0;
  outline: 0;
  padding: 0
}

.waffle-autovis-lightbox-button:focus {
  border: none;
  padding: 0
}

.waffle-autovis-lightbox-next,
.waffle-autovis-lightbox-previous {
  bottom: 0;
  color: #fff;
  cursor: pointer;
  height: 50px;
  line-height: 50px;
  margin: auto;
  position: absolute;
  text-align: center;
  top: 0;
  width: 50px
}

.waffle-autovis-lightbox-previous {
  margin-right: 25px;
  right: 100%
}

.waffle-autovis-lightbox-next {
  left: 100%;
  margin-left: 25px
}

.waffle-autovis-lightbox-readonly .waffle-autovis-lightbox-readonly-hidden {
  display: none
}

.waffle-autovis-lightbox-header {
  background-color: rgba(0, 0, 0, .7);
  height: 60px;
  width: 100%
}

.waffle-autovis-lightbox-buttons-wrapper {
  color: #fff;
  font-weight: 500;
  line-height: 60px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 100%
}

.waffle-autovis-lightbox-close {
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 19px
}

.waffle-date-picker,
.waffle-date-picker * {
  box-sizing: border-box
}

.waffle-date-picker {
  position: absolute;
  width: 188px;
  z-index: 1000
}

.goog-date-picker-today:before,
.goog-date-picker-today:hover:before {
  border: 1px solid #188038
}

.docs-ui-toast {
  bottom: 74px
}

.docs-butterbar-container {
  z-index: 1004
}

.waffle-ellipses {
  display: inline-block;
  height: 12px;
  position: relative;
  width: 25px
}

.waffle-ellipses-message-container {
  height: 0;
  overflow: hidden;
  position: absolute;
  width: 0
}

.waffle-ellipses-container {
  height: 100%;
  overflow: hidden;
  width: 100%
}

.waffle-ellipses-sprite {
  display: block;
  position: relative
}

.waffle-ellipses.waffle-ellipses-active svg.waffle-ellipses-sprite {
  animation: waffle-ellipses-sprite-cycle 1s steps(5) infinite reverse
}

@keyframes waffle-ellipses-sprite-cycle {
  0% {
    left: 0
  }

  to {
    left: -125px
  }
}

.waffle-filter-bar {
  display: flex;
  height: 30px;
  color: #444746;
  margin-left: 48px
}

.waffle-filter-bar-header {
  font-weight: 500;
  margin-left: 10px
}

.waffle-filter-bar-range-label {
  padding: 6px 0;
  margin-left: 4px;
  font-size: 14px
}

.waffle-filter-bar-name-input,
.waffle-filter-bar-range-input {
  background-color: transparent;
  border: 1px solid transparent;
  box-shadow: none;
  height: 19px;
  margin-top: 2.5px;
  color: #444746;
  max-width: 120px;
  font-size: 14px;
  text-overflow: ellipsis
}

.waffle-filter-bar-name-input:hover,
.waffle-filter-bar-range-input:hover {
  border: 1px solid #000;
  border-radius: 4px;
  background-color: #e7f8ed;
  max-width: 120px
}

.waffle-filter-bar-name-input:focus,
.waffle-filter-bar-range-input:focus {
  background: #fff;
  border: 1px solid #4d90fe;
  color: #000;
  border-radius: 4px;
  box-shadow: none
}

.waffle-filter-bar-name-readonly,
.waffle-filter-bar-range-readonly {
  border: none;
  font-size: 14px;
  margin: 0 3px 0 6px;
  outline: none;
  overflow: hidden;
  padding: 6px 4px;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: bottom
}

.waffle-filter-bar-range-readonly {
  max-width: 120px
}

.waffle-filter-bar-name-readonly:focus,
.waffle-filter-bar-range-readonly:focus {
  border-color: #ccc
}

.waffle-filter-bar-options {
  margin-top: 4px
}

.waffle-filter-bar-close {
  margin-top: 4px;
  color: #444746
}

.waffle-filter-bar-view-icon {
  margin-top: 4px
}

.waffle-filter-bar-save-button-view {
  color: #444746
}

.waffle-filter-bar .goog-flat-button {
  background-color: transparent;
  border: none;
  border-radius: 2px;
  outline: none
}

.waffle-filter-bar .goog-flat-button:focus {
  background-color: rgba(68, 71, 70, .12);
  border-radius: 4px
}

.waffle-filter-bar .goog-flat-button:hover {
  background-color: rgba(68, 71, 70, .08);
  border-radius: 4px
}

.waffle-filter-bar .goog-flat-button.goog-flat-button-open,
.waffle-filter-bar .goog-flat-button:active {
  background-color: #c4eed0;
  border-radius: 4px
}

.waffle-slidingdialog-filterbar {
  background-color: #3c4043;
  border-bottom: 1px solid #000;
  border-left: none;
  border-right: none;
  border-top: 1px solid #000;
  padding: 4px 12px;
  border-top: none
}

.waffle-filter-bar-name-inputbox {
  display: inline
}

.waffle-filter-bar-name-inputbox,
.waffle-filter-bar-name-readonly {
  width: auto;
  min-width: 120px
}

.waffle-filter-bar-promo-container {
  display: inline;
  margin-left: 32px;
  margin-top: 30px;
  position: absolute
}

.waffle-filter-bar-align-right {
  float: right
}

.waffle-filter-bar-align-right-with-save-view {
  display: flex
}

.waffle-filter-bar-range-filter-pills-container {
  display: flex;
  flex-shrink: 1;
  flex-wrap: wrap;
  margin: 0 10px;
  overflow-y: scroll
}

.waffle-filter-bar-add-range-filter-button {
  border-radius: 25px;
  color: #fff;
  margin-top: 5px;
  white-space: nowrap
}

.waffle-filter-bar-rangepill {
  border-radius: 25px;
  background-color: #fff;
  margin-right: 5px;
  margin-top: 2.5px;
  min-width: 100px;
  height: 25px
}

.waffle-filter-bar-rangepill-range {
  background-color: transparent;
  color: #000;
  margin-left: 10px;
  min-width: 60px;
  padding: 5px 0
}

.waffle-filter-bar .waffle-filter-bar-rangepill .waffle-filter-bar-rangepill-close:focus,
.waffle-filter-bar .waffle-filter-bar-rangepill .waffle-filter-bar-rangepill-close:hover {
  background: transparent
}

.waffle-filter-bar-rangepill-close {
  margin: 0
}

.waffle-filter-bar-range-pill-input {
  box-sizing: border-box;
  height: 25px
}

.waffle-filter-bar-range-section,
.waffle-filter-bar-range-section-container {
  display: flex;
  flex: 1;
  overflow: hidden
}

.waffle-filter-bar-range-section-space-eater {
  flex-grow: 1
}

.docs-grille-gm3 .waffle-slidingdialog-filterbar {
  background-color: #e7f8ed;
  border-bottom: 1px solid #c4c7c5;
  padding-bottom: 1px
}

.waffle-filter-bar-separator.goog-toolbar-separator.goog-inline-block {
  margin-top: 5px
}

.waffle-filter-bar-save-view-button.docs-material-button-fill-primary,
.waffle-filter-bar-save-view-button.docs-material-button-fill-primary:focus {
  height: 28px;
  padding: 5px 18px 9px;
  text-transform: none
}

.waffle-filter-bar-save-view-button.docs-material-button-fill-primary {
  background-color: #146c2e
}

.waffle-filter-bar-save-view-button.docs-material-button-fill-primary:focus {
  background-color: #0f5223
}

.waffle-sidebar-container.waffle-pivot-sidebar {
  display: block;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif !important;
  width: 300px
}

.waffle-sidebar-container.waffle-pivot-sidebar:focus {
  outline: 1px solid #4285f4
}

#waffle-pivot-aggr {
  display: inline;
  font-weight: 400;
  margin-right: 5px
}

#waffle-pivot-aggr .docs-material-select-outer-box {
  display: flex;
  border-bottom: none
}

#waffle-pivot-aggr-select {
  font-size: 12px
}

.waffle-pivot-container {
  border: none;
  padding: 12px 16px 0
}

.waffle-pivot-label {
  color: rgba(0, 0, 0, .87);
  font-weight: 700;
  padding: 0 0 14px 2px;
  position: relative
}

#waffle-pivot-aggr-label {
  color: rgba(0, 0, 0, .87);
  font-size: 13px;
  font-weight: 500;
  text-decoration: none
}

#waffle-pivot-aggr-label,
.waffle-pivot-label {
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .2px;
  padding-bottom: 18px
}

.waffle-pivot-add-button {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-size: 14px;
  height: 36px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #fff;
  border: 1px solid #dadce0 !important;
  color: #137333;
  height: 24px;
  padding: 3px 12px 5px;
  border: transparent;
  color: #188038;
  cursor: pointer;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  letter-spacing: .25px;
  margin: 0;
  padding: 3px 11px 1px 13px;
  position: absolute;
  right: 0;
  text-transform: none;
  top: -3px
}

.waffle-pivot-add-button:hover {
  background: #f8fcf9;
  border: 1px solid #c8e7d1 !important;
  height: 24px;
  padding: 3px 12px 5px;
  padding: 3px 11px 1px 13px
}

.waffle-pivot-add-button:focus {
  background: #e7f5eb;
  border: 1px solid #bbe2c6 !important;
  height: 24px;
  padding: 3px 12px 5px;
  background-color: rgba(66, 133, 244, .12);
  border: transparent;
  padding: 3px 11px 1px 13px
}

.docs-hc-gecko.waffle-pivot-sidebar .waffle-pivot-add-button:focus {
  outline: 1px solid
}

.waffle-pivot-add-button:hover:focus {
  background: #dff2e4;
  border: 1px solid #b5e0c1 !important;
  height: 24px;
  padding: 3px 12px 5px;
  padding: 3px 11px 1px 13px
}

.waffle-pivot-add-button:active {
  background: #dff2e4;
  border: 1px solid transparent !important;
  box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15);
  height: 24px;
  padding: 3px 12px 5px;
  padding: 3px 11px 1px 13px
}

.waffle-pivot-add-button-disabled {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  border: 1px solid #dadce0 !important;
  background: #fff;
  border: 1px solid #f1f3f4 !important;
  color: #3c4043;
  opacity: .38;
  height: 24px;
  padding: 3px 12px 5px;
  color: rgba(0, 0, 0, .12);
  cursor: default;
  padding: 3px 11px 1px 13px
}

.waffle-pivot-rangepicker-container {
  padding: 12px 16px 12px;
  border-bottom: solid;
  border-color: #e0e0e0
}

#waffle-pivot-range-selection .waffle-range-selection-button {
  border-radius: 50%;
  margin: 0;
  padding: 4px 2px 4px 0
}

#waffle-pivot-range-selection .waffle-range-selection-button:focus {
  background-color: rgba(0, 0, 0, .12) !important
}

.waffle-pivot-rangepicker-error-label {
  color: #db4437;
  font-size: 13px
}

.waffle-pivot-drop-target {
  height: auto;
  margin-bottom: -22px;
  margin-top: -24px;
  padding-bottom: 24px;
  padding-top: 24px
}

.waffle-pivot-pill {
  background-color: #fff;
  border: none;
  border-radius: 2px;
  box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15);
  cursor: move;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif !important;
  margin-bottom: 16px;
  transition: max-height .25s cubic-bezier(.4, 0, .2, 1)
}

.waffle-pivot-pill:focus {
  outline-color: #4285f4
}

.docs-hc-gecko.waffle-pivot-sidebar .waffle-pivot-pill:focus {
  outline: 1px solid
}

.waffle-pivot-pill-disabled {
  cursor: default
}

.waffle-pivot-pill-checkbox-label {
  color: #5f6368;
  font-size: 12px;
  letter-spacing: .13px;
  margin-left: 10px;
  vertical-align: middle
}

.waffle-pivot-pill-align-middle {
  vertical-align: middle
}

.waffle-pivot-pill-close {
  color: #8d8d8d;
  cursor: pointer;
  float: right;
  font-size: 14px;
  transform: translateY(-15%)
}

.waffle-pivot-pill-close .jfk-button {
  border: transparent;
  border-radius: 50%;
  font-size: 18px;
  outline: none;
  width: 20px
}

.waffle-pivot-pill-close .jfk-button:focus {
  background-color: rgba(0, 0, 0, .12)
}

.waffle-pill-during-dragging {
  height: 33px
}

.waffle-pill-during-dragging .waffle-pivot-pill-section {
  display: none
}

.waffle-pivot-pill-close-disabled {
  color: rgba(0, 0, 0, .12)
}

.waffle-pivot-pill-section {
  box-sizing: border-box;
  display: inline-block;
  margin: 8px 0;
  padding: 0 8px;
  vertical-align: top;
  width: 50%
}

.docs-hc-gecko.waffle-pivot-sidebar .waffle-pivot-pill-section .docs-material-gm-select.waffle-pivot-pill-nodrag:focus {
  outline: 1px solid
}

#waffle-pivot-filter .waffle-pivot-pill-section,
.waffle-pill-section-checkbox,
.waffle-pivot-date-grouping-section {
  width: 100%
}

#waffle-pivot-filter .waffle-pivot-filter-pill-select {
  padding-bottom: 2px;
  padding-top: 2px;
  width: 100%
}

.docs-hc-gecko.waffle-pivot-sidebar .waffle-pivot-pill-section .waffle-pivot-filter-pill-select:focus {
  outline: 1px solid
}

#waffle-pivot-filter .waffle-pivot-filter-pill-select .goog-flat-menu-button-caption {
  font-size: 12px
}

.waffle-pivot-date-grouping-section {
  margin-top: 4px
}

.waffle-pill-section-checkbox {
  margin-top: 0
}

.waffle-pivot-pill-main-table {
  background: none;
  border-bottom: none;
  min-height: 16px;
  padding: 10px 8px 6px 12px
}

.waffle-pivot-pill-main-table-text {
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.waffle-pivot-pill-title {
  color: #202124;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .25px;
  overflow: hidden;
  white-space: nowrap
}

.waffle-pivot-pill-title-looker-view-label {
  color: #5f6368;
  font-weight: 200;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-basis: 0px;
  flex-shrink: 1;
  flex-grow: 1
}

.waffle-pivot-pill-title-looker-field-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-shrink: 1;
  flex-basis: fit-content
}

.waffle-pivot-pill-nodrag {
  cursor: pointer
}

.waffle-pivot-pill-type-icon {
  margin-right: 6px;
  opacity: 1 !important
}

.waffle-pivot-pill-type-icon.docs-hc-gecko {
  filter: invert(1)
}

.waffle-pivot-pill-limit-combobox.docs-material-gm-select {
  height: 26px
}

.waffle-pivot-pill-limit-combobox .docs-material-gm-select-input.jfk-textinput {
  background: transparent
}

.waffle-pivot-pill-limit-combobox.docs-material-gm-select-open .docs-material-gm-select-input.jfk-textinput {
  background: #fff;
  border: 2px solid #1a73e8
}

.waffle-pivot-pill-limit-combobox .docs-material-gm-select-input.jfk-textinput {
  border: 0;
  font-size: 12px;
  height: 20px;
  margin: 0;
  max-width: 100%;
  width: 83px
}

.waffle-pivot-multi-select {
  background: #efefef;
  background-color: #f1f3f4;
  border: 1px solid #d7d7d7;
  border-color: transparent;
  border-radius: 4px;
  display: block;
  margin: 3px 0 0 0;
  padding: 3px;
  position: relative
}

.waffle-pivot-multi-select .docs-material-gm-select {
  margin-bottom: 4px
}

.waffle-pivot-multi-select .docs-material-gm-select:last-child {
  margin-bottom: 0
}

.waffle-pivot-multi-select .docs-material-gm-select-outer-box {
  background-color: #fff
}

.waffle-pivot-pill-sort-by {
  vertical-align: top;
  width: 100%
}

.waffle-pivot-multi-select .waffle-pivot-select-caption {
  color: #555
}

.waffle-pivot-select-divider {
  color: #555;
  margin: 0 3px
}

.waffle-pivot-checkbox {
  vertical-align: middle
}

.waffle-pivot-feedback-section {
  float: right;
  margin-right: 10px;
  margin-top: 5px;
  position: relative
}

#waffle-pivot-feedback {
  padding-left: 10px
}

.waffle-pivot-add-field-menu {
  overflow-y: auto
}

.waffle-pivot-add-field-label {
  display: inline-block;
  letter-spacing: .2px;
  padding-top: 2px
}

.waffle-pivot-aggr-select-container {
  display: inline-block;
  height: 20px;
  margin-top: -5px
}

#waffle-pivot-aggr-select {
  border-bottom: 2px solid transparent
}

#waffle-pivot-aggr-select:focus {
  border-color: #4d90fe
}

.waffle-pivot-select-label {
  color: #5f6368;
  font-size: 11px;
  padding-bottom: 3px;
  padding-left: 2px
}

.waffle-pivot-db-calculated-field-menu-item {
  margin-top: 6px
}

.waffle-pivot-calculated-field-formula-input,
.waffle-pivot-db-calculated-field-formula-input,
.waffle-pivot-db-calculated-field-formula-input:focus {
  border: 1px solid #dadce0;
  border-radius: 4px;
  box-sizing: border-box;
  color: #3c4043;
  font-size: 12px;
  padding: 4px 0 4px 8px;
  width: 100%
}

.waffle-pivot-db-calculated-field-formula-input,
.waffle-pivot-db-calculated-field-formula-input:focus {
  background: #fff;
  text-overflow: ellipsis
}

.waffle-pivot-pill-disabled .waffle-pivot-db-calculated-field-formula-input {
  background: transparent
}

.waffle-pivot-db-calculated-field-formula-input-tooltip {
  max-width: 500px
}

.goog-grey.waffle-pivot-db-calculated-field-edit-button.dense {
  box-sizing: border-box;
  line-height: 20px;
  margin-top: 16px;
  padding: 2px 8px;
  position: absolute;
  right: 0
}

.waffle-pivot-db-calculated-field-icon:after {
  background: none;
  content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjE4IiBmaWxsPSIjNDU1QTY0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDBWMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNMTkgNEg1djJsNiA2LTYgNnYyaDE0di0zaC05bDUtNS01LTVoOVY0eiIvPjwvc3ZnPg==);
  height: 18px;
  width: 18px
}

.waffle-pivot-calculated-input:focus {
  outline-color: #4d90fe
}

.waffle-pill-section-formula {
  margin-bottom: 0;
  width: 100%
}

.waffle-pill-section-formula .waffle-pivot-pill-nodrag {
  padding-top: 0
}

.waffle-pill-section-edit-button .waffle-pivot-pill-nodrag {
  position: relative
}

.waffle-pivot-clear-all-section {
  padding: 8px 11px 0 16px
}

.waffle-pivot-clear-all-button-container {
  padding: 2px 5px 0 0
}

.waffle-pivot-clear-all-button {
  text-align: right
}

.waffle-pivot-clear-all-button .goog-link-button {
  background-image: none;
  border: 1px solid transparent !important;
  box-shadow: none;
  height: 36px;
  letter-spacing: .25px;
  padding: 9px 24px 11px;
  background: #fff;
  color: #137333;
  padding: 3px 12px 5px;
  border: transparent;
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  border: 1px solid #dadce0 !important;
  height: 24px;
  font-weight: 500;
  margin: 0;
  padding: 3px 13px 3px 13px;
  right: 0;
  color: #188038;
  letter-spacing: .3px;
  line-height: 16px;
  text-decoration: none
}

.waffle-pivot-clear-all-button .goog-link-button-hover {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #fff;
  border: 1px solid #dadce0 !important;
  background: #f8fcf9;
  border: 1px solid #c8e7d1 !important;
  height: 24px;
  padding: 3px 12px 5px;
  padding: 3px 18px 1px 13px
}

.waffle-pivot-clear-all-button-container:after {
  background-color: rgba(0, 0, 0, .12);
  content: "";
  height: 1px;
  position: absolute;
  top: 100%;
  width: 100%
}

.waffle-pivot-clear-all-button-disabled {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #fff;
  border: 1px solid #f1f3f4 !important;
  color: #3c4043;
  opacity: .38;
  height: 24px;
  padding: 3px 12px 5px;
  color: rgba(0, 0, 0, .12);
  cursor: default;
  padding: 3px 11px 1px 13px
}

.waffle-pivot-recommendation-header {
  outline: none
}

.waffle-pivot-recommendation-box .waffle-pivot-container {
  padding: 12px 0 0 16px
}

.waffle-pivot-curr-drag-item {
  max-height: 30px;
  overflow: hidden
}

.waffle-pivot-pill.waffle-pivot-curr-drag-item {
  opacity: .38
}

.waffle-pivot-recommendation-box.legacy .waffle-pivot-container {
  border-top: 1px solid #efefef;
  height: auto;
  padding: 8px 8px 0;
  padding-bottom: 12px
}

.waffle-pivot-recommendation-box.legacy .waffle-pivot-label {
  font-size: 13px;
  font-weight: 500;
  margin: 0;
  padding-top: 2px;
  padding-bottom: 6px
}

.waffle-pivot-recommendation-header .waffle-pivot-recommendation-toggle-icon {
  clip-path: content-box;
  float: right;
  transition: .2s ease-out;
  transform: rotate(180deg)
}

.waffle-pivot-recommendation-header .waffle-pivot-recommendation-toggle-icon:hover {
  cursor: pointer
}

.goog-zippy-expanded .waffle-pivot-recommendation-toggle-icon {
  padding: 0 9px 0 0;
  transform: rotate(0);
  border: 1px solid transparent
}

.waffle-pivot-recommendation-header:focus .waffle-pivot-recommendation-toggle-icon {
  border: 1px solid #5e97f6 !important;
  outline: none
}

.waffle-pivot-recommendation-toggle-icon-disabled {
  opacity: .24
}

.waffle-pivot-recommendation-error {
  margin-left: 2px
}

.waffle-pivot-recommendation-container,
.waffle-pivot-recommendation-error {
  opacity: .7
}

.waffle-pivot-recommendation-container.waffle-pivot-recommendation-container-ml {
  opacity: 1
}

.waffle-pivot-recommendation-container {
  align-items: flex-start;
  display: flex;
  background-color: transparent;
  color: #000;
  cursor: pointer
}

.waffle-pivot-recommendation-container:hover,
.waffle-pivot-recommendation-container:hover .waffle-pivot-recommendation-icon {
  opacity: 1
}

.waffle-pivot-recommendation-body {
  display: flex;
  flex-direction: column
}

.waffle-pivot-recommendation-content {
  align-items: flex-start;
  display: flex;
  flex: 1;
  background-color: transparent;
  overflow-wrap: break-word;
  overflow: hidden;
  padding: 4px 0
}

.waffle-pivot-radio-recommendation-container .waffle-pivot-recommendation-content {
  padding: 8px 0
}

.waffle-pivot-recommendation-text {
  flex: 1;
  color: rgba(0, 0, 0, .87);
  line-height: 21px;
  padding-left: 5px;
  padding-right: 30px;
  white-space: normal
}

.waffle-pivot-radio-recommendation-container .waffle-pivot-recommendation-text {
  padding-left: 8px
}

.waffle-pivot-recommendation-preview-btn {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
  background-color: #fff;
  display: none;
  opacity: .7;
  padding: 4px;
  position: absolute;
  right: 0
}

.waffle-pivot-recommendation-container:hover .waffle-pivot-recommendation-preview-btn,
.waffle-pivot-recommendation-preview-btn-visible {
  cursor: pointer;
  display: block;
  opacity: .9
}

.waffle-pivot-recommendation-content:focus,
.waffle-pivot-recommendation-content:hover {
  background-color: #f5f5f5;
  outline: none
}

.waffle-recommendation-box-spinner-container {
  align-self: center;
  height: 40px;
  width: 40px
}

.waffle-recommendation-box-spinner-container .waffle-spinner {
  height: 25px;
  width: 25px
}

.waffle-pivot-recommendation-error-container {
  display: flex
}

.waffle-pivot-recommendation-error-image {
  opacity: .5
}

.waffle-pivot-recommendation-error-content {
  line-height: 21px;
  margin-left: 10px;
  padding-right: 5px
}

.waffle-pivot-recommendation-radio-control {
  display: flex
}

.waffle-pivot-recommendation-radio-control .waffle-pivot-radio-checked,
.waffle-pivot-recommendation-radio-control.radio-selected .waffle-pivot-radio-unchecked {
  display: none
}

.waffle-pivot-recommendation-radio-control .waffle-pivot-radio-unchecked,
.waffle-pivot-recommendation-radio-control.radio-selected .waffle-pivot-radio-checked {
  display: flex
}

.waffle-pivot-rangepicker-label {
  color: rgba(0, 0, 0, .54)
}

.waffle-pivot-sidebar .docs-material-gm-select-caption {
  color: #3c4043;
  font-size: 12px;
  padding-left: 8px
}

.waffle-pivot-sidebar .docs-material-gm-select-outer-box {
  padding: 0
}

.waffle-pivot-sidebar .docs-material-gm-checkbox {
  display: inline-block
}

.docs-grille-gm3 .waffle-sidebar-container.waffle-pivot-sidebar-column-names-enabled,
.waffle-sidebar-container.waffle-pivot-sidebar-column-names-enabled {
  width: 460px
}

.waffle-sidebar-container.waffle-pivot-sidebar.waffle-pivot-sidebar-column-names-enabled:focus {
  outline: none
}

.waffle-pivot-sidebar-column-names-enabled .waffle-sidebar-content {
  display: flex;
  flex-direction: row;
  overflow: hidden
}

.waffle-pivot-sidebar-column-names-enabled.waffle-pivot-sidebar-resizing-enabled #waffle-pivot-sidebar {
  padding-left: 10px
}

.waffle-pivot-sidebar-column-names-enabled #waffle-pivot-sidebar {
  border-right: 1px solid #dadce0;
  height: 100%;
  overflow-y: auto;
  min-width: 200px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: 200px
}

.waffle-pivot-sidebar-column-names-enabled #waffle-pivot-sidebar .waffle-pivot-container {
  box-sizing: border-box
}

.waffle-pivot-sidebar-column-names-enabled .waffle-pivot-recommendation-list {
  position: relative
}

.waffle-pivot-sidebar-column-names-enabled .waffle-pivot-column-names-container {
  display: flex;
  height: 100%;
  overflow-y: auto;
  min-width: 160px;
  flex-grow: 1.3;
  flex-basis: 160px
}

.waffle-pivot-sidebar-column-names-enabled .waffle-pivot-pill {
  background: #f1f3f4;
  border: 1px solid #f1f3f4;
  border-radius: 8px;
  box-shadow: none;
  margin-left: 2px;
  margin-right: 2px
}

.waffle-pivot-sidebar-column-names-enabled .waffle-pivot-pill:focus {
  box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15);
  outline: none
}

.waffle-pivot-sidebar-column-names-enabled .waffle-pivot-pill-main-table {
  align-content: center;
  display: flex;
  padding: 6px 8px
}

.waffle-pivot-pill-type-icon {
  top: 1px
}

.waffle-pivot-sidebar-column-names-enabled .waffle-pivot-pill-main-table-text,
.waffle-pivot-sidebar-column-names-enabled .waffle-pivot-pill-title {
  line-height: 20px
}

.waffle-pivot-sidebar-column-names-enabled .waffle-pivot-pill-title {
  color: #3c4043;
  display: flex;
  font-weight: 500
}

.waffle-pivot-sidebar-column-names-enabled .waffle-pivot-pill-close {
  margin-left: auto;
  transform: translateX(4px)
}

.waffle-pivot-sidebar-column-names-enabled .waffle-pivot-pill-close:focus {
  background-color: #dadce0
}

.waffle-pivot-sidebar-column-names-enabled .waffle-pivot-pill-close .jfk-button {
  color: #5f6368;
  font-size: 14px;
  height: 20px;
  vertical-align: middle;
  width: 20px
}

.docs-hc-gecko.waffle-pivot-sidebar .waffle-pivot-pill-close .jfk-button-flat:focus {
  outline: 1px solid
}

.waffle-pivot-sidebar-column-names-enabled.waffle-pill-during-dragging {
  background: #f8f9fa;
  border-radius: 16px;
  box-shadow: 0 4px 4px 0 rgba(60, 64, 67, .3), 0 8px 12px 6px rgba(60, 64, 67, .15);
  opacity: .9
}

.waffle-pivot-sidebar-column-names-enabled.waffle-pill-during-dragging .waffle-pivot-pill-close {
  display: none
}

.waffle-pivot-sidebar-column-names-enabled .docs-material-gm-select {
  background: #fff;
  border-radius: 4px
}

.waffle-pivot-sidebar-column-names-enabled #waffle-pivot-sidebar .waffle-pivot-pill.waffle-pivot-pill-highlight {
  background: #ceead6;
  border-color: #34a853
}

.waffle-pivot-sidebar-column-names-enabled.waffle-pill-during-dragging.goog-menuitem {
  box-sizing: border-box;
  border-radius: 16px;
  cursor: move;
  overflow: hidden;
  padding-left: 8px;
  padding-right: 8px;
  background: #f8f9fa;
  box-shadow: 0 4px 4px 0 rgba(60, 64, 67, .3), 0 8px 12px 6px rgba(60, 64, 67, .15);
  opacity: .9
}

.waffle-pivot-sidebar-column-names-enabled.waffle-pill-during-dragging.goog-menuitem .goog-menuitem-content,
.waffle-pivot-sidebar-column-names-enabled.waffle-pill-during-dragging.goog-menuitem .goog-menuitem-content span {
  flex: 1;
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500
}

.waffle-pivot-sidebar-column-names-enabled.waffle-pill-during-dragging.goog-menuitem .goog-menuitem-content>div {
  display: flex;
  flex-direction: row;
  justify-content: flex-start
}

.waffle-pivot-sidebar-column-names-enabled.waffle-pill-during-dragging.goog-menuitem .goog-menuitem-icon {
  margin: 0 8px 0 0;
  position: relative;
  top: 0
}

.waffle-pivot-table-border {
  border-color: #1a73e8;
  border-style: solid
}

.waffle-pivot-resizable-sidebar.waffle-pivot-sidebar-column-names-enabled .waffle-pivot-column-names-container {
  width: calc(100% - 300px)
}

.waffle-ui-draggablebar.waffle-pivot-sidebar-draggablebar.waffle-ui-material-draggablebar {
  background: none;
  height: 0
}

.waffle-pivot-account-linking-container,
.waffle-pivot-schema-fetch-error-label {
  padding: 8px;
  text-align: center
}

.waffle-pivot-account-linking-button-wrapper .docs-material-button-hairline-primary.docs-material-button {
  font-size: 12px;
  margin: 0
}

.waffle-pivot-account-linking-description,
.waffle-pivot-account-linking-spinner {
  padding-top: 16px
}

.waffle-pivot-looker-filters {
  margin-bottom: 18px;
  width: 100%
}

.waffle-pivot-looker-applied-filter-pill {
  text-align: left;
  margin: 8px 16px
}

.waffle-pivot-looker-applied-filter-pill-field-name {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: .25px
}

.waffle-pivot-looker-applied-filter-pill-field-value {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: .25px
}

.waffle-pivot-looker-pill {
  cursor: default
}

.waffle-pivot-looker-filters .waffle-dataconnector-info-icon {
  margin-right: 4px
}

.waffle-dataconnector-info-icon {
  cursor: pointer
}

.waffle-pivot-looker-filters-info-icon {
  display: inline-block;
  height: 12px;
  margin-left: 8px
}

.waffle-pivot-looker-filters-info {
  display: inline-block;
  color: #202124;
  font-size: 11px
}

.waffle-pivot-looker-filters-info ul {
  padding-inline-start: 20px
}

.waffle-pivot-looker-filters-info ul li {
  font-size: 11px;
  font-weight: 700
}

.goog-zippy-collapsed .waffle-pivot-looker-filters-zippy {
  transform: rotate(0) scale(1.2);
  margin-top: -2px
}

.goog-zippy-expanded .waffle-pivot-looker-filters-zippy {
  transform: rotate(180deg) scale(1.2);
  margin-top: -2px
}

.waffle-pivot-looker-filters-zippy {
  float: right
}

.waffle-pivot-looker-filters-tooltip {
  width: 223px;
  background-color: #fff !important;
  padding: 16px !important;
  box-shadow: 0 8px 12px 0 rgba(60, 64, 67, .15);
  color: #202124 !important
}

.waffle-printing-pane {
  left: 0;
  outline: none;
  position: absolute;
  height: 100%;
  top: 0;
  width: 100%
}

.waffle-printing-fullscreen-cover {
  background: rgba(0, 0, 0, .54);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.waffle-printing-loader-message {
  color: #fff;
  font: 13px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  line-height: 60px;
  text-align: center;
  width: 100%
}

.waffle-printing-indeterminate-loader {
  height: 4px;
  left: 0;
  position: absolute;
  right: 0;
  top: 60px
}

.waffle-printing-body-wrapper {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 60px
}

.waffle-printing-header-bar {
  background-color: #424242;
  height: 60px;
  line-height: 60px;
  width: 100%
}

.waffle-printing-header-bar-left {
  margin-left: 12px
}

.waffle-printing-header-bar-right {
  margin-right: 12px
}

.waffle-printing-header-bar-middle {
  height: 100%;
  line-height: 60px;
  overflow: hidden;
  text-align: center;
  width: auto
}

.waffle-printing-top-level-header-left {
  float: left;
  height: 60px
}

.waffle-printing-top-level-header-left>div {
  vertical-align: middle
}

.waffle-printing-header-title {
  color: #fff;
  display: inline-block;
  font: 18px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  margin-left: 28px;
  margin-right: 16px
}

.waffle-printing-page-counter {
  color: #fff;
  display: inline-block;
  font: 13px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500
}

.waffle-printing-header-page-total {
  font-weight: 400
}

.waffle-printing-cancel-button,
.waffle-printing-cancel-button.docs-material-button-focused.docs-material-button-no-focus-border {
  padding-left: 4px
}

.waffle-printing-cancel-button.docs-material-button-focused {
  padding-left: 3px
}

.waffle-printing-cancel-button .docs-icon {
  margin: -4px 8px 0 0
}

.waffle-printing-custom-headers-footers-confirm,
.waffle-printing-custom-page-breaks-confirm,
.waffle-printing-header-button-set {
  float: right
}

.waffle-printing-custom-headers-footers-cancel,
.waffle-printing-custom-headers-footers-confirm,
.waffle-printing-custom-page-breaks-cancel,
.waffle-printing-custom-page-breaks-confirm,
.waffle-printing-header-button-set {
  margin-top: 14px;
  margin-bottom: 14px
}

.waffle-printing-print-button,
.waffle-printing-top-level-cancel-button {
  float: right
}

.waffle-printing-print-button {
  background-color: #1a73e8
}

.waffle-printing-float-clear {
  clear: both
}

.waffle-printing-preview-pane {
  background-color: #d1d1d1;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: auto
}

.waffle-printing-preview-outer {
  height: 100%
}

.waffle-printing-preview-inner {
  height: 100%;
  overflow-x: auto;
  overflow-y: scroll
}

.waffle-printing-preview-card-wrapper {
  margin: 41px 20px 20px 36px
}

.waffle-printing-preview-card {
  background-color: #fff;
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 3px rgba(0, 0, 0, .12), 0 4px 5px 0 rgba(0, 0, 0, .2);
  margin: auto;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
  width: 100%
}

.waffle-printing-preview-card>canvas {
  height: 100%;
  width: 100%
}

.waffle-printing-preview-spinner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-14px, -14px)
}

.waffle-printing-preview-page-counter-outer {
  bottom: 22px;
  margin: 0 10%;
  pointer-events: none;
  position: absolute;
  width: 80%
}

.waffle-printing-preview-page-counter-inner {
  background-color: rgba(0, 0, 0, .7);
  border-radius: 12px;
  color: #fff;
  display: table;
  font: 16px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  margin: auto;
  padding: 20px 32px;
  text-align: center
}

.waffle-printing-preview-page-counter-ellipses {
  max-height: 19px
}

.waffle-printing-options-pane {
  background-color: #fff;
  color: #474747;
  float: right;
  height: 100%;
  overflow-y: auto;
  width: 300px
}

.waffle-printing-options-top-section {
  padding: 8px 16px
}

.waffle-printing-options-section {
  border-bottom: 1px solid #d2d2d2
}

.waffle-printing-options-wrapper .docs-charts-editor-collapsible-header {
  font: 16px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500
}

.waffle-printing-options-wrapper .docs-charts-editor-collapsible-title {
  width: auto
}

.waffle-printing-options-wrapper .docs-charts-editor-collapsible-summary {
  display: none
}

.waffle-printing-options-wrapper h2 {
  color: rgba(0, 0, 0, .87);
  font-size: 13px;
  font-weight: 400;
  margin: 20px 0 0
}

.waffle-printing-options-wrapper .docs-material-gm-labeled-select-label,
.waffle-printing-options-wrapper h3 {
  color: rgba(0, 0, 0, .54);
  font: 11px Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}

.waffle-printing-options-wrapper .docs-material-gm-labeled-select,
.waffle-printing-options-wrapper h3 {
  margin: 20px 0 0
}

.waffle-printing-options-wrapper .waffle-printing-fine-grained-selection-header {
  margin-bottom: 8px
}

.waffle-printing-options-wrapper .waffle-material-labeledinput {
  margin: 16px 0 0
}

.waffle-printing-options-wrapper .waffle-material-labeledinput-accentunderline,
.waffle-printing-options-wrapper .waffle-material-labeledinput-underline {
  bottom: 0
}

.waffle-printing-options-wrapper .waffle-material-labeledinput-input {
  bottom: 3px
}

.waffle-printing-options-pane .docs-charts-editor-material-menu-button-caption {
  font-size: 16px
}

.waffle-printing-full-size {
  display: block;
  padding: 0
}

.waffle-printing-custom-paper-height-wrapper {
  float: left;
  width: 120px
}

.waffle-printing-custom-paper-width-wrapper {
  float: right;
  width: 120px
}

.waffle-printing-scale .docs-charts-editor-material-text-input {
  margin-top: 12px
}

.waffle-printing-custom-scale {
  float: right;
  margin-left: 20px;
  width: 33%
}

.waffle-printing-scale-wrapper {
  overflow: hidden;
  width: auto
}

.waffle-printing-page-breaks-edit-button {
  float: right;
  margin-right: -8px
}

.waffle-printing-page-breaks-button-and-toggle {
  line-height: 32px;
  margin: 18px 0
}

.waffle-printing-page-breaks-toggle-wrapper {
  color: rgba(0, 0, 0, .87);
  vertical-align: middle;
  float: left;
  width: auto
}

.waffle-printing-page-breaks-toggle {
  display: inline-block;
  margin-left: 12px;
  position: relative;
  top: 3px
}

.waffle-printing-page-breaks-toggle-label {
  display: inline-block
}

.docs-charts-editor-collapsible-content>div.waffle-printing-formatting-section {
  padding-bottom: 16px
}

.waffle-printing-horizontal-alignment,
.waffle-printing-vertical-alignment {
  float: left;
  width: 118px
}

.waffle-printing-horizontal-alignment {
  margin-right: 20px
}

.waffle-printing-options-section.waffle-printing-repeat-header-cells-section {
  border-bottom: none
}

.waffle-printing-options-section.waffle-printing-repeat-header-cells-section h2 {
  margin-bottom: 10px
}

.waffle-printing-options-section.waffle-printing-repeat-header-cells-section h3 {
  margin: 0 0 16px
}

.waffle-printing-rfs-columns,
.waffle-printing-rfs-columns .docs-charts-editor-labeledcheckbox,
.waffle-printing-rfs-rows,
.waffle-printing-rfs-rows .docs-charts-editor-labeledcheckbox {
  display: inline
}

.waffle-printing-zoom-wrapper {
  position: absolute;
  right: 22px;
  bottom: 10px;
  z-index: 1
}

.waffle-printing-zoom-in-button .jfk-button,
.waffle-printing-zoom-out-button .jfk-button {
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2);
  height: 15px;
  min-width: 0;
  padding: 12.5px;
  position: relative;
  margin: 0 0 12px 0;
  right: -80px;
  transition: right .2s;
  width: 15px
}

.waffle-printing-zoom-in-button .jfk-button .waffle-printing-zoom-icon-wrapper,
.waffle-printing-zoom-out-button .jfk-button .waffle-printing-zoom-icon-wrapper {
  line-height: 0;
  opacity: .54
}

.waffle-printing-zoom-out-button .jfk-button {
  transition-delay: .1s
}

.waffle-printing-preview-pane:hover .waffle-printing-zoom-in-button .jfk-button {
  right: 0
}

.waffle-printing-preview-pane:hover .waffle-printing-zoom-out-button .jfk-button,
.waffle-printing-zoom-out-button .jfk-button-focused {
  right: 0;
  transition-delay: .1s
}

.waffle-printing-zoom-force-visible.jfk-button {
  right: 0;
  transition: none
}

.waffle-printing-zoom-in-button .jfk-button.jfk-button-focused,
.waffle-printing-zoom-in-button .jfk-button.jfk-button-hover,
.waffle-printing-zoom-out-button .jfk-button.jfk-button-focused,
.waffle-printing-zoom-out-button .jfk-button.jfk-button-hover {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .4)
}

.waffle-printing-zoom-in-button .jfk-button.jfk-button-focused .waffle-printing-zoom-icon-wrapper,
.waffle-printing-zoom-in-button .jfk-button.jfk-button-hover .waffle-printing-zoom-icon-wrapper,
.waffle-printing-zoom-out-button .jfk-button.jfk-button-focused .waffle-printing-zoom-icon-wrapper,
.waffle-printing-zoom-out-button .jfk-button.jfk-button-hover .waffle-printing-zoom-icon-wrapper {
  opacity: .87
}

.waffle-printing-zoom-in-button .jfk-button.jfk-button-active,
.waffle-printing-zoom-in-button .jfk-button:active,
.waffle-printing-zoom-out-button .jfk-button.jfk-button-active,
.waffle-printing-zoom-out-button .jfk-button:active {
  background: #aaa;
  border-color: #aaa
}

.waffle-printing-margins-control {
  outline: none;
  position: absolute;
  top: 0;
  left: 0
}

.waffle-printing-margins-control-bottom,
.waffle-printing-margins-control-top {
  cursor: ns-resize;
  height: 5px;
  left: 0;
  position: absolute;
  right: 0
}

.waffle-printing-margins-control-left,
.waffle-printing-margins-control-right {
  bottom: 0;
  cursor: ew-resize;
  position: absolute;
  top: 0;
  width: 5px
}

.waffle-printing-margins-control-top {
  border-bottom: 2px dashed #4285f4;
  margin-top: -7px
}

.waffle-printing-margins-control-top.waffle-printing-margins-control-active,
.waffle-printing-margins-control-top:hover {
  border-bottom: 2px solid #4285f4
}

.waffle-printing-margins-control-bottom {
  border-top: 2px dashed #4285f4;
  margin-bottom: -7px
}

.waffle-printing-margins-control-bottom.waffle-printing-margins-control-active,
.waffle-printing-margins-control-bottom:hover {
  border-top: 2px solid #4285f4
}

.waffle-printing-margins-control-right {
  border-left: 2px dashed #4285f4;
  margin-right: -7px
}

.waffle-printing-margins-control-right.waffle-printing-margins-control-active,
.waffle-printing-margins-control-right:hover {
  border-left: 2px solid #4285f4
}

.waffle-printing-margins-control-left {
  border-right: 2px dashed #4285f4;
  margin-left: -7px
}

.waffle-printing-margins-control-left.waffle-printing-margins-control-active,
.waffle-printing-margins-control-left:hover {
  border-right: 2px solid #4285f4
}

.waffle-printing-margins-control-bottom-wrapper,
.waffle-printing-margins-control-left-wrapper,
.waffle-printing-margins-control-right-wrapper,
.waffle-printing-margins-control-top-wrapper {
  background: #fff;
  border: 2px dashed #4285f4;
  height: 34px;
  padding: 16px;
  width: 60px
}

.waffle-printing-margins-control-active .waffle-printing-margins-control-bottom-wrapper,
.waffle-printing-margins-control-active .waffle-printing-margins-control-left-wrapper,
.waffle-printing-margins-control-active .waffle-printing-margins-control-right-wrapper,
.waffle-printing-margins-control-active .waffle-printing-margins-control-top-wrapper,
.waffle-printing-margins-control-bottom:hover .waffle-printing-margins-control-bottom-wrapper,
.waffle-printing-margins-control-left:hover .waffle-printing-margins-control-left-wrapper,
.waffle-printing-margins-control-right:hover .waffle-printing-margins-control-right-wrapper,
.waffle-printing-margins-control-top:hover .waffle-printing-margins-control-top-wrapper {
  border: 2px solid #4285f4
}

.waffle-printing-margins-control-bottom-title,
.waffle-printing-margins-control-left-title,
.waffle-printing-margins-control-right-title,
.waffle-printing-margins-control-top-title {
  font: 11px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  color: rgba(0, 0, 0, .54);
  margin-left: -1px
}

.waffle-printing-margins-control-active .waffle-printing-margins-control-top-wrapper,
.waffle-printing-margins-control-top-wrapper,
.waffle-printing-margins-control-top:hover .waffle-printing-margins-control-top-wrapper {
  border-radius: 0 0 2px 2px;
  border-top: none;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
  left: 50%;
  position: absolute;
  top: 5px;
  transform: translateX(-50%)
}

.waffle-printing-margins-control-active .waffle-printing-margins-control-bottom-wrapper,
.waffle-printing-margins-control-bottom-wrapper,
.waffle-printing-margins-control-bottom:hover .waffle-printing-margins-control-bottom-wrapper {
  border-bottom: none;
  border-radius: 2px 2px 0 0;
  box-shadow: 0 -4px 4px 0 rgba(0, 0, 0, .25);
  bottom: 5px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%)
}

.waffle-printing-margins-control-active .waffle-printing-margins-control-right-wrapper,
.waffle-printing-margins-control-right-wrapper,
.waffle-printing-margins-control-right:hover .waffle-printing-margins-control-right-wrapper {
  border-radius: 2px 0 0 2px;
  border-right: none;
  box-shadow: -4px 0 4px 0 rgba(0, 0, 0, .25);
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%)
}

.waffle-printing-margins-control-active .waffle-printing-margins-control-left-wrapper,
.waffle-printing-margins-control-left-wrapper,
.waffle-printing-margins-control-left:hover .waffle-printing-margins-control-left-wrapper {
  border-left: none;
  border-radius: 0 2px 2px 0;
  box-shadow: 4px 0 4px 0 rgba(0, 0, 0, .25);
  left: 5px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}

.waffle-printing-radio-button-wrapper {
  float: left;
  margin-top: 6px;
  width: 50%
}

.waffle-printing-radio-button-wrapper .jfk-radiobutton-label {
  color: rgba(0, 0, 0, .87);
  font: 13px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  line-height: 18px;
  margin-left: 23px
}

.waffle-printing-radio-button-wrapper .jfk-radiobutton-label label {
  margin-left: 0
}

.waffle-printing-radio-button-wrapper .jfk-radiobutton-hover .jfk-radiobutton-radio,
.waffle-printing-radio-button-wrapper .jfk-radiobutton-radio {
  border: 2px solid #bebebe;
  height: 16px;
  left: 2px;
  width: 16px
}

.waffle-printing-radio-button-wrapper .jfk-radiobutton-radio:after {
  background: #4285f4;
  border: none;
  height: 8px;
  left: 2px;
  top: 2px;
  width: 8px
}

.waffle-printing-custom-headers-footers-entry-button,
.waffle-printing-page-breaks-entry-button {
  margin-top: 8px;
  margin-left: -8px;
  color: #1a73e8
}

.waffle-printing-custom-headers-footers-cancel,
.waffle-printing-custom-page-breaks-cancel {
  float: left
}

.waffle-printing-custom-headers-footers-body,
.waffle-printing-custom-page-breaks-body {
  background-color: #d1d1d1;
  bottom: 0;
  left: 0;
  position: absolute;
  overflow: hidden;
  right: 0;
  top: 60px
}

.waffle-printing-custom-headers-footers-overlay {
  background-color: hsla(0, 0%, 100%, .54);
  outline: none;
  position: absolute;
  top: 0;
  left: 0
}

.waffle-printing-custom-headers-footers-content-area {
  color: rgba(0, 0, 0, .24);
  font: 36px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  text-align: center;
  overflow: hidden;
  width: 100%
}

.waffle-printing-custom-headers-footers-overlay-group {
  border-spacing: 12px 0;
  direction: ltr;
  position: absolute;
  table-layout: fixed
}

.waffle-printing-custom-headers-footers-section-wrapper {
  width: 33.3333%
}

.waffle-printing-custom-headers-footers-section {
  background-color: #fff;
  height: 100%;
  overflow: hidden;
  padding: 0 8px;
  transition: border-color .2s ease;
  -webkit-user-select: auto;
  user-select: auto;
  white-space: nowrap
}

.waffle-printing-custom-headers-footers-section-inactive {
  border: 1px dotted #bdbdbd
}

.waffle-printing-custom-headers-footers-section-inactive:hover {
  border-color: transparent;
  border-bottom: 1px solid rgba(0, 0, 0, .87);
  cursor: pointer
}

.waffle-printing-custom-headers-footers-section-active {
  border-bottom: 2px solid #4285f4
}

.waffle-printing-custom-headers-footers-section-content {
  box-sizing: border-box;
  color: rgba(0, 0, 0, .87);
  height: 100%;
  overflow: hidden
}

.waffle-printing-custom-headers-footers-section-placeholder {
  color: rgba(0, 0, 0, .54)
}

.waffle-printing-custom-header-footer-section-footer-left,
.waffle-printing-custom-header-footer-section-header-left {
  text-align: left
}

.waffle-printing-custom-header-footer-section-footer-right,
.waffle-printing-custom-header-footer-section-header-right {
  text-align: right
}

.waffle-printing-custom-header-footer-section-footer-middle,
.waffle-printing-custom-header-footer-section-header-middle {
  text-align: center
}

.waffle-printing-custom-headers-footers-section-content:focus,
.waffle-printing-custom-headers-footers-section:focus {
  outline: none
}

.waffle-printing-custom-headers-footers-pill {
  -webkit-user-select: all;
  user-select: all
}

.waffle-printing-custom-headers-footers-pill-select {
  background-color: #fafafa;
  border-radius: 2px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2);
  height: 34px;
  min-width: 195px;
  position: absolute;
  z-index: 1003
}

.waffle-printing-custom-headers-footers-pill-select:focus {
  outline: none
}

.waffle-printing-custom-headers-footers-pill-select .goog-toolbar-separator {
  height: 34px;
  margin: 0
}

.waffle-printing-custom-page-breaks-header-middle {
  color: #fff;
  font: 13px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  margin: 14px 0
}

.waffle-printing-custom-page-breaks-scale {
  display: inline-block;
  margin-right: 8px;
  position: relative;
  top: 1px
}

.waffle-printing-custom-page-breaks-scale .waffle-ellipses {
  padding-left: 4px;
  top: 2px
}

.waffle-printing-custom-page-breaks-scale-label {
  font-weight: 500
}

.waffle-printing-custom-page-breaks-reset {
  margin-left: 8px
}

.waffle-printing-custom-page-breaks-waffle {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.waffle-printing-custom-page-breaks-canvas-wrapper {
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1
}

.waffle-printing-custom-page-breaks-dragger-container {
  position: absolute
}

.waffle-printing-custom-page-breaks-overlay {
  border: 2px solid #4285f4;
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 3px rgba(0, 0, 0, .12), 0 4px 5px 0 rgba(0, 0, 0, .2);
  position: absolute
}

.waffle-printing-snapping-dragger,
.waffle-printing-snapping-dragger-handle,
.waffle-printing-snapping-dragger-handle-bar {
  border-width: 0;
  box-sizing: border-box;
  position: absolute
}

.waffle-printing-snapping-dragger-handle-horizontal .waffle-printing-page-breaks-rounded-corner {
  left: -24px;
  top: -11px;
  transform: rotate(-90deg)
}

.waffle-printing-snapping-dragger-rtl .waffle-printing-snapping-dragger-handle-horizontal .waffle-printing-page-breaks-rounded-corner {
  transform: rotate(90deg)
}

.waffle-printing-snapping-dragger-handle-vertical .waffle-printing-page-breaks-rounded-corner {
  left: -11px;
  top: -24px
}

.waffle-printing-snapping-dragger-handle-bar-horizontal,
.waffle-printing-snapping-dragger-handle-horizontal {
  height: 5px;
  transform: translateY(-1px)
}

.waffle-printing-snapping-dragger-handle-bar-horizontal {
  border-top: 2px dashed #4285f4;
  cursor: row-resize
}

.waffle-printing-snapping-dragger-handle-bar-vertical,
.waffle-printing-snapping-dragger-handle-vertical {
  transform: translateX(-1px);
  width: 5px
}

.waffle-printing-snapping-dragger-handle-bar-vertical {
  border-left: 2px dashed #4285f4;
  cursor: col-resize
}

.waffle-printing-snapping-dragger-rtl .waffle-printing-snapping-dragger-handle-bar-vertical,
.waffle-printing-snapping-dragger-rtl .waffle-printing-snapping-dragger-handle-vertical {
  transform: translateX(1px)
}

.waffle-printing-hard-break .waffle-printing-snapping-dragger-handle-bar {
  border-style: solid
}

.waffle-printing-snapping-dragger-active .waffle-printing-snapping-dragger-handle-bar,
.waffle-printing-snapping-dragger-highlight .waffle-printing-snapping-dragger-handle-bar {
  border-color: transparent
}

.waffle-printing-custom-page-breaks-delete,
.waffle-printing-page-breaks-rounded-corner {
  display: block;
  position: absolute;
  z-index: 1
}

.waffle-printing-snapping-dragger-hover-bar {
  background: #4285f4;
  border: 1px solid #fff;
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 3px rgba(0, 0, 0, .12), 0 4px 5px 0 rgba(0, 0, 0, .2);
  position: absolute;
  display: none
}

.waffle-printing-snapping-dragger-active .waffle-printing-snapping-dragger-hover-bar,
.waffle-printing-snapping-dragger-hover .waffle-printing-snapping-dragger-hover-bar {
  display: block
}

.waffle-printing-snapping-dragger-hover-bar-horizontal {
  border-left: none;
  border-right: none;
  height: 2px;
  left: 0;
  top: -2px;
  width: 100%
}

.waffle-printing-snapping-dragger-hover-bar-vertical {
  border-bottom: none;
  border-top: none;
  height: 100%;
  left: -2px;
  top: 0;
  width: 2px
}

.waffle-printing-custom-page-breaks-delete {
  background-color: transparent;
  border: none;
  box-shadow: none;
  cursor: pointer;
  fill: #4285f4;
  height: 24px;
  margin: 0;
  min-width: 0;
  padding: 0;
  transform: scale(.4);
  transition: .2s;
  width: 24px
}

.waffle-printing-custom-page-breaks-delete-horizontal {
  left: -16px;
  top: -13px
}

.waffle-printing-custom-page-breaks-delete-vertical {
  left: -12px;
  top: -17px
}

.waffle-printing-custom-page-breaks-delete .waffle-printing-custom-page-breaks-delete-background {
  fill: #4285f4;
  transition: .2s
}

.waffle-printing-snapping-dragger-active .waffle-printing-custom-page-breaks-delete,
.waffle-printing-snapping-dragger-hover .waffle-printing-custom-page-breaks-delete {
  fill: #000;
  transform: scale(1)
}

.waffle-printing-snapping-dragger-active .waffle-printing-custom-page-breaks-delete-horizontal,
.waffle-printing-snapping-dragger-hover .waffle-printing-custom-page-breaks-delete-horizontal {
  left: -24px;
  top: -12px
}

.waffle-printing-snapping-dragger-active .waffle-printing-custom-page-breaks-delete-vertical,
.waffle-printing-snapping-dragger-hover .waffle-printing-custom-page-breaks-delete-vertical {
  left: -11px;
  top: -24px
}

.waffle-printing-snapping-dragger-active .waffle-printing-custom-page-breaks-delete-background,
.waffle-printing-snapping-dragger-hover .waffle-printing-custom-page-breaks-delete-background {
  opacity: 0
}

.waffle-printing-custom-page-breaks-delete-icon {
  background-color: transparent;
  opacity: .54;
  transition: 0s
}

.waffle-printing-custom-page-breaks-delete.jfk-button-focused .waffle-printing-custom-page-breaks-delete-icon,
.waffle-printing-custom-page-breaks-delete.jfk-button-hover .waffle-printing-custom-page-breaks-delete-icon {
  opacity: .87
}

.waffle-printing-custom-page-breaks-delete.jfk-button-active,
.waffle-printing-custom-page-breaks-delete.jfk-button-focused,
.waffle-printing-custom-page-breaks-delete:active,
.waffle-printing-custom-page-breaks-delete:focus {
  border: none;
  box-shadow: none;
  outline: none
}

.waffle-printing-pane .docs-charts-editor-material-menu-button-caption {
  color: rgba(0, 0, 0, .87);
  font-size: 13px
}

.waffle-printing-pane .docs-charts-editor-collapsible-header {
  color: rgba(0, 0, 0, .87);
  font-size: 13px;
  font-weight: 400
}

.waffle-printing-pane .docs-charts-editor-collapsible-header.goog-control-focused {
  background-color: #e8eaed
}

.waffle-printing-pane .waffle-printing-headers-and-footers-section h2 {
  color: rgba(0, 0, 0, .87);
  font-size: 13px;
  font-weight: 400;
  margin-top: 16px
}

.waffle-printing-pane .waffle-printing-headers-and-footers-section h3 {
  font-weight: 400;
  margin-bottom: 11px;
  margin-top: 9px
}

.waffle-printing-pane-base .docs-material-button-content {
  display: inline-block;
  min-width: 54px
}

.apps-promo {
  z-index: 21
}

.apps-promo-popup {
  width: 300px
}

.apps-promo-buttons {
  display: none
}

#waffle-promo-button .goog-custom-button-inner-box {
  font-weight: 500
}

.waffle-promo {
  background: #188038 !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 6px rgba(60, 64, 67, .15), 0 1px 2px rgba(0, 64, 67, .3) !important;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif !important;
  width: 300px !important
}

.waffle-promo .docs-promo-container {
  padding: 24px !important
}

.waffle-promo .docs-promo-text-container {
  width: 252px !important
}

.waffle-promo .docs-promo-header {
  color: #fff !important;
  font-weight: 700
}

.waffle-promo .docs-promo-body {
  color: #fff !important;
  padding-top: 8px
}

.waffle-promo .docs-promo-body p {
  margin-bottom: 0
}

.waffle-promo .docs-promo-action-row {
  padding-top: 16px;
  padding-right: 0;
  padding-bottom: 0
}

.waffle-promo .docs-promo-action-container {
  color: #fff !important;
  font-weight: 500;
  text-transform: lowercase;
  display: inline-block
}

.waffle-promo .docs-promo-action-container:first-letter {
  text-transform: uppercase
}

.waffle-promo .jfk-bubble-arrowdown .jfk-bubble-arrowimplafter,
.waffle-promo .jfk-bubble-arrowdown .jfk-bubble-arrowimplbefore,
.waffle-promo .jfk-bubble-arrowup .jfk-bubble-arrowimplafter,
.waffle-promo .jfk-bubble-arrowup .jfk-bubble-arrowimplbefore {
  border-color: #188038 transparent !important
}

.waffle-promo .jfk-bubble-arrowleft .jfk-bubble-arrowimplafter,
.waffle-promo .jfk-bubble-arrowleft .jfk-bubble-arrowimplbefore,
.waffle-promo .jfk-bubble-arrowright .jfk-bubble-arrowimplafter,
.waffle-promo .jfk-bubble-arrowright .jfk-bubble-arrowimplbefore {
  border-color: transparent #188038 !important
}

.waffle-shortcut-override-inside-promo {
  border: 240px solid #0f9d58;
  border-radius: 100%;
  bottom: -260px;
  height: 95px;
  position: absolute;
  right: 60px;
  width: 95px;
  background-color: #fff;
  z-index: 500
}

.waffle-legacy-shortcut-override-inside-promo {
  border-radius: 100%;
  bottom: -20px;
  box-shadow: 175px 0 0 190px #0f9d58;
  height: 90px;
  position: absolute;
  right: 435px;
  width: 80px;
  z-index: 500
}

[dir=rtl] .waffle-legacy-shortcut-override-inside-promo {
  box-shadow: -175px 0 0 190px #0f9d58;
  left: 220px
}

.waffle-legacy-shortcut-override-inside-promo-content,
.waffle-shortcut-override-inside-promo-content {
  color: #fff;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  left: -100px;
  line-height: 22px;
  position: absolute;
  text-align: left;
  top: -125px;
  width: 275px
}

.waffle-legacy-shortcut-override-inside-promo-content {
  left: 100px
}

.waffle-legacy-shortcut-override-dismiss-button {
  cursor: pointer;
  color: #fff;
  font: 500 14px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  margin: 25px 0 0 0;
  min-width: 0;
  outline: none;
  padding: 0;
  right: 5px;
  text-transform: uppercase;
  width: 0
}

.waffle-shortcut-override-inside-promo-header {
  font: 500 20px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  line-height: 27px;
  margin-bottom: 16px
}

.waffle-shortcut-override-inside-promo-description {
  font-size: 15px;
  opacity: .87
}

.apps-shortcutshelpcontentimpl-override-button-container .apps-ui-material-slide-toggle-container {
  z-index: 1000
}

.waffle-shortcut-override-outside-promo {
  background-color: #fafafa;
  bottom: 80px;
  box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .9), inset 0 -1px 0 rgba(0, 0, 0, .03), 0 15px 10px rgba(0, 0, 0, .15), 0 8px 36px rgba(0, 0, 0, .3);
  position: absolute;
  right: 40px;
  width: 380px;
  z-index: 1000
}

.waffle-shortcut-override-outside-promo-header {
  font-size: 16px;
  font-weight: 500;
  opacity: .87;
  padding: 22px 25px 0 25px
}

.waffle-shortcut-override-outside-promo-description {
  color: #666;
  line-height: 20px;
  padding: 15px 25px
}

.waffle-shortcut-override-outside-promo-button-container {
  padding: 0 24px 16px;
  text-align: right
}

.waffle-shortcut-override-outside-promo-continue-button,
.waffle-shortcut-override-outside-promo-dismiss-button {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  justify-content: center;
  text-transform: uppercase
}

.waffle-shortcut-override-outside-promo-continue-button {
  background-color: #4285f4;
  color: #fff;
  padding: 6px 15px
}

.waffle-shortcut-override-outside-promo-dismiss-button {
  color: #4285f4;
  margin-right: 16px
}

.waffle-sidebar-container {
  background-color: #fff;
  border-radius: 16px;
  box-shadow: none;
  overflow: hidden;
  width: 300px;
  margin: 6px 16px 16px;
  margin: 6px 16px 0;
  width: 320px;
  -webkit-user-select: none;
  user-select: none;
  border-left: 0;
  outline: none;
  position: absolute;
  right: 0;
  top: 0
}

.has-right-rail .waffle-sidebar-container {
  margin-left: 0;
  margin-right: 0
}

.waffle-sidebar-content {
  background-color: #fff;
  font-size: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative
}

.waffle-sidebar-footer-container {
  bottom: 0;
  position: absolute;
  width: 100%
}

.waffle-sidebar-header-container {
  width: 100%
}

.waffle-sidebar-spinner-container {
  background-color: #fff;
  height: 100%;
  position: absolute;
  width: 100%
}

.waffle-sidebar-spinner-container>.waffle-spinner {
  left: 50%;
  margin-left: -14px;
  margin-top: -14px;
  position: absolute;
  top: 50%
}

.waffle-sidebar-title {
  align-items: center;
  background-color: #fff;
  border-bottom: 1px solid #dadce0;
  border-top: none;
  color: #202124;
  display: flex;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  height: 56px;
  padding: 0 16px;
  z-index: 2
}

.waffle-sidebar-title-text {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  position: relative;
  left: auto
}

.waffle-sidebar-title-close.docs-sidebar-close-button {
  cursor: pointer;
  position: absolute;
  right: 5px;
  top: 7px
}

.waffle-sidebar-container .jfk-textinput {
  border: 1px solid #dadce0;
  border-radius: 4px;
  box-sizing: border-box;
  color: #3c4043;
  padding: 1px 8px;
  font-size: 14px;
  height: 36px;
  margin: 8px 0
}

.waffle-sidebar-container .jfk-textinput:focus {
  border: 2px solid #1a73e8;
  box-shadow: none;
  padding: 0 7px
}

.waffle-sidebar-container .jfk-select .goog-flat-menu-button-dropdown {
  margin-top: 0
}

.waffle-sidebar-container .goog-flat-menu-button.jfk-select {
  padding-left: 8px !important
}

.waffle-sidebar-container .goog-flat-menu-button {
  border: 1px solid #dadce0;
  border-radius: 4px;
  cursor: pointer;
  padding: 8px 6px 8px 8px;
  width: 100%;
  align-items: center;
  background: none;
  box-sizing: border-box;
  color: #3c4043;
  display: inline-flex;
  justify-content: space-between;
  outline: none;
  position: relative;
  width: unset
}

.waffle-sidebar-container .goog-flat-menu-button-disabled {
  color: #5f6368;
  opacity: .38
}

.waffle-sidebar-container .goog-flat-menu-button:active {
  background-color: #fff;
  border: 1px solid transparent;
  box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15)
}

.waffle-sidebar-container .goog-flat-menu-button-hover {
  background-color: rgba(60, 64, 67, .04);
  border: 1px solid #dadce0;
  box-shadow: none
}

.waffle-sidebar-container .goog-flat-menu-button-focused {
  background-color: rgba(60, 64, 67, .06);
  border: 1px solid #dadce0
}

.waffle-sidebar-container .goog-flat-menu-button-open {
  background-color: rgba(60, 64, 67, .04);
  border: 1px solid transparent
}

.waffle-sidebar-container .goog-flat-menu-button-hover.goog-flat-menu-button-open {
  background-color: rgba(60, 64, 67, .06)
}

.waffle-sidebar-container .goog-flat-menu-button-focused.goog-flat-menu-button-open {
  background-color: rgba(60, 64, 67, .08)
}

.waffle-sidebar-container .goog-flat-menu-button-disabled {
  border: 1px solid #dadce0;
  box-shadow: none;
  cursor: default
}

.waffle-sidebar-container .goog-flat-menu-button-caption {
  box-sizing: border-box;
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.waffle-sidebar-container .goog-flat-menu-button-dropdown {
  background: no-repeat url(https://ssl.gstatic.com/docs/common/material_common_sprite839_gm3_grey_medium.svg) -656px -996px;
  height: 18px;
  width: 18px;
  border: none;
  position: relative;
  right: 0;
  top: 0
}

.waffle-sidebar-container .goog-flat-menu-button-open .goog-flat-menu-button-dropdown {
  transform: rotate(180deg)
}

.waffle-sidebar-container .docs-flatcolormenubutton .goog-flat-menu-button-caption {
  height: 22px;
  width: 22px;
  border-radius: 50%;
  border: 1px solid #dadce0;
  margin: 0;
  outline: none
}

.waffle-sidebar-container .docs-flatcolormenubutton.goog-flat-menu-button {
  padding: 6px 0 6px 6px
}

.waffle-countdown-bubble-body .jfk-button-action,
.waffle-sidebar-container .jfk-button-action {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #188038;
  color: #fff
}

.waffle-countdown-bubble-body .jfk-button-action.jfk-button-hover,
.waffle-sidebar-container .jfk-button-action.jfk-button-hover {
  background: #188038;
  color: #fff;
  background: #2a8947;
  box-shadow: 0 1px 3px 1px rgba(52, 168, 83, .15)
}

.waffle-countdown-bubble-body .jfk-button-action.jfk-button-focused,
.waffle-sidebar-container .jfk-button-action.jfk-button-focused {
  background: #188038;
  color: #fff;
  background: #4f9e67;
  box-shadow: 0 1px 3px 1px rgba(52, 168, 83, .15)
}

.waffle-countdown-bubble-body .jfk-button-action.jfk-button-hover.jfk-button-focused,
.waffle-sidebar-container .jfk-button-action.jfk-button-hover.jfk-button-focused {
  background: #188038;
  color: #fff;
  background: #62a877;
  box-shadow: 0 1px 3px 1px rgba(52, 168, 83, .15)
}

.waffle-countdown-bubble-body .jfk-button-action.jfk-button-active,
.waffle-countdown-bubble-body .jfk-button-action.jfk-button-focus.jfk-button-active,
.waffle-sidebar-container .jfk-button-action.jfk-button-active,
.waffle-sidebar-container .jfk-button-action.jfk-button-focus.jfk-button-active {
  background: #188038;
  color: #fff;
  background: #62a877;
  box-shadow: 0 2px 6px 2px rgba(52, 168, 83, .15)
}

.waffle-countdown-bubble-body .jfk-button-action.jfk-button-disabled,
.waffle-sidebar-container .jfk-button-action.jfk-button-disabled {
  background: #188038;
  color: #fff;
  background: #f8f9fa;
  color: #202124;
  opacity: .62
}

.waffle-countdown-bubble-body .jfk-button-standard,
.waffle-sidebar-container .jfk-button-standard {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #fff;
  border: 1px solid #dadce0 !important;
  color: #137333
}

.waffle-countdown-bubble-body .jfk-button-standard.jfk-button-hover,
.waffle-sidebar-container .jfk-button-standard.jfk-button-hover {
  background: #f8fcf9;
  border: 1px solid #c8e7d1 !important
}

.waffle-countdown-bubble-body .jfk-button-standard.jfk-button-focused,
.waffle-sidebar-container .jfk-button-standard.jfk-button-focused {
  background: #e7f5eb;
  border: 1px solid #bbe2c6 !important
}

.waffle-countdown-bubble-body .jfk-button-standard.jfk-button-hover.jfk-button-focused,
.waffle-sidebar-container .jfk-button-standard.jfk-button-hover.jfk-button-focused {
  background: #dff2e4;
  border: 1px solid #b5e0c1 !important
}

.waffle-countdown-bubble-body .jfk-button-standard.jfk-button-active,
.waffle-countdown-bubble-body .jfk-button-standard.jfk-button-focus.jfk-button-active,
.waffle-sidebar-container .jfk-button-standard.jfk-button-active,
.waffle-sidebar-container .jfk-button-standard.jfk-button-focus.jfk-button-active {
  background: #dff2e4;
  border: 1px solid transparent !important;
  box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15)
}

.waffle-countdown-bubble-body .jfk-button-standard.jfk-button-disabled,
.waffle-sidebar-container .jfk-button-standard.jfk-button-disabled {
  background: #fff;
  border: 1px solid #f1f3f4 !important;
  color: #3c4043;
  opacity: .38
}

.waffle-countdown-bubble-body .jfk-button-standard.jfk-button-focused.waffle-range-selection-button,
.waffle-countdown-bubble-body .jfk-button-standard.jfk-button-hover.jfk-button-focused.waffle-range-selection-button,
.waffle-countdown-bubble-body .jfk-button-standard.jfk-button-hover.waffle-range-selection-button,
.waffle-countdown-bubble-body .jfk-button-standard.waffle-range-selection-button,
.waffle-sidebar-container .jfk-button-standard.jfk-button-focused.waffle-range-selection-button,
.waffle-sidebar-container .jfk-button-standard.jfk-button-hover.jfk-button-focused.waffle-range-selection-button,
.waffle-sidebar-container .jfk-button-standard.jfk-button-hover.waffle-range-selection-button,
.waffle-sidebar-container .jfk-button-standard.waffle-range-selection-button {
  border: none !important;
  padding: 8px 0 0 !important
}

.docs-hub .waffle-sidebar-container {
  border: 1px solid #c7c7c7
}

.docs-odp-sidebar {
  margin-bottom: 0
}

.waffle-sidebar-container .waffle-datavalidation-edit-pill .docs-flatcolormenubutton .goog-flat-menu-button-caption {
  margin: 0 4px 0 2px
}

.appsElementsSidekickRoot.docsSidekickSideSheetRoot {
  margin-bottom: 53px
}

.appsDocsAiSidekickWizSidekicksidebarCollapsedSize,
.appsDocsAiSidekickWizSidekicksidebarExpandedSize {
  margin-bottom: 20px
}

.appsElementsPurchaseCardCard {
  margin-bottom: 24px
}

.waffle-embedded-object-container,
.waffle-slicer-container,
.waffle-slicer-overlay {
  border-radius: 20px
}

.waffle-slicer-container {
  align-items: center;
  display: flex;
  direction: ltr;
  height: inherit;
  min-height: 100%;
  min-width: 100%
}

.waffle-slicer-filter-box-container .goog-menu-filter {
  display: flex;
  align-items: center;
  position: relative
}

.waffle-slicer-filter-box-container .waffle-filterbox-input {
  flex: 1;
  margin-right: 0 !important;
  width: 100%
}

.waffle-slicer-filter-box-container .waffle-filterbox-input-icon {
  height: 18px;
  position: absolute;
  right: 8px;
  top: 5px;
  width: 18px
}

.waffle-slicer-filter-box-container .waffle-filterbox-label-icon-jfk {
  display: none
}

.waffle-slicer-filter-box-container .waffle-filterbox-content {
  height: auto !important;
  margin: 3px 0;
  max-height: 320px
}

.waffle-slicer-filter-box-container .goog-menuitem .goog-menuitem-content {
  margin: 0 6px
}

.waffle-slicer-filter-container {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12), 0 1px 3px 0 rgba(0, 0, 0, .2);
  background: #fff;
  direction: ltr;
  margin-top: 4px;
  overflow-y: auto;
  padding-top: 8px;
  position: absolute;
  right: 0;
  left: 0;
  z-index: 1000
}

.waffle-slicer-filter-container .waffle-filterbox-button-container {
  display: flex;
  justify-content: flex-end;
  min-width: 200px
}

.waffle-slicer-filter-container {
  border-radius: 8px
}

.waffle-slicer-icon-container {
  height: 24px;
  padding: 5px
}

.waffle-slicer-icon-filtered {
  border-radius: 50%
}

.waffle-slicer-row {
  align-items: center;
  display: flex;
  flex: 1;
  margin: 0 30px 0 5px;
  overflow: hidden
}

.waffle-slicer-row-enabled {
  cursor: pointer
}

.waffle-slicer-header {
  display: flex;
  flex: 1;
  max-height: 100%;
  overflow: hidden
}

.waffle-slicer-title-container {
  flex: 1;
  margin: 0 10px;
  overflow: hidden;
  padding: 2px 0;
  text-overflow: ellipsis;
  white-space: nowrap
}

.waffle-slicer-status-container {
  display: flex;
  flex-shrink: 1;
  border-radius: 10%;
  max-width: 100px;
  overflow: hidden;
  padding: 2px 5px 2px 10px;
  text-overflow: ellipsis;
  white-space: nowrap
}

.waffle-slicer-status-icon-container {
  align-items: center;
  display: flex;
  flex: 1
}

.waffle-slicer-icon-container:hover {
  border-radius: 50%
}

.waffle-slicer-filter-box-container .waffle-conditionalformat-condition-date-select .goog-flat-menu-button,
.waffle-slicer-filter-box-container .waffle-conditionalformat-condition-type-select .goog-flat-menu-button,
.waffle-slicer-filter-box-container .waffle-conditionalformat-range-args-holder {
  width: 100%
}

.waffle-slicer-filter-box-container .waffle-conditionalformat-range-args-holder .waffle-conditionalformat-arg1 {
  margin-right: 0;
  padding: 10px;
  width: 100%
}

.waffle-slicer-filter-box-container .waffle-conditionalformat-arg-separator {
  margin: 0 5px
}

.waffle-slicer-filter-box-container .waffle-conditionalformat-range-args-holder .waffle-conditionalformat-arg2 {
  padding: 10px
}

.waffle-spinner {
  display: inline-block;
  position: relative;
  width: 28px;
  height: 28px
}

.waffle-spinner-message-container {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden
}

.waffle-spinner-container {
  width: 100%;
  height: 100%
}

.waffle-spinner.waffle-spinner-active .waffle-spinner-container {
  animation: waffle-spinner-container-rotate 1568ms linear infinite
}

.waffle-spinner-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0
}

.waffle-spinner-color-one {
  border-color: #4285f4
}

.waffle-spinner-color-two {
  border-color: #db4437
}

.waffle-spinner-color-three {
  border-color: #f4b400
}

.waffle-spinner-color-four {
  border-color: #0f9d58
}

.waffle-spinner.waffle-spinner-active .waffle-spinner-layer.waffle-spinner-color-one {
  animation: waffle-spinner-fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, waffle-spinner-blue-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.waffle-spinner.waffle-spinner-active .waffle-spinner-layer.waffle-spinner-color-two {
  animation: waffle-spinner-fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, waffle-spinner-red-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.waffle-spinner.waffle-spinner-active .waffle-spinner-layer.waffle-spinner-color-three {
  animation: waffle-spinner-fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, waffle-spinner-yellow-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.waffle-spinner.waffle-spinner-active .waffle-spinner-layer.waffle-spinner-color-four {
  animation: waffle-spinner-fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, waffle-spinner-green-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.waffle-spinner-gap-patch {
  position: absolute;
  box-sizing: border-box;
  top: 0;
  left: 45%;
  width: 10%;
  height: 100%;
  overflow: hidden;
  border-color: inherit
}

.waffle-spinner-gap-patch .waffle-spinner-circle {
  width: 1000%;
  left: -450%
}

.waffle-spinner-circle-clipper {
  display: inline-block;
  position: relative;
  width: 50%;
  height: 100%;
  overflow: hidden;
  border-color: inherit
}

.waffle-spinner-circle-clipper .waffle-spinner-circle {
  width: 200%
}

.waffle-spinner-circle {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  height: 100%;
  border-width: 3px;
  border-style: solid;
  border-color: inherit;
  border-bottom-color: transparent;
  border-radius: 50%;
  animation: none
}

.waffle-spinner-circle-clipper.waffle-spinner-left .waffle-spinner-circle {
  border-right-color: transparent;
  transform: rotate(129deg)
}

.waffle-spinner-circle-clipper.waffle-spinner-right .waffle-spinner-circle {
  left: -100%;
  border-left-color: transparent;
  transform: rotate(-129deg)
}

.waffle-spinner.waffle-spinner-active .waffle-spinner-circle-clipper.waffle-spinner-left .waffle-spinner-circle {
  animation: waffle-spinner-left-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.waffle-spinner.waffle-spinner-active .waffle-spinner-circle-clipper.waffle-spinner-right .waffle-spinner-circle {
  animation: waffle-spinner-right-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.waffle-spinner.waffle-spinner-isWarmdown .waffle-spinner-container {
  animation: waffle-spinner-container-rotate 1568ms linear infinite, waffle-spinner-fade-out .4s cubic-bezier(.4, 0, .2, 1)
}

@keyframes waffle-spinner-container-rotate {
  to {
    transform: rotate(1turn)
  }
}

@keyframes waffle-spinner-fill-unfill-rotate {
  12.5% {
    transform: rotate(135deg)
  }

  25% {
    transform: rotate(270deg)
  }

  37.5% {
    transform: rotate(405deg)
  }

  50% {
    transform: rotate(540deg)
  }

  62.5% {
    transform: rotate(675deg)
  }

  75% {
    transform: rotate(810deg)
  }

  87.5% {
    transform: rotate(945deg)
  }

  to {
    transform: rotate(3turn)
  }
}

@keyframes waffle-spinner-blue-fade-in-out {
  0% {
    opacity: .99
  }

  25% {
    opacity: .99
  }

  26% {
    opacity: 0
  }

  89% {
    opacity: 0
  }

  90% {
    opacity: .99
  }

  to {
    opacity: .99
  }
}

@keyframes waffle-spinner-red-fade-in-out {
  0% {
    opacity: 0
  }

  15% {
    opacity: 0
  }

  25% {
    opacity: .99
  }

  50% {
    opacity: .99
  }

  51% {
    opacity: 0
  }
}

@keyframes waffle-spinner-yellow-fade-in-out {
  0% {
    opacity: 0
  }

  40% {
    opacity: 0
  }

  50% {
    opacity: .99
  }

  75% {
    opacity: .99
  }

  76% {
    opacity: 0
  }
}

@keyframes waffle-spinner-green-fade-in-out {
  0% {
    opacity: 0
  }

  65% {
    opacity: 0
  }

  75% {
    opacity: .99
  }

  90% {
    opacity: .99
  }

  to {
    opacity: 0
  }
}

@keyframes waffle-spinner-left-spin {
  0% {
    transform: rotate(130deg)
  }

  50% {
    transform: rotate(-5deg)
  }

  to {
    transform: rotate(130deg)
  }
}

@keyframes waffle-spinner-right-spin {
  0% {
    transform: rotate(-130deg)
  }

  50% {
    transform: rotate(5deg)
  }

  to {
    transform: rotate(-130deg)
  }
}

@keyframes waffle-spinner-fade-out {
  0% {
    opacity: .99
  }

  to {
    opacity: 0
  }
}

.row-header-wrapper {
  overflow: hidden;
  border-width: 0;
  margin: 0;
  padding: 0
}

.column-headers-background,
.row-headers-background {
  z-index: 1
}

.selected-row-headers-background {
  position: absolute;
  background-color: #c8c8c8;
  width: 45px;
  z-index: 2
}

.selected-column-headers-background {
  position: absolute;
  background-color: #c8c8c8;
  height: 23px;
  z-index: 2
}

.grid-fixed-table td,
.waffle td {
  overflow: hidden;
  border: 1px solid #e5e5e5;
  border-color: rgba(0, 0, 0, .15);
  border-width: 0 1px 1px 0;
  vertical-align: bottom;
  line-height: inherit;
  background-color: #fff;
  padding: 0 3px
}

.waffle .softmerge {
  overflow: visible
}

.softmerge-inner {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: hidden;
  position: relative
}

.grid-fixed-table-ltr td,
.waffle-ltr td {
  border-width: 0 1px 1px 0
}

.grid-fixed-table-rtl td,
.waffle-rtl td {
  border-width: 0 0 1px 1px
}

.grid-fixed-table th,
.waffle th {
  font-weight: 400;
  background: transparent;
  text-align: center;
  vertical-align: middle;
  font-size: 8pt;
  color: #222;
  height: 23px;
  border: 1px solid #ccc;
  border-width: 0 1px 1px 0;
  overflow: hidden;
  padding: 0
}

.grid-fixed-table-ltr th,
.waffle-ltr th {
  border-width: 0 1px 1px 0
}

.grid-fixed-table-rtl th,
.waffle-rtl th {
  border-width: 0 0 1px 1px
}

.no-grid td {
  border: 1px solid #fff;
  border: 1px solid hsla(0, 0%, 80%, 0);
  border-width: 0 1px 1px 0
}

td.empty {
  font-size: 0 !important
}

th.row-header {
  background-color: #eee;
  width: 45px;
  text-align: center;
  vertical-align: middle;
  font-size: 8pt;
  color: #333;
  line-height: inherit;
  overflow: hidden
}

td.tall-row,
th.tall-row {
  vertical-align: top
}

td.row-header-shim,
th.row-header-shim {
  width: 0;
  margin: 0;
  overflow: hidden
}

div.column-headers-background {
  position: absolute;
  height: 23px
}

div.row-headers-background {
  position: absolute;
  width: 45px
}

th.column-headers-background,
th.row-headers-background {
  position: relative
}

tr.column-header-row {
  height: 23px
}

td.selected,
th.selected {
  background-color: #c8c8c8;
  border-bottom: 1px solid #9fc2fd
}

td.header-shim,
th.header-shim {
  border-width: 0 1px 0 0;
  height: 0;
  margin: 0
}

td.freezebar-cell,
th.freezebar-cell {
  border-color: #dadfe8 !important;
  background-color: #dadfe8;
  padding: 0;
  border-width: 0
}

th.freezebar-origin-rtl {
  background: no-repeat url(https://ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png) -305px -62px
}

th.freezebar-origin-ltr {
  background: no-repeat url(https://ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png) -205px 0
}

th.freezebar-origin-ltr,
th.freezebar-origin-rtl {
  background-color: #eee;
  position: relative
}

th.frozen-column-cell {
  width: 4px
}

td.freezebar-hidden,
th.freezebar-hidden {
  height: 0;
  width: 0;
  display: none
}

td.frozen-row-cell,
th.frozen-row-cell {
  height: 4px
}

.grid-fixed-table tr {
  height: 10px
}

.row-header,
.row-header-shim {
  background: #f8f9fa
}

div.column-headers-background,
div.row-headers-background,
th.column-headers-background,
th.row-headers-background {
  background: #fff;
  color: #444746;
  font-family: Roboto, sans-serif;
  font-size: 12px
}

.waffle-current-theme {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
  padding-left: 15px
}

.waffle-current-theme-bar {
  background: #fff;
  border-bottom: 1px solid #dadce0;
  z-index: 1
}

.waffle-current-theme-bar-shadow {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12), 0 1px 3px 0 rgba(0, 0, 0, .2)
}

.waffle-current-theme-common-content {
  display: flex;
  align-items: center
}

.waffle-current-theme-preview {
  padding-bottom: 20px
}

.waffle-current-theme-title-section {
  flex: 1;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  margin: 16px 0;
  overflow: hidden
}

.waffle-custom-theme-warning-message {
  background: #f4f4f4;
  height: 32px;
  margin: auto;
  padding: 10px
}

.waffle-theme-thumbnail.waffle-theme-active {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
  border: 1px solid #34a853
}

.waffle-theme-button {
  outline: none
}

.waffle-theme-container-element {
  background: #fff;
  padding-top: 16px;
  outline: none
}

.waffle-theme-container-element-focus .waffle-theme-thumbnail {
  border-color: #1a73e8
}

.waffle-theme-editor-content {
  display: flex;
  flex-direction: column;
  height: 100%
}

.waffle-theme-editor-send-feedback-container {
  text-align: end;
  padding: 10px
}

.waffle-theme-editor-themes-container {
  overflow: auto
}

.waffle-theme-edit-panel-color {
  display: flex;
  margin: 5px 0
}

.waffle-theme-edit-panel-color-text {
  flex: 1;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  line-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis
}

.waffle-theme-edit-panel-font-family {
  margin-top: 5px;
  margin-bottom: 25px
}

.waffle-theme-editor-edit-panel {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  overflow: auto;
  padding: 25px
}

.waffle-theme-edit-panel-color-picker {
  height: 32px;
  margin: auto
}

.waffle-theme-edit-panel-title {
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis
}

.waffle-theme-title.waffle-current-theme-title {
  line-height: 20px
}

.waffle-theme-title {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  line-height: 32px;
  overflow: hidden;
  padding: 0 15px;
  text-overflow: ellipsis;
  white-space: nowrap
}

.waffle-theme-thumbnail {
  border-radius: 4px;
  cursor: pointer;
  border: 1px solid #dadce0;
  height: 154px;
  margin: auto;
  width: 250px
}

.waffle-import-theme-bar-button-container {
  padding: 15px;
  height: 100px;
  text-align: center;
  border-top: 1px solid #dadce0;
  background: #fff;
  background-clip: border-box
}

.waffle-import-theme-button {
  height: 32px;
  margin-right: 0
}

.waffle-filterbox-container {
  padding-top: 4px;
  padding-bottom: 0;
  width: 300px
}

.waffle-db-filter-by-value-container,
.waffle-filterbox-boolean-condition-picker,
.waffle-filtermenu {
  background-color: #fff;
  padding-left: 17px;
  padding-right: 20px;
  letter-spacing: .2px
}

.waffle-filterbox-with-condition:focus {
  outline: none
}

.waffle-autofilter-sort {
  padding-left: 20px;
  margin: 3px 0 3px 0
}

.waffle-autofilter-sort.waffle-datasourcesheet-sort-selected.docs-hc-gecko {
  outline: 1px solid
}

.waffle-autofilter-sort.waffle-datasourcesheet-sort-selected {
  background-color: #e8eaed
}

.goog-menu.waffle-datasourcesheet-filterbox-container .goog-menuitem {
  padding-left: 17px
}

.waffle-datasourcesheet-filterbox-container .goog-menuseparator {
  margin-left: 17px;
  margin-right: 20px
}

.waffle-table-filterbox-container .goog-menuseparator {
  margin: 8px 0 8px 0
}

.waffle-filterbox-container.waffle-datasourcesheet-filterbox-container .waffle-conditionalformat-condition-type-select .goog-flat-menu-button {
  width: 100%
}

.waffle-filterbox-content {
  padding: 3px 8px 2px 8px
}

.waffle-filterbox-content>.goog-menuitem {
  padding: 6px 0 6px 22px
}

.waffle-filterbox-label {
  margin-top: 15px;
  margin-bottom: 13px
}

.waffle-filterbox-with-condition .waffle-filterbox-label {
  margin-top: 0
}

.waffle-filterbox-label-icon-jfk {
  background: none;
  float: right
}

.waffle-filterbox-button-container {
  padding: 14px 0 14px 20px;
  text-align: right
}

.waffle-filterbox-with-condition {
  overflow-y: auto
}

.waffle-filterbox-input-icon {
  background: none
}

.waffle-db-filter-by-value-button-container .waffle-ui-text-link-button {
  padding-left: 0
}

.waffle-db-filter-by-value-button-container,
.waffle-db-filter-by-value-estimated-bytes-wrapper {
  display: inline-block
}

.waffle-db-filter-by-value-estimated-bytes-wrapper {
  float: right;
  padding-right: 12px
}

.waffle-db-filter-by-value-estimated-bytes-wrapper .waffle-dbobject-estimated-bytes-info {
  position: relative
}

.waffle-db-filter-by-value-estimated-bytes-wrapper .waffle-dbobject-estimated-bytes-icon {
  left: -4px;
  position: absolute
}

.waffle-db-filter-by-value-estimated-bytes-wrapper .waffle-dbobject-estimated-bytes {
  padding-top: 6px;
  position: relative
}

.waffle-db-filter-by-value-estimated-bytes-wrapper .waffle-dbobject-estimated-bytes-details {
  position: absolute;
  right: 10px;
  text-align: right;
  top: 5px;
  width: 120px
}

.waffle-db-filter-by-value-estimated-bytes-wrapper .waffle-dbobject-estimated-bytes-error {
  font-size: 12px;
  position: absolute;
  right: -17px;
  text-align: right;
  text-decoration: none;
  top: 3px;
  width: 120px
}

.waffle-db-filter-by-value-hc-gecko .waffle-ui-text-link-button-focused {
  filter: invert(100%)
}

.waffle-action-menu {
  max-height: 400px;
  overflow: auto
}

.waffle-recording-toast {
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, .14);
  border-radius: 8px;
  bottom: 52px;
  box-shadow: 0 4px 8px 3px rgba(60, 64, 67, .15);
  color: #3c4043;
  font: 14px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  outline: none;
  position: absolute
}

.waffle-recording-toast-top {
  height: 64px;
  min-width: 454px;
  overflow: hidden;
  position: relative
}

.waffle-recording-toast-bottom {
  background-color: #fff;
  border-radius: 0 0 8px 8px;
  border-top: 1px solid rgba(0, 0, 0, .14);
  box-sizing: border-box;
  color: #3c4043;
  font-size: 14px;
  font-weight: 500;
  width: 100%
}

.waffle-recording-toast-relativity-split .jfk-radiobutton {
  max-width: 232px;
  padding: 12px 12px
}

.waffle-recording-toast-new-content.waffle-recording-toast-slide-in {
  animation: waffle-recording-toast-new-message 2.1s cubic-bezier(.4, 0, .2, 1) forwards;
  opacity: 1
}

.waffle-recording-toast-new-content {
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  top: -42px;
  white-space: nowrap
}

@keyframes waffle-recording-toast-new-message {
  0% {
    top: -42px
  }

  14%,
  86% {
    top: 0
  }

  to {
    top: 42px
  }
}

.waffle-recording-toast-content {
  display: inline-block;
  height: 64px;
  line-height: 64px;
  margin: 0 4px 0 16px
}

.waffle-recording-toast-content,
.waffle-recording-toast-default-content,
.waffle-recording-toast-new-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 205px
}

.waffle-recording-toast-default-content {
  opacity: 1;
  transition: opacity .3s cubic-bezier(.4, 0, .2, 1)
}

.waffle-recording-toast-relativity-split {
  width: 50%;
  display: inline-block;
  vertical-align: top
}

.waffle-recording-toast-label-description {
  color: #3c4043;
  font-size: 12px;
  font-weight: 400;
  margin-top: 4px
}

.waffle-recording-toast-right {
  float: right
}

.waffle-recording-toast-expand-section {
  display: inline-block;
  border-left: 1px solid rgba(0, 0, 0, .14);
  box-sizing: border-box;
  height: 64px;
  padding: 20px 5px;
  vertical-align: bottom
}

.waffle-recording-toast-expand {
  border: none;
  border-radius: 2px;
  display: inline-block;
  outline: none;
  padding: 3px
}

.waffle-recording-toast .goog-flat-button {
  background-color: transparent;
  border: none;
  border-radius: 2px;
  color: #5f6368;
  display: inline-block;
  font: 14px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  height: 16px;
  margin: 14px 0;
  padding: 10px
}

.waffle-recording-toast-cancel,
.waffle-recording-toast-stop {
  text-transform: none
}

.waffle-recording-toast .waffle-recording-toast-stop {
  margin: 14px 16px
}

.waffle-recording-toast-close-button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: inline-block;
  margin: 0;
  padding: 0
}

.waffle-recording-toast-relativity {
  display: inline-block;
  padding-left: 12px
}

.waffle-recording-toast-relativity-label {
  display: inline-block;
  padding-left: 24px
}

.waffle-edit-actions-dialog,
.waffle-import-custom-function-actions-dialog {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}

.waffle-record-script-dialog.modal-dialog {
  width: 286px
}

.waffle-record-script-dialog-label {
  color: rgba(0, 0, 0, .54);
  font-size: 11px;
  padding-top: 3px
}

.waffle-record-script-dialog .waffle-record-script-dialog-label {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  padding: 0 0 4px 0
}

.waffle-record-script-dialog-name-section {
  margin-bottom: 16px
}

.waffle-record-script-dialog .waffle-record-script-name-input {
  width: 100%
}

.waffle-record-script-shortcut input {
  margin-left: 8px;
  text-align: center;
  width: 60px
}

.waffle-record-script-dialog .waffle-record-script-shortcut label {
  margin-right: 8px
}

.waffle-record-script-dialog .waffle-record-script-shortcut input {
  width: 74px
}

.waffle-recording-toast .jfk-radiobutton-label {
  margin-left: 28px
}

.waffle-recording-toast .jfk-radiobutton-hover .jfk-radiobutton-radio,
.waffle-recording-toast .jfk-radiobutton-radio {
  border: 2px solid #bebebe;
  height: 16px;
  left: 8px;
  top: 12px;
  width: 16px
}

.waffle-recording-toast .jfk-radiobutton-radio:after {
  background: #188038;
  border: 4px solid #188038;
  box-sizing: border-box;
  height: 8px;
  left: 2px;
  top: 2px;
  width: 8px
}

@media screen and (forced-colors:active) {

  .waffle-recording-toast .waffle-import-custom-function-add-function .goog-flat-button-focused,
  .waffle-recording-toast .waffle-import-custom-function-view-script .goog-flat-button-focused,
  .waffle-recording-toast .waffle-recording-toast-cancel.goog-flat-button-focused,
  .waffle-recording-toast .waffle-recording-toast-expand:focus-visible,
  .waffle-recording-toast .waffle-recording-toast-relativity-split .jfk-radiobutton-checked.jfk-radiobutton-focused .jfk-radiobutton-radio,
  .waffle-recording-toast .waffle-recording-toast-relativity-split .jfk-radiobutton-focused .jfk-radiobutton-radio,
  .waffle-recording-toast .waffle-recording-toast-stop.goog-flat-button-focused {
    outline: 1px solid
  }
}

.waffle-recording-toast .jfk-radiobutton-checked .jfk-radiobutton-radio,
.waffle-recording-toast-relativity-split .jfk-radiobutton-focused .jfk-radiobutton-radio {
  border: 2px solid #188038
}

.waffle-recording-toast-relativity-split .jfk-radiobutton-checked.jfk-radiobutton-focused .jfk-radiobutton-radio {
  border: 2px solid #0d652d
}

.waffle-recording-toast-relativity-split .jfk-radiobutton-checked.jfk-radiobutton-focused .jfk-radiobutton-radio:after {
  background-color: #0d652d;
  border: 4px solid #0d652d
}

.waffle-recording-toast-icon {
  color: #ea4335;
  display: inline-block;
  height: 16px;
  margin-bottom: 24px;
  margin-left: 16px;
  margin-top: 24px;
  width: 16px
}

.waffle-recording-toast-outer-circle {
  border: 2px solid #ff5959;
  border-radius: 50%;
  box-sizing: border-box;
  height: 16px;
  position: relative;
  width: 16px
}

.waffle-recording-toast-inner-circle {
  animation: waffle-recording-toast-recording-cycle 1333ms steps(1) infinite;
  border: 4px solid #ff5959;
  border-radius: 50%;
  box-sizing: border-box;
  height: 8px;
  left: 2px;
  position: relative;
  top: 2px;
  width: 8px
}

@keyframes waffle-recording-toast-recording-cycle {
  0% {
    border: 4px solid #ff5959
  }

  50% {
    border: 0
  }

  to {
    border: 4px solid #ff5959
  }
}

.waffle-recording-toast-expand-icon {
  height: 18px;
  width: 18px
}

.waffle-recording-toast-expand-icon:after {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij48ZyBzdHlsZT0iZmlsbDpub25lO3N0cm9rZS13aWR0aDoxO3N0cm9rZTpub25lIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5IDkpc2NhbGUoMSAtMSl0cmFuc2xhdGUoLTkgLTkpIj48cmVjdCB3aWR0aD0iMTgiIGhlaWdodD0iMTgiLz48cG9seWdvbiBwb2ludHM9IjkgNSAzIDExIDQuNCAxMi40IDkgNy44IDEzLjYgMTIuNCAxNSAxMSIgZmlsbD0iIzVmNjM2OCIvPjwvZz48L2c+PC9zdmc+")
}

.goog-zippy-collapsed .waffle-recording-toast-expand-icon {
  transform: rotate(-180deg)
}

.waffle-recording-toast-relativity-info {
  color: #fff;
  display: inline-block;
  float: right;
  font-weight: 500;
  height: 20px;
  text-align: center;
  width: 20px
}

.waffle-recording-toast-info-circle {
  border: 2px solid #fff;
  border-radius: 50%;
  height: 16px;
  left: -2px;
  position: relative;
  top: -2px;
  width: 16px
}

.waffle-edit-actions-dialog.modal-dialog {
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .4);
  border: none;
  padding: 0;
  width: 441px
}

.waffle-edit-actions-dialog .modal-dialog-title {
  color: rgba(0, 0, 0, .87);
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 16px;
  padding: 24px 24px 0 24px
}

.waffle-import-custom-function-actions-dialog .modal-dialog-title .title-action-number {
  color: rgba(0, 0, 0, .54);
  font-size: 18px;
  font-weight: 400;
  margin-left: 5px
}

.waffle-edit-actions-dialog .modal-dialog-buttons {
  float: right;
  margin-bottom: 14px;
  margin-top: 8px
}

.waffle-edit-actions-dialog .modal-dialog-buttons button {
  background-color: #fff;
  background-image: none;
  border: none;
  border-radius: 2px;
  color: rgba(0, 0, 0, .54);
  font-size: 13px;
  font-weight: 500;
  height: 32px;
  margin-right: 8px;
  min-width: 64px;
  padding-left: 8px;
  padding-right: 8px;
  text-transform: uppercase
}

.waffle-edit-actions-dialog .modal-dialog-buttons .goog-buttonset-default,
.waffle-recording-toast .waffle-recording-toast-stop {
  color: #4285f4
}

.waffle-edit-actions-dialog .modal-dialog-buttons button:hover:enabled,
.waffle-recording-toast .goog-flat-button-hover,
.waffle-recording-toast-expand:hover {
  background-color: rgba(0, 0, 0, .12)
}

.waffle-edit-actions-dialog .modal-dialog-buttons button:focus,
.waffle-recording-toast .goog-flat-button-focused,
.waffle-recording-toast-expand:focus {
  background-color: #ddd;
  background-image: none;
  border: none
}

.waffle-edit-actions-dialog .modal-dialog-buttons button:active:enabled,
.waffle-recording-toast .goog-flat-button-active,
.waffle-recording-toast-expand:active {
  background-color: rgba(0, 0, 0, .12);
  color: rgba(0, 0, 0, .87)
}

.waffle-edit-actions-dialog .modal-dialog-buttons button.goog-buttonset-default:hover:enabled,
.waffle-recording-toast .waffle-recording-toast-stop.goog-flat-button-hover {
  background-color: rgba(66, 133, 244, .12)
}

.waffle-edit-actions-dialog .modal-dialog-buttons button.goog-buttonset-default:active:enabled,
.waffle-recording-toast .waffle-recording-toast-stop.goog-flat-button-active,
.waffle-recording-toast .waffle-recording-toast-stop.goog-flat-button-enabled {
  background-color: rgba(66, 133, 244, .32);
  color: #3367d6
}

.waffle-import-custom-function-add-function .goog-flat-button,
.waffle-recording-toast-stop.goog-flat-button {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #fff;
  color: #137333;
  outline: none;
  text-transform: none
}

.waffle-import-custom-function-add-function .goog-flat-button-hover,
.waffle-recording-toast-stop.goog-flat-button-hover {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #f8fcf9;
  color: #137333
}

.waffle-import-custom-function-add-function .goog-flat-button-focused,
.waffle-recording-toast-stop.goog-flat-button-focused {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #e7f5eb;
  color: #137333
}

.waffle-import-custom-function-add-function .goog-flat-button-active,
.waffle-recording-toast-stop.goog-flat-button-active {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #dff2e4;
  color: #137333;
  box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15)
}

.waffle-import-custom-function-view-script .goog-flat-button,
.waffle-recording-toast-cancel.goog-flat-button {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #fff;
  color: #5f6368;
  outline: none;
  text-transform: none
}

.waffle-import-custom-function-view-script .goog-flat-button-hover,
.waffle-recording-toast-cancel.goog-flat-button-hover {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #f8fcf9;
  color: #5f6368
}

.waffle-import-custom-function-view-script .goog-flat-button-focused,
.waffle-recording-toast-cancel.goog-flat-button-focused {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #e7f5eb;
  color: #5f6368
}

.waffle-import-custom-function-view-script .goog-flat-button-active,
.waffle-recording-toast-cancel.goog-flat-button-active {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #dff2e4;
  color: #5f6368;
  box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15)
}

.waffle-recording-toast-expand:hover {
  background-color: #f8fcf9
}

.waffle-recording-toast-expand:focus {
  background-color: #e7f5eb
}

.waffle-recording-toast-expand:focus:hover {
  background-color: #dff2e4
}

.waffle-recording-toast-expand:active {
  background-color: #dff2e4;
  box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15)
}

.waffle-edit-actions-dialog .waffle-edit-actions-row {
  padding-bottom: 10px;
  padding-top: 10px
}

.waffle-edit-actions-row {
  color: rgba(0, 0, 0, .87);
  font-size: 13px;
  font-weight: 400;
  height: 30px
}

.waffle-edit-actions-row-name {
  float: left;
  margin-right: 10px;
  width: 175px
}

.waffle-edit-actions-row-shortcut-prefix {
  display: inline-block;
  margin-right: 5px;
  padding-top: 4px
}

.waffle-edit-actions-row-shortcut {
  display: inline-block;
  width: 32px
}

.waffle-edit-actions-row-shortcut-input {
  max-width: 100%;
  text-align: center
}

.waffle-edit-actions-row-name input:disabled {
  color: rgba(0, 0, 0, .87);
  border: none
}

.waffle-edit-actions-row-name input {
  max-width: 100%
}

.waffle-edit-actions-dialog .modal-dialog-title-close {
  margin-right: 7px;
  padding: 24px 17px 24px 24px
}

.waffle-edit-actions-dialog-scroll {
  max-height: 346px;
  min-height: 160px;
  overflow-y: auto;
  padding: 10px 24px 10px 24px
}

.waffle-edit-actions-dialog-gm .waffle-edit-actions-dialog-scroll {
  padding: 0 4px
}

.waffle-edit-actions-options {
  float: right
}

.waffle-edit-actions-row-menu {
  display: inline-block;
  margin-left: 10px
}

.waffle-edit-actions-options .goog-menuitem {
  padding-right: 30px
}

.waffle-edit-actions-row .goog-menu {
  display: inline-block;
  overflow: hidden
}

.waffle-edit-actions-shortcut-conflict-message {
  clear: left;
  color: #db4437;
  font-size: 11px
}

.waffle-edit-actions-undo-remove-toast {
  z-index: 1003
}

.waffle-edit-actions-dialog .modal-dialog-buttons button:disabled {
  opacity: .38
}

.waffle-import-custom-function-title-description {
  color: rgba(0, 0, 0, .54);
  font-size: 11px;
  font-weight: 400
}

.waffle-import-custom-functions-row-container {
  padding-top: 8px
}

.waffle-import-custom-function-actions-dialog.modal-dialog {
  border: none;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .4);
  padding: 24px 12px;
  width: 451px
}

.waffle-import-custom-function-actions-dialog .modal-dialog-title {
  color: rgba(0, 0, 0, .87);
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 16px;
  padding: 0 12px
}

.waffle-import-custom-function-actions-title-separator {
  border-bottom: 1px solid rgba(0, 0, 0, .12);
  margin: 0 12px
}

.waffle-import-custom-function-actions-dialog-scroll {
  max-height: 381px;
  min-height: 185px;
  overflow-y: scroll;
  padding: 0 1px 10px 2px
}

.waffle-import-custom-function-row {
  margin-top: 8px;
  padding-left: 10px
}

.waffle-import-custom-function-add-function {
  display: inline-block;
  float: right
}

.waffle-import-custom-function-add-function button {
  background-color: #fff;
  border: none;
  border-radius: 2px;
  color: #4285f4;
  font: 500 14px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 32px;
  padding: 8px;
  text-transform: uppercase
}

.waffle-import-custom-function-add-function button:hover {
  background-color: rgba(66, 133, 244, .12)
}

.waffle-import-custom-function-add-function button:active {
  background-color: rgba(66, 133, 244, .32);
  color: #3367d6
}

.waffle-import-custom-function-name {
  color: rgba(0, 0, 0, .87);
  font-weight: 500;
  font-size: 13px
}

.waffle-import-custom-function-metadata {
  color: rgba(0, 0, 0, .54);
  font-size: 11px;
  font-weight: 400;
  margin-top: 6px
}

.waffle-import-custom-function-description-label {
  font-weight: 500
}

.waffle-import-custom-function-project-name {
  display: inline-block
}

.waffle-import-custom-function-file-name {
  display: inline-block;
  margin-left: 16px
}

.waffle-import-custom-function-view-script {
  display: inline-block
}

.waffle-import-custom-function-view-script button {
  background-color: #fff;
  background-image: none;
  border: none;
  border-radius: 2px;
  color: rgba(0, 0, 0, .6);
  font: 500 14px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 32px;
  margin-left: -8px;
  text-transform: uppercase;
  padding: 8px;
  line-height: 1em
}

.waffle-import-custom-function-view-script button:hover {
  background-color: rgba(0, 0, 0, .12)
}

.waffle-import-custom-function-view-script button:active {
  background-color: rgba(0, 0, 0, .12);
  color: rgba(0, 0, 0, .87)
}

.function-description-separator {
  padding-left: 5px
}

.waffle-import-custom-function-actions-status-toast {
  z-index: 1003
}

.waffle-import-custom-function-actions-checkmark {
  height: 24px;
  width: 24px
}

.waffle-import-custom-function-actions-checkmark:after {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluaycgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB2ZXJzaW9uPScxLjEnIHdpZHRoPScyNHB4JyBoZWlnaHQ9JzI0cHgnIHZpZXdCb3g9JzAgMCAxNSAxNSc+PHBhdGggZmlsbD0nZ3JleScgZmlsbC1ydWxlPSdldmVub2RkJyBkPSdNNywxNCBDMTAuODY1OTkzMiwxNCAxNCwxMC44NjU5OTMyIDE0LDcgQzE0LDMuMTM0MDA2NzUgMTAuODY1OTkzMiwwIDcsMCBDMy4xMzQwMDY3NSwwIDAsMy4xMzQwMDY3NSAwLDcgQzAsMTAuODY1OTkzMiAzLjEzNDAwNjc1LDE0IDcsMTQgWiBNMi4yNSw3LjUgTDMuMzA3NSw2LjQ0MjUgTDUuNSw4LjYyNzUgTDEwLjY5MjUsMy40MzUgTDExLjc1LDQuNSBMNS41LDEwLjc1IEwyLjI1LDcuNSBaJz48L3BhdGg+PC9zdmc+")
}

.waffle-edit-actions-empty {
  color: rgba(0, 0, 0, .54);
  font-size: 15px;
  font-weight: 400;
  line-height: 160px;
  text-align: center
}

.docs-ui-toast-content .waffle-ellipses {
  left: 4px;
  top: 3px
}

.grid-shim-bottom {
  border-top: 1px solid #d9d9d9
}

.grid-shim-end-ltr {
  border-left: 1px solid #d9d9d9
}

.grid-shim-end-rtl {
  border-right: 1px solid #d9d9d9
}

.row-freezebar-extension {
  background-color: #dadfe8;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #dbdbdb;
  position: relative
}

.grid-bottom-bar {
  border-top: 1px solid #d9d9d9
}

.grid-bottom-bar {
  border-top: 1px solid #aaa
}

.column-freezebar-extension {
  height: 100%;
  background-color: #dadfe8;
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #dbdbdb;
  position: relative
}

.scroll-container::-webkit-scrollbar:vertical {
  width: 12px
}

.scroll-container::-webkit-scrollbar:horizontal {
  height: 12px
}

.scroll-container::-webkit-scrollbar-button:start {
  display: none
}

.scroll-container::-webkit-scrollbar-button:end {
  display: block
}

.scroll-container::-webkit-scrollbar-button {
  border: 1px solid #d9d9d9
}

.scroll-container::-webkit-scrollbar-button:horizontal {
  border-width: 1px 0 0 0
}

.scroll-container-ltr::-webkit-scrollbar-button:vertical {
  border-width: 0 0 0 1px
}

.scroll-container-rtl::-webkit-scrollbar-button:vertical {
  border-width: 0 1px 0 0
}

.scroll-container::-webkit-scrollbar-button:horizontal:increment {
  background: no-repeat url(https://ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png) -663px -13px;
  width: 15px;
  padding-left: 1px;
  background-clip: border-box;
  border: 1px solid #d9d9d9;
  border-width: 1px 0 0 0;
  box-shadow: none
}

.scroll-container::-webkit-scrollbar-button:horizontal:increment:hover {
  background: no-repeat url(https://ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png) -395px -62px
}

.scroll-container::-webkit-scrollbar-button:horizontal:increment:active {
  background: no-repeat url(https://ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png) -679px -13px
}

.scroll-container::-webkit-scrollbar-button:horizontal:decrement {
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  background: no-repeat url(https://ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png) -283px -62px;
  width: 17px
}

.scroll-container::-webkit-scrollbar-button:horizontal:hover {
  background: no-repeat url(https://ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png) -145px -70px
}

.scroll-container::-webkit-scrollbar-button:horizontal:active {
  background: no-repeat url(https://ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png) -552px 0
}

.scroll-container::-webkit-scrollbar-button:vertical:increment {
  padding-top: 1px;
  background: no-repeat url(https://ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png) -531px -24px;
  height: 15px
}

.scroll-container::-webkit-scrollbar-button:vertical:increment:hover {
  background: no-repeat url(https://ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png) -570px -42px
}

.scroll-container::-webkit-scrollbar-button:vertical:increment:active {
  background: no-repeat url(https://ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png) -83px -46px
}

.scroll-container::-webkit-scrollbar-button:vertical:decrement {
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  background: no-repeat url(https://ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png) -631px -27px;
  height: 17px
}

.scroll-container::-webkit-scrollbar-button:vertical:decrement:hover {
  background: no-repeat url(https://ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png) -180px -58px
}

.scroll-container::-webkit-scrollbar-button:vertical:decrement:active {
  background: no-repeat url(https://ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png) -776px -28px
}

.scroll-container::-webkit-scrollbar-track:vertical {
  background-clip: border-box;
  border: 1px solid #d9d9d9;
  box-shadow: none;
  background-color: #f8f8f8
}

.scroll-container-ltr::-webkit-scrollbar-track:vertical {
  border-width: 0 0 0 1px
}

.scroll-container-rtl::-webkit-scrollbar-track:vertical {
  border-width: 0 1px 0 0
}

.scroll-container::-webkit-scrollbar-track:horizontal {
  background-clip: border-box;
  border: 1px solid #d9d9d9;
  border-width: 1px 0 0 0;
  box-shadow: none;
  background-color: #f8f8f8
}

.scroll-container::-webkit-scrollbar-track:hover {
  background: none;
  box-shadow: none
}

.native-scrollbar::-webkit-scrollbar-track:hover {
  border-width: 0;
  background: none;
  box-shadow: none
}

.scroll-container::-webkit-scrollbar-track:horizontal:hover,
.scroll-container::-webkit-scrollbar-track:vertical:hover {
  background-clip: border-box;
  border: 1px solid #d9d9d9;
  border-width: 1px 0 0 0;
  box-shadow: none;
  background-color: #f8f8f8
}

.scroll-container::-webkit-scrollbar-track:horizontal:hover {
  border-width: 1px 0 0 0
}

.scroll-container::-webkit-scrollbar-track:vertical:hover {
  border-width: 0 1px 0 1px
}

.scroll-container::-webkit-scrollbar-thumb {
  background-color: #dadce0;
  background-clip: padding-box;
  border: solid transparent;
  min-height: 28px;
  padding: none;
  box-shadow: none;
  border-width: 1px 1px 1px 1px
}

.scroll-container::-webkit-scrollbar-thumb:horizontal {
  box-shadow: none;
  border-width: 2px 1px 1px 1px
}

.scroll-container::-webkit-scrollbar-thumb:vertical {
  padding: 1px 1px 1px 1px;
  box-shadow: none
}

.scroll-container-ltr::-webkit-scrollbar-thumb:vertical {
  border-width: 1px 1px 1px 2px
}

.scroll-container-rtl::-webkit-scrollbar-thumb:vertical {
  border-width: 1px 2px 1px 1px
}

.scroll-container::-webkit-scrollbar-thumb:hover {
  background-color: #bdc1c6;
  box-shadow: none
}

.scroll-container::-webkit-scrollbar-thumb:active {
  background-color: #80868b
}

.native-scrollbar::-webkit-scrollbar-thumb:hover {
  background: none;
  background-color: #bdc1c6;
  box-shadow: none
}

.native-scrollbar::-webkit-scrollbar-thumb:active {
  background-color: #80868b
}

.docs-gm .native-scrollbar::-webkit-scrollbar-track:horizontal,
.docs-gm .native-scrollbar::-webkit-scrollbar-track:horizontal:hover,
.docs-gm .native-scrollbar::-webkit-scrollbar-track:vertical,
.docs-gm .native-scrollbar::-webkit-scrollbar-track:vertical:hover,
.docs-gm .scroll-container::-webkit-scrollbar-track:horizontal,
.docs-gm .scroll-container::-webkit-scrollbar-track:horizontal:hover,
.docs-gm .scroll-container::-webkit-scrollbar-track:vertical,
.docs-gm .scroll-container::-webkit-scrollbar-track:vertical:hover {
  background-color: #fff
}

.scroll-container::-webkit-scrollbar-corner {
  border: 1px solid #d9d9d9
}

.scroll-container-rtl::-webkit-scrollbar-corner {
  border-width: 1px 1px 0 0
}

.scroll-container-ltr::-webkit-scrollbar-corner {
  border-width: 1px 0 0 1px
}

.native-scrollbar::-webkit-scrollbar:vertical {
  width: 12px
}

.native-scrollbar::-webkit-scrollbar:horizontal {
  height: 12px
}

.native-scrollbar::-webkit-scrollbar-button:start {
  display: none
}

.native-scrollbar::-webkit-scrollbar-button:end {
  display: block
}

.native-scrollbar::-webkit-scrollbar-button {
  border: 1px solid #d9d9d9
}

.native-scrollbar::-webkit-scrollbar-button:horizontal {
  border-width: 1px 0 0 0
}

.native-scrollbar-ltr::-webkit-scrollbar-button:vertical {
  border-width: 0 0 0 1px
}

.native-scrollbar-rtl::-webkit-scrollbar-button:vertical {
  border-width: 0 1px 0 0
}

.native-scrollbar::-webkit-scrollbar-button:horizontal:increment {
  background: no-repeat url(https://ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png) -663px -13px;
  width: 15px;
  padding-left: 1px;
  background-clip: border-box;
  border: 1px solid #d9d9d9;
  border-width: 1px 0 0 0;
  box-shadow: none
}

.native-scrollbar::-webkit-scrollbar-button:horizontal:increment:hover {
  background: no-repeat url(https://ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png) -395px -62px
}

.native-scrollbar::-webkit-scrollbar-button:horizontal:increment:active {
  background: no-repeat url(https://ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png) -679px -13px
}

.native-scrollbar::-webkit-scrollbar-button:horizontal:decrement {
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  background: no-repeat url(https://ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png) -283px -62px;
  width: 17px
}

.native-scrollbar::-webkit-scrollbar-button:horizontal:hover {
  background: no-repeat url(https://ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png) -145px -70px
}

.native-scrollbar::-webkit-scrollbar-button:horizontal:active {
  background: no-repeat url(https://ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png) -552px 0
}

.native-scrollbar::-webkit-scrollbar-button:vertical:increment {
  padding-top: 1px;
  background: no-repeat url(https://ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png) -531px -24px;
  height: 15px
}

.native-scrollbar::-webkit-scrollbar-button:vertical:increment:hover {
  background: no-repeat url(https://ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png) -570px -42px
}

.native-scrollbar::-webkit-scrollbar-button:vertical:increment:active {
  background: no-repeat url(https://ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png) -83px -46px
}

.native-scrollbar::-webkit-scrollbar-button:vertical:decrement {
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  background: no-repeat url(https://ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png) -631px -27px;
  height: 17px
}

.native-scrollbar::-webkit-scrollbar-button:vertical:decrement:hover {
  background: no-repeat url(https://ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png) -180px -58px
}

.native-scrollbar::-webkit-scrollbar-button:vertical:decrement:active {
  background: no-repeat url(https://ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png) -776px -28px
}

.native-scrollbar::-webkit-scrollbar-track {
  margin: 0
}

.native-scrollbar::-webkit-scrollbar-track:vertical {
  background-clip: border-box;
  border: 1px solid #d9d9d9;
  box-shadow: none;
  background-color: #f8f8f8
}

.native-scrollbar-ltr::-webkit-scrollbar-track:vertical {
  border-width: 0 0 0 1px
}

.native-scrollbar-rtl::-webkit-scrollbar-track:vertical {
  border-width: 0 1px 0 0
}

.native-scrollbar::-webkit-scrollbar-track:horizontal {
  background-clip: border-box;
  border: 1px solid #d9d9d9;
  border-width: 1px 0 0 0;
  box-shadow: none;
  background-color: #f8f8f8
}

.native-scrollbar::-webkit-scrollbar-track:horizontal:hover,
.native-scrollbar::-webkit-scrollbar-track:vertical:hover {
  background-clip: border-box;
  border: 1px solid #d9d9d9;
  border-width: 1px 0 0 0;
  box-shadow: none;
  background-color: #f8f8f8
}

.native-scrollbar::-webkit-scrollbar-track:horizontal:hover {
  border-width: 1px 0 0 0
}

.native-scrollbar::-webkit-scrollbar-track:vertical:hover {
  border-width: 0 1px 0 1px
}

.native-scrollbar::-webkit-scrollbar-thumb:horizontal {
  box-shadow: none;
  border-width: 2px 1px 1px 1px
}

.native-scrollbar::-webkit-scrollbar-thumb:vertical {
  padding: 1px 1px 1px 1px;
  box-shadow: none
}

.native-scrollbar-ltr::-webkit-scrollbar-thumb:vertical {
  border-width: 1px 1px 1px 2px
}

.native-scrollbar-rtl::-webkit-scrollbar-thumb:vertical {
  border-width: 1px 2px 1px 1px
}

.native-scrollbar::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  background-color: #dadce0;
  border: solid transparent;
  border-width: 1px 1px 1px 1px;
  box-shadow: none;
  min-height: 28px;
  padding: none
}

.native-scrollbar::-webkit-scrollbar-corner {
  border: 1px solid #d9d9d9
}

.native-scrollbar-rtl::-webkit-scrollbar-corner {
  border-width: 1px 1px 0 0
}

.native-scrollbar-ltr::-webkit-scrollbar-corner {
  border-width: 1px 0 0 1px
}

.native-scrollbar-x {
  overflow-x: scroll;
  overflow-y: hidden;
  border: 1px solid #d9d9d9;
  border-width: 0 1px 0 1px
}

.native-scrollbar-y {
  overflow-x: hidden;
  overflow-y: scroll;
  border: 1px solid #d9d9d9;
  border-width: 0 0 1px 0
}

.docs-grille-gm3 .grid-bottom-bar,
.docs-grille-gm3 .grid-shim-bottom,
.docs-grille-gm3 .grid-shim-end-ltr,
.docs-grille-gm3 .grid-shim-end-rtl,
.docs-grille-gm3 .native-scrollbar-x,
.docs-grille-gm3 .native-scrollbar-y,
.docs-grille-gm3 .native-scrollbar::-webkit-scrollbar-button:horizontal:decrement,
.docs-grille-gm3 .native-scrollbar::-webkit-scrollbar-button:horizontal:increment,
.docs-grille-gm3 .native-scrollbar::-webkit-scrollbar-button:vertical:decrement,
.docs-grille-gm3 .native-scrollbar::-webkit-scrollbar-corner,
.docs-grille-gm3 .native-scrollbar::-webkit-scrollbar-track:horizontal,
.docs-grille-gm3 .native-scrollbar::-webkit-scrollbar-track:horizontal:hover,
.docs-grille-gm3 .native-scrollbar::-webkit-scrollbar-track:vertical,
.docs-grille-gm3 .native-scrollbar::-webkit-scrollbar-track:vertical:hover,
.docs-grille-gm3 .scroll-container::-webkit-scrollbar-button,
.docs-grille-gm3 .scroll-container::-webkit-scrollbar-button:horizontal:decrement,
.docs-grille-gm3 .scroll-container::-webkit-scrollbar-button:horizontal:increment,
.docs-grille-gm3 .scroll-container::-webkit-scrollbar-button:vertical:decrement,
.docs-grille-gm3 .scroll-container::-webkit-scrollbar-track:horizontal,
.docs-grille-gm3 .scroll-container::-webkit-scrollbar-track:horizontal:hover,
.docs-grille-gm3 .scroll-container::-webkit-scrollbar-track:vertical,
.docs-grille-gm3 .scroll-container::-webkit-scrollbar-track:vertical:hover {
  border-color: #e1e3e1
}

.waffle-verbal-title {
  text-align: center
}

.waffle-verbal-wrapper {
  height: 0;
  overflow: hidden;
  position: absolute;
  width: 0
}

.waffle-verbal-highlights-container {
  background-color: #fff;
  border: 1px solid #9e9e9e;
  border-left: 4px solid #009e55;
  font-family: Roboto, Arial, sans-serif;
  font-size: 13px;
  margin: 3px -1px 0 -1px;
  min-width: 400px;
  padding: 20px 20px 15px 20px;
  white-space: normal
}

.waffle-verbal-highlights-icon {
  margin-right: 4px
}

.waffle-verbal-highlights-header {
  color: #009e55;
  font-weight: 500;
  margin-bottom: 10px
}

.waffle-verbal-highlights-header-left {
  float: left
}

.waffle-verbal-highlights-title-icon {
  display: inline-block;
  padding-bottom: 2px;
  padding-right: 4px;
  margin-left: -2px
}

.waffle-verbal-highlights-title {
  display: inline-block;
  vertical-align: bottom
}

.waffle-verbal-highlights-close {
  float: right;
  opacity: .46
}

.waffle-verbal-highlights-close.goog-flat-button {
  position: static;
  border: none;
  margin: -4px -4px 0 0;
  padding: 0;
  background-color: transparent
}

.waffle-verbal-highlights-bullet {
  color: #515151;
  font-family: Roboto, Arial, sans-serif;
  font-size: 13px;
  margin-top: 10px;
  white-space: pre-wrap
}

.waffle-verbal-highlights-empty-notice {
  color: #9e9e9e;
  margin-bottom: 25px;
  text-align: center
}

.waffle-verbal-highlights-pager {
  float: right
}

.waffle-verbal-highlights-viewall.goog-flat-button {
  color: #009e55;
  background-color: transparent;
  border: none;
  display: inline-block;
  float: left;
  font-family: Roboto, Arial, sans-serif;
  font-size: 13px;
  padding: 0
}

.waffle-verbal-highlights-next.goog-flat-button,
.waffle-verbal-highlights-previous.goog-flat-button {
  color: #009e55;
  background-color: transparent;
  border: none;
  display: inline-block;
  font-family: Roboto, Arial, sans-serif;
  font-size: 13px;
  padding: 0
}

.waffle-verbal-highlights-next.goog-flat-button-disabled,
.waffle-verbal-highlights-previous.goog-flat-button-disabled {
  color: #ccc
}

.waffle-verbal-highlights-counter {
  color: #9e9e9e;
  display: inline-block;
  font-family: Roboto, Arial, sans-serif;
  font-size: 13px;
  text-align: center;
  width: 70px
}

.waffle-verbal-highlights-floatclear {
  clear: both
}

.waffle-verbal-highlights-one-option-footer {
  margin: 15px 0
}

.waffle-verbal-highlights-footer {
  margin: 15px 0 0 0
}

.waffle-verbal-highlights-viewall-footer.goog-flat-button {
  background-color: transparent;
  border: none;
  margin: 15px 0 0 -5px;
  padding: 0
}

.waffle-verbal-highlights-viewall-back-label {
  color: #009e55;
  display: inline-block;
  font-family: Roboto, Arial, sans-serif;
  font-size: 13px;
  margin-left: 5px;
  vertical-align: middle
}

.docs-ai-text-generator-bubble-free-form-input {
  position: relative
}

.docs-ai-text-generator-bubble-free-form-container {
  cursor: default
}

.docs-ai-text-generator-bubble-free-form-input-textarea {
  border: 1px solid #dadce0;
  box-sizing: border-box;
  color: #3c4043;
  padding: 1px 8px;
  font-size: 14px;
  height: 36px;
  margin: 8px 0;
  background: #f2f2f2;
  border: unset;
  border-radius: 4px;
  font-family: unset;
  font-size: 12px;
  margin: 0;
  padding: 13px 45px 0 10px;
  resize: none;
  width: 286px
}

@media screen and (forced-colors:none) {
  .docs-ai-text-generator-bubble-free-form-input-textarea {
    outline: unset
  }
}

@media screen and (forced-colors:active) {
  .docs-ai-text-generator-bubble-usecase-menu-refine-ux-v2-enabled.docs-ai-text-generator-bubble-usecase-menu.goog-menu .goog-menuitem.goog-menuitem-disabled .docs-ai-text-generator-bubble-refine-button-usecase-menuitem-text {
    color: GrayText
  }

  .superfab-button-container .instant-button.goog-control-focused,
  .superfab-button-text-selection-highlight {
    outline: 2px solid Highlight
  }
}

.docs-hc-gecko .docs-icon-img.superfab-icon {
  filter: grayscale(1) brightness(5) !important
}

.docs-ai-text-generator-bubble-free-form-input-arrow-button {
  position: absolute;
  padding-right: 10px;
  right: 10px;
  bottom: 13px;
  transition: opacity .25s ease-in-out
}

.docs-ai-text-generator-bubble-free-form-input-arrow-button.goog-flat-button-disabled {
  cursor: default;
  opacity: .6
}

.docs-ai-text-generator-bubble-free-form-input-arrow-button.goog-flat-button-active {
  outline: none
}

.goog-menuitem-disabled .docs-ai-text-generator-bubble-refine-button-usecase-menuitem {
  color: #202124;
  opacity: .38
}

.docs-ai-text-generator-bubble-refine-button-usecase-menuitem {
  align-items: center;
  display: flex;
  gap: 8px
}

.docs-ai-text-generator-bubble-refine-button {
  display: flex;
  justify-content: space-between;
  padding: 10px 16px !important
}

.docss-ai-text-generator-bubble-refine-button-text {
  line-height: 20px;
  margin: 0 8px
}

.docs-ai-text-generator-bubble-usecase-menu.goog-menu .goog-menuitem {
  padding: 6px
}

.docs-ai-text-generator-bubble-usecase-menu .goog-menuseparator {
  margin-left: 0
}

.docs-ai-text-generator-bubble-refine-button .docs-ai-text-generator-bubble-refine-button-icon-container,
.docs-ai-text-generator-bubble-refine-button .docs-ai-text-generator-bubble-refine-button-icon-container .docs-icon {
  height: 18px;
  width: 18px
}

.docs-ai-text-generator-bubble-usecase-menu {
  width: 298px;
  border: 1px solid #c4c7c5;
  border-radius: 4px;
  background: #fff;
  font-family: Roboto, sans-serif;
  padding: 8px 0 0 0;
  position: absolute
}

.docs-left-fab-content .docs-ai-text-generator-bubble-usecase-menu {
  padding-bottom: 0
}

.docs-ai-text-generator-bubble-usecase-menu .goog-menuitem-content {
  display: flex
}

.docs-ai-text-generator-bubble-usecase-menu .goog-submenu-arrow {
  padding-top: 3px
}

.docs-ai-text-generator-bubble-tone-menu,
.docs-context-tone-menu {
  width: 220px
}

.docs-ai-text-generator-bubble-tone-menu {
  font-family: Roboto, sans-serif
}

.docs-ai-text-generator-bubble-tone-menu .goog-menuitem.docs-ai-text-generator-bubble-tone-menu-item,
.docs-context-tone-menu .goog-menuitem.docs-context-tone-menu-item {
  padding: 4px 8px 4px 12px
}

.docs-context-usecase-menuitem-icon .docs-icon.goog-inline-block {
  left: 0;
  margin: 7px 8px 7px 12px;
  position: absolute;
  top: 0
}

.goog-menuitem-disabled .docs-context-usecase-menuitem-icon .docs-icon {
  opacity: .3
}

.docs-ai-text-generator-bubble-usecase-menu-refine-ux-v2-enabled.docs-ai-text-generator-bubble-usecase-menu.goog-menu {
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 4px 8px 3px rgba(0, 0, 0, .15);
  padding: 0 0 4px 0;
  width: 260px
}

.docs-ai-text-generator-bubble-usecase-menu-refine-ux-v2-enabled.docs-ai-text-generator-bubble-usecase-menu.goog-menu .generativeAiQuotaUpsellMessageContent {
  font-size: 13px
}

.docs-ai-text-generator-bubble-usecase-menu-refine-ux-v2-enabled.docs-ai-text-generator-bubble-usecase-menu.goog-menu .generativeAiQuotaUpsellMessageLowQuotaBackground,
.docs-ai-text-generator-bubble-usecase-menu-refine-ux-v2-enabled.docs-ai-text-generator-bubble-usecase-menu.goog-menu .generativeAiQuotaUpsellMessageNoQuotaBackground {
  background: unset
}

.docs-ai-text-generator-bubble-usecase-menu-refine-ux-v2-enabled.docs-ai-text-generator-bubble-usecase-menu.goog-menu .generativeAiQuotaUpsellMessageMenuItem.goog-menuitem {
  height: auto;
  margin-top: 2px
}

.docs-ai-text-generator-bubble-usecase-menu-refine-ux-v2-enabled.docs-ai-text-generator-bubble-usecase-menu.goog-menu .docs-ai-text-generator-bubble-free-form-input {
  width: 100%
}

.docs-ai-text-generator-bubble-usecase-menu-refine-ux-v2-enabled.docs-ai-text-generator-bubble-usecase-menu.goog-menu .docs-ai-text-generator-bubble-free-form-menu-item.goog-menuitem {
  height: auto;
  padding: 8px 8px 3px 8px
}

.docs-ai-text-generator-bubble-usecase-menu-refine-ux-v2-enabled.docs-ai-text-generator-bubble-usecase-menu.goog-menu .docs-ai-text-generator-bubble-free-form-input-textarea {
  background: #f0f4f9;
  border-radius: 8px;
  font: 400 12px/20px Roboto, sans-serif;
  padding: 12px 16px;
  width: 100%;
  line-height: 24px
}

@media screen and (forced-colors:active) {
  .docs-ai-text-generator-bubble-usecase-menu-refine-ux-v2-enabled.docs-ai-text-generator-bubble-usecase-menu.goog-menu .docs-ai-text-generator-bubble-free-form-input-textarea {
    border: 1px solid ButtonBorder
  }
}

.docs-ai-text-generator-bubble-usecase-menu-refine-ux-v2-enabled.docs-ai-text-generator-bubble-usecase-menu.goog-menu .docs-ai-text-generator-bubble-free-form-input-textarea:focus {
  background: #fff;
  border: 1px solid #747775;
  line-height: 22px
}

.docs-ai-text-generator-bubble-usecase-menu-refine-ux-v2-enabled.docs-ai-text-generator-bubble-usecase-menu.goog-menu .docs-ai-text-generator-bubble-free-form-input-textarea::placeholder {
  color: #5c5f5e
}

.docs-ai-text-generator-bubble-usecase-menu-refine-ux-v2-enabled.docs-ai-text-generator-bubble-usecase-menu.goog-menu .goog-menuitem {
  align-content: center;
  box-sizing: border-box;
  height: 32px;
  padding: 0 12px
}

.docs-ai-text-generator-bubble-usecase-menu-refine-ux-v2-enabled.docs-ai-text-generator-bubble-usecase-menu.goog-menu .docs-ai-text-generator-bubble-refine-button-usecase-menuitem-text {
  color: #1f1f1f;
  font: 400 12px/20px Roboto, sans-serif
}

.docs-ai-text-generator-bubble-usecase-menu-refine-ux-v2-enabled.docs-ai-text-generator-bubble-usecase-menu.goog-menu .goog-menuseparator {
  margin: 0
}

.waffleMagicPenContainer {
  position: absolute
}

.waffleMagicPenContainer .docs-ai-text-generator-bubble-usecase-menu-refine-ux-v2-enabled.docs-ai-text-generator-bubble-usecase-menu.goog-menu {
  padding: 0;
  overflow-y: visible
}

.waffleMagicPenContainer .goog-menuseparator {
  margin: 0
}

.waffleMagicPenContainer .docs-icon {
  height: 20px;
  width: 20px;
  margin: 1px
}

.waffleMagicPenContainer .docs-gm3-icon-button {
  border: none;
  border-radius: 50%;
  min-height: 0;
  min-width: 0
}

.waffleMagicPenMenuButton.docs-gm3-icon-button {
  float: inline-end;
  margin: 5px;
  width: min-content;
  height: min-content
}

@media screen and (forced-colors:active) {
  .waffleMagicPenMenuButton.docs-gm3-icon-button.docs-gm3-button-hover {
    background: HIGHLIGHT
  }
}

.waffleMagicPenSubmenu.goog-menu {
  border-radius: 8px;
  padding: 8px 0;
  width: 200px
}

.goog-menu .waffleMagicPenFeedbackMenuItem.goog-menuitem {
  padding-left: 8px
}

.waffleMagicPenFeedbackMenuItemText {
  display: inline-block;
  font: 400 14px/20px Roboto, sans-serif;
  padding-left: 8px
}

.waffleMagicPenFeedbackMenuItemIcon {
  display: inline-block;
  width: 20px;
  height: 20px
}

.waffleMagicPenDisclaimerMsg {
  color: #747775;
  font: 400 12px/16px Roboto, sans-serif;
  letter-spacing: .1px;
  white-space: normal;
  padding: 4px 12px 10px
}

.waffleMagicPenCategorizeMenu {
  width: 260px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 -3px 11px hsla(207, 5%, 52%, .09), 0 6px 11px hsla(207, 5%, 52%, .06), 0 1px 3px rgba(60, 64, 67, .3), 0 4px 8px rgba(60, 64, 67, .15);
  position: absolute
}

.waffleMagicPenCategorizeHeader {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px 16px 10px 12px;
  gap: 8px;
  width: 100%;
  box-sizing: border-box;
  color: #202124
}

.waffleMagicPenCategorizeHeaderBackArrow.docs-gm3-icon-button {
  padding: 0;
  margin: 0;
  height: 20px;
  width: 20px
}

.waffleMagicPenCategorizeHeaderText {
  font: 500 12px/16px Roboto, sans-serif;
  letter-spacing: .1px
}

.waffleMagicPenCategorizeInputContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0;
  gap: 8px
}

.waffleMagicPenCategorizeInputContainer.waffleMagicPenCategorizeInputError .waffleMagicPenCategorizeInput {
  border: 1px solid #d93025
}

.waffleMagicPenCategorizeInputContainer.waffleMagicPenCategorizeInputError .waffleMagicPenCategorizeInput:focus {
  border: 1px solid #d93025
}

.waffleMagicPenCategorizeInput {
  font: 400 12px/16px Roboto, sans-serif;
  letter-spacing: .1px;
  padding: 12px 16px 12px 12px;
  border-radius: 10px;
  border: none;
  width: 236px;
  height: 34px;
  box-sizing: border-box;
  background: #f0f4f9;
  color: #444746
}

.waffleMagicPenCategorizeInput:focus {
  outline: none;
  background: #fff;
  border: 1px solid #444746
}

@media screen and (forced-colors:active) {
  .waffleMagicPenCategorizeInput {
    border: 1px solid ButtonBorder
  }
}

.waffleMagicPenCategorizeActionButtonContainer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 12px;
  align-items: center;
  height: 48px
}

.waffleMagicPenCategorizeActionButton {
  display: flex;
  align-items: center;
  border: none;
  height: auto;
  padding: 6px 12px
}

.waffleMagicPenCategorizeIconButton.docs-gm3-text-button {
  padding: 6px 6px 6px 2px
}

.waffleMagicPenCategorizeErrorContainer {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 236px;
  padding-top: 5px;
  font-size: 12px;
  color: #d93025
}

.goog-modalpopup-bg,
.modal-dialog-bg {
  z-index: 1002
}



.waffle-resize-butter-bar-error-message-visible {
  margin-top: 45px
}

.waffle-dialog-header {
  font-weight: 500;
  font-size: 14px;
  line-height: 2.25em
}

.menuMainLink {
  border-style: none;
  border-width: 0;
  font-size: 12px;
  color: #15c;
  text-decoration: underline;
  cursor: pointer;
  padding: 2px 0 0 6px;
  vertical-align: middle
}

.dlgImportDisabled {
  color: #666
}

div.uploadBox {
  margin-top: 8px
}

div.dlgImportClear {
  width: 100%;
  height: 1px;
  clear: both
}

div.dlgImportButterPane,
div.dlgRitzImportButterPane {
  background-color: #f7cb4d;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  padding: 8px
}

span.dlgImportButterPane {
  padding-left: 20px
}

span.dlgRitzImportButterPane {
  display: block;
  padding-top: 10px
}

div.dlgImportHeader {
  font-weight: 500;
  margin-top: 10px
}

.dlgImportError {
  font-weight: 500;
  color: red
}

span.waitSpinner {
  padding-left: 5px
}

#dlgImportCustomOption {
  display: inline-block
}

div.dlgImport {
  width: 730px;
  font-size: 10pt;
  line-height: 130%
}

div.dlgRitzImport {
  width: 310px;
  font-size: 10pt;
  line-height: 130%
}

#customDelimiter {
  width: 40px
}

.dlgImport .jfk-radiobutton,
.dlgRitzImport .jfk-radiobutton {
  display: block
}

.dlgImportPreview {
  background-color: #eee;
  height: 300px;
  width: 360px;
  border: 1px solid #ccc;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  overflow: scroll
}

div.dlgImportPreviewMessage {
  color: gray
}

table.dlgImport {
  width: 376px;
  border: 0;
  padding: 0
}

.waffle-import-dialog-spinner {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%)
}

.waffle-import-options-condensed {
  width: 480px
}

.waffle-import-options-condensed #divUploadMsgs {
  margin: 16px 0
}

.waffle-import-options-controls {
  display: flex;
  flex-wrap: wrap
}

.waffle-import-options-filename {
  font-weight: 700;
  margin: 8px 0 16px 0
}

.waffle-import-options-delimiter,
.waffle-import-options-destination {
  margin-right: 24px
}

#waffle-import-options-custom-delimiter-label,
.waffle-import-options-filename-header {
  color: #5f6368;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px
}

.docs-gm .modal-dialog .jfk-textinput.waffle-import-options-custom-delimiter-input {
  box-sizing: border-box;
  height: 42px;
  margin: 8px 0 0 0;
  width: 48px
}

.waffle-import-options-converttext,
.waffle-import-options-importtheme {
  flex-basis: 100%;
  margin: 8px 0
}

.waffle-alert-dialog-inner {
  width: 376px;
  font-size: 10pt
}

.pub-dialog-wrap {
  width: 500px
}

.pub-dialog-txt {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 500
}

.pub-dialog-content-div {
  padding: 0 0 10px 30px
}

.pub-dialog-checkbox-label {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 13px
}

.pub-dialog-url-box {
  width: 450px;
  font-family: monospace;
  padding: 5px
}

.pub-dialog-input {
  width: 220px
}

.pub-dialog-date-label {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: #afafaf;
  padding: 0 0 0 3px
}

.pub-dialog-input-div {
  padding: 0 0 6px 0
}

.pub-dialog-helpertext {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: #afafaf
}

.pub-dialog-hr {
  background-color: #bfbfbf;
  color: #bfbfbf;
  height: 1px;
  width: 96%
}

.pub-dialog-hr-div {
  padding: 2px 0 2px 0
}

.pub-dialog-stjw-infotext-span {
  font-size: 11px;
  padding-left: 5px
}

.pub-dialog-link-options-document-part-menu-button,
.pub-dialog-published-content-menu-button {
  margin-left: 0;
  max-width: 150px
}

.pub-dialog-link-options-document-part-menu-button-content,
.pub-dialog-published-content-menu-button-content {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%
}

.pub-dialog-link-options-container,
.pub-dialog-published-content-container {
  margin-top: 20px
}

.pub-dialog-link-options-menu,
.pub-dialog-published-content-menu {
  overflow: auto
}

.pub-dialog-link-options-chart-menu-item,
.pub-dialog-published-content-chart-menu-item {
  max-width: 340px;
  overflow: hidden;
  padding-left: 15px;
  text-overflow: ellipsis
}

.pub-dialog-chart-notice {
  color: #999;
  font-size: 11px;
  margin-top: 5px
}

.pub-dialog-chart-notice-emphasis {
  color: #666;
  font-weight: 500
}

.dialog-publishobject-div {
  border: 1px solid #ccc;
  background-color: #efefef;
  font-family: inherit;
  font-size: 12px;
  max-height: 500px;
  overflow: auto;
  padding: 15px;
  width: 350px
}

.dialog-publishobject-msg {
  font-size: 12px
}

.waffle-selection-dialog-image-container {
  margin: -24px -24px 0 -24px;
  padding-bottom: 24px
}

.waffle-selection-dialog-image {
  border-radius: 8px 8px 0 0;
  height: 204px;
  width: 362px
}

.waffle-selection-dialog .modal-dialog-title {
  margin: 0 0 24px 0
}

.waffle-selection-dialog-content {
  margin-right: 0;
  max-height: 400px;
  overflow-x: auto;
  overflow-y: overlay;
  width: 314px
}

.waffle-selection-dialog-row {
  display: flex;
  justify-content: space-between
}

.docs-gm .modal-dialog .waffle-selection-dialog-row .jfk-textinput {
  margin: 0 0 8px 0
}

.waffle-selection-dialog-editbox {
  width: 100%
}

.waffle-flat-multi-range-active-editbox,
.waffle-selection-dialog-active-editbox {
  border: none;
  box-shadow: none
}

.waffle-selection-dialog-remove.docs-material-button-flat-default.docs-material-button {
  border-radius: 4px;
  height: 32px;
  padding: 0;
  width: 32px
}

.waffle-flat-multi-range-remove {
  color: #999;
  cursor: pointer;
  display: inline;
  margin: 0 0 0 8px
}

.waffle-selection-dialog-remove .docs-icon {
  width: 24px;
  height: 24px;
  margin: 0
}

.waffle-flat-multi-range-remove-table {
  display: inline-block
}

.waffle-selection-dialog-error {
  color: #b31412;
  font-size: 13px
}

.waffle-selection-dialog-title-caption-text {
  font-family: Roboto, Arial, sans-serif;
  line-height: 1.25rem;
  font-size: .875rem;
  letter-spacing: .0142857143em;
  font-weight: 400;
  color: #3c4043;
  margin: 24px 0 0 0;
  width: 300px
}

.waffle-selection-dialog-title-caption-link-text {
  text-decoration: none
}

.waffle-timeline-selection-label {
  font-family: Roboto, Arial, sans-serif;
  line-height: 1.25rem;
  font-size: .875rem;
  letter-spacing: .0178571429em;
  font-weight: 500;
  color: #3c4043;
  margin: 0 0 4px 0
}

.waffle-selection-dialog .modal-dialog-buttons {
  margin: 32px 0 0 0
}

.waffle-dv-trrules .waffle-range-selection-container.waffle-dv-range-selector {
  width: 205px
}

.waffle-dv-recs-title-bar {
  font-size: 13px;
  margin: 25px 0 9px 3px
}

.waffle-dv-rec-wrapper {
  background-color: #eee;
  margin: 0 -42px;
  min-height: 42px;
  overflow: hidden;
  padding: 5px 38px;
  position: relative;
  white-space: nowrap;
  width: 570px
}

.waffle-dv-rec-description {
  color: #404040;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.waffle-dv-rec-range {
  color: #3b80f4;
  float: right;
  margin-left: 6px
}

.waffle-dv-rec-chip {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  float: left;
  font-size: 13px;
  font-weight: 400;
  height: auto;
  line-height: 21px;
  margin: 5px;
  max-width: 241px;
  padding: 3px 16px 5px
}

.waffle-dv-rec-chip.jfk-button-focused {
  box-shadow: none;
  border: 1px solid rgba(0, 0, 0, .4)
}

.waffle-dv-rec-chip.jfk-button-hover {
  box-shadow: 0 1px 2px rgba(0, 0, 0, .25)
}

.waffle-dv-rec-chip.waffle-dv-rec-chip-selected {
  box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
  border: 1px solid #3b80f4
}

.waffle-dv-no-suggestions {
  color: #757575;
  font-style: italic;
  padding-left: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}

.waffle-dv-rec-spinner-container {
  height: 100%;
  text-align: center
}

.waffle-dv-rec-spinner-container .waffle-spinner {
  top: 7px
}

.waffle-dv-table-with-suggestions {
  padding-top: 10px
}

.waffle-dv-feedback-link {
  float: right;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  text-decoration: none;
  text-transform: uppercase
}

.waffle-range-selection-error {
  border: 1px solid #b3261e
}

.input-selection-button-div {
  margin-top: -1px;
  margin-left: 4px
}

.waffle-flat-range-select-done {
  margin-top: 3px
}

.waffle-flat-multi-range-row .waffle-range-selection-holder {
  width: 168px;
  display: inline-block
}

.waffle-flat-multi-range-select-done {
  margin-top: 10px
}

.waffle-flat-multi-range-select-message,
.waffle-flat-range-select-message {
  display: none;
  margin-top: 3px;
  width: 110px
}

.waffle-flat-multi-range-select-listening .waffle-flat-multi-range-select-message,
.waffle-flat-range-select-listening .waffle-flat-range-select-message {
  display: inline-block
}

.waffle-flat-multi-range-select-listening,
.waffle-flat-range-select-listening {
  background-color: #fbf2cd;
  margin: 0 -20px 0;
  padding: 10px 20px
}

.waffle-flat-multi-range-add-another {
  display: block
}

.waffle-notification-listrule-container {
  padding: 5px
}

.waffle-notification-rule-row {
  display: inline-block;
  margin-bottom: 10px;
  width: 100%
}

.waffle-notification-rule-text {
  font-size: 10pt
}

.waffle-notification-rule-description {
  float: left
}

.waffle-notification-rulerow-buttons-container {
  float: right
}

.waffle-notification-rulerow-edit-container {
  float: left
}

.waffle-notification-rulerow-delete-container {
  float: right
}

.waffle-notification-rule-disabled {
  font-size: 8pt;
  color: #d3d3d3 !important
}

.waffle-dialog-notifications-list {
  width: 100%;
  vertical-align: top
}

.waffle-dialog-notifications {
  width: 100%;
  padding: 6px 8px 8px 2px;
  box-sizing: border-box;
  vertical-align: top
}

.waffle-dialog-notifications-gap {
  padding-left: 25px
}

.waffle-dialog-notifications-input .disabled,
.waffle-dialog-notifications-label .disabled {
  color: #d3d3d3 !important
}

.waffle-dialog-notifications-text {
  vertical-align: top;
  padding-left: 20px;
  color: #676767;
  font-size: 8pt;
  width: 150px
}

.waffle-notifications-add {
  font-weight: 500;
  display: block
}

.waffle-notification-rule-area-separator {
  padding: 5px
}

.waffle-notification-listrule-container {
  padding: 0 !important
}

.waffle-dialog-notifications-bounds {
  border: 1px solid #999;
  border-color: #dadce0;
  border-radius: 8px;
  box-sizing: border-box;
  height: 250px;
  max-width: 672px;
  min-width: 464px;
  overflow: auto;
  padding: 10px;
  width: unset;
  vertical-align: top
}

.waffle-notification-buttons-container {
  text-align: right
}

@media (forced-colors:active) {
  .waffle-notification-buttons-container .jfk-button:focus {
    outline: 1px solid Highlight;
    outline-offset: -4px
  }
}

.waffle-notification-addbutton-container {
  align-self: flex-end;
  border: none;
  padding-bottom: 6px
}

.waffle-notifications-dialog .goog-link-button {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #fff;
  color: #137333;
  height: 24px;
  padding: 3px 12px 5px;
  text-decoration: none
}

.waffle-dialog-notifications-input {
  padding-left: 0;
  vertical-align: top
}

.waffle-notifications-dialog .jfk-radiobutton {
  left: -7px
}

.waffle-dialog-notifications-label,
.waffle-dialog-notifications-toplabel {
  font-weight: 500;
  padding-bottom: 5px
}

.waffle-notifications-dialog .modal-dialog-buttons {
  justify-content: space-between
}

.waffle-notifications-dialog .waffle-notification-addbutton-container .goog-link-button {
  padding-left: 0
}

.waffle-notification-rule-separator {
  border-bottom: 1px solid #dadce0;
  clear: both;
  padding-top: 10px
}

.waffle-notification-helpbutton-container {
  float: right;
  margin-right: 34px
}

.waffle-notification-helpbutton-container .goog-link-button {
  color: #1a73e8
}

.waffle-notification-bottom-group {
  padding-bottom: 2px
}

.waffle-notification-end-button {
  margin-right: 0
}

.sketchy-dialog,
.sketchy-dialog-fg {
  z-index: 1003
}

.waffle-find-replace-dialog-label {
  padding-right: 8px
}

.waffle-find-replace-dialog-border {
  border-color: #8cc474;
  border-style: solid;
  line-height: 0
}

.waffle-find-replace-dialog-display-message {
  display: inline-block;
  line-height: 20px;
  max-width: 458px;
  min-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.waffle-findandreplacedialog-checkbox-label {
  vertical-align: bottom;
  padding-left: 8px
}

.waffle-find-replace-find-scope-select {
  margin: 8px 8px 8px 0;
  width: 126px
}

.waffle-find-replace-selection-input {
  margin-top: 8px;
  vertical-align: top;
  width: 150px
}

.waffle-find-replace-dialog {
  min-width: 464px
}

.waffle-find-replace-dialog .modal-dialog-buttons {
  margin-top: 7px
}

.waffle-find-replace-dialog .find-replace-regex-help {
  display: inline-block;
  font: 14px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  line-height: 16px;
  margin-left: 8px;
  padding: 3px 0;
  width: auto
}

.waffle-dv-trrules .waffle-range-selection-container {
  width: 160px
}

.waffle-dv-table {
  border-spacing: 3px;
  width: 562px
}

.waffle-dv-table .jfk-checkbox {
  margin-bottom: 1px;
  margin-left: 7px
}

.waffle-dv-table td {
  white-space: nowrap
}

.waffle-dv-helptext {
  width: 310px;
  margin-left: 5px
}

.waffle-dv-errortext {
  color: red;
  font-weight: 500
}

.waffle-dv-smalltext {
  font-size: 10px
}

.waffle-dv-editbox-number {
  text-align: right;
  width: 60px
}

.waffle-dv-editbox-text {
  width: 150px
}

.waffle-dv-editbox-date {
  text-align: right;
  width: 100px
}

.waffle-dv-list-options-textarea {
  padding-top: 5px;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  -webkit-appearance: textfield;
  width: 180px
}

.waffle-dv-table .jfk-select {
  float: left;
  margin-right: 10px
}

.waffle-dv-trrules {
  height: 41px
}

.waffle-dv-trrules-appearance,
.waffle-dv-trrules-showitems {
  height: 26px
}

.waffle-dv-trrules>td,
.waffle-table-dialog-trrules>td {
  padding-bottom: 7px;
  vertical-align: top
}

.waffle-dv-trrules>td .input-selection,
.waffle-table-dialog-trrules>td .input-selection {
  margin-left: 2px
}

.waffle-cf-tr-rules .jfk-checkbox {
  margin-bottom: 1px
}

.waffle-dv-show-dropdown {
  padding-top: 5px;
  padding-bottom: 1px
}

.waffle-dv-customcheckboxlabel {
  width: 80px;
  padding-top: 11px
}

.waffle-dv-label {
  padding-top: 5px;
  padding-left: 2px;
  width: 96px;
  white-space: nowrap
}

.waffle-dv-label-disabled {
  color: #d3d3d3
}

.waffle-dv-separator {
  margin-left: 5px;
  margin-right: 5px
}

.waffle-dv-highlight-styled-rect {
  background-color: #0f9d58;
  opacity: .06;
  pointer-events: none
}

.range-border.waffle-dv-highlight-styled-border {
  border-color: #0f9d58;
  border-style: dashed
}

.waffle-sd-tr-rules {
  padding-top: 7px
}

.waffle-sd-td-rules {
  white-space: nowrap;
  width: 50px
}

.waffle-sd-td-ascending {
  white-space: nowrap
}

.waffle-sd-column-selector {
  width: 120px
}

.waffle-sd-delete {
  color: #999;
  cursor: pointer;
  margin-right: 5px;
  width: 10px;
  text-decoration: none
}

.waffle-sd-row-separator {
  border-bottom: 1px solid #dadce0;
  margin-bottom: 4px;
  margin-top: 4px
}

.waffle-sd-add {
  padding-top: 12px;
  font-weight: 500;
  display: block
}

.waffle-sd-menu-item {
  padding-right: 30px
}

.script-gui-dialog-content {
  padding: 0
}

.waffle-custom-decimals-error-div {
  padding-left: .7em;
  color: #b3261e
}

.waffle-input-error,
input.waffle-input-error:focus,
textarea.waffle-input-error:focus {
  border: 1px solid #b3261e
}

.waffle-input-error-butter-container {
  width: 100%;
  position: absolute;
  margin-top: -25px;
  left: 0;
  text-align: center
}

.waffle-input-error-butter-wrap {
  display: inline-block;
  line-height: normal
}

.dialog-settings-text {
  max-width: 300px;
  padding-left: 25px
}

.dialog-settings-sep-td {
  padding: 14px 0 9px 0
}

.dialog-settings-sep {
  border-top-color: #e8eaed;
  border-top-style: solid;
  border-width: 1px 0 0 0;
  color: #bfbfbf;
  height: 0
}

.jfk-radiobutton-checked .jfk-radiobutton-radio:after {
  background: #188038;
  border: 4px solid #188038;
  height: 8px;
  left: 0;
  margin: 2px;
  top: 0;
  width: 8px
}

.jfk-radiobutton-radio {
  height: 16px;
  width: 16px
}

.jfk-radiobutton-checked.jfk-radiobutton:hover .jfk-radiobutton-radio {
  border: 2px solid #188038
}

.jfk-radiobutton-checked .jfk-radiobutton-radio {
  border: 2px solid #188038
}

.jfk-radiobutton:focus .jfk-radiobutton-radio {
  border: 2px solid #188038
}

.jfk-radiobutton-checked.jfk-radiobutton:focus .jfk-radiobutton-radio {
  border: 2px solid #0d652d
}

.jfk-radiobutton-checked.jfk-radiobutton:focus .jfk-radiobutton-radio:after {
  background-color: #0d652d;
  border: 4px solid #0d652d
}

.dialog-settings-general-settings-div {
  padding: 10px 0 18px 0
}

.dialog-settings-english-name-div {
  padding-top: 10px
}

#waffle-settings-dialog-english-name-checkbox-label {
  padding-left: 3px
}

.waffle-prompt-dialog {
  width: 340px
}

.waffle-prompt-dialog .modal-dialog-userInput {
  width: 300px;
  margin: 4px
}

.waffle-save-filter-view-with-name-dialog.waffle-prompt-dialog .modal-dialog-userInput {
  width: 100%
}

.waffle-spellcheck-cell-display {
  font-weight: 500
}

.waffle-resize-option {
  margin: 7px
}

.waffle-resize-inset-input,
.waffle-resize-row-input-container {
  margin-left: 30px
}

.waffle-resize-row-input {
  width: 70px
}

.waffle-resize-row-input-label {
  margin-left: 10px
}

#waffle-resize-input-error-butter-container {
  margin-top: -15px
}

.waffle-confirm-suppress-checkbox {
  margin-top: 8px
}

.waffle-confirm-learn-more {
  margin-top: 2px
}

.waffle-slidingdialogbar-wrapper {
  outline: none;
  overflow: hidden;
  width: 100%
}

.waffle-pivot-histogram-errorable-input {
  display: inline-block;
  margin: 4px;
  vertical-align: top;
  width: 120px
}

.waffle-pivot-histogram-dialog-caption {
  color: rgba(0, 0, 0, .54);
  font-size: 11px;
  padding-top: 3px
}

.waffle-pivot-histogram-dialog-error {
  color: #db4437;
  height: 15px;
  margin-top: 6px
}

.waffle-rd-section {
  padding: 8px 0
}

.waffle-rd-section-title {
  font-weight: 500
}

.waffle-rd-columns-container {
  margin-left: -12px;
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-top: 6px
}

.waffle-rd-expand-to-range {
  color: #188038;
  cursor: pointer;
  padding-top: 2px;
  text-decoration: underline
}

.waffle-rd-dialog-gm {
  min-width: 312px
}

.waffle-rd-ignore-headers {
  padding-top: 6px
}

.waffle-rd-columns-checkbox {
  padding-left: 12px;
  position: relative
}

.waffle-rd-columns-checkbox .docs-material-gm-labeled-checkbox,
.waffle-rd-ignore-headers .docs-material-gm-labeled-checkbox {
  padding: 6px 0
}

.waffle-rd-checkbox-label {
  display: inline-block;
  padding-left: 5px
}

.waffle-sort-dialog-gm {
  min-width: 464px
}

.waffle-sort-dialog-radio-option {
  display: inline-block;
  padding-left: 8px
}

.waffle-sd-delete .docs-icon {
  width: 24px;
  height: 24px;
  margin: 0 4px 0 0
}

.waffle-sd-row-separator {
  margin-top: 16px;
  margin-bottom: 16px
}

.waffle-sort-dialog-data-header {
  margin-bottom: 25px;
  overflow: hidden
}

.waffle-sort-dialog-data-header .docs-material-gm-labeled-checkbox {
  padding: 0
}

.docs-dialog .modal-dialog-title-close {
  top: -1px
}

@media screen and (forced-colors:active) {
  .modal-dialog.jfk-confirm .modal-dialog-title-close:after {
    filter: invert(1)
  }
}

.modal-dialog-title-close {
  cursor: pointer
}

.docs-dialog .goog-flat-menu-button {
  padding-top: 7px;
  padding-bottom: 7px
}

.importThemeLabel {
  padding: 0 3px
}

.importThemeOption {
  padding: 5px 7px
}

.importThemeWarningMessage {
  color: #9e9e9e;
  padding: 0 25px
}

.waffle-dialog-range-suggestion-pill {
  font-family: Roboto, Arial, sans-serif;
  line-height: 1.25rem;
  font-size: .875rem;
  letter-spacing: .0142857143em;
  font-weight: 400;
  align-items: center;
  border-radius: 24px;
  cursor: pointer;
  display: flex;
  padding: 8px
}

.waffle-dialog-range-suggestion-pill:hover {
  background: #f1f3f4;
  color: #202124
}

.waffle-dialog-range-suggestion-pill:active,
.waffle-dialog-range-suggestion-pill:focus {
  background: #e8eaed;
  color: #202124;
  outline: none
}

.waffle-dialog-range-suggestion-pill-icon {
  flex-shrink: 0;
  height: 18px;
  margin: 0 8px;
  width: 18px
}

.waffle-dialog-range-suggestion-pill-sheet-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.waffle-dialog-range-suggestion-section {
  display: flex;
  flex-direction: column;
  margin-top: 24px
}

.waffle-dialog-range-suggestion-section-header {
  font-family: Roboto, Arial, sans-serif;
  line-height: 1.25rem;
  font-size: .875rem;
  letter-spacing: .0178571429em;
  font-weight: 500;
  color: #3c4043;
  margin: 0 0 4px 0
}

.waffle-import-file-dialog-message {
  margin-top: 16px
}

.goog-palette-cell-selected .goog-palette-colorswatch {
  background: url(//ssl.gstatic.com/docs/spreadsheets/MainMenuVerSprite007.png) transparent no-repeat;
  background-position: 0 -15px
}

.goog-palette-cell {
  border: 1px solid #666
}

.trix-palette .goog-palette-cell {
  border: 0
}

.trix-palette .goog-palette-table {
  border: 0;
  border-spacing: 2px;
  border-collapse: separate;
  margin: 0 4px
}

.trix-palette .goog-palette-cell-hover {
  background: #eee
}

.trix-palette .docs-common-icon,
.trix-palette .toolbar-icon {
  margin: 0
}

.waffle-objwrap-gvizchart {
  background-color: #fff;
  height: 100%;
  z-index: 18;
  overflow: hidden
}

.waffle-embedded-object-overlay {
  outline: 0;
  position: absolute;
  z-index: 10
}

.waffle-obj-menu-open {
  background: no-repeat url(https://ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png) -763px -13px;
  border: none;
  color: #15c;
  float: right;
  height: 13px;
  margin: 10px;
  padding: 0;
  text-decoration: none;
  width: 13px
}

.waffle-obj-menu-open-active,
.waffle-obj-menu-open:hover {
  background: no-repeat url(https://ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png) -618px -27px
}

.waffle-obj-message-div {
  padding: 15px 0 15px 15px;
  font-size: 12pt
}

.waffle-borderless-embedded-object-overlay {
  border: 1px solid #999;
  margin: 0;
  outline: none;
  position: absolute;
  z-index: 10;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: all
}

.waffle-borderless-embedded-object-container {
  position: relative
}

.waffle-borderless-embedded-object-container .waffle-objwrap-gvizchart {
  background-color: transparent;
  z-index: 15
}

.waffle-obj-control {
  position: absolute;
  z-index: 18
}

.waffle-obj-glasspane-control.waffle-obj-control {
  z-index: 17
}

.waffle-obj-glasspane-control {
  left: 0;
  position: absolute;
  top: 0
}

.waffle-obj-gviz-control {
  border: 1px solid #999;
  position: absolute;
  right: -48px;
  top: -1px
}

.waffle-obj-drag-component {
  position: absolute;
  border: none;
  background-color: #1a73e8
}

.waffle-selectionbox-background {
  display: none
}

.docs-charts-tooltip {
  z-index: 3
}

.waffle-charts-alert {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
  box-sizing: border-box;
  -webkit-user-select: none;
  user-select: none;
  background: rgba(0, 0, 0, .87);
  border-radius: 2px;
  bottom: 0;
  line-height: 16px;
  margin: 4px;
  max-height: 93%;
  max-width: 99%;
  padding: 10px 14px;
  position: absolute;
  white-space: nowrap;
  z-index: 1000
}

.waffle-charts-alert-text {
  color: #fff;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  white-space: normal
}

.waffle-charts-alert-link-div {
  float: right;
  padding-left: 35px
}

a.waffle-charts-alert-link {
  transition: opacity .25s cubic-bezier(.4, 0, .2, 1);
  color: #a1c2fa;
  cursor: pointer;
  text-decoration: none;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  opacity: .87;
  text-transform: uppercase
}

a.waffle-charts-alert-link:hover {
  opacity: 1
}

a.waffle-charts-alert-link-close {
  color: #fff;
  margin-left: 15px
}

.waffle-charts-overflow-legend {
  background-color: #fff;
  border: 1px solid #999;
  position: absolute
}

.waffle-charts-overflow-legend-scrollbar {
  position: absolute;
  top: 0;
  width: 10px
}

.waffle-obj-menu-control {
  right: 5px;
  top: 5px
}

.waffle-obj-menu-button {
  background: no-repeat url(https://ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png) -763px -13px;
  cursor: pointer;
  height: 13px;
  width: 13px
}

.waffle-obj-menu-button.waffle-obj-menu-control-active,
.waffle-obj-menu-button:hover {
  background: no-repeat url(https://ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png) -618px -27px
}

.waffle-obj-menu-control-material {
  right: 6px;
  top: 6px
}

.waffle-obj-menu-control-table-chart {
  right: 20px
}

.waffle-chart-filter-indicator-control {
  right: 6px;
  top: 6px
}

.waffle-borderless-embedded-object-overlay-focused .waffle-chart-filter-indicator-control {
  right: 24px
}

.waffle-chart-filter-indicator-control-table-chart {
  right: 20px
}

.waffle-borderless-embedded-object-overlay-focused .waffle-chart-filter-indicator-control-table-chart {
  right: 38px
}

.waffle-objwrap-gvizchart div[id^=google-visualization-errors-all-] {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSIjRTBFMEUwIj48cGF0aCBkPSJNOSAxN0g3di03aDJ2N3ptNCAwaC0yVjdoMnYxMHptNCAwaC0ydi00aDJ2NHptMi41IDJoLTE1VjVoMTV2MTR6bTAtMTZoLTE1Yy0xIDAtMiAxLTIgMnYxNGMwIDEgMSAyIDIgMmgxNWMxIDAgMi0xIDItMlY1YzAtMS0xLTItMi0yeiIvPjxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiLz48L3N2Zz4="), url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNjAwIDM3MSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAxdjFoNjAwVjF6bTAgOTB2MWg2MDB2LTF6bTAgOTF2MWg2MDB2LTF6bTAgOTF2MWg2MDB2LTF6IiBmaWxsPSIjZWVlIi8+PHBhdGggZD0iTTAgMzY2djJoNjAwdi0yeiIgZmlsbD0iI2NmY2ZjZiIvPjwvc3ZnPgo=");
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat-x;
  background-size: 100px 100px, auto 100%;
  height: 100%;
  width: 100%;
  white-space: normal
}

.waffle-objwrap-gvizchart div[id^=google-visualization-errors-all-]>div {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif !important;
  font-size: 14px !important;
  padding-top: 15px;
  text-align: center
}

.waffle-objwrap-gvizchart div[id^=google-visualization-errors-all-]>div>span {
  background-color: transparent !important;
  color: #db4437 !important;
  display: block
}

.waffle-objwrap-gvizchart div[id^=google-visualization-errors-all-]>div>span:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iI0RCNDQzNyIgZD0iTTggMEMzLjYgMCAwIDMuNiAwIDhzMy42IDggOCA4IDgtMy42IDgtOC0zLjYtOC04LTh6bS44IDEySDcuMnYtMS42aDEuNlYxMnptMC0zLjJINy4yVjRoMS42djQuOHoiLz48L3N2Zz4K");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  content: "";
  display: inline-block;
  height: 16px;
  margin-right: 10px;
  vertical-align: sub;
  width: 16px
}

.docs-toolbar-menu-button .goog-toolbar-menu-button-caption {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.docs-toolbar-menu-button .goog-toolbar-menu-button-icon {
  margin-left: 3px;
  margin-right: 6px;
  opacity: 1
}

.docs-toolbar-menu-button .goog-toolbar-menu-button-inner-box {
  text-align: left
}

#docs-access-level-indicator.goog-flat-menu-button {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #188038;
  color: #fff;
  cursor: pointer;
  height: 24px;
  line-height: 20px;
  margin: 6px 0 6px 8px;
  padding: 0 1px;
  -webkit-user-select: none;
  user-select: none
}

#docs-access-level-indicator.goog-flat-menu-button-hover {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #188038;
  color: #fff;
  background: #2a8947;
  box-shadow: 0 1px 3px 1px rgba(52, 168, 83, .15);
  cursor: pointer;
  height: 24px;
  line-height: 20px;
  margin: 6px 0 6px 8px;
  padding: 0 1px;
  -webkit-user-select: none;
  user-select: none
}

#docs-access-level-indicator.goog-flat-menu-button-focused {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #188038;
  color: #fff;
  background: #4f9e67;
  box-shadow: 0 1px 3px 1px rgba(52, 168, 83, .15);
  cursor: pointer;
  height: 24px;
  line-height: 20px;
  margin: 6px 0 6px 8px;
  padding: 0 1px;
  -webkit-user-select: none;
  user-select: none
}

#docs-access-level-indicator.goog-flat-menu-button-hover.goog-flat-menu-button-focused {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #188038;
  color: #fff;
  background: #62a877;
  box-shadow: 0 1px 3px 1px rgba(52, 168, 83, .15);
  cursor: pointer;
  height: 24px;
  line-height: 20px;
  margin: 6px 0 6px 8px;
  padding: 0 1px;
  -webkit-user-select: none;
  user-select: none
}

#docs-access-level-indicator.goog-flat-menu-button-disabled {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #188038;
  color: #fff;
  cursor: pointer;
  height: 24px;
  line-height: 20px;
  margin: 6px 0 6px 8px;
  padding: 0 1px;
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
  opacity: .38
}

#docs-access-level-indicator.goog-flat-menu-button-focused.goog-flat-menu-button-open,
#docs-access-level-indicator.goog-flat-menu-button-hover.goog-flat-menu-button-open,
#docs-access-level-indicator.goog-flat-menu-button-open,
#docs-access-level-indicator.goog-flat-menu-button-pressed,
#docs-access-level-indicator.goog-flat-menu-button:active {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #188038;
  color: #fff;
  background: #62a877;
  box-shadow: 0 2px 6px 2px rgba(52, 168, 83, .15);
  cursor: pointer;
  height: 24px;
  line-height: 20px;
  margin: 6px 0 6px 8px;
  padding: 0 1px;
  -webkit-user-select: none;
  user-select: none
}

.docs-grille-gm3 #docs-access-level-indicator.goog-flat-menu-button {
  background: #d3e3fd;
  border-radius: 100px;
  color: #041e49;
  height: 28px;
  line-height: 24px;
  padding: 0;
  -webkit-user-select: none;
  user-select: none
}

.docs-grille-gm3 #docs-access-level-indicator.goog-flat-menu-button-hover {
  background: #d3e3fd;
  border-radius: 100px;
  color: #041e49;
  height: 28px;
  line-height: 24px;
  padding: 0;
  -webkit-user-select: none;
  user-select: none;
  background: #cbdbf6;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 3px 1px rgba(0, 0, 0, .15)
}

.docs-grille-gm3 #docs-access-level-indicator.goog-flat-menu-button-focused,
.docs-grille-gm3 #docs-access-level-indicator.goog-flat-menu-button-hover.goog-flat-menu-button-focused {
  background: #d3e3fd;
  border-radius: 100px;
  color: #041e49;
  height: 28px;
  line-height: 24px;
  padding: 0;
  -webkit-user-select: none;
  user-select: none;
  background: #b9cbe7
}

.docs-grille-gm3 #docs-access-level-indicator.goog-flat-menu-button-disabled {
  background: #d3e3fd;
  border-radius: 100px;
  color: #041e49;
  height: 28px;
  line-height: 24px;
  padding: 0;
  -webkit-user-select: none;
  user-select: none;
  background: rgba(31, 31, 31, .12)
}

.docs-grille-gm3 #docs-access-level-indicator.goog-flat-menu-button-focused.goog-flat-menu-button-open,
.docs-grille-gm3 #docs-access-level-indicator.goog-flat-menu-button-hover.goog-flat-menu-button-open,
.docs-grille-gm3 #docs-access-level-indicator.goog-flat-menu-button-open,
.docs-grille-gm3 #docs-access-level-indicator.goog-flat-menu-button-pressed,
.docs-grille-gm3 #docs-access-level-indicator.goog-flat-menu-button:active {
  background: #d3e3fd;
  border-radius: 100px;
  color: #041e49;
  height: 28px;
  line-height: 24px;
  padding: 0;
  -webkit-user-select: none;
  user-select: none;
  background: #b9cbe7
}

#docs-access-level-indicator .docs-access-level-indicator-icon-container {
  margin: 2px 4px 4px 6px
}

.docs-grille-gm3 #docs-access-level-indicator .docs-access-level-indicator-icon-container {
  margin: 3px 8px 5px 12px
}

#docs-access-level-indicator .goog-flat-menu-button-caption {
  margin-right: 20px;
  font-size: 12px;
  font-weight: 500;
  line-height: 21px
}

.docs-grille-gm3 #docs-access-level-indicator .goog-flat-menu-button-caption {
  color: #041e49;
  font-size: 14px
}

.docs-grille-gm3 #docs-access-level-indicator.goog-flat-menu-button-disabled .goog-flat-menu-button-caption {
  color: #1f1f1f
}

#docs-access-level-indicator .goog-flat-menu-button-dropdown {
  border-bottom-color: #fff;
  border-top-color: #fff;
  right: 7px;
  top: 10px
}

.docs-grille-gm3 #docs-access-level-indicator .goog-flat-menu-button-dropdown {
  display: none
}

.docs-grille-gm3.docs-gm #docs-access-level-indicator .docs-icon-img {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_blue.svg)
}

.docs-grille-gm3.docs-gm #docs-access-level-indicator.goog-flat-menu-button-disabled .docs-icon-img {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_gm3_grey_medium.svg)
}

.docs-grille-gm3.docs-gm #docs-access-level-indicator .docs-icon-acl-view-only-on-brand-color-background,
.docs-grille-gm3.docs-gm #docs-access-level-indicator.goog-flat-menu-button-disabled .docs-icon-acl-view-only-on-brand-color-background {
  left: -1850px;
  top: -1190px
}

.docs-grille-gm3.docs-gm #docs-access-level-indicator .docs-icon-acl-comment-only-on-brand-color-background,
.docs-grille-gm3.docs-gm #docs-access-level-indicator.goog-flat-menu-button-disabled .docs-icon-acl-comment-only-on-brand-color-background {
  left: 0;
  top: -955px
}

.goog-menu.docs-access-level-indicator-menu {
  border-radius: 8px;
  max-width: 272px;
  padding: 22px 24px 24px 24px
}

.docs-access-level-indicator-menu .docs-access-level-indicator-menu-header {
  color: #202124;
  font: 500 16px/24px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  margin-bottom: 8px
}

.docs-access-level-indicator-menu .docs-access-level-indicator-menu-text {
  padding: 0;
  font-size: 14px;
  color: #3c4043;
  line-height: 20px;
  width: 196px
}

.docs-access-level-indicator-menu .docs-access-level-indicator-request-access-button {
  height: 24px;
  line-height: 15px;
  margin: 16px 0 0 0;
  padding: 4px 12px;
  text-transform: none
}

#docs-approvals-status-indicator-toolbar-separator {
  margin-right: 0
}

#docs-primary-toolbars #docs-approvals-locked-menu-button.goog-toolbar-menu-button {
  background: #d3e3fd;
  border-radius: 100px;
  color: #041e49;
  font: 500 14px/20px Roboto, sans-serif;
  cursor: pointer;
  height: 24px;
  margin: 6px 0 6px 8px;
  padding: 5px 24px 1px 0;
  -webkit-user-select: none;
  user-select: none
}

#docs-primary-toolbars #docs-approvals-locked-menu-button.goog-toolbar-menu-button-hover {
  background: #cbdbf6;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 3px 1px rgba(0, 0, 0, .15)
}

#docs-primary-toolbars #docs-approvals-locked-menu-button.goog-toolbar-menu-button-focused,
#docs-primary-toolbars #docs-approvals-locked-menu-button.goog-toolbar-menu-button-hover.goog-toolbar-menu-button-focused,
#docs-primary-toolbars #docs-approvals-locked-menu-button.goog-toolbar-menu-button-open,
#docs-primary-toolbars #docs-approvals-locked-menu-button.goog-toolbar-menu-button-pressed {
  background: #b9cbe7
}

#docs-approvals-locked-menu-button .goog-toolbar-menu-button-dropdown {
  display: none
}

#docs-primary-toolbars .docs-approval-status-indicator {
  cursor: pointer;
  color: #137333;
  font-size: 14px;
  font-weight: 500;
  height: 26px;
  letter-spacing: .25px;
  margin: 5px 0 5px 4px;
  min-width: unset;
  padding: 0 12px 0 9px;
  -webkit-user-select: none;
  user-select: none
}

#docs-primary-toolbars #docs-approvals-locked-menu-button.goog-toolbar-menu-button-disabled {
  background: rgba(31, 31, 31, .12);
  color: #1f1f1f
}

#docs-primary-toolbars .docs-approval-status-indicator .docs-icon-img {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_gm3_grey_medium.svg);
  cursor: default;
  margin: -1px 2px 4px 0
}

#docs-approvals-locked-menu-button .goog-toolbar-menu-button-icon.docs-icon {
  margin: 0 8px 4px 12px
}

.docs-approval-status-indicator-text {
  line-height: 23px
}

#docs-approvals-locked-menu-button .docs-icon-img {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_blue.svg)
}

#docs-approvals-locked-menu-button.goog-toolbar-menu-button-disabled .docs-icon-img {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_gm3_grey_medium.svg)
}

#docs-approvals-locked-menu-button .docs-icon-approvals-lock,
#docs-approvals-locked-menu-button.goog-toolbar-menu-button-disabled .docs-icon-approvals-lock {
  left: -604px;
  top: -1106px
}

.docs-icon-inputtools-button-inner {
  margin: 2px 0
}

.docs-icon-inputtools-menuitem-inner {
  margin: 1px 0;
  opacity: .7
}

.docs-icon.docs-icon-inputtools-menuitem-outter,
.docs-material .docs-icon.docs-icon-inputtools-menuitem-outter {
  margin: 0 10px 0 12px
}

.docs-material #inputToolsToggleButton .docs-icon,
.docs-material .docs-icon.docs-icon-inputtools-menuitem-outter {
  width: 21px;
  height: 21px
}

.docs-hc-gecko .ita-kd-img {
  filter: invert(100%)
}

@media print {

  #docs-editor-container.docs-ui-unprintable,
  .docs-ui-unprintable {
    display: none !important
  }
}

.docs-fontmenu-icon {
  left: 16px
}

.docs-fontmenu-text {
  padding-left: 23px
}

.docs-fontmenu-newlyadded {
  background-color: #fffecc
}

.goog-menuitem-highlight.docs-font-menuitem-with-icon {
  border: none;
  padding-top: 6px;
  padding-bottom: 6px
}

.goog-menuitem-highlight.docs-fontmenu-newlyadded,
.goog-menuitem-hover.docs-fontmenu-newlyadded {
  background-color: #eee
}

#docs-font-family .goog-toolbar-menu-button-caption {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 70px
}

.docs-fontmenu .docs-submenuitem {
  border: none;
  height: 18px;
  padding: 6px 8em 6px 30px
}

.docs-fontmenu .docs-submenuitem .goog-menuitem-content {
  height: 17px;
  line-height: normal
}

.docs-fontmenu .docs-submenuitem .goog-menuitem-checkbox {
  height: 21px;
  top: 3px
}

.docs-fontmenu .docs-fonts-section-header {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 180px;
  color: #3c4043;
  font-size: 11px;
  font-weight: 500;
  line-height: 16px
}

.docs-gm .docs-fontmenu .goog-menuitem-disabled {
  padding-left: 12px
}

.docs-fontmenu .goog-menuseparator {
  margin-left: 12px;
  margin-right: 12px
}

.docs-fontmenu .goog-menuitem .goog-submenu-arrow {
  padding-top: 3px
}

#contain-402 {
  bottom: 10px;
  position: fixed;
  right: 50px;
  z-index: 1002
}

.docs-hats-survey-followup-card {
  bottom: 10px;
  position: fixed;
  right: 50px;
  z-index: 1002;
  background-color: #fafafa;
  border: none;
  border-radius: 2px;
  box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .9), inset 0 -1px 0 rgba(0, 0, 0, .03), 0 15px 10px rgba(0, 0, 0, .15), 0 8px 36px rgba(0, 0, 0, .3);
  padding: 20px 26px 10px 16px;
  width: 350px
}

.docs-hats-survey-followup-card-text {
  color: #3c4043;
  font: 14px/20px Roboto-Medium, sans-serif;
  height: 46px;
  padding: 12px;
  width: 304px
}

.docs-hats-survey-followup-card-button-container {
  text-align: right
}

.docs-hats-survey-followup-card-button {
  border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  font: 14px/20px Roboto-Medium, sans-serif;
  height: 36px;
  line-height: 36px;
  text-align: center;
  width: 127px
}

.docs-hats-survey-followup-card-cancel-button {
  color: #4285f4
}

.docs-hats-survey-followup-card-survey-button {
  background-color: #4285f4;
  color: #fff
}

.waffle-comment-anchor {
  width: 282px
}

.docos-mole {
  bottom: 28px
}

.waffle-docos-target-cell-border {
  border-color: #f4b400
}

.docos-comments-pe.waffle-docos-target-cell-border {
  border-color: #fcbc03
}

.waffle-docos-target-cell-rect {
  background-color: #ffe168;
  opacity: .5;
  pointer-events: none
}

.docos-comments-pe.waffle-docos-target-cell-rect {
  background-color: #fcbc03;
  opacity: .4
}

.docos-comments-pe .docos-anchoreddocoview.docos-minimized-view-mode .docos-docoview-replycontainer>.docos-assigneeview~.docos-replyview-comment:nth-child(4):not(.docos-replyview-deleted),
.docos-comments-pe .docos-anchoreddocoview.docos-minimized-view-mode .docos-docoview-replycontainer>.docos-replyview-comment:nth-child(2):not(.docos-replyview-deleted),
.docos-comments-pe .docos-anchoreddocoview.docos-minimized-view-mode .docos-docoview-replycontainer>.docos-replyview-comment:nth-child(3):not(.docos-replyview-deleted) {
  display: block
}

.docos-comments-pe .docos-anchoreddocoview.docos-minimized-view-mode .docos-docoview-replycontainer>.docos-assigneeview~.docos-replyview-deleted:nth-child(4),
.docos-comments-pe .docos-anchoreddocoview.docos-minimized-view-mode .docos-docoview-replycontainer>.docos-replyview-deleted:nth-child(2),
.docos-comments-pe .docos-anchoreddocoview.docos-minimized-view-mode .docos-docoview-replycontainer>.docos-replyview-deleted:nth-child(3) {
  display: grid
}

.waffle-docos-target-cell-resolved-rect {
  background-color: #d9d9d9;
  opacity: .5;
  pointer-events: none
}

th.waffle-docos-target-cell-header {
  background-color: #fcfac6
}

.waffle-comment-anchor .docs-gm.docos-comments-pe .docos-minimized-view-mode.docos-anchoreddocoview:not(.docos-minimized-view):not(.docos-docoview-active) {
  padding: 0
}

.docs-gm.docos-comments-pe .docos-anchoreddocoview {
  transition: top 0s
}

div.ac-datavalidation-renderer {
  z-index: 1001;
  overflow: auto;
  box-shadow: 1px 2px 5px rgba(0, 0, 0, .4)
}

div.ac-datavalidation-renderer-upside-down {
  z-index: 1001;
  overflow: auto;
  box-shadow: 1px 0 5px rgba(0, 0, 0, .4)
}

.waffle-ac-renderer {
  margin: 0 0;
  padding: 0;
  z-index: 85;
  overflow: visible;
  position: absolute;
  white-space: nowrap;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  border: 1px solid rgba(0, 0, 0, .2);
  background: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .2)
}

.waffle-ac-row {
  margin: 0;
  cursor: pointer;
  padding: 2px 10px;
  color: #666
}

.waffle-ac-active {
  background: #f5f5f5;
  color: #000;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  padding: 1px 10px
}

.waffle-ac-highlighted {
  font-weight: 500
}

.docs-toolbar .goog-menuitem-highlight {
  background-color: #e0edfe
}

.close-icon-small {
  width: 12px;
  background-position: -720px 2px
}

.docs-icon.goog-menuitem-icon {
  position: absolute
}

.hide-docs-new-badge .docs-new-badge {
  display: none
}

.goog-clipboard {
  width: 16px
}

#chart-toolbar-container {
  width: 100%
}

.chart-toolbar-container-with-omnibox {
  display: inline-block
}

#chart-toolbar {
  border: none;
  padding: 0 30px 0 0;
  position: absolute;
  right: 0;
  top: 0
}

#timeline-toolbar-container {
  display: inline
}

#datasheet-toolbar,
#timeline-toolbar {
  background: none;
  border-width: 0 !important;
  display: inline;
  min-height: 35px;
  padding: 0
}

#timeline-toolbar {
  display: inline-flex;
  float: right;
  padding-right: 10px
}

.timeline-toolbar-float-clear {
  clear: both
}

.chart-toolbar-with-omnibox#chart-toolbar {
  right: 40px
}

.docs-material .chart-toolbar-with-omnibox {
  background: none
}

#chart-toolbar-title {
  padding-top: 3px
}

.chart-toolbar-title-with-omnibox {
  display: inline-block;
  vertical-align: middle
}

#chart-toolbar-title.sheet-toolbar-title {
  line-height: normal
}

.sheet-toolbar {
  min-height: 22px
}

.sheet-toolbar-title {
  font-weight: 500;
  vertical-align: middle;
  line-height: 20px;
  padding: 0 6px 0 4px
}

.goog-color-menu-button-indicator {
  border-bottom: 4px solid #f0f0f0
}

#num-fmt-currency {
  margin-top: -250px
}

#num-fmt-date {
  margin-top: -100px
}

.num-fmt {
  clear: both;
  height: 1em;
  width: 180px
}

.num-fmt b {
  display: block;
  font-weight: 400;
  float: left
}

.num-fmt span {
  display: block;
  float: right;
  color: #666;
  font-size: 85%
}

.currency-fmt {
  width: 120px;
  font-size: 92%;
  height: .9em
}

.date-fmt {
  width: 140px;
  font-size: 92%;
  height: .9em
}

.cond-fmt .goog-color-menu-button-indicator {
  border-bottom-style: double
}

#formula-bar {
  padding: 4px 0;
  background: #e5e5e5;
  margin-right: auto
}

#formula-bar table {
  width: 100%;
  border-spacing: 0
}

#t-formula-bar-label {
  vertical-align: middle;
  color: #444;
  padding: 0 8px
}

#t-formula-bar-label.waffle-formulabar-label-disabled {
  color: #9fa4b3
}

#t-formula-bar-input-container {
  width: 100%
}

#t-formula-bar-input {
  resize: none;
  border: 1px solid #7f9db9;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 13px;
  background-color: #fff
}

#t-formula-bar-input.waffle-formulabar-input-disabled {
  background-color: #eee;
  border-color: silver
}

#t-formula-bar-input .cell-input {
  word-wrap: break-word;
  -webkit-nbsp-mode: space;
  -webkit-line-break: after-white-space
}

#t-formula-bar-input .waffle-rich-text-link {
  color: #000;
  text-decoration: none
}

.ie8 .goog-toolbar-button-disabled .docs-icon-img,
.ie8 .goog-toolbar-button-disabled .goog-toolbar-button-inner-box,
.ie8 .goog-toolbar-button-disabled .toolbar-icon,
.ie8 .goog-toolbar-menu-button-disabled .docs-icon-img,
.ie8 .goog-toolbar-menu-button-disabled .goog-color-menu-button-indicator,
.ie8 .goog-toolbar-menu-button-disabled .goog-toolbar-menu-button-caption,
.ie8 .goog-toolbar-menu-button-disabled .goog-toolbar-menu-button-dropdown,
.ie8 .goog-toolbar-menu-button-disabled .toolbar-icon {
  filter: alpha(opacity=30)
}

.docs-toolbar-small-separator+div.goog-toolbar-select {
  margin-left: -4px
}

#t-text-rotation-palette .goog-palette-table {
  border-right: 1px solid #dadce0
}

.waffle-text-rotation-combobox {
  border-color: transparent
}

.docs-gm .goog-toolbar-combo-button.waffle-text-rotation-combobox {
  margin: 1px
}

.waffle-text-rotation-combobox.goog-toolbar-combo-button-hover {
  background: transparent
}

.docs-material .waffle-text-rotation-combobox.goog-toolbar-combo-button-hover {
  background: rgba(0, 0, 0, .06)
}

.waffle-text-rotation-combobox .goog-toolbar-combo-button-input {
  height: 28px;
  width: 25px
}

.goog-menu.goog-menu-vertical .docs-menuheader {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: 500;
  padding-left: 12px
}

.docs-grille-gm3 #formula-bar {
  height: 28px
}

.docs-grille-gm3 #t-formula-bar-label {
  width: 35px
}

.docs-grille-gm3 .formula-bar-separator-container .formula-bar-separator,
.docs-grille-gm3 .formula-bar-with-name-box-wrapper {
  background: #fff
}

.docs-grille-gm3 .formula-bar-separator-container .formula-bar-separator>div {
  background: #c7c7c7;
  bottom: 6px;
  top: 6px
}

.docs-grille-gm3 .formula-bar .formula-bar-separator {
  display: none
}

.docs-grille-gm3 #t-formula-bar-input .cell-input {
  color: #1f1f1f;
  font-family: Roboto, sans-serif;
  height: calc(100% - 2px);
  margin-top: 2px
}

.docs-grille-gm3 #t-formula-bar-input .cell-input .waffle-inputbox-chip:first-child {
  margin-left: 5px
}

.docs-grille-gm3 .waffle-text-rotation-combobox.goog-toolbar-combo-button-hover {
  background: rgba(68, 71, 70, .08)
}

.docs-grille-gm3 .waffle-text-rotation-combobox.goog-toolbar-combo-button-open,
.docs-grille-gm3 .waffle-text-rotation-combobox.goog-toolbar-combo-button:focus {
  background: rgba(68, 71, 70, .12)
}

.docs-grille-gm3 .waffle-text-rotation-combobox .goog-toolbar-combo-button-input::selection {
  background: #d3e3fd
}

.docs-grille-gm3 .formula-content,
.docs-grille-gm3 .formula-suggestion-in-cell {
  font-family: Google Sans Mono, Roboto, sans-serif
}

.docs-grille-gm3 #timeline-toolbar {
  align-items: center
}

.waffle-revisions-frame {
  border-style: none
}

.waffle-revisions-older-text {
  color: #676767
}

.waffle-revisions-container {
  background-color: #fff;
  z-index: 15;
  overflow: hidden;
  position: absolute;
  left: 0
}

.waffle-revisions-zero-state-container {
  align-items: center;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center
}

.waffle-revisions-zero-state-image {
  aspect-ratio: 280/244;
  flex-shrink: 0;
  height: 244px;
  width: 280px
}

.waffle-revisions-zero-state-text {
  color: #747775;
  text-align: center;
  font-family: Google Sans;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 0;
  margin-top: 48px
}

.docs-revisions-sidebar {
  z-index: 15
}

td.placeholder-row {
  font-style: italic;
  line-height: 40px;
  padding-left: 50px
}

.waffle-spellcheck-target-cell-rect {
  background-color: #f8b39b;
  opacity: .5;
  pointer-events: none
}

div.sheet-toolbar {
  width: 100%;
  background-image: none;
  min-height: 35px;
  border-bottom: 1px solid #d9d9d9;
  padding: 0
}

.docs-material #docs-toolbar-wrapper {
  padding-left: 30px
}

.docs-material #docs-toolbar-wrapper.docs-hub-appbar {
  border-bottom: 1px solid #d9d9d9;
  padding-left: 21px
}

.sheet-toolbar-title {
  line-height: 35px;
  padding: 0 44px 0 44px
}

.toolbar-decimal-icon {
  margin-bottom: -7px
}

.docs-material .docs-icon.toolbar-decimal-icon {
  margin-bottom: -4px
}

.docs-material #t-num-fmt-currency,
.docs-material #t-num-fmt-percent {
  font-size: 13px
}

#formula-bar {
  background: #fff;
  border-bottom: 1px solid silver;
  height: 23px;
  padding: 0;
  position: relative
}

#t-formula-bar-input {
  border: none;
  bottom: 4px;
  font-size: 12px;
  left: 0;
  line-height: 13px;
  position: absolute;
  right: 0;
  top: 4px
}

.name-box-enabled #t-formula-bar-input {
  height: 100%;
  line-height: 23px;
  top: 0
}

.formula-bar-with-name-box-wrapper {
  background-color: #eee;
  display: flex
}

#t-formula-bar-input.waffle-formulabar-input-disabled {
  background-color: #fff;
  border: none
}

#t-formula-bar-label {
  align-items: center;
  display: flex;
  float: left;
  justify-content: center;
  opacity: .55;
  padding: 0;
  position: relative;
  text-align: center;
  width: 45px
}

.docs-icon-insert-formula {
  margin-top: -1px
}

.docs-material .docs-icon-insert-formula {
  margin-top: 0;
  opacity: .7
}

.formulabar-disabled#formula-bar {
  background-color: #f8f8f8
}

.formulabar-disabled #t-formula-bar-label {
  color: #9fa4b3;
  opacity: .4
}

.formulabar-disabled #t-formula-bar-input {
  background-color: #f8f8f8 !important
}

.formulabar-disabled .default-formula-text-color {
  color: #777
}

#t-formula-bar-input-container {
  height: 100%;
  overflow: hidden;
  padding: 0;
  width: auto
}

.name-box-enabled #t-formula-bar-input-container,
.name-box-enabled #t-formula-bar-input-container>div {
  width: 100%
}

#t-formula-bar-input-container>div {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative
}

#t-formula-bar-progress-bar {
  float: right;
  margin-right: 16px;
  margin-top: 12px;
  padding: 0;
  width: 161px
}

#t-formula-bar-columnsmith-text {
  color: #202124;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 400;
  margin-top: 7px;
  padding-right: 8px;
  padding-left: 8px;
  text-wrap: nowrap
}

#t-formula-bar-columnsmith-spinner {
  float: right;
  margin-right: 8px;
  margin-top: 7px;
  padding: 0
}

#t-formula-bar-columnsmith-spinner .waffle-spinner {
  height: 16px;
  width: 16px
}

#t-formula-bar-columnsmith-spinner .waffle-spinner-circle {
  border-width: 2px
}

#t-formula-bar-progress-bar .progress-bar-horizontal {
  background-color: #e1e3e1;
  border: 0;
  height: 4px;
  padding: 0;
  width: 146px
}

#t-formula-bar-progress-bar .progress-bar-thumb {
  background-color: #188038;
  background-image: none
}

#t-formula-bar-progress-bar .progress-bar-horizontal .progress-bar-thumb {
  background-color: #0b57d0;
  height: 4px
}

.name-box-enabled .formula-bar {
  display: inline-flex;
  width: 100%
}

.formula-bar-separator,
.name-box-menu-separator {
  float: left;
  width: 1px;
  height: 100%;
  position: relative
}

.name-box-menu-separator-container {
  background: #f5f5f5;
  display: none;
  margin: 1px 1px 2px 0
}

.formula-bar-separator-container,
.waffle-name-box-container:hover .name-box-menu-separator-container {
  display: inline-flex
}

.formula-bar-separator>div,
.name-box-menu-separator>div {
  background-color: #ccc;
  bottom: 3px;
  left: 0;
  position: absolute;
  right: 0;
  top: 3px;
  width: 1px
}

#formula-bar-dragger {
  border-bottom: 1px solid silver;
  height: 4px;
  margin-top: -5px;
  position: absolute;
  width: inherit
}

#formula-bar-dragger.formula-bar-hoverable {
  cursor: ns-resize
}

#formula-bar-dragger.formula-bar-hoverable:hover {
  border-bottom: 1px solid #a0a0a0
}

div.formula-bar-disabled {
  background-color: #ccc
}

.waffle-formulabar-cellinput-disabled {
  background-color: #ccc
}

#t-merge-menu {
  margin-right: 2px
}

.docs-material #t-merge-menu {
  margin-right: 1px
}

.goog-toolbar-color-menu-button .goog-toolbar-menu-button-dropdown {
  margin-top: 9px
}

.goog-menuitem-mnemonic-separator {
  font-weight: 400
}

.docos-actionmenu-outer {
  width: 11px;
  height: 11px
}

.docos-actionmenu-outer>.docos-docomenu-dropdown {
  width: 11px;
  height: 11px;
  margin: auto;
  vertical-align: top;
  cursor: pointer
}

.docs-gm .docos-actionmenu-outer>.docos-docomenu-dropdown {
  background-color: transparent
}

.docos-actionmenu-outer .goog-toolbar-menu-button-dropdown {
  width: 11px;
  height: 11px;
  margin: 0;
  padding: 0
}

.docos-actionmenu-outer .goog-toolbar-menu-button-inner-box,
.docos-actionmenu-outer .goog-toolbar-menu-button-outer-box {
  width: 11px;
  min-width: 11px;
  height: 11px;
  min-height: 11px
}

.docos-actionmenu>.goog-menuitem {
  padding-left: 10px;
  padding-right: 10px
}

.docs-gm .docos-actionmenu>.goog-menuitem {
  padding-left: 15px;
  padding-right: 15px
}

.CSS_ASSISTED_WRITING_TAB_ICON {
  align-items: center;
  background-color: #f9f9f9;
  border: .0625em solid #bababa;
  border-radius: .2em;
  bottom: .1em;
  box-sizing: border-box;
  display: inline-flex;
  height: 1.1em;
  justify-content: center;
  margin-left: .3em;
  position: relative;
  width: 1.8em
}

.CSS_ASSISTED_WRITING_TAB_ICON_TEXT {
  color: #bababa;
  font-size: .6em;
  font-weight: 700
}

.docos.docs-gm .docs-material-gm-checkbox.docs-material-gm-checkbox-checked,
.docos.docs-gm .docs-material-gm-checkbox.docs-material-gm-checkbox-checked.docs-material-gm-checkbox-focused {
  background-color: #0b57d0
}

.docos.docs-gm .docs-material-gm-checkbox.docs-material-gm-checkbox-checked,
.docos.docs-gm .docs-material-gm-checkbox.docs-material-gm-checkbox-focused {
  border-color: #0b57d0
}

.docos {
  color: #000;
  font-family: Arial, sans-serif, sans;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 13px;
  white-space: normal
}

.docos.docs-gm {
  font-size: 14px
}

.docos .jfk-button {
  font-family: Arial, sans-serif, sans;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-weight: 500
}

.docos.docs-gm .jfk-button {
  margin: 0 8px 0 0;
  min-width: 24px;
  vertical-align: middle
}

.docos.docs-gm .jfk-button-hover {
  box-shadow: none;
  background-color: rgba(0, 0, 0, .06);
  background-image: none;
  cursor: pointer;
  border-color: transparent !important;
  border-radius: 2px;
  border-width: 1px
}

.docos.docs-gm .jfk-button-active {
  box-shadow: none;
  background-color: rgba(0, 0, 0, .12);
  background-image: none;
  cursor: pointer;
  border-color: transparent !important;
  border-radius: 2px;
  border-width: 1px
}

.docos.docs-gm .jfk-button.jfk-button-standard {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #fff;
  border: 1px solid #dadce0 !important;
  color: #137333;
  height: 24px;
  padding: 3px 12px 5px
}

.docos.docs-gm .jfk-button.jfk-button-standard.jfk-button-disabled {
  background: #fff;
  border: 1px solid #f1f3f4 !important;
  color: #3c4043;
  opacity: .38;
  height: 24px;
  padding: 3px 12px 5px
}

@media (forced-colors:active) {
  .docos.docs-gm .jfk-button.jfk-button-focused {
    outline: 1px solid Highlight;
    outline-offset: -4px
  }
}

.docos.docs-gm .jfk-button.jfk-button-standard.jfk-button-focused {
  background: #e7f5eb;
  border: 1px solid #bbe2c6 !important;
  height: 24px;
  padding: 3px 12px 5px
}

.docos.docs-gm .jfk-button.jfk-button-standard.jfk-button-hover {
  background: #f8fcf9;
  border: 1px solid #c8e7d1 !important;
  height: 24px;
  padding: 3px 12px 5px
}

.docos.docs-gm .jfk-button.jfk-button-standard.jfk-button-focused.jfk-button-hover {
  background: #dff2e4;
  border: 1px solid #b5e0c1 !important;
  height: 24px;
  padding: 3px 12px 5px
}

.docos.docs-gm .jfk-button.jfk-button-standard.jfk-button-focused.jfk-button-active {
  background: #dff2e4;
  border: 1px solid transparent !important;
  box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15);
  height: 24px;
  padding: 3px 12px 5px
}

.docos.docs-gm .jfk-button.jfk-button-action {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #188038;
  color: #fff;
  height: 24px;
  padding: 3px 12px 5px
}

.docos.docs-gm .jfk-button.jfk-button-action.jfk-button-disabled {
  background: #188038;
  color: #fff;
  background: #f8f9fa;
  color: #202124;
  opacity: .62;
  height: 24px;
  padding: 3px 12px 5px
}

.docos.docs-gm .jfk-button.jfk-button-action.jfk-button-focused {
  background: #188038;
  color: #fff;
  background: #4f9e67;
  box-shadow: 0 1px 3px 1px rgba(52, 168, 83, .15);
  height: 24px;
  padding: 3px 12px 5px
}

.docos.docs-gm .jfk-button.jfk-button-action.jfk-button-hover {
  background: #188038;
  color: #fff;
  background: #2a8947;
  box-shadow: 0 1px 3px 1px rgba(52, 168, 83, .15);
  height: 24px;
  padding: 3px 12px 5px
}

.docos.docs-gm .jfk-button.jfk-button-action.jfk-button-focused.jfk-button-hover {
  background: #188038;
  color: #fff;
  background: #62a877;
  box-shadow: 0 1px 3px 1px rgba(52, 168, 83, .15);
  height: 24px;
  padding: 3px 12px 5px
}

.docos.docs-gm .jfk-button.jfk-button-action.jfk-button-focused.jfk-button-active {
  background: #188038;
  color: #fff;
  background: #62a877;
  box-shadow: 0 2px 6px 2px rgba(52, 168, 83, .15);
  height: 24px;
  padding: 3px 12px 5px
}

.docos .modal-dialog-buttons {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500
}

.docos .modal-dialog-title {
  font-size: 16px
}

.docs-gm .docos .modal-dialog-title {
  font-size: 22px
}

.docos .modal-dialog-title-text {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-weight: 400
}

.docs-gm .doco-modal.modal-dialog {
  width: 300px
}

.docs-gm .doco-modal .modal-dialog-title-text {
  display: block;
  width: 220px;
  word-wrap: break-word
}

.docs-grille-gm3.docos .jfk-button.jfk-button-action,
.docs-grille-gm3.docos .jfk-button.jfk-button-standard,
.docs-grille-gm3.docos.docs-gm .jfk-button.jfk-button-action,
.docs-grille-gm3.docos.docs-gm .jfk-button.jfk-button-standard {
  border: 1px solid transparent;
  border-radius: 100px;
  box-sizing: border-box;
  cursor: pointer;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  line-height: 20px;
  padding: 9px 24px;
  white-space: nowrap;
  height: 36px;
  line-height: 16px;
  padding: 9px 16px
}

.docs-grille-gm3.docos.docs-gm .jfk-button.jfk-button-action {
  background: #0b57d0;
  color: #fff
}

.docs-grille-gm3.docos.docs-gm .jfk-button.jfk-button-standard {
  background: #fff;
  border-color: #747775 !important;
  color: #0b57d0
}

.docs-grille-gm3.docos .jfk-button.jfk-button-standard.jfk-button-disabled {
  height: 36px;
  line-height: 16px;
  padding: 9px 16px;
  background: #e4e4e4;
  color: #1f1f1f;
  cursor: default;
  background: rgba(31, 31, 31, .12)
}

.docs-grille-gm3.docos.docs-gm .jfk-button.jfk-button-standard.jfk-button-hover {
  height: 36px;
  line-height: 16px;
  padding: 9px 16px;
  background-color: rgba(11, 87, 208, .08);
  box-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 2px 6px 2px rgba(0, 0, 0, .15);
  border-color: #747775 !important;
  box-shadow: none;
  color: #0b57d0
}

.docs-grille-gm3.docos .jfk-button.jfk-button-standard.jfk-button-active,
.docs-grille-gm3.docos.docs-gm .jfk-button.jfk-button-standard.jfk-button-focused,
.docs-grille-gm3.docos.docs-gm .jfk-button.jfk-button-standard.jfk-button-focused.jfk-button-hover {
  border: 1px solid transparent;
  border-radius: 100px;
  box-sizing: border-box;
  cursor: pointer;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  line-height: 20px;
  padding: 9px 24px;
  white-space: nowrap;
  height: 36px;
  line-height: 16px;
  padding: 9px 16px;
  background-color: rgba(11, 87, 208, .12);
  border-color: #0b57d0 !important;
  box-shadow: none;
  color: #0b57d0
}

.docs-grille-gm3.docos.docs-gm .jfk-button.jfk-button-action.jfk-button-disabled {
  height: 36px;
  line-height: 16px;
  padding: 9px 16px;
  background: #e4e4e4;
  color: #1f1f1f;
  cursor: default
}

.docs-grille-gm3.docos .jfk-button.jfk-button-action.jfk-button-focused.jfk-button-active,
.docs-grille-gm3.docos.docs-gm .jfk-button.jfk-button-action.jfk-button-focused,
.docs-grille-gm3.docos.docs-gm .jfk-button.jfk-button-action.jfk-button-focused.jfk-button-hover {
  border: 1px solid transparent;
  border-radius: 100px;
  box-sizing: border-box;
  cursor: pointer;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  line-height: 20px;
  padding: 9px 24px;
  white-space: nowrap;
  height: 36px;
  line-height: 16px;
  padding: 9px 16px;
  background-color: rgba(11, 87, 208, .12);
  background: #296bd6;
  color: #fff
}

.docs-grille-gm3.docos.docs-gm .jfk-button.jfk-button-action.jfk-button-hover {
  height: 36px;
  line-height: 16px;
  padding: 9px 16px;
  background-color: rgba(11, 87, 208, .08);
  box-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 2px 6px 2px rgba(0, 0, 0, .15);
  background: #1e64d4;
  color: #fff
}

.docs-grille-gm3.docos .docs-suggestion-button {
  background: none;
  border: 1px solid transparent !important;
  border-radius: 100%;
  height: 32px;
  width: 32px
}

.docs-grille-gm3.docos .docs-suggestion-button.jfk-button-hover {
  background: none;
  border: 1px solid transparent !important;
  border-radius: 100%;
  height: 32px;
  width: 32px;
  background-color: rgba(68, 71, 70, .08)
}

.docs-grille-gm3.docos .docs-suggestion-button.jfk-button-active,
.docs-grille-gm3.docos .docs-suggestion-button.jfk-button-focused {
  background: none;
  border: 1px solid transparent !important;
  border-radius: 100%;
  height: 32px;
  width: 32px;
  background-color: rgba(68, 71, 70, .12)
}

.docs-grille-gm3.docos.docs-gm.docos-comments-pe .docos-input-cancel.jfk-button-standard.jfk-button {
  border: 1px solid transparent;
  border-radius: 100px;
  box-sizing: border-box;
  cursor: pointer;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  line-height: 20px;
  padding: 9px 24px;
  white-space: nowrap;
  color: #0b57d0;
  padding: 9px 12px;
  background: transparent;
  border: 1px solid transparent !important;
  height: 36px;
  line-height: 18px
}

.docs-grille-gm3.docos.docs-gm.docos-comments-pe .docos-input-cancel.jfk-button-standard.jfk-button-hover {
  color: #0b57d0;
  padding: 9px 12px;
  background-color: rgba(11, 87, 208, .08)
}

.docs-grille-gm3.docos.docs-gm.docos-comments-pe .docos-input-cancel.jfk-button-standard.jfk-button-active,
.docs-grille-gm3.docos.docs-gm.docos-comments-pe .docos-input-cancel.jfk-button-standard.jfk-button-focused,
.docs-grille-gm3.docos.docs-gm.docos-comments-pe .docos-input-cancel.jfk-button-standard.jfk-button-focused.jfk-button-hover {
  color: #0b57d0;
  padding: 9px 12px;
  background-color: rgba(11, 87, 208, .12)
}

.docs-grille-gm3.docos.docs-gm.docos-comments-pe .docos-input-cancel.jfk-button-standard.jfk-button.jfk-button-disabled {
  color: #0b57d0;
  padding: 9px 12px;
  color: #1f1f1f;
  cursor: default
}

.docos-comments-pe .docos-replyview-reply-count {
  background: transparent;
  border-radius: 100px;
  color: #0b57d0;
  cursor: pointer;
  font: 500 14px/20px Roboto, sans-serif;
  padding: 2px 8px;
  width: -moz-fit-content;
  width: fit-content
}

.docs-grille-gm3.docos.docs-gm.docos-comments-pe .docos-replyview-reply-count:hover {
  background: rgba(11, 87, 208, .08)
}

.docs-grille-gm3.docos.docs-gm.docos-comments-pe .docos-replyview-reply-count:active,
.docs-grille-gm3.docos.docs-gm.docos-comments-pe .docos-replyview-reply-count:focus {
  background: rgba(11, 87, 208, .12);
  outline: 1px solid transparent
}

.docs-grille-gm3 .docos-anchoreddocoview-input-pane+.docos-replyview-reply-count {
  margin-top: 0
}

.docos-replyview.docos-replyview-deleted .docos-action-text {
  display: none
}

.docos-anchoreddocoview {
  background-color: #f5f5f5;
  cursor: pointer;
  direction: ltr;
  position: relative;
  width: 240px;
  border: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  border-radius: 2px
}

.docs-gm .docos-anchoreddocoview {
  background-color: #fff;
  border: 1px solid rgba(60, 64, 67, .15);
  box-shadow: none
}

.docos-comments-pe .docos-anchoreddocoview {
  -webkit-font-smoothing: antialiased
}

.docs-gm .docos-anchoreddocoview {
  width: 282px
}

.docs-gm .docos-layout-anchored-auto-resize .docos-anchoreddocoview {
  min-width: 282px;
  width: calc(100% - 50px);
  max-width: calc(50ch + 24px)
}

.docs-gm.docos-comments-pe .docos-minimized-view-mode.docos-anchoreddocoview:not(.docos-minimized-view):not(.docos-docoview-active) {
  background: none;
  padding-right: 48px
}

.docs-gm.docos-comments-pe .docos-minimized-view-mode.docos-anchoreddocoview.docos-docoview-active:not(.docos-minimized-view):not(.docos-emoji-container) {
  margin-right: 48px
}

.docs-gm .docos-anchoreddocoview:hover {
  border-color: transparent;
  box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15)
}

.docs-gm .docos-anchoreddocoview.docos-docoview-active,
.docs-gm .docos-anchoreddocoview.docos-docoview-active:hover {
  border-color: transparent;
  box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15)
}

.docs-gm .docos-anchoreddocoview,
.docs-gm .docos-anchoreddocoview-internal {
  border-radius: 8px
}

.docos-comments-pe .docos-docoview-active .docos-anchoreddocoview-internal,
.docos-docoview-active.docos-anchoreddocoview {
  cursor: default
}

.docs-gm .docos-anchoreddocoview.docos-minimized-view,
.docs-gm .docos-docoview-active.docos-anchoreddocoview.docos-minimized-view,
.docs-gm .docos-emoji-reaction-doco-view.docos-anchoreddocoview.docos-minimized-view:hover,
.docs-grille-gm3 .docos-anchoreddocoview.docos-minimized-view,
.docs-grille-gm3 .docos-docoview-active.docos-anchoreddocoview.docos-minimized-view,
.docs-grille-gm3 .docos-emoji-reaction-doco-view.docos-anchoreddocoview.docos-minimized-view:hover,
.docs-grille-gm3.docs-body-pageless .docos-anchoreddocoview.docos-minimized-view,
.docs-grille-gm3.docs-body-pageless .docos-anchoreddocoview.docos-minimized-view:hover {
  background-color: transparent;
  cursor: pointer;
  border: none;
  box-shadow: none
}

.docos-comments-pe .docos-anchoreddocoview:hover,
.docos-comments-pe .docos-emoji-reaction-doco-view.docos-anchoreddocoview.docos-minimized-view:hover,
.docs-body-pageless .docos-comments-pe .docos-anchoreddocoview.docos-minimized-view:hover {
  cursor: default
}

.docos-comments-pe .docos-anchoreddocoview-internal {
  cursor: pointer
}

.docos-anchoreddocoview-minimized,
.docos-anchoreddocoview-minimized .docs-icon,
.docos-layout-anchored-auto-resize .docos-anchoreddocoview.docos-minimized-view {
  min-height: 24px;
  min-width: 24px;
  max-width: 24px
}

.docs-gm .docos-minimized-view.docos-docoview-active .docos-anchoreddocoview-minimized.docs-material .docs-icon .docs-icon-img {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_blue.svg)
}

.docs-gm .docos-anchoreddocoview.docos-minimized-view:not(.docos-docoview-active):hover .docos-anchoreddocoview-minimized.docs-material .docs-icon .docs-icon-img {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_grey_dark.svg)
}

.docos-anchoreddocoview:active,
.docos-anchoreddocoview:focus {
  outline: 0
}

.docos-anchoreddocoview-internal {
  max-height: inherit;
  overflow-y: auto;
  overflow-x: hidden
}

.docos-anchoreddocoview-content {
  overflow-y: auto;
  overflow-x: hidden
}

.docos-anchoreddocoview .docos-anchoreddocoview-input-pane {
  border: none;
  display: none;
  padding: 8px
}

.docos-anchoreddocoview .docos-anchoreddocoview-input-pane.docos-draftdiscussionview-input-pane {
  padding-top: 0
}

.docos-anchoreddocoview .docos-draftdiscussionview-input-pane {
  background: #fff
}

.docos-docoview-active.docos-anchoreddocoview .docos-anchoreddocoview-input-pane {
  display: block
}

.docos-comments-pe .docos-anchoreddocoview-internal {
  background: #edf2fa
}

.docos-anchoreddocoview-input-pane .docos-input-textarea {
  display: block;
  height: 26px
}

.docos-anchoreddocoview-input-pane .docos-input-buttons {
  text-align: left
}

.docos-comments-pe .docos-anchoreddocoview-input-pane .docos-input-buttons,
.docos-comments-pe .docos-input-buttons .docos-input-button-row {
  text-align: right
}

.docos-comments-pe .docos-input-typing .docos-input-buttons {
  display: flex;
  flex-direction: row-reverse;
  position: relative;
  text-align: right
}

.docs-grille-gm3.docos-comments-pe .docos-input-buttons>.jfk-button {
  margin: 0 0 0 8px
}

.docos-draftdiscussionview-input-pane {
  border-top: none !important;
  padding-top: 0
}

.docos-anchoreddocoview .docos-input-acl-fixer-message,
.docos-anchoreddocoview .docos-input-assignment-message,
.docos-anchoreddocoview .docos-input-at-reply-message,
.docos-anchoreddocoview .docos-input-static-message {
  color: #777;
  font-size: 12px;
  font-family: Arial, sans-serif, sans;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  margin-top: 8px
}

.docs-gm .docos-anchoreddocoview .docos-input-acl-fixer-message,
.docs-gm .docos-anchoreddocoview .docos-input-assignment-message,
.docs-gm .docos-anchoreddocoview .docos-input-at-reply-message,
.docs-gm .docos-anchoreddocoview .docos-input-static-message {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .3px;
  line-height: 16px
}

.docos-comments-pe .docos-anchoreddocoview .docos-input-acl-fixer-message,
.docos-comments-pe .docos-anchoreddocoview .docos-input-assignment-message,
.docos-comments-pe .docos-anchoreddocoview .docos-input-at-reply-message,
.docos-comments-pe .docos-anchoreddocoview .docos-input-static-message {
  color: #444746
}

.docos-layout-anchored .docos-anchoreddocoview {
  position: absolute;
  -webkit-user-select: text;
  user-select: text;
  z-index: 500
}

.docos-layout-anchored .docos-docomenu-visible.docos-anchoreddocoview {
  z-index: 502
}

.docos-layout-anchored .docos-docoview-active.docos-anchoreddocoview {
  z-index: 501
}

.docs-gm .docos-layout-anchored.docos-comments-pe .docos-docomenu-visible.docos-anchoreddocoview {
  z-index: 503
}

.docos-layout-anchored-shadows .docos-anchoreddocoview {
  box-shadow: 0 2px 4px rgba(0, 0, 0, .2)
}

.docos-anchoreddocoview .docos-input-post {
  margin-right: 10px
}

.docs-gm .docos-layout-vertical .docos-anchoreddocoview .docos-anchoreddocoview-arrow-inner.docos-assignee-you {
  background-color: #188038
}

.docs-gm .docos-anchoreddocoview .docos-icon-checkmark {
  margin-top: 1px
}

.docs-grille-gm3 .docos-anchoreddocoview .docos-icon-checkmark {
  margin-top: 4px
}

.docs-grille-gm3 .docos-layout-anchored-shadows .docos-anchoreddocoview,
.docs-grille-gm3 .docos-layout-anchored-shadows .docos-anchoreddocoview:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 4px 8px 3px rgba(0, 0, 0, .15)
}

.docs-grille-gm3.docs-gm .docos-input-at-reply-message {
  color: #444746;
  font-family: Roboto, sans-serif
}

.docos-comments-pe .docos-anchoreddocoview {
  transition: top .35s ease 0s
}

.docos-anchoreddocoview .docos-replyview-reply-count {
  height: 20px;
  margin: 4px 8px 16px 8px
}

.docos-comments-pe .docos-anchoreddocoview.docos-docoview-scrollbar-visible .docos-anchoreddocoview-input-pane {
  border-top: 1px solid #c4c7c5;
  padding-top: 16px
}

.docos-comments-pe .docos-anchoreddocoview.docos-docoview-scrollbar-visible .docos-anchoredreplyview.docos-replyview {
  padding-right: 12px
}

.docos-comments-pe .docos-docoview-scrollbar-visible .docos-anchoredreplyview-header,
.docos-comments-pe .docos-docoview-scrollbar-visible .docos-anchoredreplyview.docos-replyview.docos-replyview-deleted .docos-anchoredreplyview-header {
  margin-right: -12px
}

.docos-comments-pe .docos-minimized-view-mode.docos-anchoreddocoview.docos-docoview-active {
  transition: box-shadow .4s
}

.docos-minimized-view-mode:not(.docos-docoview-active) .docos-anchoreddocoview-input-pane:not(.docos-input-nohide) {
  display: none !important
}

.docos-docoview-active:has(.docos-replyview-deleted:last-child) .docos-anchoreddocoview-input-pane {
  border-top: 1px dashed #c7c7c7;
  padding-top: 12px
}

.docos-replyview-delete,
.docos-replyview-edit {
  color: #15c;
  font-size: 11px;
  margin: 0 2px
}

.docos-replyview-delete:hover,
.docos-replyview-edit:hover {
  text-decoration: underline;
  cursor: pointer
}

.docos-input-cancel {
  margin: 0 0
}

.docos-input-post {
  margin: 8px 7px 0 0
}

.docos-root-reply-action-text-wrapper {
  padding: 8px 0 0 0;
  position: relative
}

.docos-replyview-attribution-warning {
  margin: 8px -8px 0 -8px;
  padding: 8px 8px 4px 8px;
  border-color: #e5e5e5;
  border-top-style: solid;
  border-top-width: 1px;
  color: #3c4043
}

.docos-replyview-attribution-warning-image {
  height: 16px;
  width: 16px
}

.docos-replyview-attribution-warning-text {
  margin: -16px 0 0 16px;
  padding: 0 0 0 4px;
  word-wrap: break-word;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  line-height: 16px
}

.docos-replyview-author-unverified {
  color: #b3261e !important
}

.docos-replyview-tombstone {
  color: #3c4043;
  text-align: center;
  font-family: Roboto, sans-serif;
  font-style: italic;
  font-size: 13.5px;
  letter-spacing: .2px
}

.docos-replyview-headless-suggestions {
  text-align: left;
  font-style: normal
}

.docos-streamreplyview-attribution-warning {
  margin-left: -48px
}

.docos-anchoredreplyview.docos-replyview.docos-replyview-deleted .docos-replyview-body,
.docos-streamreplyview.docos-replyview.docos-replyview-deleted .docos-replyview-avatar {
  display: none
}

.docos-anchoredreplyview.docos-replyview-deleted,
.docos-streamreplyview.docos-replyview.docos-replyview-deleted .docos-streamreplyview-text {
  align-items: center;
  display: grid;
  grid-template-columns: 1fr auto 1fr
}

.docos-anchoredreplyview .docos-find-match {
  background-color: rgba(140, 196, 116, .5)
}

.docos-anchoredreplyview .docos-selected-find-match {
  background-color: #8cc474
}

.docos-anchoredreplyview:focus {
  outline: none
}

.docos-anchoredreplyview,
.docos-showrepliesbutton {
  border: none;
  border-bottom: 1px solid #e5e5e5;
  padding: 3px 8px 5px 8px;
  zoom: 1;
  background: #f5f5f5;
  position: static
}

.docos-anchoreddocoview.docos-docoview-active {
  box-shadow: 0 3px 6px rgba(0, 0, 0, .2)
}

.docs-gm .docos-anchoreddocoview-input-pane,
.docs-gm .docos-anchoredreplyview,
.docs-gm .docos-showrepliesbutton {
  background-color: #fff;
  border-bottom: none;
  border-top: 1px solid #dadce0
}

.docs-gm .docos-showrepliesbutton {
  border-top: none;
  color: #1a73e8;
  letter-spacing: .2px;
  margin: 0 8px;
  padding: 0;
  position: relative;
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center
}

.docs-gm .docos-showrepliesbutton:not([style*="display: none"])+.docos-anchoredreplyview:not([style*="display: none"]),
.docs-gm .docos-showrepliesbutton:not([style*="display: none"])~.docos-anchoredreplyview[style*="display: none"]+.docos-anchoredreplyview:not([style*="display: none"]) {
  border-top: none
}

.docs-gm .docos-anchoreddocoview .docos-anchoredreplyview {
  padding: 8px 0;
  margin: 0 12px
}

.docos-anchoreddocoview .docos-anchoredreplyview.docos-replyview.docos-replyview-deleted {
  min-height: 54px
}

.docos-anchoreddocoview .docos-anchoredreplyview.docos-replyview.docos-replyview-deleted:last-child {
  min-height: 62px;
  padding-top: 4px;
  padding-bottom: 0
}

.docs-gm .docos-anchoreddocoview .docos-replyview-first.docos-anchoredreplyview {
  border-bottom: none;
  padding: 12px 12px 8px 12px;
  margin: 0
}

.docs-gm .docos-anchoreddocoview-input-pane {
  padding: 12px
}

.docs-gm .docos-input-button-row {
  padding-top: 8px
}

.docs-gm .docos-anchoreddocoview.docos-docoview-active {
  border-radius: 8px;
  box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15)
}

.docos-anchoreddocoview .docos-anchoreddocoview-content>.docos-anchoredreplyview:last-of-type,
.docos-anchoreddocoview .docos-docoview-rootreply:only-child .docos-anchoredreplyview {
  padding-bottom: 12px
}

.docos-anchoreddocoview .docos-replyview-first.docos-anchoredreplyview {
  padding: 8px;
  border-bottom: 1px solid #ddd;
  background: #fff;
  min-height: 36px
}

.docos-anchoreddocoview.docos-docoview-resolved .docos-replyview-first.docos-anchoredreplyview,
.docos-docoview-resolved .docos-anchoredreplyview,
.docos-docoview-resolved .docos-showrepliesbutton,
.docs-gm .docos-docoview-resolved.docos-anchoreddocoview {
  background: #eee
}

.docos-comments-pe .docos-anchoreddocoview.docos-docoview-resolved .docos-replyview-first.docos-anchoredreplyview {
  background: inherit
}

.docos-anchoreddocoview .docos-anchoreddocoview-draft .docos-replyview-first.docos-anchoredreplyview {
  border: none
}

.docos-anchoredreplyview .docos-anchoredreplyview-avatar {
  left: 0 !important;
  display: block
}

.docos-anchoredreplyview.docos-replyview-first {
  border-top: none !important
}

.docos-anchoredreplyview-header .docos-anchoredreplyview-author {
  margin: 0;
  margin-top: 2px;
  color: #333;
  font-family: Arial, sans-serif, sans;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 400;
  font-weight: 500;
  height: 18px
}

.docs-gm .docos-anchoredreplyview-header .docos-anchoredreplyview-author {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: .25px;
  line-height: 20px;
  margin-top: 0
}

.docos-anchoreddocoview .docos-anchoreddocoview-input-pane .docos-input-textarea,
.docos-anchoredreplyview .docos-anchoredreplyview-body .docos-anchoredreplyview-origin {
  line-height: 1.4
}

.docs-gm .docos-anchoreddocoview .docos-anchoreddocoview-input-pane .docos-input-textarea {
  line-height: 20px
}

.docos-comments-pe .docos-anchoreddocoview .docos-anchoreddocoview-input-pane .docos-input-textarea {
  height: auto
}

.docos-anchoredreplyview .docos-anchoredreplyview-body {
  word-wrap: break-word;
  color: #333;
  padding: 0
}

.docs-gm .docos-anchoredreplyview .docos-anchoredreplyview-body {
  color: #000;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  letter-spacing: .2px;
  line-height: 20px
}

.docos-anchoredreplyview .docos-replyview-body-emoji-reactable {
  padding: 3px 21px 3px 5px
}

.docos-comments-pe .docos-replyview-body-emoji-reactable {
  margin-left: -5px
}

.docos-replyview-body-emoji-reactable-background {
  background-color: #f1f3f4;
  border-radius: 6px
}

.docos-replyview-emoji-controls .docs-material-button-raised-default {
  background: #fff;
  border-radius: 50%;
  bottom: -3px;
  box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15);
  display: flex;
  justify-content: center;
  padding: 0;
  position: absolute;
  right: -14px;
  width: 32px;
  height: 32px;
  z-index: 10
}

.docs-gm .docos-anchoredreplyview .docos-anchoredreplyview-body a {
  color: #1a73e8
}

.docos-anchoredreplyview-header .docos-anchoredreplyview-timestamp {
  margin: 0;
  color: #777;
  font-size: 11px
}

.docs-gm .badging-enabled-doco .docos-anchoredreplyview-header .docos-anchoredreplyview-timestamp {
  align-items: center;
  display: inline-flex;
  flex-direction: row
}

.docs-gm .docos-anchoredreplyview-header .docos-anchoredreplyview-timestamp {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: .3px
}

.docos-comments-pe .docos-docoview-replycontainer~.docos-replyview-reply-count-container .docos-new-tag-preview,
.docs-gm .docos-docoview-replycontainer .docos-new-tag {
  flex: none;
  align-items: center;
  background-color: #1a73e8;
  border-radius: 9px;
  color: #fff;
  height: 16px;
  justify-content: center;
  margin: auto 0 auto 0;
  overflow: hidden;
  transform-origin: left;
  transition: transform .2s ease-out, color .1s ease-in, border-radius .2s ease
}

.docos-comments-pe .docos-docoview-replycontainer~.docos-replyview-reply-count-container .docos-new-tag-preview {
  margin-bottom: -3px
}

.docos-comments-pe .docos-docoview-replycontainer:not(:hover)~.docos-replyview-reply-count-container .docos-new-tag-preview,
.docs-gm .docos-docoview-replycontainer:not(:hover) .docos-new-tag {
  border-radius: 50%;
  color: #fff;
  width: 6px;
  transform: scale(.375)
}

.docs-gm .docos-anchoredreplyview span+.docos-new-tag {
  margin-left: 4px
}

.docos-new-tag {
  font-weight: 600;
  display: inline-block;
  font-size: .75rem;
  font-family: Roboto, sans-serif;
  padding: 0 5px
}

.docos-comments-pe .docos-docoview-replycontainer:not(:hover)~.docos-replyview-reply-count-container .docos-new-tag-preview .docos-new-message,
.docs-gm .docos-docoview-replycontainer:not(:hover) .docos-new-message {
  color: transparent
}

.docos-anchoredreplyview .docos-accept-suggestion,
.docos-anchoredreplyview .docos-reject-suggestion {
  min-width: 28px;
  width: 28px
}

.docos-anchoredreplyview .docos-accept-suggestion,
.docos-anchoredreplyview .docos-reject-suggestion {
  height: 28px;
  margin: 0;
  position: relative;
  top: auto;
  right: auto;
  display: inline-block;
  vertical-align: middle
}

.docos-anchoredreplyview .docos-accept-suggestion,
.docos-anchoredreplyview .docos-reject-suggestion {
  padding: 0
}

.docos-anchoredreplyview .docos-accept-suggestion {
  right: -1px
}

.docos-anchoredreplyview .docos-accept-suggestion div,
.docos-anchoredreplyview .docos-reject-suggestion div {
  margin: auto;
  margin-top: 1px
}

.docos-accept-suggestion {
  border-radius: 3px 0 0 3px
}

.docos-reject-suggestion {
  border-radius: 0 3px 3px 0
}

.docos.docs-gm .docos-accept-suggestion path,
.docos.docs-gm .docos-reject-suggestion path {
  fill: #188038
}

.docos.docs-gm .docos-accept-suggestion.jfk-button-disabled path,
.docos.docs-gm .docos-reject-suggestion.jfk-button-disabled path {
  fill: #3c4043
}

.docos.docs-gm .docos-accept-suggestion.jfk-button-disabled,
.docos.docs-gm .docos-reject-suggestion.jfk-button-disabled {
  background-color: #fff;
  opacity: .38
}

.docos-accept-suggestion.jfk-button-disabled,
.docos-reject-suggestion.jfk-button-disabled {
  background-color: #f9f9f9
}

.docos-comments-pe.docos.docs-gm .docos-accept-suggestion.jfk-button-disabled,
.docos-comments-pe.docos.docs-gm .docos-reject-suggestion.jfk-button-disabled {
  background-color: inherit;
  opacity: 1
}

.docos-docoview-active.docos-anchoreddocoview .docos-replyview-control,
.docos-docoview-active.docos-showrepliesbutton .docos-replyview-control {
  display: block
}

.docos-showrepliesbutton-collapsed {
  word-wrap: break-word;
  color: #15c
}

.docos-anchoreddocoview:hover .docos-showrepliesbutton-collapsed,
.docos-showrepliesbutton-collapsed:hover {
  text-decoration: underline
}

.docos-anchoreddocoview .docos-showrepliesbutton-collapsed-internal:hover,
.docos-anchoreddocoview .docos-showrepliesbutton-collapsed:hover .docos-showrepliesbutton-collapsed-internal,
.docos-anchoreddocoview:hover .docos-showrepliesbutton-collapsed-internal {
  text-decoration: underline
}

.docs-gm .docos-anchoreddocoview .docos-showrepliesbutton-collapsed {
  position: relative;
  width: 100%
}

.docos-anchoreddocoview .docos-showrepliesbutton-line,
.docos-comments-pe .docos-streamdocoview .docos-showrepliesbutton-line {
  border-top: 1px solid #dadce0;
  height: 50%;
  position: absolute;
  top: 50%;
  width: 100%
}

.docos-comments-pe .docos-streamdocoview .docos-showrepliesbutton-line {
  border-color: #c4c7c5
}

.docs-gm .docos-anchoreddocoview .docos-showrepliesbutton-collapsed-internal {
  background-color: #fff;
  display: inline-block;
  margin: 0 20px;
  overflow-wrap: break-word;
  padding: 0 8px;
  position: relative;
  word-wrap: break-word;
  word-break: break-word
}

.docos-collapsible-replyview {
  position: relative;
  margin: 6px 0;
  padding: 0
}

.docos-comments-pe .docos-streamdocoview .docos-collapsible-replyview {
  margin-bottom: 0
}

.docos-collapsible-replyview.docos-collapsible-replyview-empty,
.docs-gm .docos-anchoredreplyview .docos-collapsible-replyview {
  margin: 0
}

.docos-anchoredreplyview .docos-collapsed-replyview {
  height: 78px;
  overflow: hidden
}

.docos-anchoredreplyview .docos-collapsed-replyview-emoji-reactions>.docos-replyview-static {
  height: 81px;
  overflow: hidden
}

.docos-show-less,
.docos-show-more {
  color: #15c;
  display: none;
  opacity: 1;
  width: 100%;
  outline: none
}

.docos-show-less:focus,
.docos-show-more:focus {
  text-decoration: underline
}

.docos-show-more {
  bottom: 0;
  padding-top: 16px;
  position: absolute;
  right: 0
}

.docos-anchoreddocoview .docos-show-less,
.docos-anchoreddocoview .docos-show-more,
.docos-comments-pe .docos-streamdocoview .docos-show-less,
.docos-comments-pe .docos-streamdocoview .docos-show-more {
  cursor: pointer;
  font-size: 11px
}

.docos-anchoreddocoview .docos-show-less {
  background: #f5f5f5;
  padding: 2px 0
}

.docos-anchoreddocoview .docos-show-more {
  padding: 7px 0 2px 0
}

.docos-anchoreddocoview .docos-replyview-first .docos-show-less {
  background: #fff
}

.docos-show-less:hover,
.docos-show-more:hover {
  text-decoration: underline
}

.docos-anchoreddocoview .docos-show-more {
  background: #f5f5f5;
  -ms-filter: none;
  filter: none
}

.docos-anchoreddocoview .docos-replyview-first .docos-show-more {
  background: #fff
}

.docos-anchoreddocoview.docos-docoview-tesla-conflict:hover .docos-show-more {
  background: #f5f5f5;
  -ms-filter: none;
  filter: none
}

.docos-anchoreddocoview.docos-docoview-tesla-conflict:hover .docos-replyview-first .docos-show-more {
  background: #fff
}

.docos-anchoreddocoview.docos-docoview-active .docos-show-more,
.docos-anchoreddocoview.docos-docoview-active:hover .docos-show-more {
  background: #f5f5f5;
  -ms-filter: none;
  filter: none
}

.docs-gm .docos-anchoreddocoview .docos-show-less,
.docs-gm .docos-anchoreddocoview .docos-show-more,
.docs-gm .docos-anchoreddocoview.docos-docoview-active .docos-show-less,
.docs-gm .docos-anchoreddocoview.docos-docoview-active .docos-show-more,
.docs-gm .docos-anchoreddocoview.docos-docoview-tesla-conflict:hover .docos-show-more,
.docs-gm .docos-replyview-first .docos-show-more {
  background: #fff
}

.docos-anchoreddocoview.docos-docoview-active .docos-replyview-first .docos-show-more,
.docos-anchoreddocoview.docos-docoview-active:hover .docos-replyview-first .docos-show-more {
  background: #fff
}

.docos-collapsed-replyview>.docos-replyview-static>.docos-show-more,
.docos-collapsed-replyview>.docos-streamdocoview-show-buttons>.docos-show-more {
  display: block
}

.docos-collapsed-replyview>.docos-replyview-static {
  height: 100%
}

.docos-collapsed-replyview-emoji-reactions>.docos-replyview-static>.docos-show-more {
  display: block
}

.docos-collapsed-replyview-emoji-reactions>.docos-replyview-static {
  height: 100%;
  overflow: hidden
}

.docos-anchoreddocoview.docos-docoview-active .docos-show-less {
  background: #f5f5f5
}

.docos-anchoreddocoview.docos-docoview-active .docos-replyview-first .docos-show-less {
  background: #fff
}

.docos-anchoredreplyview-header {
  margin: 6px 0;
  height: 38px;
  white-space: nowrap;
  display: flex
}

.docs-gm .docos-anchoredreplyview-header {
  margin-top: 0
}

.docos-replyview-first .docos-anchoredreplyview-header {
  margin: 0;
  margin-bottom: 8px
}

.docos-anchoreddocoview-draft .docos-replyview-first .docos-anchoredreplyview-header {
  margin: 0
}

.docos-anchoredreplyview-buttonholder {
  white-space: nowrap
}

.docos-anchoreddocoview.docos-docomenu-visible .docos-mark-done-button-white,
.docos-anchoreddocoview.docos-docoview-active .docos-mark-done-button-white,
.docos-anchoreddocoview:hover .docos-mark-done-button-white {
  border: 1px solid hsla(0, 0%, 100%, .7)
}

.docos-overflowmenu-outer .goog-menu {
  z-index: 600
}

.docos-anchoredreplyview-buttonholder:hover .docos-reject-suggestion,
.docos-anchoredreplyview-buttonholder:hover .docos-replyview-resolve-button {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.docos-anchoredreplyview-buttonholder>.docos-reject-suggestion:hover,
.docos-anchoredreplyview-buttonholder>.docos-replyview-resolve-button:hover {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px
}

.docos-replyview-first .docos-anchoredreplyview-buttonholder {
  padding: 4px 0 4px 4px
}

.docos-accept-suggestion {
  margin-right: -1px
}

.docos-anchoredreplyview-authortimestamp {
  padding-left: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex-grow: 1
}

.badging-enabled-doco .docos-anchoredreplyview-authortimestamp span {
  overflow: hidden;
  text-overflow: ellipsis
}

.docs-gm .docos-anchoredreplyview-authortimestamp {
  display: flex;
  align-items: start;
  flex-direction: column;
  justify-content: center
}

.docos-anchoredreplyview-authortimestamp>* {
  overflow: hidden;
  text-overflow: ellipsis
}

.docs-gm .docos-anchoredreplyview-authortimestamp>* {
  align-self: stretch
}

.docos-anchoredreplyview-avatar-holder {
  max-width: 32px
}

.docs-gm .docos-anchoredreplyview-avatar-holder {
  height: 38px;
  margin-top: 2px;
  max-width: 36px;
  width: 36px
}

.docos-anchoredreplyview-header .docos-avatar {
  position: relative
}

.docs-gm .docos-anchoredreplyview-header .docos-avatar {
  margin-left: 2px;
  margin-top: 2px
}

.docos-replyview-resolve-button-original {
  display: inline-block;
  margin: 0;
  opacity: .2;
  padding-left: 2px;
  position: relative;
  padding: 0 4px 0 4px;
  min-width: 50px;
  height: 28px;
  vertical-align: top
}

.docs-gm .docos-replyview-resolve-button-original {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #fff;
  border: 1px solid #dadce0 !important;
  color: #137333;
  height: 24px;
  padding: 3px 12px 5px
}

.docs-gm .docos-replyview-resolve-button-original:hover {
  background: #f8fcf9;
  border: 1px solid #c8e7d1 !important;
  height: 24px;
  padding: 3px 12px 5px
}

.docs-gm .docos-replyview-resolve-button {
  border-radius: 3px 0 0 3px;
  display: inline-block;
  margin: auto;
  margin-top: 1px;
  padding: 0;
  position: relative;
  top: auto;
  right: auto;
  vertical-align: middle;
  width: 28px;
  height: 28px
}

.docs-gm .docos-anchoreddocoview.docos-docoview-active .docos-replyview-resolve-button,
.docs-gm .docos-anchoreddocoview:hover .docos-replyview-resolve-button {
  opacity: 1
}

.docos-anchoredreplyview .docos-replyview-edit {
  margin-left: 0
}

.docos-anchoredreplyview-origin {
  word-wrap: break-word;
  color: #777;
  margin: 8px -8px 0 -8px;
  padding: 8px 8px 4px 8px;
  border-color: #e5e5e5;
  border-top-style: solid;
  border-top-width: 1px;
  font-size: 11px;
  font-style: italic
}

.docs-gm .docos-anchoredreplyview-origin {
  color: #80868b;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px
}

.docos-comments-pe .docos-anchoredreplyview-origin {
  color: #444746;
  font-family: Roboto, sans-serif
}

.docos-anchoredreplyview .docos-action-text {
  color: #707070;
  font-style: italic;
  word-wrap: break-word;
  -ms-word-wrap: break-word;
  overflow-wrap: break-word
}

.docs-gm .docos-anchoredreplyview .docos-action-text {
  color: #80868b;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .2px;
  line-height: 20px
}

.docos-action-text-bottom-wrapper {
  padding: 8px 0 3px 0;
  position: relative
}

.docos-anchoreddocoview .docos-anchoredreplyview:last-of-type .docos-action-text-bottom-wrapper {
  padding: 8px 0 0 0
}

.docos-replyview-emojis-wrapper {
  display: flex;
  flex-wrap: wrap;
  padding-top: 3px
}

.docos-replyview-emojis-wrapper .docs-material-button-flat-primary {
  border: 1px solid rgba(60, 64, 67, .15);
  border-radius: 15px;
  margin: 1.5px
}

.docos-replyview-emojis-wrapper .docs-material-button-disabled.docs-material-button-flat-primary {
  background-image: radial-gradient(#f8f8ff, #e6e6fa);
  cursor: inherit
}

.docs-grille-gm3 .docos-anchoreddocoview .docos-replyview-first.docos-anchoredreplyview {
  padding: 16px 16px 8px
}

.docs-grille-gm3 .docos-anchoreddocoview .docos-docoview-rootreply :only-child.docos-anchoredreplyview {
  padding-bottom: 12px
}

.docs-grille-gm3 .docos-anchoreddocoview,
.docs-grille-gm3 .docos-anchoreddocoview .docos-anchoredreplyview,
.docs-grille-gm3 .docos-anchoreddocoview-input-pane {
  background: #edf2fa
}

.docs-gm.docs-grille-gm3.docos-comments-pe .docos-anchoreddocoview {
  background: transparent
}

.docs-grille-gm3.docs-body-pageless .docos-anchoreddocoview,
.docs-grille-gm3.docs-body-pageless .docos-anchoreddocoview .docos-anchoredreplyview,
.docs-grille-gm3.docs-body-pageless .docos-anchoreddocoview-input-pane,
.docs-grille-gm3.docs-body-pageless .docos-comments-pe .docos-anchoreddocoview .docos-replyview-reply-count,
.docs-grille-gm3.docs-body-pageless .docos-comments-pe .docos-anchoreddocoview-internal {
  background: #f3f6fc
}

.docs-grille-gm3 .docos-anchoreddocoview,
.docs-grille-gm3 .docos-anchoreddocoview-input-pane {
  border: none
}

.docs-grille-gm3 .docos-anchoreddocoview,
.docs-grille-gm3 .docos-anchoreddocoview-internal,
.docs-grille-gm3 .docos-anchoreddocoview.docos-docoview-active {
  border-radius: 12px
}

.docs-grille-gm3 .docos-input .docos-input-textarea,
.docs-grille-gm3 .docos-input .docos-input-textarea:focus,
.docs-grille-gm3 .docos-streamdocoview-input-pane .docos-input-textarea,
.docs-grille-gm3 .docos-streamdocoview-input-pane.docos-input .docos-input-textarea:focus {
  background: #fff;
  border: 1px solid #747775;
  border-radius: 18px;
  color: #1f1f1f;
  font-family: Roboto, sans-serif;
  padding: 8px 7px 8px 16px
}

.docs-grille-gm3 .docos-anchoreddocoview .docos-anchoredreplyview,
.docs-grille-gm3 .docos-anchoreddocoview-input-pane {
  border-color: #c7c7c7;
  margin: 0 16px
}

.docos-comments-pe .docos-anchoreddocoview .docos-anchoreddocoview-input-pane,
.docos-comments-pe .docos-anchoreddocoview .docos-anchoredreplyview {
  border-color: #747775;
  margin: 0
}

.docos-comments-pe .docos-anchoreddocoview .docos-anchoredreplyview {
  padding-left: 16px;
  padding-right: 16px
}

.docs-grille-gm3 .docos-anchoredreplyview .docos-anchoredreplyview-body a {
  color: #0b57d0
}

.docos-comments-pe .docos-anchoreddocoview:hover .docos-anchoreddocoview-internal,
.docos-comments-pe .docos-anchoreddocoview:hover .docos-replyview-reply-count,
.docs-gm.docos.docos-comments-pe .docos-assigneeview.docos-assignee-other,
.docs-grille-gm3 .docos-anchoreddocoview:hover,
.docs-grille-gm3 .docos-anchoreddocoview:hover .docos-anchoreddocoview-input-pane,
.docs-grille-gm3 .docos-anchoreddocoview:hover .docos-anchoredreplyview {
  background: #e7edf8;
  box-shadow: none
}

.docs-gm .docos.docos-comments-pe .docos-anchoreddocoview:hover {
  background: transparent
}

.docos-comments-pe .docos-minimized-view-mode.docos-anchoreddocoview:not(.docos-minimized-view) {
  z-index: 501
}

.docos-comments-pe .docos-anchoreddocoview.docos-minimized-view-mode .docos-docoview-replycontainer>.docos-replyview-comment {
  display: none
}

.docos-comments-pe .docos-anchoreddocoview.docos-docoview-active .docos-docoview-replycontainer>.docos-replyview-comment:not(.docos-replyview-deleted) {
  display: block
}

.docos-comments-pe .docos-anchoreddocoview.docos-docoview-active .docos-docoview-replycontainer>.docos-replyview-comment.docos-replyview-deleted {
  display: grid
}

.docos-comments-pe .docos-anchoreddocoview.docos-minimized-view-mode .docos-replyview-reply-count {
  display: inline-block;
  margin-right: 0
}

.docos-comments-pe .docos-anchoreddocoview .docos-replyview-reply-count,
.docos-comments-pe .docos-anchoreddocoview.docos-docoview-active .docos-replyview-reply-count,
.docos-comments-pe .docos-anchoreddocoview.docos-docoview-active .docos-replyview-reply-count-container,
.docos-comments-pe .docos-anchoreddocoview:not(.docos-minimized-view-mode) .docos-replyview-reply-count-container {
  display: none
}

.docs-body-pageless .docos .docos-comments-pe .docos-assigneeview,
.docs-body-pageless .docos-comments-pe .docos-anchoreddocoview:hover .docos-anchoreddocoview-internal,
.docs-body-pageless .docos-comments-pe .docos-anchoreddocoview:hover .docos-replyview-reply-count,
.docs-grille-gm3.docs-body-pageless .docos-anchoreddocoview:hover,
.docs-grille-gm3.docs-body-pageless .docos-anchoreddocoview:hover .docos-anchoreddocoview-input-pane,
.docs-grille-gm3.docs-body-pageless .docos-anchoreddocoview:hover .docos-anchoredreplyview {
  background: #edf2fa
}

.docs-grille-gm3.docs-gm .docos-anchoreddocoview.docos-docoview-active,
.docs-grille-gm3.docs-gm .docos-anchoreddocoview.docos-docoview-active:hover,
.docs-grille-gm3.docs-gm .docos-comments-pe .docos-docoview-active .docos-anchoreddocoview-internal,
.docs-grille-gm3.docs-gm .docos-comments-pe .docos-docoview-active.docos-anchoreddocoview:hover .docos-anchoreddocoview-internal,
.docs-grille-gm3.docs-gm .docos-docoview-active .docos-anchoreddocoview-input-pane,
.docs-grille-gm3.docs-gm .docos-docoview-active .docos-anchoredreplyview,
.docs-grille-gm3.docs-gm .docos-docoview-active:hover .docos-anchoreddocoview-input-pane,
.docs-grille-gm3.docs-gm .docos-docoview-active:hover .docos-anchoredreplyview {
  background: #fff
}

.docs-grille-gm3 .docos-anchoredreplyview .docos-anchoredreplyview-body {
  color: #444746;
  font-family: Roboto, sans-serif
}

.docs-grille-gm3 .docos-anchoreddocoview.docos-docoview-active,
.docs-grille-gm3 .docos-anchoreddocoview.docos-docoview-active:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 4px 8px 3px rgba(0, 0, 0, .15)
}

.docs-grille-gm3 .docos-anchoredreplyview-buttonholder {
  opacity: 0;
  transition: opacity .25s cubic-bezier(.4, 0, .2, 1)
}

.docs-grille-gm3 .docos-anchoredreplyview .docos-accept-suggestion,
.docs-grille-gm3 .docos-anchoredreplyview .docos-reject-suggestion,
.docs-grille-gm3 .docos-replyview-resolve-button {
  border: none
}

.docs-grille-gm3 .docos-anchoreddocoview .docos-accept-suggestion,
.docs-grille-gm3 .docos-anchoreddocoview .docos-reject-suggestion,
.docs-grille-gm3 .docos-anchoreddocoview.docos-docoview-active .docos-anchoredreplyview-buttonholder,
.docs-grille-gm3 .docos-anchoreddocoview:hover .docos-anchoredreplyview-buttonholder {
  opacity: 1
}

.docs-grille-gm3 .docos-anchoredreplyview-header .docos-anchoredreplyview-author {
  color: #1f1f1f
}

.docs-grille-gm3 .docos-anchoredreplyview .docos-action-text,
.docs-grille-gm3 .docos-anchoredreplyview-header .docos-anchoredreplyview-timestamp,
.docs-grille-gm3 .docos-streamdocoview .docos-action-text,
.docs-grille-gm3.docs-gm .docos-xeditor .docos-streamdocoview-timestamp {
  color: #444746;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-style: normal
}

.docs-grille-gm3 .docos-root-reply-action-text-wrapper {
  padding-bottom: 2px
}

.docs-grille-gm3 .docos-anchoredreplyview .docos-accept-suggestion div,
.docs-grille-gm3 .docos-anchoredreplyview .docos-reject-suggestion div {
  margin-top: 2px
}

.docs-grille-gm3 .docos-anchoreddocoview-input-pane {
  padding: 0 0 16px
}

.docos-comments-pe .docos-anchoreddocoview-input-pane {
  padding: 0 16px 16px 16px
}

.docs-grille-gm3 .docos-showrepliesbutton {
  margin: 0 16px
}

.docs-grille-gm3 .docos-anchoreddocoview .docos-showrepliesbutton-collapsed-internal,
.docs-grille-gm3 .docos-showrepliesbutton,
.docs-grille-gm3 .docos-showrepliesbutton-collapsed {
  background: none;
  color: #444746;
  font: 500 14px/20px Roboto, sans-serif;
  -webkit-font-smoothing: antialiased
}

.docos-comments-pe .docos-anchoreddocoview .docos-showrepliesbutton-collapsed-internal,
.docos-comments-pe .docos-showrepliesbutton,
.docos-comments-pe .docos-showrepliesbutton-collapsed {
  color: #0b57d0
}

.docos-comments-pe .docos-streamdocoview .docos-showrepliesbutton-collapsed-internal,
.docs-grille-gm3 .docos-anchoreddocoview .docos-showrepliesbutton-collapsed-internal {
  border-radius: 100px;
  margin: 0 8px;
  padding: 2px 8px
}

.docos-comments-pe .docos-streamdocoview .docos-showrepliesbutton-collapsed-internal-container,
.docs-grille-gm3 .docos-showrepliesbutton-collapsed-internal-container {
  background: #edf2fa;
  display: inline-block;
  position: relative
}

.docos-comments-pe .docos-streamdocoview .docos-showrepliesbutton-collapsed-internal-container,
.docs-grille-gm3.docs-body-pageless .docos-showrepliesbutton-collapsed-internal-container {
  background: #f3f6fc
}

.docos-comments-pe.docs-docos-activity-sidebar .docos-streamdocoview.docos-docoview-active .docos-showrepliesbutton-collapsed-internal,
.docos-comments-pe.docs-docos-activity-sidebar .docos-streamdocoview:hover .docos-showrepliesbutton-collapsed-internal,
.docs-grille-gm3 .docos-anchoreddocoview.docos-docoview-active .docos-showrepliesbutton-collapsed-internal,
.docs-grille-gm3 .docos-anchoreddocoview:hover .docos-showrepliesbutton-collapsed-internal {
  color: #0b57d0;
  text-decoration: none
}

.docs-grille-gm3 .docos-anchoreddocoview.docos-docoview-active .docos-showrepliesbutton-collapsed-internal-container,
.docs-grille-gm3 .docos-anchoreddocoview:hover .docos-showrepliesbutton-collapsed-internal-container {
  background: #e7edf8
}

.docs-grille-gm3.docs-body-pageless .docos-anchoreddocoview.docos-docoview-active .docos-showrepliesbutton-collapsed-internal-container,
.docs-grille-gm3.docs-body-pageless .docos-anchoreddocoview:hover .docos-showrepliesbutton-collapsed-internal-container {
  background: #edf2fa
}

.docos-comments-pe .docos-streamdocoview .docos-showrepliesbutton-collapsed-internal:hover,
.docs-grille-gm3 .docos-anchoreddocoview .docos-showrepliesbutton-collapsed-internal:hover {
  background-color: rgba(11, 87, 208, .08)
}

.docos-comments-pe .docos-streamdocoview .docos-showrepliesbutton-collapsed-internal:active,
.docos-comments-pe .docos-streamdocoview .docos-showrepliesbutton-collapsed-internal:focus,
.docs-grille-gm3 .docos-anchoreddocoview .docos-showrepliesbutton-collapsed-internal:active,
.docs-grille-gm3 .docos-anchoreddocoview .docos-showrepliesbutton-collapsed-internal:focus {
  background-color: rgba(11, 87, 208, .12)
}

.docs-grille-gm3 .docos-replyview-body-emoji-reactable-background {
  background-color: rgba(68, 71, 70, .08);
  border-radius: 8px;
  outline: 1px solid transparent
}

.docs-grille-gm3 .docos-replyview-emoji-controls .docs-material-button-raised-default {
  box-shadow: 0 2px 3px rgba(0, 0, 0, .3), 0 6px 10px 4px rgba(0, 0, 0, .15);
  opacity: inherit;
  padding: 0
}

.docs-grille-gm3 .docos-replyview-emojis-wrapper .docs-material-button-flat-primary {
  border-color: #c7c7c7;
  margin: 2px
}

.docs-grille-gm3 .docos-replyview-emojis-wrapper .docs-material-button-focused,
.docs-grille-gm3 .docos-replyview-emojis-wrapper .docs-material-button-hover {
  border-color: transparent;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 2px 6px 2px rgba(0, 0, 0, .15)
}

.docs-grille-gm3 .docos-replyview-emoji-controls .docs-material-button-disabled .docs-material-button-content {
  background-color: #e1e3e1;
  background-image: none
}

.docs-grille-gm3 .docos-anchoreddocoview .docos-show-less,
.docs-grille-gm3 .docos-anchoreddocoview .docos-show-more,
.docs-grille-gm3 .docos-replyview-first .docos-show-more {
  background: #edf2fa;
  font-family: Roboto, sans-serif
}

.docs-grille-gm3.docs-body-pageless .docos-anchoreddocoview .docos-show-less,
.docs-grille-gm3.docs-body-pageless .docos-anchoreddocoview .docos-show-more,
.docs-grille-gm3.docs-body-pageless .docos-replyview-first .docos-show-more {
  background: #f3f6fc
}

.docs-grille-gm3 .docos-anchoreddocoview.docos-docoview-tesla-conflict:hover .docos-show-more,
.docs-grille-gm3 .docos-anchoreddocoview:hover .docos-replyview-first .docos-show-more,
.docs-grille-gm3 .docos-anchoreddocoview:hover .docos-show-less,
.docs-grille-gm3 .docos-anchoreddocoview:hover .docos-show-more {
  background: #e7edf8
}

.docs-grille-gm3.docs-body-pageless .docos-anchoreddocoview.docos-docoview-tesla-conflict:hover .docos-show-more,
.docs-grille-gm3.docs-body-pageless .docos-anchoreddocoview:hover .docos-replyview-first .docos-show-more,
.docs-grille-gm3.docs-body-pageless .docos-anchoreddocoview:hover .docos-show-less,
.docs-grille-gm3.docs-body-pageless .docos-anchoreddocoview:hover .docos-show-more {
  background: #edf2fa
}

.docs-grille-gm3.docs-gm .docos-anchoreddocoview.docos-docoview-active .docos-show-less,
.docs-grille-gm3.docs-gm .docos-anchoreddocoview.docos-docoview-active .docos-show-more,
.docs-grille-gm3.docs-gm .docos-docoview-active.docos-docoview-tesla-conflict:hover .docos-show-more {
  background: #fff
}

.docs-grille-gm3 .docos-anchoredreplyview-avatar-holder {
  max-width: 34px;
  width: 34px
}

.docs-grille-gm3 .docos-anchoredreplyview-header .docos-avatar {
  margin: 0
}

.docs-grille-gm3 .docos-replyview-first .docos-anchoredreplyview-buttonholder {
  padding: 0
}

.docs-grille-gm3 .docos-anchoredreplyview .docos-collapsed-replyview {
  height: 81px
}

.docs-grille-gm3 .docos-anchoredreplyview .docos-collapsed-replyview-emoji-reactions>.docos-replyview-static {
  height: 87px
}

.docs-grille-gm3.docs-gm .docos-new-tag.docos-new-tag {
  background-color: #0b57d0;
  font: 500 11px/16px Roboto, sans-serif
}

.docs-grille-gm3 .docos-show-less,
.docs-grille-gm3 .docos-show-more {
  color: #0b57d0;
  text-decoration: none
}

.docs-grille-gm3 .docos-anchoredreplyview .docos-anchoredreplyview-body span,
.docs-grille-gm3 .docos-streamdocoview-body .docos-replyview-body span {
  color: #444746 !important
}

.docs-grille-gm3.docs-gm .docos-replyview-emoji-controls .docs-material-button-focused,
.docs-grille-gm3.docs-gm .docos-replyview-emoji-controls .docs-material-button-hover {
  padding: 0
}

.docos-comments-pe .docos-anchoredreplyview {
  border-top: none
}

@media screen and (forced-colors:active) {

  .docos-anchoreddocoview .docos-selected-find-match,
  .docos-anchoredreplyview .docos-find-match {
    background-color: Highlight;
    color: HighlightText
  }

  .docos-replyview-body-emoji-reactable-background,
  .docos-replyview-emoji-controls .docs-material-button-raised-default {
    outline: 1px solid Highlight
  }
}

.docos-anchoredreplyview.docos-replyview.docos-replyview-deleted .docos-replyview-emojis-wrapper {
  margin: revert;
  padding: revert
}

.docos-anchoredreplyview.docos-replyview.docos-replyview-deleted,
.docos-anchoredreplyview.docos-replyview.docos-replyview-deleted+.docos-replyview:not(.docos-replyview-deleted),
.docos-anchoredreplyview.docos-replyview.docos-replyview-deleted+.docos-showrepliesbutton[style*="display: none"]+.docos-replyview:not(.docos-replyview-deleted) {
  border-top: 1px dashed #c7c7c7
}

.docos-comments-pe .docos-anchoreddocoview-internal {
  display: flex;
  flex-direction: column
}

.docos-comments-pe .docos-anchoreddocoview .docos-anchoreddocoview-input-pane,
.docos-comments-pe .docos-anchoreddocoview-content.docos-anchoreddocoview-draft,
.docos-comments-pe .docos-anchoreddocoview-content.docos-docoview-replycontainer {
  flex-shrink: 0
}

.docos-anchoredreplyview.docos-replyview.docos-replyview-deleted .docos-collapsible-replyview {
  grid-column-start: 2;
  order: 1
}

.docos-anchoredreplyview.docos-replyview.docos-replyview-deleted .docos-anchoredreplyview-header {
  align-items: center;
  justify-content: flex-end;
  margin: 0;
  order: 2
}

.docos-anchoredreplyview.docos-replyview.docos-replyview-deleted .docos-replyview-attribution-warning {
  grid-column-end: span 3;
  grid-row: 2
}

.docos-anchoredreplyview.docos-replyview.docos-replyview-deleted .docos-anchoredreplyview-authortimestamp,
.docos-anchoredreplyview.docos-replyview.docos-replyview-deleted .docos-anchoredreplyview-avatar-holder {
  display: none
}

.docos-approver-badge-container {
  width: fit-content;
  width: -moz-fit-content
}

.docos-approver-badge {
  align-items: center;
  border-radius: 12px;
  cursor: pointer;
  display: flex;
  height: 24px;
  margin: 4px 0 8px 0;
  outline: 1px solid transparent;
  padding: 2px 8px
}

.docos-approver-badge.docs-hc-gecko {
  border: 1px solid transparent
}

.docos-approver-badge .docs-material .docs-icon-approvals-stamp {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_blue.svg)
}

.docos-approver-badge-text {
  color: #1a73e8;
  font: 500 14px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  padding: 0 8px
}

.docos-approver-badge:hover {
  background: rgba(11, 87, 208, .08)
}

.docos-approver-badge:active,
.docos-approver-badge:focus {
  background: rgba(11, 87, 208, .12)
}

.docos-assigneeview {
  border-bottom: 1px solid #ddd;
  padding: 7px 10px 7px 8px
}

.docs-gm .docos-assigneeview {
  border-bottom: 1px solid #dadce0;
  padding: 12px
}

.docs-gm.docos-xeditor .docos-streamdocoview-content .docos-assigneeview .docos-assigneeview-icon-container {
  position: absolute;
  right: 16px
}

.docos-assigneeview table {
  border-spacing: 0;
  width: 100%
}

.docos-assigneeview.docos-assignee-other {
  background-color: #f2f2f2;
  color: #333
}

.docs-gm .docos-assigneeview.docos-assignee-other {
  background-color: #e6f4ea;
  color: #3c4043
}

.docos-assigneeview.docos-assignee-you {
  background-color: #4285f4;
  color: #fff
}

.docos.docs-gm .docos-assigneeview.docos-assignee-you {
  background-color: #188038;
  color: #fff
}

.docs-gm .docos-assigneeview-avatar-container {
  padding: 2px
}

.docos-assigneeview-avatar.docos-avatar {
  position: relative;
  display: block
}

.docos-assigneeview-assigneeinfo {
  padding: 0 0 0 10px;
  width: 100%;
  max-width: 135px
}

.docs-gm .docos-assigneeview-label {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .3px;
  line-height: 16px
}

.docs-gm.docos-xeditor .docos-assigneeview-label {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}

.docos-assigneeview-assignee-text {
  font-weight: 700;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.docs-gm .docos-assigneeview-assignee-text {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .25px;
  line-height: 20px
}

.docos-assigneeview .docos-icon-checkmark-black {
  margin-top: 1px
}

.docos-assigneeview .docos-icon-checkmark-white {
  margin-top: 6px
}

.docs-gm .docos-assigneeview .docos-icon-checkmark-white {
  margin-top: 1px
}

.docos-assigneeview .docos-mark-done-button {
  width: 28px;
  height: 28px;
  min-width: 28px;
  padding: 0;
  margin: 0;
  background: none
}

.docos-assigneeview .docos-mark-done-button-black {
  opacity: .2
}

.docos.docs-gm .docos-assigneeview .docos-mark-done-button-black {
  opacity: 1
}

.docos-assigneeview .docos-mark-done-button-white {
  border: 1px solid hsla(0, 0%, 100%, .38);
  opacity: .7
}

.docos-assigneeview .docos-mark-done-button-white:hover {
  border: 1px solid #fff;
  opacity: 1;
  background: none
}

.docs-gm .docos-assigneeview .docos-mark-done-button-white {
  border: none;
  opacity: 1
}

.docos-xeditor .docos-streamdocoview-content .docos-streamdocoview-assigneecontainer {
  margin: -15px -15px 0;
  padding-bottom: 12px
}

.docos-comments-pe .docos-streamdocoview .docos-assigneeview,
.docos-xeditor .docos-streamdocoview-content .docos-assigneeview {
  align-items: center;
  border: none;
  box-sizing: border-box;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  margin: 5px
}

.docs-grille-gm3.docos-comments-pe .docos-streamdocoview .docos-assigneeview {
  border-radius: 11px 11px 0 0;
  margin: 0;
  padding: 0 16px
}

.docos-xeditor .docos-streamdocoview-content .docos-assigneeview.docos-assignee-other {
  color: #137333
}

.docos-comments-pe .docos-assigneeview.docos-assignee-other {
  display: none
}

.docos-comments-pe .docos-streamdocoview .docos-assigneeview.docos-assignee-you {
  display: flex
}

.docos-comments-pe .docos-anchoreddocoview .docos-assigneeview.docos-assignee-you {
  display: block
}

.docos-xeditor .docos-streamdocoview-content .docos-assigneeview.docos-assignee-you .docos-assigneeview-assignee-text {
  text-transform: uppercase
}

.docos-xeditor .docos-streamdocoview-content .docos-assigneeview-label {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: .25px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.docos-xeditor .docos-streamdocoview-content .docos-assigneeview-assignee-text {
  margin-left: 4px;
  max-width: 195px
}

.docos-xeditor .docos-streamdocoview-content .docos-mark-done-button {
  margin: 0
}

.docs-grille-gm3 .docos-assigneeview {
  border: none;
  padding: 1px 16px
}

.docs-grille-gm3 .docos-assigneeview-assigneeinfo {
  align-items: center;
  display: flex;
  height: 38px;
  max-width: 210px;
  padding: 0
}

.docs-grille-gm3 .docos .docos-assigneeview.docos-assignee-you {
  background-color: #d3e3fd;
  color: #041e49
}

.docs-grille-gm3 .docos .docos-assigneeview.docos-assignee-other {
  background-color: inherit;
  color: #444746
}

.docos-xeditor .docos-streamdocoview-content .docos-assigneeview-label,
.docs-grille-gm3 .docos-assigneeview-assignee-text,
.docs-grille-gm3 .docos-assigneeview-label {
  display: inline-block;
  font: 500 12px/16px Roboto, sans-serif;
  vertical-align: middle;
  white-space: nowrap
}

.docos-xeditor .docos-streamdocoview-content .docos-assigneeview-label {
  display: flex
}

.docs-grille-gm3 .docos-assigneeview-assignee-text {
  margin: 0 3px
}

.docs-grille-gm3 .docos-assigneeview .docos-icon-checkmark-black {
  margin-top: 4px
}

.docs-grille-gm3 .docos .docos-assigneeview .docos-mark-done-button {
  background: none;
  border: 1px solid transparent !important;
  border-radius: 100%;
  height: 32px;
  width: 32px;
  margin: 0
}

.docs-grille-gm3 .docos-assigneeview .docos-mark-done-button.jfk-button-hover {
  background: none;
  border: 1px solid transparent !important;
  border-radius: 100%;
  height: 32px;
  width: 32px;
  background-color: rgba(68, 71, 70, .08)
}

.docs-grille-gm3 .docos-assigneeview .docos-mark-done-button.jfk-button-active,
.docs-grille-gm3 .docos-assigneeview .docos-mark-done-button.jfk-button-focused {
  background: none;
  border: 1px solid transparent !important;
  border-radius: 100%;
  height: 32px;
  width: 32px;
  background-color: rgba(68, 71, 70, .12)
}

.docos-xeditor .docos-streamdocoview-content .docos-streamdocoview-assigneecontainer {
  padding-bottom: 8px
}

.docs-grille-gm3 .docos-assignee-you .docos-mark-done-button .docs-icon-img {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_blue.svg)
}

.docs-grille-gm3 .docos-assignee-other .docos-mark-done-button .docs-icon-img {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_gm3_grey_medium.svg);
  left: -798px;
  top: -1016px
}

.docs-grille-gm3 .docos-anchoreddocoview.docos-docoview-active .docos-assignee-other .docos-mark-done-button .docs-icon-img {
  left: -338px;
  top: -460px
}

.docs-grille-gm3.docs-gm .docos-assigneeview.docos-assignee-you .docos-assigneeview-assignee-text {
  text-transform: lowercase
}

.docs-grille-gm3 .docos .docos-assigneeview td:last-child {
  text-align: end
}

.docos-comments-pe .docos-streamdocoview .docos-streamdocoview-assigneecontainer {
  margin: -1px;
  padding-bottom: 0
}

.CSS_ASSISTED_WRITING_TYPEAHEAD_CONTAINER {
  color: #80868b !important
}

.docos-ac {
  background: #fff;
  border: 1px solid #c8c8c8;
  font-family: Arial, sans-serif, sans;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  margin: 0 0;
  padding: 4px 0 4px 0;
  position: absolute;
  z-index: 900
}

.docs-gm .docos-ac {
  border-color: transparent;
  border-radius: 8px;
  box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15);
  padding: 9px 0 9px 0
}

.docos-ac div {
  cursor: pointer
}

.docos-ac .ac-row {
  height: auto;
  padding: 0
}

.docos-ac .ac-active {
  background-color: #eee
}

.docos-ac div.active {
  background-color: #eee
}

.docs-gm .docos-ac .ac-active,
.docs-gm .docos-ac div.active {
  background-color: #f1f3f4
}

.docos-ac-highlighted {
  font-weight: 700
}

.docos-availability-banner {
  background-color: #fef7e0;
  padding: 8px 0 8px 14px;
  margin: 12px 0 8px 0;
  display: flex;
  align-items: center;
  outline: 1px solid transparent
}

.docs-gm .docos-anchoreddocoview .docos-availability-banner {
  left: -12px;
  width: 268px
}

.docos-anchoreddocoview .docos-availability-banner {
  left: -8px;
  width: 226px
}

.docs-gm .docos-layout-anchored-auto-resize .docos-anchoreddocoview .docos-availability-banner-container {
  display: flex;
  flex-direction: row;
  width: calc(100% + 24px)
}

.docs-gm .docos-layout-anchored-auto-resize .docos-anchoreddocoview .docos-availability-banner {
  width: calc(100% - 12px)
}

.docos-anchoreddocoview .docos-xeditor.docos-availability-banner,
.docs-gm .docos-anchoreddocoview .docos-xeditor.docos-availability-banner {
  border-radius: 4px;
  left: 0;
  width: inherit
}

.docs-gm .docos-layout-anchored-auto-resize .docos-anchoreddocoview .docos-xeditor.docos-availability-banner {
  width: calc(100% - 36px)
}

.docos-streamdocoview .docos-availability-banner {
  left: -56px;
  width: 281px
}

.docos-streamdocoview .docos-xeditor.docos-availability-banner {
  border-radius: 4px;
  left: 0;
  width: inherit
}

.availability-icon-size {
  width: 18px;
  height: 18px;
  margin: 1px 2px 2px 1px
}

.docs-gm .docos .jfk-button.availability-banner-info {
  margin-right: 0
}

.docs-gm .docos-layout-anchored-auto-resize .jfk-button.availability-banner-info {
  margin-left: auto
}

.docs-gm .docos-availability-banner-text {
  font-size: 12px;
  width: 195px;
  padding-left: 10px
}

.docs-gm .docos-layout-anchored-auto-resize .docos-availability-banner-text {
  width: auto
}

.docos-availability-banner-text {
  font-size: 12px;
  width: 188px;
  overflow: hidden;
  text-overflow: ellipsis
}

.docos-xeditor .docos-availability-banner-text {
  width: inherit
}

.docos .docos-availability-banner .jfk-button-standard {
  min-width: 21px;
  padding: 0 2px;
  vertical-align: middle
}

.docos .jfk-button.availability-banner-info {
  margin-right: 10px
}

.docos-comments-pe .docos-streamdocoview .docos-availability-banner-container {
  margin-left: 0
}

.availability-details-dialog {
  min-width: 464px
}

.availability-details-dialog .docs-material-gm-dialog-content,
.availability-details-dialog .docs-material-gm-dialog-title {
  padding-bottom: 0
}

.availability-details-dialog .availability-details-help {
  cursor: pointer;
  float: right
}

.availability-details-dialog .availability-details-desc {
  color: #5f6368;
  font: 14px/20px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  margin-bottom: 16px
}

.availability-details-dialog .availability-details-row {
  padding-bottom: 12px
}

.availability-details-dialog .availability-details-photo {
  border-radius: 50%;
  float: left;
  height: 32px;
  margin-right: 16px
}

.availability-details-dialog .availability-details-name {
  color: #3c4043;
  font: 14px/20px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  letter-spacing: .2px
}

.availability-details-dialog .availability-details-status {
  color: #5f6368;
  font: 12px/16px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  letter-spacing: .3px
}

.docos-avatar {
  left: 0;
  position: absolute;
  object-fit: cover
}

.docs-gm .docos-avatar {
  border-radius: 50%
}

.docos-avatar-unverified {
  opacity: .4
}

.docs-gm .docos-avatar-unverified {
  background-color: #fff;
  opacity: 1
}

.docos-build-info {
  font-family: Arial, sans-serif, sans;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 10px/12px;
  color: #bbb;
  text-align: right;
  padding-right: 30px
}

.docos-build-info a {
  color: #bbb
}

.docos-calltoactionview {
  min-height: 36px
}

.docos-calltoactionview-container {
  background: #f2f2f2;
  padding: 8px
}

.docs-gm .docos-calltoactionview-container {
  background: #fff;
  padding: 16px
}

.docos-calltoactionview-header-image {
  max-width: 100%;
  margin-bottom: 18px
}

.docos-comments-pe .docos-calltoactionview .docos-anchoreddocoview-minimized,
.docs-gm.docos-comments-pe .docos-anchoreddocoview.docos-calltoactionview.docos-minimized-view:hover,
.docs-gm.docos-comments-pe .docos-calltoactionview.docos-anchoreddocoview.docos-minimized-view {
  border-radius: 100%
}

.visual-treatment-pageless-promo .docos-calltoactionview-header-image {
  border: 1px solid #dadce0;
  box-sizing: border-box
}

.docos-calltoactionview-header {
  align-items: center;
  color: #3c4043;
  display: flex;
  line-height: 20px;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  vertical-align: top;
  width: 100%
}

.visual-treatment-meeting-notes .docos-calltoactionview-header {
  color: #202124;
  font-size: 16px
}

.visual-treatment-pageless-as-default-promo .docos-calltoactionview-container {
  padding: 0
}

.visual-treatment-pageless-as-default-promo .docos-calltoactionview-text-and-buttons {
  padding: 0 16px 16px
}

.visual-treatment-pageless-as-default-promo .docos-calltoactionview-header,
.visual-treatment-pageless-promo .docos-calltoactionview-header {
  color: #202124;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px
}

.docos-calltoactionview-header-icon {
  left: -3px;
  margin-right: 3px;
  position: relative
}

.docs-material .docs-icon.docos-calltoactionview-header-icon-container {
  height: 24px;
  width: 24px
}

.docos-calltoactionview-body {
  padding: 12px 0
}

.visual-treatment-pageless-as-default-promo .docos-calltoactionview-buttons-container {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-start;
  padding-top: 24px
}

.visual-treatment-pageless-as-default-promo .jfk-button.jfk-button-standard.docos-input-cancel.docos-calltoactionview-reject {
  background: transparent;
  border: 1px solid transparent !important
}

.visual-treatment-meeting-notes .docos-calltoactionview-body {
  color: #3c4043
}

.visual-treatment-meeting-notes-attach-files .docos-calltoactionview-body a {
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%
}

.visual-treatment-meeting-notes-attach-files .docos-calltoactionview-collapsible {
  font-size: 0;
  line-height: 0
}

.docos-calltoactionview-collapsible {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden
}

.docos-calltoactionview-body a {
  color: #1a73e8
}

.docos-calltoactionview-checkbox-container {
  border-bottom: 1px solid #dadce0;
  margin-bottom: 16px;
  padding-bottom: 16px;
  padding-top: 4px
}

.docos-calltoactionview-checkbox-container .docs-material-gm-checkbox {
  cursor: pointer
}

.docos-calltoactionview-dont-show-again-checkbox {
  margin-bottom: 10px
}

.docos-calltoactionview-dont-show-again-label {
  color: #3c4043;
  padding-left: 10px;
  position: relative;
  top: 2px
}

.docos-calltoactionview-show-less,
.docos-calltoactionview-show-more {
  color: #15c;
  cursor: pointer;
  font-size: 11px;
  outline: none;
  padding-top: 4px
}

.docos-calltoactionview-show-less:hover,
.docos-calltoactionview-show-more:hover {
  text-decoration: underline
}

.docos-calltoactionview-buttons-message-text {
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 10px;
  padding-right: 10px
}

.docos-calltoactionview-text-default-buttons-container {
  display: flex;
  justify-content: flex-end
}

.docos-calltoactionview-text-default-buttons-container div.docs-material-button {
  margin-left: 12px
}

.docs-grille-gm3 .docos-calltoactionview {
  background: #fdfcfb;
  border: 1px solid #c4c7c5;
  border-radius: 12px
}

.docs-grille-gm3 .docos-docoview-active .docos-calltoactionview {
  border: none
}

.docs-grille-gm3 .docos-calltoactionview-container {
  background: #fdfcfb
}

.docs-grille-gm3 .docos-anchoreddocoview:hover .docos-calltoactionview-container {
  background: rgba(31, 31, 31, .08)
}

.docs-grille-gm3 .docos-anchoreddocoview:active .docos-calltoactionview-container {
  background: rgba(31, 31, 31, .12)
}

.docs-grille-gm3 .docos-docoview-active .docos-calltoactionview-container,
.docs-grille-gm3 .docos-docoview-active:hover .docos-calltoactionview-container {
  background: #fff
}

.docos-comments-pe .docos-calltoactionview:active .docos-calltoactionview-container,
.docos-comments-pe .docos-calltoactionview:hover .docos-calltoactionview-container,
.docos-comments-pe .docos-docoview-active .docos-calltoactionview-container {
  background: #fdfcfb
}

.docos-comments-pe .docos-anchoreddocoview:not(.docos-docoview-active) .docos-calltoactionview:hover {
  border: 1px solid #747775
}

.docs-grille-gm3 .docos-calltoactionview-body,
.docs-grille-gm3 .docos-calltoactionview-dont-show-again-label,
.docs-grille-gm3 .docos-calltoactionview-show-less,
.docs-grille-gm3 .docos-calltoactionview-show-more {
  color: #444746;
  font-family: Roboto, sans-serif
}

.docs-grille-gm3 .docos-calltoactionview-body a {
  color: #0b57d0
}

.visual-treatment-ai-refinement-suggestion.docos-calltoactionview {
  background-color: var(--gm3-sys-color-surface, #fff);
  border-radius: 12px;
  box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15);
  overflow: hidden
}

.docos-comments-pe .docos-anchoreddocoview:not(.docos-docoview-active) .visual-treatment-ai-refinement-suggestion.docos-calltoactionview:hover {
  border: none
}

.docs-grille-gm3 .visual-treatment-ai-refinement-suggestion.docos-calltoactionview {
  border: none
}

.visual-treatment-ai-refinement-suggestion.docos-calltoactionview .docos-calltoactionview-body,
.visual-treatment-ai-refinement-suggestion.docos-calltoactionview .docos-calltoactionview-container {
  padding: 0
}

.visual-treatment-ai-refinement-suggestion.docos-calltoactionview .docos-calltoactionview-banner-label {
  font-family: Roboto, Arial, sans-serif;
  font-size: .6875rem;
  font-weight: 500;
  letter-spacing: .00625rem;
  line-height: 1rem;
  background-color: var(--gm3-sys-color-primary-container, #d3e3fd);
  color: var(--gm3-sys-color-on-primary-container, #041e49);
  padding: 10px 16px 10px 20px;
  width: 100%
}

.visual-treatment-ai-refinement-suggestion.docos-calltoactionview .docos-calltoactionview-text-and-buttons {
  padding: 16px
}

.docos-anchoreddocoview:not(.docos-docoview-active) .visual-treatment-ai-refinement-suggestion.docos-calltoactionview .docos-calltoactionview-text-and-buttons {
  background: #f0f4f9
}

.visual-treatment-ai-refinement-suggestion.docos-calltoactionview .docos-calltoactionview-header {
  display: flex;
  gap: 12px
}

.visual-treatment-ai-refinement-suggestion.docos-calltoactionview .docos-calltoactionview-header-text {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.25rem;
  color: var(--gm3-sys-color-on-surface, #1f1f1f)
}

.visual-treatment-ai-refinement-suggestion.docos-calltoactionview .docos-calltoactionview-header-subtext {
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  letter-spacing: .00625rem;
  line-height: 1rem;
  color: var(--gm3-sys-color-on-surface-variant, #444746);
  margin-top: 2px
}

.visual-treatment-ai-refinement-suggestion.docos-calltoactionview .docos-calltoactionview-header-buttons-container {
  display: flex;
  gap: 4px;
  margin-left: auto
}

.visual-treatment-ai-refinement-suggestion.docos-calltoactionview .docos-calltoactionview-body {
  margin-top: 16px
}

.visual-treatment-ai-refinement-suggestion.docos-calltoactionview .docos-calltoactionview-text-default-buttons-container {
  justify-content: flex-start
}

.visual-treatment-ai-refinement-suggestion.docos-calltoactionview .docos-calltoactionview-accept .docs-material-button {
  height: auto
}

.visual-treatment-ai-refinement-suggestion.docos-calltoactionview .docos-calltoactionview-accept {
  border: 1px solid #747775;
  color: #0b57d0;
  border-radius: 100px
}

.visual-treatment-ai-refinement-suggestion.docos-calltoactionview .docos-calltoactionview-accept .docs-material-button-content {
  display: flex;
  gap: 8px;
  height: 20px;
  padding: 10px 16px
}

.visual-treatment-ai-refinement-suggestion.docos-calltoactionview .docos-calltoactionview-accept-text {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.25rem;
  color: var(--gm3-sys-color-on-surface, #1f1f1f)
}

.visual-treatment-ai-refinement-suggestion.docos-calltoactionview .docos-calltoactionview-accept-icon .docs-icon {
  height: 20px;
  margin: 0;
  width: 20px
}

.visual-treatment-ai-refinement-suggestion.docos-calltoactionview .docos-calltoactionview-accept-icon {
  line-height: normal
}

.visual-treatment-ai-refinement-suggestion.docos-calltoactionview .docs-icon.docos-calltoactionview-header-icon-container {
  height: 32px;
  width: 32px
}

.visual-treatment-ai-refinement-suggestion.docos-calltoactionview .docos-calltoactionview-header-icon {
  left: 0;
  margin-right: 0;
  position: relative
}

.visual-treatment-ai-refinement-suggestion.docos-calltoactionview .docos-calltoactionview-text-default-buttons-container div.docs-material-button {
  height: auto;
  margin: 16px 0 0;
  padding: 0
}

.visual-treatment-ai-refinement-suggestion.docos-calltoactionview .docos-calltoactionview-text-default-buttons-container .docs-material-button-ripple-element {
  display: none
}

.visual-treatment-ai-refinement-suggestion.docos-calltoactionview .docos-calltoactionview-text-default-buttons-container div.docs-material-button-focused {
  border: 1px solid #747775;
  color: #0b57d0;
  background: rgba(11, 87, 208, .12);
  border: 1px solid #0b57d0
}

.visual-treatment-ai-refinement-suggestion.docos-calltoactionview .docos-calltoactionview-text-default-buttons-container div.docs-material-button-active {
  border: 1px solid #747775;
  color: #0b57d0;
  background: rgba(11, 87, 208, .12)
}

.visual-treatment-ai-refinement-suggestion.docos-calltoactionview .docos-calltoactionview-text-default-buttons-container div.docs-material-button-hover {
  border: 1px solid #747775;
  color: #0b57d0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 3px 1px rgba(0, 0, 0, .15);
  background: rgba(11, 87, 208, .08);
  box-shadow: none
}

.docos-docoview-active .visual-treatment-ai-refinement-suggestion.docos-calltoactionview .docos-calltoactionview-text-default-buttons-container div.docs-material-button {
  display: block
}

.docos-calltoactionview-header-button {
  display: none
}

.docos-docoview-active .visual-treatment-ai-refinement-suggestion.docos-calltoactionview .docos-calltoactionview-header-button,
.visual-treatment-ai-refinement-suggestion.docos-calltoactionview:hover .docos-calltoactionview-header-button {
  display: block;
  margin: 0
}

.docos-calltoactionview-overflowmenubutton.docs-material-menu-button-flat-default {
  display: none;
  padding: 0 4px
}

.docos-docoview-active .visual-treatment-ai-refinement-suggestion.docos-calltoactionview .docos-calltoactionview-overflowmenubutton.docs-material-menu-button-flat-default,
.visual-treatment-ai-refinement-suggestion.docos-calltoactionview:hover .docos-calltoactionview-overflowmenubutton.docs-material-menu-button-flat-default {
  display: inline-block;
  margin: 0
}

.docos-calltoactionview-overflowmenubutton.docs-suggestion-button.docs-material-menu-button-flat-default-hover {
  background: none;
  border: 1px solid transparent !important;
  border-radius: 100%;
  height: 32px;
  width: 32px;
  background-color: rgba(68, 71, 70, .08)
}

.docos-calltoactionview-overflowmenubutton.docs-suggestion-button.docs-material-menu-button-flat-default-active,
.docos-calltoactionview-overflowmenubutton.docs-suggestion-button.docs-material-menu-button-flat-default-focused {
  background: none;
  border: 1px solid transparent !important;
  border-radius: 100%;
  height: 32px;
  width: 32px;
  background-color: rgba(68, 71, 70, .12)
}

.visual-treatment-ai-refinement-suggestion.docos-calltoactionview .docos-calltoactionview-header-text-container-inner {
  display: flex;
  gap: 6px
}

.visual-treatment-ai-refinement-suggestion.docos-calltoactionview .docos-calltoactionview-header-info-container {
  align-items: center;
  background: var(--gm3-sys-color-surface-container-low, #f8fafd);
  border-radius: 16px;
  display: flex;
  padding-left: 5px;
  padding-right: 8px
}

.docos-docoview-active .visual-treatment-ai-refinement-suggestion.docos-calltoactionview .docos-calltoactionview-header-info-container {
  background: var(--gm3-sys-color-surface-container, #f0f4f9)
}

.visual-treatment-ai-refinement-suggestion.docos-calltoactionview .docos-calltoactionview-header-info-icon-container {
  height: 10px;
  width: 10px
}

.visual-treatment-ai-refinement-suggestion.docos-calltoactionview .docos-calltoactionview-header-info {
  font-family: Roboto, Arial, sans-serif;
  font-size: .6875rem;
  font-weight: 500;
  letter-spacing: .00625rem;
  line-height: 1rem;
  color: var(--gm3-sys-color-on-surface-variant, #444746);
  font-size: 10px;
  line-height: 13px
}

.docos-anchoreddocoview:not(.docos-docoview-active) .docos-calltoactionview-buttons-container-show-only-in-highlighted-state {
  display: none
}

.docos-contact-row {
  height: 32px;
  color: #000;
  padding: 4px 8px;
  font-family: Arial, sans-serif, sans;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}

.docs-gm .docos-contact-row {
  height: 36px;
  padding: 6px 8px
}

.docos-contact-row .docos-avatar {
  float: left;
  left: auto;
  position: relative;
  padding-right: 8px
}

.docs-gm .docos-contact-row .docos-avatar {
  padding-right: 0;
  margin-right: 8px;
  margin-top: 2px
}

.docos-contact-row-email,
.docos-contact-row-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.docos-contact-row-email {
  color: #777;
  font-size: .9em
}

.docs-gm .docos-contact-row-name {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px
}

.docs-gm .docos-ac-highlighted {
  font-weight: 700
}

.docs-gm .docos-contact-row-email {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px
}

.docos-delete-dialog {
  font-size: 14px;
  white-space: normal;
  width: 472px
}

.docos-delete-dialog .docos-delete-dialog-subtitle {
  width: 424px
}

.docos-delete-dialog .docs-material-button-content {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}

.docs-gm .docos-draft-emoji-reaction-view.docos-anchoreddocoview {
  border: unset;
  box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15);
  background: unset;
  border-radius: 24px
}

.docos-draft-emoji-reaction-view-post,
.docs-gm .docos-draft-emoji-reaction-view.docos-anchoreddocoview {
  width: 282px
}

.docos-draft-emoji-slide-in-animation {
  animation-duration: .3s;
  animation-name: draft-emoji-slide-in;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1
}

@keyframes draft-emoji-slide-in {
  0% {
    width: 20%;
    opacity: 0
  }
}

.docos-emoji-counter-button-container {
  display: flex;
  align-items: center;
  height: 100%
}

.docos-emoji-counter-button-icon {
  background-size: contain;
  height: 24px;
  width: 24px
}

.docos-emoji-counter-button-icon.docos-emoji-counter-button-emoji-font-enabled {
  font-family: Noto Color Emoji, Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 20px;
  height: 32px
}

.docos-emoji-counter-button-count {
  align-items: center;
  display: flex;
  font-size: 14px
}

.docos-emoji-counter-button-icon-container {
  display: flex;
  flex-direction: row
}

.docos-emoji-counter-button-container>* {
  padding: 0 3px
}

.docos-emoji-counter-button-user-involved.docs-material-button-flat-primary .docos-emoji-counter-button-container {
  color: #1a73e8;
  font-weight: 500
}

:not(.docos-emoji-counter-button-user-involved).docs-material-button-flat-primary .docos-emoji-counter-button-container {
  color: #5f6368;
  font-weight: 400
}

.docos-emoji-counter-button-offline .docos-emoji-counter-button-icon-container {
  font-size: 18px
}

.docos-emoji-counter-button-tooltip {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 1px 0 8px 1px #bdc1c6;
  color: #5f6368;
  display: flex;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  margin-top: 7px;
  max-width: 258px;
  padding: 4px;
  text-align: center;
  width: auto
}

.docos-emoji-counter-button-tooltip .jfk-tooltip-arrowdown .jfk-tooltip-arrowimplafter,
.docos-emoji-counter-button-tooltip .jfk-tooltip-arrowup .jfk-tooltip-arrowimplafter {
  border-color: #fff transparent;
  left: -6px
}

.docs-grille-gm3 .docos-emoji-counter-button-icon {
  height: 32px
}

.docs-grille-gm3 .docos-emoji-counter-button-icon.docos-emoji-counter-button-emoji-font-enabled {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%
}

.docs-grille-gm3 .docos-emoji-counter-button-post.docs-material-button {
  height: 24px;
  padding: 0 5px
}

.docs-grille-gm3 .docos-emoji-counter-button-post .docos-emoji-counter-button-icon {
  height: 20px
}

.docs-grille-gm3 .docos-emoji-counter-button-post .docos-emoji-counter-button-icon.docos-emoji-counter-button-emoji-font-enabled {
  font-size: 16px
}

.docs-grille-gm3 .docos-emoji-counter-button-post .docos-emoji-counter-button-container>* {
  padding: 0 1px
}

.docs-gm .docos-emoji-reaction-doco-view.docos-anchoreddocoview {
  background: unset;
  border: unset;
  border-radius: 15px;
  max-width: 282px;
  width: -moz-fit-content;
  width: fit-content;
  min-width: auto
}

.docs-gm .docos-emoji-reaction-doco-view.docos-anchoreddocoview:hover {
  box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15)
}

.docs-gm .docos-emoji-reaction-doco-view.docos-docoview-active,
.docs-gm .docos-emoji-reaction-doco-view.docos-docoview-active:hover {
  box-shadow: unset
}

.docos-emoji-reaction-doco-view-emojis {
  border: 1px solid rgba(60, 64, 67, .15);
  border-radius: 15px;
  height: -moz-fit-content;
  height: fit-content
}

.docos-docoview-active .docos-emoji-reaction-doco-view-emojis,
.docos-emoji-reaction-single-button .docos-emoji-reaction-doco-view-emojis:not(:hover) {
  border-color: transparent
}

.docs-gm.docos-comments-pe .docos-anchoreddocoview.docos-emoji-reaction-doco-view.docos-minimized-view:hover,
.docs-gm.docos-comments-pe .docos-emoji-reaction-doco-view .docos-anchoreddocoview-minimized,
.docs-gm.docos-comments-pe .docos-emoji-reaction-doco-view.docos-anchoreddocoview.docos-minimized-view {
  border-radius: 100%
}

.docos-docoview-active .docos-emoji-reaction-doco-view-emojis :not(.docs-material-button-focused).docs-material-button-flat-primary {
  border-color: transparent;
  box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15)
}

.docos-emoji-reaction-doco-view-emojis .goog-container-horizontal {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 1.5px;
  max-width: 200px
}

.docos-emoji-reaction-doco-view-emojis .docs-material-button-flat-primary {
  background-color: #fff;
  border: 1px solid rgba(60, 64, 67, .15);
  display: flex;
  border-radius: 15px;
  margin: 1.5px;
  opacity: 0;
  width: -moz-fit-content;
  width: fit-content
}

.docos-docoview-active .docos-emoji-reaction-doco-view-emojis .docs-material-button-disabled.docs-material-button-flat-primary {
  background-image: radial-gradient(#f8f8ff, #e6e6fa);
  cursor: inherit
}

.docos-emoji-reaction-doco-view-emojis .docs-material-button-hover.docs-material-button-flat-primary {
  background-color: #e8f0fe
}

.docos-emoji-reaction-doco-view-emojis .docs-material-button-disabled.docs-material-button-flat-primary {
  cursor: pointer
}

.docos-emoji-reaction-doco-view-emojis .docs-material-button-focused.docs-material-button-flat-primary {
  box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15);
  line-height: 32px;
  padding: 0 8px
}

.docos-emoji-reaction-doco-view-emojis .docs-material-button-focused.docs-material-button-no-focus-border.docs-material-button-flat-primary {
  padding: 1px 9px
}

.docos-emoji-reaction-doco-view .docos-emoji-reaction-doco-view-container {
  display: flex
}

.docos-emoji-reaction-doco-view .docos-emoji-reaction-doco-view-controls {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  padding: 0 4px;
  margin-top: 4px;
  gap: 4px
}

.docos-emoji-reaction-doco-view .docs-material-button-raised-default {
  background-color: #fff;
  color: rgba(0, 0, 0, .26);
  border-radius: 16px;
  box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15);
  display: flex;
  justify-content: center;
  height: 32px;
  margin: 0;
  padding: 0;
  width: 32px
}

.docos-emoji-reaction-doco-view .docs-material-button-disabled.docs-material-button-raised-default {
  background-color: rgba(0, 0, 0, .04);
  color: rgba(0, 0, 0, .54)
}

.docs-grille-gm3 .docos-emoji-reaction-doco-view-emojis .goog-container-horizontal {
  border: none;
  margin: 0;
  gap: 3px
}

.docs-grille-gm3 .docos-emoji-reaction-doco-view-emojis {
  border: none
}

.docos-comments-pe .docos-docoview-active.docos-minimized-view-mode.docos-emoji-reaction-doco-view {
  max-width: 168px;
  width: -moz-fit-content;
  width: fit-content
}

.docos-comments-pe .docos-minimized-view-mode .docos-emoji-reaction-doco-view-emojis .goog-container {
  justify-content: left
}

.docos-comments-pe .docos-minimized-view-mode .docos-emoji-reaction-doco-view-container {
  flex-direction: column
}

.docos-comments-pe .docos-minimized-view-mode .docos-emoji-reaction-doco-view-controls {
  justify-content: flex-end;
  margin-top: 4px;
  padding: 0;
  width: 68px
}

.docs-grille-gm3 .docos-emoji-reaction-doco-view .docos-anchoreddocoview-internal {
  overflow: visible
}

.docs-grille-gm3.docs-gm .docos-comments-pe .docos-docoview-active.docos-emoji-reaction-doco-view:hover .docos-anchoreddocoview-internal,
.docs-grille-gm3.docs-gm .docos-comments-pe .docos-emoji-reaction-doco-view .docos-anchoreddocoview-internal {
  background: none
}

.docs-grille-gm3.docs-gm .docos-comments-pe .docos-emoji-container:not(.docos-minimized-view-mode) .docos-emoji-reaction-doco-view {
  width: max-content
}

.docs-grille-gm3.docs-gm .docos-emoji-reaction-doco-view.docos-anchoreddocoview:hover {
  background: none;
  box-shadow: none
}

.docs-grille-gm3 .docos-emoji-counter-button-count {
  font-family: Roboto, sans-serif
}

.docs-grille-gm3 .docos-emoji-counter-button-user-involved .docos-emoji-counter-button-count {
  color: #0b57d0
}

.docs-grille-gm3 .docos-emoji-reaction-doco-view .docs-material-button-flat-primary,
.docs-grille-gm3 .docos-emoji-reaction-doco-view-emojis .docs-material-button-focused.docs-material-button-flat-primary {
  border: none;
  padding: 0
}

.docs-grille-gm3 .docos-emoji-reaction-doco-view-emojis .docs-material-button-flat-primary {
  background: #edf2fa
}

.docs-grille-gm3.docs-body-pageless .docos-emoji-reaction-doco-view-emojis .docs-material-button-flat-primary {
  background: #f3f6fc
}

.docs-grille-gm3 .docos-emoji-reaction-doco-view.docos-anchoreddocoview.docos-docoview-active,
.docs-grille-gm3 .docos-emoji-reaction-doco-view.docos-anchoreddocoview.docos-docoview-active:hover {
  background: unset
}

.docs-grille-gm3 .docos-docoview-active.docos-emoji-reaction-doco-view .docs-material-button-content {
  background: #fff
}

.docs-grille-gm3 .docos-emoji-reaction-doco-view .docs-material-button-content,
.docs-grille-gm3 .docos-replyview-emoji-controls .docs-material-button-content {
  height: 100%;
  padding: 0 8px;
  width: 100%
}

.docs-grille-gm3 .docos-emoji-reaction-doco-view-controls {
  margin-top: 1px
}

.docs-grille-gm3 .docos-emoji-reaction-doco-view .docs-material-button-flat-primary:hover .docs-material-button-content,
.docs-grille-gm3 .docos-emoji-reaction-doco-view .docs-material-button-hover .docs-material-button-content,
.docs-grille-gm3 .docos-replyview-emoji-controls .docs-material-button-hover .docs-material-button-content,
.docs-grille-gm3 .docos-replyview-emojis-wrapper .docs-material-button-hover {
  background: rgba(11, 87, 208, .08)
}

.docs-grille-gm3 .docos-docoview-active.docos-emoji-reaction-doco-view .docs-material-button-focused .docs-material-button-content,
.docs-grille-gm3 .docos-emoji-reaction-doco-view .docs-material-button:active .docs-material-button-content,
.docs-grille-gm3 .docos-replyview-emoji-controls .docs-material-button-focused .docs-material-button-content,
.docs-grille-gm3 .docos-replyview-emojis-wrapper .docs-material-button-focused {
  background: rgba(11, 87, 208, .12)
}

.docs-grille-gm3 .docos-docoview-active .docos-emoji-reaction-doco-view-emojis .docs-material-button-flat-primary,
.docs-grille-gm3 .docos-emoji-reaction-doco-view .docs-material-button-raised-default {
  border: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 4px 8px 3px rgba(0, 0, 0, .15)
}

.docs-grille-gm3 .docos-emoji-reaction-doco-view .docs-material-button-flat-primary:hover,
.docs-grille-gm3 .docos-emoji-reaction-doco-view .docs-material-button-raised-default.docs-material-button-focused,
.docs-grille-gm3 .docos-emoji-reaction-doco-view .docs-material-button-raised-default.docs-material-button-hover,
.docs-grille-gm3 .docos-emoji-reaction-doco-view.docos-docoview .docs-material-button-flat-primary:active {
  padding: 0
}

.docs-grille-gm3 .docos-docoview-active .docs-material-button-raised-default .docs-icon {
  margin: 0 0 1px
}

.docs-grille-gm3 .docos-docoview-active.docos-emoji-reaction-doco-view .docs-material-button-disabled .docs-material-button-content {
  background-color: #e1e3e1;
  background-image: none
}

.docos-comments-pe .docos-emoji-container:hover .docos-emoji-minimized {
  background-color: #d4dce7
}

.gutter-mode-switcher-container {
  background: #f9fbfd;
  border-radius: 100%;
  cursor: pointer;
  height: 24px;
  position: absolute;
  right: 16px;
  top: 24px;
  width: 24px;
  z-index: 501
}

.gutter-mode-switcher-container:hover {
  background: #e8eaed
}

.gutter-mode-switcher-container:active,
.gutter-mode-switcher-container:focus {
  background: #e1e3e6
}

.gutter-mode-switcher-expand .docs-icon {
  margin: 0 0 0 -1px
}

.gutter-mode-switcher-minimize .docs-icon {
  margin: 0 0 0 1px
}

.gutter-mode-switcher .docs-icon {
  height: 24px;
  width: 24px
}

.docos-icon {
  overflow: hidden;
  vertical-align: middle;
  -webkit-user-select: none;
  user-select: none
}

.docos-icon-img:before {
  content: url(//ssl.gstatic.com/docs/common/d-icons31.png)
}

.docos-icon-img-hdpi:before {
  transform: scale(.5);
  transform-origin: 0 0;
  display: inline-block;
  image-rendering: optimizeSpeed;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: optimize-contrast;
  -ms-interpolation-mode: nearest-neighbor
}

.docos-icon-img-container {
  position: absolute
}

.docos-icon-thumb-black {
  top: -88px;
  left: -4px
}

.docos-icon-thumb-green {
  top: -106px;
  left: -4px
}

.docos-icon-thumb-size {
  height: 18px;
  width: 18px
}

.docos-icon-bell {
  top: -25px;
  left: -25px
}

.docos-icon-bell-size {
  height: 13px;
  width: 11px
}

.docos-icon-insert-comment {
  top: -48px;
  left: -1px
}

.docos-icon-accept-checkmark-black {
  left: 0;
  top: 0
}

.docos-icon-accept-checkmark-white {
  top: -140px;
  left: -49px
}

.docos-icon-accept-checkmark-size {
  height: 21px;
  width: 21px
}

.docs-gm .docos-icon-accept-checkmark-black {
  left: -42px;
  top: -24px
}

.docs-gm .docos-icon-accept-checkmark-white {
  top: 0;
  left: -42px
}

.docs-gm .docos-icon-accept-checkmark-size,
.docs-grille-gm3 .docos .docos-icon-accept-checkmark-size {
  height: 24px;
  width: 24px
}

.docos-icon-reject-suggestion-cross {
  top: -44px;
  left: -21px
}

.docos-icon-reject-suggestion-cross-size {
  height: 21px;
  width: 21px
}

.docs-gm .docos-icon-reject-suggestion-cross-size {
  height: 24px;
  width: 24px
}

.docos-icon-insert-comment-size {
  height: 14px;
  width: 18px
}

.docos-icon-overflow-three-dots {
  left: -25px;
  top: 0
}

.docos-icon-overflow-three-dots-size {
  height: 21px;
  width: 14px
}

.docs-gm .docos-icon-overflow-three-dots {
  left: 0;
  top: -164px
}

.docs-grille-gm3 .docos-icon-overflow-three-dots {
  top: -165px
}

.docs-gm .docos-icon-overflow-three-dots-size {
  height: 24px;
  width: 14px
}

.docs-gm .docos-comments-pe .docos-icon-overflow-three-dots-size {
  margin: 0 1px 2px 0;
  width: 22px
}

.docos-comments-pe .docos-overflowmenu-outer .docs-icon,
.docos-comments-pe .docos-xeditor .docos-overflowmenu-outer>.docos-docomenu-dropdown {
  opacity: 1
}

.docos-icon-explore {
  top: -64px;
  left: -2px
}

.docos-icon-explore-size {
  height: 21px;
  width: 21px
}

.docos-hc-gecko .docos-icon-img {
  filter: invert(100%)
}

.docos-icon-instant-docos-ltr {
  top: -48px;
  left: 12px;
  height: 14px;
  width: 18px;
  position: absolute;
  clip: rect(48px, 20px, 72px, 0)
}

.docos-icon-instant-docos-rtl {
  top: -48px;
  left: 60px;
  height: 14px;
  width: 18px;
  position: absolute;
  clip: rect(48px, -28px, 63px, -48px)
}

.docos-hc-gecko .jfk-checkbox-checked .jfk-checkbox-checkmark:before {
  content: url(//ssl.gstatic.com/docs/common/d-icons31.png);
  position: absolute;
  left: -50px;
  top: -124px;
  width: 15px;
  height: 15px;
  clip: rect(125px, 65px, 140px, 51px)
}

.docs-material>.docos-new-comment-icon>.docos-icon-add-comment {
  top: -125px;
  left: -4px
}

.docs-material>.docos-icon-add-comment-size {
  height: 18px;
  width: 18px
}

.docs-material .docos-icon-instant-docos-ltr {
  top: -125px;
  left: 11px;
  height: 18px;
  width: 18px;
  clip: rect(125px, 20px, 145px, 0)
}

.docs-material .docos-icon-instant-docos-rtl {
  top: -125px;
  left: 59px;
  height: 18px;
  width: 18px;
  clip: rect(125px, -28px, 145px, -48px)
}

.docs-suggestion-button:not(.jfk-button-disabled) .docs-material .docs-icon-img,
.docs-suggestion-button:not(.jfk-button-disabled) .docs-material .docs-icon-img:before {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_green.svg)
}

.docs-suggestion-button.jfk-button-disabled .docs-material .docs-icon-img,
.docs-suggestion-button.jfk-button-disabled .docs-material .docs-icon-img:before {
  opacity: .38
}

.docos-icon-close {
  top: -364px;
  left: -30px
}

.docos-icon-close-size {
  height: 18px;
  width: 18px
}

.docos-icon-info {
  top: -364px;
  left: -48px
}

.docos-icon-info-size {
  height: 18px;
  width: 18px
}

.docs-grille-gm3 .docs-suggestion-button:not(.jfk-button-disabled) .docs-material .docs-icon-img,
.docs-grille-gm3 .docs-suggestion-button:not(.jfk-button-disabled) .docs-material .docs-icon-img:before {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_blue.svg)
}

.docos-comments-pe .docos-reject-suggestion:not(.jfk-button-disabled) .docs-material .docs-icon-img,
.docos-comments-pe .docos-reject-suggestion:not(.jfk-button-disabled) .docs-material .docs-icon-img:before {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_grey_medium.svg)
}

.docos-input {
  position: relative;
  outline: none;
  zoom: 1
}

.docos .docos-input.docos-input-nohide {
  display: block !important
}

.docos-input-contenteditable {
  cursor: text;
  text-align: start;
  word-wrap: break-word
}

.docos-input-contenteditable:empty:before {
  color: #80868b;
  content: attr(placeholder)/attr(placeholder);
  display: block;
  pointer-events: none
}

.docos-input-reply-gen-placeholder.docos-input-contenteditable:empty:before {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.docos-input-contenteditable p {
  margin: 0
}

.docos-input-textarea {
  box-sizing: border-box;
  color: #999;
  font-family: Arial, sans-serif, sans;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 13px;
  margin: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  outline-width: 0 !important;
  padding: 4px;
  resize: none;
  width: 100%;
  border: 1px solid #c8c8c8
}

.docs-gm .docos-input-textarea {
  border: 1px solid #dadce0;
  border-radius: 4px;
  box-sizing: border-box;
  color: #3c4043;
  font-size: 14px;
  line-height: 20px;
  min-height: 36px;
  padding: 8px
}

.docs-gm .docos-input-textarea:focus {
  border: 2px solid #1a73e8;
  box-shadow: none;
  padding: 7px
}

.docos-input-textarea:disabled {
  background-color: #eee !important
}

:first-child+html .docos-input-textarea {
  width: 95%
}

.docos-input-buttons {
  display: none;
  zoom: 1
}

.docos-input-buttons-post {
  font-weight: 700;
  font-weight: 500
}

.docos-input-typing>.docos-input-textarea {
  color: #000
}

.docs-gm .docos-input-typing>.docos-input-textarea {
  color: #3c4043
}

.docs-gm .docs-docos-activity-sidebar .docos-input-typing>.docos-input-textarea,
.docs-gm.docos-xeditor .docos-input-typing>.docos-input-textarea {
  background-color: #fff
}

.docos-input-typing>.docos-input-buttons {
  display: block
}

.docos-input-assign-to-text {
  color: #616161;
  font-style: italic;
  padding: 5px 0 3px 0;
  word-wrap: break-word
}

.docos-input-assignment-panel {
  padding: 6px 8px 4px 8px;
  background-color: #f5f5f5;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  border-color: #c8c8c8;
  margin-bottom: 8px;
  cursor: pointer
}

.docs-gm .docos-input-assignment-panel {
  padding: 6px 8px 11px 0;
  background-color: #fff;
  border: 1px solid transparent;
  border-bottom: 1px solid #dadce0;
  margin-bottom: 18px;
  cursor: pointer
}

.docos-input-assignment-box {
  margin: 2px 10px 0 0;
  float: left;
  width: 11px
}

.docos-anchoreddocoview .docos-input-assignee-text {
  margin-top: 1px
}

.docos-input-assignee-text {
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
  font-family: Arial, sans-serif, sans;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  color: #707070;
  font-weight: 400;
  display: inline-block;
  width: calc(100% - 51px)
}

.docos-input-assignee-text.docos-input-assignee-text-no-chevron {
  width: calc(100% - 23px)
}

.docs-gm .docos-input-assignee-text {
  margin-top: 6px;
  margin-left: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  font-family: Arial, sans-serif, sans;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  color: #3c4043;
  font-weight: 400;
  display: inline-block;
  width: calc(100% - 57px)
}

.docs-gm .docos-input-assignee-text.docos-input-assignee-text-no-chevron {
  width: calc(100% - 29px)
}

.docos-streamdocoview .docos-input-assignee-select {
  margin-top: 0
}

.docos-assignee-select-focus {
  border: 1px solid #4d90fe !important;
  border-radius: 2px
}

.docos-input-assignee-select {
  border: none;
  background: none;
  box-shadow: none;
  cursor: pointer;
  float: right;
  width: 24px;
  height: 15px;
  margin: 2px
}

.docs-gm .docos-anchoreddocoview .docos-input-assignee-select {
  margin-top: 6px
}

.docos-input-assignee-select .goog-menu-button-caption {
  padding: 0
}

.docos-input-assignee-select .goog-menu-button-inner-box {
  margin: 0
}

.docos-assignee-select-item {
  padding: 0;
  border-width: 0
}

.docos-assignee-select-item.goog-menuitem-highlight {
  background-color: #f2f2f2
}

.goog-menu.goog-menu-vertical.docos-assignee-select-menu {
  padding: 4px 0 4px 0;
  max-height: 222px;
  overflow-y: auto;
  box-sizing: border-box
}

.goog-menu.goog-menu-vertical.docs-gm.docos-assignee-select-menu {
  padding: 8px 0 8px 0
}

.goog-menu.goog-menu-vertical.docs-gm.docos-assignee-select-menu .docos-assignee-select-item,
.goog-menu.goog-menu-vertical.docs-gm.docos-assignee-select-menu .docos-assignee-select-item.goog-menu-item-highlight {
  border: none;
  padding: 0
}

.docos-input-assignment-panel .goog-menu-button-dropdown {
  width: 24px;
  background: url(https://ssl.gstatic.com/images/icons/material/system/2x/arrow_drop_down_black_24dp.png) 50% no-repeat;
  background-size: 24px;
  opacity: .54;
  box-sizing: border-box
}

.docos-input-assignment-panel .goog-menu-button-dropdown:hover {
  opacity: .87
}

.docos-input-assignment-panel .goog-menu-button-inner-box,
.docos-input-assignment-panel .goog-menu-button-outer-box {
  border-style: none;
  padding: 0
}

.docs-grille-gm3 .docos-input-contenteditable:empty:before {
  color: #444746
}

@media screen and (forced-colors:active) {

  .docos-input-contenteditable:empty:before,
  .docs-grille-gm3 .docos-input-contenteditable:empty:before {
    color: GrayText
  }
}

.docs-grille-gm3 .docos-input-assignment-panel {
  background-color: inherit
}

.docos-spinner {
  height: 100px;
  overflow: hidden;
  position: relative
}

.docos-quantum-spinner {
  height: 28px;
  left: 50%;
  margin-left: -14px;
  position: absolute;
  top: 36px;
  width: 28px
}

.docos-mention {
  font-weight: 500
}

.docos-mention-current-user {
  align-items: center;
  background-color: #d2e3fc;
  border-radius: 4px;
  color: #174ea6;
  padding: 2px 4px;
  top: 0;
  width: max-content
}

.docs-gm .docos-unseen a.docos-mention-current-user {
  background: #1a73e8;
  color: #fff
}

.docos-ai-agent-mention {
  color: #0b57d0
}

.docos-ai-agent-mention:hover {
  text-decoration: underline
}

.docos-comments-pe .docos-minimized-view {
  width: max-content
}

.docos-comments-pe .docos-anchoreddocoview-minimized .docs-icon {
  height: 24px;
  margin: 4px;
  width: 24px
}

.docos-comments-pe .docos-anchoreddocoview-minimized,
.docs-gm.docos-comments-pe .docos-anchoreddocoview.docos-minimized-view,
.docs-gm.docos-comments-pe .docos-anchoreddocoview.docos-minimized-view:hover {
  background: #dde3ea;
  border-radius: 100px 100px 100px 8px;
  cursor: pointer;
  display: block;
  height: 32px;
  min-width: 32px;
  max-width: 64px;
  width: max-content
}

.docs-minimizeddocoview-avatar {
  border: 3px solid #dde3ea;
  margin: 3px;
  position: relative
}

.docos-for-you:not([data-is-hovered]) .docs-material .docos-anchoreddocoview-minimized,
.docos-for-you:not([data-is-hovered]) .docs-material .docos-anchoreddocoview-minimized:hover {
  box-shadow: inset 0 0 0 2px #0b57d0
}

.docos-comments-pe .docos-anchoreddocoview-minimized>img:first-child {
  z-index: 4
}

.docos-anchoreddocoview-minimized>img:nth-child(2) {
  margin-left: -12px;
  z-index: 3
}

.docos-anchoreddocoview-minimized>img:nth-child(3):last-child {
  margin-left: -14px
}

.docos-anchoreddocoview-minimized>img:nth-child(3) {
  margin-left: -21px;
  z-index: 2
}

.docos-anchoreddocoview-minimized>img:nth-child(4) {
  margin-left: -22px;
  z-index: 1
}

.docos-comments-pe .docos-emoji-minimized {
  align-items: center;
  background: #dde3ea;
  border-radius: 100%;
  display: flex;
  font-family: Noto Color Emoji;
  font-size: 18px;
  height: 32px;
  justify-content: center;
  width: 32px
}

.docos-comments-pe .docos-emoji-container .docos-emoji-minimized.docos-emoji-counter {
  font-size: 14px;
  font-family: Roboto, sans-serif
}

.docos-comments-pe .docos-anchoreddocoview-minimized .docos-emoji-container {
  background: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 68px
}

.docs-gm.docos-comments-pe .docos-anchoreddocoview.docos-minimized-view.docos-emoji-container,
.docs-gm.docos-comments-pe .docos-emoji-container.docos-anchoreddocoview .docos-anchoreddocoview-internal,
.docs-gm.docos-comments-pe .docos-emoji-container.docos-anchoreddocoview .docos-anchoreddocoview-minimized,
.docs-grille-gm3.docs-gm .docos-comments-pe .docos-emoji-container.docos-anchoreddocoview .docos-anchoreddocoview-internal:hover {
  background: none
}

.docos-comments-pe .docos-minimized-view-mode[data-is-hovered=true]:not(.docos-docoview-active) {
  transition: border-radius .3s .1s, right .3s .1s, left .3s .1s, width .3s .1s, height .3s .1s, max-width .3s .1s;
  transition-timing-function: cubic-bezier(.17, .67, .01, 1)
}

.docos-comments-pe .docos-minimized-view-mode[data-is-hovered=true].docos-anchoreddocoview:not(.docos-docoview-active) {
  overflow: hidden
}

.docos-comments-pe .docos-anchoreddocoview:not(.docos-docoview-active) .docos-anchoreddocoview-content,
.docos-comments-pe .docos-minimized-view-mode[data-is-hovered=true] .docos-anchoreddocoview-minimized {
  transition: opacity .1s;
  transition-timing-function: cubic-bezier(.17, .67, .01, 1)
}

.docos-comments-pe .docos-minimized-view-mode[data-is-hovered=true] .docos-replyview-reply-count,
.docos-minimized-view-mode:not(.docos-docoview-active)[data-is-hovered=true] .docos-anchoreddocoview-content,
.docos-minimized-view-mode[data-is-hovered=true] .docos-anchoreddocoview-minimized {
  opacity: 0
}

.docos-anchoreddocoview-content.docos-docoview-replycontainer {
  opacity: 1
}

.docos-minimized-view-mode[data-is-hovered=true] .docos-anchoreddocoview-internal {
  width: inherit
}

.docos-navigation-bar {
  background-color: #fff;
  border-bottom: none;
  border-top: 1px solid #dadce0;
  display: flex;
  flex-direction: column;
  overflow: auto;
  padding: 4px
}

.docos-navigation-bar-buttons {
  align-items: center;
  display: flex;
  justify-content: space-between
}

.docos-open-all-comments-button.docs-material-button {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  align-items: center;
  color: #0d652d;
  cursor: pointer;
  display: flex;
  margin: 0;
  padding: 8px;
  text-transform: none
}

.docos-open-all-comments-button.docs-material-button-flat-default.docs-material-button.docs-material-button-hover {
  background: rgba(24, 128, 56, .04);
  color: #0d652d
}

.docos-open-all-comments-button.docs-material-button-flat-default.docs-material-button.docs-material-button-focused {
  background: rgba(24, 128, 56, .12);
  color: #0d652d
}

.docos-open-all-comments-button.docs-material-button-flat-default.docs-material-button.docs-material-button-active {
  background: rgba(24, 128, 56, .1)
}

.docos-open-all-comments-button.docs-material-button-flat-default.docs-material-button.docs-material-button-no-focus-border {
  line-height: 16px
}

.docos-open-all-comments-button>.docs-material-button-ripple-element {
  background-color: rgba(52, 168, 83, .1)
}

.docos-navigation-bar-iterators {
  align-items: center;
  display: flex
}

.docos-navigation-bar-next,
.docos-navigation-bar-previous {
  margin: 0
}

.docos-navigation-bar-next .docs-icon,
.docos-navigation-bar-previous .docs-icon {
  left: -3px;
  margin: 0;
  top: -3px
}

.docos-navigation-bar-next:hover,
.docos-navigation-bar-previous:hover {
  background: rgba(32, 33, 36, .04);
  cursor: pointer
}

.docos-navigation-bar-next:focus,
.docos-navigation-bar-previous:focus {
  background: rgba(32, 33, 36, .12)
}

.docos-navigation-bar-next:active,
.docos-navigation-bar-previous:active {
  background: rgba(32, 33, 36, .1)
}

.docs-grille-gm3 .docos-navigation-bar {
  background: #edf2fa
}

.docs-grille-gm3.docs-body-pageless .docos-navigation-bar {
  background: #f3f6fc
}

.docs-grille-gm3 .docos-docosview-active .docos-navigation-bar,
.docs-grille-gm3 .docos-docosview:hover .docos-navigation-bar {
  background: #e7edf8
}

.docs-grille-gm3.docs-body-pageless .docos-docosview-active .docos-navigation-bar,
.docs-grille-gm3.docs-body-pageless .docos-docosview:hover .docos-navigation-bar {
  background: #edf2fa
}

.docs-grille-gm3 .docos-open-all-comments-button,
.docs-grille-gm3 .docos-open-all-comments-button.docs-material-button.docs-material-button-focused,
.docs-grille-gm3 .docos-open-all-comments-button.docs-material-button.docs-material-button-hover {
  border-radius: 100px;
  color: #0b57d0;
  padding: 10px 12px
}

.docs-grille-gm3 .docos-open-all-comments-button.docs-material-button.docs-material-button-hover {
  background: rgba(11, 87, 208, .08)
}

.docs-grille-gm3 .docos-open-all-comments-button.docs-material-button.docs-material-button-active,
.docs-grille-gm3 .docos-open-all-comments-button.docs-material-button.docs-material-button-focused {
  background: rgba(11, 87, 208, .12)
}

.docs-grille-gm3 .docos-open-all-comments-button>.docs-material-button-ripple-element {
  display: none
}

.docs-grille-gm3 .docos-navigation-bar-iterators .docs-material-button {
  background: none;
  border: 1px solid transparent !important;
  border-radius: 100%;
  height: 32px;
  width: 32px
}

.docs-grille-gm3 .docos-navigation-bar-iterators .docs-material-button-hover {
  background: none;
  border: 1px solid transparent !important;
  border-radius: 100%;
  height: 32px;
  width: 32px;
  background-color: rgba(68, 71, 70, .08)
}

.docs-grille-gm3 .docos-navigation-bar-iterators .docs-material-button-active,
.docs-grille-gm3 .docos-navigation-bar-iterators .docs-material-button-focused {
  background: none;
  border: 1px solid transparent !important;
  border-radius: 100%;
  height: 32px;
  width: 32px;
  background-color: rgba(68, 71, 70, .12)
}

.docs-grille-gm3 .docos-navigation-bar-iterators .docs-material-button .docs-icon {
  left: -5px;
  top: -4px
}

.docos-notificationdialog-content {
  width: 500px
}

.docos-notificationdialog-label {
  padding: 0 3px 0 8px
}

.docos-notificationdialog-control {
  padding-left: 3px;
  margin-bottom: 12px
}

.docos-notificationdialog-header {
  font-weight: 700;
  font-weight: 500;
  margin-bottom: 12px
}

.docos-notificationdialog-help {
  position: absolute;
  right: 20px
}

.docos-overflowmenu-outer {
  display: inline-block
}

.docs-gm .docos-overflowmenu-outer>.docos-docomenu-dropdown {
  background: none;
  border: 1px solid transparent !important;
  border-radius: 100%;
  height: 32px;
  width: 32px;
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  left: -1px;
  margin: auto;
  position: relative;
  transition: opacity .25s cubic-bezier(.4, 0, .2, 1)
}

.docs-gm .docos-overflowmenu-outer>.docos-docomenu-dropdown:hover {
  background: none;
  border: 1px solid transparent !important;
  border-radius: 100%;
  height: 32px;
  width: 32px;
  background-color: rgba(68, 71, 70, .08);
  box-shadow: none
}

.docs-gm .docos-overflowmenu-outer>.docos-docomenu-dropdown:active,
.docs-gm .docos-overflowmenu-outer>.docos-docomenu-dropdown:focus {
  background: none;
  border: 1px solid transparent !important;
  border-radius: 100%;
  height: 32px;
  width: 32px;
  background-color: rgba(68, 71, 70, .12);
  box-shadow: none
}

.docos-overflowmenu-outer .goog-toolbar-menu-button-inner-box,
.docos-overflowmenu-outer .goog-toolbar-menu-button-outer-box {
  padding: 0
}

.docos-overflowmenu-outer .docos-icon {
  margin-top: 1px
}

.docos-overflowmenu-outer .goog-toolbar-menu-button-dropdown {
  display: none
}

.docos-overflowmenu .goog-menuitem,
.docs-gm .docos-overflowmenu.goog-menu .goog-menuitem {
  padding-right: 15px;
  padding-left: 15px
}

.drive-quantum-spinner.active {
  animation: container-rotate 1568ms linear infinite
}

@keyframes container-rotate {
  to {
    transform: rotate(1turn)
  }
}

.spinner-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0
}

.spinner-blue {
  border-color: #4285f4
}

.spinner-red {
  border-color: #db4437
}

.spinner-yellow {
  border-color: #f4b400
}

.spinner-green {
  border-color: #0f9d58
}

.drive-quantum-spinner.active .spinner-layer.spinner-blue {
  animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.drive-quantum-spinner.active .spinner-layer.spinner-red {
  animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.drive-quantum-spinner.active .spinner-layer.spinner-yellow {
  animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.drive-quantum-spinner.active .spinner-layer.spinner-green {
  animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}

@keyframes fill-unfill-rotate {
  12.5% {
    transform: rotate(135deg)
  }

  25% {
    transform: rotate(270deg)
  }

  37.5% {
    transform: rotate(405deg)
  }

  50% {
    transform: rotate(540deg)
  }

  62.5% {
    transform: rotate(675deg)
  }

  75% {
    transform: rotate(810deg)
  }

  87.5% {
    transform: rotate(945deg)
  }

  to {
    transform: rotate(3turn)
  }
}

@keyframes blue-fade-in-out {
  0% {
    opacity: 1
  }

  25% {
    opacity: 1
  }

  26% {
    opacity: 0
  }

  89% {
    opacity: 0
  }

  90% {
    opacity: 1
  }

  to {
    opacity: 1
  }
}

@keyframes red-fade-in-out {
  0% {
    opacity: 0
  }

  15% {
    opacity: 0
  }

  25% {
    opacity: 1
  }

  50% {
    opacity: 1
  }

  51% {
    opacity: 0
  }
}

@keyframes yellow-fade-in-out {
  0% {
    opacity: 0
  }

  40% {
    opacity: 0
  }

  50% {
    opacity: 1
  }

  75% {
    opacity: 1
  }

  76% {
    opacity: 0
  }
}

@keyframes green-fade-in-out {
  0% {
    opacity: 0
  }

  65% {
    opacity: 0
  }

  75% {
    opacity: 1
  }

  90% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

.spinner-gap-patch {
  position: absolute;
  box-sizing: border-box;
  top: 0;
  left: 45%;
  width: 10%;
  height: 100%;
  overflow: hidden;
  border-color: inherit
}

.spinner-gap-patch .spinner-circle {
  width: 1000%;
  left: -450%
}

.spinner-circle-clipper {
  display: inline-block;
  position: relative;
  width: 50%;
  height: 100%;
  overflow: hidden;
  border-color: inherit
}

.spinner-circle-clipper .spinner-circle {
  width: 200%
}

.spinner-circle {
  box-sizing: border-box;
  height: 100%;
  border-width: 3px;
  border-style: solid;
  border-color: inherit;
  border-bottom-color: transparent !important;
  border-radius: 50%;
  animation: none
}

.spinner-circle-clipper.spinner-left .spinner-circle {
  border-right-color: transparent !important;
  transform: rotate(129deg)
}

.spinner-circle-clipper.spinner-right .spinner-circle {
  left: -100%;
  border-left-color: transparent !important;
  transform: rotate(-129deg)
}

.drive-quantum-spinner.active .spinner-circle-clipper.spinner-left .spinner-circle {
  animation: left-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.drive-quantum-spinner.active .spinner-circle-clipper.spinner-right .spinner-circle {
  animation: right-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both
}

@keyframes left-spin {
  0% {
    transform: rotate(130deg)
  }

  50% {
    transform: rotate(-5deg)
  }

  to {
    transform: rotate(130deg)
  }
}

@keyframes right-spin {
  0% {
    transform: rotate(-130deg)
  }

  50% {
    transform: rotate(5deg)
  }

  to {
    transform: rotate(-130deg)
  }
}

.spinner-fit {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0
}

.docos-quantum-spinner.active {
  animation: container-rotate 1568ms linear infinite
}

.active .spinner-layer.spinner-blue {
  animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.active .spinner-layer.spinner-red {
  animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.active .spinner-layer.spinner-yellow {
  animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.active .spinner-layer.spinner-green {
  animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.active .spinner-circle-clipper.spinner-left .spinner-circle {
  animation: left-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.active .spinner-circle-clipper.spinner-right .spinner-circle {
  animation: right-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.docos-readonly .hide-on-readonly,
.show-on-readonly {
  display: none !important
}

.docos-readonly .show-on-readonly {
  display: inline-block !important
}

.docos-comments-pe .docos-readonly .show-on-readonly {
  color: #444746;
  display: -webkit-box !important;
  font-family: Roboto, sans-serif;
  max-width: 300px;
  overflow: hidden;
  padding: 0 0 0 16px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2
}

.docos-resolve-highlight {
  border: 1px solid rgba(0, 0, 0, .2)
}

.docos-resolve-animation {
  transition: all .27s ease-out;
  transform: scale(.3);
  transform-origin: center top;
  opacity: .3
}

.docos-replyview-deleted>#docos-shadow-wrapper {
  align-self: start
}

#docos-shadow-wrapper {
  position: relative
}

#docos-shadow {
  align-content: center;
  background: #000;
  background: rgba(0, 0, 0, .7);
  color: #fff;
  position: absolute;
  z-index: 700;
  left: 0;
  top: 0
}

.docos-shadow-contents>:focus {
  outline: 1px solid transparent
}

#docos-shadow,
.docos-shadow-table {
  height: 100%;
  width: 100%
}

#docos-shadow-description {
  font-weight: 700;
  font-weight: 500
}

#docos-shadow-confirm,
#docos-shadow-delete {
  margin: 2px 7px
}

.docs-grille-gm3 #docos-shadow .jfk-button-focused,
.docs-grille-gm3 #docos-shadow .jfk-button-hover {
  background: #fff
}

.docos-smart-reply {
  display: flex;
  justify-content: space-between;
  text-align: center;
  margin-right: 6px
}

.docos-comments-pe .docos-smart-reply {
  margin-right: 0
}

.docos.docs-gm .docos-smart-reply-button.jfk-button.jfk-button.jfk-button {
  align-items: center;
  display: flex;
  height: auto;
  justify-content: center;
  padding: 3px 12px;
  white-space: normal;
  width: 100%
}

.docos-smart-reply .docos-smart-reply-button:last-child {
  margin-right: 0
}

.docos-smart-reply-button-caption {
  display: inline
}

.docs-grille-gm3 .docos.docs-gm .docos-smart-reply .docos-smart-reply-button.jfk-button.jfk-button {
  border-radius: 18px;
  height: auto;
  min-height: 36px;
  padding: 3px 12px
}

.docos-streamdocoview {
  border-top: 1px solid #e8e8e8;
  font-family: Arial, sans-serif, sans;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-size: 14px;
  padding: 18px 0 7px 0;
  position: relative;
  outline: none;
  zoom: 1
}

.docs-gm .docos-streamdocoview {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  padding: 16px
}

.docos-streamdocoview .docos-find-match {
  background-color: rgba(140, 196, 116, .5)
}

.docos-streamdocoview .docos-selected-find-match {
  background-color: #8cc474
}

.docs-gm.docs-hc-gecko .docos-streamdocoview .docos-find-match {
  background-color: Highlight;
  color: HighlightText
}

.docos-xeditor .docos-streamdocoview,
.docs-docos-activity-sidebar .docos-streamdocoview {
  border: 1px solid #dadce0;
  border-radius: 8px;
  margin: 16px
}

.docs-gm.docos-xeditor .docos-streamdocoview {
  border: none;
  box-sizing: border-box;
  outline: 1px solid #c7c7c7;
  padding: 0
}

.docos-comments-pe .docos-streamdocoview {
  -webkit-font-smoothing: antialiased
}

.docs-gm.docos-xeditor .streamdocoview-no-header.docos-streamdocoview {
  border: 1px solid #dadce0
}

.docos-xeditor .docos-streamdocoview:hover,
.docs-docos-activity-sidebar .docos-streamdocoview:hover {
  background-color: #fef7e0;
  border: 1px solid transparent;
  box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15)
}

.docs-gm.docos-xeditor .streamdocoview-no-header.docos-streamdocoview:hover {
  border: 1px solid transparent
}

.docs-gm .docos-streamdocoview-avatar {
  left: 16px
}

.docs-gm.docos-xeditor .docos-streamdocoview-avatar {
  left: 0;
  margin-top: 2px
}

.docos-xeditor .docos-streamreplyview .docos-overflowmenu-outer {
  position: absolute;
  top: 0;
  right: 0
}

.docos-xeditor .docos-overflowmenu-outer>.docos-docomenu-dropdown {
  background-color: transparent;
  opacity: .7
}

.docs-spinner.docos-start-chat-loading-spinner {
  width: 20px;
  height: 20px;
  padding-left: 10px
}

.docos-start-chat-loading-spinner>.docs-quantum-spinner.active {
  height: 20px;
  width: 20px
}

.docos-start-chat-loading-spinner .spinner-blue,
.docos-start-chat-loading-spinner .spinner-green,
.docos-start-chat-loading-spinner .spinner-red,
.docos-start-chat-loading-spinner .spinner-yellow {
  border-color: #4285f4
}

.docos:not(.docs-gm) .docos-streamdocoview:last-child {
  padding-bottom: 0
}

.docos:not(.docs-gm) .docos-streamdocoview:last-child .docos-streamdocoview-controls {
  padding-bottom: 0
}

.docos-streamdocoview .docos-docoview-rootreply {
  min-height: 48px
}

.docos-stream-filtered-for-you .docos-streamdocoview .docos-docoview-rootreply {
  min-height: auto
}

.docos-streamrootreplyview {
  margin-right: 12px;
  min-height: 51px;
  padding: 0 6px;
  position: relative;
  top: -3px
}

.docos-xeditor .docos-streamrootreplyview {
  margin-right: 0
}

.docs-gm .docos-streamrootreplyview {
  margin-bottom: 8px;
  padding: 0;
  top: 0
}

.docos:not(.docs-gm) .docos-docoview-resolved .docos-streamrootreplyview {
  background-color: #f6f6f6
}

.docos:not(.docs-gm) .docos-docoview-active .docos-streamrootreplyview {
  background-color: #fffbe1
}

.docos-comments-pe .docos-streamdocoview.docos-docoview-resolved .docos-show-more,
.docs-gm .docos-streamdocoview.docos-docoview-resolved {
  background-color: #f1f3f4
}

.docs-docos-activity-sidebar .docs-gm .docos-streamdocoview.docos-docoview-resolved {
  background-color: #f1f3f4;
  border: 1px solid transparent;
  box-shadow: none
}

.docs-docos-activity-sidebar .docs-gm .docos-streamdocoview.docos-docoview-resolved:hover {
  background-color: #f1f3f4;
  border: 1px solid transparent;
  box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15)
}

.docs-docos-activity-sidebar .docos.docs-gm .docos-streamdocoview.docos-docoview-resolved.docos-docoview-active {
  background-color: #f1f3f4;
  border: 1px solid transparent;
  box-shadow: 0 4px 8px 3px rgba(60, 64, 67, .15)
}

.docos.docs-gm .docos-streamdocoview.docos-docoview-active {
  background-color: #fffbe1
}

.docos.docs-gm .docos-streamdocoview.docos-docoview-active-experiment {
  background-color: #e6f4ea
}

.docos.docs-gm.docos-xeditor .docos-streamdocoview.docos-docoview-active .docs-docos-activity-sidebar .docos.docs-gm .docos-streamdocoview.docos-docoview-active {
  background-color: #feefc3;
  border: 1px solid transparent;
  box-shadow: 0 4px 8px 3px rgba(60, 64, 67, .15)
}

.docos.docs-gm.docos-xeditor .streamdocoview-no-header.docos-streamdocoview.docos-docoview-active {
  border: 1px solid transparent
}

.docos-streamdocoview-content {
  margin-left: 60px;
  position: relative
}

.docs-gm .docos-streamdocoview-content {
  margin-left: 40px
}

.docs-gm.docos-xeditor .docos-streamdocoview-content {
  margin-left: 0;
  padding: 15px
}

.docs-gm.docos-xeditor .docos-streamdocoview-authorname-timestamp {
  align-items: start;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.docs-gm.docos-xeditor .docos-streamdocoview-authorname-timestamp .docos-streamdocoview-author {
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 18px;
  letter-spacing: .25px;
  line-height: 20px;
  margin: 0;
  max-width: 70%
}

.docos-comments-pe .docs-gm.docos-xeditor .docos-streamdocoview-authorname-timestamp .docos-streamdocoview-author {
  color: #1f1f1f;
  max-width: none
}

.docs-gm.docos-xeditor .docos-streamdocoview-authorname-timestamp .docos-streamdocoview-timestamp {
  align-items: center;
  color: #5f6368;
  display: flex;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: .3px;
  margin: 0
}

.docs-gm.docos-xeditor .docos-comments-pe .docos-streamdocoview-authorname-timestamp .docos-streamdocoview-timestamp {
  color: #444746;
  display: inline-block;
  font-family: Roboto, sans-serif;
  text-overflow: ellipsis
}

.docs-gm.docos-xeditor .docos-streamdocoview-authorname-timestamp>* {
  overflow: hidden;
  text-overflow: ellipsis
}

.docs-gm.docos-xeditor .docos-streamdocoview-authorname-timestamp>* {
  align-self: stretch
}

.docos-xeditor .docos-streamrootreplyview .docos-replyview-static {
  padding-top: 5px
}

.docos-streamdocoview-authorname {
  font-weight: 700;
  font-weight: 500;
  font-family: Arial, sans-serif, sans;
  font-family: Roboto, Helvetica, Arial, sans-serif
}

.docs-gm .badging-enabled-doco .docos-streamdocoview-authorname {
  align-items: center;
  display: inline-flex;
  flex-direction: row
}

.docs-gm .docos-streamdocoview .docos-new-tag {
  flex: none;
  align-items: center;
  background-color: #1a73e8;
  border-radius: 9px;
  color: #fff;
  height: 16px;
  justify-content: center;
  margin: auto 0 auto 0;
  overflow: hidden;
  transform-origin: left;
  transition: transform .2s ease-out, color .1s ease-in, border-radius .2s ease;
  line-height: 16px
}

.docs-gm.docos-xeditor .docos-streamdocoview .docos-new-tag {
  margin-left: 4px
}

.docs-gm .docos-streamdocoview:not(:hover) .docos-new-tag {
  border-radius: 50%;
  color: #fff;
  transform: scale(.375);
  width: 6px
}

.docs-gm .docos-streamdocoview-authorname span+.docos-new-tag {
  margin-left: 4px
}

.docs-gm .docos-streamdocoview:not(:hover) .docos-new-message {
  color: transparent
}

.docos-streamdocoview-body {
  color: #333;
  word-wrap: break-word;
  top: -7px;
  zoom: 1
}

.docos-comments-pe .docos-streamdocoview-body,
.docos-comments-pe .docos-streamreplyview-body {
  color: #444746;
  font: 400 14px/20px Roboto, sans-serif
}

.docos-xeditor .docos-replyview-body-container {
  padding-top: 5px
}

.docos-streamdocoview-comments-off,
.docos-streamdocoview-timestamp {
  color: #5f6368;
  font-size: 11px;
  font-size: 12px;
  padding: 0
}

.docos-streamdocoview-reopen-control,
.docos-streamdocoview-timestamp {
  right: 2px
}

.docos-streamdocoview-bullet {
  color: #ccc;
  font-size: 12px;
  line-height: 100%;
  padding: 0 2px
}

.docos-streamdocoview-controls {
  font-family: Arial, sans-serif, sans;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-weight: 500;
  padding: 4px 0
}

.docos-streamdocoview-timestamp:hover {
  text-decoration: underline;
  cursor: pointer
}

.docs-gm.docos-xeditor .docos-streamdocoview-timestamp:hover {
  text-decoration: none;
  cursor: inherit
}

.docos-streamdocoview-input-pane {
  padding-right: 6px;
  margin-left: 30px
}

.docs-gm .docos-streamdocoview-input-pane {
  margin-left: 40px;
  padding-right: 0
}

.docos-xeditor .docos-availability-banner-container {
  margin-left: -40px
}

.docos-streamdocoview-input-pane .docos-input-textarea {
  background-color: #fff;
  border: 1px solid #c9d4ec;
  height: 23px;
  font-size: 12px
}

.docs-gm .docos-streamdocoview-input-pane .docos-input-textarea {
  border: 1px solid #dadce0;
  border-radius: 4px;
  box-sizing: border-box;
  color: #3c4043;
  font-size: 14px;
  line-height: 20px;
  min-height: 36px;
  padding: 8px;
  height: unset
}

.docs-gm .docos-streamdocoview-input-pane .docos-input-textarea:focus {
  border: 2px solid #1a73e8;
  box-shadow: none;
  padding: 7px
}

.docos-streamdocoview-input-pane.docos-input-typing .docos-input-textarea {
  background-color: #fff
}

.docos-streamdocoview-edit-pane .docos-input-textarea {
  height: 36px
}

.docos-comments-pe .docos-streamdocoview .docos-streamdocoview-edit-pane,
.docos-comments-pe .docos-streamdocoview .docos-streamreplyview-edit-pane {
  margin: 12px 0 8px -40px
}

.docos-streamdocoview-inputcontainer,
.docos-streamdocoview-replycontainer {
  margin: 4px 12px 3px 0
}

.docs-gm .docos-streamdocoview-inputcontainer,
.docs-gm .docos-streamdocoview-replycontainer {
  margin: 0
}

.docos-streamdocoview-inputcontainer {
  background-color: #eff2f9;
  border-radius: 0 0 6px 6px;
  padding: 6px 0 2px 6px;
  position: relative;
  zoom: 1
}

.docs-gm .docos-streamdocoview-inputcontainer {
  background-color: #fff;
  border: 1px solid #dadce0;
  border-radius: 4px;
  padding: 16px
}

.docs-gm .docs-docos-activity-sidebar .docos-streamdocoview-inputcontainer,
.docs-gm.docos-xeditor .docos-streamdocoview-inputcontainer {
  background: inherit;
  border: 1px solid transparent;
  left: -40px;
  margin: 0;
  padding: 0;
  width: 110%
}

.docos-docoview-resolved .docos-streamdocoview-inputcontainer {
  background-color: #f6f6f6
}

.docs-gm .docos-docoview-resolved .docos-streamdocoview-inputcontainer {
  background-color: #fff
}

.docs-gm .docs-docos-activity-sidebar .docos-docoview-resolved .docos-streamdocoview-inputcontainer,
.docs-gm.docos-xeditor .docos-docoview-resolved .docos-streamdocoview-inputcontainer {
  background: inherit;
  left: -40px;
  width: 110%
}

.docs-gm.docos-xeditor .docos-docoview-resolved .docos-streamdocoview-inputcontainer,
.docs-gm.docos-xeditor .docos-streamdocoview-inputcontainer {
  left: 0;
  width: 100%
}

.docos-streamdocoview-details {
  position: absolute;
  right: 0;
  top: 0
}

.docos-revisionhistory .docos-stream-emoji-details>:not(.docos-overflowmenu-outer),
.docos-revisionhistory .docos-streamdocoview-details>:not(.docos-overflowmenu-outer) {
  display: none !important
}

.docos-xeditor .docos-streamdocoview-details .docos-accept-suggestion,
.docos-xeditor .docos-streamdocoview-details .docos-reject-suggestion {
  height: 28px;
  margin: 0;
  position: relative;
  top: auto;
  right: auto;
  display: inline-block;
  vertical-align: middle
}

.docos-streamdocoview.docos-docoview-resolved .docos-streamdocoview-details {
  right: 4px
}

.docos-xeditor .docos-streamdocoview.docos-docoview-resolved .docos-streamdocoview-details {
  right: 0
}

.docos-streamdocoview .docos-actionmenu-outer {
  position: absolute;
  right: -12px;
  top: 3px
}

.docos-streamdocoview-reopen-control {
  display: inline
}

.docos-streamdocoview-reopen-control>.docos-docoview-reopen {
  font-family: Arial, sans-serif, sans;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-size: 12px;
  font-weight: 400;
  font-weight: 500;
  color: #15c
}

.docos-streamdocoview-comment-control>.docos-docoview-comment,
.docos-streamdocoview-resolve-control>.docos-docoview-resolve {
  color: #999;
  line-height: 100%
}

.docos-streamdocoview-comment-control>.docos-docoview-comment:hover,
.docos-streamdocoview-reopen-control>.docos-docoview-reopen:hover,
.docos-streamdocoview-resolve-control>.docos-docoview-resolve:hover {
  text-decoration: underline;
  cursor: pointer
}

.docos-docoview-active .docos-docoview-comment,
.docos-docoview-active .docos-docoview-resolve,
.docos-streamrootreplyview:hover .docos-docoview-comment,
.docos-streamrootreplyview:hover .docos-docoview-resolve {
  color: #15c
}

.docos-xeditor .docos-streamdocoview:hover .docos-streamdocoview-header-container {
  background-color: #feefc3
}

.docos-xeditor .docos-streamdocoview.docos-docoview-active .docos-streamdocoview-header-container {
  background-color: #fdd663
}

.docos-xeditor .docos-docoview-resolved.docos-streamdocoview .docos-streamdocoview-header-container,
.docos-xeditor .docos-docoview-resolved.docos-streamdocoview.docos-docoview-active {
  background-color: #f1f3f4
}

.docos-xeditor .docos-docoview-resolved.docos-docoview-active.docos-streamdocoview .docos-streamdocoview-header-container,
.docos-xeditor .docos-docoview-resolved.docos-streamdocoview:hover .docos-streamdocoview-header-container {
  background-color: #dadce0
}

.docos-xeditor .streamdocoview-header-quote-container {
  display: inline-flex;
  min-width: 0;
  flex: 1
}

.docos-xeditor .streamdocoview-header-orphaned-quote {
  display: none
}

.docos-xeditor .streamdocoview-header-orphaned-location {
  color: #3c4043
}

.docos-xeditor .docos-docoview-active .streamdocoview-header-orphaned-location {
  color: #202124;
  font-weight: 700
}

.docos-xeditor .docos-docoview-active .streamdocoview-header-quote-expand .streamdocoview-header-orphaned-quote,
.docos-xeditor .streamdocoview-orphaned-header {
  display: block;
  width: 90%
}

.docos-xeditor .streamdocoview-header {
  display: flex
}

.docos-xeditor .streamdocoview-header-expandable .streamdocoview-header {
  width: 90%
}

.docos-xeditor .docos-docoview-active .streamdocoview-header-quote-expand .streamdocoview-header {
  display: block
}

.docos-xeditor .docos-docoview-active .streamdocoview-header-quote-expand .streamdocoview-header div {
  display: inline
}

.docos-xeditor .docos-docoview-active .streamdocoview-header-quote-expand .streamdocoview-header .streamdocoview-header-location {
  overflow: hidden;
  white-space: nowrap
}

.docos-xeditor .streamdocoview-header-quote-expand .streamdocoview-header .streamdocoview-header-quote {
  overflow-wrap: break-word;
  white-space: normal
}

.docos-xeditor .streamdocoview-header-divider-container {
  display: inline-flex;
  align-items: center
}

.docos-xeditor .streamdocoview-header-divider-container .streamdocoview-header-divider {
  padding: 0 5px
}

.docos-xeditor .docos-comments-pe .streamdocoview-header-divider-container .streamdocoview-header-divider {
  padding: 0 3px
}

.docos-xeditor .streamdocoview-header-location-container {
  align-items: center;
  display: inline-flex;
  font-weight: 500;
  min-width: 0
}

.docos-xeditor .streamdocoview-header-location-container.header-with-quote {
  max-width: 50%
}

.docos-xeditor .streamdocoview-header .streamdocoview-header-quote,
.docos-xeditor .streamdocoview-header-location-container .streamdocoview-header-prefix-location {
  line-height: 20px;
  max-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.docos-xeditor .streamdocoview-header-location-container .streamdocoview-header-prefix-divider {
  margin-right: 5px
}

.docos-comments-pe .docos-xeditor .streamdocoview-header-location-container .streamdocoview-header-prefix-divider {
  margin: 0 3px
}

.docos-xeditor .streamdocoview-header-quote-buttons-container {
  cursor: pointer;
  display: none;
  position: absolute;
  right: 0;
  top: 0
}

.docos-xeditor .streamdocoview-header-expandable .streamdocoview-header-quote-buttons-container {
  display: block
}

.docos-xeditor .streamdocoview-header-expandable .streamdocoview-header-quote-collapse-button,
.docos-xeditor .streamdocoview-header-quote-expand.streamdocoview-header-expandable .streamdocoview-header-quote-expand-button {
  display: none
}

.docos-xeditor .streamdocoview-header-quote-expand.streamdocoview-header-expandable .streamdocoview-header-quote-collapse-button {
  display: block
}

.docos-comments-pe .streamdocoview-header-quote-collapse-button .docs-icon,
.docos-comments-pe .streamdocoview-header-quote-expand-button .docs-icon {
  height: 20px;
  width: 20px
}

.docs-grille-gm3 .docos-streamdocoview {
  border-radius: 12px
}

.docs-gm.docos-xeditor .docos-streamdocoview:hover,
.docs-grille-gm3 .docs-gm .docos-streamdocoview.docos-docoview-resolved:hover {
  background-color: transparent;
  border: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 2px 6px 2px rgba(0, 0, 0, .15);
  outline: none
}

.docs-gm.docos.docos-xeditor .docos-streamdocoview.docos-docoview-active {
  background-color: transparent;
  border: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 4px 8px 3px rgba(0, 0, 0, .15);
  outline: none
}

.docos-xeditor .docos-streamdocoview.docos-docoview-resolved.docos-docoview-active,
.docs-grille-gm3 .docs-docos-activity-sidebar .docos .docos-streamdocoview.docos-docoview-resolved.docos-docoview-active {
  background-color: #f2f2f2;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 4px 8px 3px rgba(0, 0, 0, .15);
  outline: none
}

.docs-grille-gm3 .docos-stream-emoji-header-container,
.docs-grille-gm3 .docos-stream-emoji-header-container .docos-stream-emoji-quote-caption,
.docs-grille-gm3 .streamdocoview-header,
.docs-grille-gm3 .streamdocoview-header-orphaned-location {
  font: 500 12px/16px Roboto, sans-serif
}

.docos-xeditor .docos-streamdocoview-header-container {
  outline: none;
  position: relative
}

.docos-xeditor .docos-streamdocoview-header-container,
.docs-grille-gm3 .docos-stream-emoji-header-container {
  background: #f2f2f2;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  margin: 0;
  padding: 6px 16px
}

.docos-comments-pe .docos-stream-emoji-header-container,
.docos-comments-pe :not(docos-docoview-resolved) .docos-streamdocoview.docos-docoview-active .docos-stream-emoji-header-container,
.docos-comments-pe :not(docos-docoview-resolved) .docos-streamdocoview:hover .docos-stream-emoji-header-container {
  background: transparent
}

.docs-grille-gm3 .docos-streamdocoview:hover .docos-streamdocoview-header-container {
  background: #fff0d1
}

.docs-grille-gm3 .docos-streamdocoview.docos-docoview-active .docos-streamdocoview-header-container {
  background: #ffbb29
}

.docs-grille-gm3 .docos-xeditor .docos-streamdocoview.docos-docoview-resolved,
.docs-grille-gm3 .docos-xeditor .docos-streamdocoview.docos-docoview-resolved:hover {
  background: #f2f2f2
}

.docs-grille-gm3 .docos-docoview-resolved.docos-docoview-active.docos-streamdocoview .docos-streamdocoview-header-container,
.docs-grille-gm3 .docos-docoview-resolved.docos-streamdocoview:hover .docos-streamdocoview-header-container {
  background-color: #e3e3e3
}

.docos-comments-pe .docos-xeditor .docos-docoview-resolved.docos-streamdocoview .docos-streamdocoview-header-container,
.docos-comments-pe .docos-xeditor .docos-docoview-resolved.docos-streamdocoview:hover .docos-streamdocoview-header-container,
.docos-comments-pe .docos-xeditor .docos-streamdocoview-header-container,
.docos-comments-pe .docos-xeditor .docos-streamdocoview.docos-docoview-active .docos-streamdocoview-header-container,
.docos-comments-pe .docos-xeditor .docos-streamdocoview:hover .docos-streamdocoview-header-container {
  background: none
}

.docs-grille-gm3 .docs-gm .docos-streamdocoview-content {
  padding: 14px
}

.docos-comments-pe .docs-gm .docos-streamdocoview-content {
  padding: 16px
}

.docos-xeditor .docos-streamdocoview-content .docos-assigneeview {
  border-radius: 11px 11px 0 0;
  margin: 1px;
  padding: 10px 16px
}

.docos-xeditor .docos-streamdocoview-header-container+.docos-streamdocoview-content .docos-assigneeview {
  border-radius: 0
}

.docs-grille-gm3 .docos-stream-emoji-details,
.docs-grille-gm3 .docos-streamdocoview-details {
  opacity: 0;
  transition: opacity .25s cubic-bezier(.4, 0, .2, 1)
}

.docs-grille-gm3 .docos-streamdocoview-details,
.docs-grille-gm3 .docos-streamdocoview-details div[role=button] {
  align-items: center;
  display: flex;
  justify-content: center
}

.docs-grille-gm3 .docos-streamdocoview .docos-overflowmenu-outer,
.docs-grille-gm3 .docos-streamdocoview-details:focus-within,
.docs-grille-gm3 .docos-streamdocoview.docos-docoview-active .docos-stream-emoji-details,
.docs-grille-gm3 .docos-streamdocoview.docos-docoview-active .docos-streamdocoview-details,
.docs-grille-gm3 .docos-streamdocoview:focus .docos-stream-emoji-details,
.docs-grille-gm3 .docos-streamdocoview:focus .docos-streamdocoview-details,
.docs-grille-gm3 .docos-streamdocoview:hover .docos-stream-emoji-details,
.docs-grille-gm3 .docos-streamdocoview:hover .docos-streamdocoview-details {
  opacity: 1
}

.docs-grille-gm3 .docs-gm .docos-streamdocoview-input-pane .docos-input-textarea {
  border-radius: 18px;
  padding: 8px 7px 8px 16px
}

.docos-comments-pe .docs-gm .docos-streamdocoview-input-pane .docos-input-textarea {
  border-color: #747775
}

.docs-grille-gm3 .streamdocoview-header-quote-buttons-container .docs-material-button {
  border-radius: 100%;
  display: flex;
  height: 32px;
  justify-content: center;
  width: 32px
}

.docos-comments-pe .streamdocoview-header-quote-buttons-container .docs-material-button {
  align-items: center;
  height: 28px;
  margin-top: 2px;
  width: 28px
}

.docos-comments-pe .docos-streamdocoview-content .docos-collapsed-replyview {
  height: 86px;
  overflow: hidden
}

.docos-comments-pe .docos-streamdocoview .docos-show-more {
  padding-top: 4px
}

.docos-comments-pe .docos-streamdocoview .docos-showrepliesbutton-collapsed-internal-container,
.docos-comments-pe .docs-gm.docos-xeditor .docos-streamdocoview,
.docos-comments-pe .docs-gm.docos-xeditor .docos-streamdocoview .docos-show-more {
  background: #e9eef6
}

.docos-comments-pe .docos-streamdocoview:hover .docos-showrepliesbutton-collapsed-internal-container,
.docos-comments-pe .docs-gm.docos-xeditor .docos-streamdocoview:hover,
.docos-comments-pe .docs-gm.docos-xeditor .docos-streamdocoview:hover .docos-show-more {
  background: #dfe7f3
}

.docos-comments-pe .docos-streamdocoview:focus .docos-showrepliesbutton-collapsed-internal-container,
.docos-comments-pe .docs-gm.docos-xeditor .docos-streamdocoview:focus,
.docos-comments-pe .docs-gm.docos-xeditor .docos-streamdocoview:focus .docos-show-more {
  background: #dae3f2
}

.docos-comments-pe .docos-streamdocoview.docos-docoview-resolved .docos-showrepliesbutton-collapsed-internal-container,
.docos-comments-pe .docs-gm.docos-xeditor .docos-streamdocoview.docos-docoview-resolved,
.docos-comments-pe .docs-gm.docos-xeditor .docos-streamdocoview.docos-docoview-resolved .docos-show-more,
.docos-comments-pe .docs-gm.docos-xeditor .docos-streamdocoview.docos-docoview-resolved.docos-docoview-active {
  background: #dde3ea
}

.docos-comments-pe .docos-streamdocoview.docos-docoview-resolved:hover .docos-showrepliesbutton-collapsed-internal-container,
.docos-comments-pe .docs-gm.docos-xeditor .docos-docoview-resolved.docos-streamdocoview:hover,
.docos-comments-pe .docs-gm.docos-xeditor .docos-streamdocoview.docos-docoview-resolved:hover .docos-show-more {
  background: #d4dce8
}

.docos-comments-pe .docos-streamdocoview.docos-docoview-resolved:focus .docos-showrepliesbutton-collapsed-internal-container,
.docos-comments-pe .docs-gm.docos-xeditor .docos-docoview-resolved.docos-streamdocoview:focus,
.docos-comments-pe .docs-gm.docos-xeditor .docos-docoview-resolved.docos-streamdocoview:focus .docos-show-more {
  background: #cfd9e8
}

.docos-comments-pe .docos.docs-gm.docos-xeditor .docos-streamdocoview.docos-docoview-active,
.docos-comments-pe .docos.docs-gm.docos-xeditor .docos-streamdocoview.docos-docoview-active .docos-show-more {
  background: #fff
}

.docos-comments-pe .docs-gm.docos-xeditor .docos-streamdocoview,
.docos-comments-pe .docs-gm.docos-xeditor .docos-streamdocoview.docos-docoview-resolved,
.docos-comments-pe .docs-gm.docos-xeditor .docos-streamdocoview.docos-docoview-resolved.docos-docoview-active,
.docos-comments-pe .docs-gm.docos-xeditor .docos-streamdocoview.docos-docoview-resolved:hover,
.docos-comments-pe .docs-gm.docos-xeditor .docos-streamdocoview:hover,
.docos-comments-pe .docs-gm.docos-xeditor.docos .docos-streamdocoview.docos-docoview-active {
  border: 1px solid transparent;
  box-shadow: none;
  outline: none
}

.docos-comments-pe .docos-stream-view .docos-replyview-reply-count {
  display: inline-block;
  margin: 10px 0 0 -8px
}

.docos-comments-pe .docos-streamrootreplyview-content .docos-replyview-reply-count {
  display: inline-block;
  margin-left: -48px
}

.docos-comments-pe .docos-search-active .docos-showrepliesbutton-container,
.docos-comments-pe .docos-stream-view:not(.docos-stream-filtered-for-you) .docos-streamdocoview .docos-new-tag.docos-new-tag-preview,
.docos-comments-pe .docos-xeditor .docos-docoview-active .docos-replyview-reply-count,
.docos-comments-pe .docos-xeditor .docos-streamdocoview-inputcontainer,
.docos-comments-pe .docos-xeditor .docos-streamreplyview {
  display: none
}

.docos-comments-pe .docos-search-active .docos-streamdocoview .docos-streamreplyview,
.docos-comments-pe .docos-xeditor .docos-docoview-active .docos-streamdocoview-inputcontainer,
.docos-comments-pe .docos-xeditor .docos-docoview-active .docos-streamreplyview,
.docos-comments-pe .docos-xeditor .docos-stream-filtered-for-you .docos-streamdocoview-latest-for-you {
  display: block
}

.docos-comments-pe .docos-search-active .docos-streamdocoview .docos-streamreplyview.docos-replyview-deleted,
.docos-comments-pe .docos-search-active .docos-streamdocoview .docos-streamreplyview.docos-replyview-deleted+.docos-streamreplyview:not(.docos-replyview-deleted),
.docos-comments-pe .docos-xeditor .docos-docoview-active .docos-streamreplyview.docos-replyview-deleted,
.docos-comments-pe .docos-xeditor .docos-docoview-active .docos-streamreplyview.docos-replyview-deleted+.docos-streamreplyview:not(.docos-replyview-deleted) {
  border-top: 1px dashed #c7c7c7
}

.docos-comments-pe .docos-xeditor .docos-docoview-active .docos-streamdocoview:not(:has(.docos-streamreplyview.docos-replyview-deleted:first-child)) .docos-streamrootreplyview.docos-replyview-deleted,
.docos-comments-pe .docos-xeditor .docos-stream-filtered-for-you .docos-streamdocoview:not(:has(.docos-streamreplyview.docos-replyview-deleted:first-child)) .docos-streamrootreplyview.docos-replyview-deleted,
.docos-comments-pe.docos-search-active .docos-streamdocoview:not(:has(.docos-streamreplyview.docos-replyview-deleted:first-child)) .docos-streamrootreplyview.docos-replyview-deleted {
  border-bottom: 1px dashed #c7c7c7
}

.docos-comments-pe .docos-xeditor .docos-stream-emoji-header-container,
.docos-comments-pe .docos-xeditor .docos-streamdocoview-header-container {
  color: #444746;
  font: "Google Sans", Roboto, sans-serif 12px/16px;
  margin: 8px 0 4px 0;
  padding: 8px 16px
}

.docos-comments-pe .docos-streamdocoview .docos-approver-badge-container,
.docos-comments-pe .docos-streamreplyview-content .docos-replyview-body-container,
.docos-comments-pe .docos-xeditor .docos-streamrootreplyview-content .docos-replyview-static {
  margin-left: -40px
}

.docos-comments-pe .docos-xeditor .docos-streamrootreplyview.docos-replyview-deleted .docos-streamrootreplyview-content .docos-replyview-static {
  margin-left: 0
}

.docos-comments-pe .docos-stream-emoji-header-container+.docos-streamdocoview-content,
.docos-comments-pe .docos-streamdocoview-header-container:not(.streamdocoview-header-container-hidden)+.docos-streamdocoview-content {
  padding-top: 4px
}

.docos-comments-pe .docos-streamdocoview-inputcontainer .docos-streamreplyview-avatar {
  display: none
}

.docs-gm .docos-comments-pe .docos-streamdocoview-input-pane {
  margin-left: 0;
  margin-top: 8px
}

.docos-comments-pe .docos-streamrootreplyview {
  margin-bottom: 0
}

.docos-comments-pe .docos-streamreplyview-timestamp-and-button-container {
  display: flex;
  gap: 8px
}

.docos-comments-pe .docos-streamdocoview-details,
.docos-comments-pe .docos-streamreplyview .docos-overflowmenu-outer {
  flex-shrink: 0;
  margin-left: auto;
  overflow: hidden;
  position: relative;
  width: 0
}

.docos-comments-pe .docos-docoview-active .docos-streamdocoview-details,
.docos-comments-pe .docos-docoview-active .docos-streamreplyview .docos-overflowmenu-outer,
.docos-comments-pe .docos-streamdocoview:hover .docos-streamdocoview-details,
.docos-comments-pe .docos-streamdocoview:hover.docos-streamreplyview .docos-overflowmenu-outer {
  overflow: visible;
  width: auto
}

.docos-comments-pe .docs-gm.docos-xeditor .docos-streamdocoview .docos-new-tag {
  margin-left: 6px;
  position: relative;
  vertical-align: bottom
}

.docos-comments-pe .docs-gm.docos-xeditor .docos-streamdocoview .docos-new-tag.docos-new-tag-preview {
  margin-left: 0
}

.docos-comments-pe .docs-gm.docos-xeditor .docos-streamdocoview.docos-docoview-active .docos-new-tag.docos-new-tag-preview,
.docos-comments-pe .docs-gm.docos-xeditor .docos-streamdocoview.docos-docoview-active .docos-showrepliesbutton {
  display: none
}

.docos-comments-pe .docos-streamdocoview .docos-overflowmenu .goog-menuitem {
  white-space: normal;
  width: 120px
}

.docos-comments-pe .docos-streamdocoview .docos-showrepliesbutton {
  margin: 0;
  margin-top: 20px;
  position: relative;
  width: 100%
}

.docos-comments-pe .docos-streamdocoview .docos-showrepliesbutton-collapsed {
  width: 100%
}

.docos-comments-pe .docos-stream-view:not(.docos-stream-filtered-for-you) .docos-replyview-reply-count {
  display: none
}

.docos-comments-pe .docos-stream-view:not(.docos-stream-filtered-for-you) .docos-streamreplyview:nth-last-child(-n+2) {
  display: block
}

.docos-comments-pe .docos-stream-view:not(.docos-stream-filtered-for-you) .docos-streamreplyview.docos-replyview-deleted:nth-last-child(-n+2),
.docos-comments-pe .docos-stream-view:not(.docos-stream-filtered-for-you) .docos-streamreplyview.docos-replyview-deleted:nth-last-child(-n+2)+.docos-streamreplyview:not(.docos-replyview-deleted) {
  border-top: 1px dashed #c7c7c7
}

.docos-comments-pe .docos-stream-view:not(.docos-stream-filtered-for-you) .docos-streamdocoview:not(:has(.docos-streamreplyview.docos-replyview-deleted:first-child)) .docos-streamrootreplyview.docos-replyview-deleted {
  border-bottom: 1px dashed #c7c7c7
}

.docos-comments-pe .docos-streampane-container:not(.docos-search-active) .docos-stream-view:not(.docos-stream-filtered-for-you) .docos-streamdocoview:not(.docos-docoview-active):has(.docos-streamreplyview:nth-child(3)) .docos-streamreplyview.docos-replyview-deleted:nth-last-child(2),
.docos-comments-pe .docos-streampane-container:not(.docos-search-active) .docos-stream-view:not(.docos-stream-filtered-for-you) .docos-streamdocoview:not(.docos-docoview-active):has(.docos-streamreplyview:nth-child(3)) .docos-streamrootreplyview.docos-replyview-deleted {
  border: 0
}

.docos-comments-pe .docos-xeditor .docos-stream-filtered-for-you .docos-streamdocoview:not(.docos-docoview-active):has(.docos-streamreplyview:nth-child(3)) .docos-streamrootreplyview.docos-replyview-deleted {
  border: 0
}

.docos-docoview-active:has(.docos-streamreplyview.docos-replyview-deleted:last-child) .docos-streamdocoview-inputcontainer {
  border-top: 1px dashed #c7c7c7;
  border-radius: 0
}

.docos-comments-pe.docos-stream-view .docos-showrepliesbutton-container {
  margin-left: -40px
}

.docos-comments-pe.docos-stream-view:has(.docos-streamrootreplyview.docos-replyview-deleted) .docos-showrepliesbutton-container {
  margin-left: 0;
  order: 3;
  width: 100%
}

.docos-comments-pe.docos-stream-view .docos-showrepliesbutton-collapsed-internal {
  cursor: pointer
}

.docs-stream-emoji-container {
  display: flex;
  align-items: center
}

.docos-stream-emoji-reply-author {
  margin: 0
}

.docos-stream-emoji-content .docos-stream-emoji-reply-author .docos-author {
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 18px;
  letter-spacing: .25px;
  line-height: 20px;
  margin: 0;
  max-width: 80%
}

.docos-stream-emoji-reply-emoji {
  height: 18px;
  width: 18px;
  margin-right: 10px
}

.docos-stream-emoji-reply-emoji.docos-stream-emoji-emoji-font-enabled {
  font-family: Noto Color Emoji, Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 17px;
  margin-top: -1px
}

.docos-stream-emoji-content {
  padding-left: 40px
}

.docos-stream-emoji-subheading {
  display: flex
}

.docos-emoji-view-avatar {
  left: 16px
}

.docos-comments-pe .docos-stream-emoji-reaction-container>.goog-container {
  display: flex;
  flex-direction: column;
  gap: 20px
}

.docos-comments-pe .docos-stream-emoji-doco-view-action-container {
  padding-bottom: 16px
}

.docos-comments-pe .docos-xeditor .docos-stream-emoji-header-container .docos-stream-emoji-quote,
.docos-comments-pe .docos-xeditor .docos-stream-emoji-header-container .docos-stream-emoji-quote-caption {
  line-height: 20px;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px
}

.docos-stream-emoji-header-container {
  background-color: #f1f3f4;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px 16px;
  border-top-left-radius: 8px;
  border-top-right-radius: 9px;
  margin: -1px
}

.docos-stream-emoji-doco-view-action-container {
  display: flex;
  flex-direction: row;
  position: relative;
  padding-bottom: 15px
}

.docos-stream-emoji-origin {
  color: #80868b;
  font-size: 11px;
  font-style: italic;
  text-align: left;
  white-space: pre-wrap
}

.stream-emoji-doco-view-header-divider {
  padding: 0 5px
}

:not(docos-docoview-resolved) .docos-streamdocoview:hover .docos-stream-emoji-header-container {
  background-color: #feefc3
}

:not(docos-docoview-resolved) .docos-streamdocoview.docos-docoview-active .docos-stream-emoji-header-container {
  background-color: #fdd663
}

.docos-streamdocoview.docos-docoview-resolved.docos-docoview-active .docos-stream-emoji-header-container,
.docos-streamdocoview.docos-docoview-resolved:hover .docos-stream-emoji-header-container {
  background-color: #dadce0
}

.docos-comments-pe .docos-stream-emoji-header-container:empty {
  padding: 0
}

.docos-comments-pe .docos-stream-emoji-quote-caption {
  min-width: -moz-fit-content;
  min-width: fit-content
}

.docos-docoview-resolved.docos-stream-emoji-doco-view,
.docos-docoview-resolved.docos-streamdocoview.docos-docoview-active .docos-stream-emoji-doco-view {
  background-color: #f1f3f4
}

.docos-comments-pe .docos-docoview-resolved.docos-streamdocoview.docos-docoview-active .docos-stream-emoji-doco-view {
  background: inherit
}

.docos-stream-emoji-details {
  position: absolute;
  right: 0;
  top: 0
}

.docos-docoview-resolved.docos-streamdocoview .docos-stream-emoji-doco-view .docos-stream-emoji-resolve-button {
  display: none
}

.docos-streamdocoview .docos-stream-emoji-doco-view .docos-stream-emoji-resolve-button {
  margin: 0 8px 0 0;
  width: 28px;
  height: 28px;
  vertical-align: middle
}

.docos-overflowmenu-outer .goog-toolbar-menu-button-outer-box {
  min-width: 14px
}

.docos-stream-emoji-doco-view-total-reacted {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 18px;
  letter-spacing: .25px;
  line-height: 20px
}

.docs-grille-gm3 .docos-stream-emoji-details {
  display: flex
}

.docs-grille-gm3 .docos-streamdocoview .docos-stream-emoji-resolve-button {
  align-items: center;
  display: flex;
  justify-content: center
}

.docs-grille-gm3 .docos-streamdocoview .docos-stream-emoji-resolve-button {
  background: none;
  border: 1px solid transparent !important;
  border-radius: 100%;
  height: 32px;
  width: 32px
}

.docs-grille-gm3 .docos-streamdocoview .docos-stream-emoji-resolve-button.jfk-button-hover {
  background: none;
  border: 1px solid transparent !important;
  border-radius: 100%;
  height: 32px;
  width: 32px;
  background-color: rgba(68, 71, 70, .08)
}

.docs-grille-gm3 .docos-streamdocoview .docos-stream-emoji-resolve-button.jfk-button-focused {
  background: none;
  border: 1px solid transparent !important;
  border-radius: 100%;
  height: 32px;
  width: 32px;
  background-color: rgba(68, 71, 70, .12)
}

.docos-streampane .docos-input-button-row {
  padding-bottom: 6px
}

.docos-streampane .docos-input-post {
  margin: 0 4px 0 0
}

.docos-streampane .docos-input-cancel {
  background: none
}

.docos-streampane-container {
  line-height: 140%;
  outline: none
}

.docos-streampane-content {
  position: relative
}

.docs-docos-activity-sidebar-content .docos-streampane-content {
  position: static
}

.docos-streampane-readonlytext {
  color: #333;
  padding: 12px 0 12px 20px
}

.docos-revisionhistory .docos-streampane-content .docos-streampane-readonlytext {
  display: none !important
}

.docos-streampane-bannertext {
  background-color: #fef7e0;
  border-top: 1px solid #dadce0;
  border-bottom: 1px solid #dadce0;
  color: #5f6368;
  font-weight: 500;
  padding: 12px 20px 12px 20px;
  position: relative
}

.docos-streampane-bannerlink,
.docos-streampane-bannerlink:visited {
  color: #1a73e8;
  font-weight: 400;
  margin-left: 8px
}

.docos-comments-pe .docos-streampane-bannerlink,
.docos-comments-pe .docos-streampane-bannerlink:visited {
  color: #0b57d0
}

.docs-gm .docos-streampane-bannertext {
  border-top: 0;
  box-sizing: border-box;
  height: 62px
}

.docos-comments-pe .docos-streampane-bannertext {
  color: #444746;
  display: flex;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  overflow: hidden;
  padding: 2px 16px;
  -webkit-font-smoothing: antialiased
}

.docos-comments-pe .docos-streampane-bannertext-content {
  margin: auto
}

.docos-streampane-entryarea {
  margin: 6px 29px 10px 20px;
  position: relative;
  zoom: 1
}

.docos-streampane-entryarea-content {
  margin-left: 61px;
  position: relative;
  zoom: 1
}

.docos-streampane-username {
  font-size: 12px;
  font-weight: 700;
  font-weight: 500;
  margin-bottom: 3px;
  top: -3px
}

.docos-streampane-title {
  font-size: 1.2em;
  margin: 20px 5px 2px
}

.docos-streampane-input-pane {
  top: -4px
}

.docos-streampane-input-pane .docos-input-post {
  font-weight: 700;
  font-weight: 500
}

.docos-streampane-input-pane .docos-input-textarea {
  font-size: 12px;
  height: 30px
}

.docos-streamdocoview-inputcontainer .docos-input-acl-fixer-message,
.docos-streamdocoview-inputcontainer .docos-input-assignment-message,
.docos-streamdocoview-inputcontainer .docos-input-at-reply-message,
.docos-streamdocoview-inputcontainer .docos-input-static-message {
  color: #777;
  line-height: normal;
  margin-top: 8px
}

.docos-comments-pe .docos-streamdocoview-inputcontainer .docos-input-acl-fixer-message,
.docos-comments-pe .docos-streamdocoview-inputcontainer .docos-input-assignment-message,
.docos-comments-pe .docos-streamdocoview-inputcontainer .docos-input-at-reply-message,
.docos-comments-pe .docos-streamdocoview-inputcontainer .docos-input-static-message {
  color: #444746
}

.docos-streampane-error {
  background-color: #dd4b39;
  border: 1px solid #602019;
  border-radius: 4px;
  color: #fff;
  margin: 6px;
  padding: 6px;
  text-align: center
}

.docos-streampane-header {
  align-items: center;
  display: flex;
  background-color: #f5f5f5;
  max-height: 52px;
  overflow: hidden;
  padding: 10px 29px 10px 20px
}

.docs-gm .docos-streampane-header {
  background-color: #fff;
  border-bottom: 1px solid #dadce0
}

.docs-gm .docos-streampane-header-round-top-corners {
  border-radius: 8px 8px 0 0
}

.docs-docos-activity-sidebar .docs-gm .docos-streampane-header {
  padding: 12px
}

.docos-comments-pe.docs-docos-activity-sidebar .docos-streampane-header {
  border-bottom: 1px solid #c4c7c5;
  height: 48px;
  padding: 0 12px
}

.docs-gm .docs-docos-activity-sidebar .docos-subscription-settings-button,
.docs-gm.docos-xeditor .docos-search-button,
.docs-gm.docos-xeditor .docos-subscription-settings-button {
  margin-right: 4px;
  width: 40px
}

.docs-gm .docs-docos-activity-sidebar .docos-subscription-settings-button .docs-material-button,
.docs-gm.docos-xeditor .docos-search-button .docs-material-button,
.docs-gm.docos-xeditor .docos-subscription-settings-button .docs-material-button {
  border-radius: 50%;
  height: 40px;
  margin: 0;
  padding: 4px;
  width: 40px
}

.docs-gm .docs-docos-activity-sidebar .docos-subscription-settings-button .docs-material-button.docs-material-button-focused,
.docs-gm.docos-xeditor .docos-search-button .docs-material-button.docs-material-button-focused,
.docs-gm.docos-xeditor .docos-subscription-settings-button .docs-material-button.docs-material-button-focused {
  line-height: 32px;
  outline: none
}

.docos-search-button .docs-material-button-active.docs-material-button-flat-default,
.docos-search-button .docs-material-button-focused.docs-material-button-flat-default,
.docos-search-button .docs-material-button-hover.docs-material-button-flat-default,
.docos-subscription-settings-button .docs-material-button-active.docs-material-button-flat-default,
.docos-subscription-settings-button .docs-material-button-focused.docs-material-button-flat-default,
.docos-subscription-settings-button .docs-material-button-hover.docs-material-button-flat-default {
  background-color: #e8eaed;
  border: none
}

.docos-comments-pe .docos-search-button .docs-material-button-hover.docs-material-button-flat-default,
.docos-comments-pe .docos-subscription-settings-button .docs-material-button-hover.docs-material-button-flat-default {
  background-color: rgba(68, 71, 70, .08)
}

.docos-comments-pe .docos-search-button .docs-material-button-active.docs-material-button-flat-default,
.docos-comments-pe .docos-search-button .docs-material-button-focused.docs-material-button-flat-default,
.docos-comments-pe .docos-subscription-settings-button .docs-material-button-active.docs-material-button-flat-default,
.docos-comments-pe .docos-subscription-settings-button .docs-material-button-focused.docs-material-button-flat-default {
  background-color: rgba(68, 71, 70, .12)
}

.docos-comments-pe .docos-subscription-settings-button .docs-material-button-disabled.docs-material-button-flat-default {
  background: none
}

.docs-gm.docos-xeditor .docos-search-button .docs-material-button-content {
  top: 5px
}

.docs-gm .docs-docos-activity-sidebar .docos-new-comment-button,
.docs-gm.docos-xeditor .docos-new-comment-button {
  align-items: center;
  border-radius: 50%;
  display: flex;
  height: 32px;
  justify-content: center;
  margin: 0;
  min-width: 32px
}

.docs-gm .docs-docos-activity-sidebar .docos-new-comment-button,
.docs-gm.docos-xeditor .docos-new-comment-button {
  padding: 4px
}

.docos-streampane-content .docos-comment-text {
  display: inline-block;
  float: left
}

.docos-xeditor .docos-comment-title-container {
  align-items: center;
  display: flex;
  margin-right: auto;
  order: -1
}

.docos-xeditor .docos-streampane-content .docos-comment-text.docos-comment-header-title {
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px
}

.docos-streampane-header .docos-filter-settings {
  padding: 0 0 0 10px
}

.docs-docos-activity-sidebar .docos-streampane-header .docos-filter-settings {
  padding: 0;
  width: 160px
}

.docos-streampane-header .goog-flat-menu-button,
.docos-streampane-header .jfk-button {
  border-color: transparent;
  background-color: transparent;
  background-image: none
}

.docos-streampane-header .goog-flat-menu-button-active,
.docos-streampane-header .goog-flat-menu-button-focused,
.docos-streampane-header .goog-flat-menu-button-hover,
.docos-streampane-header .goog-flat-menu-button-open,
.docos-streampane-header .jfk-button-active,
.docos-streampane-header .jfk-button-focused,
.docos-streampane-header .jfk-button-hover {
  border-color: #c6c6c6;
  background-color: #f8f8f8;
  background-image: linear-gradient(top, #f8f8f8, #f1f1f1)
}

.docos-streampane-header .goog-flat-menu-button-dropdown {
  visibility: hidden
}

.docos-streampane-header .goog-flat-menu-button-active .goog-flat-menu-button-dropdown,
.docos-streampane-header .goog-flat-menu-button-focused .goog-flat-menu-button-dropdown,
.docos-streampane-header .goog-flat-menu-button-hover .goog-flat-menu-button-dropdown,
.docos-streampane-header .goog-flat-menu-button-open .goog-flat-menu-button-dropdown {
  visibility: visible
}

.docos-streampane-header .goog-flat-menu-button-disabled .docos-ns-caption-icon {
  opacity: .3
}

.docs-gm .docs-docos-activity-sidebar .docos-ns-caption,
.docs-gm.docos-xeditor .docos-ns-caption {
  align-items: center;
  display: flex
}

.docs-gm .docs-docos-activity-sidebar .docos-ns-caption-icon,
.docs-gm.docos-xeditor .docos-ns-caption-icon {
  margin: 0
}

.docos-streampane-header .jfk-button-disabled .docos-new-comment-icon {
  opacity: .15
}

.docos-streampane-searchbar-container {
  align-items: center;
  border-bottom: 1px solid #dadce0;
  box-sizing: border-box;
  display: none;
  justify-content: space-between;
  max-height: 0;
  overflow: hidden;
  padding: 0 20px;
  transition: max-height .3s ease-in-out, padding .3s ease-in-out;
  width: 100%
}

.docos-comments-pe .docos-streampane-searchbar-container {
  border-bottom: none;
  transition: width .25s ease-in-out;
  width: 15%
}

.docos-comments-pe .docs-gm.docos-xeditor .docos-search-button {
  width: unset
}

.docos-comments-pe .docs-gm.docos-xeditor .docos-search-button .docos-search-comments-icon-path {
  fill: #444746
}

.docos-streampane-searchbar-open {
  display: flex
}

.docos-streampane-searchbar-expanded {
  max-height: 100px;
  padding: 10px 20px
}

.docos-comments-pe .docos-streampane-searchbar-expanded {
  margin-right: 16px;
  padding: 0;
  position: absolute;
  right: 0;
  width: 288px
}

.docos-comments-pe .docos-streampane-searchbar .docos-streampane-search-input {
  color: #444746;
  font: 400 16px/24px Roboto, sans-serif
}

.docos-comments-pe .docos-streampane-searchbar .docos-streampane-search-input:-moz-placeholder-shown,
.docos-comments-pe .docos-streampane-searchbar .docos-streampane-search-input:-ms-input-placeholder,
.docos-comments-pe .docos-streampane-searchbar .docos-streampane-search-input:placeholder-shown {
  text-overflow: ellipsis
}

.docos-comments-pe .docos-streampane-searchbar-expanded~.docos-filter-settings {
  display: none
}

.docos-streampane-searchbar {
  width: 75%
}

.docos-comments-pe .docos-streampane-searchbar {
  width: 100%
}

.docos-streampane-searchbar .docos-streampane-search-input {
  border: 1px solid #bdc1c6;
  border-radius: 8px;
  box-sizing: border-box;
  height: auto;
  padding: 8px 10px;
  width: 100%
}

.docos-comments-pe .docos-streampane-searchbar .docos-streampane-search-input {
  border: none;
  border-radius: 28px;
  box-shadow: none;
  padding: 8px 40px 8px 40px
}

.docos-streampane-searchbar .docos-streampane-search-input:focus {
  border-color: #4d90fe
}

.docos-streampane-searchbar-clear-button,
.docos-streampane-searchbar-close-button {
  margin-right: 8px
}

.docos-comments-pe .docos-streampane-searchbar-close-button {
  position: absolute
}

.docos-comments-pe .docos-streampane-searchbar-clear-button {
  position: absolute;
  right: -7px
}

.docos-comments-pe .docos-streampane-searchbar-clear-button .docs-icon {
  margin: 0 0 0 -1px
}

.docos-comments-pe .docos-streampane-searchbar-close-icon-size.docs-icon {
  height: 24px;
  margin-left: -3px;
  width: 24px
}

.docos-streampane-searchbar-clear-button .docs-material-button-flat-default.docs-material-button-hover,
.docos-streampane-searchbar-close-button .docs-material-button-flat-default.docs-material-button-hover {
  background-color: transparent
}

.docos-comments-pe .docos-streampane-searchbar-clear-button .docs-material-button-flat-default.docs-material-button,
.docos-comments-pe .docos-streampane-searchbar-close-button .docs-material-button-flat-default.docs-material-button {
  border-radius: 100%;
  height: 32px;
  width: 32px
}

.docos-comments-pe .docos-streampane-searchbar-clear-button .docs-material-button-flat-default.docs-material-button-hover,
.docos-comments-pe .docos-streampane-searchbar-close-button .docs-material-button-flat-default.docs-material-button-hover {
  background-color: rgba(68, 71, 70, .08)
}

.docos-comments-pe .docos-streampane-searchbar-clear-button .docs-material-button-flat-default.docs-material-button-active,
.docos-comments-pe .docos-streampane-searchbar-clear-button .docs-material-button-flat-default.docs-material-button-focused,
.docos-comments-pe .docos-streampane-searchbar-close-button .docs-material-button-flat-default.docs-material-button-active,
.docos-comments-pe .docos-streampane-searchbar-close-button .docs-material-button-flat-default.docs-material-button-focused {
  background-color: rgba(68, 71, 70, .12)
}

.docos-streampane-searchbar-close-button .docs-material-button-ripple-element {
  display: none
}

.docos-streampane-searchbar-close-icon-size {
  width: 18px;
  height: 18px;
  margin: 1px 2px 2px 1px
}

.docs-icon.docs-material.docos-streampane-subscription-settings-icon-size {
  width: 24px;
  height: 24px;
  margin: 1px 2px 2px 1px
}

.docos-enable-docs-header .docos-stream-view {
  position: relative;
  overflow: auto
}

.docos-enable-docs-header .docos-stream-view-height {
  max-height: 369px
}

.docos-enable-docs-header:not(.docs-gm) .docos-stream-view>.docos-streamdocoview:first-child {
  border-top-color: transparent
}

.docos-comments-pe.docos-stream-view>.docos-streamdocoview:first-child {
  margin-top: 8px
}

.docs-docos-activity-sidebar-content .docos-stream-view {
  bottom: 1px;
  max-height: none;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: 116px;
  width: 100%
}

.docos-comments-pe .docs-docos-activity-sidebar-content .docos-stream-view {
  top: 160px
}

.docos-comments-pe .docs-docos-activity-sidebar-content.docs-docos-activity-sidebar-content-with-cmu .docos-stream-view {
  top: 200px
}

.docs-docos-activity-sidebar-content .docos-readonly:not(.docos-revisionhistory) .docos-stream-view {
  margin-top: 40px
}

.docs-docos-activity-sidebar-content .docos-stream-view.streamview-height-on-banner {
  top: 170px
}

.docos-comments-pe .docs-docos-activity-sidebar-content .docos-stream-view.streamview-height-on-banner,
.docos-comments-pe.streamview-height-on-banner~.docos-streampane-all-filtered-out-state,
.docos-comments-pe.streamview-height-on-banner~.docos-streampane-zero-state {
  top: 231px
}

.docos-new-comment-icon {
  display: inline-block;
  vertical-align: middle;
  margin: 4px 5px 5px 2px;
  opacity: .65
}

.docs-gm .docos-new-comment-icon {
  opacity: 1
}

.docs-gm .docos-new-comment-button {
  box-shadow: none;
  background-color: #fff;
  background-image: none;
  cursor: pointer;
  border-color: transparent !important;
  border-radius: 2px;
  border: none;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  padding-bottom: 1px;
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 2px
}

.docs-gm .docs-docos-activity-sidebar .docos-new-comment-button,
.docs-gm.docos-xeditor .docos-new-comment-button {
  background-color: transparent;
  color: transparent
}

.docs-gm .docs-docos-activity-sidebar .docos-new-comment-button.jfk-button-focused,
.docs-gm .docs-docos-activity-sidebar .docos-new-comment-button.jfk-button-hover,
.docs-gm.docos-xeditor .docos-new-comment-button.jfk-button-focused,
.docs-gm.docos-xeditor .docos-new-comment-button.jfk-button-hover {
  border-radius: 50%
}

.docs-gm .docos-new-comment-button.jfk-button-focused,
.docs-gm .docos-new-comment-button.jfk-button-hover {
  box-shadow: none;
  background-color: #e6f4ea;
  background-image: none;
  cursor: pointer;
  border-color: transparent !important;
  border-radius: 2px;
  border-width: 1px
}

.docs-gm .docs-docos-activity-sidebar .docos-new-comment-button.jfk-button-hover,
.docs-gm.docos-xeditor .docos-new-comment-button.jfk-button-hover {
  background-color: #f1f3f4;
  border-radius: 50%
}

.docs-gm .docs-docos-activity-sidebar .docos-new-comment-button.jfk-button-focused,
.docs-gm.docos-xeditor .docos-new-comment-button.jfk-button-focused {
  background-color: #e8eaed;
  border-radius: 50%
}

.docs-gm .docos-new-comment-button.jfk-button-active {
  box-shadow: none;
  background-color: #ceead6;
  background-image: none;
  cursor: pointer;
  border-color: transparent !important;
  border-radius: 2px;
  border-width: 1px
}

.docs-gm .docs-docos-activity-sidebar .docos-new-comment-button.jfk-button-active,
.docs-gm.docos-xeditor .docos-new-comment-button.jfk-button-active {
  background-color: #e8eaed;
  outline: none
}

.docs-gm .docos-filter-settings .docs-material-menu-button-flat-default {
  font-family: Google Sans;
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  text-transform: none
}

.docs-gm .docos-streampane-content .docos-comment-text {
  align-items: center;
  color: #3c4043;
  font-family: Google Sans;
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  text-transform: none
}

.docs-gm .docos-filter-settings .docs-material-menu-button-flat-default {
  align-items: center;
  border: 1px solid #dadce0;
  border-radius: 24px;
  color: #5f6368;
  display: flex
}

.docs-gm .docos-filter-settings .docs-material-menu-button-flat-default.filter-applied {
  background-color: #e6f4ea;
  border: none;
  color: #137333
}

.docs-gm .docos-filter-settings .docs-material-menu-button-flat-default.filter-applied .docs-icon-img {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_green.svg)
}

.docs-gm .docos-filter-settings .docs-material-menu-button-flat-default.filter-applied .docs-icon {
  display: inline-block;
  margin-bottom: 4px;
  margin-right: 0
}

.docos-comments-pe .docos-filter-settings .docs-material-menu-button-flat-default.filter-applied .docs-icon {
  margin: 0 4px 2px -8px
}

.docs-gm .docos-filter-settings .docs-material-menu-button-flat-default .docs-icon {
  display: none
}

.docs-gm .docos-filter-settings .docs-material-menu-button-flat-default-caption {
  margin-left: 4px
}

.docs-gm .docs-docos-activity-sidebar .docos-filter-settings .docs-material-menu-button-flat-default-caption {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100px
}

.docs-gm .docos-filter-settings .docs-material-menu-button-flat-default-active,
.docs-gm .docos-filter-settings .docs-material-menu-button-flat-default-focused,
.docs-gm .docos-filter-settings .docs-material-menu-button-flat-default-hover {
  color: #202124
}

.docs-gm .docos-filter-settings .filter-applied.docs-material-menu-button-flat-default-active,
.docs-gm .docos-filter-settings .filter-applied.docs-material-menu-button-flat-default-focused {
  color: #0d652d
}

.docs-gm .docos-filter-settings .filter-applied.docs-material-menu-button-flat-default-hover {
  color: #0d652d;
  background-color: #f8fcf9
}

.docs-gm .docos-filter-settings .filter-applied.docs-material-menu-button-flat-default-focused {
  background-color: #e7f5eb
}

.docs-gm .docos-filter-settings .filter-applied.docs-material-menu-button-flat-default-active {
  background-color: #dff2e4
}

.docs-gm .docos-filter-settings .docs-material-menu-button-flat-default-hover {
  background: rgba(60, 64, 67, .04)
}

.docs-gm .docos-filter-settings .docs-material-menu-button-flat-default-focused {
  background: rgba(60, 64, 67, .12);
  border: 1px solid #202124
}

.docs-gm .docos-filter-settings .docs-material-menu-button-flat-default-active {
  background: rgba(60, 64, 67, .16);
  border: 1px solid #dadce0
}

.docs-gm .docos-filter-settings .docs-material-menu-button-flat-default-dropdown-icon {
  fill: #5f6368
}

.docs-gm .docos-filter-settings .filter-applied .docs-material-menu-button-flat-default-dropdown-icon {
  fill: #137333
}

.docs-gm .docos-filter-settings .docs-material-menu-button-flat-default-active .docs-material-menu-button-flat-default-dropdown-icon,
.docs-gm .docos-filter-settings .docs-material-menu-button-flat-default-focused .docs-material-menu-button-flat-default-dropdown-icon,
.docs-gm .docos-filter-settings .docs-material-menu-button-flat-default-hover .docs-material-menu-button-flat-default-dropdown-icon {
  fill: #202124
}

.docs-gm .docos-filter-settings .filter-applied.docs-material-menu-button-flat-default-active .docs-material-menu-button-flat-default-dropdown-icon,
.docs-gm .docos-filter-settings .filter-applied.docs-material-menu-button-flat-default-focused .docs-material-menu-button-flat-default-dropdown-icon,
.docs-gm .docos-filter-settings .filter-applied.docs-material-menu-button-flat-default-hover .docs-material-menu-button-flat-default-dropdown-icon {
  fill: #0d652d
}

.docos-filter-settings-hc-gecko.docs-material-menu-button-flat-default-focused {
  filter: invert(100%)
}

.docos-filter-settings-hc-gecko.docs-material-menu-button-flat-default {
  outline: 1px solid transparent
}

.docos-streampane-content .docos-comment-text {
  padding: 2px 0
}

.docs-gm .docos-new-comment-button.jfk-button-disabled {
  background-color: #fff;
  color: #f1f3f4;
  cursor: default
}

.docs-gm .docos-streampane-container .streampane-dragger {
  cursor: grab;
  border-color: #e8eaed;
  border-style: solid;
  border-width: 1px 0 0 0;
  height: 8px;
  width: 100%
}

.docs-gm .docos-streampane-container .streampane-dragger-icon {
  height: 4px;
  margin: 2px auto 0;
  width: 20px
}

.docs-gm .docos-streampane-container .streampane-dragger:hover {
  background-color: #e8eaed;
  cursor: grab
}

.docos-streampane-all-filtered-out-state-content {
  color: #80868b;
  padding-top: 24px;
  text-align: center
}

.docos-comments-pe .docos-filter-settings .docs-material-menu-button-flat-default {
  background: transparent;
  border: 1px solid #747775;
  border-radius: 8px;
  color: #444746;
  padding: 0 8px 0 16px;
  -webkit-font-smoothing: antialiased
}

.docos-comments-pe .docos-xeditor .docos-filter-settings {
  width: auto
}

.docos-comments-pe .docos-filter-settings .docs-material-menu-button-flat-default-dropdown {
  float: right;
  margin: 4px 0 0 8px
}

.docos-comments-pe.docs-docos-activity-sidebar .docos-filter-settings .docs-material-menu-button-flat-default-caption {
  max-width: 70px;
  min-width: 40px;
  width: auto
}

.docos-comments-pe .docos-filter-settings .docs-material-menu-button-flat-default.filter-applied {
  background-color: #c2e7ff;
  color: #001d35
}

.docos-comments-pe .docos-filter-settings .docs-material-menu-button-flat-default.filter-applied .docs-icon-img {
  filter: brightness(0) saturate(100%) invert(12%) sepia(17%) saturate(6039%) hue-rotate(199deg) brightness(93%) contrast(106%)
}

.docos-comments-pe .docos-filter-settings .docs-material-menu-button-flat-default-active,
.docos-comments-pe .docos-filter-settings .docs-material-menu-button-flat-default-focused,
.docos-comments-pe .docos-filter-settings .docs-material-menu-button-flat-default-hover {
  color: #1f1f1f
}

.docos-comments-pe .docos-filter-settings .filter-applied.docs-material-menu-button-flat-default-active,
.docos-comments-pe .docos-filter-settings .filter-applied.docs-material-menu-button-flat-default-focused {
  color: #001d35
}

.docos-comments-pe .docos-filter-settings .filter-applied.docs-material-menu-button-flat-default-hover {
  color: #001d35;
  background-color: #b2d7ef
}

.docos-comments-pe .docos-filter-reset-button.docs-material-button-hover,
.filter-applied.docs-material-menu-button-flat-default-hover~.docos-filter-reset-button {
  background-color: #b2d7ef
}

.docos-comments-pe .docos-filter-reset-button.docs-material-button-focused,
.docos-comments-pe .docos-filter-settings .filter-applied.docs-material-menu-button-flat-default-focused,
.filter-applied.docs-material-menu-button-flat-default-focused~.docos-filter-reset-button {
  background-color: #abcfe7
}

.docos-comments-pe .docos-filter-reset-button.docs-material-button-active,
.docos-comments-pe .docos-filter-settings .filter-applied.docs-material-menu-button-flat-default-active,
.filter-applied.docs-material-menu-button-flat-default-active~.docos-filter-reset-button {
  background-color: #96bad2
}

.docos-comments-pe .docos-filter-settings .docs-material-menu-button-flat-default-hover {
  background: rgba(68, 71, 70, .08)
}

.docos-comments-pe .docos-filter-settings .docs-material-menu-button-flat-default-active,
.docos-comments-pe .docos-filter-settings .docs-material-menu-button-flat-default-focused {
  background: rgba(68, 71, 70, .12)
}

.docos-comments-pe .docos-filter-settings .docs-material-menu-button-flat-default-dropdown-icon {
  fill: #444746;
  height: 18px;
  width: 18px
}

.docos-comments-pe .docos-filter-settings .docs-material-menu-button-flat-default-active .docs-material-menu-button-flat-default-dropdown-icon,
.docos-comments-pe .docos-filter-settings .docs-material-menu-button-flat-default-focused .docs-material-menu-button-flat-default-dropdown-icon,
.docos-comments-pe .docos-filter-settings .docs-material-menu-button-flat-default-hover .docs-material-menu-button-flat-default-dropdown-icon {
  fill: #1f1f1f
}

.docos-comments-pe .docos-filter-settings .filter-applied .docs-material-menu-button-flat-default-dropdown-icon,
.docos-comments-pe .docos-filter-settings .filter-applied.docs-material-menu-button-flat-default-active .docs-material-menu-button-flat-default-dropdown-icon,
.docos-comments-pe .docos-filter-settings .filter-applied.docs-material-menu-button-flat-default-focused .docs-material-menu-button-flat-default-dropdown-icon,
.docos-comments-pe .docos-filter-settings .filter-applied.docs-material-menu-button-flat-default-hover .docs-material-menu-button-flat-default-dropdown-icon {
  fill: #001d35
}

.docos-sidebar-filter-container {
  display: flex;
  margin: 16px
}

.docos-comments-pe .docos-sidebar-filter-container {
  margin: 16px 12px;
  position: relative;
  z-index: 2
}

.docos-comments-pe .docos-sidebar-filter-container .gm3-menu .goog-menuitem {
  padding: 10px 30px 10px 20px
}

.docos-comments-pe .docos-streamdocoview-resolved-separator {
  color: #444746;
  display: none;
  font: 500 14px/20px Roboto, sans-serif;
  left: 2px;
  position: absolute;
  top: -34px
}

.docos-comments-pe .docos-first-resolved-seen-doco .docos-streamdocoview-resolved-separator {
  display: block
}

.docos-comments-pe .docs-gm.docos-xeditor .docos-streamdocoview.docos-docoview-resolved.docos-first-resolved-seen-doco {
  margin: 46px 16px 16px 16px
}

.docos-comments-pe .docs-gm.docos-xeditor .docos-streamdocoview.docos-docoview-resolved {
  margin: 16px
}

.docos-streampane-tab-bar-container {
  width: 100%
}

.docos-streampane-tabbar {
  display: flex
}

.docos-streampane-tabbar .docs-tabbar-tab {
  border-bottom: none;
  max-width: 130px;
  padding: 0 16px
}

.docos-streampane-tabbar .docs-tabbar-tab.docs-tabbar-tab-selected {
  border-color: transparent;
  position: relative
}

.docos-streampane-tabbar .docs-tabbar-tab .docs-tabbar-tablabel {
  color: #444746;
  font: 400 14px/20px Roboto, sans-serif;
  text-transform: unset
}

.docos-streampane-tabbar .docs-tabbar-tab.docs-tabbar-tab-selected .docs-tabbar-tablabel {
  color: #0b57d0
}

.docos-streampane-tabbar .docs-tabbar-tab.docs-tabbar-tab-selected .docs-tabbar-tablabel:after {
  background: #0b57d0;
  bottom: 0;
  content: "";
  height: 3px;
  left: 10%;
  position: absolute;
  border-radius: 100px 100px 0 0;
  width: 80%
}

.docos-streampane-tabbar .docs-tabbar-tab.docs-tabbar-tab-hover {
  background: rgba(31, 31, 31, .08)
}

.docos-streampane-tabbar .docs-tabbar-tab.docs-tabbar-tab-active,
.docos-streampane-tabbar .docs-tabbar-tab.docs-tabbar-tab-focused {
  background: rgba(31, 31, 31, .12)
}

.docos-streampane-tabbar .docs-tabbar-tab.docs-tabbar-tab-selected.docs-tabbar-tab-hover {
  background: rgba(11, 87, 208, .08)
}

.docos-streampane-tabbar .docs-tabbar-tab.docs-tabbar-tab-selected.docs-tabbar-tab-active,
.docos-streampane-tabbar .docs-tabbar-tab.docs-tabbar-tab-selected.docs-tabbar-tab-focused {
  background: rgba(11, 87, 208, .12)
}

.docos-streampane-tabbar-focused {
  outline: none
}

.docos-filter-settings-container {
  position: relative
}

.docos-filter-reset-button.docs-material-button {
  background: #c2e7ff;
  border-radius: 100%;
  height: 24px;
  position: absolute;
  right: 4px;
  top: 4px;
  width: 24px
}

.docos-filter-reset-button .docs-material-button-content {
  bottom: 4px;
  right: 6px
}

.docos-filter-reset-button .docs-material-button-content .docs-icon-img {
  filter: brightness(0) saturate(100%) invert(12%) sepia(17%) saturate(6039%) hue-rotate(199deg) brightness(93%) contrast(106%)
}

.docs-docos-activity-sidebar-catch-me-up-button-container {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  position: relative;
  left: auto;
  color: #444746;
  display: flex;
  padding: 0 16px
}

.docs-docos-activity-sidebar-catch-me-up-button-container .docs-gm3-outlined-button.docs-gm3-button-focused,
.docs-docos-activity-sidebar-catch-me-up-button-container .docs-gm3-outlined-button.docs-gm3-button-hover {
  color: #1f1f1f
}

.docos-ns-caption-icon {
  display: inline-block;
  vertical-align: middle;
  margin: 4px 5px 5px 2px
}

.docs-gm .docos-ns-caption-icon {
  margin-left: 0
}

.docos-gm-notification-icon-path,
.docos-new-comment-icon-path {
  fill: #188038
}

.docs-gm .docs-docos-activity-sidebar .docos-gm-notification-icon-path,
.docs-gm .docs-docos-activity-sidebar .docos-new-comment-icon-path,
.docs-gm .docs-docos-activity-sidebar .docos-search-comments-icon-path,
.docs-gm.docos-xeditor .docos-gm-notification-icon-path,
.docs-gm.docos-xeditor .docos-new-comment-icon-path,
.docs-gm.docos-xeditor .docos-search-comments-icon-path {
  fill: #5f6368
}

.jfk-button-disabled .docos-new-comment-icon-path {
  fill: #f1f3f4
}

.docos-ns-caption {
  text-align: left
}

.docs-gm .docos-ns-caption {
  height: 27px
}

.docos-ns-caption-text {
  display: inline-block;
  height: 17px
}

.docs-gm .docos-ns-caption-text {
  line-height: 16px;
  height: 16px
}

.docos-ns-caption-placeholder {
  visibility: hidden
}

.docos-comments-pe .docos-streampane-all-filtered-out-state,
.docos-streampane-zero-state {
  align-items: center;
  background-color: #fff;
  bottom: 1px;
  display: flex;
  flex-direction: column;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  justify-content: space-between;
  max-height: none;
  position: absolute;
  text-align: center;
  top: 116px;
  width: 100%
}

.docos-comments-pe .docos-streampane-all-filtered-out-state,
.docos-comments-pe .docos-streampane-zero-state {
  background-color: #f0f4f9;
  justify-content: center;
  overflow: hidden;
  top: 160px
}

.docos-comments-pe .docs-docos-activity-sidebar-content-with-cmu .docos-streampane-all-filtered-out-state,
.docos-comments-pe .docs-docos-activity-sidebar-content-with-cmu .docos-streampane-zero-state {
  top: 200px
}

.docos-streampane-zero-state-header-image {
  height: 200px;
  margin-top: 2vh;
  width: 300px
}

.docos-streampane-zero-state-content-add-comment {
  margin-bottom: 16px
}

.docos-streampane-zero-state-content-add-comment {
  color: #3c4043;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .2px;
  line-height: 20px;
  width: 158px
}

.docos-comments-pe .docos-streampane-zero-state-content-add-comment {
  color: #444746;
  font: 400 14px/20px Roboto, sans-serif
}

.docos-comments-pe .docos-streampane-zero-state-content-for-you-container .docos-streampane-zero-state-content-for-you-message {
  display: block
}

.docos-comments-pe .docos-streampane-zero-state-content-for-you-container .docos-streampane-zero-state-content-default-message,
.docos-comments-pe .docos-streampane-zero-state-content-for-you-container .docos-streampane-zero-state-footer,
.docos-streampane-zero-state-content-for-you-message {
  display: none
}

.docos-streampane-zero-state-add-comment-button.docs-material-button-fill-primary.docs-material-button {
  text-transform: none
}

.docos-comments-pe .docos-xeditor .docos-streampane-zero-state-add-comment-button.docs-material-button {
  border: 1px solid transparent;
  border-radius: 100px;
  box-sizing: border-box;
  cursor: pointer;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  line-height: 20px;
  padding: 9px 24px;
  white-space: nowrap;
  background: #0b57d0;
  color: #fff
}

.docos-comments-pe .docos-xeditor .docos-streampane-zero-state-add-comment-button.docs-material-button-hover {
  background: #0b57d0;
  color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 3px 1px rgba(0, 0, 0, .15);
  background: #1f64d4
}

.docos-comments-pe .docos-xeditor .docos-streampane-zero-state-add-comment-button.docs-material-button-active,
.docos-comments-pe .docos-xeditor .docos-streampane-zero-state-add-comment-button.docs-material-button-focused,
.docos-comments-pe .docos-xeditor .docos-streampane-zero-state-add-comment-button.docs-material-button-hover.docs-material-button-focused {
  background: #0b57d0;
  color: #fff;
  background: #286bd6
}

.docos-comments-pe .docos-xeditor .docos-streampane-zero-state-add-comment-button.docs-material-button-disabled {
  background: #0b57d0;
  color: #fff;
  background: rgba(31, 31, 31, .12);
  color: rgba(31, 31, 31, .38);
  cursor: default
}

.docos-comments-pe .docos-streampane-zero-state-add-comment-button.docs-material-button-disabled.docs-material-button-focused {
  background: rgba(31, 31, 31, .08)
}

.docos-comments-pe .docos-streampane-zero-state-footer {
  bottom: 0;
  margin: 15px;
  position: absolute
}

.docos-comments-pe .docos-streampane-zero-state-footer-edu-explained {
  display: inline
}

.docos-comments-pe .docos-streampane-zero-state-footer-edu,
.docos-comments-pe .docos-streampane-zero-state-footer-edu-explained {
  color: #444746
}

.docos-comments-pe .docos-streampane-zero-state-footer-edu-learn-more {
  display: inline-block;
  margin-left: 2px
}

.docos-streampane-zero-state-footer {
  letter-spacing: .2px;
  font-size: 12px
}

.docos-streampane-zero-state-footer-edu {
  color: #80868b;
  font-weight: 500;
  line-height: 18px;
  margin-bottom: 2px
}

.docos-streampane-zero-state-footer-edu-explained {
  color: #80868b;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  width: 191px
}

.docos-comments-pe .docos-streampane-all-filtered-out-message {
  color: #444746;
  font-family: Roboto, sans-serif;
  margin-bottom: 24px
}

.docos-comments-pe .docos-streampane-all-filtered-out-state,
.docos-comments-pe .docos-streampane-zero-state-content {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-bottom: 80px
}

.docos-comments-pe .docs-docos-activity-sidebar-content-with-cmu .docos-streampane-all-filtered-out-state,
.docos-comments-pe .docs-docos-activity-sidebar-content-with-cmu .docos-streampane-zero-state-content {
  margin-bottom: 100px
}

.docos-revisionhistory .docos-streampane-content .docos-streampane-zero-state-add-comment-button,
.docos-revisionhistory .docos-streampane-content .docos-streampane-zero-state-content-default-message,
.docos-revisionhistory .docos-streampane-content .docos-streampane-zero-state-content-for-you-message,
.docos-streampane-zero-state-content-no-comments-revision-message {
  display: none
}

.docos-revisionhistory .docos-streampane-zero-state-content-no-comments-revision-message {
  display: block
}

.docos-streamreplyview {
  background-color: #eff2f9;
  color: #666;
  font-size: 12px;
  padding: 6px 6px 0 6px;
  position: relative;
  margin-bottom: 3px;
  min-height: 24px
}

.docos-streamreplyview,
.docos-streamrootreplyview {
  outline: none
}

.docs-gm .docos-streamreplyview {
  background-color: #fff;
  border: 1px solid #dadce0;
  border-radius: 4px;
  font-size: 14px;
  margin-bottom: 8px;
  padding: 16px
}

.docs-gm .docs-docos-activity-sidebar .docos-streamreplyview,
.docs-gm.docos-xeditor .docos-streamreplyview {
  background: inherit;
  border: 1px solid transparent;
  left: -40px;
  margin: 0;
  padding: 8px 0;
  width: 110%
}

.docs-gm .docos-comments-pe.docs-docos-activity-sidebar .docos-streamreplyview:not(.docos-replyview.docos-replyview-deleted) {
  padding-bottom: 0;
  padding-top: 20px
}

.docos-comments-pe.docs-docos-activity-sidebar .docos-docoview-active .docos-streamreplyview:not(.docos-replyview-deleted)+.docos-replyview-deleted,
.docos-comments-pe.docs-docos-activity-sidebar .docos-streamdocoview:not(.docos-docoview-active) .docos-streamreplyview:not(.docos-replyview-deleted):nth-last-child(2)+.docos-replyview-deleted,
.docos-comments-pe.docs-docos-activity-sidebar .docos-streamreplyview.docos-replyview-deleted:first-child {
  margin-top: 20px
}

.docos-comments-pe.docs-docos-activity-sidebar .docos-streamdocoview:has(.docos-streamrootreplyview.docos-replyview-deleted) .docos-streamreplyview.docos-replyview-deleted:first-child {
  margin-top: 0
}

.docos-comments-pe.docs-docos-activity-sidebar .docos-streamreplyview.docos-replyview-deleted {
  padding: 0
}

.docs-gm.docos-xeditor .docos-streamreplyview {
  left: 0;
  width: 100%
}

.docs-gm.docos-xeditor .docos-streamrootreplyview-content {
  position: relative
}

.docs-gm.docos-xeditor .docos-streamrootreplyview.docos-replyview-deleted .docos-streamrootreplyview-content {
  padding-left: 0
}

.docos-docoview-resolved .docos-streamreplyview {
  background-color: #f6f6f6
}

.docs-gm .docos-docoview-resolved .docos-streamreplyview {
  background-color: #fff
}

.docs-gm .docs-docos-activity-sidebar .docos-docoview-resolved .docos-streamreplyview,
.docs-gm.docos-xeditor .docos-docoview-resolved .docos-streamreplyview {
  background: inherit
}

.docos-streamreplyview-avatar {
  left: 6px
}

.docs-gm .docos-streamreplyview-avatar {
  left: 16px
}

.docs-gm .docs-docos-activity-sidebar .docos-streamreplyview-avatar,
.docs-gm.docos-xeditor .docos-streamreplyview-avatar {
  left: 0
}

.docs-gm.docos-xeditor .docos-streamrootreplyview-content {
  padding-left: 40px
}

.docos-streamreplyview-content {
  padding-left: 30px
}

.docs-gm .docos-streamreplyview-content {
  padding-left: 40px
}

.docos-streamreplyview-author {
  color: #000;
  font-weight: 700;
  font-weight: 500
}

.docos:not(.docs-gm) .docos-streamreplyview-author {
  left: -2px;
  margin: 0 4px;
  right: -2px
}

.docs-gm .badging-enabled-doco .docos-streamreplyview-author {
  align-items: center;
  display: inline-flex;
  flex-direction: row
}

.docs-gm .docos-streamreplyview-author {
  color: #3c4043;
  letter-spacing: .25px;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  padding-right: 8px
}

.docs-gm .docos-streamreplyview .docos-new-tag {
  flex: none;
  align-items: center;
  background-color: #1a73e8;
  border-radius: 9px;
  color: #fff;
  height: 16px;
  justify-content: center;
  margin: auto 0 auto 0;
  overflow: hidden;
  transform-origin: left;
  transition: transform .2s ease-out, color .1s ease-in, border-radius .2s ease;
  line-height: 16px
}

.docs-gm .docos-streamreplyview:not(:hover) .docos-new-tag {
  border-radius: 50%;
  color: #fff;
  transform: scale(.375);
  width: 6px
}

.docs-gm .docos-streamreplyview span+.docos-new-tag {
  margin-left: 4px
}

.docs-gm .docos-streamreplyview:not(:hover) .docos-new-message {
  color: transparent
}

.docos-streamreplyview-body {
  color: #333;
  margin: 0;
  top: -4px;
  width: 100%;
  word-wrap: break-word
}

.docos-streamreplyview-timestamp,
.docos-streamreplyview:not(.docos-replyview-deleted) .docos-streamreplyview-text {
  position: relative;
  top: -3px
}

.docos-streamreplyview-text {
  width: 100%
}

.docos-streamreplyview-origin {
  padding-bottom: 4px;
  font-style: italic
}

.docos-streamreplyview-origin,
.docos-streamreplyview-timestamp {
  color: #999;
  font-size: 11px;
  white-space: pre
}

.docos-comments-pe .docos-streamreplyview-origin {
  color: #444746;
  font-family: Roboto, sans-serif;
  margin-left: -40px
}

.docos-replyview-origin.docos-streamreplyview-origin {
  white-space: pre-wrap
}

.docos-streamdocoview .docos-streamreplyview .docos-replyview-control {
  display: inline;
  top: -3px
}

.docos-streamreplyview-edit-pane .docos-input-textarea {
  height: 23px
}

.docos-streamdocoview .docos-replyview-quote {
  border-left: 1px solid #ccc;
  font-style: italic;
  font-size: 12px;
  padding: 3px 10px 3px 10px;
  position: relative;
  zoom: 1;
  word-wrap: break-word
}

.docs-gm .docos-streamdocoview .docos-replyview-quote {
  margin: 8px 0;
  padding: 0 8px 0 16px;
  border-left-width: 3px
}

.docs-gm .docos-streamdocoview .docos-replyview-quote {
  border-left-color: #188038
}

.docos-replyview-quote-caption {
  font-size: 11px;
  font-weight: 400;
  font-weight: 500;
  color: #999;
  margin-right: 2px;
  padding: 0
}

.docs-gm .docs-docos-activity-sidebar .docos-streamreplyview-avatar,
.docs-gm.docos-xeditor .docos-streamreplyview-avatar {
  font-size: 12px;
  overflow-wrap: break-word
}

.docs-gm .docos-replyview-quote-caption {
  color: #3c4043;
  letter-spacing: .8px;
  line-height: 21px;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  text-transform: uppercase
}

.docos-replyview-quote-collapsed {
  overflow: hidden;
  height: 18px;
  padding-left: 3px
}

.docs-gm .docos-replyview-quote-collapse {
  height: 21px;
  padding-left: 0
}

.docos-replyview-quote-expand {
  background: #fff;
  padding: 3px 5px 0 5px;
  position: absolute;
  right: 0;
  top: 0
}

.docs-gm .docos-replyview-quote-expand {
  padding: 0 5px 0 8px
}

.docos-replyview-quote-collapse,
.docos-replyview-quote-expand {
  color: #15c;
  visibility: hidden
}

.docs-gm .docos-replyview-quote-collapse,
.docs-gm .docos-replyview-quote-expand {
  color: #1a73e8
}

.docos-docoview-active .docos-replyview-quote-collapse,
.docos-docoview-active .docos-replyview-quote-expand {
  visibility: visible
}

.docos-docoview-active .docos-replyview-quote-expand {
  background: #fffbe1
}

.docos-replyview-quote-collapse:hover,
.docos-replyview-quote-expand:hover {
  cursor: pointer;
  text-decoration: underline
}

.docos-streamreplyview .docos-action-text,
.docos-streamrootreplyview .docos-action-text {
  color: #777;
  font-style: italic;
  word-wrap: break-word;
  -ms-word-wrap: break-word;
  overflow-wrap: break-word
}

.docs-gm .docos-streamreplyview .docos-action-text,
.docs-gm .docos-streamrootreplyview .docos-action-text {
  color: #3c4043;
  opacity: .7
}

.docos-comments-pe .docos-streamreplyview .docos-action-text,
.docos-comments-pe .docos-streamrootreplyview .docos-action-text {
  opacity: 1
}

.docos-streamrootreplyview .docos-action-text {
  display: inline-block
}

.docos-streamdocoview-content .docos-input-assignment-panel {
  margin-top: -5px
}

.docos-streamreplyview.docos-replyview.docos-replyview-deleted {
  border-radius: 0;
  margin: 0
}

.docos-streamreplyview.docos-replyview.docos-replyview-deleted .docos-streamdocoview-authorname-timestamp,
.docos-streamrootreplyview.docos-replyview-deleted .docos-avatar,
.docos-streamrootreplyview.docos-replyview-deleted .docos-streamdocoview-authorname-timestamp {
  display: none
}

.docos-streamreplyview.docos-replyview.docos-replyview-deleted .docos-collapsible-replyview {
  margin: 0
}

.docos-streamrootreplyview.docos-replyview-deleted .docos-collapsible-replyview {
  width: 87%;
  padding: 0;
  order: 1
}

.docos-streamreplyview.docos-replyview.docos-replyview-deleted .docos-streamreplyview-content {
  display: flex;
  min-height: 66px;
  padding: 0;
  width: 100%
}

.docos-streamrootreplyview.docos-replyview-deleted .docos-streamrootreplyview-content {
  display: flex;
  flex-wrap: wrap;
  width: 100%
}

.docos-streamreplyview.docos-replyview.docos-replyview-deleted .docos-replyview-body-container {
  padding: 0
}

.docos-streamreplyview.docos-replyview.docos-replyview-deleted .docos-streamreplyview-timestamp-and-button-container {
  padding: 0;
  order: 2
}

.docos-streamrootreplyview.docos-replyview-deleted .docos-streamreplyview-timestamp-and-button-container {
  order: 2;
  width: 13%
}

.docos-streamreplyview.docos-replyview.docos-replyview-deleted .docos-streamreplyview-attribution-warning {
  margin: 0
}

.docos-streamreplyview.docos-replyview.docos-replyview-deleted .docos-replyview-tombstone {
  grid-column-start: 2;
  order: 1
}

.docos-ssd-tooltip {
  display: inline-block;
  max-width: 35ch;
  text-align: center
}

.docos-ssd-content {
  box-sizing: border-box;
  text-align: left;
  width: 330px
}

.docos-ssd-content.goog-menu {
  border-radius: 8px;
  white-space: normal
}

.docos-ssd-content .docs-callout {
  margin-bottom: 12px
}

.docos-ssd-content [role=heading] {
  color: #202124;
  font: 400 18px/24px sans-serif;
  margin-bottom: 20px
}

.docos-ssd-content p {
  color: #5f6368;
  font: 500 11px/16px Roboto, sans-serif;
  letter-spacing: .8px;
  margin-bottom: 16px;
  text-transform: uppercase
}

.docos-ssd-radio-button-group .jfk-radiobutton {
  padding: 0;
  display: block
}

.docos-ssd-radio-button-group .jfk-radiobutton.jfk-radiobutton-disabled {
  opacity: .38
}

.docos-ssd-radio-button-group .jfk-radiobutton+.jfk-radiobutton {
  margin-top: 16px
}

.docos-ssd-content .docos-ssd-radio-button-group .jfk-radiobutton .jfk-radiobutton-radio {
  border: 2px solid #5f6368;
  height: 15px;
  width: 15px
}

.docos-ssd-radio-button-group .jfk-radiobutton-radio {
  left: 3px;
  top: 50%;
  transform: translateY(-50%) scale(1.2)
}

.docos-ssd-radio-button-group .jfk-radiobutton-hover:not(.jfk-radiobutton-disabled) .jfk-radiobutton-radio {
  cursor: pointer
}

.docos-ssd-radio-button-group .jfk-radiobutton-radio:before {
  border-color: transparent;
  border-radius: 50%;
  border-style: solid;
  border-width: 6px;
  content: "";
  height: 19px;
  left: -10.5px;
  position: absolute;
  top: -10.5px;
  transform: scale(.8333);
  width: 19px
}

.docos-ssd-radio-button-group :not(.jfk-radiobutton-disabled):not(.jfk-radiobutton-focused) .jfk-radiobutton-radio:hover:before {
  border-color: rgba(0, 0, 0, .06)
}

.docos-ssd-radio-button-group .jfk-radiobutton-focused .jfk-radiobutton-radio:before {
  border-color: #e6f4ea
}

.docos-ssd-content .docos-ssd-radio-button-group .jfk-radiobutton-checked .jfk-radiobutton-radio {
  border-color: #137333
}

.docos-ssd-content .docos-ssd-radio-button-group .jfk-radiobutton-checked.jfk-radiobutton .jfk-radiobutton-radio:after {
  background-color: #137333;
  border-color: #137333;
  border-width: 2px;
  height: 7px;
  left: 2px;
  margin: 0;
  top: 2px;
  width: 7px
}

.docos-ssd-radio-button-group .jfk-radiobutton .jfk-radiobutton-label {
  margin-left: 36px
}

.docos-ssd-radio-button-group .jfk-radiobutton-label label {
  color: #3c4043;
  display: block;
  font: 500 14px/24px sans-serif;
  letter-spacing: .1px
}

.docos-ssd-radio-button-group .jfk-radiobutton-checked .jfk-radiobutton-label label {
  color: #137333
}

.docos-ssd-radio-button-group .jfk-radiobutton-label span {
  color: #5f6368;
  font: 400 12px/16px Roboto, sans-serif;
  letter-spacing: .3px
}

.docos-ssd-content hr {
  border: none;
  border-top: 1px solid #bdc1c6;
  margin: 16px 0
}

.docos-textarea {
  margin: 0;
  padding: 2px;
  font-family: Arial, sans-serif, sans;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  outline-width: 0 !important;
  resize: none
}

.proactiveSummaryViewFilledCard {
  align-content: center;
  background: #eaeef5;
  border-radius: 12px;
  margin: 16px 16px 0;
  outline: none;
  padding: 12px
}

.proactiveSummaryViewProactiveSummaryTitle {
  align-items: center;
  display: flex;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  letter-spacing: .25px;
  line-height: 20px;
  white-space: nowrap
}

.proactiveSummaryViewProactiveSummaryIcon {
  height: 32px;
  padding-right: 4px;
  width: 32px
}

.proactiveSummaryViewProactiveSummaryIcon .docs-icon {
  height: 24px;
  margin: 4px;
  -webkit-user-select: none;
  user-select: none;
  width: 24px
}

.proactiveSummaryViewProactiveSummaryText {
  color: #444746;
  line-height: 20px;
  padding: 1px;
  padding-top: 6px;
  word-wrap: break-word
}

.proactiveSummaryViewLoadingIndicator {
  padding-top: 8px;
  height: 67px
}

.proactiveSummaryViewCloseButton {
  align-items: center;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  height: 26px;
  justify-content: center;
  outline: none;
  -webkit-user-select: none;
  user-select: none;
  width: 26px
}

.proactiveSummaryViewCloseButton:hover {
  background-color: rgba(68, 71, 70, .08)
}

.proactiveSummaryViewCloseButton:active,
.proactiveSummaryViewCloseButton:focus {
  background-color: rgba(68, 71, 70, .1)
}

@media screen and (forced-colors:active) {

  .proactiveSummaryViewCloseButton:active,
  .proactiveSummaryViewCloseButton:focus {
    outline: 1px solid
  }
}

.proactiveSummaryViewCloseButton .docs-icon {
  margin: 1px
}

.proactiveSummaryViewShowMoreLessButtonContainer {
  outline: none;
  position: relative;
  padding-top: 4px
}

.proactiveSummaryViewShowLessButton,
.proactiveSummaryViewShowMoreButton {
  color: #0b57d0;
  cursor: pointer;
  display: none;
  font-family: Roboto, sans-serif;
  font-size: 11px;
  margin-top: 4px;
  outline-offset: 2px;
  width: -moz-fit-content;
  width: fit-content
}

@media screen and (forced-colors:active) {

  .proactiveSummaryViewShowLessButton,
  .proactiveSummaryViewShowMoreButton {
    border: 1px solid;
    border-radius: 2px;
    padding: 1px;
    outline-style: auto
  }
}

.proactiveSummaryViewCollapsedSummaryText {
  height: 57px;
  overflow: hidden
}

.proactiveSummaryViewCollapsedSummaryContainer {
  height: auto
}

.proactiveSummaryViewTitleControlsContainer {
  align-items: center;
  display: flex;
  margin-left: auto
}

.proactiveSummaryViewFeedbackButtonContainer {
  align-items: center;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  height: 26px;
  justify-content: center;
  outline: none;
  -webkit-user-select: none;
  user-select: none;
  width: 26px;
  margin-bottom: 2px
}

.proactiveSummaryViewFeedbackButtonContainer:hover {
  background-color: rgba(68, 71, 70, .08)
}

.proactiveSummaryViewFeedbackButtonContainer:active,
.proactiveSummaryViewFeedbackButtonContainer:focus {
  background-color: rgba(68, 71, 70, .1)
}

@media screen and (forced-colors:active) {

  .proactiveSummaryViewFeedbackButtonContainer:active,
  .proactiveSummaryViewFeedbackButtonContainer:focus {
    outline: 1px solid
  }
}

.javascriptMaterialdesignGm3WizFocusRingOutward-focusringoutward {
  display: var(--gm3-focus-ring-outward-display, none);
  pointer-events: none;
  position: absolute;
  z-index: 1;
  border-start-start-radius: calc(var(--gm3-focus-ring-outward-target-shape-start-start, 0px) + var(--gm3-focus-ring-outward-offset, 2px));
  border-start-end-radius: calc(var(--gm3-focus-ring-outward-target-shape-start-end, 0px) + var(--gm3-focus-ring-outward-offset, 2px));
  border-end-end-radius: calc(var(--gm3-focus-ring-outward-target-shape-end-end, 0px) + var(--gm3-focus-ring-outward-offset, 2px));
  border-end-start-radius: calc(var(--gm3-focus-ring-outward-target-shape-end-start, 0px) + var(--gm3-focus-ring-outward-offset, 2px));
  inset: calc(var(--gm3-focus-ring-outward-offset, 2px)*-1);
  box-shadow: 0 0 0 var(--gm3-focus-ring-outward-track-width, 3px) var(--gm3-focus-ring-outward-color, var(--gm3-sys-color-secondary, #00639b));
  outline: var(--gm3-focus-ring-outward-track-width, 3px) solid transparent;
  animation-name: gm3-focus-ring-outward-grows, gm3-focus-ring-outward-shrinks;
  animation-duration: .15s, .45s;
  animation-delay: 0s, .15s;
  animation-timing-function: cubic-bezier(.2, 0, 0, 1), cubic-bezier(.2, 0, 0, 1)
}

@keyframes gm3-focus-ring-outward-grows {
  0% {
    box-shadow: 0 0 0 0 var(--gm3-focus-ring-outward-color, var(--gm3-sys-color-secondary, #00639b))
  }

  to {
    box-shadow: 0 0 0 8px var(--gm3-focus-ring-outward-color, var(--gm3-sys-color-secondary, #00639b))
  }
}

@keyframes gm3-focus-ring-outward-shrinks {
  0% {
    box-shadow: 0 0 0 8px var(--gm3-focus-ring-outward-color, var(--gm3-sys-color-secondary, #00639b))
  }
}

@media (prefers-reduced-motion) {
  .javascriptMaterialdesignGm3WizFocusRingOutward-focusringoutward {
    animation: none
  }
}

.javascriptMaterialdesignGm3WizRipple-ripple {
  overflow: hidden;
  outline: none;
  -webkit-tap-highlight-color: transparent
}

.javascriptMaterialdesignGm3WizRipple-ripple,
.javascriptMaterialdesignGm3WizRipple-ripple:after,
.javascriptMaterialdesignGm3WizRipple-ripple:before {
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-start-start-radius: var(--gm3-ripple-shape-start-start, inherit);
  border-start-end-radius: var(--gm3-ripple-shape-start-end, inherit);
  border-end-start-radius: var(--gm3-ripple-shape-end-start, inherit);
  border-end-end-radius: var(--gm3-ripple-shape-end-end, inherit)
}

.javascriptMaterialdesignGm3WizRipple-ripple:after,
.javascriptMaterialdesignGm3WizRipple-ripple:before {
  opacity: 0;
  content: ""
}

.javascriptMaterialdesignGm3WizRipple-ripple:before {
  transition: opacity 75ms linear, border-radius var(--gm3-ripple-border-radius-transition-duration, 0ms) linear;
  background-color: var(--gm3-ripple-hover-color, transparent)
}

.javascriptMaterialdesignGm3WizRipple-ripple--hover:before {
  opacity: var(--gm3-ripple-hover-opacity, 0)
}

.javascriptMaterialdesignGm3WizRipple-ripple:after {
  opacity: 0;
  background: radial-gradient(closest-side, var(--gm3-ripple-pressed-color, transparent) max(100% - 70px, 65%), transparent 100%);
  transition: opacity .25s linear, border-radius var(--gm3-ripple-border-radius-transition-duration, 0ms) linear;
  transform-origin: center center
}

.javascriptMaterialdesignGm3WizRipple-ripple--pressed:after {
  transition-duration: 105ms;
  opacity: var(--gm3-ripple-pressed-opacity, 0)
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizRipple-ripple {
    display: none
  }
}

.javascriptMaterialdesignGm3WizButtonOutlined-button {
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border: none;
  outline: none;
  background: transparent;
  -moz-appearance: none;
  appearance: none;
  line-height: inherit;
  text-rendering: inherit;
  -webkit-user-select: none;
  user-select: none;
  vertical-align: middle;
  cursor: pointer;
  min-inline-size: var(--gm3-button-outlined-container-min-width, 64px);
  padding-block: 0;
  padding-inline-start: var(--gm3-button-outlined-leading-space, 24px);
  padding-inline-end: var(--gm3-button-outlined-trailing-space, 24px);
  block-size: var(--gm3-button-outlined-container-height, 40px);
  border-radius: var(--gm3-button-outlined-container-shape, 9999px);
  --gm3-ripple-hover-color: var(--gm3-button-outlined-hover-state-layer-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-ripple-hover-opacity: var(--gm3-button-outlined-hover-state-layer-opacity, 0.08);
  --gm3-ripple-pressed-color: var(--gm3-button-outlined-hover-state-layer-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-ripple-pressed-opacity: var(--gm3-button-outlined-pressed-state-layer-opacity, 0.1);
  --gm3-focus-ring-outward-color: var(--gm3-button-outlined-focus-indicator-color, var(--gm3-sys-color-secondary, #00639b));
  --gm3-focus-ring-outward-offset: var(--gm3-button-outlined-focus-indicator-outline-offset, 2px);
  --gm3-focus-ring-outward-track-width: var(--gm3-button-outlined-focus-indicator-thickness, 3px);
  --gm3-focus-ring-outward-target-shape-start-start: var(--gm3-button-outlined-container-shape, 9999px);
  --gm3-focus-ring-outward-target-shape-start-end: var(--gm3-button-outlined-container-shape, 9999px);
  --gm3-focus-ring-outward-target-shape-end-end: var(--gm3-button-outlined-container-shape, 9999px);
  --gm3-focus-ring-outward-target-shape-end-start: var(--gm3-button-outlined-container-shape, 9999px)
}

.javascriptMaterialdesignGm3WizButtonOutlined-button__link:focus-visible {
  outline: none
}

.javascriptMaterialdesignGm3WizButtonOutlined-button:focus-visible,
.javascriptMaterialdesignGm3WizButtonOutlined-button__link:focus-visible~.javascriptMaterialdesignGm3WizButtonOutlined-button__focusring {
  --gm3-focus-ring-outward-display: block
}

.javascriptMaterialdesignGm3WizButtonOutlined-button:disabled {
  cursor: default;
  pointer-events: none;
  --gm3-ripple-hover-opacity: 0;
  --gm3-ripple-pressed-opacity: 0
}

.javascriptMaterialdesignGm3WizButtonOutlined-button--with-tooltip:disabled {
  pointer-events: auto
}

.javascriptMaterialdesignGm3WizButtonOutlined-button[hidden] {
  display: none
}

.javascriptMaterialdesignGm3WizButtonOutlined-button__label {
  position: relative;
  text-align: center;
  color: var(--gm3-button-outlined-label-text-color, var(--gm3-sys-color-primary, #0b57d0));
  font-size: var(--gm3-button-outlined-label-text-size, .875rem);
  font-family: var(--gm3-button-outlined-label-text-font, "Google Sans", Roboto, Arial, sans-serif);
  font-weight: var(--gm3-button-outlined-label-text-weight, 500);
  letter-spacing: var(--gm3-button-outlined-label-text-tracking, 0);
  -webkit-text-decoration: var(--gm3-button-outlined-label-text-decoration, none);
  text-decoration: var(--gm3-button-outlined-label-text-decoration, none);
  font-variation-settings: var(--gm3-button-outlined-label-text-font-variation-settings, initial)
}

.javascriptMaterialdesignGm3WizButtonOutlined-button__use-updated-font-styles .javascriptMaterialdesignGm3WizButtonOutlined-button__label {
  font-family: var(--gm3-button-outlined-label-text-font, "Google Sans Flex", "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif)
}

.javascriptMaterialdesignGm3WizButtonOutlined-button:hover .javascriptMaterialdesignGm3WizButtonOutlined-button__label {
  color: var(--gm3-button-outlined-hover-label-text-color, var(--gm3-sys-color-primary, #0b57d0))
}

.javascriptMaterialdesignGm3WizButtonOutlined-button:focus-visible .javascriptMaterialdesignGm3WizButtonOutlined-button__label {
  color: var(--gm3-button-outlined-focus-label-text-color, var(--gm3-sys-color-primary, #0b57d0))
}

.javascriptMaterialdesignGm3WizButtonOutlined-button:active .javascriptMaterialdesignGm3WizButtonOutlined-button__label {
  color: var(--gm3-button-outlined-pressed-label-text-color, var(--gm3-sys-color-primary, #0b57d0))
}

.javascriptMaterialdesignGm3WizButtonOutlined-button:disabled .javascriptMaterialdesignGm3WizButtonOutlined-button__label {
  color: var(--gm3-button-outlined-disabled-label-text-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .38))
}

.javascriptMaterialdesignGm3WizButtonOutlined-button--ellipsis .javascriptMaterialdesignGm3WizButtonOutlined-button__label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.javascriptMaterialdesignGm3WizButtonOutlined-button--icon-leading {
  padding-inline-start: var(--gm3-button-outlined-with-leading-icon-leading-space, 16px);
  padding-inline-end: var(--gm3-button-outlined-with-leading-icon-trailing-space, 24px)
}

.javascriptMaterialdesignGm3WizButtonOutlined-button--icon-leading .javascriptMaterialdesignGm3WizButtonOutlined-button__icon-slot i,
.javascriptMaterialdesignGm3WizButtonOutlined-button--icon-leading .javascriptMaterialdesignGm3WizButtonOutlined-button__icon-slot img,
.javascriptMaterialdesignGm3WizButtonOutlined-button--icon-leading .javascriptMaterialdesignGm3WizButtonOutlined-button__icon-slot svg {
  margin-inline-end: var(--gm3-button-outlined-with-icon-icon-label-space, 8px)
}

.javascriptMaterialdesignGm3WizButtonOutlined-button--icon-trailing {
  padding-inline-start: var(--gm3-button-outlined-with-trailing-icon-leading-space, 24px);
  padding-inline-end: var(--gm3-button-outlined-with-trailing-icon-trailing-space, 16px)
}

.javascriptMaterialdesignGm3WizButtonOutlined-button--icon-trailing .javascriptMaterialdesignGm3WizButtonOutlined-button__icon-slot i,
.javascriptMaterialdesignGm3WizButtonOutlined-button--icon-trailing .javascriptMaterialdesignGm3WizButtonOutlined-button__icon-slot img,
.javascriptMaterialdesignGm3WizButtonOutlined-button--icon-trailing .javascriptMaterialdesignGm3WizButtonOutlined-button__icon-slot svg {
  margin-inline-start: var(--gm3-button-outlined-with-icon-icon-label-space, 8px)
}

.javascriptMaterialdesignGm3WizButtonOutlined-button__icon-slot {
  display: none;
  position: relative;
  line-height: 0;
  color: var(--gm3-button-outlined-with-icon-icon-color, var(--gm3-sys-color-primary, #0b57d0))
}

.javascriptMaterialdesignGm3WizButtonOutlined-button__icon-slot i,
.javascriptMaterialdesignGm3WizButtonOutlined-button__icon-slot img,
.javascriptMaterialdesignGm3WizButtonOutlined-button__icon-slot svg {
  display: inline-flex;
  position: relative;
  direction: inherit;
  color: inherit;
  font-size: var(--gm3-button-outlined-with-icon-icon-size, 18px);
  inline-size: var(--gm3-button-outlined-with-icon-icon-size, 18px);
  block-size: var(--gm3-button-outlined-with-icon-icon-size, 18px)
}

.javascriptMaterialdesignGm3WizButtonOutlined-button:hover .javascriptMaterialdesignGm3WizButtonOutlined-button__icon-slot {
  color: var(--gm3-button-outlined-with-icon-hover-icon-color, var(--gm3-sys-color-primary, #0b57d0))
}

.javascriptMaterialdesignGm3WizButtonOutlined-button:focus-visible .javascriptMaterialdesignGm3WizButtonOutlined-button__icon-slot {
  color: var(--gm3-button-outlined-with-icon-focus-icon-color, var(--gm3-sys-color-primary, #0b57d0))
}

.javascriptMaterialdesignGm3WizButtonOutlined-button:active .javascriptMaterialdesignGm3WizButtonOutlined-button__icon-slot {
  color: var(--gm3-button-outlined-with-icon-pressed-icon-color, var(--gm3-sys-color-primary, #0b57d0))
}

.javascriptMaterialdesignGm3WizButtonOutlined-button:disabled .javascriptMaterialdesignGm3WizButtonOutlined-button__icon-slot {
  color: var(--gm3-button-outlined-with-icon-disabled-icon-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .38))
}

.javascriptMaterialdesignGm3WizButtonOutlined-button--flip-icon .javascriptMaterialdesignGm3WizButtonOutlined-button__icon-slot[dir=rtl],
[dir=rtl] .javascriptMaterialdesignGm3WizButtonOutlined-button--flip-icon .javascriptMaterialdesignGm3WizButtonOutlined-button__icon-slot {
  transform: scaleX(-1)
}

.javascriptMaterialdesignGm3WizButtonOutlined-button--icon-leading .javascriptMaterialdesignGm3WizButtonOutlined-button__icon-slot--leading,
.javascriptMaterialdesignGm3WizButtonOutlined-button--icon-trailing .javascriptMaterialdesignGm3WizButtonOutlined-button__icon-slot--trailing {
  display: inline-flex
}

.javascriptMaterialdesignGm3WizButtonOutlined-button__link {
  position: absolute;
  inset: 0
}

.javascriptMaterialdesignGm3WizButtonOutlined-button--touch {
  margin-block: max((48px - var(--gm3-button-outlined-container-height, 40px))/2, 0px)
}

.javascriptMaterialdesignGm3WizButtonOutlined-button__touch {
  position: absolute;
  inline-size: max(48px, 100%);
  block-size: max(48px, 100%);
  inset: unset;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.javascriptMaterialdesignGm3WizButtonOutlined-button {
  border-style: solid;
  border-width: var(--gm3-button-outlined-outline-width, 1px);
  border-color: var(--gm3-button-outlined-outline-color, var(--gm3-sys-color-outline, #747775));
  --gm3-focus-ring-outward-offset: calc(var(--gm3-button-outlined-focus-indicator-outline-offset, 2px) + var(--gm3-button-outlined-outline-width, 1px));
  --gm3-focus-ring-outward-target-shape-start-start: calc(var(--gm3-button-outlined-container-shape, 9999px) - var(--gm3-button-outlined-outline-width, 1px));
  --gm3-focus-ring-outward-target-shape-start-end: calc(var(--gm3-button-outlined-container-shape, 9999px) - var(--gm3-button-outlined-outline-width, 1px));
  --gm3-focus-ring-outward-target-shape-end-end: calc(var(--gm3-button-outlined-container-shape, 9999px) - var(--gm3-button-outlined-outline-width, 1px));
  --gm3-focus-ring-outward-target-shape-end-start: calc(var(--gm3-button-outlined-container-shape, 9999px) - var(--gm3-button-outlined-outline-width, 1px))
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizButtonOutlined-button:has(.javascriptMaterialdesignGm3WizButtonOutlined-button__link) {
    border-color: LinkText
  }
}

@media (forced-colors:active) {

  .javascriptMaterialdesignGm3WizButtonOutlined-button:has(.javascriptMaterialdesignGm3WizButtonOutlined-button__link) .javascriptMaterialdesignGm3WizButtonOutlined-button__icon-slot,
  .javascriptMaterialdesignGm3WizButtonOutlined-button:has(.javascriptMaterialdesignGm3WizButtonOutlined-button__link) .javascriptMaterialdesignGm3WizButtonOutlined-button__label {
    color: LinkText
  }
}

.javascriptMaterialdesignGm3WizButtonOutlined-button:hover {
  border-color: var(--gm3-button-outlined-hover-outline-color, var(--gm3-sys-color-outline, #747775))
}

.javascriptMaterialdesignGm3WizButtonOutlined-button:focus-visible {
  border-color: var(--gm3-button-outlined-focus-outline-color, var(--gm3-sys-color-primary, #0b57d0))
}

.javascriptMaterialdesignGm3WizButtonOutlined-button:active {
  border-color: var(--gm3-button-outlined-pressed-outline-color, var(--gm3-sys-color-outline, #747775))
}

.javascriptMaterialdesignGm3WizButtonOutlined-button:disabled {
  border-color: var(--gm3-button-outlined-disabled-outline-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .12))
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizButtonOutlined-button:disabled {
    border-color: GrayText
  }
}

.javascriptMaterialdesignGm3WizButtonOutlined-button__touch {
  inline-size: max(48px, 100% + var(--gm3-button-outlined-outline-width, 1px) * 2)
}

.replyGenViewContainer {
  display: flex;
  flex-direction: column;
  margin-top: 4px
}

.replyGenViewReplyGenButtonCaption {
  border-color: #c4c7c5;
  padding-left: 10px
}

.replyGenViewReplyGenButtonCaption [class$=-button__label] {
  margin-left: 4px;
  text-align: left
}

.replyGenViewReplyGenButtonContainer:not(.MultiLineLabel) .replyGenViewReplyGenButtonIcon {
  margin-bottom: 2px
}

.replyGenViewReplyGenButtonContainer.MultiLineLabel .replyGenViewReplyGenButtonIcon {
  margin-bottom: 20px
}

.replyGenViewReplyGenButtonContainer.MultiLineLabel .replyGenViewReplyGenButtonCaption {
  --gm3-focus-ring-outward-target-shape-end-end: 16px;
  --gm3-focus-ring-outward-target-shape-end-start: 16px;
  --gm3-focus-ring-outward-target-shape-start-start: 16px;
  --gm3-focus-ring-outward-target-shape-start-end: 16px;
  border-radius: 16px;
  height: auto;
  padding-bottom: 6px;
  padding-top: 6px
}

.peoplekitComponentsListImplList {
  list-style: none;
  margin: 0;
  padding: 0
}

.peoplekitComponentsListImplList:focus {
  outline: none
}

.peoplekitComponentsResultListCoreGroupSectionListContainer {
  overflow: hidden;
  transform-origin: top;
  transition: all .5s cubic-bezier(.05, .7, .1, 1)
}

.peoplekitComponentsResultListCoreGroupSectionListContainer.collapsed {
  height: 0;
  transform: scaleY(0);
  transition: all .2s cubic-bezier(.3, 0, .8, .15)
}

.peopleKitStyleGm3 {
  --pkw-background: var(--gm3-sys-color-background, #fff);
  --pkw-outline: var(--gm3-sys-color-outline, #747775);
  --pkw-outline-variant: var(--gm3-sys-color-outline-variant, #c4c7c5);
  --pkw-scrim: rgba(0, 0, 0, .32);
  --pkw-primary: var(--gm3-sys-color-primary, #0b57d0);
  --pkw-secondary-container: var(--gm3-sys-color-secondary-container, #c2e7ff);
  --pkw-on-secondary-container: var(--gm3-sys-color-on-secondary-container, #001d35);
  --pkw-error: var(--gm3-sys-color-error, #b3261e);
  --pkw-on-error: var(--gm3-sys-color-on-error, #fff);
  --pkw-error-container: var(--gm3-sys-color-error-container, #f9dedc);
  --pkw-error-container-low: #ffedea;
  --pkw-on-error-container: var(--gm3-sys-color-on-error-container, #410e0b);
  --pkw-caution: #7d5800;
  --pkw-caution-container: #ffdea9;
  --pkw-caution-container-low: #ffefd4;
  --pkw-on-caution-container: #271900;
  --pkw-on-surface: var(--gm3-sys-color-on-surface, #1f1f1f);
  --pkw-on-surface-variant: var(--gm3-sys-color-on-surface-variant, #444746);
  --pkw-surface-container: var(--gm3-sys-color-surface-container, #f0f4f9);
  --pkw-surface-container-high: var(--gm3-sys-color-surface-container-high, #e9eef6);
  --pkw-inverse-surface: var(--gm3-sys-color-inverse-surface, #303030);
  --pkw-inverse-on-surface: var(--gm3-sys-color-inverse-on-surface, #f2f2f2)
}

.peoplekitThemeDark .peopleKitStyleGm3 {
  --pkw-background: var(--gm3-sys-color-background, #131314);
  --pkw-outline: var(--gm3-sys-color-outline, #8e918f);
  --pkw-outline-variant: var(--gm3-sys-color-outline-variant, #444746);
  --pkw-scrim: rgba(0, 0, 0, .32);
  --pkw-primary: var(--gm3-sys-color-primary, #a8c7fa);
  --pkw-secondary-container: var(--gm3-sys-color-secondary-container, #004a77);
  --pkw-on-secondary-container: var(--gm3-sys-color-on-secondary-container, #c2e7ff);
  --pkw-error: var(--gm3-sys-color-error, #f2b8b5);
  --pkw-on-error: var(--gm3-sys-color-on-error, #601410);
  --pkw-error-container: var(--gm3-sys-color-error-container, #8c1d18);
  --pkw-error-container-low: #410001;
  --pkw-on-error-container: var(--gm3-sys-color-on-error-container, #f9dedc);
  --pkw-caution: #ffba28;
  --pkw-caution-container: #5e4100;
  --pkw-caution-container-low: #503700;
  --pkw-on-caution-container: #ffdea9;
  --pkw-on-surface: var(--gm3-sys-color-on-surface, #e3e3e3);
  --pkw-on-surface-variant: var(--gm3-sys-color-on-surface-variant, #c4c7c5);
  --pkw-surface-container: var(--gm3-sys-color-surface-container, #1e1f20);
  --pkw-surface-container-high: var(--gm3-sys-color-surface-container-high, #282a2c);
  --pkw-inverse-surface: var(--gm3-sys-color-inverse-surface, #e3e3e3);
  --pkw-inverse-on-surface: var(--gm3-sys-color-inverse-on-surface, #303030)
}

.peoplekitComponentsGroupingHeaderCollapsibleChevronContainer {
  align-items: center;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  transition: transform 365ms cubic-bezier(.4, 0, .2, 1)
}

.peoplekitComponentsGroupingHeaderCollapsibleChevronContainer:hover {
  background: var(--pkw-background, hsla(0, 0%, 4%, .04))
}

.peoplekitComponentsGroupingHeaderCollapsibleChevronContainer:active {
  background: var(--pkw-background, hsla(0, 0%, 4%, .12))
}

.peoplekitComponentsGroupingHeaderCollapsibleChevronContainer.isSpotlit {
  background: var(--pkw-background, hsla(0, 0%, 4%, .12));
  outline: 3px solid transparent;
  outline-offset: -3px
}

.peoplekitComponentsGroupingHeaderCollapsibleChevronContainer.rotate {
  transform: rotate(-180deg)
}

.peoplekitThemeDark .peoplekitComponentsGroupingHeaderCollapsibleChevronContainer {
  align-items: center;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  transition: transform 365ms cubic-bezier(.4, 0, .2, 1)
}

.peoplekitThemeDark .peoplekitComponentsGroupingHeaderCollapsibleChevronContainer:hover {
  background: var(--pkw-background, linear-gradient(0deg, rgba(232, 234, 237, .14), rgba(232, 234, 237, .14)), #202124)
}

.peoplekitThemeDark .peoplekitComponentsGroupingHeaderCollapsibleChevronContainer:active {
  background: var(--pkw-background, linear-gradient(0deg, rgba(232, 234, 237, .19), rgba(232, 234, 237, .19)), #202124)
}

.peoplekitThemeDark .peoplekitComponentsGroupingHeaderCollapsibleChevronContainer.isSpotlit {
  background: var(--pkw-background, linear-gradient(0deg, rgba(232, 234, 237, .19), rgba(232, 234, 237, .19)), #202124);
  outline: 3px solid transparent;
  outline-offset: -3px
}

.peoplekitThemeDark .peoplekitComponentsGroupingHeaderCollapsibleChevronContainer.rotate {
  transform: rotate(-180deg)
}

.peopleKitStyleGm3 .peoplekitComponentsGroupingHeaderCollapsibleChevronContainer {
  position: relative
}

.peopleKitStyleGm3 .peoplekitComponentsGroupingHeaderCollapsibleChevronContainer:before {
  background: var(--pkw-on-surface-variant, var(--gm3-sys-color-on-surface-variant, #444746));
  border-radius: 50%;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.peoplekitThemeDark .peopleKitStyleGm3 .peoplekitComponentsGroupingHeaderCollapsibleChevronContainer:before {
  background: var(--pkw-on-surface-variant, var(--gm3-sys-color-on-surface-variant, #c4c7c5))
}

.peopleKitStyleGm3 .peoplekitComponentsGroupingHeaderCollapsibleChevronContainer:hover:before {
  opacity: .08
}

.peopleKitStyleGm3 .peoplekitComponentsGroupingHeaderCollapsibleChevronContainer:active:before {
  opacity: .1
}

.peopleKitStyleGm3 .peoplekitComponentsGroupingHeaderCollapsibleChevronContainer.isSpotlit:before {
  opacity: .1
}

.peoplekitComponentsGroupingHeaderCollapsibleChevron {
  fill: var(--pkw-on-surface-variant, #5f6368)
}

.peoplekitThemeDark .peoplekitComponentsGroupingHeaderCollapsibleChevron {
  fill: var(--pkw-on-surface-variant, #f1f3f4)
}

.peoplekitComponentsButtonLabelLabelButton {
  font-family: Roboto, Arial, sans-serif;
  line-height: 1.25rem;
  font-size: .875rem;
  letter-spacing: .0178571429em;
  font-weight: 500;
  align-items: center;
  background: none;
  border: none;
  border-radius: 4px;
  color: var(--pkw-primary, #1a73e8);
  display: flex;
  height: 36px;
  line-height: unset;
  outline: 1px solid transparent;
  padding: 0 8px;
  -webkit-user-select: none;
  user-select: none
}

.peoplekitComponentsButtonLabelLabelButton:hover {
  background-color: var(--pkw-surface-container-high, rgba(26, 115, 232, .04));
  color: var(--pkw-primary, #174ea6);
  cursor: pointer
}

.peoplekitComponentsButtonLabelLabelButton:focus {
  background-color: var(--pkw-surface-container-high, rgba(26, 115, 232, .12));
  color: var(--pkw-primary, #174ea6);
  cursor: pointer;
  outline-width: 3px
}

.peoplekitComponentsButtonLabelLabelButton::-moz-focus-inner {
  border: 0
}

.peoplekitComponentsButtonLabelLabelButton.isDisabled {
  color: var(--pkw-on-surface, #3c4043);
  opacity: .38
}

.peoplekitThemeDark .peoplekitComponentsButtonLabelLabelButton {
  align-items: center;
  background: none;
  border: none;
  border-radius: 4px;
  color: var(--pkw-primary, #8ab4f8);
  display: flex;
  height: 36px;
  line-height: unset;
  outline: 1px solid transparent;
  padding: 0 8px;
  -webkit-user-select: none;
  user-select: none
}

.peoplekitThemeDark .peoplekitComponentsButtonLabelLabelButton:hover {
  background-color: var(--pkw-surface-container-high, rgba(138, 180, 248, .04));
  color: var(--pkw-primary, #d2e3fc);
  cursor: pointer
}

.peoplekitThemeDark .peoplekitComponentsButtonLabelLabelButton:focus {
  background-color: var(--pkw-surface-container-high, rgba(138, 180, 248, .12));
  color: var(--pkw-primary, #d2e3fc);
  cursor: pointer;
  outline-width: 3px
}

.peoplekitThemeDark .peoplekitComponentsButtonLabelLabelButton::-moz-focus-inner {
  border: 0
}

.peoplekitThemeDark .peoplekitComponentsButtonLabelLabelButton.isDisabled {
  color: var(--pkw-on-surface, #e8eaed);
  opacity: .38
}

.peopleKitStyleGm3 .peoplekitComponentsButtonLabelLabelButton {
  font-family: Google Sans Text, Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.25rem;
  border-radius: 20px;
  height: 40px;
  padding: 0 24px;
  position: relative
}

.peopleKitStyleGm3 .peoplekitComponentsButtonLabelLabelButton:before {
  background: var(--pkw-primary, var(--gm3-sys-color-primary, #0b57d0));
  border-radius: 20px;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.peoplekitThemeDark .peopleKitStyleGm3 .peoplekitComponentsButtonLabelLabelButton:before {
  background: var(--pkw-primary, var(--gm3-sys-color-primary, #a8c7fa))
}

.peopleKitStyleGm3 .peoplekitComponentsButtonLabelLabelButton:hover:before {
  opacity: .08
}

.peopleKitStyleGm3 .peoplekitComponentsButtonLabelLabelButton:focus:before {
  opacity: .1
}

.peoplekitComponentsDialogImplScrim {
  background: var(--pkw-scrim, rgba(32, 33, 36, .6));
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999999
}

.peoplekitThemeDark .peoplekitComponentsDialogImplScrim {
  background: var(--pkw-scrim, rgba(32, 33, 36, .6))
}

.peoplekitComponentsDialogImplDialog {
  border-width: 0;
  box-shadow: 0 1px 3px 0 rgba(60, 64, 67, .3), 0 4px 8px 3px rgba(60, 64, 67, .15);
  background: var(--pkw-surface-container-high, #fff);
  border-radius: 8px;
  max-width: 300px;
  outline: 1px solid transparent;
  overflow: hidden
}

.peoplekitComponentsDialogImplDialog .mdc-elevation-overlay {
  opacity: 0
}

.peoplekitThemeDark .peoplekitComponentsDialogImplDialog {
  background: var(--pkw-surface-container-high, linear-gradient(0deg, rgba(232, 234, 237, .08), rgba(232, 234, 237, .08)), #202124)
}

.peoplekitComponentsDialogImplDialog.peopleKitStyleGm3 {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 4px 8px 3px rgba(0, 0, 0, .15);
  border-radius: 28px;
  padding: 24px
}

.peoplekitComponentsDialogImplAvatarHeader {
  background: var(--pkw-surface-container-high, #fff);
  border-bottom: 1px solid var(--pkw-outline-variant, #dadce0);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 12px
}

.peoplekitThemeDark .peoplekitComponentsDialogImplAvatarHeader {
  background: var(--pkw-surface-container-high, linear-gradient(0deg, rgba(232, 234, 237, .08), rgba(232, 234, 237, .08)), #202124);
  border-bottom: 1px solid var(--pkw-outline-variant, #80868b)
}

.peopleKitStyleGm3 .peoplekitComponentsDialogImplAvatarHeader {
  padding: 0 0 8px
}

.peoplekitComponentsDialogImplTextHeader {
  font-family: Roboto, Arial, sans-serif;
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: .00625em;
  font-weight: 500;
  background: var(--pkw-surface-container-high, #fff);
  color: var(--pkw-on-surface, #202124);
  margin: 24px 24px 20px
}

.peoplekitThemeDark .peoplekitComponentsDialogImplTextHeader {
  background: var(--pkw-surface-container-high, linear-gradient(0deg, rgba(232, 234, 237, .08), rgba(232, 234, 237, .08)), #202124);
  color: var(--pkw-on-surface, #e8eaed)
}

.peopleKitStyleGm3 .peoplekitComponentsDialogImplTextHeader {
  font-family: Roboto, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 2rem;
  margin: 0
}

.peoplekitComponentsDialogImplHeaderRow {
  align-items: center;
  display: flex;
  flex-flow: row nowrap
}

.peoplekitComponentsDialogImplLeft {
  flex: initial
}

.peoplekitComponentsDialogImplCenter {
  flex: auto;
  overflow: hidden
}

.peoplekitComponentsDialogImplAvatar {
  position: relative
}

.peoplekitComponentsDialogImplAvatarContainer {
  height: inherit;
  position: relative;
  width: inherit
}

.peoplekitComponentsDialogImplLabelContainer {
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex-flow: column nowrap;
  margin-left: 12px;
  margin-right: 0
}

.peoplekitComponentsDialogImplLabelRow {
  flex: initial;
  width: 100%
}

.peoplekitComponentsDialogImplLabel {
  font-family: Roboto, Arial, sans-serif;
  line-height: 1.25rem;
  font-size: .875rem;
  letter-spacing: .0178571429em;
  font-weight: 500;
  color: var(--pkw-on-surface, #202124);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.peoplekitThemeDark .peoplekitComponentsDialogImplLabel {
  color: var(--pkw-on-surface, #e8eaed)
}

.peopleKitStyleGm3 .peoplekitComponentsDialogImplLabel {
  font-family: Google Sans Text, Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.25rem
}

.peoplekitComponentsDialogImplSublabel {
  font-family: Roboto, Arial, sans-serif;
  line-height: 1rem;
  font-size: .75rem;
  letter-spacing: .025em;
  font-weight: 400;
  color: var(--pkw-on-surface-variant, #3c4043);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.peoplekitThemeDark .peoplekitComponentsDialogImplSublabel {
  color: var(--pkw-on-surface-variant, #9aa0a6)
}

.peopleKitStyleGm3 .peoplekitComponentsDialogImplSublabel {
  font-family: Google Sans Text, Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 500;
  letter-spacing: .00625rem;
  line-height: 1rem
}

.peoplekitComponentsDialogImplContent {
  font-family: Roboto, Arial, sans-serif;
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: .00625em;
  font-weight: 400;
  color: var(--pkw-on-surface-variant, #3c4043);
  margin: 24px 24px 20px
}

.peoplekitThemeDark .peoplekitComponentsDialogImplContent {
  color: var(--pkw-on-surface-variant, #e8eaed)
}

.peopleKitStyleGm3 .peoplekitComponentsDialogImplContent {
  font-family: Google Sans Text, Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  margin: 0;
  padding-top: 16px;
  padding-bottom: 24px
}

.peoplekitComponentsDialogImplActions {
  display: flex;
  justify-content: flex-end;
  padding: 8px
}

.peopleKitStyleGm3 .peoplekitComponentsDialogImplActions {
  padding: 0
}

.peoplekitComponentsDialogImplActionDivider {
  width: 8px
}

.peoplekitComponentsGroupingHeaderInfoInfoIconContainer {
  align-items: center;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  transition: transform 365ms cubic-bezier(.4, 0, .2, 1)
}

.peoplekitComponentsGroupingHeaderInfoInfoIconContainer:hover {
  background: var(--pkw-background, hsla(0, 0%, 4%, .04))
}

.peoplekitComponentsGroupingHeaderInfoInfoIconContainer:active {
  background: var(--pkw-background, hsla(0, 0%, 4%, .12))
}

.peoplekitComponentsGroupingHeaderInfoInfoIconContainer.isSpotlit {
  background: var(--pkw-background, hsla(0, 0%, 4%, .12));
  outline: 3px solid transparent;
  outline-offset: -3px
}

.peoplekitThemeDark .peoplekitComponentsGroupingHeaderInfoInfoIconContainer {
  align-items: center;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  transition: transform 365ms cubic-bezier(.4, 0, .2, 1)
}

.peoplekitThemeDark .peoplekitComponentsGroupingHeaderInfoInfoIconContainer:hover {
  background: var(--pkw-background, linear-gradient(0deg, rgba(232, 234, 237, .14), rgba(232, 234, 237, .14)), #202124)
}

.peoplekitThemeDark .peoplekitComponentsGroupingHeaderInfoInfoIconContainer:active {
  background: var(--pkw-background, linear-gradient(0deg, rgba(232, 234, 237, .19), rgba(232, 234, 237, .19)), #202124)
}

.peoplekitThemeDark .peoplekitComponentsGroupingHeaderInfoInfoIconContainer.isSpotlit {
  background: var(--pkw-background, linear-gradient(0deg, rgba(232, 234, 237, .19), rgba(232, 234, 237, .19)), #202124);
  outline: 3px solid transparent;
  outline-offset: -3px
}

.peopleKitStyleGm3 .peoplekitComponentsGroupingHeaderInfoInfoIconContainer {
  position: relative
}

.peopleKitStyleGm3 .peoplekitComponentsGroupingHeaderInfoInfoIconContainer:before {
  background: var(--pkw-on-surface-variant, var(--gm3-sys-color-on-surface-variant, #444746));
  border-radius: 50%;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.peoplekitThemeDark .peopleKitStyleGm3 .peoplekitComponentsGroupingHeaderInfoInfoIconContainer:before {
  background: var(--pkw-on-surface-variant, var(--gm3-sys-color-on-surface-variant, #c4c7c5))
}

.peopleKitStyleGm3 .peoplekitComponentsGroupingHeaderInfoInfoIconContainer:hover:before {
  opacity: .08
}

.peopleKitStyleGm3 .peoplekitComponentsGroupingHeaderInfoInfoIconContainer:active:before {
  opacity: .1
}

.peopleKitStyleGm3 .peoplekitComponentsGroupingHeaderInfoInfoIconContainer.isSpotlit:before {
  opacity: .1
}

.peoplekitComponentsGroupingHeaderInfoLearnMoreLink {
  color: var(--pkw-primary, #1a73e8);
  text-decoration: underline
}

.peoplekitThemeDark .peoplekitComponentsGroupingHeaderInfoLearnMoreLink {
  color: var(--pkw-primary, #8ab4f8)
}

.peoplekitComponentsGroupingHeaderInfoLearnMoreLink:visited {
  color: var(--pkw-primary, #1a73e8)
}

.peoplekitThemeDark .peoplekitComponentsGroupingHeaderInfoLearnMoreLink:visited {
  color: var(--pkw-primary, #8ab4f8)
}

.peoplekitComponentsGroupingHeaderInfoInfoIcon {
  fill: var(--pkw-on-surface-variant, #5f6368);
  height: 16px;
  padding: 5px;
  width: 16px
}

.peoplekitThemeDark .peoplekitComponentsGroupingHeaderInfoInfoIcon {
  fill: var(--pkw-on-surface-variant, #f1f3f4)
}

@media (forced-colors:active) and (prefers-color-scheme:dark) {
  .peoplekitComponentsGroupingHeaderInfoInfoIcon {
    filter: brightness(0) invert(1)
  }
}

@media (forced-colors:active) and (prefers-color-scheme:light) {
  .peoplekitComponentsGroupingHeaderInfoInfoIcon {
    filter: brightness(0)
  }
}

.peoplekitComponentsGroupingHeaderGroupingHeader {
  background: var(--pkw-background, #fff)
}

.peoplekitThemeDark .peoplekitComponentsGroupingHeaderGroupingHeader {
  background: var(--pkw-background, linear-gradient(0deg, rgba(232, 234, 237, .08), rgba(232, 234, 237, .08)), #202124)
}

.peoplekitComponentsGroupingHeaderGroupingHeaderRow {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  padding-left: 16px;
  padding-right: 16px
}

.peoplekitComponentsGroupingHeaderHeader {
  font-family: Roboto, Arial, sans-serif;
  line-height: 1rem;
  font-size: .6875rem;
  letter-spacing: .0727272727em;
  font-weight: 500;
  text-transform: uppercase;
  color: var(--pkw-on-surface-variant, #5f6368);
  padding-bottom: 11px;
  padding-top: 13px
}

.peoplekitThemeDark .peoplekitComponentsGroupingHeaderHeader {
  color: var(--pkw-on-surface-variant, #f1f3f4)
}

.peopleKitStyleGm3 .peoplekitComponentsGroupingHeaderHeader {
  font-family: Google Sans Text, Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.25rem;
  text-transform: none;
  padding: 6px 0
}

.peoplekitComponentsGroupingHeaderAction {
  flex: initial;
  flex-grow: 1
}

.peoplekitComponentsGroupingHeaderActionRow {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between
}

.peoplekitComponentsGroupingHeaderLeft {
  flex: initial
}

.peoplekitComponentsGroupingHeaderRight {
  flex: initial;
  margin-left: 16px;
  margin-right: 4px
}

.peoplekitComponentsAvatarImplAvatarContainer {
  position: relative
}

.peoplekitComponentsAvatarImplAvatar {
  border-radius: 50%;
  outline: 1px solid transparent;
  overflow: hidden
}

.peoplekitComponentsAvatarImplBadgeIconImage {
  margin: auto;
  display: block;
  height: 100%;
  width: 100%
}

.peoplekitComponentsAvatarImplAvatarBadge {
  position: absolute;
  bottom: 0;
  right: 0;
  display: none;
  height: 30%;
  width: 30%;
  min-height: 30%;
  min-width: 30%;
  object-fit: cover;
  overflow: hidden
}

.peoplekitComponentsAvatarImplAvatarBadge.visible {
  display: inline
}

.isSelected .peoplekitComponentsAvatarImplAvatarBadge {
  display: none
}

.peoplekitComponentsAvatarImplContainer {
  display: flex;
  flex-direction: row;
  height: inherit;
  width: inherit
}

.peoplekitComponentsAvatarImplColumn {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
  height: inherit;
  align-items: stretch
}

.peoplekitComponentsAvatarImplRow {
  display: flex;
  flex: 1;
  overflow: hidden
}

.peoplekitComponentsAvatarImplDivider {
  margin: 1px
}

.peoplekitComponentsAvatarImplImageRoot {
  display: flex;
  flex-direction: column;
  flex: auto;
  align-items: center;
  justify-items: center;
  transition: background 50ms ease-in-out
}

.peoplekitComponentsAvatarImplImageRoot.isLoading {
  background-clip: padding-box;
  background-color: var(--pkw-on-surface-variant, #bdc1c6)
}

.peoplekitComponentsAvatarImplDefaultAvatarImage {
  display: none
}

.isNotLoaded .peoplekitComponentsAvatarImplDefaultAvatarImage {
  display: block;
  fill: var(--pkw-on-surface-variant, #5f6368)
}

.peoplekitThemeDark .isNotLoaded .peoplekitComponentsAvatarImplDefaultAvatarImage {
  fill: var(--pkw-on-surface-variant, #9aa0a6)
}

.peoplekitComponentsAvatarImplImage {
  opacity: 1;
  display: block;
  transition: opacity 50ms ease-in-out
}

.isLoading .peoplekitComponentsAvatarImplImage {
  opacity: 0
}

.isNotLoaded .peoplekitComponentsAvatarImplImage {
  display: none
}

.peoplekitComponentsResultlistitemResultListItem {
  background: var(--pkw-background, #fff);
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer
}

.peoplekitComponentsResultlistitemResultListItem:hover {
  background: var(--pkw-background, hsla(0, 0%, 4%, .04))
}

.peoplekitComponentsResultlistitemResultListItem:hover .peoplekitComponentsResultlistitemDisabledIconIndicator {
  background: var(--pkw-background, #f1f3f4)
}

.peoplekitComponentsResultlistitemResultListItem.isActive {
  background: var(--pkw-background, hsla(0, 0%, 4%, .12));
  outline: 3px solid transparent;
  outline-offset: -3px
}

.peoplekitComponentsResultlistitemResultListItem.isActive .peoplekitComponentsResultlistitemDisabledIconIndicator {
  background: var(--pkw-background, #f1f3f4)
}

.peoplekitThemeDark .peoplekitComponentsResultlistitemResultListItem {
  background: var(--pkw-background, linear-gradient(0deg, rgba(232, 234, 237, .08), rgba(232, 234, 237, .08)), #202124);
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer
}

.peoplekitThemeDark .peoplekitComponentsResultlistitemResultListItem:hover {
  background: var(--pkw-background, linear-gradient(0deg, rgba(232, 234, 237, .14), rgba(232, 234, 237, .14)), #202124)
}

.peoplekitThemeDark .peoplekitComponentsResultlistitemResultListItem:hover .peoplekitComponentsResultlistitemDisabledIconIndicator {
  background: var(--pkw-background, rgba(241, 243, 244, .14))
}

.peoplekitThemeDark .peoplekitComponentsResultlistitemResultListItem.isActive {
  background: var(--pkw-background, linear-gradient(0deg, rgba(232, 234, 237, .19), rgba(232, 234, 237, .19)), #202124);
  outline: 3px solid transparent;
  outline-offset: -3px
}

.peoplekitThemeDark .peoplekitComponentsResultlistitemResultListItem.isActive .peoplekitComponentsResultlistitemDisabledIconIndicator {
  background: var(--pkw-background, rgba(241, 243, 244, .14))
}

.peopleKitStyleGm3 .peoplekitComponentsResultlistitemResultListItem {
  position: relative
}

.peopleKitStyleGm3 .peoplekitComponentsResultlistitemResultListItem:before {
  background: var(--pkw-on-surface-variant, var(--gm3-sys-color-on-surface-variant, #444746));
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.peoplekitThemeDark .peopleKitStyleGm3 .peoplekitComponentsResultlistitemResultListItem:before {
  background: var(--pkw-on-surface-variant, var(--gm3-sys-color-on-surface-variant, #c4c7c5))
}

.peopleKitStyleGm3 .peoplekitComponentsResultlistitemResultListItem:hover:before {
  opacity: .08
}

.peopleKitStyleGm3 .peoplekitComponentsResultlistitemResultListItem.isActive:before {
  opacity: .1
}

.peoplekitComponentsResultlistitemResultListItem.googleMaterialDefaultDensity {
  min-height: 64px
}

.peoplekitComponentsResultlistitemResultListItem.googleMaterialDefaultDensity .peoplekitComponentsResultlistitemLabel {
  font-family: Roboto, Arial, sans-serif;
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: .00625em;
  font-weight: 400
}

.peopleKitStyleGm3 .peoplekitComponentsResultlistitemResultListItem.googleMaterialDefaultDensity .peoplekitComponentsResultlistitemLabel {
  font-family: Google Sans Text, Roboto, Arial, sans-serif;
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: 0;
  font-weight: 400
}

.peoplekitComponentsResultlistitemResultListItem.googleMaterialDefaultDensity .peoplekitComponentsResultlistitemSublabel {
  font-family: Roboto, Arial, sans-serif;
  line-height: 1.25rem;
  font-size: .875rem;
  letter-spacing: .0142857143em;
  font-weight: 400
}

.peopleKitStyleGm3 .peoplekitComponentsResultlistitemResultListItem.googleMaterialDefaultDensity .peoplekitComponentsResultlistitemSublabel {
  font-family: Google Sans Text, Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem
}

.peoplekitComponentsResultlistitemResultListItem.googleMaterialDefaultDensity .peoplekitComponentsResultlistitemWhiteCheckSvg {
  width: 24px;
  height: 24px
}

.peoplekitComponentsResultlistitemResultListItem.googleMaterialDefaultDensity .peoplekitComponentsResultlistitemMetaIcon {
  width: 25px;
  height: 25px
}

.peoplekitComponentsResultlistitemResultListItem.googleMaterialDefaultDensity .peoplekitComponentsResultlistitemResultListItemRow {
  padding: 8px 16px
}

.peopleKitStyleGm3 .peoplekitComponentsResultlistitemResultListItem.googleMaterialDefaultDensity {
  min-height: 72px
}

.peoplekitComponentsResultlistitemResultListItem.workspaceMaterialComfortableDensity {
  min-height: 52px
}

.peoplekitComponentsResultlistitemResultListItem.workspaceMaterialComfortableDensity .peoplekitComponentsResultlistitemLabel {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  letter-spacing: .0142857143em;
  font-weight: 400;
  line-height: 1.25rem
}

.peopleKitStyleGm3 .peoplekitComponentsResultlistitemResultListItem.workspaceMaterialComfortableDensity .peoplekitComponentsResultlistitemLabel {
  font-family: Google Sans Text, Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem
}

.peoplekitComponentsResultlistitemResultListItem.workspaceMaterialComfortableDensity .peoplekitComponentsResultlistitemSublabel {
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  letter-spacing: .025em;
  font-weight: 400;
  line-height: 1rem
}

.peopleKitStyleGm3 .peoplekitComponentsResultlistitemResultListItem.workspaceMaterialComfortableDensity .peoplekitComponentsResultlistitemSublabel {
  font-family: Google Sans Text, Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  letter-spacing: .00625rem;
  line-height: 1rem
}

.peoplekitComponentsResultlistitemResultListItem.workspaceMaterialComfortableDensity .peoplekitComponentsResultlistitemWhiteCheckSvg {
  width: 19px;
  height: 19px
}

.peoplekitComponentsResultlistitemResultListItem.workspaceMaterialComfortableDensity .peoplekitComponentsResultlistitemMetaIcon {
  width: 20px;
  height: 20px
}

.peoplekitComponentsResultlistitemResultListItem.workspaceMaterialComfortableDensity .peoplekitComponentsResultlistitemResultListItemRow {
  padding-left: 12px;
  padding-right: 12px
}

.peoplekitComponentsResultlistitemResultListItem.workspaceMaterialCompactDensity {
  min-height: 44px
}

.peoplekitComponentsResultlistitemResultListItem.workspaceMaterialCompactDensity .peoplekitComponentsResultlistitemLabel {
  font-family: Roboto, Arial, sans-serif;
  line-height: 1.25rem;
  font-size: .875rem;
  letter-spacing: .0142857143em;
  font-weight: 400;
  line-height: 1.125
}

.peopleKitStyleGm3 .peoplekitComponentsResultlistitemResultListItem.workspaceMaterialCompactDensity .peoplekitComponentsResultlistitemLabel {
  font-family: Google Sans Text, Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem
}

.peoplekitComponentsResultlistitemResultListItem.workspaceMaterialCompactDensity .peoplekitComponentsResultlistitemSublabel {
  font-family: Roboto, Arial, sans-serif;
  line-height: 1rem;
  font-size: .75rem;
  letter-spacing: .025em;
  font-weight: 400;
  line-height: .875rem
}

.peopleKitStyleGm3 .peoplekitComponentsResultlistitemResultListItem.workspaceMaterialCompactDensity .peoplekitComponentsResultlistitemSublabel {
  font-family: Google Sans Text, Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  letter-spacing: .00625rem;
  line-height: 1rem
}

.peoplekitComponentsResultlistitemResultListItem.workspaceMaterialCompactDensity .peoplekitComponentsResultlistitemWhiteCheckSvg {
  width: 17px;
  height: 17px
}

.peoplekitComponentsResultlistitemResultListItem.workspaceMaterialCompactDensity .peoplekitComponentsResultlistitemMetaIcon {
  width: 20px;
  height: 20px
}

.peoplekitComponentsResultlistitemResultListItem.workspaceMaterialCompactDensity .peoplekitComponentsResultlistitemResultListItemRow {
  padding-left: 12px;
  padding-right: 12px
}

.peoplekitComponentsResultlistitemResultListItem.isDisabled {
  cursor: default
}

.peoplekitComponentsResultlistitemResultListItem.isDisabled .peoplekitComponentsResultlistitemLabel,
.peoplekitComponentsResultlistitemResultListItem.isDisabled .peoplekitComponentsResultlistitemSublabelText {
  color: var(--pkw-on-surface, #3c4043);
  opacity: .38
}

.peoplekitThemeDark .peoplekitComponentsResultlistitemResultListItem.isDisabled .peoplekitComponentsResultlistitemLabel,
.peoplekitThemeDark .peoplekitComponentsResultlistitemResultListItem.isDisabled .peoplekitComponentsResultlistitemSublabelText {
  color: var(--pkw-on-surface, #e8eaed)
}

.peoplekitComponentsResultlistitemResultListItem.isDisabled .peoplekitComponentsResultlistitemAvatar {
  opacity: .5
}

.peoplekitComponentsResultlistitemResultListItem.isSelected .peoplekitComponentsResultlistitemAvatarSelectionOverlay {
  opacity: 1;
  transform: scale(1)
}

.peoplekitComponentsResultlistitemResultListItem.isOutOfOffice {
  background-color: var(--pkw-caution-container-low, #ffefd5)
}

.peoplekitComponentsResultlistitemResultListItemRow {
  align-items: center;
  display: flex;
  flex-flow: row nowrap
}

.peoplekitComponentsResultlistitemLeft {
  flex: initial
}

.peoplekitComponentsResultlistitemCenter {
  flex: auto;
  overflow: hidden
}

.peoplekitComponentsResultlistitemRight {
  display: inline-flex;
  flex: initial
}

.peoplekitComponentsResultlistitemLabelContainer {
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex-flow: column nowrap;
  margin-right: 0
}

.peopleKitStyleGm3 .peoplekitComponentsResultlistitemLabelContainer {
  margin-left: 16px
}

.peoplekitComponentsResultlistitemLabelContainer {
  margin-left: 12px
}

.peoplekitComponentsResultlistitemLabelRow {
  flex: initial;
  width: 100%
}

.peoplekitComponentsResultlistitemLabel {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.peoplekitComponentsResultlistitemLabelText {
  color: var(--pkw-on-surface, #3c4043);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.peoplekitThemeDark .peoplekitComponentsResultlistitemLabelText {
  color: var(--pkw-on-surface, #e8eaed)
}

.peoplekitComponentsResultlistitemTags {
  display: flex;
  flex-direction: row;
  align-items: center
}

.peoplekitComponentsResultlistitemSublabel {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.peoplekitComponentsResultlistitemSublabelText {
  color: var(--pkw-on-surface-variant, #5f6368);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.peoplekitThemeDark .peoplekitComponentsResultlistitemSublabelText {
  color: var(--pkw-on-surface-variant, #9aa0a6)
}

.peoplekitComponentsResultlistitemAvatar {
  position: relative
}

.peoplekitComponentsResultlistitemAvatarContainer {
  height: inherit;
  width: inherit;
  position: relative
}

.peoplekitComponentsResultlistitemAvatarSelectionOverlay {
  background-color: var(--pkw-primary, #1a73e8);
  border-radius: 50%;
  height: 100%;
  left: 0;
  opacity: 0;
  outline: 1px solid transparent;
  position: absolute;
  top: 0;
  transform: scale(0);
  transition: transform .15s ease-out;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}

.peoplekitThemeDark .peoplekitComponentsResultlistitemAvatarSelectionOverlay {
  background-color: var(--pkw-primary, #8ab4f8)
}

.peoplekitComponentsResultlistitemWhiteCheck {
  fill: var(--pkw-background, #fff);
  display: inline-flex
}

.peoplekitThemeDark .peoplekitComponentsResultlistitemWhiteCheck {
  fill: var(--pkw-background, #202124)
}

@media (forced-colors:active) and (prefers-color-scheme:dark) {
  .peoplekitComponentsResultlistitemWhiteCheck {
    filter: brightness(0) invert(1)
  }
}

@media (forced-colors:active) and (prefers-color-scheme:light) {
  .peoplekitComponentsResultlistitemWhiteCheck {
    filter: brightness(0)
  }
}

.peoplekitComponentsResultlistitemOutOfOffice {
  font-family: Roboto, Arial, sans-serif;
  line-height: 1.25rem;
  font-size: .875rem;
  letter-spacing: .0142857143em;
  font-weight: 400;
  color: var(--pkw-on-surface-variant, #5f6368);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: none
}

.peoplekitThemeDark .peoplekitComponentsResultlistitemOutOfOffice {
  color: var(--pkw-on-surface-variant, #9aa0a6)
}

.peopleKitStyleGm3 .peoplekitComponentsResultlistitemOutOfOffice {
  font-family: Google Sans Text, Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem
}

.peoplekitComponentsResultlistitemMetaIcon {
  margin-left: 16px
}

.peoplekitComponentsResultlistitemMetaIcon[src=""] {
  display: none
}

.peoplekitComponentsTagTag {
  background: #f1f3f4;
  color: #202124;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: 8px;
  border-radius: 4px;
  outline: 1px solid transparent;
  overflow: hidden;
  position: relative
}

.peoplekitComponentsTagTag.isWarning {
  background: #fbbc04;
  color: #202124
}

.peopleKitStyleGm3 .peoplekitComponentsTagTag {
  background: var(--gm3-sys-color-surface-container-high, #e9eef6);
  color: var(--gm3-sys-color-on-surface-variant, #444746)
}

.peopleKitStyleGm3 .peoplekitComponentsTagTag.isWarning {
  background: #ffbb29;
  color: var(--gm3-sys-color-on-surface, #1f1f1f)
}

@media (forced-colors:none) {
  .peopleKitStyleGm3 .peoplekitComponentsTagIcon.isWarning {
    filter: brightness(0) saturate(100%) invert(0) sepia(7%) saturate(1357%) hue-rotate(335deg) brightness(112%) contrast(76%)
  }
}

.googleMaterialDefaultDensity .peoplekitComponentsTagTag {
  height: 20px;
  min-width: 20px
}

.workspaceMaterialComfortableDensity .peoplekitComponentsTagTag,
.workspaceMaterialCompactDensity .peoplekitComponentsTagTag {
  height: 16px;
  min-width: 16px
}

.googleMaterialDefaultDensity .peoplekitComponentsTagIcon {
  width: 16px;
  height: 16px;
  margin-left: 2px;
  font-size: 16px
}

.workspaceMaterialComfortableDensity .peoplekitComponentsTagIcon,
.workspaceMaterialCompactDensity .peoplekitComponentsTagIcon {
  width: 14px;
  height: 14px;
  margin-left: 1px;
  font-size: 14px
}

.peoplekitComponentsTagUnrollingAltText {
  max-width: 0;
  overflow: hidden;
  transition: max-width .3s
}

.peoplekitComponentsTagTag:hover .peoplekitComponentsTagUnrollingAltText {
  max-width: 1000px
}

@media (forced-colors:active) and (prefers-color-scheme:dark) {
  .peoplekitComponentsTagIcon {
    filter: brightness(0) invert(1)
  }
}

.peoplekitComponentsTagText {
  margin-left: 4px;
  margin-right: 4px
}

.googleMaterialDefaultDensity .peoplekitComponentsTagText {
  font-family: Roboto, Arial, sans-serif;
  line-height: 1.25rem;
  font-size: .875rem;
  letter-spacing: .0178571429em;
  font-weight: 500
}

.googleMaterialDefaultDensity .peoplekitComponentsTagText.peopleKitStyleGm3 {
  font-family: Google Sans Text, Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem
}

.workspaceMaterialComfortableDensity .peoplekitComponentsTagText {
  font-family: Roboto, Arial, sans-serif;
  line-height: 1rem;
  font-size: .75rem;
  letter-spacing: .025em;
  font-weight: 400
}

.workspaceMaterialComfortableDensity .peoplekitComponentsTagText.peopleKitStyleGm3 {
  font-family: Google Sans Text, Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  letter-spacing: .00625rem;
  line-height: 1rem
}

.workspaceMaterialCompactDensity .peoplekitComponentsTagText {
  font-family: Roboto, Arial, sans-serif;
  line-height: 1rem;
  font-size: .75rem;
  letter-spacing: .025em;
  font-weight: 400
}

.workspaceMaterialCompactDensity .peoplekitComponentsTagText.peopleKitStyleGm3 {
  font-family: Google Sans Text, Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  letter-spacing: .00625rem;
  line-height: 1rem
}

.peoplekitComponentsResultlistitemDisabledDisableReasonContainer {
  align-items: center;
  display: flex
}

.peoplekitComponentsResultlistitemDisabledTextIndicator {
  font-family: Roboto, Arial, sans-serif;
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: .00625em;
  font-weight: 400;
  color: var(--pkw-on-surface, #5f6368)
}

.peoplekitThemeDark .peoplekitComponentsResultlistitemDisabledTextIndicator {
  color: var(--pkw-on-surface, #fff)
}

.peopleKitStyleGm3 .peoplekitComponentsResultlistitemDisabledTextIndicator {
  font-family: Google Sans Text, Roboto, Arial, sans-serif;
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: 0;
  font-weight: 400
}

.peoplekitComponentsResultlistitemDisabledIconIndicator {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--pkw-background, #f1f3f4);
  border-radius: 50px;
  width: 32px;
  height: 32px;
  margin-left: 16px;
  margin-right: 4px
}

.peoplekitThemeDark .peoplekitComponentsResultlistitemDisabledIconIndicator {
  background: var(--pkw-background, rgba(241, 243, 244, .14))
}

.peoplekitComponentsResultlistitemDisabledSelectedIcon {
  fill: var(--pkw-on-surface-variant, #5f6368)
}

.peoplekitThemeDark .peoplekitComponentsResultlistitemDisabledSelectedIcon {
  fill: var(--pkw-on-surface-variant, #e8eaed)
}

@media (forced-colors:active) and (prefers-color-scheme:dark) {
  .peoplekitComponentsResultlistitemDisabledSelectedIcon {
    filter: brightness(0) invert(1)
  }
}

@media (forced-colors:active) and (prefers-color-scheme:light) {
  .peoplekitComponentsResultlistitemDisabledSelectedIcon {
    filter: brightness(0)
  }
}

.peoplekitUiResultlistHeader {
  font-family: Roboto, Arial, sans-serif;
  line-height: 1rem;
  font-size: .6875rem;
  letter-spacing: .0727272727em;
  font-weight: 500;
  text-transform: uppercase;
  background: var(--pkw-background, #fff);
  color: var(--pkw-on-surface-variant, #5f6368);
  padding-bottom: 12px;
  padding-left: 16px;
  padding-top: 12px
}

.peoplekitThemeDark .peoplekitUiResultlistHeader {
  background: var(--pkw-background, linear-gradient(0deg, rgba(232, 234, 237, .08), rgba(232, 234, 237, .08)), #202124);
  color: var(--pkw-on-surface-variant, #f1f3f4)
}

.peopleKitStyleGm3 .peoplekitUiResultlistHeader {
  font-family: Google Sans Text, Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.25rem;
  text-transform: none
}

.peoplekitComponentsAutocompleteInlineContainer {
  background: var(--pkw-background, #fff);
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  -webkit-user-select: none;
  user-select: none
}

.peoplekitThemeDark .peoplekitComponentsAutocompleteInlineContainer {
  background: var(--pkw-background, linear-gradient(0deg, rgba(232, 234, 237, .08), rgba(232, 234, 237, .08)), #202124)
}

.peoplekitComponentsAutocompleteInlineContainer.isLoading .peoplekitComponentsAutocompleteInlineListContainer,
.peoplekitComponentsAutocompleteInlineContainer.isLoading .peoplekitComponentsAutocompleteInlineNoResultsContainer {
  display: none
}

.peoplekitComponentsAutocompleteInlineContainer.isLoading .peoplekitComponentsAutocompleteInlineCircularProgress {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%
}

.peoplekitComponentsAutocompleteInlineContainer.isLoading .peoplekitComponentsAutocompleteInlineCircularProgress:before {
  flex: auto
}

.peoplekitComponentsAutocompleteInlineContainer.isLoading .peoplekitComponentsAutocompleteInlineCircularProgress:after {
  flex: auto
}

.peoplekitComponentsAutocompleteInlineContainer.noResults .peoplekitComponentsAutocompleteInlineCircularProgress,
.peoplekitComponentsAutocompleteInlineContainer.noResults .peoplekitComponentsAutocompleteInlineListContainer {
  display: none
}

.peoplekitComponentsAutocompleteInlineContainer.noResults .peoplekitComponentsAutocompleteInlineNoResultsContainer {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  overflow: auto
}

.peoplekitComponentsAutocompleteInlineListContainer {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden
}

.peoplekitComponentsAutocompleteInlineCircularProgress,
.peoplekitComponentsAutocompleteInlineNoResultsContainer {
  display: none
}

.peoplekitComponentsCircularprogressCircularProgress {
  display: inline-block;
  height: 40px;
  position: relative;
  width: 40px;
  direction: ltr
}

.peoplekitComponentsCircularprogressMessageContainer {
  height: 0;
  overflow: hidden;
  position: absolute;
  width: 0
}

.peoplekitComponentsCircularprogressCircularProgressContainer {
  width: 100%;
  height: 100%
}

.peoplekitComponentsCircularprogressCircularProgress.isActive .peoplekitComponentsCircularprogressCircularProgressContainer {
  animation: circular-progress-container-rotate 1568ms linear infinite
}

.peoplekitComponentsCircularprogressCircularProgressLayer {
  height: 100%;
  opacity: 0;
  position: absolute;
  width: 100%
}

.peoplekitComponentsCircularprogressColorOne {
  border-color: #4285f4
}

.peoplekitComponentsCircularprogressColorTwo {
  border-color: #ea4335
}

.peoplekitComponentsCircularprogressColorThree {
  border-color: #fbbc04
}

.peoplekitComponentsCircularprogressColorFour {
  border-color: #34a853
}

.peoplekitComponentsCircularprogressCircularProgress.isActive .peoplekitComponentsCircularprogressCircularProgressLayer.peoplekitComponentsCircularprogressColorOne {
  animation: circular-progress-fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, circular-progress-blue-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.peoplekitComponentsCircularprogressCircularProgress.isActive .peoplekitComponentsCircularprogressCircularProgressLayer.peoplekitComponentsCircularprogressColorTwo {
  animation: circular-progress-fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, circular-progress-red-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.peoplekitComponentsCircularprogressCircularProgress.isActive .peoplekitComponentsCircularprogressCircularProgressLayer.peoplekitComponentsCircularprogressColorThree {
  animation: circular-progress-fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, circular-progress-yellow-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.peoplekitComponentsCircularprogressCircularProgress.isActive .peoplekitComponentsCircularprogressCircularProgressLayer.peoplekitComponentsCircularprogressColorFour {
  animation: circular-progress-fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, circular-progress-green-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.peoplekitComponentsCircularprogressGapPatch {
  position: absolute;
  box-sizing: border-box;
  top: 0;
  left: 45%;
  width: 10%;
  height: 100%;
  overflow: hidden;
  border-color: inherit
}

.peoplekitComponentsCircularprogressGapPatch .peoplekitComponentsCircularprogressCircle {
  width: 1000%;
  left: -450%
}

.peoplekitComponentsCircularprogressCircleClipper {
  display: inline-block;
  position: relative;
  width: 50%;
  height: 100%;
  overflow: hidden;
  border-color: inherit
}

.peoplekitComponentsCircularprogressCircleClipper .peoplekitComponentsCircularprogressCircle {
  width: 200%
}

.peoplekitComponentsCircularprogressCircle {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  height: 100%;
  border-width: 3px;
  border-style: solid;
  border-color: inherit;
  border-bottom-color: transparent;
  border-radius: 50%;
  animation: none
}

.peoplekitComponentsCircularprogressCircleClipper.peoplekitComponentsCircularprogressLeft .peoplekitComponentsCircularprogressCircle {
  border-right-color: transparent;
  transform: rotate(129deg)
}

.peoplekitComponentsCircularprogressCircleClipper.peoplekitComponentsCircularprogressRight .peoplekitComponentsCircularprogressCircle {
  left: -100%;
  border-left-color: transparent;
  transform: rotate(-129deg)
}

.peoplekitComponentsCircularprogressCircularProgress.isActive .peoplekitComponentsCircularprogressCircleClipper.peoplekitComponentsCircularprogressLeft .peoplekitComponentsCircularprogressCircle {
  animation: circular-progress-left-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.peoplekitComponentsCircularprogressCircularProgress.isActive .peoplekitComponentsCircularprogressCircleClipper.peoplekitComponentsCircularprogressRight .peoplekitComponentsCircularprogressCircle {
  animation: circular-progress-right-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.peoplekitComponentsCircularprogressCircularProgress.isWarmdown .peoplekitComponentsCircularprogressCircularProgressContainer {
  animation: circular-progress-container-rotate 1568ms linear infinite, circular-progress-fade-out .4s cubic-bezier(.4, 0, .2, 1)
}

@keyframes circular-progress-container-rotate {
  to {
    transform: rotate(1turn)
  }
}

@keyframes circular-progress-fill-unfill-rotate {
  12.5% {
    transform: rotate(135deg)
  }

  25% {
    transform: rotate(270deg)
  }

  37.5% {
    transform: rotate(405deg)
  }

  50% {
    transform: rotate(540deg)
  }

  62.5% {
    transform: rotate(675deg)
  }

  75% {
    transform: rotate(810deg)
  }

  87.5% {
    transform: rotate(945deg)
  }

  to {
    transform: rotate(3turn)
  }
}

@keyframes circular-progress-blue-fade-in-out {
  0% {
    opacity: .99
  }

  25% {
    opacity: .99
  }

  26% {
    opacity: 0
  }

  89% {
    opacity: 0
  }

  90% {
    opacity: .99
  }

  to {
    opacity: .99
  }
}

@keyframes circular-progress-red-fade-in-out {
  0% {
    opacity: 0
  }

  15% {
    opacity: 0
  }

  25% {
    opacity: .99
  }

  50% {
    opacity: .99
  }

  51% {
    opacity: 0
  }
}

@keyframes circular-progress-yellow-fade-in-out {
  0% {
    opacity: 0
  }

  40% {
    opacity: 0
  }

  50% {
    opacity: .99
  }

  75% {
    opacity: .99
  }

  76% {
    opacity: 0
  }
}

@keyframes circular-progress-green-fade-in-out {
  0% {
    opacity: 0
  }

  65% {
    opacity: 0
  }

  75% {
    opacity: .99
  }

  90% {
    opacity: .99
  }

  to {
    opacity: 0
  }
}

@keyframes circular-progress-left-spin {
  0% {
    transform: rotate(130deg)
  }

  50% {
    transform: rotate(-5deg)
  }

  to {
    transform: rotate(130deg)
  }
}

@keyframes circular-progress-right-spin {
  0% {
    transform: rotate(-130deg)
  }

  50% {
    transform: rotate(5deg)
  }

  to {
    transform: rotate(-130deg)
  }
}

@keyframes circular-progress-fade-out {
  0% {
    opacity: .99
  }

  to {
    opacity: 0
  }
}

.peoplekitComponentsScrollboxScrollbar {
  border: none;
  outline: none;
  overflow: auto
}

.peoplekitComponentsScrollboxScrollbar::-webkit-scrollbar-thumb {
  background: #ddd;
  border-bottom: 1px solid #fff;
  border-left: 4px solid #fff;
  border-radius: 8px;
  border-right: 4px solid #fff;
  border-top: 1px solid #fff;
  box-shadow: none;
  min-height: 40px
}

.peoplekitComponentsScrollboxScrollbar::-webkit-scrollbar-thumb:active {
  background: #5f6368
}

.peoplekitComponentsScrollboxScrollbar::-webkit-scrollbar-thumb:hover,
.peoplekitComponentsScrollboxScrollbar:hover::-webkit-scrollbar-thumb {
  background: #80868b
}

.peoplekitComponentsNoResultsMessageNoResultsMessage {
  color: var(--pkw-on-surface, #5f6368);
  padding: 2em;
  text-align: center;
  align-items: center
}

.peoplekitThemeDark .peoplekitComponentsNoResultsMessageNoResultsMessage {
  color: var(--pkw-on-surface, #9aa0a6)
}

.peoplekitComponentsNoResultsMessageHeader {
  font-family: Roboto, Arial, sans-serif;
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: .00625em;
  font-weight: 500
}

.peopleKitStyleGm3 .peoplekitComponentsNoResultsMessageHeader {
  font-family: Google Sans Text, Roboto, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5rem
}

.peoplekitComponentsNoResultsMessageExplanation {
  font-family: Roboto, Arial, sans-serif;
  line-height: 1.25rem;
  font-size: .875rem;
  letter-spacing: .0142857143em;
  font-weight: 400
}

.peopleKitStyleGm3 .peoplekitComponentsNoResultsMessageExplanation {
  font-family: Google Sans Text, Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem
}

.peoplekitComponentsNoResultsMessageLearnMoreLink {
  color: inherit;
  text-decoration: underline;
  white-space: nowrap
}

.peoplekitComponentsAutocompletePopupContainer {
  border-width: 0;
  box-shadow: 0 1px 3px 0 rgba(60, 64, 67, .3), 0 4px 8px 3px rgba(60, 64, 67, .15);
  background: var(--pkw-background, #fff);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  outline: 2px solid transparent;
  padding-bottom: 8px;
  padding-top: 8px;
  position: absolute;
  -webkit-user-select: none;
  user-select: none;
  z-index: 999999
}

.peoplekitComponentsAutocompletePopupContainer .mdc-elevation-overlay {
  opacity: 0
}

.peoplekitThemeDark .peoplekitComponentsAutocompletePopupContainer {
  background: var(--pkw-background, linear-gradient(0deg, rgba(232, 234, 237, .08), rgba(232, 234, 237, .08)), #202124)
}

.peopleKitStyleGm3 .peoplekitComponentsAutocompletePopupContainer {
  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, .15), 0 1px 2px 0 rgba(0, 0, 0, .3)
}

.goog-date-picker table tbody td,
.goog-date-picker-wday {
  width: 22px !important;
  height: 17px;
  text-align: center;
  vertical-align: middle;
  padding: 0
}

.goog-date-picker-btn {
  border: 0;
  display: block;
  float: left;
  width: 12px;
  cursor: pointer;
  font: 9px Verdana;
  font-weight: 500;
  text-align: center;
  margin: 0;
  padding: 0
}

* html .goog-date-picker table {
  margin-left: -1px
}

.goog-date-picker-menu {
  position: absolute;
  background: threedface;
  -moz-user-focus: normal;
  border-style: solid;
  border-width: 1px
}

.goog-date-picker-menu ul {
  list-style: none;
  margin: 0;
  padding: 0
}

.goog-date-picker-menu ul li {
  float: none;
  cursor: default
}

.goog-date-picker,
.goog-date-picker-wday {
  background-color: #d9e6f7
}

.goog-date-picker-btn {
  background-color: transparent;
  color: #069
}

.goog-date-picker-wkend-end,
.goog-date-picker-wkend-start {
  background-color: #e8eef7
}

#goog-dp-0,
#goog-dp-1,
#goog-dp-2,
#goog-dp-3,
#goog-dp-4,
#goog-dp-5,
#goog-dp-6 {
  border-top: 1px solid #a2bbdd
}

#goog-dp-0,
#goog-dp-14,
#goog-dp-21,
#goog-dp-28,
#goog-dp-35,
#goog-dp-7 {
  border-left: 1px solid #a2bbdd
}

#goog-dp-13,
#goog-dp-20,
#goog-dp-27,
#goog-dp-34,
#goog-dp-41,
#goog-dp-6 {
  border-right: 1px solid #fff
}

.goog-date-picker {
  -moz-user-focus: normal;
  -moz-user-select: none;
  background-color: #fff;
  border: 1px solid #dadce0;
  border-radius: 4px;
  box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15);
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 400;
  outline: none;
  padding: 0 10px 8px 10px;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
  width: 188px
}

.goog-date-picker table {
  empty-cells: hide;
  outline: none;
  width: 100%
}

.goog-date-picker table,
.goog-date-picker-head td {
  background-color: transparent
}

.goog-date-picker table tbody tr th:first-of-type {
  display: none
}

.goog-date-picker table tbody:focus {
  outline: none;
  background-color: #e6f4ea
}

.goog-date-picker-head {
  color: #80868b;
  font-size: 11px;
  height: 40px
}

.goog-date-picker-monthyear {
  letter-spacing: .2px;
  padding-left: 7px;
  text-align: left;
  width: 63px
}

.goog-date-picker-button {
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: block;
  font-size: 10px;
  height: 20px;
  left: 2px;
  line-height: 20px;
  margin: 0 auto;
  padding-left: 0;
  position: relative;
  text-align: center;
  width: 20px;
  background-color: transparent;
  transition: background-color .1s linear
}

.goog-date-picker-button:hover {
  background-color: #f1f3f4;
  transition: background-color .1s linear
}

.goog-date-picker-button:focus {
  outline: none
}

.goog-date-picker-button:active {
  background-color: #dadce0;
  transition: background-color .1s linear
}

.goog-date-picker-nextMonth:focus,
.goog-date-picker-previousMonth:focus {
  background-color: #f1f3f4;
  transition: background-color .1s linear
}

.goog-date-picker-nextMonth,
.goog-date-picker-previousMonth {
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgPHBhdGggZmlsbD0iIzc1NzU3NSIgZD0iTS43MjY2NjY2NyA3LjA2TDMuNzggNCAuNzI2NjY2NjcuOTRsLjk0LS45NEw1LjY2NjY2NjcgNCAxLjY2NjY2NjY3IDh6Ii8+CiAgICAgIDxwYXRoIGQ9Ik0tNS00aDE2djE2SC01eiIvPgogICAgPC9nPgogIDwvc3ZnPg==") 50% no-repeat
}

[dir=rtl] .goog-date-picker-nextMonth {
  transform: rotate(180deg)
}

.goog-date-picker-previousMonth {
  transform: rotate(180deg)
}

[dir=rtl] .goog-date-picker-previousMonth {
  transform: rotate(0deg)
}

.goog-date-picker-foot {
  display: none
}

.goog-date-picker .goog-date-picker-date,
.goog-date-picker-wday {
  font-size: 10px;
  font-weight: 400;
  height: 20px;
  line-height: 20px;
  margin: auto;
  position: relative;
  text-align: center;
  width: 24px
}

.goog-date-picker-wday {
  background-color: transparent;
  color: #80868b
}

.goog-date-picker-date {
  color: #202124;
  cursor: pointer;
  background-color: transparent;
  z-index: 1
}

.goog-date-picker-date:focus {
  outline: none
}

.goog-date-picker-date:before {
  border-radius: 50%;
  content: "";
  display: block;
  height: 20px;
  left: 2px;
  position: absolute;
  top: 0;
  width: 20px;
  z-index: -1;
  background-color: transparent;
  transition: background-color .1s linear
}

.goog-date-picker-date:after {
  content: "";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  width: 24px;
  z-index: 2
}

.goog-date-picker-date:hover:before {
  background-color: #dadce0;
  transition: background-color .1s linear
}

.goog-date-picker-other-month {
  color: #80868b
}

.goog-date-picker-other-month:hover:before {
  background-color: #f1f3f4;
  transition: background-color .1s linear
}

.goog-date-picker-selected {
  background-color: transparent !important;
  color: #fff !important;
  font-weight: 400 !important
}

.goog-date-picker-selected,
.goog-date-picker-selected:hover {
  color: #fff
}

.goog-date-picker-selected:before,
.goog-date-picker-selected:hover:before {
  background-color: #188038;
  transition: background-color .1s linear
}

.docs-date-picker-action-row {
  display: flex;
  justify-content: space-between
}

.smart-canvas-date-picker-bubble,
.smart-canvas-date-picker-bubble * {
  box-sizing: border-box
}

.smart-canvas-date-picker-bubble {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15);
  outline: 1px solid #dadce0;
  position: absolute;
  z-index: 502
}

.smart-canvas-date-picker-bubble-date-picker .goog-date-picker {
  cursor: default;
  border: none;
  border-radius: 4px;
  box-shadow: none;
  margin: auto;
  min-width: 230px;
  width: auto
}

.goog-date-picker-today:before,
.goog-date-picker-today:hover:before {
  border: 1px solid #1a73e8;
  border-radius: 50%;
  box-sizing: border-box
}

.goog-date-picker-today.goog-date-picker-unavailable-date:before,
.goog-date-picker-unavailable-date {
  pointer-events: none;
  border: unset
}

.smart-canvas-date-picker-bubble .goog-date-picker table tbody:focus {
  background-color: #e8f0fe
}

.goog-date-picker .goog-date-picker-selected.goog-date-picker-unavailable-date:before {
  background-color: #c4c7c5
}

.smart-canvas-date-picker-bubble .goog-date-picker-selected:before,
.smart-canvas-date-picker-bubble .goog-date-picker-selected:hover:before {
  background-color: #1a73e8;
  transition: background-color .1s linear
}

[class*=docs-hc] .goog-date-picker-selected:before,
[class*=docs-hc] .goog-date-picker-selected:hover:before {
  border: 1px dashed transparent
}

:not([class*=docs-hc]) .goog-date-picker-today.goog-date-picker-selected:before,
:not([class*=docs-hc]) .goog-date-picker-today.goog-date-picker-selected:hover:before {
  border: none
}

[class*=docs-hc] .goog-date-picker-today.goog-date-picker-selected:before,
[class*=docs-hc] .goog-date-picker-today.goog-date-picker-selected:hover:before {
  border: 4px double transparent
}

.smart-canvas-date-picker-bubble .goog-date-picker-monthyear {
  color: #444746;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500
}

.smart-canvas-date-picker-bubble .goog-date-picker-wday {
  color: #5f6368
}

.smart-canvas-date-picker-bubble-gm3 .goog-date-picker-date,
.smart-canvas-date-picker-bubble-gm3 .goog-date-picker-wday {
  color: #1f1f1f;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  height: 28px;
  width: 28px
}

.smart-canvas-date-picker-bubble-gm3 .goog-date-picker-other-month,
.smart-canvas-date-picker-bubble-gm3 .goog-date-picker-unavailable-date {
  color: #c4c7c5
}

.smart-canvas-date-picker-bubble .goog-date-picker-date:before {
  height: 28px;
  left: 0;
  margin: 0 auto;
  right: 0;
  width: 28px
}

.smart-canvas-date-picker-bubble-gm3 .docs-material-button-text-default .docs-material-button-content {
  color: #0b57d0;
  font-family: Roboto, sans-serif;
  font-weight: 500
}

.smart-canvas-date-picker-bubble-control-container {
  align-items: center;
  border-top: 1px solid #dadce0;
  display: block;
  padding: 12px
}

.smart-canvas-date-picker-bubble-input-container {
  align-items: center;
  display: flex;
  margin-bottom: 8px
}

.smart-canvas-date-picker-bubble-icon {
  height: 20px;
  width: 20px
}

.smart-canvas-date-picker-bubble-accept-button {
  display: flex;
  justify-content: right;
  margin-left: 8px
}

.smart-canvas-date-picker-bubble-accept-button .docs-gm3-button {
  margin: 0
}

.smart-canvas-date-picker-bubble-time-combo-box-container {
  white-space: nowrap
}

.smart-canvas-date-picker-bubble-time-combo-box-container .goog-combo-button-input,
.smart-canvas-date-picker-bubble-time-combo-box-container .smart-canvas-time-selection-combo-box-dropdown-menu {
  width: 130px
}

.smart-canvas-date-picker-bubble-time-zone-selection-button {
  align-items: center;
  background: #e3e3e3;
  border-bottom: 1px solid #444746;
  border-radius: 4px 4px 0 0;
  box-sizing: border-box;
  color: #5f6368;
  cursor: pointer;
  display: flex;
  height: 36px;
  margin: 0 0 0 14px;
  outline: none;
  padding: 1px 8px 0 8px;
  width: 77px
}

.smart-canvas-date-picker-bubble-time-zone-selection-button:focus {
  border-bottom: 2px solid #0b57d0;
  padding-top: 2px
}

.smart-canvas-date-picker-bubble-time-zone-selection-button:hover {
  background: #d3d3d3
}

.smart-canvas-date-picker-bubble-time-zone-selection-button.goog-flat-button-disabled {
  background: rgba(31, 31, 31, .04);
  color: rgba(31, 31, 31, .38);
  cursor: default
}

@media screen and (forced-colors:active) {
  .smart-canvas-date-picker-bubble-time-zone-selection-button:focus {
    outline: 1px solid Highlight;
    outline-offset: -4px
  }

  .smart-canvas-date-picker-bubble-time-zone-selection-button.goog-flat-button-disabled {
    border-color: GrayText;
    color: GrayText
  }
}

.smart-canvas-time-selection-combo-box-container {
  margin-left: 14px
}

.smart-canvas-time-selection-combo-box-container .goog-combo-button-input {
  background: #e3e3e3;
  border: none;
  border-bottom: 1px solid #444746;
  border-radius: 4px 4px 0 0;
  box-sizing: border-box;
  color: #3c4043;
  display: flex;
  font-size: 14px;
  height: 36px;
  line-height: 20px;
  outline: none;
  overflow: hidden;
  padding: 1px 0 0 8px;
  position: relative;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap
}

.smart-canvas-time-selection-combo-box-container .goog-combo-button-input:focus,
.smart-canvas-time-selection-combo-box-container:focus .goog-combo-button-input {
  border-bottom: 2px solid #0b57d0;
  box-shadow: none;
  padding-top: 2px
}

.smart-canvas-time-selection-combo-box-container:focus {
  outline: none
}

.smart-canvas-time-selection-combo-box-container:hover .goog-combo-button-input {
  background: #d3d3d3
}

.smart-canvas-time-selection-combo-box-container.smart-canvas-time-selection-combo-box-view-only .goog-combo-button-input,
.smart-canvas-time-selection-combo-box-container.smart-canvas-time-selection-combo-box-view-only:hover .goog-combo-button-input {
  background: none;
  cursor: default;
  height: auto;
  padding: 0 0 0 8px
}

@media screen and (forced-colors:active) {
  .smart-canvas-time-selection-combo-box-container:focus .goog-combo-button-input {
    outline: 1px solid Highlight
  }
}

.smart-canvas-time-selection-combo-box-container.goog-combo-button-disabled .goog-combo-button-input {
  border-bottom: 1px solid rgba(68, 71, 70, .38)
}

.smart-canvas-time-selection-combo-box-container .goog-combo-button-dropdown {
  display: none
}

.goog-menu.smart-canvas-time-selection-combo-box-dropdown-menu.goog-menu-noicon {
  box-sizing: border-box;
  max-height: 150px
}

.goog-menu.smart-canvas-time-selection-combo-box-dropdown-menu .goog-menuitem {
  padding-left: 16px
}

.waffle-banding-sidebar-content {
  overflow-y: hidden
}

.waffle-banding-sidebar {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  height: calc(100% - 36px);
  overflow-y: auto
}

.waffle-banding-range-picker {
  border-bottom: 1px solid #d3d3d3;
  padding: 15px 10px
}

.waffle-banding-range-label {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  padding-bottom: 10px
}

.waffle-banding-header-footer-checkbox-wrapper {
  border-bottom: 1px solid #d3d3d3;
  padding: 10px 10px 0
}

.waffle-banding-table-formatting-options-wrapper {
  padding: 15px 10px
}

.waffle-banding-header-footer-checkbox-wrapper,
.waffle-banding-range-picker {
  border-bottom: 0
}

.waffle-banding-checkbox-wrapper {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap
}

.waffle-banding-checkbox-wrapper .docs-material-gm-labeled-checkbox {
  max-width: none;
  padding: 1px 20px 0 0;
  width: auto
}

.waffle-banding-checkbox-wrapper .docs-material-gm-labeled-checkbox:last-child {
  padding-right: 0
}

.waffle-banding-sidebar-color-picker {
  padding: 15px 10px
}

.waffle-banding-sidebar-color-picker-label,
.waffle-banding-sidebar-custom-color-picker-label {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  padding: 5px 0
}

.waffle-banding-color-picker-focused,
.waffle-banding-color-picker-hover,
.waffle-banding-color-picker-table {
  border: 0;
  margin: 0;
  outline: none;
  padding: 0;
  width: 0
}

.waffle-banding-color-picker-table {
  border-collapse: separate;
  border-spacing: 4px
}

.waffle-banding-color-picker-cell {
  border-width: 0
}

.waffle-banding-color-picker-cell:focus {
  outline: 1px solid #5e97f6
}

.waffle-banding-sidebar-color-tile-wrapper {
  border: 1px solid transparent
}

.waffle-banding-color-picker-cell-selected .waffle-banding-sidebar-color-tile-wrapper {
  border: 1px solid #4d90fe
}

.waffle-banding-color-picker-cell-hover .waffle-banding-sidebar-color-tile {
  border-color: #a9a9a9
}

.waffle-banding-sidebar-color-tile {
  border: 1px solid #d3d3d3;
  cursor: pointer;
  height: 35px;
  line-height: 35px;
  margin: 1px;
  vertical-align: middle;
  width: 33px
}

.waffle-assistant-banding-recommendation .waffle-banding-sidebar-color-tile {
  width: 26px
}

.waffle-banding-sidebar-color-tile-wrapper .docs-sheet-add .docs-icon {
  margin-left: 7px
}

.docs-sheet-add .docs-icon-img {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_green.svg)
}

.waffle-banding-sidebar-color-tile-band {
  border-bottom: 1px solid #d3d3d3;
  height: 8px;
  width: 100%
}

.waffle-banding-sidebar-color-tile-band:last-child {
  border-bottom-width: 0
}

.waffle-banding-sidebar-color-picker-preview {
  padding: 5px
}

.waffle-banding-sidebar-color-preview {
  display: flex;
  padding: 5px 0
}

.waffle-banding-sidebar-color-preview .goog-toolbar-menu-button {
  margin: 0
}

.waffle-banding-sidebar-color-preview-label {
  border: 1px solid #d3d3d3;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  margin-right: 5px;
  padding: 9px 24px 11px 24px;
  text-align: center;
  vertical-align: middle;
  width: 170px
}

.waffle-banding-sidebar-color-picker-container {
  border: 1px solid #dadce0;
  border-radius: 4px;
  margin-top: 5px
}

.waffle-banding-sidebar-custom-color-wrapper {
  border-bottom: 1px solid #dadce0
}

.waffle-banding-sidebar-color-preview-picker {
  background-color: #f8f8f8;
  border-color: #c6c6c6;
  display: inline-block;
  margin: 0
}

.waffle-banding-sidebar-color-preview-picker.goog-flat-menu-button-active {
  background-color: #fff !important
}

.waffle-banding-sidebar-buttons {
  margin-bottom: 0;
  padding: 0 10px 10px 10px;
  text-align: right
}

.waffle-banding-sidebar-buttons .jfk-button {
  margin-left: 16px;
  margin-right: 0
}

.waffle-banding-sidebar-clear-container {
  border-top: 1px solid #d3d3d3;
  bottom: 0;
  left: 0;
  position: absolute;
  text-align: center;
  vertical-align: bottom;
  width: 100%
}

.waffle-banding-sidebar-clear .docs-icon {
  opacity: unset
}

.waffle-banding-sidebar-clear .docs-icon-img {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_green.svg)
}

.waffle-banding-sidebar-clear:hover {
  background-color: #eee;
  border-color: #a9a9a9;
  color: #424242
}

.waffle-banding-sidebar-clear-label {
  padding-left: 3px
}

.waffle-banding-sidebar-color-wrapper {
  margin-bottom: 3px;
  margin-left: 1px
}

.waffle-banding-sidebar-clear {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #fff;
  color: #137333;
  border-radius: 0 !important;
  cursor: pointer;
  outline: none
}

.waffle-banding-sidebar-clear.goog-button-hover {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #f8fcf9;
  color: #137333
}

.waffle-banding-sidebar-clear.goog-button-focused {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #e7f5eb;
  color: #137333
}

.waffle-banding-sidebar-clear.goog-button-hover.goog-button-focused {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #dff2e4;
  color: #137333
}

.waffle-banding-sidebar-clear.goog-button-active {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #dff2e4;
  color: #137333;
  box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15)
}

.waffle-banding-sidebar-color-tables-header-preview-label {
  color: #fff
}

.waffle-conditionalformat-warning {
  background: #fff;
  border-bottom: 1px solid #bdbdbd;
  border-left: 8px solid #f4b400;
  box-sizing: border-box;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .22);
  color: #424242;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 16px;
  padding: 14px 14px 14px 16px;
  z-index: 2
}

.waffle-conditionalformat-dismiss-warning-button-holder {
  height: 14px;
  margin-top: 6px;
  width: 212px
}

.waffle-conditionalformat-dismiss-warning-button {
  color: #3367d6;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 14px;
  line-height: 14px;
  position: absolute;
  right: 14px
}

.waffle-conditionalformat-scroll-pane {
  overflow-x: hidden;
  overflow-y: auto
}

.jfk-button-clear-outline.waffle-conditionalformat-add-rule-button {
  border: 1px solid #bdbdbd
}

.jfk-button-clear-outline.waffle-conditionalformat-add-another-rule-button {
  border: 1px solid #eee
}

.waffle-conditionalformat-add-another-rule-button:focus,
.waffle-conditionalformat-add-rule-button:focus {
  background-color: #e8eaed;
  cursor: pointer
}

.waffle-conditionalformat-add-another-rule-button:hover,
.waffle-conditionalformat-add-rule-button:hover {
  cursor: pointer
}

.waffle-filterbox-container .waffle-conditionalformat-arg1,
.waffle-filterbox-container .waffle-conditionalformat-arg2,
.waffle-filterbox-container .waffle-conditionalformat-condition-date-select .goog-flat-menu-button,
.waffle-filterbox-container .waffle-conditionalformat-condition-list-select .goog-flat-menu-button,
.waffle-filterbox-container .waffle-conditionalformat-condition-type-select .goog-flat-menu-button,
.waffle-filterbox-container .waffle-filterbox-input {
  width: 252px
}

.waffle-conditionalformat-condition-date-select .goog-flat-menu-button,
.waffle-conditionalformat-condition-list-select .goog-flat-menu-button,
.waffle-conditionalformat-condition-type-select .goog-flat-menu-button {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #fff;
  border: 1px solid #dadce0 !important;
  font-weight: 400;
  padding-right: 8px;
  text-align: left
}

.waffle-conditionalformat-condition-date-select .goog-flat-menu-button:focus,
.waffle-conditionalformat-condition-list-select .goog-flat-menu-button:focus,
.waffle-conditionalformat-condition-type-select .goog-flat-menu-button:focus {
  background-color: #e8eaed
}

.waffle-filterbox-boolean-condition-picker-body input {
  border: 1px solid #dadce0;
  border-radius: 4px;
  box-sizing: border-box;
  color: #3c4043;
  padding: 1px 8px;
  font-size: 14px;
  height: 36px;
  margin: 8px 0
}

.waffle-filterbox-boolean-condition-picker-body input:focus {
  border: 2px solid #1a73e8;
  box-shadow: none;
  padding: 0 7px
}

.waffle-filterbox-boolean-condition-picker-body {
  margin: 6px 0 8px 0
}

.waffle-conditionalformat-add-rule-icon {
  background: no-repeat url(https://ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png) -83px -24px;
  height: 10px;
  position: absolute;
  right: 15px;
  top: 18px;
  width: 10px
}

.waffle-conditionalformat-add-another-rule-icon {
  background: no-repeat url(https://ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png) -552px -42px;
  height: 18px;
  position: absolute;
  right: 18px;
  top: 13px;
  width: 18px
}

.waffle-conditionalformat-view-pill.waffle-conditionalformat-filter-border {
  border-left: 4px solid #f4b400;
  padding-left: 6px
}

.waffle-conditionalformat-view-pill:focus,
.waffle-conditionalformat-view-pill:hover {
  background-color: #f3f3f3;
  outline: none
}

.waffle-conditionalformat-drag-handle {
  cursor: move;
  height: 76px;
  line-height: 76px;
  left: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 10px
}

.waffle-conditionalformat-view-pill:hover .waffle-conditionalformat-drag-handle {
  visibility: visible
}

.waffle-conditionalformat-view-pill.waffle-conditionalformat-filter-border .waffle-conditionalformat-drag-handle {
  left: -4px
}

.waffle-conditionalformat-drag-handle-icon {
  background: no-repeat url(https://ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png) -716px -17px;
  height: 18px;
  left: 4px;
  position: absolute;
  top: 29px;
  width: 3px
}

.waffle-conditionalformat-format-preview {
  height: 54px;
  line-height: 54px;
  margin-right: 10px;
  position: absolute;
  text-align: center;
  width: 44px
}

.waffle-conditionalformat-condition {
  color: #333;
  font-size: 13px;
  font-weight: 500;
  line-height: 15px;
  max-height: 30px;
  margin-bottom: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 142px
}

.waffle-conditionalformat-range {
  color: #555;
  height: 14px;
  font-size: 12px;
  line-height: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 142px
}

.waffle-conditionalformat-view-pill.waffle-conditionalformat-filter-border .waffle-conditionalformat-delete-button-holder {
  left: 212px
}

.waffle-conditionalformat-delete-button-holder .waffle-conditionalformat-delete-rule {
  opacity: .5
}

.waffle-conditionalformat-delete-button-holder .waffle-conditionalformat-delete-rule:hover {
  opacity: 1
}

.waffle-conditionalformat-range-border {
  border-color: #8cc474;
  border-style: solid;
  line-height: 0
}

.waffle-conditionalformat-range-wrapper {
  color: #444;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px
}

.waffle-conditionalformat-boolean-format-picker {
  padding: 0 18px
}

.waffle-conditionalformat-edit-pill-section-label {
  color: #646464;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 6px;
  margin-top: 18px
}

.waffle-conditionalformat-cancel-button,
.waffle-conditionalformat-done-button {
  cursor: pointer
}

.waffle-sidebar-content .waffle-conditionalformat-format-button-inner {
  font-size: 13px;
  font-weight: 400;
  height: 30px;
  line-height: 30px;
  padding-left: 6px;
  text-align: left
}

.waffle-conditionalformat-custom-style-button,
.waffle-conditionalformat-default-style-button {
  background: #fff;
  background-clip: padding-box;
  cursor: pointer;
  height: 26px;
  line-height: 26px;
  margin: 3px
}

.waffle-conditionalformat-active-style-check {
  color: #000;
  font-weight: 500
}

.waffle-conditionalformat-condition-date-select .jfk-select,
.waffle-conditionalformat-condition-list-select .jfk-select {
  margin-top: 6px
}

.waffle-conditionalformat-arg1 {
  margin: 6px 6px 0 0;
  width: 196px
}

.waffle-conditionalformat-arg1-short {
  width: 162px
}

.waffle-conditionalformat-arg2 {
  margin: 6px 6px 0 0;
  width: 162px
}

.waffle-conditionalformat-multi-arg-content {
  max-height: 150px;
  overflow: auto
}

.waffle-conditionalformat-multi-arg-content .docs-material-button {
  height: -moz-fit-content;
  height: fit-content
}

.waffle-datavalidation-one-of-range-container {
  overflow: auto
}

.waffle-conditionalformat-custom-toolbar {
  background-color: #fff;
  border: 1px solid #d8d8d8;
  border-radius: 0 0 4px 4px !important;
  border-top: none;
  box-sizing: border-box;
  margin: 6px 0;
  margin-left: -1px;
  margin-top: 0;
  padding: 0 2px;
  width: 100%
}

.waffle-conditionalformat-gradient-point-holder {
  margin-bottom: 18px
}

.waffle-conditionalformat-gradient-point-holder-last {
  margin-bottom: 0
}

.waffle-conditionalformat-gradient-input-holder {
  margin-right: 6px;
  top: 1px;
  width: 90px
}

.waffle-conditionalformat-gradient-max-input,
.waffle-conditionalformat-gradient-mid-input,
.waffle-conditionalformat-gradient-min-input {
  width: 66px
}

.waffle-conditionalformat-gradient-max-input.label-input-label-disabled,
.waffle-conditionalformat-gradient-mid-input.label-input-label-disabled,
.waffle-conditionalformat-gradient-min-input.label-input-label-disabled {
  background-color: #ebebe4
}

.waffle-conditionalformat-gradient-max-color:focus,
.waffle-conditionalformat-gradient-mid-color:focus,
.waffle-conditionalformat-gradient-min-color:focus {
  background-color: #e8eaed
}

.waffle-conditionalformat-gradient-max-color.goog-toolbar-menu-button,
.waffle-conditionalformat-gradient-mid-color.goog-toolbar-menu-button,
.waffle-conditionalformat-gradient-min-color.goog-toolbar-menu-button {
  height: 27px;
  margin: 0
}

.jfk-bubble.waffle-error-bubble.waffle-conditionalformat-error-bubble {
  z-index: 1 !important
}

.waffle-conditionalformat-no-suggestions {
  color: #757575;
  font-size: 12px;
  font-style: italic;
  padding-top: 12px
}

.waffle-conditionalformat-suggestion {
  flex: 1;
  background-clip: content-box;
  height: 24px;
  line-height: 24px;
  padding: 1px;
  text-align: center
}

.waffle-conditionalformat-suggestion-chip {
  padding-top: 14px
}

.waffle-conditionalformat-suggestion-group {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #d0d0d0;
  padding: 1px
}

.waffle-conditionalformat-suggestion-range {
  font-weight: 500
}

.waffle-conditionalformat-collapsible-suggestions {
  border-bottom: 1px solid #d6d6d6
}

.waffle-conditionalformat-suggestions-section {
  padding: 18px
}

.waffle-conditionalformat-suggestion-text {
  color: #646464;
  font-size: 12px;
  padding-top: 6px
}

.waffle-conditionalformat-suggestions-title {
  color: #646464;
  font-weight: 500
}

.waffle-conditionalformat-suggestions-spinner-container {
  padding-top: 14px;
  text-align: center
}

.waffle-conditionalformat-edit-pill-section-header {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 18px
}

.waffle-conditionalformat-range-picker {
  border-bottom: none;
  padding: 0 18px;
  margin-block-end: 24px
}

.waffle-conditionalformat-boolean-condition-picker,
.waffle-conditionalformat-gradient-format-picker {
  border-top: none;
  padding: 0 18px
}

.waffle-conditionalformat-slide-pane .waffle-conditionalformat-edit-pill-section-header {
  padding: 0 18px
}

.waffle-conditionalformat-slide-pane .waffle-conditionalformat-edit-pill-button-bar {
  padding: 12px 18px 18px 24px
}

.waffle-conditionalformat-slide-frame,
.waffle-conditionalformat-slide-pane {
  position: relative;
  width: 100%
}

.waffle-conditionalformat-condition-date-select .jfk-select,
.waffle-conditionalformat-condition-list-select .jfk-select,
.waffle-conditionalformat-condition-type-select .jfk-select {
  margin: 0;
  width: 100%
}

.waffle-conditionalformat-arg1,
.waffle-conditionalformat-arg1-holder,
.waffle-conditionalformat-arg2,
.waffle-conditionalformat-default-boolean-picker {
  width: 100%
}

.waffle-conditionalformat-arg1,
.waffle-conditionalformat-arg2 {
  padding-left: 8px;
  padding-right: 8px
}

.waffle-conditionalformat-arg-separator {
  color: #424242;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  margin: 0 7px
}

.waffle-conditionalformat-twoArgs-holder {
  align-items: center;
  display: flex;
  justify-content: space-evenly
}

.waffle-sidebar-content .waffle-conditionalformat-format-button {
  border-radius: 4px 4px 0 0 !important;
  font-size: 14px;
  height: 36px;
  left: -1px;
  margin: 0
}

.waffle-conditionalformat-default-menu .goog-palette-table,
.waffle-conditionalformat-format-button .goog-flat-menu-button-caption,
.waffle-conditionalformat-format-button-inner,
.waffle-conditionalformat-format-button.goog-flat-menu-button {
  width: 100%
}

.waffle-conditionalformat-default-menu {
  border-radius: 4px;
  width: 262px
}

.waffle-conditionalformat-custom-style-button {
  padding: 0 6px;
  text-align: left;
  width: auto
}

.waffle-conditionalformat-default-style-button {
  height: 31px;
  line-height: 30px;
  margin-left: 1px;
  margin-right: 0;
  width: 69px
}

.waffle-conditionalformat-default-menu .trix-palette .goog-palette-table {
  margin: 0
}

.waffle-conditionalformat-default-menu .goog-palette.trix-palette {
  background: #fff;
  padding: 5px
}

.waffle-conditionalformat-default-menu .trix-palette .goog-palette-cell {
  padding: 5px
}

.waffle-conditionalformat-default-menu .trix-palette .goog-palette-cell.goog-palette-cell-selected {
  background: #fff
}

.waffle-conditionalformat-edit-pill-button-bar {
  position: relative;
  text-align: right;
  padding: 0 18px 24px 18px;
  border-bottom: 1px solid #dadce0
}

.waffle-conditionalformat-done-button {
  margin-right: 0
}

.waffle-conditionalformat-add-another-rule-button {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #fff;
  color: #137333;
  background-color: #fff;
  height: 59px;
  padding: 16px 24px;
  text-align: left;
  width: 100%
}

.waffle-conditionalformat-add-another-rule-plus,
.waffle-conditionalformat-add-rule-plus {
  font-size: 24px;
  font-weight: 100;
  line-height: 21px;
  margin-right: 8px;
  vertical-align: text-bottom
}

.waffle-conditionalformat-default-gradient-picker {
  width: 100%
}

.waffle-conditionalformat-gradient-max-color .goog-toolbar-menu-button-inner-box,
.waffle-conditionalformat-gradient-mid-color .goog-toolbar-menu-button-inner-box,
.waffle-conditionalformat-gradient-min-color .goog-toolbar-menu-button-inner-box {
  min-width: 30px
}

.waffle-conditionalformat-gradient-max-select .jfk-select,
.waffle-conditionalformat-gradient-mid-select .jfk-select,
.waffle-conditionalformat-gradient-min-select .jfk-select {
  margin: 0 6px 0 0;
  text-align: left;
  width: 123px
}

.waffle-conditionalformat-gradient-input-holder input {
  width: 100%
}

.waffle-conditionalformat-gradient-point {
  align-items: center;
  display: flex;
  justify-content: flex-start
}

.waffle-conditionalformat-gradient-point .jfk-select {
  height: 36px;
  margin-top: 1px;
  width: 123px
}

.waffle-conditionalformat-delete-button-holder {
  height: 56px;
  left: 250px !important;
  line-height: 56px;
  position: absolute
}

.waffle-conditionalformat-delete-button-holder .docs-icon {
  width: 21px;
  height: 21px
}

.waffle-conditionalformat-view-pill {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  cursor: pointer;
  display: flex;
  height: 56px;
  padding: 10px;
  position: relative
}

.waffle-conditionalformat-view-pill-summary {
  left: 56px;
  margin-bottom: auto;
  margin-right: 8px;
  margin-top: auto;
  position: relative;
  width: 142px
}

.waffle-conditionalformat-add-rule-button {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #fff;
  color: #137333;
  height: 61px;
  padding-top: 17px;
  text-align: left;
  width: 100%
}

.waffle-conditionalformat-drag-item {
  border: 1px solid #ccc;
  padding-left: 7px;
  width: 280px
}

.waffle-conditionalformat-range-args-holder .waffle-conditionalformat-arg1,
.waffle-conditionalformat-range-args-holder .waffle-conditionalformat-arg1-holder,
.waffle-conditionalformat-range-args-holder .waffle-conditionalformat-arg2-holder {
  display: flex;
  flex: 1;
  overflow: hidden
}

.waffle-conditionalformat-range-args-holder .waffle-conditionalformat-arg2 {
  flex: 1;
  margin-right: 0;
  overflow: hidden
}

.waffle-conditionalformat-range-slider {
  margin-top: 10px
}

.waffle-conditionalformat-toggle-tabs {
  margin-block-end: 18px
}

.waffle-conditionalformat-edit-pill-gemini-entrypoint-wrapper {
  padding: 0 18px;
  margin-block-end: 24px
}

.waffle-find-replace-active-cell-rect {
  animation-name: waffle-find-replace-pulse;
  animation-duration: .2s;
  animation-timing-function: ease-in-out;
  background-color: rgba(55, 190, 95, .7);
  border: 1px solid #fff;
  border-radius: 0;
  box-shadow: 0 0 0 2px #146c2e;
  margin: -1px 0 0 -1px;
  pointer-events: none;
  position: absolute
}

.waffle-find-replace-not-active-cell-rect {
  background-color: rgba(109, 213, 140, .4);
  pointer-events: none;
  position: absolute
}

@keyframes waffle-find-replace-pulse {
  0% {
    transform: scale(1.1, 1.3);
    border-radius: 4px
  }
}

#waffle-gotobar-button-go {
  margin-right: 8px
}

.docs-slidingdialog .docs-icon-next {
  filter: alpha(opacity=40);
  opacity: .4;
  -moz-opacity: .4
}

#waffle-gotobar-input {
  width: 200px
}

#waffle-gotobar-error {
  color: #b3261e;
  cursor: default;
  padding: 0 7px 0 0;
  -webkit-user-select: none;
  user-select: none
}

#waffle-gotobar-error-icon {
  background: #b3261e;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  font-weight: 500;
  padding: 0 5px;
  position: relative;
  text-decoration: none;
  top: -1px
}

#waffle-named-ranges-container {
  border: none;
  height: auto;
  overflow-y: auto
}

#waffle-named-ranges-add-range {
  background: #fff;
  border-bottom: 1px solid #ddd;
  color: #188038;
  cursor: pointer;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  height: auto;
  padding: 13px 10px 13px 10px
}

.waffle-named-ranges-add-range-active {
  color: #dd4b39
}

.waffle-named-ranges-add-range-inactive {
  color: #15c
}

.waffle-named-ranges-add-range-icon {
  margin-top: -1px
}

.waffle-named-ranges-add-range-icon .docs-icon-img {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_green.svg)
}

.waffle-named-ranges-pill {
  border-bottom: 1px solid #ddd;
  cursor: default;
  padding: 10px 20px 10px 20px;
  position: relative
}

.waffle-named-ranges-pill:focus,
.waffle-named-ranges-pill:hover {
  background-color: #fff;
  outline: none
}

#waffle-named-ranges-add-range,
#waffle-named-ranges-add-range:focus {
  outline: none
}

#waffle-named-ranges-add-range:hover {
  background-color: #f8fcf9
}

#waffle-named-ranges-add-range:focus,
.waffle-named-ranges-pill:not(.waffle-named-ranges-edit-pill):focus {
  background-color: #e7f5eb
}

#waffle-named-ranges-add-range:active {
  background-color: #dff2e4
}

.waffle-named-ranges-edit-range-name,
.waffle-named-ranges-range-name,
.waffle-named-ranges-range-rect {
  overflow: hidden;
  text-overflow: ellipsis
}

.waffle-named-ranges-pill:focus .waffle-named-ranges-edit-range-button,
.waffle-named-ranges-pill:hover .waffle-named-ranges-edit-range-button {
  display: inline-block
}

.waffle-named-ranges-edit-range-button {
  box-shadow: none;
  background-color: transparent;
  background-image: none;
  border-color: transparent !important;
  border-radius: 2px;
  border-width: 1px;
  color: #15c;
  cursor: pointer;
  display: none;
  position: absolute;
  right: 24px;
  top: 13px
}

#waffle-named-ranges-edit-delete {
  box-shadow: none;
  background-color: #fff;
  background-image: none;
  cursor: pointer;
  border-color: transparent !important;
  border-radius: 2px;
  border-width: 1px;
  float: none;
  margin-left: 4px;
  margin-right: 0;
  top: 0
}

#waffle-named-ranges-edit-delete .docs-icon {
  height: 24px;
  margin: 0;
  width: 24px
}

#waffle-named-ranges-edit-delete.jfk-button-focus,
#waffle-named-ranges-edit-delete.jfk-button-hover,
.waffle-named-ranges-edit-range-button.jfk-button-hover {
  box-shadow: none;
  background-color: rgba(0, 0, 0, .06);
  background-image: none;
  cursor: pointer;
  border-color: transparent !important;
  border-radius: 2px;
  border-width: 1px
}

#waffle-named-ranges-edit-delete.jfk-button-active,
.waffle-named-ranges-edit-range-button.jfk-button-active {
  box-shadow: none;
  background-color: rgba(0, 0, 0, .12);
  background-image: none;
  cursor: pointer;
  border-color: transparent !important;
  border-radius: 2px;
  border-width: 1px
}

.waffle-named-ranges-range-name {
  font-size: 14px;
  font-weight: 500
}

.waffle-named-ranges-edit-pill {
  background-color: #fff;
  cursor: default
}

.waffle-named-ranges-edit-title-bar {
  padding: 12px 0
}

.waffle-named-ranges-edit-range-name {
  font-size: 15px;
  font-weight: 500;
  margin: 0;
  max-width: 190px
}

.waffle-named-ranges-add-range-name-input {
  margin: 5px 0 10px;
  position: relative;
  top: 2px;
  width: 100%
}

.waffle-named-ranges-add-range-name-input.waffle-named-ranges-add-range-name-input-with-delete {
  width: calc(100% - 32px)
}

.waffle-named-ranges-select-error {
  border-color: #b3261e
}

.waffle-named-ranges-range-select-listening {
  background-color: unset;
  margin: 0 -20px 0;
  padding: 10px 20px;
  padding-top: 0
}

.waffle-named-ranges-edit-range-select-done {
  margin-top: 16px
}

.waffle-named-ranges-edit-range-select-message {
  color: #3c4043;
  display: none;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 400;
  margin-top: 3px;
  width: 110px
}

.waffle-named-ranges-range-select-listening .waffle-named-ranges-edit-range-select-message {
  display: inline-block
}

.waffle-named-ranges-edit-cancel,
.waffle-named-ranges-edit-done {
  margin-top: 10px
}

.waffle-named-ranges-edit-buttons {
  text-align: right
}

.waffle-named-ranges-edit-buttons .jfk-button {
  margin-left: 16px;
  margin-right: 0
}

#waffle-named-ranges-edit-validation-error {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin-top: 10px
}

#waffle-named-ranges-edit-validation-error-text {
  color: #b3261e;
  padding: 0 7px 0 0
}

#waffle-named-ranges-edit-validation-error-icon {
  background: #b3261e;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  font-weight: 500;
  padding: 0 5px;
  position: relative;
  text-decoration: none;
  top: -1px
}

#waffle-named-ranges-promo {
  border-radius: 8px;
  background-color: #e6f4ea;
  cursor: default;
  margin: 16px;
  padding: 16px
}

.waffle-named-ranges-promo-title {
  align-items: center;
  color: #137333;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px
}

.waffle-named-ranges-promo-title .docs-icon {
  margin: 0 8px 0 0
}

.waffle-named-ranges-promo-title-text {
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500
}

.waffle-named-ranges-promo-content {
  color: #137333;
  font-size: 12px;
  letter-spacing: .3px;
  margin: 24px 0
}

.waffle-named-ranges-promo-example {
  align-items: center;
  background-color: #fff;
  border-radius: 4px;
  color: #202124;
  display: flex;
  margin-top: 8px;
  padding: 8px
}

.waffle-named-ranges-promo-example .docs-icon {
  margin: 0 4px 0 0
}

.waffle-named-ranges-promo-example .docs-icon-img:before {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_grey_dark.svg)
}

.waffle-named-ranges-promo-example .docs-icon-img {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_grey_dark.svg)
}

.waffle-named-ranges-promo-separator {
  background-color: #ddd;
  border: none;
  color: #ddd;
  height: 1px;
  margin: 20px 0 20px;
  width: 95%
}

.waffle-named-ranges-promo-formulabar {
  border: solid #f3f3f3;
  border-width: 10px 0 10px 0;
  margin: 15px 0 20px
}

.waffle-named-ranges-promo-footer {
  display: flex;
  justify-content: flex-end
}

.waffle-named-ranges-promo-footer a {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #e6f4ea;
  color: #137333;
  display: inline-block
}

.waffle-named-ranges-promo-footer a:hover {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #e6f4ea;
  color: #188038;
  text-decoration: none
}

.waffle-named-ranges-promo-footer a:focus,
.waffle-named-ranges-promo-footer a:hover:focus {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #ceead6;
  color: #188038
}

.waffle-named-ranges-promo-footer a:active,
.waffle-named-ranges-promo-footer a:hover:active {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #ceead6;
  color: #188038;
  box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15)
}

.waffle-named-ranges-promo-lock-container {
  height: 27px;
  margin-right: 12px;
  overflow: hidden;
  vertical-align: middle;
  width: 23px
}

.waffle-named-ranges-promo-lock:before {
  content: url(https://ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png)
}

.waffle-named-ranges-promo-lock {
  background: url(https://ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png);
  left: -618px;
  opacity: .6;
  position: relative;
  top: 0
}

.docs-icon.waffle-named-ranges-locked {
  height: 21px;
  margin-bottom: 3px;
  width: 21px
}

.docs-icon.waffle-named-ranges-unlocked {
  height: 21px;
  width: 21px
}

#waffle-named-ranges-edit-manage-named-ranges {
  color: #15c;
  cursor: pointer;
  margin-top: 5px;
  padding-bottom: 5px
}

.waffle-named-ranges-border {
  border-color: #8cc474;
  border-style: solid;
  line-height: 0
}

#waffle-ritz-protection-container {
  border: none;
  height: auto;
  overflow-y: auto;
  width: 320px
}

.waffle-ritz-protection-link-button {
  background: #fff;
  color: #188038;
  cursor: pointer;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  height: 16px;
  padding: 16px
}

.docs-icon.waffle-ritz-protection-add-range-icon {
  margin-top: -1px
}

.docs-icon.waffle-ritz-protection-add-range-icon .docs-icon-img {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_green.svg)
}

#waffle-ritz-protection-add-range {
  border-bottom: 1px solid #ddd
}

.waffle-ritz-protection-link-button,
.waffle-ritz-protection-link-button:focus {
  outline: none
}

.waffle-ritz-protection-link-button:hover {
  background-color: #f8fcf9
}

.waffle-ritz-protection-link-button:focus {
  background-color: #e7f5eb
}

.waffle-ritz-protection-link-button:active {
  background-color: #dff2e4
}

.waffle-ritz-protection-pill {
  border-bottom: 1px solid #ddd;
  cursor: default;
  padding-bottom: 10px;
  padding-top: 10px;
  position: relative
}

.waffle-ritz-protection-pill-contents {
  color: #5f6368;
  font-size: 14px;
  padding-left: 16px;
  padding-right: 16px
}

.waffle-ritz-protection-edit-permissions {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding-bottom: 15px;
  padding-top: 15px;
  margin-top: 15px
}

.waffle-ritz-protection-edit-permissions-lock {
  left: -5px;
  width: 15px
}

.waffle-ritz-protection-edit-buttons {
  display: flex;
  justify-content: flex-end;
  padding-top: 8px
}

.waffle-ritz-protection-edit-permissions-title {
  font-size: 14px;
  font-weight: 500;
  word-wrap: break-word
}

.waffle-ritz-protection-edit-permissions-description {
  color: #5f6368
}

.waffle-ritz-protection-edit-range-name,
.waffle-ritz-protection-range-rect {
  overflow: hidden;
  text-overflow: ellipsis
}

.waffle-ritz-protection-range-rect-holder {
  color: #202124;
  font-weight: 500
}

.waffle-ritz-protection-view-pill {
  cursor: pointer
}

.waffle-ritz-protection-view-pill:focus,
.waffle-ritz-protection-view-pill:hover {
  background-color: #f3f3f3
}

.waffle-ritz-protection-range-name {
  font-size: 14px;
  font-weight: 500;
  word-wrap: break-word
}

.waffle-ritz-protection-edit-pill {
  background-color: #fff;
  cursor: default
}

.waffle-ritz-protection-edit-title-bar {
  padding: 12px 0
}

.waffle-ritz-protection-edit-range-name {
  font-size: 15px;
  font-weight: 500;
  margin: 0;
  max-width: 190px
}

#waffle-ritz-protection-edit-delete {
  cursor: pointer;
  float: right;
  top: 16px
}

#waffle-ritz-protection-edit-delete .docs-icon {
  height: 24px;
  margin: 0;
  width: 24px
}

.waffle-ritz-protection-add-description-input {
  margin: 5px 0 10px;
  position: relative;
  top: 2px;
  width: 100%
}

.waffle-ritz-protection-edit-description-input {
  width: 236px
}

.waffle-ritz-protection-select-error {
  border-color: #b3261e
}

#waffle-ritz-protection-edit-sheet-select {
  margin: 0;
  text-align: left;
  width: 100%
}

#waffle-ritz-protection-edit-sheet-select .goog-flat-menu-button-caption {
  text-overflow: ellipsis;
  overflow: hidden;
  width: inherit
}

#waffle-ritz-protection-edit-sheet-label {
  font-weight: 500;
  margin: 0 5px;
  overflow: hidden;
  text-overflow: ellipsis
}

.waffle-ritz-protection-holes-checkbox-container {
  margin-bottom: 5px;
  margin-top: 10px
}

#waffle-ritz-protection-holes-checkbox-label {
  color: #3c4043;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  padding-left: 8px;
  vertical-align: middle
}

.waffle-ritz-protection-edit-cancel,
.waffle-ritz-protection-edit-done {
  margin-top: 10px
}

.waffle-ritz-protection-edit-cancel {
  margin-right: 8px
}

.waffle-ritz-protection-edit-done {
  margin-right: 0
}

.waffle-ritz-protection-edit-toggle-range,
.waffle-ritz-protection-edit-toggle-sheet {
  margin: 10px 0;
  width: 85px
}

.waffle-ritz-protection-tab-separator {
  border-top: 1px solid #dadce0;
  margin-left: -16px;
  padding-top: 16px;
  width: 300px
}

#waffle-ritz-protection-edit-validation-error {
  margin-top: 5px
}

#waffle-ritz-protection-edit-validation-error-text {
  color: #b3261e;
  padding: 0 7px 0 0
}

#waffle-ritz-protection-edit-validation-error-icon {
  background: #b3261e;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  font-weight: 500;
  padding: 0 5px;
  position: relative;
  text-decoration: none;
  top: -1px
}

.waffle-ritz-protection-edit-permissions-button {
  margin-top: 10px;
  padding-right: 15px
}

#waffle-ritz-protection-promo {
  cursor: default;
  padding: 0 15px 0 15px
}

.waffle-ritz-protection-promo-content {
  color: #636363;
  margin: 20px 0 20px
}

.waffle-ritz-protection-promo-separator {
  background-color: #ddd;
  border: none;
  color: #ddd;
  height: 1px;
  margin: 20px 0 20px;
  width: 95%
}

.waffle-ritz-protection-promo-lock-container {
  height: 27px;
  margin-right: 12px;
  overflow: hidden;
  vertical-align: middle;
  width: 23px
}

.waffle-ritz-protection-promo-lock:before {
  content: url(https://ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png)
}

.waffle-ritz-protection-promo-lock {
  background: url(https://ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png);
  left: -618px;
  opacity: .6;
  position: relative;
  top: 0
}

#waffle-ritz-protection-edit-manage-ritz-protection {
  color: #15c;
  cursor: pointer;
  margin-top: 5px;
  padding-bottom: 5px
}

.waffle-ritz-protection-border {
  border-color: #8cc474;
  border-style: solid;
  line-height: 0
}

.waffle-ritz-protection-acl-loading {
  width: 400px
}

.waffle-ritz-protection-acl-loading-spinner,
.waffle-ritz-protection-acl-loading-text {
  display: inline-block;
  position: relative;
  transition: left .3s ease-out;
  transition: width .3s ease-out;
  vertical-align: middle
}

.waffle-ritz-protection-type-buttons .jfk-radiobutton {
  display: block;
  margin-bottom: 4px
}

.waffle-ritz-protection-dropdown {
  margin: 4px 0 24px 27px
}

.waffle-ritz-protection-dropdown .goog-flat-menu-button-caption {
  font-size: 12px;
  text-align: left;
  width: 345px
}

.waffle-ritz-protection-custom-container {
  margin-left: 27px
}

.waffle-ritz-protection-acl-table-container {
  border-collapse: collapse;
  border-top: 1px solid #d6d6d6;
  font-family: arial, sans-serif;
  font-size: 13px;
  margin-bottom: 10px;
  max-height: 230px;
  overflow: auto;
  width: 373px
}

.waffle-ritz-protection-acl-header-edit,
.waffle-ritz-protection-acl-header-name {
  color: #616161;
  display: inline-block;
  font-family: arial, sans-serif;
  font-size: 11px;
  font-weight: 500
}

.waffle-ritz-protection-acl-header {
  margin-bottom: 10px
}

.waffle-ritz-protection-acl-header-edit {
  text-align: right
}

.waffle-ritz-protection-acl-header-name,
.waffle-ritz-protection-acl-scope-col {
  width: 85%
}

.waffle-ritz-protection-acl-edit-col,
.waffle-ritz-protection-acl-header-edit {
  width: 15%
}

.waffle-ritz-protection-acl-header-edit-checkbox {
  margin-right: 10px
}

.waffle-ritz-protection-acl-table {
  empty-cells: show;
  width: 100%
}

.waffle-ritz-protection-acl-table td {
  border-bottom: 1px solid #ebebeb;
  font-size: 13px;
  padding: 8px 0
}

.waffle-ritz-protection-acl-missing {
  opacity: .5
}

.waffle-ritz-protection-acl-row td {
  text-overflow: ellipsis
}

.waffle-ritz-protection-acl-scope {
  width: 313px
}

.waffle-ritz-protection-acl-text {
  display: inline-block;
  margin-left: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  width: 239px;
  white-space: nowrap
}

.waffle-ritz-protection-acl-email {
  color: #5f6368;
  margin-left: 5px
}

.waffle-ritz-protection-acl-checkbox {
  display: block;
  margin-left: auto;
  margin-right: 10px
}

.waffle-ritz-protection-acl-default-icon {
  display: inline-block;
  filter: alpha(opacity=55);
  height: 21px;
  opacity: .55;
  margin-left: 4px;
  margin-top: 4px;
  width: 21px
}

.waffle-ritz-protection-acl-icon-container {
  background-color: #f5f5f5;
  display: inline-block;
  height: 29px;
  vertical-align: middle;
  width: 29px
}

.waffle-ritz-protection-acl-custom-icon {
  height: 29px;
  vertical-align: middle;
  width: 29px
}

.waffle-ritz-protection-acl-icon-disabled {
  filter: alpha(opacity=25);
  opacity: .25
}

.waffle-ritz-protection-add-editors-container {
  background-color: #f5f5f5;
  margin-bottom: 24px;
  padding: 16px
}

.waffle-ritz-protection-add-editors-label {
  font-size: 11px;
  font-weight: 500;
  padding-right: 15px
}

.waffle-ritz-protection-add-editors-input {
  box-sizing: border-box;
  padding-left: 8px;
  padding-right: 8px;
  transition: height .2s ease-out;
  width: 100%
}

.waffle-ritz-protection-add-editors-search-box {
  border: 1px solid #d6d6d6;
  max-width: 347px
}

.waffle-ritz-protection-add-editors-search-box#focus-within {
  border-color: transparent;
  outline: 1px solid #1a73e8
}

.waffle-ritz-protection-list {
  border-collapse: collapse;
  border-top: 1px solid #ebebeb;
  font-family: arial, sans-serif;
  font-size: 13px;
  margin-bottom: 24px;
  margin-left: 27px;
  max-height: 200px;
  outline: transparent;
  overflow: auto
}

.waffle-ritz-protection-item {
  border-bottom: 1px solid #ebebeb;
  padding: 5px 0
}

.waffle-ritz-protection-item-hover {
  background: #eee
}

.waffle-ritz-protection-item-name {
  font-size: 13px;
  font-weight: 500;
  word-wrap: break-word
}

.waffle-ritz-protection-item-range {
  color: gray;
  font-size: 12px;
  word-wrap: break-word
}

.waffle-ritz-protection-acl-butter {
  background: #f9edbe;
  border: 1px solid #f0c36d;
  color: #222;
  font-family: arial, sans-serif;
  font-size: 13px;
  margin-bottom: 10px;
  margin-top: 10px;
  max-width: 358px;
  padding: 5px;
  text-align: center;
  width: 100%
}

.waffle-ritz-protection-acl-butter-text {
  display: inline-block
}

.waffle-ritz-protection-acl-butter-href {
  text-decoration: underline
}

.waffle-ritz-protection-acl-butter-action {
  cursor: pointer;
  color: #15c;
  display: inline-block
}

.waffle-flat-multi-range-select-done {
  margin-top: 8px
}

.waffle-flat-multi-range-select-listening,
.waffle-flat-range-select-listening {
  background-color: unset
}

.waffle-ritz-protection-pill-contents .waffle-flat-multi-range-row {
  margin-bottom: 8px
}

.waffle-ritz-protection-pill-contents .waffle-flat-multi-range-add-another {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #fff;
  border: 1px solid #dadce0 !important;
  color: #137333;
  height: 24px;
  padding: 3px 12px 5px;
  display: inline-block;
  margin: 0
}

.waffle-ritz-protection-pill-contents .waffle-flat-multi-range-add-another:focus {
  background: #e7f5eb;
  border: 1px solid #bbe2c6 !important;
  height: 24px;
  padding: 3px 12px 5px
}

.waffle-ritz-protection-pill-contents .waffle-flat-multi-range-add-another:hover {
  background: #f8fcf9;
  border: 1px solid #c8e7d1 !important;
  height: 24px;
  padding: 3px 12px 5px
}

.waffle-ritz-protection-pill-contents .waffle-flat-multi-range-add-another:hover:focus {
  background: #dff2e4;
  border: 1px solid #b5e0c1 !important;
  height: 24px;
  padding: 3px 12px 5px
}

.waffle-ritz-protection-pill-contents .waffle-flat-multi-range-add-another:active,
.waffle-ritz-protection-pill-contents .waffle-flat-multi-range-add-another:hover:active {
  background: #dff2e4;
  border: 1px solid transparent !important;
  box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15);
  height: 24px;
  padding: 3px 12px 5px
}

.goog-tab-bar.spreadsheet-settings-dialog-tab-bar .goog-tab.spreadsheet-settings-tab {
  color: #5f6368;
  cursor: pointer;
  font-weight: 500;
  margin: 1px 15px 0 0;
  padding: 4px 8px;
  text-align: center;
  text-decoration: none;
  top: 1px;
  width: 120px
}

.goog-tab-bar.spreadsheet-settings-dialog-tab-bar {
  background: none;
  border-bottom-color: #e8eaed !important;
  margin-bottom: 20px;
  padding-left: 0 !important
}

.goog-tab-bar.spreadsheet-settings-dialog-tab-bar .goog-tab.spreadsheet-settings-tab.goog-tab-hover,
.goog-tab-bar.spreadsheet-settings-dialog-tab-bar .goog-tab.spreadsheet-settings-tab.goog-tab-selected {
  background: none;
  border-bottom: 2px solid #188038;
  border-left: none;
  border-right: none;
  border-top: none;
  color: #202124
}

.goog-tab-bar.spreadsheet-settings-dialog-tab-bar:focus .goog-tab.spreadsheet-settings-tab.goog-tab-selected {
  background-color: #dff2e4
}

.dialog-settings .dialog-settings-input {
  width: 210px
}

.dialog-settings .jfk-select {
  box-sizing: border-box;
  max-width: 210px
}

.dialog-settings {
  width: 670px
}

.dialog-settings-label {
  padding-bottom: 4px;
  padding-top: 4px
}

.dialog-settings-display-language {
  padding-top: 4px
}

.dialog-settings .goog-flat-menu-button-caption {
  text-align: left;
  text-overflow: ellipsis
}

.modal-dialog.dialog-settings .jfk-select.goog-flat-menu-button {
  padding-left: 14px
}

.javascriptMaterialdesignGm3WizElevation-elevation,
.javascriptMaterialdesignGm3WizElevation-elevation:after,
.javascriptMaterialdesignGm3WizElevation-elevation:before,
.javascriptMaterialdesignGm3WizElevation-elevation__overlay {
  border-radius: inherit;
  inset: 0;
  position: absolute;
  pointer-events: none
}

.javascriptMaterialdesignGm3WizElevation-elevation__overlay {
  transition: opacity 75ms linear;
  background-color: var(--gm3-elevation-surface-tint-layer-color, transparent);
  opacity: calc(clamp(0, var(--gm3-elevation-level, 0), .05) + clamp(0, var(--gm3-elevation-level, 0) - 1, .03) + clamp(0, var(--gm3-elevation-level, 0) - 2, .03) + clamp(0, var(--gm3-elevation-level, 0) - 3, .01) + clamp(0, var(--gm3-elevation-level, 0) - 4, .02))
}

.javascriptMaterialdesignGm3WizElevation-elevation:after,
.javascriptMaterialdesignGm3WizElevation-elevation:before {
  transition: box-shadow 75ms linear;
  content: ""
}

.javascriptMaterialdesignGm3WizElevation-elevation:before {
  box-shadow: 0 calc(1px*(clamp(0, var(--gm3-elevation-level, 0), 1) + clamp(0, var(--gm3-elevation-level, 0) - 3, 1) + clamp(0, var(--gm3-elevation-level, 0) - 4, 1)*2)) calc(1px*(2*clamp(0, var(--gm3-elevation-level, 0), 1) + clamp(0, var(--gm3-elevation-level, 0) - 2, 1) + clamp(0, var(--gm3-elevation-level, 0) - 4, 1))) 0 var(--gm3-elevation-shadow-color, transparent);
  opacity: calc(clamp(0, var(--gm3-elevation-level, 0), 1)*.3)
}

.javascriptMaterialdesignGm3WizElevation-elevation:after {
  box-shadow: 0 calc(1px*(clamp(0, var(--gm3-elevation-level, 0), 1) + clamp(0, var(--gm3-elevation-level, 0) - 1, 1) + clamp(0, var(--gm3-elevation-level, 0) - 2, 3)*2)) calc(1px*(clamp(0, var(--gm3-elevation-level, 0), 2)*3 + clamp(0, var(--gm3-elevation-level, 0) - 2, 3)*2)) calc(1px*(clamp(0, var(--gm3-elevation-level, 0), 4) + 2*clamp(0, var(--gm3-elevation-level, 0) - 4, 1))) var(--gm3-elevation-shadow-color, transparent);
  opacity: calc(clamp(0, var(--gm3-elevation-level, 0), 1)*.15)
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizElevation-elevation {
    display: none
  }
}

.javascriptMaterialdesignGm3WizMenuSurface-menu-surface {
  display: none;
  position: absolute;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border-radius: 4px;
  transform: scale(1);
  transform-origin: top left;
  opacity: 0;
  will-change: transform, opacity;
  transition: opacity .03s linear, transform .12s cubic-bezier(0, 0, .2, 1), height .25s cubic-bezier(0, 0, .2, 1);
  z-index: 8;
  max-width: calc(100vw - 32px);
  max-height: calc(100vw - 32px);
  background-color: var(--gm3-menu-surface-container-color, var(--gm3-sys-color-surface-container, #f0f4f9));
  color: #000;
  --gm3-elevation-level: var(--gm3-menu-surface-container-elevation, 2);
  --gm3-elevation-shadow-color: var(--gm3-menu-surface-container-shadow-color, var(--gm3-sys-color-shadow, #000))
}

.javascriptMaterialdesignGm3WizMenuSurface-menu-surface[dir=rtl],
[dir=rtl] .javascriptMaterialdesignGm3WizMenuSurface-menu-surface {
  transform-origin: top right
}

.javascriptMaterialdesignGm3WizMenuSurface-menu-surface--full-width {
  width: 100%
}

.javascriptMaterialdesignGm3WizMenuSurface-menu-surface__content {
  overflow: auto;
  max-height: inherit;
  border-radius: inherit
}

.javascriptMaterialdesignGm3WizMenuSurface-menu-surface:focus {
  outline: none
}

.javascriptMaterialdesignGm3WizMenuSurface-menu-surface--animating-open {
  display: inline-block;
  transform: scale(.8);
  opacity: 0
}

.javascriptMaterialdesignGm3WizMenuSurface-menu-surface--open {
  display: inline-block;
  transform: scale(1);
  opacity: 1
}

.javascriptMaterialdesignGm3WizMenuSurface-menu-surface--animating-closed {
  display: inline-block;
  opacity: 0;
  transition: opacity 75ms linear
}

.javascriptMaterialdesignGm3WizMenuSurface-menu-surface--anchor {
  position: relative;
  overflow: visible
}

.javascriptMaterialdesignGm3WizMenuSurface-menu-surface--fixed {
  position: fixed
}

.javascriptMaterialdesignGm3WizMenuSurface-menu-surface--is-open-below {
  border-start-start-radius: 0;
  border-start-end-radius: 0
}

.boqAddonscardsrendererCardAutocompleteOptionListImg {
  width: 100%;
  border-radius: 50%
}

.boqAddonscardsrendererCardAutocompleteOptionListImg.isRectangle {
  border-radius: 0
}

.boqAddonscardsrendererCardAutocompleteOptionListImg.isEmoji {
  font-size: 1rem
}

.boqAddonscardsrendererCardAutocompleteMenuItemOneLine {
  height: 56px
}

.boqAddonscardsrendererCardAutocompleteMenuItemOneLine.hasDivider {
  border-bottom: 1px solid var(--gm3-sys-color-outline-variant, #c4c7c5)
}

.boqAddonscardsrendererCardAutocompleteMenuItemTwoLine {
  height: 72px;
  --gm3-list-list-item-label-text-line-height: 1.75rem;
  --gm3-list-list-item-supporting-text-line-height: 1.5rem
}

.boqAddonscardsrendererCardAutocompleteMenuItemTwoLine.hasDivider {
  border-bottom: 1px solid var(--gm3-sys-color-outline-variant, #c4c7c5)
}

.boqAddonscardsrendererCardAutocompleteMultiLevelMenu {
  --gm3-list-list-item-container-color: transparent;
  --gm3-list-list-item-label-text-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-list-list-item-label-text-font: "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif;
  --gm3-list-list-item-label-text-size: 0.875rem;
  --gm3-list-list-item-label-text-tracking: 0rem;
  --gm3-list-list-item-label-text-weight: 400;
  --gm3-list-list-item-label-text-line-height: 1.25rem;
  --gm3-list-list-item-supporting-text-color: var(--gm3-sys-color-on-surface, #1f1f1f);
  --gm3-list-list-item-supporting-text-font: "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif;
  --gm3-list-list-item-supporting-text-size: 0.75rem;
  --gm3-list-list-item-supporting-text-tracking: 0.00625rem;
  --gm3-list-list-item-supporting-text-weight: 400;
  --gm3-list-list-item-supporting-text-line-height: 1rem;
  --gm3-list-list-item-selected-container-color: var(--gm3-sys-color-surface-variant, #e1e3e1);
  --gm3-menu-surface-container-color: var(--gm3-sys-color-surface-container, #f0f4f9)
}

.boqAddonscardsrendererCardAutocompleteNoVariableText {
  color: var(--gm3-sys-color-on-surface-variant, #444746);
  font: Google Sans Text;
  font-style: italic;
  margin: 16px 12px 0;
  -webkit-user-select: none;
  user-select: none
}

.javascriptMaterialdesignGm3WizFocusRingInward-focusringinward {
  display: var(--gm3-focus-ring-inward-display, none);
  pointer-events: none;
  position: absolute;
  z-index: 1;
  border-style: solid;
  border-width: var(--gm3-focus-ring-inward-track-width, 3px);
  border-color: var(--gm3-focus-ring-inward-color, var(--gm3-sys-color-secondary, #00639b));
  border-start-start-radius: calc(var(--gm3-focus-ring-inward-target-shape-start-start, 8px) + var(--gm3-focus-ring-inward-track-width, 3px) + var(--gm3-focus-ring-inward-offset, -3px));
  border-start-end-radius: calc(var(--gm3-focus-ring-inward-target-shape-start-end, 8px) + var(--gm3-focus-ring-inward-track-width, 3px) + var(--gm3-focus-ring-inward-offset, -3px));
  border-end-end-radius: calc(var(--gm3-focus-ring-inward-target-shape-end-end, 8px) + var(--gm3-focus-ring-inward-track-width, 3px) + var(--gm3-focus-ring-inward-offset, -3px));
  border-end-start-radius: calc(var(--gm3-focus-ring-inward-target-shape-end-start, 8px) + var(--gm3-focus-ring-inward-track-width, 3px) + var(--gm3-focus-ring-inward-offset, -3px));
  inset-block: calc((var(--gm3-focus-ring-inward-offset, -3px) + var(--gm3-focus-ring-inward-track-width, 3px))*-1) calc((var(--gm3-focus-ring-inward-offset, -3px) + var(--gm3-focus-ring-inward-track-width, 3px) + var(--gm3-focus-ring-inward-extra-offset-bottom, 0px))*-1);
  inset-inline: calc((var(--gm3-focus-ring-inward-offset, -3px) + var(--gm3-focus-ring-inward-track-width, 3px))*-1);
  animation-name: gm3-focus-ring-inward-grows, gm3-focus-ring-inward-shrinks;
  animation-duration: .15s, .45s;
  animation-delay: 0s, .15s;
  animation-timing-function: cubic-bezier(.2, 0, 0, 1), cubic-bezier(.2, 0, 0, 1)
}

@keyframes gm3-focus-ring-inward-grows {
  0% {
    border-width: 0
  }

  to {
    border-width: 8px
  }
}

@keyframes gm3-focus-ring-inward-shrinks {
  0% {
    border-width: 8px
  }
}

@media (prefers-reduced-motion) {
  .javascriptMaterialdesignGm3WizFocusRingInward-focusringinward {
    animation: none
  }
}

.materialdesignWizIconInlineFlex {
  display: inline-flex;
  place-content: center;
  place-items: center
}

html[dir=rtl] .materialdesignWizIconRtlIcon {
  transform: scaleX(-1)
}

.javascriptMaterialdesignGm3WizList-list {
  margin: 0;
  padding-block: 8px;
  padding-inline: 0;
  list-style-type: none
}

.javascriptMaterialdesignGm3WizList-divider {
  padding-block: 0;
  padding-inline: 24px;
  background-clip: content-box;
  background-color: var(--gm3-list-divider-color, var(--gm3-sys-color-surface-variant, #e1e3e1));
  height: var(--gm3-list-divider-height, 1px)
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizList-divider:after {
    content: "";
    display: block;
    border-bottom: 1px solid #fff
  }
}

.javascriptMaterialdesignGm3WizList-divider--full {
  padding-inline: 0
}

.javascriptMaterialdesignGm3WizList-list-item:focus,
.javascriptMaterialdesignGm3WizList-list:focus {
  outline: none
}

.javascriptMaterialdesignGm3WizList-list-item {
  display: flex;
  position: relative;
  justify-content: flex-start;
  align-items: center;
  overflow: visible;
  text-decoration: none;
  padding-inline: var(--gm3-list-list-item-leading-space, 16px) var(--gm3-list-list-item-trailing-space, 16px);
  background-color: var(--gm3-list-list-item-container-color, var(--gm3-sys-color-surface, #fff));
  border-radius: var(--gm3-list-list-item-container-shape, 0);
  box-sizing: border-box;
  gap: var(--gm3-list-list-item-content-gap, 16px);
  --gm3-ripple-hover-color: var(--gm3-list-list-item-hover-state-layer-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  --gm3-ripple-hover-opacity: var(--gm3-list-list-item-hover-state-layer-opacity, 0.08);
  --gm3-ripple-pressed-color: var(--gm3-list-list-item-hover-state-layer-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  --gm3-ripple-pressed-opacity: 0.12
}

.javascriptMaterialdesignGm3WizList-list-item__attribute-slot {
  display: none
}

.javascriptMaterialdesignGm3WizList-list-item--focus-visible,
.javascriptMaterialdesignGm3WizList-list-item:focus-visible {
  border-radius: 8px
}

.javascriptMaterialdesignGm3WizList-list-item--focus-visible .javascriptMaterialdesignGm3WizList-list-item__focusring,
.javascriptMaterialdesignGm3WizList-list-item:focus-visible .javascriptMaterialdesignGm3WizList-list-item__focusring {
  --gm3-focus-ring-inward-color: var(--gm3-list-focus-indicator-color, var(--gm3-sys-color-secondary, #00639b));
  --gm3-focus-ring-inward-display: block;
  --gm3-focus-ring-inward-offset: var(--gm3-list-focus-indicator-outline-offset, -3px);
  --gm3-focus-ring-inward-track-width: var(--gm3-list-focus-indicator-thickness, 3px)
}

.javascriptMaterialdesignGm3WizList-list-item--interactive {
  cursor: pointer
}

.javascriptMaterialdesignGm3WizList-list-item--interactive .javascriptMaterialdesignGm3WizList-list-item__end,
.javascriptMaterialdesignGm3WizList-list-item--interactive .javascriptMaterialdesignGm3WizList-list-item__start {
  --gm3-checkbox-state-layer-size: 24px;
  --gm3-radio-state-layer-size: 24px
}

.javascriptMaterialdesignGm3WizList-list-item__badge {
  align-self: center;
  --gm3-badge-large-shape-start-start: 4px;
  --gm3-badge-large-shape-start-end: 4px;
  --gm3-badge-large-shape-end-end: 4px;
  --gm3-badge-large-shape-end-start: 4px
}

.javascriptMaterialdesignGm3WizList-list-item--selected {
  background-color: var(--gm3-list-list-item-selected-container-color, var(--gm3-sys-color-secondary-container, #c2e7ff))
}

.javascriptMaterialdesignGm3WizList-list-item--selected:before {
  position: absolute;
  box-sizing: border-box;
  inset: 0;
  border: 3px double transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none
}

.javascriptMaterialdesignGm3WizList-list-item--disabled {
  cursor: auto
}

.javascriptMaterialdesignGm3WizList-list-item__wrapper {
  display: block
}

.javascriptMaterialdesignGm3WizList-list-item__end,
.javascriptMaterialdesignGm3WizList-list-item__start {
  flex-shrink: 0;
  pointer-events: none;
  display: none
}

.javascriptMaterialdesignGm3WizList-list-item__end {
  gap: 8px
}

.javascriptMaterialdesignGm3WizList-list-item__end:has(.javascriptMaterialdesignGm3WizList-list-item__icon):has(.javascriptMaterialdesignGm3WizList-list-item__badge) {
  gap: 0
}

.javascriptMaterialdesignGm3WizList-list-item__end:empty,
.javascriptMaterialdesignGm3WizList-list-item__start:empty {
  display: none
}

.javascriptMaterialdesignGm3WizList-list-item--with-trailing-meta .javascriptMaterialdesignGm3WizList-list-item__end,
.javascriptMaterialdesignGm3WizList-list-item__end:has(.javascriptMaterialdesignGm3WizList-list-item__valid-content),
.javascriptMaterialdesignGm3WizList-list-item__start:has(.javascriptMaterialdesignGm3WizList-list-item__valid-content) {
  display: inline-flex
}

@supports not selector(:has(a)) {

  .javascriptMaterialdesignGm3WizList-list-item__end,
  .javascriptMaterialdesignGm3WizList-list-item__start {
    display: inline-flex
  }
}

.javascriptMaterialdesignGm3WizList-list-item__content {
  text-overflow: ellipsis;
  color: var(--gm3-list-list-item-label-text-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  white-space: nowrap;
  overflow: hidden;
  flex: 1;
  pointer-events: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  padding-inline: var(--gm3-list-list-item-content-padding, 0)
}

.javascriptMaterialdesignGm3WizList-list-item__wrap-primary-text {
  white-space: normal
}

.javascriptMaterialdesignGm3WizList-list-item__wrap-primary-text .javascriptMaterialdesignGm3WizList-list-item__primary-text {
  text-overflow: clip;
  white-space: normal
}

.javascriptMaterialdesignGm3WizList-list-item--with-one-line {
  min-height: var(--gm3-list-list-item-one-line-container-height, 56px);
  padding-block: var(--gm3-list-list-item-one-line-padding, 8px)
}

.javascriptMaterialdesignGm3WizList-list-item--with-two-lines {
  min-height: var(--gm3-list-list-item-two-line-container-height, 72px);
  padding-block: var(--gm3-list-list-item-two-line-padding, 8px)
}

.javascriptMaterialdesignGm3WizList-list-item--with-three-lines {
  min-height: var(--gm3-list-list-item-three-line-container-height, 88px);
  padding-block: var(--gm3-list-list-item-three-line-padding, 12px)
}

.javascriptMaterialdesignGm3WizList-list-item--with-three-lines .javascriptMaterialdesignGm3WizList-list-item__end,
.javascriptMaterialdesignGm3WizList-list-item--with-three-lines .javascriptMaterialdesignGm3WizList-list-item__start {
  align-self: flex-start
}

.javascriptMaterialdesignGm3WizList-list-item--with-three-lines .javascriptMaterialdesignGm3WizList-list-item__content {
  justify-content: flex-start
}

.javascriptMaterialdesignGm3WizList-list-item__overline-text,
.javascriptMaterialdesignGm3WizList-list-item__primary-text,
.javascriptMaterialdesignGm3WizList-list-item__secondary-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.javascriptMaterialdesignGm3WizList-list-item--with-three-lines .javascriptMaterialdesignGm3WizList-list-item__secondary-text {
  white-space: normal;
  display: -webkit-inline-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2
}

.javascriptMaterialdesignGm3WizList-list-item__primary-text {
  font-family: var(--gm3-list-list-item-label-text-font, "Google Sans Flex", "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif);
  font-size: var(--gm3-list-list-item-label-text-size, 1rem);
  font-weight: var(--gm3-list-list-item-label-text-weight, 400);
  line-height: var(--gm3-list-list-item-label-text-line-height, 1.5rem);
  letter-spacing: var(--gm3-list-list-item-label-text-tracking, 0);
  color: var(--gm3-list-list-item-label-text-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  font-variation-settings: var(--gm3-list-list-item-label-text-font-variation-settings, initial)
}

.javascriptMaterialdesignGm3WizList-list-item:focus .javascriptMaterialdesignGm3WizList-list-item__primary-text {
  color: var(--gm3-list-list-item-focus-label-text-color, var(--gm3-sys-color-on-surface, #1f1f1f))
}

.javascriptMaterialdesignGm3WizList-list-item:hover .javascriptMaterialdesignGm3WizList-list-item__primary-text {
  color: var(--gm3-list-list-item-hover-label-text-color, var(--gm3-sys-color-on-surface, #1f1f1f))
}

.javascriptMaterialdesignGm3WizList-list-item--selected .javascriptMaterialdesignGm3WizList-list-item__primary-text {
  color: var(--gm3-list-list-item-selected-label-text-color, var(--gm3-sys-color-on-secondary-container, #001d35));
  font-weight: var(--gm3-list-list-item-selected-label-text-weight, 400)
}

.javascriptMaterialdesignGm3WizList-list-item--disabled .javascriptMaterialdesignGm3WizList-list-item__primary-text {
  color: var(--gm3-list-list-item-disabled-label-text-color, var(--gm3-sys-color-on-surface, #1f1f1f))
}

.javascriptMaterialdesignGm3WizList-list-item__secondary-text {
  font-family: var(--gm3-list-list-item-supporting-text-font, "Google Sans Flex", "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif);
  font-size: var(--gm3-list-list-item-supporting-text-size, .875rem);
  font-weight: var(--gm3-list-list-item-supporting-text-weight, 400);
  line-height: var(--gm3-list-list-item-supporting-text-line-height, 1.25rem);
  letter-spacing: var(--gm3-list-list-item-supporting-text-tracking, 0);
  color: var(--gm3-list-list-item-supporting-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  font-variation-settings: var(--gm3-list-list-item-supporting-text-font-variation-settings, initial)
}

.javascriptMaterialdesignGm3WizList-list-item--selected .javascriptMaterialdesignGm3WizList-list-item__secondary-text {
  color: var(--gm3-list-list-item-selected-supporting-text-color, var(--gm3-sys-color-on-surface, #1f1f1f))
}

.javascriptMaterialdesignGm3WizList-list-item--disabled .javascriptMaterialdesignGm3WizList-list-item__secondary-text {
  color: var(--gm3-list-list-item-disabled-supporting-text-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  opacity: var(--gm3-list-list-item-disabled-supporting-text-opacity, .38)
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizList-list-item--disabled .javascriptMaterialdesignGm3WizList-list-item__secondary-text {
    color: GrayText;
    opacity: 1
  }
}

.javascriptMaterialdesignGm3WizList-list-item__overline-text {
  text-transform: var(--gm3-list-list-item-overline-text-transform, uppercase);
  font-family: var(--gm3-list-list-item-overline-font, "Google Sans Flex", "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif);
  font-size: var(--gm3-list-list-item-overline-size, .6875rem);
  font-weight: var(--gm3-list-list-item-overline-weight, 500);
  line-height: var(--gm3-list-list-item-overline-line-height, 1rem);
  letter-spacing: var(--gm3-list-list-item-overline-tracking, .00625rem);
  color: var(--gm3-list-list-item-overline-color, var(--gm3-sys-color-on-surface-variant, #444746));
  font-variation-settings: var(--gm3-list-list-item-overline-font-variation-settings, initial)
}

.javascriptMaterialdesignGm3WizList-list-item--selected .javascriptMaterialdesignGm3WizList-list-item__overline-text {
  color: var(--gm3-list-list-item-selected-overline-color, var(--gm3-sys-color-on-surface, #1f1f1f))
}

.javascriptMaterialdesignGm3WizList-list-item.javascriptMaterialdesignGm3WizList-list-item--disabled :is(.javascriptMaterialdesignGm3WizList-list-item__primary-text, .javascriptMaterialdesignGm3WizList-list-item__overline-text) {
  opacity: var(--gm3-list-list-item-disabled-label-text-opacity, .38)
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizList-list-item.javascriptMaterialdesignGm3WizList-list-item--disabled :is(.javascriptMaterialdesignGm3WizList-list-item__primary-text, .javascriptMaterialdesignGm3WizList-list-item__overline-text) {
    color: GrayText;
    opacity: 1
  }
}

.javascriptMaterialdesignGm3WizList-list-item__graphic {
  width: inherit;
  height: inherit;
  border-radius: inherit;
  font-size: inherit
}

.javascriptMaterialdesignGm3WizList-list-item__end:has(.javascriptMaterialdesignGm3WizList-list-item__icon) i,
.javascriptMaterialdesignGm3WizList-list-item__end:has(.javascriptMaterialdesignGm3WizList-list-item__icon) img,
.javascriptMaterialdesignGm3WizList-list-item__end:has(.javascriptMaterialdesignGm3WizList-list-item__icon) svg,
.javascriptMaterialdesignGm3WizList-list-item__start:has(.javascriptMaterialdesignGm3WizList-list-item__icon) i,
.javascriptMaterialdesignGm3WizList-list-item__start:has(.javascriptMaterialdesignGm3WizList-list-item__icon) img,
.javascriptMaterialdesignGm3WizList-list-item__start:has(.javascriptMaterialdesignGm3WizList-list-item__icon) svg {
  display: inline-flex;
  position: relative;
  color: inherit;
  fill: currentColor
}

@supports not selector(:has(a)) {

  :is(.javascriptMaterialdesignGm3WizList-list-item__start, .javascriptMaterialdesignGm3WizList-list-item__end) .javascriptMaterialdesignGm3WizList-list-item__icon i,
  :is(.javascriptMaterialdesignGm3WizList-list-item__start, .javascriptMaterialdesignGm3WizList-list-item__end) .javascriptMaterialdesignGm3WizList-list-item__icon img,
  :is(.javascriptMaterialdesignGm3WizList-list-item__start, .javascriptMaterialdesignGm3WizList-list-item__end) .javascriptMaterialdesignGm3WizList-list-item__icon svg {
    display: inline-flex;
    position: relative;
    color: inherit;
    fill: currentColor
  }
}

.javascriptMaterialdesignGm3WizList-list-item__start:has(.javascriptMaterialdesignGm3WizList-list-item__icon),
.javascriptMaterialdesignGm3WizList-list-item__start:has(.javascriptMaterialdesignGm3WizList-list-item__icon) i,
.javascriptMaterialdesignGm3WizList-list-item__start:has(.javascriptMaterialdesignGm3WizList-list-item__icon) img,
.javascriptMaterialdesignGm3WizList-list-item__start:has(.javascriptMaterialdesignGm3WizList-list-item__icon) svg {
  block-size: var(--gm3-list-list-item-leading-icon-size, 24px);
  inline-size: var(--gm3-list-list-item-leading-icon-size, 24px);
  font-size: var(--gm3-list-list-item-leading-icon-size, 24px)
}

@supports not selector(:has(a)) {

  .javascriptMaterialdesignGm3WizList-list-item__start .javascriptMaterialdesignGm3WizList-list-item__icon,
  .javascriptMaterialdesignGm3WizList-list-item__start .javascriptMaterialdesignGm3WizList-list-item__icon i,
  .javascriptMaterialdesignGm3WizList-list-item__start .javascriptMaterialdesignGm3WizList-list-item__icon img,
  .javascriptMaterialdesignGm3WizList-list-item__start .javascriptMaterialdesignGm3WizList-list-item__icon svg {
    block-size: var(--gm3-list-list-item-leading-icon-size, 24px);
    inline-size: var(--gm3-list-list-item-leading-icon-size, 24px);
    font-size: var(--gm3-list-list-item-leading-icon-size, 24px)
  }
}

.javascriptMaterialdesignGm3WizList-list-item__start:has(.javascriptMaterialdesignGm3WizList-list-item__icon) {
  color: var(--gm3-list-list-item-leading-icon-color, var(--gm3-sys-color-on-surface-variant, #444746))
}

@supports not selector(:has(a)) {
  .javascriptMaterialdesignGm3WizList-list-item__start .javascriptMaterialdesignGm3WizList-list-item__icon {
    color: var(--gm3-list-list-item-leading-icon-color, var(--gm3-sys-color-on-surface-variant, #444746))
  }
}

.javascriptMaterialdesignGm3WizList-list-item--selected .javascriptMaterialdesignGm3WizList-list-item__start:has(.javascriptMaterialdesignGm3WizList-list-item__icon) {
  color: var(--gm3-list-list-item-selected-leading-icon-color, var(--gm3-sys-color-on-surface, #1f1f1f))
}

@supports not selector(:has(a)) {
  .javascriptMaterialdesignGm3WizList-list-item--selected .javascriptMaterialdesignGm3WizList-list-item__start .javascriptMaterialdesignGm3WizList-list-item__icon {
    color: var(--gm3-list-list-item-selected-leading-icon-color, var(--gm3-sys-color-on-surface, #1f1f1f))
  }
}

.javascriptMaterialdesignGm3WizList-list-item:hover .javascriptMaterialdesignGm3WizList-list-item__start:has(.javascriptMaterialdesignGm3WizList-list-item__icon) {
  color: var(--gm3-list-list-item-hover-leading-icon-icon-color, var(--gm3-sys-color-on-surface-variant, #444746))
}

@supports not selector(:has(a)) {
  .javascriptMaterialdesignGm3WizList-list-item:hover .javascriptMaterialdesignGm3WizList-list-item__start .javascriptMaterialdesignGm3WizList-list-item__icon {
    color: var(--gm3-list-list-item-hover-leading-icon-icon-color, var(--gm3-sys-color-on-surface-variant, #444746))
  }
}

.javascriptMaterialdesignGm3WizList-list-item--disabled .javascriptMaterialdesignGm3WizList-list-item__start:has(.javascriptMaterialdesignGm3WizList-list-item__icon) {
  color: var(--gm3-list-list-item-disabled-leading-icon-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  opacity: var(--gm3-list-list-item-disabled-leading-icon-opacity, .38)
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizList-list-item--disabled .javascriptMaterialdesignGm3WizList-list-item__start:has(.javascriptMaterialdesignGm3WizList-list-item__icon) {
    color: GrayText;
    opacity: 1
  }
}

.javascriptMaterialdesignGm3WizList-list-item__selected-indicator {
  display: none;
  visibility: hidden
}

.javascriptMaterialdesignGm3WizList-list-item--selected .javascriptMaterialdesignGm3WizList-list-item__selected-indicator {
  display: inline-flex;
  visibility: visible
}

.javascriptMaterialdesignGm3WizList-list-item--selected .javascriptMaterialdesignGm3WizList-list-item__selected-indicator+i,
.javascriptMaterialdesignGm3WizList-list-item--selected .javascriptMaterialdesignGm3WizList-list-item__selected-indicator+img,
.javascriptMaterialdesignGm3WizList-list-item--selected .javascriptMaterialdesignGm3WizList-list-item__selected-indicator+svg {
  display: none;
  visibility: hidden
}

.javascriptMaterialdesignGm3WizList-list-item__start:has(.javascriptMaterialdesignGm3WizList-list-item__avatar) {
  border-radius: 50%;
  block-size: var(--gm3-list-list-item-leading-avatar-size, 40px);
  inline-size: var(--gm3-list-list-item-leading-avatar-size, 40px)
}

.javascriptMaterialdesignGm3WizList-list-item__start:has(.javascriptMaterialdesignGm3WizList-list-item__avatar) img {
  border-radius: var(--gm3-list-list-item-leading-avatar-shape, 9999px);
  background-color: var(--gm3-list-list-item-leading-avatar-color, var(--gm3-sys-color-primary-container, #d3e3fd))
}

@supports not selector(:has(a)) {
  .javascriptMaterialdesignGm3WizList-list-item__start .javascriptMaterialdesignGm3WizList-list-item__avatar {
    border-radius: var(--gm3-list-list-item-leading-avatar-shape, 9999px);
    block-size: var(--gm3-list-list-item-leading-avatar-size, 40px);
    inline-size: var(--gm3-list-list-item-leading-avatar-size, 40px)
  }
}

.javascriptMaterialdesignGm3WizList-list-item__start:has(.javascriptMaterialdesignGm3WizList-list-item__image) {
  block-size: var(--gm3-list-list-item-leading-image-height, 56px);
  inline-size: var(--gm3-list-list-item-leading-image-width, 56px);
  border-radius: var(--gm3-list-list-item-leading-image-shape, 0)
}

@supports not selector(:has(a)) {
  .javascriptMaterialdesignGm3WizList-list-item__start .javascriptMaterialdesignGm3WizList-list-item__image {
    block-size: var(--gm3-list-list-item-leading-image-height, 56px);
    inline-size: var(--gm3-list-list-item-leading-image-width, 56px);
    border-radius: var(--gm3-list-list-item-leading-image-shape, 0)
  }
}

.javascriptMaterialdesignGm3WizList-list-item__start:has(.javascriptMaterialdesignGm3WizList-list-item__thumbnail) {
  block-size: 40px;
  inline-size: 40px
}

@supports not selector(:has(a)) {
  .javascriptMaterialdesignGm3WizList-list-item__start .javascriptMaterialdesignGm3WizList-list-item__thumbnail {
    block-size: 40px;
    inline-size: 40px
  }
}

.javascriptMaterialdesignGm3WizList-list-item__end:has(.javascriptMaterialdesignGm3WizList-list-item__icon),
.javascriptMaterialdesignGm3WizList-list-item__end:has(.javascriptMaterialdesignGm3WizList-list-item__icon) i,
.javascriptMaterialdesignGm3WizList-list-item__end:has(.javascriptMaterialdesignGm3WizList-list-item__icon) img,
.javascriptMaterialdesignGm3WizList-list-item__end:has(.javascriptMaterialdesignGm3WizList-list-item__icon) svg {
  block-size: var(--gm3-list-list-item-trailing-icon-size, 24px);
  inline-size: var(--gm3-list-list-item-trailing-icon-size, 24px);
  font-size: var(--gm3-list-list-item-trailing-icon-size, 24px)
}

.javascriptMaterialdesignGm3WizList-list-item__end:has(.javascriptMaterialdesignGm3WizList-list-item__badge) {
  inline-size: auto
}

@supports not selector(:has(a)) {

  .javascriptMaterialdesignGm3WizList-list-item__end .javascriptMaterialdesignGm3WizList-list-item__icon,
  .javascriptMaterialdesignGm3WizList-list-item__end .javascriptMaterialdesignGm3WizList-list-item__icon i,
  .javascriptMaterialdesignGm3WizList-list-item__end .javascriptMaterialdesignGm3WizList-list-item__icon img,
  .javascriptMaterialdesignGm3WizList-list-item__end .javascriptMaterialdesignGm3WizList-list-item__icon svg {
    block-size: var(--gm3-list-list-item-trailing-icon-size, 24px);
    inline-size: var(--gm3-list-list-item-trailing-icon-size, 24px);
    font-size: var(--gm3-list-list-item-trailing-icon-size, 24px)
  }

  .javascriptMaterialdesignGm3WizList-list-item__end .javascriptMaterialdesignGm3WizList-list-item__badge {
    inline-size: auto
  }
}

.javascriptMaterialdesignGm3WizList-list-item__end:has(.javascriptMaterialdesignGm3WizList-list-item__icon) {
  color: var(--gm3-list-list-item-trailing-icon-color, var(--gm3-sys-color-on-surface-variant, #444746))
}

.javascriptMaterialdesignGm3WizList-list-item:hover .javascriptMaterialdesignGm3WizList-list-item__end:has(.javascriptMaterialdesignGm3WizList-list-item__icon) {
  color: var(--gm3-list-list-item-hover-trailing-icon-icon-color, var(--gm3-sys-color-on-surface-variant, #444746))
}

.javascriptMaterialdesignGm3WizList-list-item--disabled .javascriptMaterialdesignGm3WizList-list-item__end:has(.javascriptMaterialdesignGm3WizList-list-item__icon) {
  color: var(--gm3-list-list-item-disabled-trailing-icon-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  opacity: var(--gm3-list-list-item-disabled-trailing-icon-opacity, .38)
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizList-list-item--disabled .javascriptMaterialdesignGm3WizList-list-item__end:has(.javascriptMaterialdesignGm3WizList-list-item__icon) {
    color: GrayText;
    opacity: 1
  }
}

.javascriptMaterialdesignGm3WizList-list-item--selected .javascriptMaterialdesignGm3WizList-list-item__end:has(.javascriptMaterialdesignGm3WizList-list-item__icon) {
  color: var(--gm3-list-list-item-selected-trailing-icon-color, var(--gm3-sys-color-on-surface, #1f1f1f))
}

.javascriptMaterialdesignGm3WizList-list-item--with-trailing-meta .javascriptMaterialdesignGm3WizList-list-item__end {
  font-family: var(--gm3-list-list-item-trailing-supporting-text-font, "Google Sans Flex", "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif);
  font-size: var(--gm3-list-list-item-trailing-supporting-text-size, .6875rem);
  font-weight: var(--gm3-list-list-item-trailing-supporting-text-weight, 500);
  line-height: var(--gm3-list-list-item-trailing-supporting-text-line-height, 1rem);
  letter-spacing: var(--gm3-list-list-item-trailing-supporting-text-tracking, .00625rem);
  color: var(--gm3-list-list-item-trailing-supporting-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  font-variation-settings: var(--gm3-list-list-item-trailing-supporting-text-font-variation-settings, initial)
}

.javascriptMaterialdesignGm3WizList-list-item--selected.javascriptMaterialdesignGm3WizList-list-item--with-trailing-meta .javascriptMaterialdesignGm3WizList-list-item__end {
  color: var(--gm3-list-list-item-selected-trailing-supporting-text-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  font-weight: var(--gm3-list-list-item-selected-trailing-supporting-text-weight, 500)
}

.javascriptMaterialdesignGm3WizList-list-item--disabled.javascriptMaterialdesignGm3WizList-list-item--with-trailing-meta .javascriptMaterialdesignGm3WizList-list-item__end {
  color: var(--gm3-list-list-item-disabled-trailing-supporting-text-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  opacity: var(--gm3-list-list-item-disabled-trailing-supporting-text-opacity, .38)
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizList-list-item--disabled.javascriptMaterialdesignGm3WizList-list-item--with-trailing-meta .javascriptMaterialdesignGm3WizList-list-item__end {
    color: GrayText;
    opacity: 1
  }
}

.javascriptMaterialdesignGm3WizList-accelerator-hint {
  -webkit-text-decoration: var(--gm3-list-menu-item-accelerator-hint-text-decoration, unset);
  text-decoration: var(--gm3-list-menu-item-accelerator-hint-text-decoration, unset)
}

.javascriptMaterialdesignGm3WizList-accelerator-parenthetical {
  display: var(--gm3-list-menu-item-accelerator-hint-parenthetical-display, none)
}

.javascriptMaterialdesignGm3WizTooltipPlain-tooltip {
  position: fixed;
  display: none;
  z-index: var(--gm3-tooltip-plain-z-index, 2101)
}

.javascriptMaterialdesignGm3WizTooltipPlain-tooltip__surface {
  box-sizing: border-box;
  min-block-size: 24px;
  min-inline-size: 40px;
  overflow-wrap: anywhere;
  overflow: hidden;
  padding-block: 4px;
  padding-inline: 8px;
  word-break: normal;
  max-block-size: var(--gm3-tooltip-plain-container-max-block-size, 40vh)
}

.javascriptMaterialdesignGm3WizTooltipPlain-tooltip__surface:before {
  position: absolute;
  box-sizing: border-box;
  inline-size: 100%;
  block-size: 100%;
  inset-block-start: 0;
  inset-inline-start: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none
}

.javascriptMaterialdesignGm3WizTooltipPlain-tooltip--hide,
.javascriptMaterialdesignGm3WizTooltipPlain-tooltip--showing,
.javascriptMaterialdesignGm3WizTooltipPlain-tooltip--shown {
  display: inline-flex
}

.javascriptMaterialdesignGm3WizTooltipPlain-tooltip__surface-animation {
  opacity: 0;
  transform: scale(.8);
  will-change: transform, opacity
}

.javascriptMaterialdesignGm3WizTooltipPlain-tooltip--shown .javascriptMaterialdesignGm3WizTooltipPlain-tooltip__surface-animation {
  opacity: 1;
  transform: scale(1)
}

.javascriptMaterialdesignGm3WizTooltipPlain-tooltip--hide .javascriptMaterialdesignGm3WizTooltipPlain-tooltip__surface-animation {
  transform: scale(1)
}

.javascriptMaterialdesignGm3WizTooltipPlain-tooltip--showing-transition .javascriptMaterialdesignGm3WizTooltipPlain-tooltip__surface-animation {
  transition: opacity .15s cubic-bezier(0, 0, .2, 1) 0ms, transform .15s cubic-bezier(0, 0, .2, 1) 0ms
}

.javascriptMaterialdesignGm3WizTooltipPlain-tooltip--hide-transition .javascriptMaterialdesignGm3WizTooltipPlain-tooltip__surface-animation {
  transition: opacity 75ms cubic-bezier(.4, 0, 1, 1) 0ms
}

.javascriptMaterialdesignGm3WizTooltipPlain-tooltip--plain .javascriptMaterialdesignGm3WizTooltipPlain-tooltip__surface {
  max-inline-size: 200px;
  background-color: var(--gm3-tooltip-plain-container-color, var(--gm3-sys-color-inverse-surface, #303030));
  border-radius: var(--gm3-tooltip-plain-container-shape, 4px);
  color: var(--gm3-tooltip-plain-supporting-text-color, var(--gm3-sys-color-inverse-on-surface, #f2f2f2));
  font-family: var(--gm3-tooltip-plain-supporting-text-font, "Google Sans Flex", "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif);
  font-size: var(--gm3-tooltip-plain-supporting-text-size, .75rem);
  font-weight: var(--gm3-tooltip-plain-supporting-text-weight, 400);
  letter-spacing: var(--gm3-tooltip-plain-supporting-text-tracking, .00625rem);
  line-height: var(--gm3-tooltip-plain-supporting-text-line-height, 1rem);
  text-align: center;
  font-variation-settings: var(--gm3-tooltip-plain-supporting-text-font-variation-settings, initial)
}

.javascriptMaterialdesignGm3WizTooltipPlain-tooltip--multiline .javascriptMaterialdesignGm3WizTooltipPlain-tooltip__surface {
  text-align: start
}

.javascriptMaterialdesignGm3WizTooltipPlain-tooltip__hidden-label {
  position: absolute;
  left: -10000px;
  top: auto;
  inline-size: 1px;
  height: 1px;
  overflow: hidden;
  -webkit-user-select: none;
  user-select: none
}

.javascriptMaterialdesignGm3WizFormField {
  font-family: var(--gm3-form-field-label-text-font, "Google Sans", Roboto, Arial, sans-serif);
  line-height: var(--gm3-form-field-label-text-line-height, 1.25rem);
  font-size: var(--gm3-form-field-label-text-size, 1rem);
  font-weight: var(--gm3-form-field-label-text-weight, 400);
  letter-spacing: var(--gm3-form-field-label-text-tracking, .015625em)
}

.javascriptMaterialdesignGm3WizFormField--form-field {
  align-items: center;
  color: var(--gm3-form-field-label-text-color, #1f1f1f);
  cursor: pointer;
  display: inline-flex;
  gap: 8px;
  vertical-align: middle
}

.javascriptMaterialdesignGm3WizFormField--form-field[hidden] {
  display: none
}

.javascriptMaterialdesignGm3WizFormField--label {
  color: var(--gm3-form-field-label-text-color, #1f1f1f);
  font-family: var(--gm3-form-field-label-text-font, "Google Sans", Roboto, Arial, sans-serif);
  font-size: var(--gm3-form-field-label-text-size, 1rem);
  letter-spacing: var(--gm3-form-field-label-text-tracking, .015625em);
  line-height: var(--gm3-form-field-label-text-line-height, 1.25rem);
  margin-inline: 0 auto;
  order: 0;
  padding-inline: var(--gm3-form-field-label-padding-left, 0) var(--gm3-form-field-label-padding-right, 0)
}

.javascriptMaterialdesignGm3WizFormField--align-end .javascriptMaterialdesignGm3WizFormField--label {
  margin-inline: auto 0;
  order: -1
}

.javascriptMaterialdesignGm3WizFormField--space-between {
  justify-content: space-between
}

.javascriptMaterialdesignGm3WizFormField--space-between .javascriptMaterialdesignGm3WizFormField--label {
  margin: 0
}

.javascriptMaterialdesignGm3WizCheckbox-checkbox {
  align-items: center;
  box-sizing: content-box;
  cursor: pointer;
  display: inline-flex;
  flex: unset;
  height: var(--gm3-checkbox-state-layer-size, 40px);
  justify-content: center;
  line-height: 0;
  padding: 0;
  position: relative;
  vertical-align: bottom;
  white-space: nowrap;
  width: var(--gm3-checkbox-state-layer-size, 40px);
  z-index: 0;
  flex-shrink: 0;
  --gm3-ripple-hover-color: var(--gm3-checkbox-unselected-hover-state-layer-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  --gm3-ripple-hover-opacity: var(--gm3-checkbox-unselected-hover-state-layer-opacity, 0.08);
  --gm3-ripple-pressed-color: var(--gm3-checkbox-unselected-pressed-state-layer-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-ripple-pressed-opacity: var(--gm3-checkbox-unselected-pressed-state-layer-opacity, 0.1);
  --gm3-ripple-shape-start-start: 50%;
  --gm3-ripple-shape-start-end: 50%;
  --gm3-ripple-shape-end-end: 50%;
  --gm3-ripple-shape-end-start: 50%;
  --gm3-focus-ring-outward-color: var(--gm3-checkbox-focus-indicator-color, var(--gm3-sys-color-secondary, #00639b));
  --gm3-focus-ring-outward-offset: var(--gm3-checkbox-focus-indicator-outline-offset, 2px);
  --gm3-focus-ring-outward-track-width: var(--gm3-checkbox-focus-indicator-thickness, 3px);
  --gm3-focus-ring-outward-target-shape-start-start: 50%;
  --gm3-focus-ring-outward-target-shape-start-end: 50%;
  --gm3-focus-ring-outward-target-shape-end-end: 50%;
  --gm3-focus-ring-outward-target-shape-end-start: 50%
}

.javascriptMaterialdesignGm3WizCheckbox-checkbox[hidden] {
  display: none
}

.javascriptMaterialdesignGm3WizCheckbox-checkbox--disabled {
  cursor: default;
  pointer-events: none
}

.javascriptMaterialdesignGm3WizCheckbox-checkbox--selected {
  --gm3-ripple-hover-color: var(--gm3-checkbox-selected-hover-state-layer-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-ripple-hover-opacity: var(--gm3-checkbox-selected-hover-state-layer-opacity, 0.08);
  --gm3-ripple-pressed-color: var(--gm3-checkbox-selected-pressed-state-layer-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  --gm3-ripple-pressed-opacity: var(--gm3-checkbox-selected-pressed-state-layer-opacity, 0.1)
}

.javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control:disabled~.javascriptMaterialdesignGm3WizCheckbox-checkbox__ripple {
  --gm3-ripple-hover-opacity: 0;
  --gm3-ripple-pressed-opacity: 0
}

.javascriptMaterialdesignGm3WizCheckbox-checkbox__ripple {
  z-index: -1
}

.javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control:focus-visible~.javascriptMaterialdesignGm3WizCheckbox-checkbox__focusring {
  --gm3-focus-ring-outward-display: block
}

.javascriptMaterialdesignGm3WizCheckbox-checkbox--touch {
  margin: 4px
}

.javascriptMaterialdesignGm3WizCheckbox-checkbox--touch .javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control {
  height: max(var(--gm3-checkbox-touch-target-size, 48px), var(--gm3-checkbox-state-layer-size, 40px));
  left: unset;
  right: unset;
  top: unset;
  width: max(var(--gm3-checkbox-touch-target-size, 48px), var(--gm3-checkbox-state-layer-size, 40px))
}

.javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control {
  cursor: inherit;
  height: var(--gm3-checkbox-state-layer-size, 40px);
  left: 0;
  margin: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: var(--gm3-checkbox-state-layer-size, 40px)
}

.javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control:disabled {
  cursor: default;
  pointer-events: none
}

.javascriptMaterialdesignGm3WizCheckbox-checkbox__background {
  align-items: center;
  background-color: transparent;
  border: 2px solid currentColor;
  box-sizing: border-box;
  display: inline-flex;
  justify-content: center;
  left: unset;
  pointer-events: none;
  position: absolute;
  top: unset;
  border-radius: var(--gm3-checkbox-container-shape, 2px);
  height: var(--gm3-checkbox-container-size, 18px);
  width: var(--gm3-checkbox-container-size, 18px)
}

.javascriptMaterialdesignGm3WizCheckbox-checkbox__checkmark {
  inset: 0;
  box-sizing: border-box;
  opacity: 1;
  padding: 7%;
  position: absolute;
  width: 100%
}

.javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control[aria-checked=mixed]~.javascriptMaterialdesignGm3WizCheckbox-checkbox__background .javascriptMaterialdesignGm3WizCheckbox-checkbox__checkmark {
  opacity: 0;
  transform: rotate(45deg)
}

.javascriptMaterialdesignGm3WizCheckbox-checkbox__checkmark-path {
  stroke-dasharray: 29.7833385;
  stroke-dashoffset: 29.7833385;
  stroke-width: 4px;
  stroke: currentColor
}

.javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control:checked~.javascriptMaterialdesignGm3WizCheckbox-checkbox__background .javascriptMaterialdesignGm3WizCheckbox-checkbox__checkmark-path {
  stroke-dashoffset: 0
}

.javascriptMaterialdesignGm3WizCheckbox-checkbox__mixedmark {
  border-style: solid;
  border-width: 1px;
  height: 0;
  margin-inline: 15%;
  opacity: 0;
  transform: scaleX(0) rotate(0deg);
  width: 100%
}

.javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control[aria-checked=mixed]~.javascriptMaterialdesignGm3WizCheckbox-checkbox__background .javascriptMaterialdesignGm3WizCheckbox-checkbox__mixedmark {
  opacity: 1;
  transform: scaleX(1) rotate(0deg)
}

.javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control:enabled~.javascriptMaterialdesignGm3WizCheckbox-checkbox__background .javascriptMaterialdesignGm3WizCheckbox-checkbox__checkmark {
  color: var(--gm3-checkbox-selected-icon-color, var(--gm3-sys-color-on-primary, #fff))
}

.javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control:enabled~.javascriptMaterialdesignGm3WizCheckbox-checkbox__background .javascriptMaterialdesignGm3WizCheckbox-checkbox__mixedmark {
  background-color: var(--gm3-checkbox-selected-icon-color, var(--gm3-sys-color-on-primary, #fff));
  border-color: var(--gm3-checkbox-selected-icon-color, var(--gm3-sys-color-on-primary, #fff))
}

.javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control:hover~.javascriptMaterialdesignGm3WizCheckbox-checkbox__background .javascriptMaterialdesignGm3WizCheckbox-checkbox__checkmark {
  color: var(--gm3-checkbox-selected-hover-icon-color, var(--gm3-sys-color-on-primary, #fff))
}

.javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control:hover~.javascriptMaterialdesignGm3WizCheckbox-checkbox__background .javascriptMaterialdesignGm3WizCheckbox-checkbox__mixedmark {
  background-color: var(--gm3-checkbox-selected-hover-icon-color, var(--gm3-sys-color-on-primary, #fff));
  border-color: var(--gm3-checkbox-selected-hover-icon-color, var(--gm3-sys-color-on-primary, #fff))
}

.javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control:active~.javascriptMaterialdesignGm3WizCheckbox-checkbox__background .javascriptMaterialdesignGm3WizCheckbox-checkbox__checkmark {
  color: var(--gm3-checkbox-selected-pressed-icon-color, var(--gm3-sys-color-on-primary, #fff))
}

.javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control:active~.javascriptMaterialdesignGm3WizCheckbox-checkbox__background .javascriptMaterialdesignGm3WizCheckbox-checkbox__mixedmark {
  background-color: var(--gm3-checkbox-selected-pressed-icon-color, var(--gm3-sys-color-on-primary, #fff));
  border-color: var(--gm3-checkbox-selected-pressed-icon-color, var(--gm3-sys-color-on-primary, #fff))
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control:enabled~.javascriptMaterialdesignGm3WizCheckbox-checkbox__background .javascriptMaterialdesignGm3WizCheckbox-checkbox__checkmark {
    color: ButtonText
  }

  .javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control:enabled~.javascriptMaterialdesignGm3WizCheckbox-checkbox__background .javascriptMaterialdesignGm3WizCheckbox-checkbox__mixedmark {
    background-color: ButtonText;
    border-color: ButtonText
  }
}

.javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control:disabled~.javascriptMaterialdesignGm3WizCheckbox-checkbox__background .javascriptMaterialdesignGm3WizCheckbox-checkbox__checkmark {
  color: var(--gm3-checkbox-selected-disabled-icon-color, var(--gm3-sys-color-surface, #fff))
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control:disabled~.javascriptMaterialdesignGm3WizCheckbox-checkbox__background .javascriptMaterialdesignGm3WizCheckbox-checkbox__checkmark {
    color: ButtonFace
  }
}

.javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control:disabled~.javascriptMaterialdesignGm3WizCheckbox-checkbox__background .javascriptMaterialdesignGm3WizCheckbox-checkbox__mixedmark {
  background-color: var(--gm3-checkbox-selected-disabled-icon-color, var(--gm3-sys-color-surface, #fff));
  border-color: var(--gm3-checkbox-selected-disabled-icon-color, var(--gm3-sys-color-surface, #fff))
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control:disabled~.javascriptMaterialdesignGm3WizCheckbox-checkbox__background .javascriptMaterialdesignGm3WizCheckbox-checkbox__mixedmark {
    background-color: ButtonFace;
    border-color: ButtonFace
  }
}

.javascriptMaterialdesignGm3WizCheckbox-checkbox__background {
  border-color: var(--gm3-checkbox-unselected-outline-color, var(--gm3-sys-color-on-surface-variant, #444746))
}

.javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control:checked~.javascriptMaterialdesignGm3WizCheckbox-checkbox__background,
.javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control[aria-checked=mixed]~.javascriptMaterialdesignGm3WizCheckbox-checkbox__background {
  background-color: var(--gm3-checkbox-selected-container-color, var(--gm3-sys-color-primary, #0b57d0));
  border-color: var(--gm3-checkbox-selected-container-color, var(--gm3-sys-color-primary, #0b57d0))
}

.javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control:hover~.javascriptMaterialdesignGm3WizCheckbox-checkbox__background {
  border-color: var(--gm3-checkbox-unselected-hover-outline-color, var(--gm3-sys-color-on-surface, #1f1f1f))
}

.javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control:checked:hover~.javascriptMaterialdesignGm3WizCheckbox-checkbox__background,
.javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control[aria-checked=mixed]:hover~.javascriptMaterialdesignGm3WizCheckbox-checkbox__background {
  background-color: var(--gm3-checkbox-selected-hover-container-color, var(--gm3-sys-color-primary, #0b57d0));
  border-color: var(--gm3-checkbox-selected-hover-container-color, var(--gm3-sys-color-primary, #0b57d0))
}

.javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control:active~.javascriptMaterialdesignGm3WizCheckbox-checkbox__background {
  border-color: var(--gm3-checkbox-unselected-pressed-outline-color, var(--gm3-sys-color-on-surface, #1f1f1f))
}

.javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control:checked:active~.javascriptMaterialdesignGm3WizCheckbox-checkbox__background,
.javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control[aria-checked=mixed]:active~.javascriptMaterialdesignGm3WizCheckbox-checkbox__background {
  background-color: var(--gm3-checkbox-selected-pressed-container-color, var(--gm3-sys-color-primary, #0b57d0));
  border-color: var(--gm3-checkbox-selected-pressed-container-color, var(--gm3-sys-color-primary, #0b57d0))
}

.javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control:disabled~.javascriptMaterialdesignGm3WizCheckbox-checkbox__background {
  border-color: var(--gm3-checkbox-unselected-disabled-outline-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  opacity: var(--gm3-checkbox-unselected-disabled-container-opacity, .38)
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control:disabled~.javascriptMaterialdesignGm3WizCheckbox-checkbox__background {
    border-color: GrayText;
    opacity: 1
  }
}

.javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control:checked:disabled~.javascriptMaterialdesignGm3WizCheckbox-checkbox__background,
.javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control[aria-checked=mixed]:disabled~.javascriptMaterialdesignGm3WizCheckbox-checkbox__background {
  background-color: var(--gm3-checkbox-selected-disabled-container-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  border-color: transparent;
  opacity: var(--gm3-checkbox-selected-disabled-container-opacity, .38)
}

@media (forced-colors:active) {

  .javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control:checked:disabled~.javascriptMaterialdesignGm3WizCheckbox-checkbox__background,
  .javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control[aria-checked=mixed]:disabled~.javascriptMaterialdesignGm3WizCheckbox-checkbox__background {
    background-color: GrayText;
    border-color: GrayText;
    opacity: 1
  }
}

.javascriptMaterialdesignGm3WizCheckbox-checkbox__form-field {
  --gm3-form-field-label-text-color: var(--gm3-checkbox-label-text-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  --gm3-form-field-label-text-font: var(--gm3-checkbox-label-text-font, "Google Sans Flex", "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif);
  --gm3-form-field-label-text-size: var(--gm3-checkbox-label-text-size, 1rem);
  --gm3-form-field-label-padding-left: var(--gm3-checkbox-label-leading-space, 0);
  --gm3-form-field-label-padding-right: var(--gm3-checkbox-label-trailing-space, 0)
}

.javascriptMaterialdesignGm3WizCheckbox-checkbox__form-field:has(.javascriptMaterialdesignGm3WizCheckbox-checkbox--disabled) {
  cursor: default
}

.javascriptMaterialdesignGm3WizCheckbox-checkbox__label {
  cursor: inherit;
  font-variation-settings: var(--gm3-checkbox-label-text-font-variation-settings, initial)
}

.javascriptMaterialdesignGm3WizCheckbox-checkbox--disabled~.javascriptMaterialdesignGm3WizCheckbox-checkbox__label {
  --gm3-form-field-label-text-color: var(--gm3-checkbox-disabled-label-text-color, var(--gm3-sys-color-on-surface-variant, #444746))
}

.javascriptMaterialdesignGm3WizCheckbox-checkbox--no-touch~.javascriptMaterialdesignGm3WizCheckbox-checkbox__label {
  --gm3-form-field-label-padding-left: 4px;
  --gm3-form-field-label-padding-right: 0
}

@keyframes checkbox-unchecked-checked-checkmark-path {

  0%,
  50% {
    stroke-dashoffset: 29.7833385
  }

  50% {
    animation-timing-function: cubic-bezier(0, 0, .2, 1)
  }

  to {
    stroke-dashoffset: 0
  }
}

@keyframes checkbox-unchecked-indeterminate-mixedmark {

  0%,
  68.2% {
    transform: scaleX(0)
  }

  68.2% {
    animation-timing-function: cubic-bezier(0, 0, 0, 1)
  }

  to {
    transform: scaleX(1)
  }
}

@keyframes checkbox-checked-unchecked-checkmark-path {
  0% {
    animation-timing-function: cubic-bezier(.4, 0, 1, 1);
    opacity: 1;
    stroke-dashoffset: 0
  }

  to {
    opacity: 0;
    stroke-dashoffset: -29.7833385
  }
}

@keyframes checkbox-checked-indeterminate-checkmark {
  0% {
    animation-timing-function: cubic-bezier(0, 0, .2, 1);
    opacity: 1;
    transform: rotate(0deg)
  }

  to {
    opacity: 0;
    transform: rotate(45deg)
  }
}

@keyframes checkbox-indeterminate-checked-checkmark {
  0% {
    animation-timing-function: cubic-bezier(.14, 0, 0, 1);
    opacity: 0;
    transform: rotate(45deg)
  }

  to {
    opacity: 1;
    transform: rotate(1turn)
  }
}

@keyframes checkbox-checked-indeterminate-mixedmark {
  0% {
    animation-timing-function: cubic-bezier(0, 0, .2, 1);
    opacity: 0;
    transform: rotate(-45deg)
  }

  to {
    opacity: 1;
    transform: rotate(0deg)
  }
}

@keyframes checkbox-indeterminate-checked-mixedmark {
  0% {
    animation-timing-function: cubic-bezier(.14, 0, 0, 1);
    opacity: 1;
    transform: rotate(0deg)
  }

  to {
    opacity: 0;
    transform: rotate(315deg)
  }
}

@keyframes checkbox-indeterminate-unchecked-mixedmark {
  0% {
    animation-timing-function: linear;
    opacity: 1;
    transform: scaleX(1)
  }

  32.8%,
  to {
    opacity: 0;
    transform: scaleX(0)
  }
}

:is(.javascriptMaterialdesignGm3WizCheckbox-checkbox--anim-unchecked-checked, .javascriptMaterialdesignGm3WizCheckbox-checkbox--anim-unchecked-indeterminate, .javascriptMaterialdesignGm3WizCheckbox-checkbox--anim-checked-unchecked, .javascriptMaterialdesignGm3WizCheckbox-checkbox--anim-indeterminate-unchecked) .javascriptMaterialdesignGm3WizCheckbox-checkbox__background {
  animation-duration: .18s;
  animation-timing-function: linear
}

.javascriptMaterialdesignGm3WizCheckbox-checkbox--anim-unchecked-checked .javascriptMaterialdesignGm3WizCheckbox-checkbox__checkmark-path {
  animation: checkbox-unchecked-checked-checkmark-path .18s linear 0s
}

.javascriptMaterialdesignGm3WizCheckbox-checkbox--anim-unchecked-indeterminate .javascriptMaterialdesignGm3WizCheckbox-checkbox__mixedmark {
  animation: checkbox-unchecked-indeterminate-mixedmark 90ms linear 0s
}

.javascriptMaterialdesignGm3WizCheckbox-checkbox--anim-checked-unchecked .javascriptMaterialdesignGm3WizCheckbox-checkbox__checkmark-path {
  animation: checkbox-checked-unchecked-checkmark-path 90ms linear 0s
}

.javascriptMaterialdesignGm3WizCheckbox-checkbox--anim-checked-indeterminate .javascriptMaterialdesignGm3WizCheckbox-checkbox__checkmark {
  animation: checkbox-checked-indeterminate-checkmark 90ms linear 0s
}

.javascriptMaterialdesignGm3WizCheckbox-checkbox--anim-checked-indeterminate .javascriptMaterialdesignGm3WizCheckbox-checkbox__mixedmark {
  animation: checkbox-checked-indeterminate-mixedmark 90ms linear 0s
}

.javascriptMaterialdesignGm3WizCheckbox-checkbox--anim-indeterminate-checked .javascriptMaterialdesignGm3WizCheckbox-checkbox__checkmark {
  animation: checkbox-indeterminate-checked-checkmark .5s linear 0s
}

.javascriptMaterialdesignGm3WizCheckbox-checkbox--anim-indeterminate-checked .javascriptMaterialdesignGm3WizCheckbox-checkbox__mixedmark {
  animation: checkbox-indeterminate-checked-mixedmark .5s linear 0s
}

.javascriptMaterialdesignGm3WizCheckbox-checkbox--anim-indeterminate-unchecked .javascriptMaterialdesignGm3WizCheckbox-checkbox__mixedmark {
  animation: checkbox-indeterminate-unchecked-mixedmark .3s linear 0s
}

@keyframes checkbox-fade-in-background {
  0% {
    border-color: var(--gm3-checkbox-unselected-outline-color, var(--gm3-sys-color-on-surface-variant, #444746));
    background-color: transparent
  }

  50% {
    border-color: var(--gm3-checkbox-selected-container-color, var(--gm3-sys-color-primary, #0b57d0));
    background-color: var(--gm3-checkbox-selected-container-color, var(--gm3-sys-color-primary, #0b57d0))
  }
}

@keyframes checkbox-fade-out-background {

  0%,
  80% {
    border-color: var(--gm3-checkbox-selected-container-color, var(--gm3-sys-color-primary, #0b57d0));
    background-color: var(--gm3-checkbox-selected-container-color, var(--gm3-sys-color-primary, #0b57d0))
  }

  to {
    border-color: var(--gm3-checkbox-unselected-outline-color, var(--gm3-sys-color-on-surface-variant, #444746));
    background-color: transparent
  }
}

@keyframes checkbox-fade-in-background-hover {
  0% {
    border-color: var(--gm3-checkbox-unselected-hover-outline-color, var(--gm3-sys-color-on-surface, #1f1f1f));
    background-color: transparent
  }

  50% {
    border-color: var(--gm3-checkbox-selected-hover-container-color, var(--gm3-sys-color-primary, #0b57d0));
    background-color: var(--gm3-checkbox-selected-hover-container-color, var(--gm3-sys-color-primary, #0b57d0))
  }
}

@keyframes checkbox-fade-out-background-hover {

  0%,
  80% {
    border-color: var(--gm3-checkbox-selected-hover-container-color, var(--gm3-sys-color-primary, #0b57d0));
    background-color: var(--gm3-checkbox-selected-hover-container-color, var(--gm3-sys-color-primary, #0b57d0))
  }

  to {
    border-color: var(--gm3-checkbox-unselected-hover-outline-color, var(--gm3-sys-color-on-surface, #1f1f1f));
    background-color: transparent
  }
}

@keyframes checkbox-fade-in-background-active {
  0% {
    border-color: var(--gm3-checkbox-unselected-pressed-outline-color, var(--gm3-sys-color-on-surface, #1f1f1f));
    background-color: transparent
  }

  50% {
    border-color: var(--gm3-checkbox-selected-pressed-container-color, var(--gm3-sys-color-primary, #0b57d0));
    background-color: var(--gm3-checkbox-selected-pressed-container-color, var(--gm3-sys-color-primary, #0b57d0))
  }
}

@keyframes checkbox-fade-out-background-active {

  0%,
  80% {
    border-color: var(--gm3-checkbox-selected-pressed-container-color, var(--gm3-sys-color-primary, #0b57d0));
    background-color: var(--gm3-checkbox-selected-pressed-container-color, var(--gm3-sys-color-primary, #0b57d0))
  }

  to {
    border-color: var(--gm3-checkbox-unselected-pressed-outline-color, var(--gm3-sys-color-on-surface, #1f1f1f));
    background-color: transparent
  }
}

:is(.javascriptMaterialdesignGm3WizCheckbox-checkbox--anim-unchecked-checked, .javascriptMaterialdesignGm3WizCheckbox-checkbox--anim-unchecked-indeterminate) .javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control~.javascriptMaterialdesignGm3WizCheckbox-checkbox__background {
  animation-name: checkbox-fade-in-background
}

:is(.javascriptMaterialdesignGm3WizCheckbox-checkbox--anim-checked-unchecked, .javascriptMaterialdesignGm3WizCheckbox-checkbox--anim-indeterminate-unchecked) .javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control~.javascriptMaterialdesignGm3WizCheckbox-checkbox__background {
  animation-name: checkbox-fade-out-background
}

:is(.javascriptMaterialdesignGm3WizCheckbox-checkbox--anim-unchecked-checked, .javascriptMaterialdesignGm3WizCheckbox-checkbox--anim-unchecked-indeterminate) .javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control:hover~.javascriptMaterialdesignGm3WizCheckbox-checkbox__background {
  animation-name: checkbox-fade-in-background-hover
}

:is(.javascriptMaterialdesignGm3WizCheckbox-checkbox--anim-checked-unchecked, .javascriptMaterialdesignGm3WizCheckbox-checkbox--anim-indeterminate-unchecked) .javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control:hover~.javascriptMaterialdesignGm3WizCheckbox-checkbox__background {
  animation-name: checkbox-fade-out-background-hover
}

:is(.javascriptMaterialdesignGm3WizCheckbox-checkbox--anim-unchecked-checked, .javascriptMaterialdesignGm3WizCheckbox-checkbox--anim-unchecked-indeterminate) .javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control:active~.javascriptMaterialdesignGm3WizCheckbox-checkbox__background {
  animation-name: checkbox-fade-in-background-active
}

:is(.javascriptMaterialdesignGm3WizCheckbox-checkbox--anim-checked-unchecked, .javascriptMaterialdesignGm3WizCheckbox-checkbox--anim-indeterminate-unchecked) .javascriptMaterialdesignGm3WizCheckbox-checkbox__native-control:active~.javascriptMaterialdesignGm3WizCheckbox-checkbox__background {
  animation-name: checkbox-fade-out-background-active
}

.mdc-touch-target-wrapper {
  display: inline
}

.javascriptMaterialdesignGm3WizRadio-radio {
  display: inline-block;
  position: relative;
  flex: 0 0 auto;
  box-sizing: content-box;
  width: var(--gm3-radio-icon-size, 20px);
  height: var(--gm3-radio-icon-size, 20px);
  cursor: pointer;
  padding: calc((var(--gm3-radio-state-layer-size, 40px) - var(--gm3-radio-icon-size, 20px))/2);
  --gm3-ripple-hover-color: var(--gm3-radio-unselected-hover-state-layer-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  --gm3-ripple-hover-opacity: var(--gm3-radio-unselected-hover-state-layer-opacity, 0.08);
  --gm3-ripple-pressed-color: var(--gm3-radio-unselected-pressed-state-layer-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-ripple-pressed-opacity: var(--gm3-radio-unselected-pressed-state-layer-opacity, 0.1);
  --gm3-ripple-shape-start-start: 50%;
  --gm3-ripple-shape-start-end: 50%;
  --gm3-ripple-shape-end-end: 50%;
  --gm3-ripple-shape-end-start: 50%;
  --gm3-focus-ring-outward-color: var(--gm3-radio-focus-ring-color, var(--gm3-sys-color-secondary, #00639b));
  --gm3-focus-ring-outward-offset: var(--gm3-radio-focus-ring-offset, 2px);
  --gm3-focus-ring-outward-target-shape-start-start: 50%;
  --gm3-focus-ring-outward-target-shape-start-end: 50%;
  --gm3-focus-ring-outward-target-shape-end-end: 50%;
  --gm3-focus-ring-outward-target-shape-end-start: 50%
}

.javascriptMaterialdesignGm3WizRadio-radio--touch {
  margin: 4px
}

.javascriptMaterialdesignGm3WizRadio-radio__background {
  display: inline-block;
  pointer-events: none;
  position: relative;
  box-sizing: border-box;
  width: var(--gm3-radio-icon-size, 20px);
  height: var(--gm3-radio-icon-size, 20px);
  z-index: 1
}

.javascriptMaterialdesignGm3WizRadio-radio__background:before {
  border-radius: 50%;
  content: "";
  height: var(--gm3-radio-state-layer-size, 40px);
  left: calc((var(--gm3-radio-state-layer-size, 40px) - var(--gm3-radio-icon-size, 20px))*-1/2);
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: calc((var(--gm3-radio-state-layer-size, 40px) - var(--gm3-radio-icon-size, 20px))*-1/2);
  transform: scale(0);
  transition: opacity .12s cubic-bezier(.4, 0, .6, 1) 0ms, transform .12s cubic-bezier(.4, 0, .6, 1) 0ms;
  width: var(--gm3-radio-state-layer-size, 40px)
}

.javascriptMaterialdesignGm3WizRadio-radio__native-control:focus+.javascriptMaterialdesignGm3WizRadio-radio__background:before {
  opacity: .12;
  transform: scale(1);
  transition: opacity .12s cubic-bezier(0, 0, .2, 1) 0ms, transform .12s cubic-bezier(0, 0, .2, 1) 0ms
}

.javascriptMaterialdesignGm3WizRadio-radio__outer-circle {
  border-radius: 50%;
  border-style: solid;
  border-width: 2px;
  box-sizing: border-box;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: border-color .12s cubic-bezier(.4, 0, .6, 1) 0ms;
  width: 100%
}

.javascriptMaterialdesignGm3WizRadio-radio__inner-circle {
  border-radius: 50%;
  border-style: solid;
  border-width: calc(var(--gm3-radio-icon-size, 20px)/2);
  box-sizing: border-box;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(0);
  transition: transform .12s cubic-bezier(.4, 0, .6, 1) 0ms, border-color .12s cubic-bezier(.4, 0, .6, 1) 0ms;
  width: 100%
}

.javascriptMaterialdesignGm3WizRadio-radio__native-control {
  cursor: inherit;
  margin: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  z-index: 1
}

.javascriptMaterialdesignGm3WizRadio-radio__native-control:checked~.javascriptMaterialdesignGm3WizRadio-radio__ripple {
  --gm3-ripple-hover-color: var(--gm3-radio-selected-hover-state-layer-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-ripple-hover-opacity: var(--gm3-radio-selected-hover-state-layer-opacity, 0.08);
  --gm3-ripple-pressed-color: var(--gm3-radio-selected-pressed-state-layer-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  --gm3-ripple-pressed-opacity: var(--gm3-radio-selected-pressed-state-layer-opacity, 0.1)
}

.javascriptMaterialdesignGm3WizRadio-radio__native-control:is(:checked, :disabled)+.javascriptMaterialdesignGm3WizRadio-radio__background {
  transition: opacity .12s cubic-bezier(0, 0, .2, 1) 0ms, transform .12s cubic-bezier(0, 0, .2, 1) 0ms
}

.javascriptMaterialdesignGm3WizRadio-radio__native-control:is(:checked, :disabled)+.javascriptMaterialdesignGm3WizRadio-radio__background .javascriptMaterialdesignGm3WizRadio-radio__outer-circle {
  transition: border-color .12s cubic-bezier(0, 0, .2, 1) 0ms
}

.javascriptMaterialdesignGm3WizRadio-radio__native-control:checked+.javascriptMaterialdesignGm3WizRadio-radio__background .javascriptMaterialdesignGm3WizRadio-radio__inner-circle {
  transform: scale(.5)
}

.javascriptMaterialdesignGm3WizRadio-radio__native-control:is(:checked, :disabled)+.javascriptMaterialdesignGm3WizRadio-radio__background .javascriptMaterialdesignGm3WizRadio-radio__inner-circle {
  transition: transform .12s cubic-bezier(0, 0, .2, 1) 0ms, border-color .12s cubic-bezier(0, 0, .2, 1) 0ms
}

.javascriptMaterialdesignGm3WizRadio-radio__native-control:enabled:not(:checked)+.javascriptMaterialdesignGm3WizRadio-radio__background .javascriptMaterialdesignGm3WizRadio-radio__outer-circle {
  border-color: var(--gm3-radio-unselected-icon-color, var(--gm3-sys-color-on-surface-variant, #444746))
}

.javascriptMaterialdesignGm3WizRadio-radio__native-control:enabled:not(:checked):hover+.javascriptMaterialdesignGm3WizRadio-radio__background .javascriptMaterialdesignGm3WizRadio-radio__outer-circle {
  border-color: var(--gm3-radio-unselected-hover-icon-color, var(--gm3-sys-color-on-surface, #1f1f1f))
}

.javascriptMaterialdesignGm3WizRadio-radio__native-control:enabled:not(:checked):focus+.javascriptMaterialdesignGm3WizRadio-radio__background .javascriptMaterialdesignGm3WizRadio-radio__outer-circle {
  border-color: var(--gm3-radio-unselected-focus-icon-color, var(--gm3-sys-color-on-surface, #1f1f1f))
}

.javascriptMaterialdesignGm3WizRadio-radio__native-control:enabled:not(:checked):active+.javascriptMaterialdesignGm3WizRadio-radio__background .javascriptMaterialdesignGm3WizRadio-radio__outer-circle {
  border-color: var(--gm3-radio-unselected-pressed-icon-color, var(--gm3-sys-color-on-surface, #1f1f1f))
}

.javascriptMaterialdesignGm3WizRadio-radio__native-control:enabled:checked+.javascriptMaterialdesignGm3WizRadio-radio__background .javascriptMaterialdesignGm3WizRadio-radio__outer-circle {
  border-color: var(--gm3-radio-selected-icon-color, var(--gm3-sys-color-primary, #0b57d0))
}

.javascriptMaterialdesignGm3WizRadio-radio__native-control:enabled+.javascriptMaterialdesignGm3WizRadio-radio__background .javascriptMaterialdesignGm3WizRadio-radio__inner-circle {
  border-color: var(--gm3-radio-selected-icon-color, var(--gm3-sys-color-primary, #0b57d0));
  background-color: var(--gm3-radio-selected-icon-color, var(--gm3-sys-color-primary, #0b57d0))
}

.javascriptMaterialdesignGm3WizRadio-radio__native-control:enabled:checked:hover+.javascriptMaterialdesignGm3WizRadio-radio__background .javascriptMaterialdesignGm3WizRadio-radio__outer-circle {
  border-color: var(--gm3-radio-selected-hover-icon-color, var(--gm3-sys-color-primary, #0b57d0))
}

.javascriptMaterialdesignGm3WizRadio-radio__native-control:enabled:hover+.javascriptMaterialdesignGm3WizRadio-radio__background .javascriptMaterialdesignGm3WizRadio-radio__inner-circle {
  border-color: var(--gm3-radio-selected-hover-icon-color, var(--gm3-sys-color-primary, #0b57d0));
  background-color: var(--gm3-radio-selected-hover-icon-color, var(--gm3-sys-color-primary, #0b57d0))
}

.javascriptMaterialdesignGm3WizRadio-radio__native-control:enabled:checked:focus+.javascriptMaterialdesignGm3WizRadio-radio__background .javascriptMaterialdesignGm3WizRadio-radio__outer-circle {
  border-color: var(--gm3-radio-selected-focus-icon-color, var(--gm3-sys-color-primary, #0b57d0))
}

.javascriptMaterialdesignGm3WizRadio-radio__native-control:enabled:focus+.javascriptMaterialdesignGm3WizRadio-radio__background .javascriptMaterialdesignGm3WizRadio-radio__inner-circle {
  border-color: var(--gm3-radio-selected-focus-icon-color, var(--gm3-sys-color-primary, #0b57d0));
  background-color: var(--gm3-radio-selected-focus-icon-color, var(--gm3-sys-color-primary, #0b57d0))
}

.javascriptMaterialdesignGm3WizRadio-radio__native-control:enabled:checked:active+.javascriptMaterialdesignGm3WizRadio-radio__background .javascriptMaterialdesignGm3WizRadio-radio__outer-circle {
  border-color: var(--gm3-radio-selected-pressed-icon-color, var(--gm3-sys-color-primary, #0b57d0))
}

.javascriptMaterialdesignGm3WizRadio-radio__native-control:enabled:active+.javascriptMaterialdesignGm3WizRadio-radio__background .javascriptMaterialdesignGm3WizRadio-radio__inner-circle {
  border-color: var(--gm3-radio-selected-pressed-icon-color, var(--gm3-sys-color-primary, #0b57d0));
  background-color: var(--gm3-radio-selected-pressed-icon-color, var(--gm3-sys-color-primary, #0b57d0))
}

.javascriptMaterialdesignGm3WizRadio-radio[hidden] {
  display: none
}

.javascriptMaterialdesignGm3WizRadio-radio--disabled {
  --gm3-ripple-hover-opacity: 0;
  --gm3-ripple-pressed-opacity: 0;
  cursor: default;
  pointer-events: none
}

.javascriptMaterialdesignGm3WizRadio-radio__native-control:disabled+.javascriptMaterialdesignGm3WizRadio-radio__background,
[aria-disabled=true] .javascriptMaterialdesignGm3WizRadio-radio__native-control+.javascriptMaterialdesignGm3WizRadio-radio__background {
  cursor: default
}

.javascriptMaterialdesignGm3WizRadio-radio__native-control:disabled+.javascriptMaterialdesignGm3WizRadio-radio__background .javascriptMaterialdesignGm3WizRadio-radio__inner-circle,
[aria-disabled=true] .javascriptMaterialdesignGm3WizRadio-radio__native-control+.javascriptMaterialdesignGm3WizRadio-radio__background .javascriptMaterialdesignGm3WizRadio-radio__inner-circle {
  border-color: var(--gm3-radio-disabled-selected-icon-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  background-color: var(--gm3-radio-disabled-selected-icon-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  opacity: var(--gm3-radio-disabled-selected-icon-opacity, .38)
}

.javascriptMaterialdesignGm3WizRadio-radio__native-control:disabled:not(:checked)+.javascriptMaterialdesignGm3WizRadio-radio__background .javascriptMaterialdesignGm3WizRadio-radio__outer-circle,
[aria-disabled=true] .javascriptMaterialdesignGm3WizRadio-radio__native-control:not(:checked)+.javascriptMaterialdesignGm3WizRadio-radio__background .javascriptMaterialdesignGm3WizRadio-radio__outer-circle {
  border-color: var(--gm3-radio-disabled-unselected-icon-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  opacity: var(--gm3-radio-disabled-unselected-icon-opacity, .38)
}

.javascriptMaterialdesignGm3WizRadio-radio__native-control:disabled:checked+.javascriptMaterialdesignGm3WizRadio-radio__background .javascriptMaterialdesignGm3WizRadio-radio__outer-circle,
[aria-disabled=true] .javascriptMaterialdesignGm3WizRadio-radio__native-control:checked+.javascriptMaterialdesignGm3WizRadio-radio__background .javascriptMaterialdesignGm3WizRadio-radio__outer-circle {
  border-color: var(--gm3-radio-disabled-selected-icon-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  opacity: var(--gm3-radio-disabled-selected-icon-opacity, .38)
}

.javascriptMaterialdesignGm3WizRadio-radio--touch .javascriptMaterialdesignGm3WizRadio-radio__native-control {
  width: 48px;
  height: 48px;
  left: -4px;
  top: -4px
}

.javascriptMaterialdesignGm3WizRadio-radio--no-touch .javascriptMaterialdesignGm3WizRadio-radio__native-control {
  width: var(--gm3-radio-state-layer-size, 40px);
  height: var(--gm3-radio-state-layer-size, 40px);
  left: 0;
  top: 0
}

.javascriptMaterialdesignGm3WizRadio-radio__native-control:focus-visible~.javascriptMaterialdesignGm3WizRadio-radio__focusring {
  --gm3-focus-ring-outward-display: block
}

.javascriptMaterialdesignGm3WizRadio-radio__background:before {
  background-color: transparent
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizRadio-radio--disabled .javascriptMaterialdesignGm3WizRadio-radio__native-control:is(:disabled, :disabled:checked, :disabled:not(:checked))+.javascriptMaterialdesignGm3WizRadio-radio__background .javascriptMaterialdesignGm3WizRadio-radio__outer-circle {
    border-color: GrayText;
    opacity: 1
  }

  .javascriptMaterialdesignGm3WizRadio-radio--disabled .javascriptMaterialdesignGm3WizRadio-radio__native-control:is(:disabled, :disabled:checked, :disabled:not(:checked))+.javascriptMaterialdesignGm3WizRadio-radio__background .javascriptMaterialdesignGm3WizRadio-radio__inner-circle {
    border-color: GrayText;
    background-color: GrayText;
    opacity: 1
  }

  .javascriptMaterialdesignGm3WizRadio-radio__native-control:enabled+.javascriptMaterialdesignGm3WizRadio-radio__background .javascriptMaterialdesignGm3WizRadio-radio__inner-circle {
    background-color: CanvasText;
    opacity: 1
  }
}

.javascriptMaterialdesignGm3WizRadio-radio__form-field {
  --gm3-form-field-label-text-color: var(--gm3-radio-label-text-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  --gm3-form-field-label-text-font: var(--gm3-radio-label-text-font, "Google Sans Flex", "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif);
  --gm3-form-field-label-text-size: var(--gm3-radio-label-text-size, 1rem);
  --gm3-form-field-label-text-tracking: var(--gm3-radio-label-text-tracking, 0.2px)
}

.javascriptMaterialdesignGm3WizRadio-radio__form-field:has(.javascriptMaterialdesignGm3WizRadio-radio--disabled) {
  cursor: default
}

.javascriptMaterialdesignGm3WizRadio-radio__label {
  cursor: inherit;
  font-variation-settings: var(--gm3-radio-label-text-font-variation-settings, initial)
}

.javascriptMaterialdesignGm3WizRadio-radio--disabled~.javascriptMaterialdesignGm3WizRadio-radio__label {
  --gm3-form-field-label-text-color: var(--gm3-radio-disabled-label-text-color, var(--gm3-sys-color-on-surface-variant, #444746))
}

.javascriptMaterialdesignGm3WizRadio-radio--no-touch~.javascriptMaterialdesignGm3WizRadio-radio__label {
  --gm3-form-field-label-padding-left: 4px;
  --gm3-form-field-label-padding-right: 0
}

.javascriptMaterialdesignGm3WizTextfieldIcon__icon {
  align-self: center;
  cursor: pointer;
  display: flex
}

.javascriptMaterialdesignGm3WizTextfieldIcon__icon:not([tabindex]),
.javascriptMaterialdesignGm3WizTextfieldIcon__icon[tabindex="-1"] {
  cursor: default;
  pointer-events: none
}

.javascriptMaterialdesignGm3WizTextfieldIcon__icon svg {
  display: block
}

.javascriptMaterialdesignGm3WizTextfieldIcon__icon.javascriptMaterialdesignGm3WizTextfieldIcon__icon--leading {
  color: var(--gm3-text-field-icon-leading-icon-color, unset);
  margin-inline-end: var(--gm3-text-field-icon-with-leading-icon-icon-label-text-space, unset);
  order: var(--gm3-text-field-icon-leading-icon-order, unset);
  font-size: var(--gm3-text-field-icon-leading-icon-size, unset)
}

.javascriptMaterialdesignGm3WizTextfieldIcon__icon--leading svg {
  height: var(--gm3-text-field-icon-leading-icon-size, unset);
  width: var(--gm3-text-field-icon-leading-icon-size, unset)
}

.javascriptMaterialdesignGm3WizTextfieldIcon__icon.javascriptMaterialdesignGm3WizTextfieldIcon__icon--trailing {
  color: var(--gm3-text-field-icon-trailing-icon-color, unset);
  order: var(--gm3-text-field-icon-trailing-icon-order, unset);
  font-size: var(--gm3-text-field-icon-trailing-icon-size, unset)
}

.javascriptMaterialdesignGm3WizTextfieldIcon__icon--trailing svg {
  height: var(--gm3-text-field-icon-trailing-icon-size, unset);
  width: var(--gm3-text-field-icon-trailing-icon-size, unset)
}

.javascriptMaterialdesignGm3WizTextfieldIcon__icon--trailing {
  padding: calc((48px - var(--gm3-text-field-icon-trailing-icon-size, unset))/2);
  margin-inline: min(var(--gm3-text-field-icon-with-trailing-icon-icon-label-text-space, unset), var(--gm3-text-field-icon-with-trailing-icon-icon-label-text-space, unset) - (48px - var(--gm3-text-field-icon-trailing-icon-size, unset))/2) min(var(--gm3-text-field-icon-with-trailing-icon-trailing-space, unset), var(--gm3-text-field-icon-with-trailing-icon-trailing-space, unset) - (48px - var(--gm3-text-field-icon-trailing-icon-size, unset))/2)
}

[dir=rtl] .javascriptMaterialdesignGm3WizTextfieldIcon__icon--trailing:is(i) {
  margin-inline: min(var(--gm3-text-field-icon-with-trailing-icon-trailing-space, unset), var(--gm3-text-field-icon-with-trailing-icon-trailing-space, unset) - (48px - var(--gm3-text-field-icon-trailing-icon-size, unset))/2) min(var(--gm3-text-field-icon-with-trailing-icon-icon-label-text-space, unset), var(--gm3-text-field-icon-with-trailing-icon-icon-label-text-space, unset) - (48px - var(--gm3-text-field-icon-trailing-icon-size, unset))/2)
}

[dir=rtl] .javascriptMaterialdesignGm3WizTextfieldIcon__icon--leading:is(i) {
  margin-inline-start: var(--gm3-text-field-icon-with-leading-icon-icon-label-text-space, unset);
  margin-inline-end: unset
}

.javascriptMaterialdesignGm3WizChipShared-chip {
  position: relative;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  height: var(--gm3-chip-shared-container-height, 32px);
  isolation: isolate;
  --gm3-ripple-shape-start-start: var(--gm3-chip-shared-container-shape-start-start, 8px);
  --gm3-ripple-shape-start-end: var(--gm3-chip-shared-container-shape-start-end, 8px);
  --gm3-ripple-shape-end-end: var(--gm3-chip-shared-container-shape-end-end, 8px);
  --gm3-ripple-shape-end-start: var(--gm3-chip-shared-container-shape-end-start, 8px);
  --gm3-focus-ring-outward-color: var(--gm3-chip-shared-focus-indicator-color, var(--gm3-sys-color-secondary, #00639b));
  --gm3-focus-ring-outward-offset: var(--gm3-chip-shared-focus-indicator-outline-offset, 2px);
  --gm3-focus-ring-outward-track-width: var(--gm3-chip-shared-focus-indicator-thickness, 3px);
  --gm3-focus-ring-outward-target-shape-start-start: var(--gm3-chip-shared-container-shape-start-start, 8px);
  --gm3-focus-ring-outward-target-shape-start-end: var(--gm3-chip-shared-container-shape-start-end, 8px);
  --gm3-focus-ring-outward-target-shape-end-end: var(--gm3-chip-shared-container-shape-end-end, 8px);
  --gm3-focus-ring-outward-target-shape-end-start: var(--gm3-chip-shared-container-shape-end-start, 8px)
}

.javascriptMaterialdesignGm3WizChipShared-chip,
.javascriptMaterialdesignGm3WizChipShared-chip__action--primary:before {
  border-start-start-radius: var(--gm3-chip-shared-container-shape-start-start, 8px);
  border-start-end-radius: var(--gm3-chip-shared-container-shape-start-end, 8px);
  border-end-end-radius: var(--gm3-chip-shared-container-shape-end-end, 8px);
  border-end-start-radius: var(--gm3-chip-shared-container-shape-end-start, 8px)
}

.javascriptMaterialdesignGm3WizChipShared-chip:not(.javascriptMaterialdesignGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3WizChipShared-chip__action--primary:focus-visible {
  --gm3-focus-ring-outward-display: block
}

.javascriptMaterialdesignGm3WizChipShared-chip--flat .javascriptMaterialdesignGm3WizChipShared-chip__action--primary:before {
  border-style: solid
}

.javascriptMaterialdesignGm3WizChipShared-chip__cell {
  height: 100%;
  display: inline-flex;
  align-items: center
}

.javascriptMaterialdesignGm3WizChipShared-chip__cell--primary {
  overflow-x: hidden;
  min-width: 54px;
  justify-content: center
}

.javascriptMaterialdesignGm3WizChipShared-chip__action {
  height: 100%;
  display: inline-flex;
  align-items: center;
  background: none;
  border: none;
  box-sizing: content-box;
  cursor: pointer;
  justify-content: center;
  outline: none;
  padding: 0;
  text-decoration: none;
  color: inherit
}

.javascriptMaterialdesignGm3WizChipShared-chip__action--presentational {
  cursor: auto
}

.javascriptMaterialdesignGm3WizChipShared-chip--disabled,
.javascriptMaterialdesignGm3WizChipShared-chip__action:is(:disabled, [aria-disabled=true]) {
  pointer-events: none
}

.javascriptMaterialdesignGm3WizChipShared-chip__action--primary {
  overflow-x: hidden
}

.javascriptMaterialdesignGm3WizChipShared-chip:not(.javascriptMaterialdesignGm3WizChipShared-chip--with-primary-graphic) .javascriptMaterialdesignGm3WizChipShared-chip__action--primary {
  padding-inline-start: var(--gm3-chip-shared-leading-space, 16px)
}

.javascriptMaterialdesignGm3WizChipShared-chip:not(.javascriptMaterialdesignGm3WizChipShared-chip--with-trailing-action) .javascriptMaterialdesignGm3WizChipShared-chip__action--primary {
  padding-inline-end: var(--gm3-chip-shared-trailing-space, 16px)
}

.javascriptMaterialdesignGm3WizChipShared-chip--with-primary-graphic .javascriptMaterialdesignGm3WizChipShared-chip__graphic {
  padding-inline: var(--gm3-chip-shared-with-leading-icon-leading-space, 8px) var(--gm3-chip-shared-with-icon-icon-label-space, 8px)
}

.javascriptMaterialdesignGm3WizChipShared-chip--with-trailing-action .javascriptMaterialdesignGm3WizChipShared-chip__action--trailing {
  padding-inline: var(--gm3-chip-shared-with-icon-icon-label-space, 8px) var(--gm3-chip-shared-with-trailing-icon-trailing-space, 8px)
}

.javascriptMaterialdesignGm3WizChipShared-chip__action--primary:before {
  box-sizing: border-box;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  pointer-events: none;
  top: 0;
  width: 100%;
  z-index: 1
}

.javascriptMaterialdesignGm3WizChipShared-chip__action-touch {
  position: absolute;
  top: 50%;
  height: 48px;
  left: 0;
  right: 0;
  transform: translateY(-50%)
}

.javascriptMaterialdesignGm3WizChipShared-chip__action-link-wrapper {
  height: 100%;
  display: inline-flex;
  overflow-x: hidden
}

.javascriptMaterialdesignGm3WizChipShared-chip__text-label {
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  text-overflow: ellipsis;
  overflow: hidden;
  font-family: var(--gm3-chip-shared-label-text-font, "Google Sans", Roboto, Arial, sans-serif);
  line-height: var(--gm3-chip-shared-label-text-line-height, 1.25rem);
  font-size: var(--gm3-chip-shared-label-text-size, .875rem);
  font-weight: var(--gm3-chip-shared-label-text-weight, 500);
  letter-spacing: var(--gm3-chip-shared-label-text-tracking, 0)
}

.javascriptMaterialdesignGm3WizChipShared-chip--disabled .javascriptMaterialdesignGm3WizChipShared-chip__text-label {
  color: var(--gm3-chip-shared-disabled-label-text-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .38))
}

.javascriptMaterialdesignGm3WizChipShared-chip__graphic {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  overflow: hidden;
  pointer-events: none;
  position: relative;
  flex: 1 0 auto
}

.javascriptMaterialdesignGm3WizChipShared-chip__graphic,
.javascriptMaterialdesignGm3WizChipShared-chip__icon--primary {
  height: var(--gm3-chip-shared-with-icon-icon-size, 18px);
  width: var(--gm3-chip-shared-with-icon-icon-size, 18px);
  font-size: var(--gm3-chip-shared-with-icon-icon-size, 18px)
}

@keyframes gm3-chip-enter {
  0% {
    transform: scale(.8);
    opacity: .4
  }

  to {
    transform: scale(1);
    opacity: 1
  }
}

.javascriptMaterialdesignGm3WizChipShared-chip--enter {
  animation: gm3-chip-enter .1s cubic-bezier(0, 0, .2, 1)
}

@keyframes gm3-chip-exit {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

.javascriptMaterialdesignGm3WizChipShared-chip--exit {
  animation: gm3-chip-exit 75ms cubic-bezier(.4, 0, 1, 1)
}

.javascriptMaterialdesignGm3WizChipShared-chip--hidden {
  opacity: 0;
  pointer-events: none;
  transition: width .15s cubic-bezier(.4, 0, 1, 1)
}

.javascriptMaterialdesignGm3WizChipShared-chip__display-contents {
  display: contents
}

.javascriptMaterialdesignGm3WizChipShared-chip__graphic,
.javascriptMaterialdesignGm3WizChipShared-chip__icon,
.javascriptMaterialdesignGm3WizChipShared-chip__text-label {
  z-index: 1
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizChipShared-chip--disabled {
    background-color: Canvas
  }

  .javascriptMaterialdesignGm3WizChipShared-chip--disabled .javascriptMaterialdesignGm3WizChipShared-chip__icon--primary,
  .javascriptMaterialdesignGm3WizChipShared-chip--disabled .javascriptMaterialdesignGm3WizChipShared-chip__text-label {
    color: GrayText
  }

  .javascriptMaterialdesignGm3WizChipShared-chip--disabled .javascriptMaterialdesignGm3WizChipShared-chip__icon--primary:has(svg, img) {
    opacity: 1
  }

  .javascriptMaterialdesignGm3WizChipShared-chip__action--primary:before {
    border-color: CanvasText
  }

  .javascriptMaterialdesignGm3WizChipShared-chip__action-link-wrapper .javascriptMaterialdesignGm3WizChipShared-chip__action--primary:before {
    border-color: LinkText
  }

  .javascriptMaterialdesignGm3WizChipShared-chip--disabled .javascriptMaterialdesignGm3WizChipShared-chip__action--primary:before {
    border-color: GrayText
  }

  .javascriptMaterialdesignGm3WizChipShared-chip--elevated .javascriptMaterialdesignGm3WizChipShared-chip__action--primary:before {
    border-style: solid;
    border-width: 1px
  }
}

.javascriptMaterialdesignGm3WizChipInputWithoutAvatarEl {
  --gm3-chip-shared-leading-space: var(--gm3-chip-input-without-avatar-leading-space, 12px);
  --gm3-chip-shared-trailing-space: var(--gm3-chip-input-without-avatar-trailing-space, 12px)
}

@media (forced-colors:none) {
  .javascriptMaterialdesignGm3WizChipInputWithoutAvatarEl {
    --gm3-ripple-hover-color: var(--gm3-chip-input-without-avatar-hover-state-layer-color, var(--gm3-sys-color-on-surface-variant, #444746));
    --gm3-ripple-hover-opacity: var(--gm3-chip-input-without-avatar-hover-state-layer-opacity, 0.08);
    --gm3-ripple-pressed-color: var(--gm3-chip-input-without-avatar-pressed-state-layer-color, var(--gm3-sys-color-on-surface-variant, #444746));
    --gm3-ripple-pressed-opacity: var(--gm3-chip-input-without-avatar-pressed-state-layer-opacity, 0.1)
  }

  .javascriptMaterialdesignGm3WizChipInputWithoutAvatarEl .javascriptMaterialdesignGm3WizChipShared-chip__icon--primary {
    color: var(--gm3-chip-input-without-avatar-with-icon-icon-color, var(--gm3-sys-color-on-surface-variant, #444746))
  }

  .javascriptMaterialdesignGm3WizChipInputWithoutAvatarEl.javascriptMaterialdesignGm3WizChipShared-chip--disabled .javascriptMaterialdesignGm3WizChipShared-chip__icon--primary {
    color: var(--gm3-chip-input-without-avatar-with-icon-disabled-icon-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .38))
  }

  .javascriptMaterialdesignGm3WizChipInputWithoutAvatarEl:not(.javascriptMaterialdesignGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3WizChipShared-chip__action--primary-interactive:hover .javascriptMaterialdesignGm3WizChipShared-chip__icon--primary {
    color: var(--gm3-chip-input-without-avatar-with-icon-hover-icon-color, var(--gm3-sys-color-primary, #0b57d0))
  }

  .javascriptMaterialdesignGm3WizChipInputWithoutAvatarEl:not(.javascriptMaterialdesignGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3WizChipShared-chip__action--primary-interactive:focus .javascriptMaterialdesignGm3WizChipShared-chip__icon--primary {
    color: var(--gm3-chip-input-without-avatar-with-icon-focus-icon-color, var(--gm3-sys-color-primary, #0b57d0))
  }

  .javascriptMaterialdesignGm3WizChipInputWithoutAvatarEl:not(.javascriptMaterialdesignGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3WizChipShared-chip__action--primary-interactive:active .javascriptMaterialdesignGm3WizChipShared-chip__icon--primary {
    color: var(--gm3-chip-input-without-avatar-with-icon-pressed-icon-color, var(--gm3-sys-color-primary, #0b57d0))
  }

  .javascriptMaterialdesignGm3WizChipInputWithoutAvatarEl.javascriptMaterialdesignGm3WizChipShared-chip--disabled .javascriptMaterialdesignGm3WizChipShared-chip__icon--primary:has(svg, img) {
    opacity: var(--gm3-chip-input-without-avatar-with-icon-disabled-icon-opacity, .38)
  }

  .javascriptMaterialdesignGm3WizChipInputWithoutAvatarEl:not(.javascriptMaterialdesignGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3WizChipShared-chip__text-label {
    color: var(--gm3-chip-input-without-avatar-label-text-color, var(--gm3-sys-color-on-surface-variant, #444746))
  }

  .javascriptMaterialdesignGm3WizChipInputWithoutAvatarEl:not(.javascriptMaterialdesignGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3WizChipShared-chip__action--primary-interactive:hover .javascriptMaterialdesignGm3WizChipShared-chip__text-label {
    color: var(--gm3-chip-input-without-avatar-hover-label-text-color, var(--gm3-sys-color-on-surface-variant, #444746))
  }

  .javascriptMaterialdesignGm3WizChipInputWithoutAvatarEl:not(.javascriptMaterialdesignGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3WizChipShared-chip__action--primary-interactive:focus .javascriptMaterialdesignGm3WizChipShared-chip__text-label {
    color: var(--gm3-chip-input-without-avatar-focus-label-text-color, var(--gm3-sys-color-on-surface-variant, #444746))
  }

  .javascriptMaterialdesignGm3WizChipInputWithoutAvatarEl:not(.javascriptMaterialdesignGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3WizChipShared-chip__action--primary-interactive:active .javascriptMaterialdesignGm3WizChipShared-chip__text-label {
    color: var(--gm3-chip-input-without-avatar-pressed-label-text-color, var(--gm3-sys-color-on-surface-variant, #444746))
  }
}

.javascriptMaterialdesignGm3WizChipInputWithoutAvatarEl .javascriptMaterialdesignGm3WizChipShared-chip__cell--trailing {
  flex: 1 0 auto
}

.javascriptMaterialdesignGm3WizChipInputWithoutAvatarEl .javascriptMaterialdesignGm3WizChipShared-chip__action--trailing {
  position: relative;
  overflow: visible;
  --gm3-focus-ring-outward-offset: -4.5px;
  --gm3-focus-ring-outward-target-shape-start-start: 24px;
  --gm3-focus-ring-outward-target-shape-start-end: 24px;
  --gm3-focus-ring-outward-target-shape-end-end: 24px;
  --gm3-focus-ring-outward-target-shape-end-start: 24px
}

.javascriptMaterialdesignGm3WizChipInputWithoutAvatarEl .javascriptMaterialdesignGm3WizChipShared-chip__action--trailing-wrapper {
  height: 100%
}

.javascriptMaterialdesignGm3WizChipInputWithoutAvatarEl .javascriptMaterialdesignGm3WizChipShared-chip__action--trailing:focus-visible {
  --gm3-focus-ring-outward-display: block
}

.javascriptMaterialdesignGm3WizChipInputWithoutAvatarEl .javascriptMaterialdesignGm3WizChipShared-chip__icon--trailing {
  height: 18px;
  width: 18px;
  font-size: 18px;
  color: var(--gm3-chip-input-without-avatar-with-trailing-icon-trailing-icon-color, var(--gm3-sys-color-on-surface-variant, #444746))
}

.javascriptMaterialdesignGm3WizChipInputWithoutAvatarEl .javascriptMaterialdesignGm3WizChipShared-chip__action--trailing:disabled .javascriptMaterialdesignGm3WizChipShared-chip__icon--trailing {
  color: var(--gm3-chip-input-without-avatar-with-trailing-icon-disabled-trailing-icon-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .38))
}

.javascriptMaterialdesignGm3WizChipInputWithoutAvatarEl .javascriptMaterialdesignGm3WizChipShared-chip__action--trailing:hover .javascriptMaterialdesignGm3WizChipShared-chip__icon--trailing {
  color: var(--gm3-chip-input-without-avatar-with-trailing-icon-hover-trailing-icon-color, var(--gm3-sys-color-on-surface-variant, #444746))
}

.javascriptMaterialdesignGm3WizChipInputWithoutAvatarEl .javascriptMaterialdesignGm3WizChipShared-chip__action--trailing:focus .javascriptMaterialdesignGm3WizChipShared-chip__icon--trailing {
  color: var(--gm3-chip-input-without-avatar-with-trailing-icon-focus-trailing-icon-color, var(--gm3-sys-color-on-surface-variant, #444746))
}

.javascriptMaterialdesignGm3WizChipInputWithoutAvatarEl .javascriptMaterialdesignGm3WizChipShared-chip__action--trailing:not(:disabled):active .javascriptMaterialdesignGm3WizChipShared-chip__icon--trailing {
  color: var(--gm3-chip-input-without-avatar-with-trailing-icon-pressed-trailing-icon-color, var(--gm3-sys-color-on-surface-variant, #444746))
}

.javascriptMaterialdesignGm3WizChipInputWithoutAvatarEl .javascriptMaterialdesignGm3WizChipShared-chip__action--trailing .javascriptMaterialdesignGm3WizChipShared-chip__action-touch {
  width: 48px;
  left: 50%;
  transform: translate(-50%, -50%)
}

.javascriptMaterialdesignGm3WizChipInputWithoutAvatarEl .javascriptMaterialdesignGm3WizChipShared-chip__ripple--trailing {
  height: 24px;
  width: 24px;
  border-radius: 24px;
  top: 50%;
  transform: translateY(-50%);
  left: auto
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizChipInputWithoutAvatarEl .javascriptMaterialdesignGm3WizChipShared-chip__action--trailing:disabled .javascriptMaterialdesignGm3WizChipShared-chip__icon--trailing {
    color: GrayText
  }
}

.javascriptMaterialdesignGm3WizChipInputWithoutAvatarEl .javascriptMaterialdesignGm3WizChipShared-chip__action--primary:before {
  border-width: var(--gm3-chip-input-without-avatar-outline-width, 1px)
}

@media (forced-colors:none) {
  .javascriptMaterialdesignGm3WizChipInputWithoutAvatarEl .javascriptMaterialdesignGm3WizChipShared-chip__action--primary:before {
    border-color: var(--gm3-chip-input-without-avatar-outline-color, var(--gm3-sys-color-outline, #747775))
  }

  .javascriptMaterialdesignGm3WizChipInputWithoutAvatarEl .javascriptMaterialdesignGm3WizChipShared-chip__action--primary-interactive:focus:before {
    border-color: var(--gm3-chip-input-without-avatar-focus-outline-color, var(--gm3-sys-color-on-surface-variant, #444746))
  }

  .javascriptMaterialdesignGm3WizChipInputWithoutAvatarEl.javascriptMaterialdesignGm3WizChipShared-chip--disabled .javascriptMaterialdesignGm3WizChipShared-chip__action--primary:before {
    border-color: var(--gm3-chip-input-without-avatar-disabled-outline-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .12))
  }
}

.materialdesignWizIconSvgsSvgIcon {
  fill: currentColor;
  flex-shrink: 0
}

[dir=rtl] .materialdesignWizIconSvgsRtlIcon {
  transform: scaleX(-1)
}

.javascriptMaterialdesignGm3WizBadge-badge {
  position: relative;
  background-color: var(--gm3-badge-color, var(--gm3-sys-color-error, #b3261e));
  border-end-end-radius: var(--gm3-badge-shape-end-end, 9999px);
  border-end-start-radius: var(--gm3-badge-shape-end-start, 9999px);
  border-start-end-radius: var(--gm3-badge-shape-start-end, 9999px);
  border-start-start-radius: var(--gm3-badge-shape-start-start, 9999px);
  height: var(--gm3-badge-size, 6px);
  width: var(--gm3-badge-size, 6px)
}

.javascriptMaterialdesignGm3WizBadge-badge--anchored {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0
}

.javascriptMaterialdesignGm3WizBadge-badge--large-and-anchored {
  inset-block: auto calc(50% - 2px);
  inset-inline: 50% auto
}

.javascriptMaterialdesignGm3WizBadge-badge--large {
  align-items: center;
  display: flex;
  justify-content: center;
  width: auto;
  background-color: var(--gm3-badge-large-color, var(--gm3-sys-color-error, #b3261e));
  border-end-end-radius: var(--gm3-badge-large-shape-end-end, 9999px);
  border-end-start-radius: var(--gm3-badge-large-shape-end-start, 9999px);
  border-start-end-radius: var(--gm3-badge-large-shape-start-end, 9999px);
  border-start-start-radius: var(--gm3-badge-large-shape-start-start, 9999px);
  height: var(--gm3-badge-large-size, 16px);
  min-width: var(--gm3-badge-large-size, 16px)
}

.javascriptMaterialdesignGm3WizBadge-badge__value {
  margin: 0 4px;
  color: var(--gm3-badge-large-label-text-color, var(--gm3-sys-color-on-error, #fff));
  font-family: var(--gm3-badge-large-label-text-font, "Google Sans Flex", "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif);
  font-size: var(--gm3-badge-large-label-text-size, .6875rem);
  font-weight: var(--gm3-badge-large-label-text-weight, 500);
  letter-spacing: var(--gm3-badge-large-label-text-tracking, .00625rem);
  line-height: var(--gm3-badge-large-label-text-line-height, 1rem);
  font-variation-settings: var(--gm3-badge-large-label-text-font-variation-settings, initial)
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizBadge-badge {
    background-color: ButtonText
  }

  .javascriptMaterialdesignGm3WizBadge-badge--large {
    background-color: ButtonFace;
    border: 1px solid ButtonText;
    box-sizing: border-box
  }
}

.javascriptMaterialdesignGm3WizMenu-menu {
  background-color: var(--gm3-menu-container-color, var(--gm3-sys-color-surface-container, #f0f4f9));
  border-radius: var(--gm3-menu-container-shape, 4px);
  --gm3-menu-surface-container-elevation: var(--gm3-menu-container-elevation, 2);
  --gm3-menu-surface-container-shadow-color: var(--gm3-menu-container-shadow-color, var(--gm3-sys-color-shadow, #000))
}

.javascriptMaterialdesignGm3WizMenu-menu--show-accelerator-hints {
  --gm3-list-menu-item-accelerator-hint-text-decoration: underline;
  --gm3-list-menu-item-accelerator-hint-parenthetical-display: inline
}

.javascriptMaterialdesignGm3WizMenu-menu-item--selected {
  background-color: var(--gm3-menu-list-item-selected-container-color, var(--gm3-sys-color-surface-variant, #e1e3e1))
}

.javascriptMaterialdesignGm3WizMenu-menu-item__submenu-indicator {
  color: var(--gm3-menu-cascading-menu-indicator-icon-color, var(--gm3-sys-color-on-surface-variant, #444746));
  font-size: var(--gm3-menu-cascading-menu-indicator-icon-size, 24px);
  width: var(--gm3-menu-cascading-menu-indicator-icon-size, 24px);
  height: var(--gm3-menu-cascading-menu-indicator-icon-size, 24px)
}

.javascriptMaterialdesignGm3WizMenu-menu {
  --gm3-list-list-item-disabled-leading-icon-color: var(--gm3-menu-list-item-with-leading-icon-disabled-leading-icon-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  --gm3-list-list-item-disabled-leading-icon-opacity: var(--gm3-menu-list-item-with-leading-icon-disabled-leading-icon-opacity, 0.38);
  --gm3-list-list-item-hover-leading-icon-icon-color: var(--gm3-menu-list-item-with-leading-icon-hover-icon-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-list-list-item-leading-icon-size: var(--gm3-menu-list-item-with-leading-icon-leading-icon-size, 24px);
  --gm3-list-list-item-selected-trailing-icon-color: var(--gm3-menu-list-item-selected-with-leading-icon-trailing-icon-color, var(--gm3-sys-color-on-secondary-container, #001d35));
  --gm3-list-list-item-leading-icon-color: var(--gm3-menu-menu-list-item-with-leading-icon-icon-color, var(--gm3-sys-color-on-secondary-container, #001d35));
  --gm3-list-list-item-trailing-icon-size: var(--gm3-menu-cascading-menu-indicator-icon-size, 24px);
  --gm3-list-list-item-trailing-icon-color: var(--gm3-menu-cascading-menu-indicator-icon-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-list-list-item-container-color: transparent;
  --gm3-list-list-item-leading-space: 12px;
  --gm3-list-list-item-trailing-space: 12px;
  --gm3-list-list-item-selected-label-text-weight: 500;
  --gm3-list-list-item-selected-label-text-color: var(--gm3-menu-list-item-selected-label-text-color, var(--gm3-sys-color-on-secondary-container, #001d35));
  --gm3-list-list-item-supporting-text-color: var(--gm3-menu-list-item-supporting-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-list-list-item-supporting-text-font: var(--gm3-menu-list-item-supporting-text-font, "Google Sans Flex", "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif);
  --gm3-list-list-item-supporting-text-line-height: var(--gm3-menu-list-item-supporting-text-line-height, 1.25rem);
  --gm3-list-list-item-supporting-text-size: var(--gm3-menu-list-item-supporting-text-size, 0.875rem);
  --gm3-list-list-item-supporting-text-tracking: var(--gm3-menu-list-item-supporting-text-tracking, 0rem);
  --gm3-list-list-item-supporting-text-weight: var(--gm3-menu-list-item-supporting-text-weight, 400);
  --gm3-list-list-item-trailing-supporting-text-color: var(--gm3-menu-list-item-trailing-supporting-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-list-list-item-trailing-supporting-text-font: var(--gm3-menu-list-item-trailing-supporting-text-font, "Google Sans Flex", "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif);
  --gm3-list-list-item-trailing-supporting-text-line-height: var(--gm3-menu-list-item-trailing-supporting-text-line-height, 1rem);
  --gm3-list-list-item-trailing-supporting-text-size: var(--gm3-menu-list-item-trailing-supporting-text-size, 0.6875rem);
  --gm3-list-list-item-trailing-supporting-text-tracking: var(--gm3-menu-list-item-trailing-supporting-text-tracking, 0.00625rem);
  --gm3-list-list-item-trailing-supporting-text-weight: var(--gm3-menu-list-item-trailing-supporting-text-weight, 500);
  --gm3-list-divider-color: var(--gm3-menu-divider-color, var(--gm3-sys-color-surface-variant, #e1e3e1));
  --gm3-list-list-item-disabled-label-text-color: var(--gm3-menu-list-item-disabled-label-text-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  --gm3-list-list-item-disabled-supporting-text-color: var(--gm3-menu-list-item-disabled-supporting-text-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  --gm3-list-list-item-disabled-supporting-text-opacity: var(--gm3-menu-list-item-disabled-supporting-text-opacity, 0.38);
  --gm3-list-list-item-disabled-trailing-supporting-text-color: var(--gm3-menu-list-item-disabled-trailing-supporting-text-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  --gm3-list-list-item-disabled-trailing-supporting-text-opacity: var(--gm3-menu-list-item-disabled-trailing-supporting-text-opacity, 0.38);
  --gm3-list-list-item-focus-label-text-color: var(--gm3-menu-list-item-focus-label-text-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  --gm3-list-list-item-hover-label-text-color: var(--gm3-menu-list-item-hover-label-text-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  --gm3-list-list-item-hover-state-layer-color: var(--gm3-menu-list-item-hover-state-layer-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  --gm3-list-list-item-hover-state-layer-opacity: var(--gm3-menu-list-item-hover-state-layer-opacity, 0.08);
  --gm3-list-list-item-label-text-color: var(--gm3-menu-list-item-label-text-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  --gm3-list-list-item-label-text-font: var(--gm3-menu-list-item-label-text-font, "Google Sans Flex", "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif);
  --gm3-list-list-item-label-text-line-height: var(--gm3-menu-list-item-label-text-line-height, 1.25rem);
  --gm3-list-list-item-label-text-size: var(--gm3-menu-list-item-label-text-size, 0.875rem);
  --gm3-list-list-item-label-text-tracking: var(--gm3-menu-list-item-label-text-tracking, 0rem);
  --gm3-list-list-item-label-text-weight: var(--gm3-menu-list-item-label-text-weight, 500);
  --gm3-list-list-item-selected-container-color: var(--gm3-menu-list-item-selected-container-color, var(--gm3-sys-color-surface-variant, #e1e3e1));
  --gm3-list-divider-height: var(--gm3-menu-divider-height, 1px);
  --gm3-list-list-item-disabled-label-text-opacity: var(--gm3-menu-list-item-disabled-label-text-opacity, 0.38);
  --gm3-list-list-item-label-text-font-variation-settings: var(--gm3-menu-list-item-label-text-font-variation-settings, initial);
  --gm3-list-list-item-supporting-text-font-variation-settings: var(--gm3-menu-list-item-supporting-text-font-variation-settings, initial);
  --gm3-list-list-item-trailing-supporting-text-font-variation-settings: var(--gm3-menu-list-item-trailing-supporting-text-font-variation-settings, initial);
  padding-block: 0
}

.javascriptMaterialdesignGm3WizMenu-menu__list {
  line-height: 1;
  font-size: 1rem;
  position: relative;
  border-radius: inherit
}

.javascriptMaterialdesignGm3WizMenu-menu__list:before {
  position: absolute;
  box-sizing: border-box;
  inset: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none
}

.javascriptMaterialdesignGm3WizMenu-menu__list .mdc-elevation-overlay {
  inset: 0
}

.javascriptMaterialdesignGm3WizMenu-menu__item--with-one-line {
  min-height: var(--gm3-menu-list-item-container-height, 48px)
}

.javascriptMaterialdesignGm3WizMenu-menu-item__selected-indicator {
  visibility: hidden
}

.javascriptMaterialdesignGm3WizMenu-menu-item--selected .javascriptMaterialdesignGm3WizMenu-menu-item__selected-indicator {
  visibility: visible
}

.javascriptMaterialdesignGm3WizMenu-menu-item--selected:before {
  position: absolute;
  box-sizing: border-box;
  inset: 0;
  border: 3px double transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none
}

.javascriptMaterialdesignGm3WizMenu-menu-item--submenu-open:before {
  position: absolute;
  content: "";
  inset: 0;
  border-radius: inherit;
  opacity: .04;
  background-color: var(--gm3-menu-list-item-hover-state-layer-color, var(--gm3-sys-color-on-surface, #1f1f1f))
}

.javascriptMaterialdesignGm3WizMenu-menu__selection-group-title {
  align-items: center;
  display: flex;
  height: 32px;
  list-style-type: none;
  padding: 0 12px;
  color: var(--gm3-menu-menu-title-label-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  font-family: var(--gm3-menu-menu-title-label-text-font, "Google Sans Flex", "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif);
  font-size: var(--gm3-menu-menu-title-label-text-size, .875rem);
  font-weight: var(--gm3-menu-menu-title-label-text-weight, 500);
  letter-spacing: var(--gm3-menu-menu-title-label-text-tracking, 0);
  line-height: var(--gm3-menu-menu-title-label-text-line-height, 1.25rem);
  font-variation-settings: var(--gm3-menu-menu-title-label-text-font-variation-settings, initial)
}

.javascriptMaterialdesignGm3WizMenu-menu__selection-group-title-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.javascriptMaterialdesignGm3WizMenu-menu {
  min-width: 112px
}

.javascriptMaterialdesignGm3WizMenu-menu__selection-group {
  padding: 0;
  fill: currentColor
}

.javascriptMaterialdesignGm3WizMenu-menu-item--selected .javascriptMaterialdesignGm3WizMenu-menu__selection-group-icon {
  display: inline;
  visibility: visible
}

.javascriptMaterialdesignGm3WizMenuDivider {
  padding-block: 8px
}

@keyframes mdc-ripple-fg-radius-in {
  0% {
    animation-timing-function: cubic-bezier(.4, 0, .2, 1);
    transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)
  }

  to {
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
  }
}

@keyframes mdc-ripple-fg-opacity-in {
  0% {
    animation-timing-function: linear;
    opacity: 0
  }

  to {
    opacity: var(--mdc-ripple-fg-opacity, 0)
  }
}

@keyframes mdc-ripple-fg-opacity-out {
  0% {
    animation-timing-function: linear;
    opacity: var(--mdc-ripple-fg-opacity, 0)
  }

  to {
    opacity: 0
  }
}

.mdc-ripple-surface {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  will-change: transform, opacity;
  position: relative;
  outline: none;
  overflow: hidden
}

.mdc-ripple-surface:after,
.mdc-ripple-surface:before {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: ""
}

.mdc-ripple-surface:before {
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
  z-index: var(--mdc-ripple-z-index, 1)
}

.mdc-ripple-surface:after {
  z-index: 0;
  z-index: var(--mdc-ripple-z-index, 0)
}

.mdc-ripple-surface.mdc-ripple-upgraded:before {
  transform: scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-ripple-surface.mdc-ripple-upgraded:after {
  top: 0;
  left: 0;
  transform: scale(0);
  transform-origin: center center
}

.mdc-ripple-surface.mdc-ripple-upgraded--unbounded:after {
  top: var(--mdc-ripple-top, 0);
  left: var(--mdc-ripple-left, 0)
}

.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation:after {
  animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards
}

.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation:after {
  animation: mdc-ripple-fg-opacity-out .15s;
  transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-ripple-surface:after,
.mdc-ripple-surface:before {
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%
}

.mdc-ripple-surface.mdc-ripple-upgraded:after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%)
}

.mdc-ripple-surface[data-mdc-ripple-is-unbounded],
.mdc-ripple-upgraded--unbounded {
  overflow: visible
}

.mdc-ripple-surface[data-mdc-ripple-is-unbounded]:after,
.mdc-ripple-surface[data-mdc-ripple-is-unbounded]:before,
.mdc-ripple-upgraded--unbounded:after,
.mdc-ripple-upgraded--unbounded:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded:after,
.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded:before,
.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded:after,
.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded:before {
  top: var(--mdc-ripple-top, 0);
  left: var(--mdc-ripple-left, 0);
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%)
}

.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded:after,
.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded:after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%)
}

.mdc-ripple-surface:after,
.mdc-ripple-surface:before {
  background-color: #000;
  background-color: var(--mdc-ripple-color, #000)
}

.mdc-ripple-surface.mdc-ripple-surface--hover:before,
.mdc-ripple-surface:hover:before {
  opacity: .04;
  opacity: var(--mdc-ripple-hover-opacity, .04)
}

.mdc-ripple-surface.mdc-ripple-upgraded--background-focused:before,
.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus:before {
  transition-duration: 75ms;
  opacity: .12;
  opacity: var(--mdc-ripple-focus-opacity, .12)
}

.mdc-ripple-surface:not(.mdc-ripple-upgraded):after {
  transition: opacity .15s linear
}

.mdc-ripple-surface:not(.mdc-ripple-upgraded):active:after {
  transition-duration: 75ms;
  opacity: .12;
  opacity: var(--mdc-ripple-press-opacity, .12)
}

.mdc-ripple-surface.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12)
}

.mdc-icon-button {
  font-size: 24px;
  width: 48px;
  height: 48px;
  padding: 12px
}

.mdc-icon-button.mdc-icon-button--reduced-size .mdc-icon-button__ripple {
  width: 40px;
  height: 40px;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-right: 4px;
  margin-left: 4px
}

.mdc-icon-button.mdc-icon-button--reduced-size .mdc-icon-button__focus-ring {
  max-height: 40px;
  max-width: 40px
}

.mdc-icon-button:disabled {
  color: rgba(0, 0, 0, .38);
  color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, .38))
}

.mdc-icon-button img,
.mdc-icon-button svg {
  width: 24px;
  height: 24px
}

.mdc-icon-button {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  border: none;
  outline: none;
  background-color: transparent;
  fill: currentColor;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  z-index: 0;
  overflow: visible
}

.mdc-icon-button .mdc-icon-button__touch {
  position: absolute;
  top: 50%;
  height: 48px;
  left: 50%;
  width: 48px;
  transform: translate(-50%, -50%)
}

@media screen and (forced-colors:active) {

  .mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,
  .mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring {
    display: block
  }
}

.mdc-icon-button:disabled {
  cursor: default;
  pointer-events: none
}

.mdc-icon-button[hidden] {
  display: none
}

.mdc-icon-button--display-flex {
  align-items: center;
  display: inline-flex;
  justify-content: center
}

.mdc-icon-button__focus-ring {
  pointer-events: none;
  border: 2px solid transparent;
  border-radius: 6px;
  box-sizing: content-box;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  width: 100%;
  display: none
}

@media screen and (forced-colors:active) {
  .mdc-icon-button__focus-ring {
    border-color: CanvasText
  }
}

.mdc-icon-button__focus-ring:after {
  content: "";
  border: 2px solid transparent;
  border-radius: 8px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: calc(100% + 4px);
  width: calc(100% + 4px)
}

@media screen and (forced-colors:active) {
  .mdc-icon-button__focus-ring:after {
    border-color: CanvasText
  }
}

.mdc-icon-button__icon {
  display: inline-block
}

.mdc-icon-button--on .mdc-icon-button__icon,
.mdc-icon-button__icon.mdc-icon-button__icon--on {
  display: none
}

.mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on {
  display: inline-block
}

.mdc-icon-button__link {
  height: 100%;
  left: 0;
  outline: none;
  position: absolute;
  top: 0;
  width: 100%
}

.mdc-icon-button {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  will-change: transform, opacity
}

.mdc-icon-button .mdc-icon-button__ripple:after,
.mdc-icon-button .mdc-icon-button__ripple:before {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: ""
}

.mdc-icon-button .mdc-icon-button__ripple:before {
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
  z-index: var(--mdc-ripple-z-index, 1)
}

.mdc-icon-button .mdc-icon-button__ripple:after {
  z-index: 0;
  z-index: var(--mdc-ripple-z-index, 0)
}

.mdc-icon-button.mdc-ripple-upgraded .mdc-icon-button__ripple:before {
  transform: scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-icon-button.mdc-ripple-upgraded .mdc-icon-button__ripple:after {
  top: 0;
  left: 0;
  transform: scale(0);
  transform-origin: center center
}

.mdc-icon-button.mdc-ripple-upgraded--unbounded .mdc-icon-button__ripple:after {
  top: var(--mdc-ripple-top, 0);
  left: var(--mdc-ripple-left, 0)
}

.mdc-icon-button.mdc-ripple-upgraded--foreground-activation .mdc-icon-button__ripple:after {
  animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards
}

.mdc-icon-button.mdc-ripple-upgraded--foreground-deactivation .mdc-icon-button__ripple:after {
  animation: mdc-ripple-fg-opacity-out .15s;
  transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-icon-button .mdc-icon-button__ripple:after,
.mdc-icon-button .mdc-icon-button__ripple:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.mdc-icon-button.mdc-ripple-upgraded .mdc-icon-button__ripple:after,
.mdc-icon-button.mdc-ripple-upgraded .mdc-icon-button__ripple:before {
  top: var(--mdc-ripple-top, 0);
  left: var(--mdc-ripple-left, 0);
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%)
}

.mdc-icon-button.mdc-ripple-upgraded .mdc-icon-button__ripple:after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%)
}

.mdc-icon-button .mdc-icon-button__ripple:after,
.mdc-icon-button .mdc-icon-button__ripple:before {
  background-color: #000;
  background-color: var(--mdc-ripple-color, #000)
}

.mdc-icon-button.mdc-ripple-surface--hover .mdc-icon-button__ripple:before,
.mdc-icon-button:hover .mdc-icon-button__ripple:before {
  opacity: .04;
  opacity: var(--mdc-ripple-hover-opacity, .04)
}

.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__ripple:before,
.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__ripple:before {
  transition-duration: 75ms;
  opacity: .12;
  opacity: var(--mdc-ripple-focus-opacity, .12)
}

.mdc-icon-button:not(.mdc-ripple-upgraded) .mdc-icon-button__ripple:after {
  transition: opacity .15s linear
}

.mdc-icon-button:not(.mdc-ripple-upgraded):active .mdc-icon-button__ripple:after {
  transition-duration: 75ms;
  opacity: .12;
  opacity: var(--mdc-ripple-press-opacity, .12)
}

.mdc-icon-button.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12)
}

.mdc-icon-button:disabled.mdc-ripple-surface--hover .mdc-icon-button__ripple:before,
.mdc-icon-button:disabled:hover .mdc-icon-button__ripple:before {
  opacity: 0;
  opacity: var(--mdc-ripple-hover-opacity, 0)
}

.mdc-icon-button:disabled.mdc-ripple-upgraded--background-focused .mdc-icon-button__ripple:before,
.mdc-icon-button:disabled:not(.mdc-ripple-upgraded):focus .mdc-icon-button__ripple:before {
  transition-duration: 75ms;
  opacity: 0;
  opacity: var(--mdc-ripple-focus-opacity, 0)
}

.mdc-icon-button:disabled:not(.mdc-ripple-upgraded) .mdc-icon-button__ripple:after {
  transition: opacity .15s linear
}

.mdc-icon-button:disabled:not(.mdc-ripple-upgraded):active .mdc-icon-button__ripple:after {
  transition-duration: 75ms;
  opacity: 0;
  opacity: var(--mdc-ripple-press-opacity, 0)
}

.mdc-icon-button:disabled.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0)
}

.mdc-icon-button .mdc-icon-button__ripple {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1
}

.mdc-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 64px;
  border: none;
  outline: none;
  line-height: inherit;
  -webkit-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  overflow: visible;
  vertical-align: middle;
  background: transparent
}

.mdc-button .mdc-elevation-overlay {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}

.mdc-button::-moz-focus-inner {
  padding: 0;
  border: 0
}

.mdc-button:active {
  outline: none
}

.mdc-button:hover {
  cursor: pointer
}

.mdc-button:disabled {
  cursor: default;
  pointer-events: none
}

.mdc-button[hidden] {
  display: none
}

.mdc-button .mdc-button__icon {
  margin-left: 0;
  margin-right: 8px;
  display: inline-block;
  position: relative;
  vertical-align: top
}

.mdc-button .mdc-button__icon[dir=rtl],
[dir=rtl] .mdc-button .mdc-button__icon {
  margin-left: 8px;
  margin-right: 0
}

.mdc-button .mdc-button__progress-indicator {
  font-size: 0;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  line-height: normal
}

.mdc-button .mdc-button__label {
  position: relative
}

.mdc-button .mdc-button__focus-ring {
  pointer-events: none;
  border: 2px solid transparent;
  border-radius: 6px;
  box-sizing: content-box;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: calc(100% + 4px);
  width: calc(100% + 4px);
  display: none
}

@media screen and (forced-colors:active) {
  .mdc-button .mdc-button__focus-ring {
    border-color: CanvasText
  }
}

.mdc-button .mdc-button__focus-ring:after {
  content: "";
  border: 2px solid transparent;
  border-radius: 8px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: calc(100% + 4px);
  width: calc(100% + 4px)
}

@media screen and (forced-colors:active) {
  .mdc-button .mdc-button__focus-ring:after {
    border-color: CanvasText
  }
}

@media screen and (forced-colors:active) {

  .mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__focus-ring,
  .mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__focus-ring {
    display: block
  }
}

.mdc-button .mdc-button__touch {
  position: absolute;
  top: 50%;
  height: 48px;
  left: 0;
  right: 0;
  transform: translateY(-50%)
}

.mdc-button__label+.mdc-button__icon {
  margin-left: 8px;
  margin-right: 0
}

.mdc-button__label+.mdc-button__icon[dir=rtl],
[dir=rtl] .mdc-button__label+.mdc-button__icon {
  margin-left: 0;
  margin-right: 8px
}

svg.mdc-button__icon {
  fill: currentColor
}

.mdc-button--touch {
  margin-top: 6px;
  margin-bottom: 6px
}

.mdc-button {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-decoration: none
}

.mdc-button {
  padding: 0 8px 0 8px
}

.mdc-button--unelevated {
  transition: box-shadow .28s cubic-bezier(.4, 0, .2, 1);
  padding: 0 16px 0 16px
}

.mdc-button--unelevated.mdc-button--icon-trailing {
  padding: 0 12px 0 16px
}

.mdc-button--unelevated.mdc-button--icon-leading {
  padding: 0 16px 0 12px
}

.mdc-button--raised {
  transition: box-shadow .28s cubic-bezier(.4, 0, .2, 1);
  padding: 0 16px 0 16px
}

.mdc-button--raised.mdc-button--icon-trailing {
  padding: 0 12px 0 16px
}

.mdc-button--raised.mdc-button--icon-leading {
  padding: 0 16px 0 12px
}

.mdc-button--outlined {
  border-style: solid;
  transition: border .28s cubic-bezier(.4, 0, .2, 1)
}

.mdc-button--outlined .mdc-button__ripple {
  border-style: solid;
  border-color: transparent
}

.mdc-button {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  will-change: transform, opacity
}

.mdc-button .mdc-button__ripple:after,
.mdc-button .mdc-button__ripple:before {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: ""
}

.mdc-button .mdc-button__ripple:before {
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1
}

.mdc-button .mdc-button__ripple:after {
  z-index: 0
}

.mdc-button.mdc-ripple-upgraded .mdc-button__ripple:before {
  transform: scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-button.mdc-ripple-upgraded .mdc-button__ripple:after {
  top: 0;
  left: 0;
  transform: scale(0);
  transform-origin: center center
}

.mdc-button.mdc-ripple-upgraded--unbounded .mdc-button__ripple:after {
  top: var(--mdc-ripple-top, 0);
  left: var(--mdc-ripple-left, 0)
}

.mdc-button.mdc-ripple-upgraded--foreground-activation .mdc-button__ripple:after {
  animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards
}

.mdc-button.mdc-ripple-upgraded--foreground-deactivation .mdc-button__ripple:after {
  animation: mdc-ripple-fg-opacity-out .15s;
  transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-button .mdc-button__ripple:after,
.mdc-button .mdc-button__ripple:before {
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%
}

.mdc-button.mdc-ripple-upgraded .mdc-button__ripple:after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%)
}

.mdc-button__ripple {
  position: absolute;
  box-sizing: content-box;
  overflow: hidden;
  z-index: 0;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0
}

.mdc-button {
  font-family: Roboto, sans-serif;
  font-size: .875rem;
  letter-spacing: .0892857143em;
  font-weight: 500;
  text-transform: uppercase;
  height: 36px;
  border-radius: 4px
}

.mdc-button:not(:disabled) {
  color: #6200ee
}

.mdc-button:disabled {
  color: rgba(0, 0, 0, .38)
}

.mdc-button .mdc-button__icon {
  font-size: 1.125rem;
  width: 1.125rem;
  height: 1.125rem
}

.mdc-button .mdc-button__ripple:before {
  background-color: #6200ee
}

.mdc-button .mdc-button__ripple:after {
  background-color: #6200ee
}

.mdc-button.mdc-ripple-surface--hover .mdc-button__ripple:before,
.mdc-button:hover .mdc-button__ripple:before {
  opacity: .04
}

.mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__ripple:before,
.mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__ripple:before {
  transition-duration: 75ms;
  opacity: .12
}

.mdc-button:not(.mdc-ripple-upgraded) .mdc-button__ripple:after {
  transition: opacity .15s linear
}

.mdc-button:not(.mdc-ripple-upgraded):active .mdc-button__ripple:after {
  transition-duration: 75ms;
  opacity: .12
}

.mdc-button.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: var(--mdc-text-button-pressed-state-layer-opacity, 0.12)
}

.mdc-button .mdc-button__ripple {
  border-radius: 4px
}

.mdc-button .mdc-button__focus-ring {
  border-radius: 2px
}

.mdc-button .mdc-button__focus-ring:after {
  border-radius: 4px
}

.mdc-button--unelevated {
  font-family: Roboto, sans-serif;
  font-size: .875rem;
  letter-spacing: .0892857143em;
  font-weight: 500;
  text-transform: uppercase;
  height: 36px;
  border-radius: 4px
}

.mdc-button--unelevated:not(:disabled) {
  background-color: #6200ee
}

.mdc-button--unelevated:disabled {
  background-color: rgba(0, 0, 0, .12)
}

.mdc-button--unelevated:not(:disabled) {
  color: #fff
}

.mdc-button--unelevated:disabled {
  color: rgba(0, 0, 0, .38)
}

.mdc-button--unelevated .mdc-button__icon {
  font-size: 1.125rem;
  width: 1.125rem;
  height: 1.125rem
}

.mdc-button--unelevated .mdc-button__ripple:before {
  background-color: #fff
}

.mdc-button--unelevated .mdc-button__ripple:after {
  background-color: #fff
}

.mdc-button--unelevated.mdc-ripple-surface--hover .mdc-button__ripple:before,
.mdc-button--unelevated:hover .mdc-button__ripple:before {
  opacity: .08
}

.mdc-button--unelevated.mdc-ripple-upgraded--background-focused .mdc-button__ripple:before,
.mdc-button--unelevated:not(.mdc-ripple-upgraded):focus .mdc-button__ripple:before {
  transition-duration: 75ms;
  opacity: .24
}

.mdc-button--unelevated:not(.mdc-ripple-upgraded) .mdc-button__ripple:after {
  transition: opacity .15s linear
}

.mdc-button--unelevated:not(.mdc-ripple-upgraded):active .mdc-button__ripple:after {
  transition-duration: 75ms;
  opacity: .24
}

.mdc-button--unelevated.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: var(--mdc-filled-button-pressed-state-layer-opacity, 0.24)
}

.mdc-button--unelevated .mdc-button__ripple {
  border-radius: 4px
}

.mdc-button--unelevated .mdc-button__focus-ring {
  border-radius: 2px
}

.mdc-button--unelevated .mdc-button__focus-ring:after {
  border-radius: 4px
}

.mdc-button--raised {
  font-family: Roboto, sans-serif;
  font-size: .875rem;
  letter-spacing: .0892857143em;
  font-weight: 500;
  text-transform: uppercase;
  height: 36px;
  border-radius: 4px;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.mdc-button--raised:not(:disabled) {
  background-color: #6200ee
}

.mdc-button--raised:disabled {
  background-color: rgba(0, 0, 0, .12)
}

.mdc-button--raised:not(:disabled) {
  color: #fff
}

.mdc-button--raised:disabled {
  color: rgba(0, 0, 0, .38)
}

.mdc-button--raised .mdc-button__icon {
  font-size: 1.125rem;
  width: 1.125rem;
  height: 1.125rem
}

.mdc-button--raised .mdc-button__ripple:before {
  background-color: #fff
}

.mdc-button--raised .mdc-button__ripple:after {
  background-color: #fff
}

.mdc-button--raised.mdc-ripple-surface--hover .mdc-button__ripple:before,
.mdc-button--raised:hover .mdc-button__ripple:before {
  opacity: .08
}

.mdc-button--raised.mdc-ripple-upgraded--background-focused .mdc-button__ripple:before,
.mdc-button--raised:not(.mdc-ripple-upgraded):focus .mdc-button__ripple:before {
  transition-duration: 75ms;
  opacity: .24
}

.mdc-button--raised:not(.mdc-ripple-upgraded) .mdc-button__ripple:after {
  transition: opacity .15s linear
}

.mdc-button--raised:not(.mdc-ripple-upgraded):active .mdc-button__ripple:after {
  transition-duration: 75ms;
  opacity: .24
}

.mdc-button--raised.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: var(--mdc-protected-button-pressed-state-layer-opacity, 0.24)
}

.mdc-button--raised .mdc-button__ripple {
  border-radius: 4px
}

.mdc-button--raised .mdc-button__focus-ring {
  border-radius: 2px
}

.mdc-button--raised .mdc-button__focus-ring:after {
  border-radius: 4px
}

.mdc-button--raised.mdc-ripple-upgraded--background-focused,
.mdc-button--raised:not(.mdc-ripple-upgraded):focus {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.mdc-button--raised:hover {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.mdc-button--raised:not(:disabled):active {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12)
}

.mdc-button--raised:disabled {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.mdc-button--outlined {
  font-family: Roboto, sans-serif;
  font-size: .875rem;
  letter-spacing: .0892857143em;
  font-weight: 500;
  text-transform: uppercase;
  height: 36px;
  border-radius: 4px;
  padding: 0 15px 0 15px;
  border-width: 1px
}

.mdc-button--outlined:not(:disabled) {
  color: #6200ee
}

.mdc-button--outlined:disabled {
  color: rgba(0, 0, 0, .38)
}

.mdc-button--outlined .mdc-button__icon {
  font-size: 1.125rem;
  width: 1.125rem;
  height: 1.125rem
}

.mdc-button--outlined .mdc-button__ripple:before {
  background-color: #6200ee
}

.mdc-button--outlined .mdc-button__ripple:after {
  background-color: #6200ee
}

.mdc-button--outlined.mdc-ripple-surface--hover .mdc-button__ripple:before,
.mdc-button--outlined:hover .mdc-button__ripple:before {
  opacity: .04
}

.mdc-button--outlined.mdc-ripple-upgraded--background-focused .mdc-button__ripple:before,
.mdc-button--outlined:not(.mdc-ripple-upgraded):focus .mdc-button__ripple:before {
  transition-duration: 75ms;
  opacity: .12
}

.mdc-button--outlined:not(.mdc-ripple-upgraded) .mdc-button__ripple:after {
  transition: opacity .15s linear
}

.mdc-button--outlined:not(.mdc-ripple-upgraded):active .mdc-button__ripple:after {
  transition-duration: 75ms;
  opacity: .12
}

.mdc-button--outlined.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: var(--mdc-outlined-button-pressed-state-layer-opacity, 0.12)
}

.mdc-button--outlined .mdc-button__ripple {
  border-radius: 4px
}

.mdc-button--outlined .mdc-button__focus-ring {
  border-radius: 2px
}

.mdc-button--outlined .mdc-button__focus-ring:after {
  border-radius: 4px
}

.mdc-button--outlined:not(:disabled) {
  border-color: rgba(0, 0, 0, .12)
}

.mdc-button--outlined:disabled {
  border-color: rgba(0, 0, 0, .12)
}

.mdc-button--outlined.mdc-button--icon-trailing {
  padding: 0 11px 0 15px
}

.mdc-button--outlined.mdc-button--icon-leading {
  padding: 0 15px 0 11px
}

.mdc-button--outlined .mdc-button__ripple {
  top: -1px;
  left: -1px;
  bottom: -1px;
  right: -1px;
  border-width: 1px
}

.mdc-button--outlined .mdc-button__touch {
  left: -1px;
  width: calc(100% + 2px)
}

.GmFillButton {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  letter-spacing: .0107142857em;
  font-weight: 500;
  text-transform: none;
  transition: border .28s cubic-bezier(.4, 0, .2, 1), box-shadow .28s cubic-bezier(.4, 0, .2, 1);
  box-shadow: none
}

.GmFillButton .mdc-button__ripple {
  height: 100%;
  position: absolute;
  overflow: hidden;
  width: 100%;
  z-index: 0
}

.GmFillButton:not(:disabled) {
  background-color: #1a73e8;
  background-color: var(--gm-fillbutton-container-color, #1a73e8)
}

.GmFillButton:not(:disabled) {
  color: #fff;
  color: var(--gm-fillbutton-ink-color, #fff)
}

.GmFillButton:disabled {
  background-color: rgba(60, 64, 67, .12);
  background-color: var(--gm-fillbutton-disabled-container-color, rgba(60, 64, 67, .12))
}

.GmFillButton:disabled {
  color: rgba(60, 64, 67, .38);
  color: var(--gm-fillbutton-disabled-ink-color, rgba(60, 64, 67, .38))
}

.GmFillButton .mdc-button__ripple:after,
.GmFillButton .mdc-button__ripple:before {
  background-color: #202124;
  background-color: var(--gm-fillbutton-state-color, #202124)
}

.GmFillButton.mdc-ripple-surface--hover .mdc-button__ripple:before,
.GmFillButton:hover .mdc-button__ripple:before {
  opacity: .16;
  opacity: var(--mdc-ripple-hover-opacity, .16)
}

.GmFillButton.mdc-ripple-upgraded--background-focused .mdc-button__ripple:before,
.GmFillButton:not(.mdc-ripple-upgraded):focus .mdc-button__ripple:before {
  transition-duration: 75ms;
  opacity: .24;
  opacity: var(--mdc-ripple-focus-opacity, .24)
}

.GmFillButton:not(.mdc-ripple-upgraded) .mdc-button__ripple:after {
  transition: opacity .15s linear
}

.GmFillButton:not(.mdc-ripple-upgraded):active .mdc-button__ripple:after {
  transition-duration: 75ms;
  opacity: .2;
  opacity: var(--mdc-ripple-press-opacity, .2)
}

.GmFillButton.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.2)
}

.GmFillButton .mdc-elevation-overlay {
  opacity: 0
}

.GmFillButton .mdc-button__progress-indicator .mdc-circular-progress__determinate-circle,
.GmFillButton .mdc-button__progress-indicator .mdc-circular-progress__indeterminate-circle-graphic {
  stroke: #fff
}

@media (-ms-high-contrast:active),
screen and (forced-colors:active) {

  .GmFillButton .mdc-button__progress-indicator .mdc-circular-progress__determinate-circle,
  .GmFillButton .mdc-button__progress-indicator .mdc-circular-progress__indeterminate-circle-graphic {
    stroke: CanvasText
  }
}

.GmFillButton:hover {
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);
  box-shadow: 0 1px 2px 0 var(--gm-fillbutton-keyshadow-color, rgba(60, 64, 67, .3)), 0 1px 3px 1px var(--gm-fillbutton-ambientshadow-color, rgba(60, 64, 67, .15))
}

.GmFillButton:hover .mdc-elevation-overlay {
  opacity: 0
}

.GmFillButton:active {
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);
  box-shadow: 0 1px 2px 0 var(--gm-fillbutton-keyshadow-color, rgba(60, 64, 67, .3)), 0 2px 6px 2px var(--gm-fillbutton-ambientshadow-color, rgba(60, 64, 67, .15))
}

.GmFillButton:active .mdc-elevation-overlay {
  opacity: 0
}

.GmFillButton:disabled {
  box-shadow: none
}

.GmFillButton:disabled.mdc-ripple-surface--hover .mdc-button__ripple:before,
.GmFillButton:disabled:hover .mdc-button__ripple:before {
  opacity: 0;
  opacity: var(--mdc-ripple-hover-opacity, 0)
}

.GmFillButton:disabled.mdc-ripple-upgraded--background-focused .mdc-button__ripple:before,
.GmFillButton:disabled:not(.mdc-ripple-upgraded):focus .mdc-button__ripple:before {
  transition-duration: 75ms;
  opacity: 0;
  opacity: var(--mdc-ripple-focus-opacity, 0)
}

.GmFillButton:disabled:not(.mdc-ripple-upgraded) .mdc-button__ripple:after {
  transition: opacity .15s linear
}

.GmFillButton:disabled:not(.mdc-ripple-upgraded):active .mdc-button__ripple:after {
  transition-duration: 75ms;
  opacity: 0;
  opacity: var(--mdc-ripple-press-opacity, 0)
}

.GmFillButton:disabled.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0)
}

.GmFillButton:disabled .mdc-elevation-overlay {
  opacity: 0
}

.GmButtonHairline {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  letter-spacing: .0107142857em;
  font-weight: 500;
  text-transform: none;
  transition: border .28s cubic-bezier(.4, 0, .2, 1), box-shadow .28s cubic-bezier(.4, 0, .2, 1);
  box-shadow: none
}

.GmButtonHairline .mdc-button__ripple {
  height: 100%;
  position: absolute;
  overflow: hidden;
  width: 100%;
  z-index: 0
}

.GmButtonHairline:not(:disabled) {
  color: #1a73e8;
  color: var(--gm-hairlinebutton-ink-color, #1a73e8)
}

.GmButtonHairline:not(:disabled) {
  border-color: #dadce0;
  border-color: var(--gm-hairlinebutton-outline-color, #dadce0)
}

.GmButtonHairline:not(:disabled):hover {
  border-color: #dadce0;
  border-color: var(--gm-hairlinebutton-outline-color, #dadce0)
}

.GmButtonHairline:not(:disabled).mdc-ripple-upgraded--background-focused,
.GmButtonHairline:not(:disabled):not(.mdc-ripple-upgraded):focus {
  border-color: #174ea6;
  border-color: var(--gm-hairlinebutton-outline-color--stateful, #174ea6)
}

.GmButtonHairline:not(:disabled):active,
.GmButtonHairline:not(:disabled):focus:active {
  border-color: #dadce0;
  border-color: var(--gm-hairlinebutton-outline-color, #dadce0)
}

.GmButtonHairline:disabled {
  color: rgba(60, 64, 67, .38);
  color: var(--gm-hairlinebutton-disabled-ink-color, rgba(60, 64, 67, .38))
}

.GmButtonHairline:disabled {
  border-color: rgba(60, 64, 67, .12);
  border-color: var(--gm-hairlinebutton-disabled-outline-color, rgba(60, 64, 67, .12))
}

.GmButtonHairline.mdc-ripple-upgraded--background-focused:not(:disabled),
.GmButtonHairline:active:not(:disabled),
.GmButtonHairline:hover:not(:disabled),
.GmButtonHairline:not(.mdc-ripple-upgraded):focus:not(:disabled) {
  color: #174ea6;
  color: var(--gm-hairlinebutton-ink-color--stateful, #174ea6)
}

.GmButtonHairline .mdc-elevation-overlay {
  opacity: 0
}

.GmButtonHairline .mdc-button__progress-indicator .mdc-circular-progress__determinate-circle,
.GmButtonHairline .mdc-button__progress-indicator .mdc-circular-progress__indeterminate-circle-graphic {
  stroke: #1a73e8
}

@media (-ms-high-contrast:active),
screen and (forced-colors:active) {

  .GmButtonHairline .mdc-button__progress-indicator .mdc-circular-progress__determinate-circle,
  .GmButtonHairline .mdc-button__progress-indicator .mdc-circular-progress__indeterminate-circle-graphic {
    stroke: CanvasText
  }
}

.GmButtonHairline .mdc-button__ripple:after,
.GmButtonHairline .mdc-button__ripple:before {
  background-color: #1a73e8;
  background-color: var(--gm-hairlinebutton-state-color, #1a73e8)
}

.GmButtonHairline.mdc-ripple-surface--hover .mdc-button__ripple:before,
.GmButtonHairline:hover .mdc-button__ripple:before {
  opacity: .04;
  opacity: var(--mdc-ripple-hover-opacity, .04)
}

.GmButtonHairline.mdc-ripple-upgraded--background-focused .mdc-button__ripple:before,
.GmButtonHairline:not(.mdc-ripple-upgraded):focus .mdc-button__ripple:before {
  transition-duration: 75ms;
  opacity: .12;
  opacity: var(--mdc-ripple-focus-opacity, .12)
}

.GmButtonHairline:not(.mdc-ripple-upgraded) .mdc-button__ripple:after {
  transition: opacity .15s linear
}

.GmButtonHairline:not(.mdc-ripple-upgraded):active .mdc-button__ripple:after {
  transition-duration: 75ms;
  opacity: .12;
  opacity: var(--mdc-ripple-press-opacity, .12)
}

.GmButtonHairline.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12)
}

.GmButtonHairline:disabled.mdc-ripple-surface--hover .mdc-button__ripple:before,
.GmButtonHairline:disabled:hover .mdc-button__ripple:before {
  opacity: 0;
  opacity: var(--mdc-ripple-hover-opacity, 0)
}

.GmButtonHairline:disabled.mdc-ripple-upgraded--background-focused .mdc-button__ripple:before,
.GmButtonHairline:disabled:not(.mdc-ripple-upgraded):focus .mdc-button__ripple:before {
  transition-duration: 75ms;
  opacity: 0;
  opacity: var(--mdc-ripple-focus-opacity, 0)
}

.GmButtonHairline:disabled:not(.mdc-ripple-upgraded) .mdc-button__ripple:after {
  transition: opacity .15s linear
}

.GmButtonHairline:disabled:not(.mdc-ripple-upgraded):active .mdc-button__ripple:after {
  transition-duration: 75ms;
  opacity: 0;
  opacity: var(--mdc-ripple-press-opacity, 0)
}

.GmButtonHairline:disabled.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0)
}

.GmButtonProtected {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  letter-spacing: .0107142857em;
  font-weight: 500;
  text-transform: none;
  transition: border .28s cubic-bezier(.4, 0, .2, 1), box-shadow .28s cubic-bezier(.4, 0, .2, 1);
  border-width: 0;
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);
  box-shadow: 0 1px 2px 0 var(--gm-protectedbutton-keyshadow-color, rgba(60, 64, 67, .3)), 0 1px 3px 1px var(--gm-protectedbutton-ambientshadow-color, rgba(60, 64, 67, .15))
}

.GmButtonProtected .mdc-button__ripple {
  height: 100%;
  position: absolute;
  overflow: hidden;
  width: 100%;
  z-index: 0
}

.GmButtonProtected:not(:disabled) {
  background-color: #fff;
  background-color: var(--gm-protectedbutton-container-color, #fff)
}

.GmButtonProtected:not(:disabled) {
  color: #1a73e8;
  color: var(--gm-protectedbutton-ink-color, #1a73e8)
}

.GmButtonProtected:disabled {
  background-color: rgba(60, 64, 67, .12);
  background-color: var(--gm-protectedbutton-disabled-container-color, rgba(60, 64, 67, .12))
}

.GmButtonProtected:disabled {
  color: rgba(60, 64, 67, .38);
  color: var(--gm-protectedbutton-disabled-ink-color, rgba(60, 64, 67, .38))
}

.GmButtonProtected.mdc-ripple-upgraded--background-focused:not(:disabled),
.GmButtonProtected:active:not(:disabled),
.GmButtonProtected:hover:not(:disabled),
.GmButtonProtected:not(.mdc-ripple-upgraded):focus:not(:disabled) {
  color: #174ea6;
  color: var(--gm-protectedbutton-ink-color--stateful, #174ea6)
}

.GmButtonProtected .mdc-elevation-overlay {
  opacity: 0
}

.GmButtonProtected .mdc-button__progress-indicator .mdc-circular-progress__determinate-circle,
.GmButtonProtected .mdc-button__progress-indicator .mdc-circular-progress__indeterminate-circle-graphic {
  stroke: #1a73e8
}

@media (-ms-high-contrast:active),
screen and (forced-colors:active) {

  .GmButtonProtected .mdc-button__progress-indicator .mdc-circular-progress__determinate-circle,
  .GmButtonProtected .mdc-button__progress-indicator .mdc-circular-progress__indeterminate-circle-graphic {
    stroke: CanvasText
  }
}

.GmButtonProtected.mdc-ripple-upgraded--background-focused,
.GmButtonProtected:not(.mdc-ripple-upgraded):focus {
  border-width: 0;
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);
  box-shadow: 0 1px 2px 0 var(--gm-protectedbutton-keyshadow-color, rgba(60, 64, 67, .3)), 0 1px 3px 1px var(--gm-protectedbutton-ambientshadow-color, rgba(60, 64, 67, .15))
}

.GmButtonProtected.mdc-ripple-upgraded--background-focused .mdc-elevation-overlay,
.GmButtonProtected:not(.mdc-ripple-upgraded):focus .mdc-elevation-overlay {
  opacity: 0
}

.GmButtonProtected:hover {
  border-width: 0;
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);
  box-shadow: 0 1px 2px 0 var(--gm-protectedbutton-keyshadow-color, rgba(60, 64, 67, .3)), 0 2px 6px 2px var(--gm-protectedbutton-ambientshadow-color, rgba(60, 64, 67, .15))
}

.GmButtonProtected:hover .mdc-elevation-overlay {
  opacity: 0
}

.GmButtonProtected:not(:disabled):active {
  border-width: 0;
  box-shadow: 0 1px 3px 0 rgba(60, 64, 67, .3), 0 4px 8px 3px rgba(60, 64, 67, .15);
  box-shadow: 0 1px 3px 0 var(--gm-protectedbutton-keyshadow-color, rgba(60, 64, 67, .3)), 0 4px 8px 3px var(--gm-protectedbutton-ambientshadow-color, rgba(60, 64, 67, .15))
}

.GmButtonProtected:not(:disabled):active .mdc-elevation-overlay {
  opacity: 0
}

.GmButtonProtected .mdc-button__ripple:after,
.GmButtonProtected .mdc-button__ripple:before {
  background-color: #1a73e8;
  background-color: var(--gm-protectedbutton-state-color, #1a73e8)
}

.GmButtonProtected.mdc-ripple-surface--hover .mdc-button__ripple:before,
.GmButtonProtected:hover .mdc-button__ripple:before {
  opacity: .04;
  opacity: var(--mdc-ripple-hover-opacity, .04)
}

.GmButtonProtected.mdc-ripple-upgraded--background-focused .mdc-button__ripple:before,
.GmButtonProtected:not(.mdc-ripple-upgraded):focus .mdc-button__ripple:before {
  transition-duration: 75ms;
  opacity: .12;
  opacity: var(--mdc-ripple-focus-opacity, .12)
}

.GmButtonProtected:not(.mdc-ripple-upgraded) .mdc-button__ripple:after {
  transition: opacity .15s linear
}

.GmButtonProtected:not(.mdc-ripple-upgraded):active .mdc-button__ripple:after {
  transition-duration: 75ms;
  opacity: .12;
  opacity: var(--mdc-ripple-press-opacity, .12)
}

.GmButtonProtected.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12)
}

.GmButtonProtected:disabled {
  box-shadow: none
}

.GmButtonProtected:disabled .mdc-elevation-overlay {
  opacity: 0
}

.GmButtonProtected:disabled.mdc-ripple-surface--hover .mdc-button__ripple:before,
.GmButtonProtected:disabled:hover .mdc-button__ripple:before {
  opacity: 0;
  opacity: var(--mdc-ripple-hover-opacity, 0)
}

.GmButtonProtected:disabled.mdc-ripple-upgraded--background-focused .mdc-button__ripple:before,
.GmButtonProtected:disabled:not(.mdc-ripple-upgraded):focus .mdc-button__ripple:before {
  transition-duration: 75ms;
  opacity: 0;
  opacity: var(--mdc-ripple-focus-opacity, 0)
}

.GmButtonProtected:disabled:not(.mdc-ripple-upgraded) .mdc-button__ripple:after {
  transition: opacity .15s linear
}

.GmButtonProtected:disabled:not(.mdc-ripple-upgraded):active .mdc-button__ripple:after {
  transition-duration: 75ms;
  opacity: 0;
  opacity: var(--mdc-ripple-press-opacity, 0)
}

.GmButtonProtected:disabled.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0)
}

.GmButtonTonal {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  letter-spacing: .0107142857em;
  font-weight: 500;
  text-transform: none;
  transition: border .28s cubic-bezier(.4, 0, .2, 1), box-shadow .28s cubic-bezier(.4, 0, .2, 1);
  box-shadow: none
}

.GmButtonTonal .mdc-button__ripple {
  height: 100%;
  position: absolute;
  overflow: hidden;
  width: 100%;
  z-index: 0
}

.GmButtonTonal:not(:disabled) {
  background-color: #e8f0fe
}

.GmButtonTonal:not(:disabled) {
  color: #1967d2
}

.GmButtonTonal:disabled {
  background-color: rgba(60, 64, 67, .12)
}

.GmButtonTonal:disabled {
  color: rgba(60, 64, 67, .38)
}

.GmButtonTonal.mdc-ripple-upgraded--background-focused:not(:disabled),
.GmButtonTonal:active:not(:disabled),
.GmButtonTonal:hover:not(:disabled),
.GmButtonTonal:not(.mdc-ripple-upgraded):focus:not(:disabled) {
  color: #174ea6
}

.GmButtonTonal .mdc-button__ripple:after,
.GmButtonTonal .mdc-button__ripple:before {
  background-color: #1967d2;
  background-color: var(--mdc-ripple-color, #1967d2)
}

.GmButtonTonal.mdc-ripple-surface--hover .mdc-button__ripple:before,
.GmButtonTonal:hover .mdc-button__ripple:before {
  opacity: .04;
  opacity: var(--mdc-ripple-hover-opacity, .04)
}

.GmButtonTonal.mdc-ripple-upgraded--background-focused .mdc-button__ripple:before,
.GmButtonTonal:not(.mdc-ripple-upgraded):focus .mdc-button__ripple:before {
  transition-duration: 75ms;
  opacity: .12;
  opacity: var(--mdc-ripple-focus-opacity, .12)
}

.GmButtonTonal:not(.mdc-ripple-upgraded) .mdc-button__ripple:after {
  transition: opacity .15s linear
}

.GmButtonTonal:not(.mdc-ripple-upgraded):active .mdc-button__ripple:after {
  transition-duration: 75ms;
  opacity: .1;
  opacity: var(--mdc-ripple-press-opacity, .1)
}

.GmButtonTonal.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.1)
}

.GmButtonTonal .mdc-elevation-overlay {
  opacity: 0
}

.GmButtonTonal .mdc-button__progress-indicator .mdc-circular-progress__determinate-circle,
.GmButtonTonal .mdc-button__progress-indicator .mdc-circular-progress__indeterminate-circle-graphic {
  stroke: #1967d2
}

@media (-ms-high-contrast:active),
screen and (forced-colors:active) {

  .GmButtonTonal .mdc-button__progress-indicator .mdc-circular-progress__determinate-circle,
  .GmButtonTonal .mdc-button__progress-indicator .mdc-circular-progress__indeterminate-circle-graphic {
    stroke: CanvasText
  }
}

.GmButtonTonal:hover {
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15)
}

.GmButtonTonal:hover .mdc-elevation-overlay {
  opacity: 0
}

.GmButtonTonal:not(:disabled):active {
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15)
}

.GmButtonTonal:not(:disabled):active .mdc-elevation-overlay {
  opacity: 0
}

.GmButtonTonal:disabled {
  box-shadow: none
}

.GmButtonTonal:disabled .mdc-elevation-overlay {
  opacity: 0
}

.GmButtonTonal:disabled.mdc-ripple-surface--hover .mdc-button__ripple:before,
.GmButtonTonal:disabled:hover .mdc-button__ripple:before {
  opacity: 0;
  opacity: var(--mdc-ripple-hover-opacity, 0)
}

.GmButtonTonal:disabled.mdc-ripple-upgraded--background-focused .mdc-button__ripple:before,
.GmButtonTonal:disabled:not(.mdc-ripple-upgraded):focus .mdc-button__ripple:before {
  transition-duration: 75ms;
  opacity: 0;
  opacity: var(--mdc-ripple-focus-opacity, 0)
}

.GmButtonTonal:disabled:not(.mdc-ripple-upgraded) .mdc-button__ripple:after {
  transition: opacity .15s linear
}

.GmButtonTonal:disabled:not(.mdc-ripple-upgraded):active .mdc-button__ripple:after {
  transition-duration: 75ms;
  opacity: 0;
  opacity: var(--mdc-ripple-press-opacity, 0)
}

.GmButtonTonal:disabled.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0)
}

.GmButtonText {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  letter-spacing: .0107142857em;
  font-weight: 500;
  text-transform: none
}

.GmButtonText .mdc-button__ripple {
  height: 100%;
  position: absolute;
  overflow: hidden;
  width: 100%;
  z-index: 0
}

.GmButtonText:not(:disabled) {
  background-color: transparent
}

.GmButtonText:not(:disabled) {
  color: #1a73e8;
  color: var(--gm-colortextbutton-ink-color, #1a73e8)
}

.GmButtonText:disabled {
  color: rgba(60, 64, 67, .38);
  color: var(--gm-colortextbutton-disabled-ink-color, rgba(60, 64, 67, .38))
}

.GmButtonText .mdc-button__progress-indicator .mdc-circular-progress__determinate-circle,
.GmButtonText .mdc-button__progress-indicator .mdc-circular-progress__indeterminate-circle-graphic {
  stroke: #1a73e8
}

@media (-ms-high-contrast:active),
screen and (forced-colors:active) {

  .GmButtonText .mdc-button__progress-indicator .mdc-circular-progress__determinate-circle,
  .GmButtonText .mdc-button__progress-indicator .mdc-circular-progress__indeterminate-circle-graphic {
    stroke: CanvasText
  }
}

.GmButtonText.mdc-ripple-upgraded--background-focused:not(:disabled),
.GmButtonText:active:not(:disabled),
.GmButtonText:hover:not(:disabled),
.GmButtonText:not(.mdc-ripple-upgraded):focus:not(:disabled) {
  color: #174ea6;
  color: var(--gm-colortextbutton-ink-color--stateful, #174ea6)
}

.GmButtonText .mdc-button__ripple:after,
.GmButtonText .mdc-button__ripple:before {
  background-color: #1a73e8;
  background-color: var(--gm-colortextbutton-state-color, #1a73e8)
}

.GmButtonText.mdc-ripple-surface--hover .mdc-button__ripple:before,
.GmButtonText:hover .mdc-button__ripple:before {
  opacity: .04;
  opacity: var(--mdc-ripple-hover-opacity, .04)
}

.GmButtonText.mdc-ripple-upgraded--background-focused .mdc-button__ripple:before,
.GmButtonText:not(.mdc-ripple-upgraded):focus .mdc-button__ripple:before {
  transition-duration: 75ms;
  opacity: .12;
  opacity: var(--mdc-ripple-focus-opacity, .12)
}

.GmButtonText:not(.mdc-ripple-upgraded) .mdc-button__ripple:after {
  transition: opacity .15s linear
}

.GmButtonText:not(.mdc-ripple-upgraded):active .mdc-button__ripple:after {
  transition-duration: 75ms;
  opacity: .12;
  opacity: var(--mdc-ripple-press-opacity, .12)
}

.GmButtonText.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12)
}

.GmButtonText:disabled.mdc-ripple-surface--hover .mdc-button__ripple:before,
.GmButtonText:disabled:hover .mdc-button__ripple:before {
  opacity: 0;
  opacity: var(--mdc-ripple-hover-opacity, 0)
}

.GmButtonText:disabled.mdc-ripple-upgraded--background-focused .mdc-button__ripple:before,
.GmButtonText:disabled:not(.mdc-ripple-upgraded):focus .mdc-button__ripple:before {
  transition-duration: 75ms;
  opacity: 0;
  opacity: var(--mdc-ripple-focus-opacity, 0)
}

.GmButtonText:disabled:not(.mdc-ripple-upgraded) .mdc-button__ripple:after {
  transition: opacity .15s linear
}

.GmButtonText:disabled:not(.mdc-ripple-upgraded):active .mdc-button__ripple:after {
  transition-duration: 75ms;
  opacity: 0;
  opacity: var(--mdc-ripple-press-opacity, 0)
}

.GmButtonText:disabled.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0)
}

.GmButtonGreyInkText {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  letter-spacing: .0107142857em;
  font-weight: 500;
  text-transform: none
}

.GmButtonGreyInkText .mdc-button__ripple {
  height: 100%;
  position: absolute;
  overflow: hidden;
  width: 100%;
  z-index: 0
}

.GmButtonGreyInkText:not(:disabled) {
  color: #5f6368;
  color: var(--gm-neutraltextbutton-ink-color, #5f6368)
}

.GmButtonGreyInkText:disabled {
  color: rgba(60, 64, 67, .38);
  color: var(--gm-neutraltextbutton-disabled-ink-color, rgba(60, 64, 67, .38))
}

.GmButtonGreyInkText.mdc-ripple-upgraded--background-focused:not(:disabled),
.GmButtonGreyInkText:active:not(:disabled),
.GmButtonGreyInkText:hover:not(:disabled),
.GmButtonGreyInkText:not(.mdc-ripple-upgraded):focus:not(:disabled) {
  color: #202124;
  color: var(--gm-neutraltextbutton-ink-color--stateful, #202124)
}

.GmButtonGreyInkText .mdc-button__progress-indicator .mdc-circular-progress__determinate-circle,
.GmButtonGreyInkText .mdc-button__progress-indicator .mdc-circular-progress__indeterminate-circle-graphic {
  stroke: #5f6368
}

@media (-ms-high-contrast:active),
screen and (forced-colors:active) {

  .GmButtonGreyInkText .mdc-button__progress-indicator .mdc-circular-progress__determinate-circle,
  .GmButtonGreyInkText .mdc-button__progress-indicator .mdc-circular-progress__indeterminate-circle-graphic {
    stroke: CanvasText
  }
}

.GmButtonGreyInkText .mdc-button__ripple:after,
.GmButtonGreyInkText .mdc-button__ripple:before {
  background-color: #5f6368;
  background-color: var(--gm-neutraltextbutton-state-color, #5f6368)
}

.GmButtonGreyInkText.mdc-ripple-surface--hover .mdc-button__ripple:before,
.GmButtonGreyInkText:hover .mdc-button__ripple:before {
  opacity: .04;
  opacity: var(--mdc-ripple-hover-opacity, .04)
}

.GmButtonGreyInkText.mdc-ripple-upgraded--background-focused .mdc-button__ripple:before,
.GmButtonGreyInkText:not(.mdc-ripple-upgraded):focus .mdc-button__ripple:before {
  transition-duration: 75ms;
  opacity: .12;
  opacity: var(--mdc-ripple-focus-opacity, .12)
}

.GmButtonGreyInkText:not(.mdc-ripple-upgraded) .mdc-button__ripple:after {
  transition: opacity .15s linear
}

.GmButtonGreyInkText:not(.mdc-ripple-upgraded):active .mdc-button__ripple:after {
  transition-duration: 75ms;
  opacity: .12;
  opacity: var(--mdc-ripple-press-opacity, .12)
}

.GmButtonGreyInkText.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12)
}

.GmButtonGreyInkText:disabled.mdc-ripple-surface--hover .mdc-button__ripple:before,
.GmButtonGreyInkText:disabled:hover .mdc-button__ripple:before {
  opacity: 0;
  opacity: var(--mdc-ripple-hover-opacity, 0)
}

.GmButtonGreyInkText:disabled.mdc-ripple-upgraded--background-focused .mdc-button__ripple:before,
.GmButtonGreyInkText:disabled:not(.mdc-ripple-upgraded):focus .mdc-button__ripple:before {
  transition-duration: 75ms;
  opacity: 0;
  opacity: var(--mdc-ripple-focus-opacity, 0)
}

.GmButtonGreyInkText:disabled:not(.mdc-ripple-upgraded) .mdc-button__ripple:after {
  transition: opacity .15s linear
}

.GmButtonGreyInkText:disabled:not(.mdc-ripple-upgraded):active .mdc-button__ripple:after {
  transition-duration: 75ms;
  opacity: 0;
  opacity: var(--mdc-ripple-press-opacity, 0)
}

.GmButtonGreyInkText:disabled.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0)
}

.GmTextLabelButton {
  padding: 0 24px 0 24px
}

.GmHairlineTextLabelButton {
  padding: 0 23px 0 23px;
  border-width: 1px
}

.GmHairlineTextLabelButton.mdc-button--icon-trailing {
  padding: 0 11px 0 23px
}

.GmHairlineTextLabelButton.mdc-button--icon-leading {
  padding: 0 23px 0 11px
}

.GmHairlineTextLabelButton .mdc-button__ripple {
  top: -1px;
  left: -1px;
  bottom: -1px;
  right: -1px;
  border-width: 1px
}

.GmHairlineTextLabelButton .mdc-button__touch {
  left: -1px;
  width: calc(100% + 2px)
}

.GmIconButton {
  z-index: 0
}

.GmIconButton .mdc-icon-button__ripple:after,
.GmIconButton .mdc-icon-button__ripple:before {
  z-index: -1
}

.GmIconButton:disabled {
  color: rgba(60, 64, 67, .38);
  color: var(--gm-iconbutton-disabled-ink-color, rgba(60, 64, 67, .38))
}

.GmIconToggleButton {
  z-index: 0
}

.GmIconToggleButton .mdc-icon-button__ripple:after,
.GmIconToggleButton .mdc-icon-button__ripple:before {
  z-index: -1
}

.GmIconToggleButton:disabled {
  color: rgba(60, 64, 67, .38);
  color: var(--gm-iconbutton-disabled-ink-color, rgba(60, 64, 67, .38))
}

.NestedLink {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  outline: none
}

.GmButtonFlipIconSubelementRTL .mdc-button__icon[dir=rtl],
[dir=rtl] .GmButtonFlipIconSubelementRTL .mdc-button__icon {
  transform: scaleX(-1)
}

.GmButtonFlipRTL[dir=rtl],
[dir=rtl] .GmButtonFlipRTL {
  transform: scaleX(-1)
}

.GmButtonUnsetWillChange {
  will-change: unset
}

.GmButtonFocusRingEnabled .mdc-button__focus-ring {
  pointer-events: none;
  border: 2px solid #185abc;
  border-radius: 6px;
  box-sizing: content-box;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: calc(100% + 4px);
  width: calc(100% + 4px)
}

@media screen and (forced-colors:active) {
  .GmButtonFocusRingEnabled .mdc-button__focus-ring {
    border-color: CanvasText
  }
}

.GmButtonFocusRingEnabled .mdc-button__focus-ring:after {
  content: "";
  border: 2px solid #e8f0fe;
  border-radius: 8px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: calc(100% + 4px);
  width: calc(100% + 4px)
}

@media screen and (forced-colors:active) {
  .GmButtonFocusRingEnabled .mdc-button__focus-ring:after {
    border-color: CanvasText
  }
}

.GmButtonFocusRingEnabled.focusRingVisible .mdc-button__focus-ring {
  display: inline-block
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
  .GmButtonFocusRingEnabled.focusRingVisible .mdc-button__focus-ring {
    display: none
  }
}

.GmIconButtonFocusRingEnabled .mdc-icon-button__focus-ring {
  pointer-events: none;
  border: 2px solid #185abc;
  border-radius: 6px;
  box-sizing: content-box;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  width: 100%
}

@media screen and (forced-colors:active) {
  .GmIconButtonFocusRingEnabled .mdc-icon-button__focus-ring {
    border-color: CanvasText
  }
}

.GmIconButtonFocusRingEnabled .mdc-icon-button__focus-ring:after {
  content: "";
  border: 2px solid #e8f0fe;
  border-radius: 8px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: calc(100% + 4px);
  width: calc(100% + 4px)
}

@media screen and (forced-colors:active) {
  .GmIconButtonFocusRingEnabled .mdc-icon-button__focus-ring:after {
    border-color: CanvasText
  }
}

.GmIconButtonFocusRingEnabled.focusRingVisible .mdc-icon-button__focus-ring {
  display: inline-block
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
  .GmIconButtonFocusRingEnabled.focusRingVisible .mdc-icon-button__focus-ring {
    display: none
  }
}

.GmButtonHideContent .mdc-button__icon,
.GmButtonHideContent .mdc-button__label {
  opacity: 0
}

.mdc-icon-button[data-tooltip-enabled=true]:disabled .mdc-icon-button__ripple,
[data-tooltip-enabled=true]:disabled {
  pointer-events: auto
}

.boqAddonscardsrendererCardButtonImageButtonToolTip.mdc-tooltip {
  z-index: 5100
}

.boqAddonscardsrendererCardButtonFullWidth {
  width: 100%
}

.boqAddonscardsrendererCardButtonDisabledCustomIcon {
  filter: grayscale(1) opacity(.38)
}

.boqAddonscardsrendererCardButtonOutlinedTextButton {
  --light-text-color: initial;
  --font-weight: initial;
  --font-style: initial;
  --text-decoration: initial;
  --gm3-button-outlined-focus-label-text-color: var(--light-text-color);
  --gm3-button-outlined-hover-label-text-color: var(--light-text-color);
  --gm3-button-outlined-label-text-color: var(--light-text-color);
  --gm3-button-outlined-label-text-decoration: var(--text-decoration);
  --gm3-button-outlined-label-text-weight: var(--font-weight);
  --gm3-button-outlined-pressed-label-text-color: var(--light-text-color);
  --gm3-button-outlined-with-icon-focus-icon-color: var(--light-text-color);
  --gm3-button-outlined-with-icon-hover-icon-color: var(--light-text-color);
  --gm3-button-outlined-with-icon-icon-color: var(--light-text-color);
  --gm3-button-outlined-with-icon-pressed-icon-color: var(--light-text-color);
  font-style: var(--font-style);
  margin: 0;
  max-width: 100%
}

.boqAddonscardsrendererCardButtonFilledTextButton {
  --light-bg-color: initial;
  --light-text-color: initial;
  --font-weight: initial;
  --font-style: initial;
  --text-decoration: initial;
  --gm3-button-filled-container-color: var(--light-bg-color);
  --gm3-button-filled-focus-label-text-color: var(--light-text-color);
  --gm3-button-filled-hover-label-text-color: var(--light-text-color);
  --gm3-button-filled-label-text-color: var(--light-text-color);
  --gm3-button-filled-label-text-decoration: var(--text-decoration);
  --gm3-button-filled-label-text-weight: var(--font-weight);
  --gm3-button-filled-pressed-label-text-color: var(--light-text-color);
  --gm3-button-filled-with-icon-focus-icon-color: var(--light-text-color);
  --gm3-button-filled-with-icon-hover-icon-color: var(--light-text-color);
  --gm3-button-filled-with-icon-icon-color: var(--light-text-color);
  --gm3-button-filled-with-icon-pressed-icon-color: var(--light-text-color);
  font-style: var(--font-style);
  margin: 0;
  max-width: 100%
}

.boqAddonscardsrendererCardButtonFilledTonalTextButton {
  --light-bg-color: initial;
  --light-text-color: initial;
  --font-weight: initial;
  --font-style: initial;
  --text-decoration: initial;
  --gm3-button-filled-tonal-container-color: var(--light-bg-color);
  --gm3-button-filled-tonal-focus-label-text-color: var(--light-text-color);
  --gm3-button-filled-tonal-hover-label-text-color: var(--light-text-color);
  --gm3-button-filled-tonal-label-text-color: var(--light-text-color);
  --gm3-button-filled-tonal-label-text-decoration: var(--text-decoration);
  --gm3-button-filled-tonal-label-text-weight: var(--font-weight);
  --gm3-button-filled-tonal-pressed-label-text-color: var(--light-text-color);
  --gm3-button-filled-tonal-with-icon-focus-icon-color: var(--light-text-color);
  --gm3-button-filled-tonal-with-icon-hover-icon-color: var(--light-text-color);
  --gm3-button-filled-tonal-with-icon-icon-color: var(--light-text-color);
  --gm3-button-filled-tonal-with-icon-pressed-icon-color: var(--light-text-color);
  font-style: var(--font-style);
  margin: 0;
  max-width: 100%
}

.boqAddonscardsrendererCardButtonFilledTonalTextButton .boqAddonscardsrendererCardButtonTimer {
  --gm3-circular-progress-track-color: #f7fcff
}

.boqAddonscardsrendererCardButtonBorderlessTextButton {
  --light-text-color: initial;
  --font-weight: initial;
  --font-style: initial;
  --text-decoration: initial;
  --gm3-button-text-focus-label-text-color: var(--light-text-color);
  --gm3-button-text-hover-label-text-color: var(--light-text-color);
  --gm3-button-text-label-text-color: var(--light-text-color);
  --gm3-button-text-label-text-decoration: var(--text-decoration);
  --gm3-button-text-label-text-weight: var(--font-weight);
  --gm3-button-text-pressed-label-text-color: var(--light-text-color);
  --gm3-button-text-with-icon-focus-icon-color: var(--light-text-color);
  --gm3-button-text-with-icon-hover-icon-color: var(--light-text-color);
  --gm3-button-text-with-icon-icon-color: var(--light-text-color);
  --gm3-button-text-with-icon-pressed-icon-color: var(--light-text-color);
  font-style: var(--font-style);
  margin: 0;
  max-width: 100%
}

.boqAddonscardsrendererCardButtonOutlinedTextDropdownButton {
  --light-text-color: initial;
  --font-weight: initial;
  --font-style: initial;
  --text-decoration: initial;
  --gm3-dropdown-button-outlined-focus-label-text-color: var(--light-text-color);
  --gm3-dropdown-button-outlined-hover-label-text-color: var(--light-text-color);
  --gm3-dropdown-button-outlined-label-text-color: var(--light-text-color);
  --gm3-dropdown-button-outlined-label-text-decoration: var(--text-decoration);
  --gm3-dropdown-button-outlined-label-text-weight: var(--font-weight);
  --gm3-dropdown-button-outlined-pressed-label-text-color: var(--light-text-color);
  --gm3-dropdown-button-outlined-with-icon-focus-icon-color: var(--light-text-color);
  --gm3-dropdown-button-outlined-with-icon-hover-icon-color: var(--light-text-color);
  --gm3-dropdown-button-outlined-with-icon-icon-color: var(--light-text-color);
  --gm3-dropdown-button-outlined-with-icon-pressed-icon-color: var(--light-text-color);
  font-style: var(--font-style);
  margin: 0;
  max-width: 100%
}

.boqAddonscardsrendererCardButtonFilledTextDropdownButton {
  --light-bg-color: initial;
  --light-text-color: initial;
  --font-weight: initial;
  --font-style: initial;
  --text-decoration: initial;
  --gm3-dropdown-button-filled-container-color: var(--light-bg-color);
  --gm3-dropdown-button-filled-focus-label-text-color: var(--light-text-color);
  --gm3-dropdown-button-filled-hover-label-text-color: var(--light-text-color);
  --gm3-dropdown-button-filled-label-text-color: var(--light-text-color);
  --gm3-dropdown-button-filled-label-text-decoration: var(--text-decoration);
  --gm3-dropdown-button-filled-label-text-weight: var(--font-weight);
  --gm3-dropdown-button-filled-pressed-label-text-color: var(--light-text-color);
  --gm3-dropdown-button-filled-with-icon-focus-icon-color: var(--light-text-color);
  --gm3-dropdown-button-filled-with-icon-hover-icon-color: var(--light-text-color);
  --gm3-dropdown-button-filled-with-icon-icon-color: var(--light-text-color);
  --gm3-dropdown-button-filled-with-icon-pressed-icon-color: var(--light-text-color);
  font-style: var(--font-style);
  margin: 0;
  max-width: 100%
}

.boqAddonscardsrendererCardButtonFilledTonalTextDropdownButton {
  --light-bg-color: initial;
  --light-text-color: initial;
  --font-weight: initial;
  --font-style: initial;
  --text-decoration: initial;
  --gm3-dropdown-button-filled-tonal-container-color: var(--light-bg-color);
  --gm3-dropdown-button-filled-tonal-focus-label-text-color: var(--light-text-color);
  --gm3-dropdown-button-filled-tonal-hover-label-text-color: var(--light-text-color);
  --gm3-dropdown-button-filled-tonal-label-text-color: var(--light-text-color);
  --gm3-dropdown-button-filled-tonal-label-text-decoration: var(--text-decoration);
  --gm3-dropdown-button-filled-tonal-label-text-weight: var(--font-weight);
  --gm3-dropdown-button-filled-tonal-pressed-label-text-color: var(--light-text-color);
  --gm3-dropdown-button-filled-tonal-with-icon-focus-icon-color: var(--light-text-color);
  --gm3-dropdown-button-filled-tonal-with-icon-hover-icon-color: var(--light-text-color);
  --gm3-dropdown-button-filled-tonal-with-icon-icon-color: var(--light-text-color);
  --gm3-dropdown-button-filled-tonal-with-icon-pressed-icon-color: var(--light-text-color);
  font-style: var(--font-style);
  margin: 0;
  max-width: 100%
}

.boqAddonscardsrendererCardButtonBorderlessTextDropdownButton {
  --light-text-color: initial;
  --font-weight: initial;
  --font-style: initial;
  --text-decoration: initial;
  --gm3-dropdown-button-text-focus-label-text-color: var(--light-text-color);
  --gm3-dropdown-button-text-hover-label-text-color: var(--light-text-color);
  --gm3-dropdown-button-text-label-text-color: var(--light-text-color);
  --gm3-dropdown-button-text-label-text-decoration: var(--text-decoration);
  --gm3-dropdown-button-text-label-text-weight: var(--font-weight);
  --gm3-dropdown-button-text-pressed-label-text-color: var(--light-text-color);
  --gm3-dropdown-button-text-with-icon-focus-icon-color: var(--light-text-color);
  --gm3-dropdown-button-text-with-icon-hover-icon-color: var(--light-text-color);
  --gm3-dropdown-button-text-with-icon-icon-color: var(--light-text-color);
  --gm3-dropdown-button-text-with-icon-pressed-icon-color: var(--light-text-color);
  font-style: var(--font-style);
  margin: 0;
  max-width: 100%
}

.boqAddonscardsrendererCardButtonFontIcon {
  --font-icon-grade: 0;
  --font-icon-weight: 400;
  align-items: center
}

.boqAddonscardsrendererCardButtonFontIcon.customStyle {
  font-variation-settings: "GRAD" var(--font-icon-grade);
  font-weight: var(--font-icon-weight)
}

.boqAddonscardsrendererCardButtonFullWidthButton {
  max-width: 100%;
  width: 9999px
}

.boqAddonscardsrendererCardButtonFilledImageButton {
  --light-bg-color: initial;
  --light-icon-color: initial;
  --gm3-icon-button-filled-container-color: var(--light-bg-color);
  --gm3-icon-button-filled-focus-icon-color: var(--light-icon-color);
  --gm3-icon-button-filled-hover-icon-color: var(--light-icon-color);
  --gm3-icon-button-filled-icon-color: var(--light-icon-color);
  --gm3-icon-button-filled-pressed-icon-color: var(--light-icon-color)
}

.boqAddonscardsrendererCardButtonShimmerTonalButton {
  position: relative;
  overflow: hidden
}

.boqAddonscardsrendererCardButtonShimmerTonalButton:before {
  content: "";
  position: absolute;
  top: 0;
  left: -150%;
  width: 75%;
  height: 100%;
  background: linear-gradient(100deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .4) 50%, hsla(0, 0%, 100%, 0));
  animation: shimmer-animation 3s linear infinite
}

@keyframes shimmer-animation {
  0% {
    left: -150%
  }

  to {
    left: 150%
  }
}

.boqAddonscardsrendererCardButtonTimer {
  --gm3-circular-progress-active-indicator-thickness: 2px;
  --gm3-circular-progress-active-indicator-track-space: 2px;
  --gm3-circular-progress-size: 16px;
  margin-inline-end: 8px
}

.boqAddonscardsrendererCardFormattedtextFormattedText {
  --text-font: Google Sans Text, Roboto, Arial, sans-serif;
  --text-line-height: 1.25rem;
  --text-size: 0.875rem;
  --text-weight: 400;
  font-family: var(--text-font);
  font-size: var(--text-size);
  font-weight: var(--text-weight);
  letter-spacing: 0;
  line-height: var(--text-line-height);
  overflow-wrap: break-word;
  overflow: clip;
  overflow-clip-margin: 1px;
  width: 100%
}

.boqAddonscardsrendererCardFormattedtextFormattedTextSpan {
  --light-color: initial;
  font-family: inherit;
  color: var(--light-color)
}

.boqAddonscardsrendererCardFormattedtextFormattedTextSpan.displaySmall {
  font: 400 2.25rem/2.75rem Google Sans
}

.boqAddonscardsrendererCardFormattedtextFormattedTextSpan.displayMedium {
  font: 400 2.8125rem/3.25rem Google Sans
}

.boqAddonscardsrendererCardFormattedtextFormattedTextSpan.displayLarge {
  font: 400 3.5625rem/4rem Google Sans
}

.boqAddonscardsrendererCardFormattedtextFormattedTextSpan.headlineSmall {
  font: 400 1.5rem/2rem Google Sans
}

.boqAddonscardsrendererCardFormattedtextFormattedTextSpan.headlineMedium {
  font: 400 1.75rem/2.25rem Google Sans
}

.boqAddonscardsrendererCardFormattedtextFormattedTextSpan.headlineLarge {
  font: 400 2rem/2.5rem Google Sans
}

.boqAddonscardsrendererCardFormattedtextFormattedTextSpan.bodyLarge {
  font: 400 1rem/1.5rem Google Sans Text
}

.boqAddonscardsrendererCardFormattedtextFormattedTextSpan.error {
  color: var(--gm3-sys-color-error, #b3261e)
}

.boqAddonscardsrendererCardFormattedtextFormattedTextAlignLeft {
  text-align: left
}

.boqAddonscardsrendererCardFormattedtextFormattedTextAlignCenter {
  text-align: center
}

.boqAddonscardsrendererCardFormattedtextFormattedTextAlignRight {
  text-align: right
}

.boqAddonscardsrendererCardFormattedtextFontStyleItalic {
  font-style: italic
}

.boqAddonscardsrendererCardFormattedtextFontStyleUnderline {
  text-decoration: underline
}

.boqAddonscardsrendererCardFormattedtextFontStyleStrikethrough {
  text-decoration: line-through
}

.boqAddonscardsrendererCardFormattedtextFontStyleUppercase {
  text-transform: uppercase
}

.boqAddonscardsrendererCardFormattedtextFontWeightRegular {
  font-weight: 400
}

.boqAddonscardsrendererCardFormattedtextFontWeightLight {
  font-weight: 300
}

.boqAddonscardsrendererCardFormattedtextFontWeightMedium {
  font-weight: 500
}

.boqAddonscardsrendererCardFormattedtextFontWeightBold {
  font-weight: 700
}

.boqAddonscardsrendererCardFormattedtextFontWeightCode {
  display: inline;
  border: 1px;
  border-style: solid;
  font-family: monospace;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 0 .5em;
  page-break-inside: avoid;
  word-wrap: break-word;
  background: var(--gm3-sys-color-inverse-on-surface, #f2f2f2);
  border-color: var(--gm3-sys-color-outline-variant, #c4c7c5);
  color: var(--gm3-sys-color-on-surface, #1f1f1f)
}

.boqAddonscardsrendererCardFormattedtextFontWeightCodeBlock {
  border: 1px;
  border-style: solid;
  font-family: monospace;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 0 .5em;
  page-break-inside: avoid;
  word-wrap: break-word;
  background: var(--gm3-sys-color-inverse-on-surface, #f2f2f2);
  border-color: var(--gm3-sys-color-outline-variant, #c4c7c5);
  color: var(--gm3-sys-color-on-surface, #1f1f1f);
  display: block
}

.boqAddonscardsrendererCardFormattedtextListStyle {
  padding-left: 15px;
  list-style-position: inside
}

.boqAddonscardsrendererCardFormattedtextListStyleBullet {
  text-indent: -1em
}

.boqAddonscardsrendererCardFormattedtextChip {
  --gm3-chip-shared-container-height: var(--chip-container-height);
  --gm3-chip-shared-focus-indicator-outline-offset: var(--chip-focus-indicator-outline-offset);
  --gm3-chip-shared-focus-indicator-thickness: var(--chip-focus-indicator-thickness);
  --gm3-chip-shared-label-text-font: var(--chip-label-text-font-family);
  --gm3-chip-shared-label-text-line-height: var(--chip-label-text-line-height);
  --gm3-chip-shared-label-text-size: var(--chip-label-text-size);
  --gm3-chip-shared-label-text-tracking: var(--chip-label-text-tracking);
  --gm3-chip-shared-label-text-weight: var(--chip-label-text-weight);
  --gm3-chip-shared-container-shape-start-start: var(--chip-shape);
  --gm3-chip-shared-container-shape-start-end: var(--chip-shape);
  --gm3-chip-shared-container-shape-end-end: var(--chip-shape);
  --gm3-chip-shared-container-shape-end-start: var(--chip-shape);
  --gm3-chip-assist-flat-disabled-outline-color: var(--chip-disabled-outline-color);
  --gm3-chip-assist-flat-focus-label-text-color: var(--chip-focus-label-text-color);
  --gm3-chip-assist-flat-focus-outline-color: var(--chip-focus-outline-color);
  --gm3-chip-assist-flat-hover-label-text-color: var(--chip-hover-label-text-color);
  --gm3-chip-assist-flat-hover-state-layer-color: var(--chip-hover-state-layer-color);
  --gm3-chip-assist-flat-label-text-color: var(--chip-label-text-color);
  --gm3-chip-assist-flat-outline-color: var(--chip-outline-color);
  --gm3-chip-assist-flat-outline-width: var(--chip-outline-width);
  --gm3-chip-assist-flat-pressed-label-text-color: var(--chip-pressed-label-text-color);
  --gm3-chip-assist-flat-pressed-state-layer-color: var(--chip-pressed-state-layer-color);
  background: var(--chip-background-color);
  vertical-align: middle
}

.boqAddonscardsrendererCardFormattedtextChipContainer {
  --chip-background-color: initial;
  --chip-container-height: 20px;
  --chip-disabled-outline-color: initial;
  --chip-focus-indicator-outline-offset: 0px;
  --chip-focus-indicator-thickness: 1px;
  --chip-focus-label-text-color: initial;
  --chip-focus-outline-color: initial;
  --chip-hover-label-text-color: initial;
  --chip-hover-state-layer-color: initial;
  --chip-icon-container-size: 24px;
  --chip-icon-size: 24px;
  --chip-label-text-color: initial;
  --chip-label-text-font-family: "Google Sans";
  --chip-label-text-line-height: 1.25rem;
  --chip-label-text-size: 0.875rem;
  --chip-label-text-tracking: inherit;
  --chip-label-text-weight: 500;
  --chip-outline-color: var(--gm3-sys-color-outline, #747775);
  --chip-outline-width: 1px;
  --chip-pressed-label-text-color: initial;
  --chip-pressed-state-layer-color: initial;
  --chip-shape: 8px
}

.boqAddonscardsrendererCardFormattedtextChip .boqAddonscardsrendererCardIconIcon {
  height: var(--chip-icon-size);
  width: var(--chip-icon-size)
}

.boqAddonscardsrendererCardFormattedtextChip .boqAddonscardsrendererCardIconImageContainer {
  vertical-align: baseline;
  width: var(--chip-icon-size)
}

.boqAddonscardsrendererCardFormattedtextChip .boqAddonscardsrendererCardIconFontIcon.customStyle {
  font-size: var(--chip-icon-size)
}

.boqAddonscardsrendererCardFormattedtextChipIcon {
  display: flex;
  height: var(--chip-icon-container-size);
  place-items: center;
  width: var(--chip-icon-container-size)
}

.boqAddonscardsrendererCardFormattedtextDisabledChipIcon {
  opacity: .38;
  color: var(--gm3-sys-color-on-surface, #1f1f1f)
}

.boqAddonscardsrendererCardIconIcon {
  align-items: center;
  display: flex;
  height: 24px;
  justify-content: center;
  width: 24px
}

.boqAddonscardsrendererCardIconIcon.top {
  align-self: flex-start
}

.boqAddonscardsrendererCardIconIcon.bottom {
  align-self: flex-end
}

.boqAddonscardsrendererCardIconImageContainer {
  width: 24px
}

.boqAddonscardsrendererCardIconFontIcon {
  --font-icon-grade: 0;
  --font-icon-weight: 400;
  color: var(--gm3-sys-color-on-surface-variant, #444746)
}

.boqAddonscardsrendererCardIconFontIcon.customStyle {
  font-variation-settings: "GRAD" var(--font-icon-grade);
  font-weight: var(--font-icon-weight)
}

.addonscardsrendererCardImagecropstyleSquare {
  aspect-ratio: 1
}

.addonscardsrendererCardImagecropstyleCircle {
  border-radius: 50%
}

.addonscardsrendererCardImagecropstyleRectangle {
  aspect-ratio: 4/3
}

@media (forced-colors:none) {
  .javascriptMaterialdesignGm3WizChipAssistFlatEl {
    --gm3-ripple-hover-color: var(--gm3-chip-assist-flat-hover-state-layer-color, var(--gm3-sys-color-on-surface, #1f1f1f));
    --gm3-ripple-hover-opacity: var(--gm3-chip-assist-flat-hover-state-layer-opacity, 0.08);
    --gm3-ripple-pressed-color: var(--gm3-chip-assist-flat-pressed-state-layer-color, var(--gm3-sys-color-on-surface, #1f1f1f));
    --gm3-ripple-pressed-opacity: var(--gm3-chip-assist-flat-pressed-state-layer-opacity, 0.1)
  }

  .javascriptMaterialdesignGm3WizChipAssistFlatEl .javascriptMaterialdesignGm3WizChipShared-chip__icon--primary {
    color: var(--gm3-chip-assist-flat-with-icon-icon-color, var(--gm3-sys-color-primary, #0b57d0))
  }

  .javascriptMaterialdesignGm3WizChipAssistFlatEl.javascriptMaterialdesignGm3WizChipShared-chip--disabled .javascriptMaterialdesignGm3WizChipShared-chip__icon--primary {
    color: var(--gm3-chip-assist-flat-with-icon-disabled-icon-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .38))
  }

  .javascriptMaterialdesignGm3WizChipAssistFlatEl:not(.javascriptMaterialdesignGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3WizChipShared-chip__action--primary-interactive:hover .javascriptMaterialdesignGm3WizChipShared-chip__icon--primary {
    color: var(--gm3-chip-assist-flat-with-icon-hover-icon-color, var(--gm3-sys-color-primary, #0b57d0))
  }

  .javascriptMaterialdesignGm3WizChipAssistFlatEl:not(.javascriptMaterialdesignGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3WizChipShared-chip__action--primary-interactive:focus .javascriptMaterialdesignGm3WizChipShared-chip__icon--primary {
    color: var(--gm3-chip-assist-flat-with-icon-focus-icon-color, var(--gm3-sys-color-primary, #0b57d0))
  }

  .javascriptMaterialdesignGm3WizChipAssistFlatEl:not(.javascriptMaterialdesignGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3WizChipShared-chip__action--primary-interactive:active .javascriptMaterialdesignGm3WizChipShared-chip__icon--primary {
    color: var(--gm3-chip-assist-flat-with-icon-pressed-icon-color, var(--gm3-sys-color-primary, #0b57d0))
  }

  .javascriptMaterialdesignGm3WizChipAssistFlatEl.javascriptMaterialdesignGm3WizChipShared-chip--disabled .javascriptMaterialdesignGm3WizChipShared-chip__icon--primary:has(svg, img) {
    opacity: var(--gm3-chip-assist-flat-with-icon-disabled-icon-opacity, .38)
  }

  .javascriptMaterialdesignGm3WizChipAssistFlatEl:not(.javascriptMaterialdesignGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3WizChipShared-chip__text-label {
    color: var(--gm3-chip-assist-flat-label-text-color, var(--gm3-sys-color-on-surface, #1f1f1f))
  }

  .javascriptMaterialdesignGm3WizChipAssistFlatEl:not(.javascriptMaterialdesignGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3WizChipShared-chip__action--primary-interactive:hover .javascriptMaterialdesignGm3WizChipShared-chip__text-label {
    color: var(--gm3-chip-assist-flat-hover-label-text-color, var(--gm3-sys-color-on-surface, #1f1f1f))
  }

  .javascriptMaterialdesignGm3WizChipAssistFlatEl:not(.javascriptMaterialdesignGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3WizChipShared-chip__action--primary-interactive:focus .javascriptMaterialdesignGm3WizChipShared-chip__text-label {
    color: var(--gm3-chip-assist-flat-focus-label-text-color, var(--gm3-sys-color-on-surface, #1f1f1f))
  }

  .javascriptMaterialdesignGm3WizChipAssistFlatEl:not(.javascriptMaterialdesignGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3WizChipShared-chip__action--primary-interactive:active .javascriptMaterialdesignGm3WizChipShared-chip__text-label {
    color: var(--gm3-chip-assist-flat-pressed-label-text-color, var(--gm3-sys-color-on-surface, #1f1f1f))
  }
}

.javascriptMaterialdesignGm3WizChipAssistFlatEl .javascriptMaterialdesignGm3WizChipShared-chip__action--primary:before {
  border-width: var(--gm3-chip-assist-flat-outline-width, 1px)
}

@media (forced-colors:none) {
  .javascriptMaterialdesignGm3WizChipAssistFlatEl .javascriptMaterialdesignGm3WizChipShared-chip__action--primary:before {
    border-color: var(--gm3-chip-assist-flat-outline-color, var(--gm3-sys-color-outline, #747775))
  }

  .javascriptMaterialdesignGm3WizChipAssistFlatEl .javascriptMaterialdesignGm3WizChipShared-chip__action--primary-interactive:focus:before {
    border-color: var(--gm3-chip-assist-flat-focus-outline-color, var(--gm3-sys-color-on-surface, #1f1f1f))
  }

  .javascriptMaterialdesignGm3WizChipAssistFlatEl.javascriptMaterialdesignGm3WizChipShared-chip--disabled .javascriptMaterialdesignGm3WizChipShared-chip__action--primary:before {
    border-color: var(--gm3-chip-assist-flat-disabled-outline-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .12))
  }
}

.javascriptMaterialdesignGm3WizButtonFilled-button {
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border: none;
  outline: none;
  background: transparent;
  -moz-appearance: none;
  appearance: none;
  line-height: inherit;
  text-rendering: inherit;
  -webkit-user-select: none;
  user-select: none;
  vertical-align: middle;
  cursor: pointer;
  min-inline-size: var(--gm3-button-filled-container-min-width, 64px);
  padding-block: 0;
  padding-inline-start: var(--gm3-button-filled-leading-space, 24px);
  padding-inline-end: var(--gm3-button-filled-trailing-space, 24px);
  block-size: var(--gm3-button-filled-container-height, 40px);
  border-radius: var(--gm3-button-filled-container-shape, 9999px);
  --gm3-ripple-hover-color: var(--gm3-button-filled-hover-state-layer-color, var(--gm3-sys-color-on-primary, #fff));
  --gm3-ripple-hover-opacity: var(--gm3-button-filled-hover-state-layer-opacity, 0.08);
  --gm3-ripple-pressed-color: var(--gm3-button-filled-hover-state-layer-color, var(--gm3-sys-color-on-primary, #fff));
  --gm3-ripple-pressed-opacity: var(--gm3-button-filled-pressed-state-layer-opacity, 0.1);
  --gm3-focus-ring-outward-color: var(--gm3-button-filled-focus-indicator-color, var(--gm3-sys-color-secondary, #00639b));
  --gm3-focus-ring-outward-offset: var(--gm3-button-filled-focus-indicator-outline-offset, 2px);
  --gm3-focus-ring-outward-track-width: var(--gm3-button-filled-focus-indicator-thickness, 3px);
  --gm3-focus-ring-outward-target-shape-start-start: var(--gm3-button-filled-container-shape, 9999px);
  --gm3-focus-ring-outward-target-shape-start-end: var(--gm3-button-filled-container-shape, 9999px);
  --gm3-focus-ring-outward-target-shape-end-end: var(--gm3-button-filled-container-shape, 9999px);
  --gm3-focus-ring-outward-target-shape-end-start: var(--gm3-button-filled-container-shape, 9999px)
}

.javascriptMaterialdesignGm3WizButtonFilled-button__link:focus-visible {
  outline: none
}

.javascriptMaterialdesignGm3WizButtonFilled-button:focus-visible,
.javascriptMaterialdesignGm3WizButtonFilled-button__link:focus-visible~.javascriptMaterialdesignGm3WizButtonFilled-button__focusring {
  --gm3-focus-ring-outward-display: block
}

.javascriptMaterialdesignGm3WizButtonFilled-button:disabled {
  cursor: default;
  pointer-events: none;
  --gm3-ripple-hover-opacity: 0;
  --gm3-ripple-pressed-opacity: 0
}

.javascriptMaterialdesignGm3WizButtonFilled-button--with-tooltip:disabled {
  pointer-events: auto
}

.javascriptMaterialdesignGm3WizButtonFilled-button[hidden] {
  display: none
}

.javascriptMaterialdesignGm3WizButtonFilled-button__label {
  position: relative;
  text-align: center;
  color: var(--gm3-button-filled-label-text-color, var(--gm3-sys-color-on-primary, #fff));
  font-size: var(--gm3-button-filled-label-text-size, .875rem);
  font-family: var(--gm3-button-filled-label-text-font, "Google Sans", Roboto, Arial, sans-serif);
  font-weight: var(--gm3-button-filled-label-text-weight, 500);
  letter-spacing: var(--gm3-button-filled-label-text-tracking, 0);
  -webkit-text-decoration: var(--gm3-button-filled-label-text-decoration, none);
  text-decoration: var(--gm3-button-filled-label-text-decoration, none);
  font-variation-settings: var(--gm3-button-filled-label-text-font-variation-settings, initial)
}

.javascriptMaterialdesignGm3WizButtonFilled-button__use-updated-font-styles .javascriptMaterialdesignGm3WizButtonFilled-button__label {
  font-family: var(--gm3-button-filled-label-text-font, "Google Sans Flex", "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif)
}

.javascriptMaterialdesignGm3WizButtonFilled-button:hover .javascriptMaterialdesignGm3WizButtonFilled-button__label {
  color: var(--gm3-button-filled-hover-label-text-color, var(--gm3-sys-color-on-primary, #fff))
}

.javascriptMaterialdesignGm3WizButtonFilled-button:focus-visible .javascriptMaterialdesignGm3WizButtonFilled-button__label {
  color: var(--gm3-button-filled-focus-label-text-color, var(--gm3-sys-color-on-primary, #fff))
}

.javascriptMaterialdesignGm3WizButtonFilled-button:active .javascriptMaterialdesignGm3WizButtonFilled-button__label {
  color: var(--gm3-button-filled-pressed-label-text-color, var(--gm3-sys-color-on-primary, #fff))
}

.javascriptMaterialdesignGm3WizButtonFilled-button:disabled .javascriptMaterialdesignGm3WizButtonFilled-button__label {
  color: var(--gm3-button-filled-disabled-label-text-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .38))
}

.javascriptMaterialdesignGm3WizButtonFilled-button--ellipsis .javascriptMaterialdesignGm3WizButtonFilled-button__label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.javascriptMaterialdesignGm3WizButtonFilled-button--icon-leading {
  padding-inline-start: var(--gm3-button-filled-with-leading-icon-leading-space, 16px);
  padding-inline-end: var(--gm3-button-filled-with-leading-icon-trailing-space, 24px)
}

.javascriptMaterialdesignGm3WizButtonFilled-button--icon-leading .javascriptMaterialdesignGm3WizButtonFilled-button__icon-slot i,
.javascriptMaterialdesignGm3WizButtonFilled-button--icon-leading .javascriptMaterialdesignGm3WizButtonFilled-button__icon-slot img,
.javascriptMaterialdesignGm3WizButtonFilled-button--icon-leading .javascriptMaterialdesignGm3WizButtonFilled-button__icon-slot svg {
  margin-inline-end: var(--gm3-button-filled-with-icon-icon-label-space, 8px)
}

.javascriptMaterialdesignGm3WizButtonFilled-button--icon-trailing {
  padding-inline-start: var(--gm3-button-filled-with-trailing-icon-leading-space, 24px);
  padding-inline-end: var(--gm3-button-filled-with-trailing-icon-trailing-space, 16px)
}

.javascriptMaterialdesignGm3WizButtonFilled-button--icon-trailing .javascriptMaterialdesignGm3WizButtonFilled-button__icon-slot i,
.javascriptMaterialdesignGm3WizButtonFilled-button--icon-trailing .javascriptMaterialdesignGm3WizButtonFilled-button__icon-slot img,
.javascriptMaterialdesignGm3WizButtonFilled-button--icon-trailing .javascriptMaterialdesignGm3WizButtonFilled-button__icon-slot svg {
  margin-inline-start: var(--gm3-button-filled-with-icon-icon-label-space, 8px)
}

.javascriptMaterialdesignGm3WizButtonFilled-button__icon-slot {
  display: none;
  position: relative;
  line-height: 0;
  color: var(--gm3-button-filled-with-icon-icon-color, var(--gm3-sys-color-on-primary, #fff))
}

.javascriptMaterialdesignGm3WizButtonFilled-button__icon-slot i,
.javascriptMaterialdesignGm3WizButtonFilled-button__icon-slot img,
.javascriptMaterialdesignGm3WizButtonFilled-button__icon-slot svg {
  display: inline-flex;
  position: relative;
  direction: inherit;
  color: inherit;
  font-size: var(--gm3-button-filled-with-icon-icon-size, 18px);
  inline-size: var(--gm3-button-filled-with-icon-icon-size, 18px);
  block-size: var(--gm3-button-filled-with-icon-icon-size, 18px)
}

.javascriptMaterialdesignGm3WizButtonFilled-button:hover .javascriptMaterialdesignGm3WizButtonFilled-button__icon-slot {
  color: var(--gm3-button-filled-with-icon-hover-icon-color, var(--gm3-sys-color-on-primary, #fff))
}

.javascriptMaterialdesignGm3WizButtonFilled-button:focus-visible .javascriptMaterialdesignGm3WizButtonFilled-button__icon-slot {
  color: var(--gm3-button-filled-with-icon-focus-icon-color, var(--gm3-sys-color-on-primary, #fff))
}

.javascriptMaterialdesignGm3WizButtonFilled-button:active .javascriptMaterialdesignGm3WizButtonFilled-button__icon-slot {
  color: var(--gm3-button-filled-with-icon-pressed-icon-color, var(--gm3-sys-color-on-primary, #fff))
}

.javascriptMaterialdesignGm3WizButtonFilled-button:disabled .javascriptMaterialdesignGm3WizButtonFilled-button__icon-slot {
  color: var(--gm3-button-filled-with-icon-disabled-icon-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .38))
}

.javascriptMaterialdesignGm3WizButtonFilled-button--flip-icon .javascriptMaterialdesignGm3WizButtonFilled-button__icon-slot[dir=rtl],
[dir=rtl] .javascriptMaterialdesignGm3WizButtonFilled-button--flip-icon .javascriptMaterialdesignGm3WizButtonFilled-button__icon-slot {
  transform: scaleX(-1)
}

.javascriptMaterialdesignGm3WizButtonFilled-button--icon-leading .javascriptMaterialdesignGm3WizButtonFilled-button__icon-slot--leading,
.javascriptMaterialdesignGm3WizButtonFilled-button--icon-trailing .javascriptMaterialdesignGm3WizButtonFilled-button__icon-slot--trailing {
  display: inline-flex
}

.javascriptMaterialdesignGm3WizButtonFilled-button__link {
  position: absolute;
  inset: 0
}

.javascriptMaterialdesignGm3WizButtonFilled-button--touch {
  margin-block: max((48px - var(--gm3-button-filled-container-height, 40px))/2, 0px)
}

.javascriptMaterialdesignGm3WizButtonFilled-button__touch {
  position: absolute;
  inline-size: max(48px, 100%);
  block-size: max(48px, 100%);
  inset: unset;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.javascriptMaterialdesignGm3WizButtonFilled-button {
  will-change: transform, opacity;
  background-color: var(--gm3-button-filled-container-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-elevation-level: var(--gm3-button-filled-container-elevation, 0);
  --gm3-elevation-shadow-color: var(--gm3-button-filled-container-shadow-color, var(--gm3-sys-color-shadow, #000))
}

.javascriptMaterialdesignGm3WizButtonFilled-button:hover {
  --gm3-elevation-level: var(--gm3-button-filled-hover-container-elevation, 1)
}

.javascriptMaterialdesignGm3WizButtonFilled-button:focus-visible {
  --gm3-elevation-level: var(--gm3-button-filled-focus-container-elevation, 0)
}

.javascriptMaterialdesignGm3WizButtonFilled-button:active {
  --gm3-elevation-level: var(--gm3-button-filled-pressed-container-elevation, 0)
}

.javascriptMaterialdesignGm3WizButtonFilled-button:disabled {
  background-color: var(--gm3-button-filled-disabled-container-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .12));
  --gm3-elevation-level: var(--gm3-button-filled-disabled-container-elevation, 0)
}

.javascriptMaterialdesignGm3WizButtonFilled-button:before {
  content: "";
  pointer-events: none;
  position: absolute;
  inset: 0;
  border-radius: inherit;
  border: 1px solid transparent
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizButtonFilled-button:has(.javascriptMaterialdesignGm3WizButtonFilled-button__link):before {
    border-color: LinkText
  }
}

@media (forced-colors:active) {

  .javascriptMaterialdesignGm3WizButtonFilled-button:has(.javascriptMaterialdesignGm3WizButtonFilled-button__link) .javascriptMaterialdesignGm3WizButtonFilled-button__icon-slot,
  .javascriptMaterialdesignGm3WizButtonFilled-button:has(.javascriptMaterialdesignGm3WizButtonFilled-button__link) .javascriptMaterialdesignGm3WizButtonFilled-button__label {
    color: LinkText
  }
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizButtonFilled-button:disabled:before {
    border-color: GrayText
  }
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizButtonFilled-deprecated-hcm-border:before {
    border-color: CanvasText
  }
}

.javascriptMaterialdesignGm3WizButtonText-button {
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border: none;
  outline: none;
  background: transparent;
  -moz-appearance: none;
  appearance: none;
  line-height: inherit;
  text-rendering: inherit;
  -webkit-user-select: none;
  user-select: none;
  vertical-align: middle;
  cursor: pointer;
  min-inline-size: var(--gm3-button-text-container-min-width, 64px);
  padding-block: 0;
  padding-inline-start: var(--gm3-button-text-leading-space, 12px);
  padding-inline-end: var(--gm3-button-text-trailing-space, 12px);
  block-size: var(--gm3-button-text-container-height, 40px);
  border-radius: var(--gm3-button-text-container-shape, 9999px);
  --gm3-ripple-hover-color: var(--gm3-button-text-hover-state-layer-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-ripple-hover-opacity: var(--gm3-button-text-hover-state-layer-opacity, 0.08);
  --gm3-ripple-pressed-color: var(--gm3-button-text-hover-state-layer-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-ripple-pressed-opacity: var(--gm3-button-text-pressed-state-layer-opacity, 0.1);
  --gm3-focus-ring-outward-color: var(--gm3-button-text-focus-indicator-color, var(--gm3-sys-color-secondary, #00639b));
  --gm3-focus-ring-outward-offset: var(--gm3-button-text-focus-indicator-outline-offset, 2px);
  --gm3-focus-ring-outward-track-width: var(--gm3-button-text-focus-indicator-thickness, 3px);
  --gm3-focus-ring-outward-target-shape-start-start: var(--gm3-button-text-container-shape, 9999px);
  --gm3-focus-ring-outward-target-shape-start-end: var(--gm3-button-text-container-shape, 9999px);
  --gm3-focus-ring-outward-target-shape-end-end: var(--gm3-button-text-container-shape, 9999px);
  --gm3-focus-ring-outward-target-shape-end-start: var(--gm3-button-text-container-shape, 9999px)
}

.javascriptMaterialdesignGm3WizButtonText-button__link:focus-visible {
  outline: none
}

.javascriptMaterialdesignGm3WizButtonText-button:focus-visible,
.javascriptMaterialdesignGm3WizButtonText-button__link:focus-visible~.javascriptMaterialdesignGm3WizButtonText-button__focusring {
  --gm3-focus-ring-outward-display: block
}

.javascriptMaterialdesignGm3WizButtonText-button:disabled {
  cursor: default;
  pointer-events: none;
  --gm3-ripple-hover-opacity: 0;
  --gm3-ripple-pressed-opacity: 0
}

.javascriptMaterialdesignGm3WizButtonText-button--with-tooltip:disabled {
  pointer-events: auto
}

.javascriptMaterialdesignGm3WizButtonText-button[hidden] {
  display: none
}

.javascriptMaterialdesignGm3WizButtonText-button__label {
  position: relative;
  text-align: center;
  color: var(--gm3-button-text-label-text-color, var(--gm3-sys-color-primary, #0b57d0));
  font-size: var(--gm3-button-text-label-text-size, .875rem);
  font-family: var(--gm3-button-text-label-text-font, "Google Sans", Roboto, Arial, sans-serif);
  font-weight: var(--gm3-button-text-label-text-weight, 500);
  letter-spacing: var(--gm3-button-text-label-text-tracking, 0);
  -webkit-text-decoration: var(--gm3-button-text-label-text-decoration, none);
  text-decoration: var(--gm3-button-text-label-text-decoration, none);
  font-variation-settings: var(--gm3-button-text-label-text-font-variation-settings, initial)
}

.javascriptMaterialdesignGm3WizButtonText-button__use-updated-font-styles .javascriptMaterialdesignGm3WizButtonText-button__label {
  font-family: var(--gm3-button-text-label-text-font, "Google Sans Flex", "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif)
}

.javascriptMaterialdesignGm3WizButtonText-button:hover .javascriptMaterialdesignGm3WizButtonText-button__label {
  color: var(--gm3-button-text-hover-label-text-color, var(--gm3-sys-color-primary, #0b57d0))
}

.javascriptMaterialdesignGm3WizButtonText-button:focus-visible .javascriptMaterialdesignGm3WizButtonText-button__label {
  color: var(--gm3-button-text-focus-label-text-color, var(--gm3-sys-color-primary, #0b57d0))
}

.javascriptMaterialdesignGm3WizButtonText-button:active .javascriptMaterialdesignGm3WizButtonText-button__label {
  color: var(--gm3-button-text-pressed-label-text-color, var(--gm3-sys-color-primary, #0b57d0))
}

.javascriptMaterialdesignGm3WizButtonText-button:disabled .javascriptMaterialdesignGm3WizButtonText-button__label {
  color: var(--gm3-button-text-disabled-label-text-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .38))
}

.javascriptMaterialdesignGm3WizButtonText-button--ellipsis .javascriptMaterialdesignGm3WizButtonText-button__label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.javascriptMaterialdesignGm3WizButtonText-button--icon-leading {
  padding-inline-start: var(--gm3-button-text-with-leading-icon-leading-space, 12px);
  padding-inline-end: var(--gm3-button-text-with-leading-icon-trailing-space, 16px)
}

.javascriptMaterialdesignGm3WizButtonText-button--icon-leading .javascriptMaterialdesignGm3WizButtonText-button__icon-slot i,
.javascriptMaterialdesignGm3WizButtonText-button--icon-leading .javascriptMaterialdesignGm3WizButtonText-button__icon-slot img,
.javascriptMaterialdesignGm3WizButtonText-button--icon-leading .javascriptMaterialdesignGm3WizButtonText-button__icon-slot svg {
  margin-inline-end: var(--gm3-button-text-with-icon-icon-label-space, 8px)
}

.javascriptMaterialdesignGm3WizButtonText-button--icon-trailing {
  padding-inline-start: var(--gm3-button-text-with-trailing-icon-leading-space, 16px);
  padding-inline-end: var(--gm3-button-text-with-trailing-icon-trailing-space, 12px)
}

.javascriptMaterialdesignGm3WizButtonText-button--icon-trailing .javascriptMaterialdesignGm3WizButtonText-button__icon-slot i,
.javascriptMaterialdesignGm3WizButtonText-button--icon-trailing .javascriptMaterialdesignGm3WizButtonText-button__icon-slot img,
.javascriptMaterialdesignGm3WizButtonText-button--icon-trailing .javascriptMaterialdesignGm3WizButtonText-button__icon-slot svg {
  margin-inline-start: var(--gm3-button-text-with-icon-icon-label-space, 8px)
}

.javascriptMaterialdesignGm3WizButtonText-button__icon-slot {
  display: none;
  position: relative;
  line-height: 0;
  color: var(--gm3-button-text-with-icon-icon-color, var(--gm3-sys-color-primary, #0b57d0))
}

.javascriptMaterialdesignGm3WizButtonText-button__icon-slot i,
.javascriptMaterialdesignGm3WizButtonText-button__icon-slot img,
.javascriptMaterialdesignGm3WizButtonText-button__icon-slot svg {
  display: inline-flex;
  position: relative;
  direction: inherit;
  color: inherit;
  font-size: var(--gm3-button-text-with-icon-icon-size, 18px);
  inline-size: var(--gm3-button-text-with-icon-icon-size, 18px);
  block-size: var(--gm3-button-text-with-icon-icon-size, 18px)
}

.javascriptMaterialdesignGm3WizButtonText-button:hover .javascriptMaterialdesignGm3WizButtonText-button__icon-slot {
  color: var(--gm3-button-text-with-icon-hover-icon-color, var(--gm3-sys-color-primary, #0b57d0))
}

.javascriptMaterialdesignGm3WizButtonText-button:focus-visible .javascriptMaterialdesignGm3WizButtonText-button__icon-slot {
  color: var(--gm3-button-text-with-icon-focus-icon-color, var(--gm3-sys-color-primary, #0b57d0))
}

.javascriptMaterialdesignGm3WizButtonText-button:active .javascriptMaterialdesignGm3WizButtonText-button__icon-slot {
  color: var(--gm3-button-text-with-icon-pressed-icon-color, var(--gm3-sys-color-primary, #0b57d0))
}

.javascriptMaterialdesignGm3WizButtonText-button:disabled .javascriptMaterialdesignGm3WizButtonText-button__icon-slot {
  color: var(--gm3-button-text-with-icon-disabled-icon-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .38))
}

.javascriptMaterialdesignGm3WizButtonText-button--flip-icon .javascriptMaterialdesignGm3WizButtonText-button__icon-slot[dir=rtl],
[dir=rtl] .javascriptMaterialdesignGm3WizButtonText-button--flip-icon .javascriptMaterialdesignGm3WizButtonText-button__icon-slot {
  transform: scaleX(-1)
}

.javascriptMaterialdesignGm3WizButtonText-button--icon-leading .javascriptMaterialdesignGm3WizButtonText-button__icon-slot--leading,
.javascriptMaterialdesignGm3WizButtonText-button--icon-trailing .javascriptMaterialdesignGm3WizButtonText-button__icon-slot--trailing {
  display: inline-flex
}

.javascriptMaterialdesignGm3WizButtonText-button__link {
  position: absolute;
  inset: 0
}

.javascriptMaterialdesignGm3WizButtonText-button--touch {
  margin-block: max((48px - var(--gm3-button-text-container-height, 40px))/2, 0px)
}

.javascriptMaterialdesignGm3WizButtonText-button__touch {
  position: absolute;
  inline-size: max(48px, 100%);
  block-size: max(48px, 100%);
  inset: unset;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.javascriptMaterialdesignGm3WizButtonText-button {
  will-change: transform, opacity
}

.javascriptMaterialdesignGm3WizButtonText-button:before {
  content: "";
  pointer-events: none;
  position: absolute;
  inset: 0;
  border-radius: inherit;
  border: 1px solid transparent
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizButtonText-button:has(.javascriptMaterialdesignGm3WizButtonText-button__link):before {
    border-color: LinkText
  }
}

@media (forced-colors:active) {

  .javascriptMaterialdesignGm3WizButtonText-button:has(.javascriptMaterialdesignGm3WizButtonText-button__link) .javascriptMaterialdesignGm3WizButtonText-button__icon-slot,
  .javascriptMaterialdesignGm3WizButtonText-button:has(.javascriptMaterialdesignGm3WizButtonText-button__link) .javascriptMaterialdesignGm3WizButtonText-button__label {
    color: LinkText
  }
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizButtonText-button:disabled:before {
    border-color: GrayText
  }
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizButtonText-deprecated-hcm-border:before {
    border-color: CanvasText
  }
}

.javascriptMaterialdesignGm3WizButtonFilledTonal-button {
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border: none;
  outline: none;
  background: transparent;
  -moz-appearance: none;
  appearance: none;
  line-height: inherit;
  text-rendering: inherit;
  -webkit-user-select: none;
  user-select: none;
  vertical-align: middle;
  cursor: pointer;
  min-inline-size: var(--gm3-button-filled-tonal-container-min-width, 64px);
  padding-block: 0;
  padding-inline-start: var(--gm3-button-filled-tonal-leading-space, 24px);
  padding-inline-end: var(--gm3-button-filled-tonal-trailing-space, 24px);
  block-size: var(--gm3-button-filled-tonal-container-height, 40px);
  border-radius: var(--gm3-button-filled-tonal-container-shape, 9999px);
  --gm3-ripple-hover-color: var(--gm3-button-filled-tonal-hover-state-layer-color, var(--gm3-sys-color-on-secondary-container, #001d35));
  --gm3-ripple-hover-opacity: var(--gm3-button-filled-tonal-hover-state-layer-opacity, 0.08);
  --gm3-ripple-pressed-color: var(--gm3-button-filled-tonal-hover-state-layer-color, var(--gm3-sys-color-on-secondary-container, #001d35));
  --gm3-ripple-pressed-opacity: var(--gm3-button-filled-tonal-pressed-state-layer-opacity, 0.1);
  --gm3-focus-ring-outward-color: var(--gm3-button-filled-tonal-focus-indicator-color, var(--gm3-sys-color-secondary, #00639b));
  --gm3-focus-ring-outward-offset: var(--gm3-button-filled-tonal-focus-indicator-outline-offset, 2px);
  --gm3-focus-ring-outward-track-width: var(--gm3-button-filled-tonal-focus-indicator-thickness, 3px);
  --gm3-focus-ring-outward-target-shape-start-start: var(--gm3-button-filled-tonal-container-shape, 9999px);
  --gm3-focus-ring-outward-target-shape-start-end: var(--gm3-button-filled-tonal-container-shape, 9999px);
  --gm3-focus-ring-outward-target-shape-end-end: var(--gm3-button-filled-tonal-container-shape, 9999px);
  --gm3-focus-ring-outward-target-shape-end-start: var(--gm3-button-filled-tonal-container-shape, 9999px)
}

.javascriptMaterialdesignGm3WizButtonFilledTonal-button__link:focus-visible {
  outline: none
}

.javascriptMaterialdesignGm3WizButtonFilledTonal-button:focus-visible,
.javascriptMaterialdesignGm3WizButtonFilledTonal-button__link:focus-visible~.javascriptMaterialdesignGm3WizButtonFilledTonal-button__focusring {
  --gm3-focus-ring-outward-display: block
}

.javascriptMaterialdesignGm3WizButtonFilledTonal-button:disabled {
  cursor: default;
  pointer-events: none;
  --gm3-ripple-hover-opacity: 0;
  --gm3-ripple-pressed-opacity: 0
}

.javascriptMaterialdesignGm3WizButtonFilledTonal-button--with-tooltip:disabled {
  pointer-events: auto
}

.javascriptMaterialdesignGm3WizButtonFilledTonal-button[hidden] {
  display: none
}

.javascriptMaterialdesignGm3WizButtonFilledTonal-button__label {
  position: relative;
  text-align: center;
  color: var(--gm3-button-filled-tonal-label-text-color, var(--gm3-sys-color-on-secondary-container, #001d35));
  font-size: var(--gm3-button-filled-tonal-label-text-size, .875rem);
  font-family: var(--gm3-button-filled-tonal-label-text-font, "Google Sans", Roboto, Arial, sans-serif);
  font-weight: var(--gm3-button-filled-tonal-label-text-weight, 500);
  letter-spacing: var(--gm3-button-filled-tonal-label-text-tracking, 0);
  -webkit-text-decoration: var(--gm3-button-filled-tonal-label-text-decoration, none);
  text-decoration: var(--gm3-button-filled-tonal-label-text-decoration, none);
  font-variation-settings: var(--gm3-button-filled-tonal-label-text-font-variation-settings, initial)
}

.javascriptMaterialdesignGm3WizButtonFilledTonal-button__use-updated-font-styles .javascriptMaterialdesignGm3WizButtonFilledTonal-button__label {
  font-family: var(--gm3-button-filled-tonal-label-text-font, "Google Sans Flex", "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif)
}

.javascriptMaterialdesignGm3WizButtonFilledTonal-button:hover .javascriptMaterialdesignGm3WizButtonFilledTonal-button__label {
  color: var(--gm3-button-filled-tonal-hover-label-text-color, var(--gm3-sys-color-on-secondary-container, #001d35))
}

.javascriptMaterialdesignGm3WizButtonFilledTonal-button:focus-visible .javascriptMaterialdesignGm3WizButtonFilledTonal-button__label {
  color: var(--gm3-button-filled-tonal-focus-label-text-color, var(--gm3-sys-color-on-secondary-container, #001d35))
}

.javascriptMaterialdesignGm3WizButtonFilledTonal-button:active .javascriptMaterialdesignGm3WizButtonFilledTonal-button__label {
  color: var(--gm3-button-filled-tonal-pressed-label-text-color, var(--gm3-sys-color-on-secondary-container, #001d35))
}

.javascriptMaterialdesignGm3WizButtonFilledTonal-button:disabled .javascriptMaterialdesignGm3WizButtonFilledTonal-button__label {
  color: var(--gm3-button-filled-tonal-disabled-label-text-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .38))
}

.javascriptMaterialdesignGm3WizButtonFilledTonal-button--ellipsis .javascriptMaterialdesignGm3WizButtonFilledTonal-button__label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.javascriptMaterialdesignGm3WizButtonFilledTonal-button--icon-leading {
  padding-inline-start: var(--gm3-button-filled-tonal-with-leading-icon-leading-space, 16px);
  padding-inline-end: var(--gm3-button-filled-tonal-with-leading-icon-trailing-space, 24px)
}

.javascriptMaterialdesignGm3WizButtonFilledTonal-button--icon-leading .javascriptMaterialdesignGm3WizButtonFilledTonal-button__icon-slot i,
.javascriptMaterialdesignGm3WizButtonFilledTonal-button--icon-leading .javascriptMaterialdesignGm3WizButtonFilledTonal-button__icon-slot img,
.javascriptMaterialdesignGm3WizButtonFilledTonal-button--icon-leading .javascriptMaterialdesignGm3WizButtonFilledTonal-button__icon-slot svg {
  margin-inline-end: var(--gm3-button-filled-tonal-with-icon-icon-label-space, 8px)
}

.javascriptMaterialdesignGm3WizButtonFilledTonal-button--icon-trailing {
  padding-inline-start: var(--gm3-button-filled-tonal-with-trailing-icon-leading-space, 24px);
  padding-inline-end: var(--gm3-button-filled-tonal-with-trailing-icon-trailing-space, 16px)
}

.javascriptMaterialdesignGm3WizButtonFilledTonal-button--icon-trailing .javascriptMaterialdesignGm3WizButtonFilledTonal-button__icon-slot i,
.javascriptMaterialdesignGm3WizButtonFilledTonal-button--icon-trailing .javascriptMaterialdesignGm3WizButtonFilledTonal-button__icon-slot img,
.javascriptMaterialdesignGm3WizButtonFilledTonal-button--icon-trailing .javascriptMaterialdesignGm3WizButtonFilledTonal-button__icon-slot svg {
  margin-inline-start: var(--gm3-button-filled-tonal-with-icon-icon-label-space, 8px)
}

.javascriptMaterialdesignGm3WizButtonFilledTonal-button__icon-slot {
  display: none;
  position: relative;
  line-height: 0;
  color: var(--gm3-button-filled-tonal-with-icon-icon-color, var(--gm3-sys-color-on-secondary-container, #001d35))
}

.javascriptMaterialdesignGm3WizButtonFilledTonal-button__icon-slot i,
.javascriptMaterialdesignGm3WizButtonFilledTonal-button__icon-slot img,
.javascriptMaterialdesignGm3WizButtonFilledTonal-button__icon-slot svg {
  display: inline-flex;
  position: relative;
  direction: inherit;
  color: inherit;
  font-size: var(--gm3-button-filled-tonal-with-icon-icon-size, 18px);
  inline-size: var(--gm3-button-filled-tonal-with-icon-icon-size, 18px);
  block-size: var(--gm3-button-filled-tonal-with-icon-icon-size, 18px)
}

.javascriptMaterialdesignGm3WizButtonFilledTonal-button:hover .javascriptMaterialdesignGm3WizButtonFilledTonal-button__icon-slot {
  color: var(--gm3-button-filled-tonal-with-icon-hover-icon-color, var(--gm3-sys-color-on-secondary-container, #001d35))
}

.javascriptMaterialdesignGm3WizButtonFilledTonal-button:focus-visible .javascriptMaterialdesignGm3WizButtonFilledTonal-button__icon-slot {
  color: var(--gm3-button-filled-tonal-with-icon-focus-icon-color, var(--gm3-sys-color-on-secondary-container, #001d35))
}

.javascriptMaterialdesignGm3WizButtonFilledTonal-button:active .javascriptMaterialdesignGm3WizButtonFilledTonal-button__icon-slot {
  color: var(--gm3-button-filled-tonal-with-icon-pressed-icon-color, var(--gm3-sys-color-on-secondary-container, #001d35))
}

.javascriptMaterialdesignGm3WizButtonFilledTonal-button:disabled .javascriptMaterialdesignGm3WizButtonFilledTonal-button__icon-slot {
  color: var(--gm3-button-filled-tonal-with-icon-disabled-icon-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .38))
}

.javascriptMaterialdesignGm3WizButtonFilledTonal-button--flip-icon .javascriptMaterialdesignGm3WizButtonFilledTonal-button__icon-slot[dir=rtl],
[dir=rtl] .javascriptMaterialdesignGm3WizButtonFilledTonal-button--flip-icon .javascriptMaterialdesignGm3WizButtonFilledTonal-button__icon-slot {
  transform: scaleX(-1)
}

.javascriptMaterialdesignGm3WizButtonFilledTonal-button--icon-leading .javascriptMaterialdesignGm3WizButtonFilledTonal-button__icon-slot--leading,
.javascriptMaterialdesignGm3WizButtonFilledTonal-button--icon-trailing .javascriptMaterialdesignGm3WizButtonFilledTonal-button__icon-slot--trailing {
  display: inline-flex
}

.javascriptMaterialdesignGm3WizButtonFilledTonal-button__link {
  position: absolute;
  inset: 0
}

.javascriptMaterialdesignGm3WizButtonFilledTonal-button--touch {
  margin-block: max((48px - var(--gm3-button-filled-tonal-container-height, 40px))/2, 0px)
}

.javascriptMaterialdesignGm3WizButtonFilledTonal-button__touch {
  position: absolute;
  inline-size: max(48px, 100%);
  block-size: max(48px, 100%);
  inset: unset;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.javascriptMaterialdesignGm3WizButtonFilledTonal-button {
  will-change: transform, opacity;
  background-color: var(--gm3-button-filled-tonal-container-color, var(--gm3-sys-color-secondary-container, #c2e7ff));
  --gm3-elevation-level: var(--gm3-button-filled-tonal-container-elevation, 0);
  --gm3-elevation-shadow-color: var(--gm3-button-filled-tonal-container-shadow-color, var(--gm3-sys-color-shadow, #000))
}

.javascriptMaterialdesignGm3WizButtonFilledTonal-button:hover {
  --gm3-elevation-level: var(--gm3-button-filled-tonal-hover-container-elevation, 1)
}

.javascriptMaterialdesignGm3WizButtonFilledTonal-button:focus-visible {
  --gm3-elevation-level: var(--gm3-button-filled-tonal-focus-container-elevation, 0)
}

.javascriptMaterialdesignGm3WizButtonFilledTonal-button:active {
  --gm3-elevation-level: var(--gm3-button-filled-tonal-pressed-container-elevation, 0)
}

.javascriptMaterialdesignGm3WizButtonFilledTonal-button:disabled {
  background-color: var(--gm3-button-filled-tonal-disabled-container-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .12));
  --gm3-elevation-level: var(--gm3-button-filled-tonal-disabled-container-elevation, 0)
}

.javascriptMaterialdesignGm3WizButtonFilledTonal-button:before {
  content: "";
  pointer-events: none;
  position: absolute;
  inset: 0;
  border-radius: inherit;
  border: 1px solid transparent
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizButtonFilledTonal-button:has(.javascriptMaterialdesignGm3WizButtonFilledTonal-button__link):before {
    border-color: LinkText
  }
}

@media (forced-colors:active) {

  .javascriptMaterialdesignGm3WizButtonFilledTonal-button:has(.javascriptMaterialdesignGm3WizButtonFilledTonal-button__link) .javascriptMaterialdesignGm3WizButtonFilledTonal-button__icon-slot,
  .javascriptMaterialdesignGm3WizButtonFilledTonal-button:has(.javascriptMaterialdesignGm3WizButtonFilledTonal-button__link) .javascriptMaterialdesignGm3WizButtonFilledTonal-button__label {
    color: LinkText
  }
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizButtonFilledTonal-button:disabled:before {
    border-color: GrayText
  }
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizButtonFilledTonal-deprecated-hcm-border:before {
    border-color: CanvasText
  }
}

.javascriptMaterialdesignGm3WizButtonDropdownFilled-button {
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border: none;
  outline: none;
  background: transparent;
  -moz-appearance: none;
  appearance: none;
  line-height: inherit;
  text-rendering: inherit;
  -webkit-user-select: none;
  user-select: none;
  vertical-align: middle;
  cursor: pointer;
  min-inline-size: var(--gm3-dropdown-button-filled-container-min-width, 64px);
  padding-block: 0;
  padding-inline-start: var(--gm3-dropdown-button-filled-leading-space, 24px);
  padding-inline-end: var(--gm3-dropdown-button-filled-trailing-space, 24px);
  block-size: var(--gm3-dropdown-button-filled-container-height, 40px);
  border-radius: var(--gm3-dropdown-button-filled-container-shape, 9999px);
  --gm3-ripple-hover-color: var(--gm3-dropdown-button-filled-hover-state-layer-color, var(--gm3-sys-color-on-primary, #fff));
  --gm3-ripple-hover-opacity: var(--gm3-dropdown-button-filled-hover-state-layer-opacity, 0.08);
  --gm3-ripple-pressed-color: var(--gm3-dropdown-button-filled-hover-state-layer-color, var(--gm3-sys-color-on-primary, #fff));
  --gm3-ripple-pressed-opacity: var(--gm3-dropdown-button-filled-pressed-state-layer-opacity, 0.1);
  --gm3-focus-ring-outward-color: var(--gm3-dropdown-button-filled-focus-indicator-color, var(--gm3-sys-color-secondary, #00639b));
  --gm3-focus-ring-outward-offset: var(--gm3-dropdown-button-filled-focus-indicator-outline-offset, 2px);
  --gm3-focus-ring-outward-track-width: var(--gm3-dropdown-button-filled-focus-indicator-thickness, 3px);
  --gm3-focus-ring-outward-target-shape-start-start: var(--gm3-dropdown-button-filled-container-shape, 9999px);
  --gm3-focus-ring-outward-target-shape-start-end: var(--gm3-dropdown-button-filled-container-shape, 9999px);
  --gm3-focus-ring-outward-target-shape-end-end: var(--gm3-dropdown-button-filled-container-shape, 9999px);
  --gm3-focus-ring-outward-target-shape-end-start: var(--gm3-dropdown-button-filled-container-shape, 9999px)
}

.javascriptMaterialdesignGm3WizButtonDropdownFilled-button__link:focus-visible {
  outline: none
}

.javascriptMaterialdesignGm3WizButtonDropdownFilled-button:focus-visible,
.javascriptMaterialdesignGm3WizButtonDropdownFilled-button__link:focus-visible~.javascriptMaterialdesignGm3WizButtonDropdownFilled-button__focusring {
  --gm3-focus-ring-outward-display: block
}

.javascriptMaterialdesignGm3WizButtonDropdownFilled-button:disabled {
  cursor: default;
  pointer-events: none;
  --gm3-ripple-hover-opacity: 0;
  --gm3-ripple-pressed-opacity: 0
}

.javascriptMaterialdesignGm3WizButtonDropdownFilled-button--with-tooltip:disabled {
  pointer-events: auto
}

.javascriptMaterialdesignGm3WizButtonDropdownFilled-button[hidden] {
  display: none
}

.javascriptMaterialdesignGm3WizButtonDropdownFilled-button__label {
  position: relative;
  text-align: center;
  color: var(--gm3-dropdown-button-filled-label-text-color, var(--gm3-sys-color-on-primary, #fff));
  font-size: var(--gm3-dropdown-button-filled-label-text-size, .875rem);
  font-family: var(--gm3-dropdown-button-filled-label-text-font, "Google Sans", Roboto, Arial, sans-serif);
  font-weight: var(--gm3-dropdown-button-filled-label-text-weight, 500);
  letter-spacing: var(--gm3-dropdown-button-filled-label-text-tracking, 0);
  -webkit-text-decoration: var(--gm3-dropdown-button-filled-label-text-decoration, none);
  text-decoration: var(--gm3-dropdown-button-filled-label-text-decoration, none);
  font-variation-settings: var(--gm3-dropdown-button-filled-label-text-font-variation-settings, initial)
}

.javascriptMaterialdesignGm3WizButtonDropdownFilled-button__use-updated-font-styles .javascriptMaterialdesignGm3WizButtonDropdownFilled-button__label {
  font-family: var(--gm3-dropdown-button-filled-label-text-font, "Google Sans Flex", "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif)
}

.javascriptMaterialdesignGm3WizButtonDropdownFilled-button:hover .javascriptMaterialdesignGm3WizButtonDropdownFilled-button__label {
  color: var(--gm3-dropdown-button-filled-hover-label-text-color, var(--gm3-sys-color-on-primary, #fff))
}

.javascriptMaterialdesignGm3WizButtonDropdownFilled-button:focus-visible .javascriptMaterialdesignGm3WizButtonDropdownFilled-button__label {
  color: var(--gm3-dropdown-button-filled-focus-label-text-color, var(--gm3-sys-color-on-primary, #fff))
}

.javascriptMaterialdesignGm3WizButtonDropdownFilled-button:active .javascriptMaterialdesignGm3WizButtonDropdownFilled-button__label {
  color: var(--gm3-dropdown-button-filled-pressed-label-text-color, var(--gm3-sys-color-on-primary, #fff))
}

.javascriptMaterialdesignGm3WizButtonDropdownFilled-button:disabled .javascriptMaterialdesignGm3WizButtonDropdownFilled-button__label {
  color: var(--gm3-dropdown-button-filled-disabled-label-text-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .38))
}

.javascriptMaterialdesignGm3WizButtonDropdownFilled-button--ellipsis .javascriptMaterialdesignGm3WizButtonDropdownFilled-button__label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.javascriptMaterialdesignGm3WizButtonDropdownFilled-button--icon-leading {
  padding-inline-start: var(--gm3-dropdown-button-filled-with-leading-icon-leading-space, 16px);
  padding-inline-end: var(--gm3-dropdown-button-filled-with-leading-icon-trailing-space, 24px)
}

.javascriptMaterialdesignGm3WizButtonDropdownFilled-button--icon-leading .javascriptMaterialdesignGm3WizButtonDropdownFilled-button__icon-slot i,
.javascriptMaterialdesignGm3WizButtonDropdownFilled-button--icon-leading .javascriptMaterialdesignGm3WizButtonDropdownFilled-button__icon-slot img,
.javascriptMaterialdesignGm3WizButtonDropdownFilled-button--icon-leading .javascriptMaterialdesignGm3WizButtonDropdownFilled-button__icon-slot svg {
  margin-inline-end: var(--gm3-dropdown-button-filled-with-icon-icon-label-space, 8px)
}

.javascriptMaterialdesignGm3WizButtonDropdownFilled-button--icon-trailing {
  padding-inline-start: var(--gm3-dropdown-button-filled-with-trailing-icon-leading-space, 24px);
  padding-inline-end: var(--gm3-dropdown-button-filled-with-trailing-icon-trailing-space, 16px)
}

.javascriptMaterialdesignGm3WizButtonDropdownFilled-button--icon-trailing .javascriptMaterialdesignGm3WizButtonDropdownFilled-button__icon-slot i,
.javascriptMaterialdesignGm3WizButtonDropdownFilled-button--icon-trailing .javascriptMaterialdesignGm3WizButtonDropdownFilled-button__icon-slot img,
.javascriptMaterialdesignGm3WizButtonDropdownFilled-button--icon-trailing .javascriptMaterialdesignGm3WizButtonDropdownFilled-button__icon-slot svg {
  margin-inline-start: var(--gm3-dropdown-button-filled-with-icon-icon-label-space, 8px)
}

.javascriptMaterialdesignGm3WizButtonDropdownFilled-button__icon-slot {
  display: none;
  position: relative;
  line-height: 0;
  color: var(--gm3-dropdown-button-filled-with-icon-icon-color, var(--gm3-sys-color-on-primary, #fff))
}

.javascriptMaterialdesignGm3WizButtonDropdownFilled-button__icon-slot i,
.javascriptMaterialdesignGm3WizButtonDropdownFilled-button__icon-slot img,
.javascriptMaterialdesignGm3WizButtonDropdownFilled-button__icon-slot svg {
  display: inline-flex;
  position: relative;
  direction: inherit;
  color: inherit;
  font-size: var(--gm3-dropdown-button-filled-with-icon-icon-size, 18px);
  inline-size: var(--gm3-dropdown-button-filled-with-icon-icon-size, 18px);
  block-size: var(--gm3-dropdown-button-filled-with-icon-icon-size, 18px)
}

.javascriptMaterialdesignGm3WizButtonDropdownFilled-button:hover .javascriptMaterialdesignGm3WizButtonDropdownFilled-button__icon-slot {
  color: var(--gm3-dropdown-button-filled-with-icon-hover-icon-color, var(--gm3-sys-color-on-primary, #fff))
}

.javascriptMaterialdesignGm3WizButtonDropdownFilled-button:focus-visible .javascriptMaterialdesignGm3WizButtonDropdownFilled-button__icon-slot {
  color: var(--gm3-dropdown-button-filled-with-icon-focus-icon-color, var(--gm3-sys-color-on-primary, #fff))
}

.javascriptMaterialdesignGm3WizButtonDropdownFilled-button:active .javascriptMaterialdesignGm3WizButtonDropdownFilled-button__icon-slot {
  color: var(--gm3-dropdown-button-filled-with-icon-pressed-icon-color, var(--gm3-sys-color-on-primary, #fff))
}

.javascriptMaterialdesignGm3WizButtonDropdownFilled-button:disabled .javascriptMaterialdesignGm3WizButtonDropdownFilled-button__icon-slot {
  color: var(--gm3-dropdown-button-filled-with-icon-disabled-icon-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .38))
}

.javascriptMaterialdesignGm3WizButtonDropdownFilled-button--flip-icon .javascriptMaterialdesignGm3WizButtonDropdownFilled-button__icon-slot[dir=rtl],
[dir=rtl] .javascriptMaterialdesignGm3WizButtonDropdownFilled-button--flip-icon .javascriptMaterialdesignGm3WizButtonDropdownFilled-button__icon-slot {
  transform: scaleX(-1)
}

.javascriptMaterialdesignGm3WizButtonDropdownFilled-button--icon-leading .javascriptMaterialdesignGm3WizButtonDropdownFilled-button__icon-slot--leading,
.javascriptMaterialdesignGm3WizButtonDropdownFilled-button--icon-trailing .javascriptMaterialdesignGm3WizButtonDropdownFilled-button__icon-slot--trailing {
  display: inline-flex
}

.javascriptMaterialdesignGm3WizButtonDropdownFilled-button__link {
  position: absolute;
  inset: 0
}

.javascriptMaterialdesignGm3WizButtonDropdownFilled-button--touch {
  margin-block: max((48px - var(--gm3-dropdown-button-filled-container-height, 40px))/2, 0px)
}

.javascriptMaterialdesignGm3WizButtonDropdownFilled-button__touch {
  position: absolute;
  inline-size: max(48px, 100%);
  block-size: max(48px, 100%);
  inset: unset;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.javascriptMaterialdesignGm3WizButtonDropdownFilled-button {
  will-change: transform, opacity;
  background-color: var(--gm3-dropdown-button-filled-container-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-elevation-level: var(--gm3-dropdown-button-filled-container-elevation, 0);
  --gm3-elevation-shadow-color: var(--gm3-dropdown-button-filled-container-shadow-color, var(--gm3-sys-color-shadow, #000))
}

.javascriptMaterialdesignGm3WizButtonDropdownFilled-button:hover {
  --gm3-elevation-level: var(--gm3-dropdown-button-filled-hover-container-elevation, 1)
}

.javascriptMaterialdesignGm3WizButtonDropdownFilled-button:focus-visible {
  --gm3-elevation-level: var(--gm3-dropdown-button-filled-focus-container-elevation, 0)
}

.javascriptMaterialdesignGm3WizButtonDropdownFilled-button:active {
  --gm3-elevation-level: var(--gm3-dropdown-button-filled-pressed-container-elevation, 0)
}

.javascriptMaterialdesignGm3WizButtonDropdownFilled-button:disabled {
  background-color: var(--gm3-dropdown-button-filled-disabled-container-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .12));
  --gm3-elevation-level: var(--gm3-dropdown-button-filled-disabled-container-elevation, 0)
}

.javascriptMaterialdesignGm3WizButtonDropdownFilled-button:before {
  content: "";
  pointer-events: none;
  position: absolute;
  inset: 0;
  border-radius: inherit;
  border: 1px solid transparent
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizButtonDropdownFilled-button:has(.javascriptMaterialdesignGm3WizButtonDropdownFilled-button__link):before {
    border-color: LinkText
  }
}

@media (forced-colors:active) {

  .javascriptMaterialdesignGm3WizButtonDropdownFilled-button:has(.javascriptMaterialdesignGm3WizButtonDropdownFilled-button__link) .javascriptMaterialdesignGm3WizButtonDropdownFilled-button__icon-slot,
  .javascriptMaterialdesignGm3WizButtonDropdownFilled-button:has(.javascriptMaterialdesignGm3WizButtonDropdownFilled-button__link) .javascriptMaterialdesignGm3WizButtonDropdownFilled-button__label {
    color: LinkText
  }
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizButtonDropdownFilled-button:disabled:before {
    border-color: GrayText
  }
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizButtonDropdownFilled-deprecated-hcm-border:before {
    border-color: CanvasText
  }
}

.javascriptMaterialdesignGm3WizButtonDropdownFilled-button--icon-dropdown .javascriptMaterialdesignGm3WizButtonDropdownFilled-button__icon-slot--dropdown {
  display: inline-flex
}

.javascriptMaterialdesignGm3WizButtonDropdownFilled-button__icon-slot--dropdown .javascriptMaterialdesignGm3WizButtonDropdownFilled-icon-dropdown {
  fill: currentColor;
  transform: rotate(0deg);
  transition: transform .15s linear
}

.javascriptMaterialdesignGm3WizButtonDropdownFilled-button--expanded .javascriptMaterialdesignGm3WizButtonDropdownFilled-button__icon-slot--dropdown .javascriptMaterialdesignGm3WizButtonDropdownFilled-icon-dropdown {
  transform: rotate(-180deg);
  transition: transform .15s linear
}

.javascriptMaterialdesignGm3WizButtonDropdownFilled-button--icon-dropdown {
  padding-inline: 20px 16px
}

.javascriptMaterialdesignGm3WizButtonDropdownFilled-button--icon-dropdown-and-leading {
  padding-inline: 16px 16px
}

.javascriptMaterialdesignGm3WizButtonDropdownFilled-button--icon-dropdown .javascriptMaterialdesignGm3WizButtonDropdownFilled-button__icon-slot .javascriptMaterialdesignGm3WizButtonDropdownFilled-icon-dropdown {
  margin-inline-start: 8px;
  width: 22px;
  height: 22px;
  font-size: 22px
}

.javascriptMaterialdesignGm3WizButtonDropdownFilled-button--icon-dropdown-and-leading .javascriptMaterialdesignGm3WizButtonDropdownFilled-button__icon-slot--leading .javascriptMaterialdesignGm3WizButtonDropdownFilled-icon-dropdown {
  margin-inline-start: 0
}

.javascriptMaterialdesignGm3WizButtonDropdownFilled-button--icon-dropdown-and-leading .javascriptMaterialdesignGm3WizButtonDropdownFilled-button__icon-slot--dropdown .javascriptMaterialdesignGm3WizButtonDropdownFilled-icon-dropdown {
  margin-inline-end: 0
}

.javascriptMaterialdesignGm3WizButtonDropdownOutlined-button {
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border: none;
  outline: none;
  background: transparent;
  -moz-appearance: none;
  appearance: none;
  line-height: inherit;
  text-rendering: inherit;
  -webkit-user-select: none;
  user-select: none;
  vertical-align: middle;
  cursor: pointer;
  min-inline-size: var(--gm3-dropdown-button-outlined-container-min-width, 64px);
  padding-block: 0;
  padding-inline-start: var(--gm3-dropdown-button-outlined-leading-space, 24px);
  padding-inline-end: var(--gm3-dropdown-button-outlined-trailing-space, 24px);
  block-size: var(--gm3-dropdown-button-outlined-container-height, 40px);
  border-radius: var(--gm3-dropdown-button-outlined-container-shape, 9999px);
  --gm3-ripple-hover-color: var(--gm3-dropdown-button-outlined-hover-state-layer-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-ripple-hover-opacity: var(--gm3-dropdown-button-outlined-hover-state-layer-opacity, 0.08);
  --gm3-ripple-pressed-color: var(--gm3-dropdown-button-outlined-hover-state-layer-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-ripple-pressed-opacity: var(--gm3-dropdown-button-outlined-pressed-state-layer-opacity, 0.1);
  --gm3-focus-ring-outward-color: var(--gm3-dropdown-button-outlined-focus-indicator-color, var(--gm3-sys-color-secondary, #00639b));
  --gm3-focus-ring-outward-offset: var(--gm3-dropdown-button-outlined-focus-indicator-outline-offset, 2px);
  --gm3-focus-ring-outward-track-width: var(--gm3-dropdown-button-outlined-focus-indicator-thickness, 3px);
  --gm3-focus-ring-outward-target-shape-start-start: var(--gm3-dropdown-button-outlined-container-shape, 9999px);
  --gm3-focus-ring-outward-target-shape-start-end: var(--gm3-dropdown-button-outlined-container-shape, 9999px);
  --gm3-focus-ring-outward-target-shape-end-end: var(--gm3-dropdown-button-outlined-container-shape, 9999px);
  --gm3-focus-ring-outward-target-shape-end-start: var(--gm3-dropdown-button-outlined-container-shape, 9999px)
}

.javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__link:focus-visible {
  outline: none
}

.javascriptMaterialdesignGm3WizButtonDropdownOutlined-button:focus-visible,
.javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__link:focus-visible~.javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__focusring {
  --gm3-focus-ring-outward-display: block
}

.javascriptMaterialdesignGm3WizButtonDropdownOutlined-button:disabled {
  cursor: default;
  pointer-events: none;
  --gm3-ripple-hover-opacity: 0;
  --gm3-ripple-pressed-opacity: 0
}

.javascriptMaterialdesignGm3WizButtonDropdownOutlined-button--with-tooltip:disabled {
  pointer-events: auto
}

.javascriptMaterialdesignGm3WizButtonDropdownOutlined-button[hidden] {
  display: none
}

.javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__label {
  position: relative;
  text-align: center;
  color: var(--gm3-dropdown-button-outlined-label-text-color, var(--gm3-sys-color-primary, #0b57d0));
  font-size: var(--gm3-dropdown-button-outlined-label-text-size, .875rem);
  font-family: var(--gm3-dropdown-button-outlined-label-text-font, "Google Sans", Roboto, Arial, sans-serif);
  font-weight: var(--gm3-dropdown-button-outlined-label-text-weight, 500);
  letter-spacing: var(--gm3-dropdown-button-outlined-label-text-tracking, 0);
  -webkit-text-decoration: var(--gm3-dropdown-button-outlined-label-text-decoration, none);
  text-decoration: var(--gm3-dropdown-button-outlined-label-text-decoration, none);
  font-variation-settings: var(--gm3-dropdown-button-outlined-label-text-font-variation-settings, initial)
}

.javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__use-updated-font-styles .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__label {
  font-family: var(--gm3-dropdown-button-outlined-label-text-font, "Google Sans Flex", "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif)
}

.javascriptMaterialdesignGm3WizButtonDropdownOutlined-button:hover .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__label {
  color: var(--gm3-dropdown-button-outlined-hover-label-text-color, var(--gm3-sys-color-primary, #0b57d0))
}

.javascriptMaterialdesignGm3WizButtonDropdownOutlined-button:focus-visible .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__label {
  color: var(--gm3-dropdown-button-outlined-focus-label-text-color, var(--gm3-sys-color-primary, #0b57d0))
}

.javascriptMaterialdesignGm3WizButtonDropdownOutlined-button:active .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__label {
  color: var(--gm3-dropdown-button-outlined-pressed-label-text-color, var(--gm3-sys-color-primary, #0b57d0))
}

.javascriptMaterialdesignGm3WizButtonDropdownOutlined-button:disabled .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__label {
  color: var(--gm3-dropdown-button-outlined-disabled-label-text-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .38))
}

.javascriptMaterialdesignGm3WizButtonDropdownOutlined-button--ellipsis .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.javascriptMaterialdesignGm3WizButtonDropdownOutlined-button--icon-leading {
  padding-inline-start: var(--gm3-dropdown-button-outlined-with-leading-icon-leading-space, 16px);
  padding-inline-end: var(--gm3-dropdown-button-outlined-with-leading-icon-trailing-space, 24px)
}

.javascriptMaterialdesignGm3WizButtonDropdownOutlined-button--icon-leading .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__icon-slot i,
.javascriptMaterialdesignGm3WizButtonDropdownOutlined-button--icon-leading .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__icon-slot img,
.javascriptMaterialdesignGm3WizButtonDropdownOutlined-button--icon-leading .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__icon-slot svg {
  margin-inline-end: var(--gm3-dropdown-button-outlined-with-icon-icon-label-space, 8px)
}

.javascriptMaterialdesignGm3WizButtonDropdownOutlined-button--icon-trailing {
  padding-inline-start: var(--gm3-dropdown-button-outlined-with-trailing-icon-leading-space, 24px);
  padding-inline-end: var(--gm3-dropdown-button-outlined-with-trailing-icon-trailing-space, 16px)
}

.javascriptMaterialdesignGm3WizButtonDropdownOutlined-button--icon-trailing .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__icon-slot i,
.javascriptMaterialdesignGm3WizButtonDropdownOutlined-button--icon-trailing .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__icon-slot img,
.javascriptMaterialdesignGm3WizButtonDropdownOutlined-button--icon-trailing .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__icon-slot svg {
  margin-inline-start: var(--gm3-dropdown-button-outlined-with-icon-icon-label-space, 8px)
}

.javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__icon-slot {
  display: none;
  position: relative;
  line-height: 0;
  color: var(--gm3-dropdown-button-outlined-with-icon-icon-color, var(--gm3-sys-color-primary, #0b57d0))
}

.javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__icon-slot i,
.javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__icon-slot img,
.javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__icon-slot svg {
  display: inline-flex;
  position: relative;
  direction: inherit;
  color: inherit;
  font-size: var(--gm3-dropdown-button-outlined-with-icon-icon-size, 18px);
  inline-size: var(--gm3-dropdown-button-outlined-with-icon-icon-size, 18px);
  block-size: var(--gm3-dropdown-button-outlined-with-icon-icon-size, 18px)
}

.javascriptMaterialdesignGm3WizButtonDropdownOutlined-button:hover .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__icon-slot {
  color: var(--gm3-dropdown-button-outlined-with-icon-hover-icon-color, var(--gm3-sys-color-primary, #0b57d0))
}

.javascriptMaterialdesignGm3WizButtonDropdownOutlined-button:focus-visible .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__icon-slot {
  color: var(--gm3-dropdown-button-outlined-with-icon-focus-icon-color, var(--gm3-sys-color-primary, #0b57d0))
}

.javascriptMaterialdesignGm3WizButtonDropdownOutlined-button:active .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__icon-slot {
  color: var(--gm3-dropdown-button-outlined-with-icon-pressed-icon-color, var(--gm3-sys-color-primary, #0b57d0))
}

.javascriptMaterialdesignGm3WizButtonDropdownOutlined-button:disabled .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__icon-slot {
  color: var(--gm3-dropdown-button-outlined-with-icon-disabled-icon-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .38))
}

.javascriptMaterialdesignGm3WizButtonDropdownOutlined-button--flip-icon .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__icon-slot[dir=rtl],
[dir=rtl] .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button--flip-icon .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__icon-slot {
  transform: scaleX(-1)
}

.javascriptMaterialdesignGm3WizButtonDropdownOutlined-button--icon-leading .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__icon-slot--leading,
.javascriptMaterialdesignGm3WizButtonDropdownOutlined-button--icon-trailing .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__icon-slot--trailing {
  display: inline-flex
}

.javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__link {
  position: absolute;
  inset: 0
}

.javascriptMaterialdesignGm3WizButtonDropdownOutlined-button--touch {
  margin-block: max((48px - var(--gm3-dropdown-button-outlined-container-height, 40px))/2, 0px)
}

.javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__touch {
  position: absolute;
  inline-size: max(48px, 100%);
  block-size: max(48px, 100%);
  inset: unset;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.javascriptMaterialdesignGm3WizButtonDropdownOutlined-button {
  border-style: solid;
  border-width: var(--gm3-dropdown-button-outlined-outline-width, 1px);
  border-color: var(--gm3-dropdown-button-outlined-outline-color, var(--gm3-sys-color-outline, #747775));
  --gm3-focus-ring-outward-offset: calc(var(--gm3-dropdown-button-outlined-focus-indicator-outline-offset, 2px) + var(--gm3-dropdown-button-outlined-outline-width, 1px));
  --gm3-focus-ring-outward-target-shape-start-start: calc(var(--gm3-dropdown-button-outlined-container-shape, 9999px) - var(--gm3-dropdown-button-outlined-outline-width, 1px));
  --gm3-focus-ring-outward-target-shape-start-end: calc(var(--gm3-dropdown-button-outlined-container-shape, 9999px) - var(--gm3-dropdown-button-outlined-outline-width, 1px));
  --gm3-focus-ring-outward-target-shape-end-end: calc(var(--gm3-dropdown-button-outlined-container-shape, 9999px) - var(--gm3-dropdown-button-outlined-outline-width, 1px));
  --gm3-focus-ring-outward-target-shape-end-start: calc(var(--gm3-dropdown-button-outlined-container-shape, 9999px) - var(--gm3-dropdown-button-outlined-outline-width, 1px))
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button:has(.javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__link) {
    border-color: LinkText
  }
}

@media (forced-colors:active) {

  .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button:has(.javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__link) .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__icon-slot,
  .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button:has(.javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__link) .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__label {
    color: LinkText
  }
}

.javascriptMaterialdesignGm3WizButtonDropdownOutlined-button:hover {
  border-color: var(--gm3-dropdown-button-outlined-hover-outline-color, var(--gm3-sys-color-outline, #747775))
}

.javascriptMaterialdesignGm3WizButtonDropdownOutlined-button:focus-visible {
  border-color: var(--gm3-dropdown-button-outlined-focus-outline-color, var(--gm3-sys-color-primary, #0b57d0))
}

.javascriptMaterialdesignGm3WizButtonDropdownOutlined-button:active {
  border-color: var(--gm3-dropdown-button-outlined-pressed-outline-color, var(--gm3-sys-color-outline, #747775))
}

.javascriptMaterialdesignGm3WizButtonDropdownOutlined-button:disabled {
  border-color: var(--gm3-dropdown-button-outlined-disabled-outline-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .12))
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button:disabled {
    border-color: GrayText
  }
}

.javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__touch {
  inline-size: max(48px, 100% + var(--gm3-dropdown-button-outlined-outline-width, 1px) * 2)
}

.javascriptMaterialdesignGm3WizButtonDropdownOutlined-button--icon-dropdown .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__icon-slot--dropdown {
  display: inline-flex
}

.javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__icon-slot--dropdown .javascriptMaterialdesignGm3WizButtonDropdownOutlined-icon-dropdown {
  fill: currentColor;
  transform: rotate(0deg);
  transition: transform .15s linear
}

.javascriptMaterialdesignGm3WizButtonDropdownOutlined-button--expanded .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__icon-slot--dropdown .javascriptMaterialdesignGm3WizButtonDropdownOutlined-icon-dropdown {
  transform: rotate(-180deg);
  transition: transform .15s linear
}

.javascriptMaterialdesignGm3WizButtonDropdownOutlined-button--icon-dropdown {
  padding-inline: 20px 16px
}

.javascriptMaterialdesignGm3WizButtonDropdownOutlined-button--icon-dropdown-and-leading {
  padding-inline: 16px 16px
}

.javascriptMaterialdesignGm3WizButtonDropdownOutlined-button--icon-dropdown .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__icon-slot .javascriptMaterialdesignGm3WizButtonDropdownOutlined-icon-dropdown {
  margin-inline-start: 8px;
  width: 22px;
  height: 22px;
  font-size: 22px
}

.javascriptMaterialdesignGm3WizButtonDropdownOutlined-button--icon-dropdown-and-leading .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__icon-slot--leading .javascriptMaterialdesignGm3WizButtonDropdownOutlined-icon-dropdown {
  margin-inline-start: 0
}

.javascriptMaterialdesignGm3WizButtonDropdownOutlined-button--icon-dropdown-and-leading .javascriptMaterialdesignGm3WizButtonDropdownOutlined-button__icon-slot--dropdown .javascriptMaterialdesignGm3WizButtonDropdownOutlined-icon-dropdown {
  margin-inline-end: 0
}

.javascriptMaterialdesignGm3WizButtonDropdownText-button {
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border: none;
  outline: none;
  background: transparent;
  -moz-appearance: none;
  appearance: none;
  line-height: inherit;
  text-rendering: inherit;
  -webkit-user-select: none;
  user-select: none;
  vertical-align: middle;
  cursor: pointer;
  min-inline-size: var(--gm3-dropdown-button-text-container-min-width, 64px);
  padding-block: 0;
  padding-inline-start: var(--gm3-dropdown-button-text-leading-space, 12px);
  padding-inline-end: var(--gm3-dropdown-button-text-trailing-space, 12px);
  block-size: var(--gm3-dropdown-button-text-container-height, 40px);
  border-radius: var(--gm3-dropdown-button-text-container-shape, 9999px);
  --gm3-ripple-hover-color: var(--gm3-dropdown-button-text-hover-state-layer-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-ripple-hover-opacity: var(--gm3-dropdown-button-text-hover-state-layer-opacity, 0.08);
  --gm3-ripple-pressed-color: var(--gm3-dropdown-button-text-hover-state-layer-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-ripple-pressed-opacity: var(--gm3-dropdown-button-text-pressed-state-layer-opacity, 0.1);
  --gm3-focus-ring-outward-color: var(--gm3-dropdown-button-text-focus-indicator-color, var(--gm3-sys-color-secondary, #00639b));
  --gm3-focus-ring-outward-offset: var(--gm3-dropdown-button-text-focus-indicator-outline-offset, 2px);
  --gm3-focus-ring-outward-track-width: var(--gm3-dropdown-button-text-focus-indicator-thickness, 3px);
  --gm3-focus-ring-outward-target-shape-start-start: var(--gm3-dropdown-button-text-container-shape, 9999px);
  --gm3-focus-ring-outward-target-shape-start-end: var(--gm3-dropdown-button-text-container-shape, 9999px);
  --gm3-focus-ring-outward-target-shape-end-end: var(--gm3-dropdown-button-text-container-shape, 9999px);
  --gm3-focus-ring-outward-target-shape-end-start: var(--gm3-dropdown-button-text-container-shape, 9999px)
}

.javascriptMaterialdesignGm3WizButtonDropdownText-button__link:focus-visible {
  outline: none
}

.javascriptMaterialdesignGm3WizButtonDropdownText-button:focus-visible,
.javascriptMaterialdesignGm3WizButtonDropdownText-button__link:focus-visible~.javascriptMaterialdesignGm3WizButtonDropdownText-button__focusring {
  --gm3-focus-ring-outward-display: block
}

.javascriptMaterialdesignGm3WizButtonDropdownText-button:disabled {
  cursor: default;
  pointer-events: none;
  --gm3-ripple-hover-opacity: 0;
  --gm3-ripple-pressed-opacity: 0
}

.javascriptMaterialdesignGm3WizButtonDropdownText-button--with-tooltip:disabled {
  pointer-events: auto
}

.javascriptMaterialdesignGm3WizButtonDropdownText-button[hidden] {
  display: none
}

.javascriptMaterialdesignGm3WizButtonDropdownText-button__label {
  position: relative;
  text-align: center;
  color: var(--gm3-dropdown-button-text-label-text-color, var(--gm3-sys-color-primary, #0b57d0));
  font-size: var(--gm3-dropdown-button-text-label-text-size, .875rem);
  font-family: var(--gm3-dropdown-button-text-label-text-font, "Google Sans", Roboto, Arial, sans-serif);
  font-weight: var(--gm3-dropdown-button-text-label-text-weight, 500);
  letter-spacing: var(--gm3-dropdown-button-text-label-text-tracking, 0);
  -webkit-text-decoration: var(--gm3-dropdown-button-text-label-text-decoration, none);
  text-decoration: var(--gm3-dropdown-button-text-label-text-decoration, none);
  font-variation-settings: var(--gm3-dropdown-button-text-label-text-font-variation-settings, initial)
}

.javascriptMaterialdesignGm3WizButtonDropdownText-button__use-updated-font-styles .javascriptMaterialdesignGm3WizButtonDropdownText-button__label {
  font-family: var(--gm3-dropdown-button-text-label-text-font, "Google Sans Flex", "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif)
}

.javascriptMaterialdesignGm3WizButtonDropdownText-button:hover .javascriptMaterialdesignGm3WizButtonDropdownText-button__label {
  color: var(--gm3-dropdown-button-text-hover-label-text-color, var(--gm3-sys-color-primary, #0b57d0))
}

.javascriptMaterialdesignGm3WizButtonDropdownText-button:focus-visible .javascriptMaterialdesignGm3WizButtonDropdownText-button__label {
  color: var(--gm3-dropdown-button-text-focus-label-text-color, var(--gm3-sys-color-primary, #0b57d0))
}

.javascriptMaterialdesignGm3WizButtonDropdownText-button:active .javascriptMaterialdesignGm3WizButtonDropdownText-button__label {
  color: var(--gm3-dropdown-button-text-pressed-label-text-color, var(--gm3-sys-color-primary, #0b57d0))
}

.javascriptMaterialdesignGm3WizButtonDropdownText-button:disabled .javascriptMaterialdesignGm3WizButtonDropdownText-button__label {
  color: var(--gm3-dropdown-button-text-disabled-label-text-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .38))
}

.javascriptMaterialdesignGm3WizButtonDropdownText-button--ellipsis .javascriptMaterialdesignGm3WizButtonDropdownText-button__label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.javascriptMaterialdesignGm3WizButtonDropdownText-button--icon-leading {
  padding-inline-start: var(--gm3-dropdown-button-text-with-leading-icon-leading-space, 12px);
  padding-inline-end: var(--gm3-dropdown-button-text-with-leading-icon-trailing-space, 16px)
}

.javascriptMaterialdesignGm3WizButtonDropdownText-button--icon-leading .javascriptMaterialdesignGm3WizButtonDropdownText-button__icon-slot i,
.javascriptMaterialdesignGm3WizButtonDropdownText-button--icon-leading .javascriptMaterialdesignGm3WizButtonDropdownText-button__icon-slot img,
.javascriptMaterialdesignGm3WizButtonDropdownText-button--icon-leading .javascriptMaterialdesignGm3WizButtonDropdownText-button__icon-slot svg {
  margin-inline-end: var(--gm3-dropdown-button-text-with-icon-icon-label-space, 8px)
}

.javascriptMaterialdesignGm3WizButtonDropdownText-button--icon-trailing {
  padding-inline-start: var(--gm3-dropdown-button-text-with-trailing-icon-leading-space, 16px);
  padding-inline-end: var(--gm3-dropdown-button-text-with-trailing-icon-trailing-space, 12px)
}

.javascriptMaterialdesignGm3WizButtonDropdownText-button--icon-trailing .javascriptMaterialdesignGm3WizButtonDropdownText-button__icon-slot i,
.javascriptMaterialdesignGm3WizButtonDropdownText-button--icon-trailing .javascriptMaterialdesignGm3WizButtonDropdownText-button__icon-slot img,
.javascriptMaterialdesignGm3WizButtonDropdownText-button--icon-trailing .javascriptMaterialdesignGm3WizButtonDropdownText-button__icon-slot svg {
  margin-inline-start: var(--gm3-dropdown-button-text-with-icon-icon-label-space, 8px)
}

.javascriptMaterialdesignGm3WizButtonDropdownText-button__icon-slot {
  display: none;
  position: relative;
  line-height: 0;
  color: var(--gm3-dropdown-button-text-with-icon-icon-color, var(--gm3-sys-color-primary, #0b57d0))
}

.javascriptMaterialdesignGm3WizButtonDropdownText-button__icon-slot i,
.javascriptMaterialdesignGm3WizButtonDropdownText-button__icon-slot img,
.javascriptMaterialdesignGm3WizButtonDropdownText-button__icon-slot svg {
  display: inline-flex;
  position: relative;
  direction: inherit;
  color: inherit;
  font-size: var(--gm3-dropdown-button-text-with-icon-icon-size, 18px);
  inline-size: var(--gm3-dropdown-button-text-with-icon-icon-size, 18px);
  block-size: var(--gm3-dropdown-button-text-with-icon-icon-size, 18px)
}

.javascriptMaterialdesignGm3WizButtonDropdownText-button:hover .javascriptMaterialdesignGm3WizButtonDropdownText-button__icon-slot {
  color: var(--gm3-dropdown-button-text-with-icon-hover-icon-color, var(--gm3-sys-color-primary, #0b57d0))
}

.javascriptMaterialdesignGm3WizButtonDropdownText-button:focus-visible .javascriptMaterialdesignGm3WizButtonDropdownText-button__icon-slot {
  color: var(--gm3-dropdown-button-text-with-icon-focus-icon-color, var(--gm3-sys-color-primary, #0b57d0))
}

.javascriptMaterialdesignGm3WizButtonDropdownText-button:active .javascriptMaterialdesignGm3WizButtonDropdownText-button__icon-slot {
  color: var(--gm3-dropdown-button-text-with-icon-pressed-icon-color, var(--gm3-sys-color-primary, #0b57d0))
}

.javascriptMaterialdesignGm3WizButtonDropdownText-button:disabled .javascriptMaterialdesignGm3WizButtonDropdownText-button__icon-slot {
  color: var(--gm3-dropdown-button-text-with-icon-disabled-icon-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .38))
}

.javascriptMaterialdesignGm3WizButtonDropdownText-button--flip-icon .javascriptMaterialdesignGm3WizButtonDropdownText-button__icon-slot[dir=rtl],
[dir=rtl] .javascriptMaterialdesignGm3WizButtonDropdownText-button--flip-icon .javascriptMaterialdesignGm3WizButtonDropdownText-button__icon-slot {
  transform: scaleX(-1)
}

.javascriptMaterialdesignGm3WizButtonDropdownText-button--icon-leading .javascriptMaterialdesignGm3WizButtonDropdownText-button__icon-slot--leading,
.javascriptMaterialdesignGm3WizButtonDropdownText-button--icon-trailing .javascriptMaterialdesignGm3WizButtonDropdownText-button__icon-slot--trailing {
  display: inline-flex
}

.javascriptMaterialdesignGm3WizButtonDropdownText-button__link {
  position: absolute;
  inset: 0
}

.javascriptMaterialdesignGm3WizButtonDropdownText-button--touch {
  margin-block: max((48px - var(--gm3-dropdown-button-text-container-height, 40px))/2, 0px)
}

.javascriptMaterialdesignGm3WizButtonDropdownText-button__touch {
  position: absolute;
  inline-size: max(48px, 100%);
  block-size: max(48px, 100%);
  inset: unset;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.javascriptMaterialdesignGm3WizButtonDropdownText-button {
  will-change: transform, opacity
}

.javascriptMaterialdesignGm3WizButtonDropdownText-button:before {
  content: "";
  pointer-events: none;
  position: absolute;
  inset: 0;
  border-radius: inherit;
  border: 1px solid transparent
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizButtonDropdownText-button:has(.javascriptMaterialdesignGm3WizButtonDropdownText-button__link):before {
    border-color: LinkText
  }
}

@media (forced-colors:active) {

  .javascriptMaterialdesignGm3WizButtonDropdownText-button:has(.javascriptMaterialdesignGm3WizButtonDropdownText-button__link) .javascriptMaterialdesignGm3WizButtonDropdownText-button__icon-slot,
  .javascriptMaterialdesignGm3WizButtonDropdownText-button:has(.javascriptMaterialdesignGm3WizButtonDropdownText-button__link) .javascriptMaterialdesignGm3WizButtonDropdownText-button__label {
    color: LinkText
  }
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizButtonDropdownText-button:disabled:before {
    border-color: GrayText
  }
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizButtonDropdownText-deprecated-hcm-border:before {
    border-color: CanvasText
  }
}

.javascriptMaterialdesignGm3WizButtonDropdownText-button--icon-dropdown .javascriptMaterialdesignGm3WizButtonDropdownText-button__icon-slot--dropdown {
  display: inline-flex
}

.javascriptMaterialdesignGm3WizButtonDropdownText-button__icon-slot--dropdown .javascriptMaterialdesignGm3WizButtonDropdownText-icon-dropdown {
  fill: currentColor;
  transform: rotate(0deg);
  transition: transform .15s linear
}

.javascriptMaterialdesignGm3WizButtonDropdownText-button--expanded .javascriptMaterialdesignGm3WizButtonDropdownText-button__icon-slot--dropdown .javascriptMaterialdesignGm3WizButtonDropdownText-icon-dropdown {
  transform: rotate(-180deg);
  transition: transform .15s linear
}

.javascriptMaterialdesignGm3WizButtonDropdownText-button--icon-dropdown {
  padding-inline: 20px 16px
}

.javascriptMaterialdesignGm3WizButtonDropdownText-button--icon-dropdown-and-leading {
  padding-inline: 16px 12px
}

.javascriptMaterialdesignGm3WizButtonDropdownText-button--icon-dropdown .javascriptMaterialdesignGm3WizButtonDropdownText-button__icon-slot .javascriptMaterialdesignGm3WizButtonDropdownText-icon-dropdown {
  margin-inline-start: 8px;
  width: 22px;
  height: 22px;
  font-size: 22px
}

.javascriptMaterialdesignGm3WizButtonDropdownText-button--icon-dropdown-and-leading .javascriptMaterialdesignGm3WizButtonDropdownText-button__icon-slot--leading .javascriptMaterialdesignGm3WizButtonDropdownText-icon-dropdown {
  margin-inline-start: 0
}

.javascriptMaterialdesignGm3WizButtonDropdownText-button--icon-dropdown-and-leading .javascriptMaterialdesignGm3WizButtonDropdownText-button__icon-slot--dropdown .javascriptMaterialdesignGm3WizButtonDropdownText-icon-dropdown {
  margin-inline-end: 0
}

.javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button {
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border: none;
  outline: none;
  background: transparent;
  -moz-appearance: none;
  appearance: none;
  line-height: inherit;
  text-rendering: inherit;
  -webkit-user-select: none;
  user-select: none;
  vertical-align: middle;
  cursor: pointer;
  min-inline-size: var(--gm3-dropdown-button-filled-tonal-container-min-width, 64px);
  padding-block: 0;
  padding-inline-start: var(--gm3-dropdown-button-filled-tonal-leading-space, 24px);
  padding-inline-end: var(--gm3-dropdown-button-filled-tonal-trailing-space, 24px);
  block-size: var(--gm3-dropdown-button-filled-tonal-container-height, 40px);
  border-radius: var(--gm3-dropdown-button-filled-tonal-container-shape, 9999px);
  --gm3-ripple-hover-color: var(--gm3-dropdown-button-filled-tonal-hover-state-layer-color, var(--gm3-sys-color-on-secondary-container, #001d35));
  --gm3-ripple-hover-opacity: var(--gm3-dropdown-button-filled-tonal-hover-state-layer-opacity, 0.08);
  --gm3-ripple-pressed-color: var(--gm3-dropdown-button-filled-tonal-hover-state-layer-color, var(--gm3-sys-color-on-secondary-container, #001d35));
  --gm3-ripple-pressed-opacity: var(--gm3-dropdown-button-filled-tonal-pressed-state-layer-opacity, 0.1);
  --gm3-focus-ring-outward-color: var(--gm3-dropdown-button-filled-tonal-focus-indicator-color, var(--gm3-sys-color-secondary, #00639b));
  --gm3-focus-ring-outward-offset: var(--gm3-dropdown-button-filled-tonal-focus-indicator-outline-offset, 2px);
  --gm3-focus-ring-outward-track-width: var(--gm3-dropdown-button-filled-tonal-focus-indicator-thickness, 3px);
  --gm3-focus-ring-outward-target-shape-start-start: var(--gm3-dropdown-button-filled-tonal-container-shape, 9999px);
  --gm3-focus-ring-outward-target-shape-start-end: var(--gm3-dropdown-button-filled-tonal-container-shape, 9999px);
  --gm3-focus-ring-outward-target-shape-end-end: var(--gm3-dropdown-button-filled-tonal-container-shape, 9999px);
  --gm3-focus-ring-outward-target-shape-end-start: var(--gm3-dropdown-button-filled-tonal-container-shape, 9999px)
}

.javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__link:focus-visible {
  outline: none
}

.javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button:focus-visible,
.javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__link:focus-visible~.javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__focusring {
  --gm3-focus-ring-outward-display: block
}

.javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button:disabled {
  cursor: default;
  pointer-events: none;
  --gm3-ripple-hover-opacity: 0;
  --gm3-ripple-pressed-opacity: 0
}

.javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button--with-tooltip:disabled {
  pointer-events: auto
}

.javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button[hidden] {
  display: none
}

.javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__label {
  position: relative;
  text-align: center;
  color: var(--gm3-dropdown-button-filled-tonal-label-text-color, var(--gm3-sys-color-on-secondary-container, #001d35));
  font-size: var(--gm3-dropdown-button-filled-tonal-label-text-size, .875rem);
  font-family: var(--gm3-dropdown-button-filled-tonal-label-text-font, "Google Sans", Roboto, Arial, sans-serif);
  font-weight: var(--gm3-dropdown-button-filled-tonal-label-text-weight, 500);
  letter-spacing: var(--gm3-dropdown-button-filled-tonal-label-text-tracking, 0);
  -webkit-text-decoration: var(--gm3-dropdown-button-filled-tonal-label-text-decoration, none);
  text-decoration: var(--gm3-dropdown-button-filled-tonal-label-text-decoration, none);
  font-variation-settings: var(--gm3-dropdown-button-filled-tonal-label-text-font-variation-settings, initial)
}

.javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__use-updated-font-styles .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__label {
  font-family: var(--gm3-dropdown-button-filled-tonal-label-text-font, "Google Sans Flex", "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif)
}

.javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button:hover .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__label {
  color: var(--gm3-dropdown-button-filled-tonal-hover-label-text-color, var(--gm3-sys-color-on-secondary-container, #001d35))
}

.javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button:focus-visible .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__label {
  color: var(--gm3-dropdown-button-filled-tonal-focus-label-text-color, var(--gm3-sys-color-on-secondary-container, #001d35))
}

.javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button:active .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__label {
  color: var(--gm3-dropdown-button-filled-tonal-pressed-label-text-color, var(--gm3-sys-color-on-secondary-container, #001d35))
}

.javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button:disabled .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__label {
  color: var(--gm3-dropdown-button-filled-tonal-disabled-label-text-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .38))
}

.javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button--ellipsis .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button--icon-leading {
  padding-inline-start: var(--gm3-dropdown-button-filled-tonal-with-leading-icon-leading-space, 16px);
  padding-inline-end: var(--gm3-dropdown-button-filled-tonal-with-leading-icon-trailing-space, 24px)
}

.javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button--icon-leading .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__icon-slot i,
.javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button--icon-leading .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__icon-slot img,
.javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button--icon-leading .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__icon-slot svg {
  margin-inline-end: var(--gm3-dropdown-button-filled-tonal-with-icon-icon-label-space, 8px)
}

.javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button--icon-trailing {
  padding-inline-start: var(--gm3-dropdown-button-filled-tonal-with-trailing-icon-leading-space, 24px);
  padding-inline-end: var(--gm3-dropdown-button-filled-tonal-with-trailing-icon-trailing-space, 16px)
}

.javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button--icon-trailing .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__icon-slot i,
.javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button--icon-trailing .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__icon-slot img,
.javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button--icon-trailing .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__icon-slot svg {
  margin-inline-start: var(--gm3-dropdown-button-filled-tonal-with-icon-icon-label-space, 8px)
}

.javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__icon-slot {
  display: none;
  position: relative;
  line-height: 0;
  color: var(--gm3-dropdown-button-filled-tonal-with-icon-icon-color, var(--gm3-sys-color-on-secondary-container, #001d35))
}

.javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__icon-slot i,
.javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__icon-slot img,
.javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__icon-slot svg {
  display: inline-flex;
  position: relative;
  direction: inherit;
  color: inherit;
  font-size: var(--gm3-dropdown-button-filled-tonal-with-icon-icon-size, 18px);
  inline-size: var(--gm3-dropdown-button-filled-tonal-with-icon-icon-size, 18px);
  block-size: var(--gm3-dropdown-button-filled-tonal-with-icon-icon-size, 18px)
}

.javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button:hover .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__icon-slot {
  color: var(--gm3-dropdown-button-filled-tonal-with-icon-hover-icon-color, var(--gm3-sys-color-on-secondary-container, #001d35))
}

.javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button:focus-visible .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__icon-slot {
  color: var(--gm3-dropdown-button-filled-tonal-with-icon-focus-icon-color, var(--gm3-sys-color-on-secondary-container, #001d35))
}

.javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button:active .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__icon-slot {
  color: var(--gm3-dropdown-button-filled-tonal-with-icon-pressed-icon-color, var(--gm3-sys-color-on-secondary-container, #001d35))
}

.javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button:disabled .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__icon-slot {
  color: var(--gm3-dropdown-button-filled-tonal-with-icon-disabled-icon-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .38))
}

.javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button--flip-icon .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__icon-slot[dir=rtl],
[dir=rtl] .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button--flip-icon .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__icon-slot {
  transform: scaleX(-1)
}

.javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button--icon-leading .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__icon-slot--leading,
.javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button--icon-trailing .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__icon-slot--trailing {
  display: inline-flex
}

.javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__link {
  position: absolute;
  inset: 0
}

.javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button--touch {
  margin-block: max((48px - var(--gm3-dropdown-button-filled-tonal-container-height, 40px))/2, 0px)
}

.javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__touch {
  position: absolute;
  inline-size: max(48px, 100%);
  block-size: max(48px, 100%);
  inset: unset;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button {
  will-change: transform, opacity;
  background-color: var(--gm3-dropdown-button-filled-tonal-container-color, var(--gm3-sys-color-secondary-container, #c2e7ff));
  --gm3-elevation-level: var(--gm3-dropdown-button-filled-tonal-container-elevation, 0);
  --gm3-elevation-shadow-color: var(--gm3-dropdown-button-filled-tonal-container-shadow-color, var(--gm3-sys-color-shadow, #000))
}

.javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button:hover {
  --gm3-elevation-level: var(--gm3-dropdown-button-filled-tonal-hover-container-elevation, 1)
}

.javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button:focus-visible {
  --gm3-elevation-level: var(--gm3-dropdown-button-filled-tonal-focus-container-elevation, 0)
}

.javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button:active {
  --gm3-elevation-level: var(--gm3-dropdown-button-filled-tonal-pressed-container-elevation, 0)
}

.javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button:disabled {
  background-color: var(--gm3-dropdown-button-filled-tonal-disabled-container-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .12));
  --gm3-elevation-level: var(--gm3-dropdown-button-filled-tonal-disabled-container-elevation, 0)
}

.javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button:before {
  content: "";
  pointer-events: none;
  position: absolute;
  inset: 0;
  border-radius: inherit;
  border: 1px solid transparent
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button:has(.javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__link):before {
    border-color: LinkText
  }
}

@media (forced-colors:active) {

  .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button:has(.javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__link) .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__icon-slot,
  .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button:has(.javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__link) .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__label {
    color: LinkText
  }
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button:disabled:before {
    border-color: GrayText
  }
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-deprecated-hcm-border:before {
    border-color: CanvasText
  }
}

.javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button--icon-dropdown .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__icon-slot--dropdown {
  display: inline-flex
}

.javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__icon-slot--dropdown .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-icon-dropdown {
  fill: currentColor;
  transform: rotate(0deg);
  transition: transform .15s linear
}

.javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button--expanded .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__icon-slot--dropdown .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-icon-dropdown {
  transform: rotate(-180deg);
  transition: transform .15s linear
}

.javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button--icon-dropdown {
  padding-inline: 20px 16px
}

.javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button--icon-dropdown-and-leading {
  padding-inline: 16px 16px
}

.javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button--icon-dropdown .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__icon-slot .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-icon-dropdown {
  margin-inline-start: 8px;
  width: 22px;
  height: 22px;
  font-size: 22px
}

.javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button--icon-dropdown-and-leading .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__icon-slot--leading .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-icon-dropdown {
  margin-inline-start: 0
}

.javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button--icon-dropdown-and-leading .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-button__icon-slot--dropdown .javascriptMaterialdesignGm3WizButtonDropdownFilledTonal-icon-dropdown {
  margin-inline-end: 0
}

.javascriptMaterialdesignGm3WizCircularProgress-circular-progress__wrapper {
  position: relative
}

.javascriptMaterialdesignGm3WizCircularProgress-circular-progress {
  display: inline-flex;
  position: relative;
  line-height: 0;
  overflow: hidden
}

.javascriptMaterialdesignGm3WizCircularProgress-circular-progress__container {
  position: absolute;
  width: 100%;
  height: 100%;
  transform: rotate(-90deg)
}

.javascriptMaterialdesignGm3WizCircularProgress-circular-progress__circle-graphic {
  height: 100%;
  width: 100%;
  fill: transparent
}

.javascriptMaterialdesignGm3WizCircularProgress-circular-progress__active-indicator {
  stroke: var(--gm3-circular-progress-active-indicator-color, var(--gm3-sys-color-primary, #0b57d0));
  stroke-width: var(--gm3-circular-progress-active-indicator-thickness, 4px);
  stroke-linecap: round
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizCircularProgress-circular-progress__active-indicator {
    stroke: CanvasText
  }
}

.javascriptMaterialdesignGm3WizCircularProgress-circular-progress__track {
  stroke: var(--gm3-circular-progress-track-color, var(--gm3-sys-color-secondary-container, #c2e7ff));
  stroke-width: var(--gm3-circular-progress-active-indicator-thickness, 4px);
  stroke-linecap: round
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizCircularProgress-circular-progress__track {
    stroke: Canvas;
    stroke-width: calc(var(--gm3-circular-progress-active-indicator-thickness, 4px) - 2px);
    filter: drop-shadow(-1px 0 0 CanvasText) drop-shadow(1px 0 0 CanvasText) drop-shadow(0 -1px 0 CanvasText) drop-shadow(0 1px 0 CanvasText)
  }
}

.javascriptMaterialdesignGm3WizCircularProgress-circular-progress--almost-complete .javascriptMaterialdesignGm3WizCircularProgress-circular-progress__track,
.javascriptMaterialdesignGm3WizCircularProgress-circular-progress--closed .javascriptMaterialdesignGm3WizCircularProgress-circular-progress__active-indicator,
.javascriptMaterialdesignGm3WizCircularProgress-circular-progress--closed .javascriptMaterialdesignGm3WizCircularProgress-circular-progress__track,
.javascriptMaterialdesignGm3WizCircularProgress-circular-progress--complete .javascriptMaterialdesignGm3WizCircularProgress-circular-progress__track,
.javascriptMaterialdesignGm3WizCircularProgress-circular-progress--unopened .javascriptMaterialdesignGm3WizCircularProgress-circular-progress__active-indicator {
  stroke-width: 0
}

.javascriptMaterialdesignGm3WizCircularProgress-circular-progress--indeterminate {
  animation: gm3-cpi-rotate 6s linear infinite
}

@keyframes gm3-cpi-rotate {
  0% {
    transform: rotate(-90deg)
  }

  to {
    transform: rotate(990deg)
  }
}

.javascriptMaterialdesignGm3WizCircularProgress-circular-progress--indeterminate .javascriptMaterialdesignGm3WizCircularProgress-circular-progress__container {
  animation: gm3-cpi-container-rotate 6s ease infinite
}

@keyframes gm3-cpi-container-rotate {
  0% {
    transform: rotate(0deg)
  }

  8.3333333333% {
    transform: rotate(90deg)
  }

  25% {
    transform: rotate(90deg)
  }

  33.3333333333% {
    transform: rotate(180deg)
  }

  50% {
    transform: rotate(180deg)
  }

  58.3333333333% {
    transform: rotate(270deg)
  }

  75% {
    transform: rotate(270deg)
  }

  83.3333333333% {
    transform: rotate(1turn)
  }

  to {
    transform: rotate(1turn)
  }
}

.javascriptMaterialdesignGm3WizCircularProgress-circular-progress {
  height: calc(var(--gm3-circular-progress-size, 40px));
  width: calc(var(--gm3-circular-progress-size, 40px))
}

.javascriptMaterialdesignGm3WizCircularProgress-circular-progress__active-indicator {
  transition: stroke-dasharray .5s cubic-bezier(0, 0, .2, 1) 0ms, stroke-width .25s cubic-bezier(.4, 0, .6, 1) 0ms;
  cx: calc(var(--gm3-circular-progress-size, 40px)/2);
  cy: calc(var(--gm3-circular-progress-size, 40px)/2);
  r: calc((var(--gm3-circular-progress-size, 40px) - var(--gm3-circular-progress-active-indicator-thickness, 4px))/2);
  stroke-dasharray: calc(var(--progress-value, 0)*(6.2831852*(var(--gm3-circular-progress-size, 40px) - var(--gm3-circular-progress-active-indicator-thickness, 4px))/2 - var(--gm3-circular-progress-active-indicator-track-space, 4px)) - var(--gm3-circular-progress-active-indicator-thickness, 4px)) calc((var(--gm3-circular-progress-size, 40px) - var(--gm3-circular-progress-active-indicator-thickness, 4px))*6.2831852/2 - var(--progress-value, 0)*(6.2831852*(var(--gm3-circular-progress-size, 40px) - var(--gm3-circular-progress-active-indicator-thickness, 4px))/2 - var(--gm3-circular-progress-active-indicator-track-space, 4px)) + var(--gm3-circular-progress-active-indicator-thickness, 4px))
}

.javascriptMaterialdesignGm3WizCircularProgress-circular-progress__track {
  transition: stroke-dasharray .5s cubic-bezier(0, 0, .2, 1) 0ms, stroke-dashoffset .5s cubic-bezier(0, 0, .2, 1) 0ms, stroke-width .25s cubic-bezier(.4, 0, .6, 1) 0ms;
  cx: calc(var(--gm3-circular-progress-size, 40px)/2);
  cy: calc(var(--gm3-circular-progress-size, 40px)/2);
  r: calc((var(--gm3-circular-progress-size, 40px) - var(--gm3-circular-progress-active-indicator-thickness, 4px))/2);
  stroke-dasharray: min((1 - var(--progress-value, 0)) * (6.2831852 * (var(--gm3-circular-progress-size, 40px) - var(--gm3-circular-progress-active-indicator-thickness, 4px))/2 - var(--gm3-circular-progress-active-indicator-track-space, 4px)) - var(--gm3-circular-progress-active-indicator-track-space, 4px) - var(--gm3-circular-progress-active-indicator-thickness, 4px), 6.2831852 * (var(--gm3-circular-progress-size, 40px) - var(--gm3-circular-progress-active-indicator-thickness, 4px))/2 - var(--gm3-circular-progress-active-indicator-track-space, 4px) - var(--gm3-circular-progress-active-indicator-track-space, 4px) - 2 * var(--gm3-circular-progress-active-indicator-thickness, 4px)) calc(6.2831852 * (var(--gm3-circular-progress-size, 40px) - var(--gm3-circular-progress-active-indicator-thickness, 4px)) / 2 - min((1 - var(--progress-value, 0)) * (6.2831852 * (var(--gm3-circular-progress-size, 40px) - var(--gm3-circular-progress-active-indicator-thickness, 4px)) / 2 - var(--gm3-circular-progress-active-indicator-track-space, 4px)) - var(--gm3-circular-progress-active-indicator-track-space, 4px) - var(--gm3-circular-progress-active-indicator-thickness, 4px), 6.2831852 * (var(--gm3-circular-progress-size, 40px) - var(--gm3-circular-progress-active-indicator-thickness, 4px)) / 2 - var(--gm3-circular-progress-active-indicator-track-space, 4px) - var(--gm3-circular-progress-active-indicator-track-space, 4px) - 2 * var(--gm3-circular-progress-active-indicator-thickness, 4px)));
  stroke-dashoffset: calc(min((1 - var(--progress-value, 0)) * (6.2831852 * (var(--gm3-circular-progress-size, 40px) - var(--gm3-circular-progress-active-indicator-thickness, 4px)) / 2 - var(--gm3-circular-progress-active-indicator-track-space, 4px)) - var(--gm3-circular-progress-active-indicator-track-space, 4px) - var(--gm3-circular-progress-active-indicator-thickness, 4px), 6.2831852 * (var(--gm3-circular-progress-size, 40px) - var(--gm3-circular-progress-active-indicator-thickness, 4px)) / 2 - var(--gm3-circular-progress-active-indicator-track-space, 4px) - var(--gm3-circular-progress-active-indicator-track-space, 4px) - 2 * var(--gm3-circular-progress-active-indicator-thickness, 4px)) + var(--gm3-circular-progress-active-indicator-track-space, 4px) + var(--gm3-circular-progress-active-indicator-thickness, 4px))
}

.javascriptMaterialdesignGm3WizCircularProgress-circular-progress--complete .javascriptMaterialdesignGm3WizCircularProgress-circular-progress__active-indicator {
  stroke-dasharray: calc((var(--gm3-circular-progress-size, 40px) - var(--gm3-circular-progress-active-indicator-thickness, 4px))*6.2831852/2)
}

.javascriptMaterialdesignGm3WizCircularProgress-circular-progress--unopened .javascriptMaterialdesignGm3WizCircularProgress-circular-progress__track {
  stroke-dasharray: calc((var(--gm3-circular-progress-size, 40px) - var(--gm3-circular-progress-active-indicator-thickness, 4px))*6.2831852/2) 0
}

.javascriptMaterialdesignGm3WizCircularProgress-circular-progress--indeterminate .javascriptMaterialdesignGm3WizCircularProgress-circular-progress__active-indicator {
  animation: gm3-cpi-active-grow 6s ease infinite
}

@keyframes gm3-cpi-active-grow {
  0% {
    stroke-dasharray: calc((6.2831852*(var(--gm3-circular-progress-size, 40px) - var(--gm3-circular-progress-active-indicator-thickness, 4px))/2 - var(--gm3-circular-progress-active-indicator-track-space, 4px))*.16 - var(--gm3-circular-progress-active-indicator-thickness, 4px)), calc((var(--gm3-circular-progress-size, 40px) - var(--gm3-circular-progress-active-indicator-thickness, 4px))*6.2831852/2 - (6.2831852*(var(--gm3-circular-progress-size, 40px) - var(--gm3-circular-progress-active-indicator-thickness, 4px))/2 - var(--gm3-circular-progress-active-indicator-track-space, 4px))*.16 + var(--gm3-circular-progress-active-indicator-thickness, 4px))
  }

  50% {
    stroke-dasharray: calc((6.2831852*(var(--gm3-circular-progress-size, 40px) - var(--gm3-circular-progress-active-indicator-thickness, 4px))/2 - var(--gm3-circular-progress-active-indicator-track-space, 4px))*.87 - var(--gm3-circular-progress-active-indicator-thickness, 4px)), calc((var(--gm3-circular-progress-size, 40px) - var(--gm3-circular-progress-active-indicator-thickness, 4px))*6.2831852/2 - (6.2831852*(var(--gm3-circular-progress-size, 40px) - var(--gm3-circular-progress-active-indicator-thickness, 4px))/2 - var(--gm3-circular-progress-active-indicator-track-space, 4px))*.87 + var(--gm3-circular-progress-active-indicator-thickness, 4px))
  }

  to {
    stroke-dasharray: calc((6.2831852*(var(--gm3-circular-progress-size, 40px) - var(--gm3-circular-progress-active-indicator-thickness, 4px))/2 - var(--gm3-circular-progress-active-indicator-track-space, 4px))*.16 - var(--gm3-circular-progress-active-indicator-thickness, 4px)), calc((var(--gm3-circular-progress-size, 40px) - var(--gm3-circular-progress-active-indicator-thickness, 4px))*6.2831852/2 - (6.2831852*(var(--gm3-circular-progress-size, 40px) - var(--gm3-circular-progress-active-indicator-thickness, 4px))/2 - var(--gm3-circular-progress-active-indicator-track-space, 4px))*.16 + var(--gm3-circular-progress-active-indicator-thickness, 4px))
  }
}

.javascriptMaterialdesignGm3WizCircularProgress-circular-progress--indeterminate .javascriptMaterialdesignGm3WizCircularProgress-circular-progress__track {
  animation: gm3-cpi-track-grow 6s ease infinite
}

@keyframes gm3-cpi-track-grow {
  0% {
    stroke-dasharray: calc((6.2831852*(var(--gm3-circular-progress-size, 40px) - var(--gm3-circular-progress-active-indicator-thickness, 4px))/2 - var(--gm3-circular-progress-active-indicator-track-space, 4px))*.84 - var(--gm3-circular-progress-active-indicator-track-space, 4px) - var(--gm3-circular-progress-active-indicator-thickness, 4px)), calc((var(--gm3-circular-progress-size, 40px) - var(--gm3-circular-progress-active-indicator-thickness, 4px))*6.2831852/2 - (6.2831852*(var(--gm3-circular-progress-size, 40px) - var(--gm3-circular-progress-active-indicator-thickness, 4px))/2 - var(--gm3-circular-progress-active-indicator-track-space, 4px))*.84 + var(--gm3-circular-progress-active-indicator-track-space, 4px) + var(--gm3-circular-progress-active-indicator-thickness, 4px));
    stroke-dashoffset: calc((6.2831852*(var(--gm3-circular-progress-size, 40px) - var(--gm3-circular-progress-active-indicator-thickness, 4px))/2 - var(--gm3-circular-progress-active-indicator-track-space, 4px))*.84 - var(--gm3-circular-progress-active-indicator-track-space, 4px) - var(--gm3-circular-progress-active-indicator-thickness, 4px) + var(--gm3-circular-progress-active-indicator-track-space, 4px) + var(--gm3-circular-progress-active-indicator-thickness, 4px))
  }

  50% {
    stroke-dasharray: calc((6.2831852*(var(--gm3-circular-progress-size, 40px) - var(--gm3-circular-progress-active-indicator-thickness, 4px))/2 - var(--gm3-circular-progress-active-indicator-track-space, 4px))*.13 - var(--gm3-circular-progress-active-indicator-track-space, 4px) - var(--gm3-circular-progress-active-indicator-thickness, 4px)), calc((var(--gm3-circular-progress-size, 40px) - var(--gm3-circular-progress-active-indicator-thickness, 4px))*6.2831852/2 - (6.2831852*(var(--gm3-circular-progress-size, 40px) - var(--gm3-circular-progress-active-indicator-thickness, 4px))/2 - var(--gm3-circular-progress-active-indicator-track-space, 4px))*.13 + var(--gm3-circular-progress-active-indicator-track-space, 4px) + var(--gm3-circular-progress-active-indicator-thickness, 4px));
    stroke-dashoffset: calc((6.2831852*(var(--gm3-circular-progress-size, 40px) - var(--gm3-circular-progress-active-indicator-thickness, 4px))/2 - var(--gm3-circular-progress-active-indicator-track-space, 4px))*.13 - var(--gm3-circular-progress-active-indicator-track-space, 4px) - var(--gm3-circular-progress-active-indicator-thickness, 4px) + var(--gm3-circular-progress-active-indicator-track-space, 4px) + var(--gm3-circular-progress-active-indicator-thickness, 4px))
  }

  to {
    stroke-dasharray: calc((6.2831852*(var(--gm3-circular-progress-size, 40px) - var(--gm3-circular-progress-active-indicator-thickness, 4px))/2 - var(--gm3-circular-progress-active-indicator-track-space, 4px))*.84 - var(--gm3-circular-progress-active-indicator-track-space, 4px) - var(--gm3-circular-progress-active-indicator-thickness, 4px)), calc((var(--gm3-circular-progress-size, 40px) - var(--gm3-circular-progress-active-indicator-thickness, 4px))*6.2831852/2 - (6.2831852*(var(--gm3-circular-progress-size, 40px) - var(--gm3-circular-progress-active-indicator-thickness, 4px))/2 - var(--gm3-circular-progress-active-indicator-track-space, 4px))*.84 + var(--gm3-circular-progress-active-indicator-track-space, 4px) + var(--gm3-circular-progress-active-indicator-thickness, 4px));
    stroke-dashoffset: calc((6.2831852*(var(--gm3-circular-progress-size, 40px) - var(--gm3-circular-progress-active-indicator-thickness, 4px))/2 - var(--gm3-circular-progress-active-indicator-track-space, 4px))*.84 - var(--gm3-circular-progress-active-indicator-track-space, 4px) - var(--gm3-circular-progress-active-indicator-thickness, 4px) + var(--gm3-circular-progress-active-indicator-track-space, 4px) + var(--gm3-circular-progress-active-indicator-thickness, 4px))
  }
}

.javascriptMaterialdesignGm3WizIconButtonFilled-icon-button {
  align-items: center;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-flex;
  fill: currentColor;
  justify-content: center;
  line-height: inherit;
  outline: none;
  position: relative;
  text-rendering: inherit;
  -webkit-user-select: none;
  user-select: none;
  block-size: var(--gm3-icon-button-filled-container-height, 40px);
  inline-size: var(--gm3-icon-button-filled-container-width, 40px);
  padding-block: calc((var(--gm3-icon-button-filled-container-height, 40px) - var(--gm3-icon-button-filled-icon-size, 24px))/2);
  padding-inline: calc((var(--gm3-icon-button-filled-container-width, 40px) - var(--gm3-icon-button-filled-icon-size, 24px))/2);
  border-start-start-radius: min(var(--gm3-icon-button-filled-container-shape-start-start, 9999px), var(--gm3-icon-button-filled-container-height, 40px)/2);
  border-end-end-radius: min(var(--gm3-icon-button-filled-container-shape-end-end, 9999px), var(--gm3-icon-button-filled-container-height, 40px)/2);
  border-start-end-radius: min(var(--gm3-icon-button-filled-container-shape-start-end, 9999px), var(--gm3-icon-button-filled-container-height, 40px)/2);
  border-end-start-radius: min(var(--gm3-icon-button-filled-container-shape-end-start, 9999px), var(--gm3-icon-button-filled-container-height, 40px)/2);
  transition: border-radius .35s cubic-bezier(.27, 1.06, .18, 1);
  --gm3-focus-ring-outward-color: var(--gm3-icon-button-filled-focus-indicator-color, var(--gm3-sys-color-secondary, #00639b));
  --gm3-focus-ring-outward-offset: var(--gm3-icon-button-filled-focus-indicator-outline-offset, 2px);
  --gm3-focus-ring-outward-track-width: var(--gm3-icon-button-filled-focus-indicator-thickness, 3px);
  --gm3-focus-ring-outward-target-shape-start-start: min(var(--gm3-icon-button-filled-container-shape-start-start, 9999px), var(--gm3-icon-button-filled-container-height, 40px)/2);
  --gm3-focus-ring-outward-target-shape-end-end: min(var(--gm3-icon-button-filled-container-shape-end-end, 9999px), var(--gm3-icon-button-filled-container-height, 40px)/2);
  --gm3-focus-ring-outward-target-shape-start-end: min(var(--gm3-icon-button-filled-container-shape-start-end, 9999px), var(--gm3-icon-button-filled-container-height, 40px)/2);
  --gm3-focus-ring-outward-target-shape-end-start: min(var(--gm3-icon-button-filled-container-shape-end-start, 9999px), var(--gm3-icon-button-filled-container-height, 40px)/2)
}

.javascriptMaterialdesignGm3WizIconButtonFilled-icon-button:before {
  border-radius: inherit;
  border: 1px solid transparent;
  box-sizing: border-box;
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 1
}

.javascriptMaterialdesignGm3WizIconButtonFilled-icon-button i,
.javascriptMaterialdesignGm3WizIconButtonFilled-icon-button img,
.javascriptMaterialdesignGm3WizIconButtonFilled-icon-button svg {
  block-size: var(--gm3-icon-button-filled-icon-size, 24px);
  font-size: var(--gm3-icon-button-filled-icon-size, 24px);
  inline-size: var(--gm3-icon-button-filled-icon-size, 24px)
}

.javascriptMaterialdesignGm3WizIconButtonFilled-icon-button__icon-slot.javascriptMaterialdesignGm3WizIconButtonFilled-icon-button__icon-slot {
  block-size: var(--gm3-icon-button-filled-icon-size, 24px);
  display: inline-block;
  inline-size: var(--gm3-icon-button-filled-icon-size, 24px);
  line-height: 0;
  z-index: 1
}

.javascriptMaterialdesignGm3WizIconButtonFilled-icon-button__icon-slot--off {
  opacity: 1;
  position: absolute;
  transition-duration: 50ms;
  transition-property: opacity
}

.javascriptMaterialdesignGm3WizIconButtonFilled-icon-button--on .javascriptMaterialdesignGm3WizIconButtonFilled-icon-button__icon-slot,
.javascriptMaterialdesignGm3WizIconButtonFilled-icon-button__icon-slot.javascriptMaterialdesignGm3WizIconButtonFilled-icon-button__icon-slot--on {
  opacity: 0
}

.javascriptMaterialdesignGm3WizIconButtonFilled-icon-button--on .javascriptMaterialdesignGm3WizIconButtonFilled-icon-button__icon-slot--on {
  display: inline-block;
  opacity: 1;
  transition-duration: 50ms;
  transition-property: opacity
}

.javascriptMaterialdesignGm3WizIconButtonFilled-icon-button .javascriptMaterialdesignGm3WizIconButtonFilled-icon-button__link:focus-visible~.javascriptMaterialdesignGm3WizIconButtonFilled-icon-button__focusring,
.javascriptMaterialdesignGm3WizIconButtonFilled-icon-button:focus-visible {
  --gm3-focus-ring-outward-display: block
}

.javascriptMaterialdesignGm3WizIconButtonFilled-icon-button[hidden] {
  display: none
}

.javascriptMaterialdesignGm3WizIconButtonFilled-icon-button--flip-icon-in-rtl[dir=rtl],
[dir=rtl] .javascriptMaterialdesignGm3WizIconButtonFilled-icon-button--flip-icon-in-rtl {
  transform: scaleX(-1)
}

.javascriptMaterialdesignGm3WizIconButtonFilled-icon-button__link {
  block-size: 100%;
  inline-size: 100%;
  left: 0;
  outline: none;
  position: absolute;
  top: 0
}

.javascriptMaterialdesignGm3WizIconButtonFilled-icon-button__touch {
  block-size: var(--gm3-icon-button-filled-touch-target-size, 48px);
  inline-size: var(--gm3-icon-button-filled-touch-target-size, 48px);
  left: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1
}

.javascriptMaterialdesignGm3WizIconButtonFilled-icon-button--on {
  border-start-start-radius: min(var(--gm3-icon-button-filled-selected-container-shape-start-start, 9999px), var(--gm3-icon-button-filled-container-height, 40px)/2);
  border-end-end-radius: min(var(--gm3-icon-button-filled-selected-container-shape-end-end, 9999px), var(--gm3-icon-button-filled-container-height, 40px)/2);
  border-start-end-radius: min(var(--gm3-icon-button-filled-selected-container-shape-start-end, 9999px), var(--gm3-icon-button-filled-container-height, 40px)/2);
  border-end-start-radius: min(var(--gm3-icon-button-filled-selected-container-shape-end-start, 9999px), var(--gm3-icon-button-filled-container-height, 40px)/2);
  --gm3-focus-ring-outward-target-shape-start-start: min(var(--gm3-icon-button-filled-selected-container-shape-start-start, 9999px), var(--gm3-icon-button-filled-container-height, 40px)/2);
  --gm3-focus-ring-outward-target-shape-end-end: min(var(--gm3-icon-button-filled-selected-container-shape-end-end, 9999px), var(--gm3-icon-button-filled-container-height, 40px)/2);
  --gm3-focus-ring-outward-target-shape-start-end: min(var(--gm3-icon-button-filled-selected-container-shape-start-end, 9999px), var(--gm3-icon-button-filled-container-height, 40px)/2);
  --gm3-focus-ring-outward-target-shape-end-start: min(var(--gm3-icon-button-filled-selected-container-shape-end-start, 9999px), var(--gm3-icon-button-filled-container-height, 40px)/2)
}

@media not (prefers-reduced-motion) {

  .javascriptMaterialdesignGm3WizIconButtonFilled-icon-button--on:active,
  .javascriptMaterialdesignGm3WizIconButtonFilled-icon-button:active {
    border-start-start-radius: min(var(--gm3-icon-button-filled-pressed-container-shape-start-start, 9999px), var(--gm3-icon-button-filled-container-height, 40px)/2);
    border-end-end-radius: min(var(--gm3-icon-button-filled-pressed-container-shape-end-end, 9999px), var(--gm3-icon-button-filled-container-height, 40px)/2);
    border-start-end-radius: min(var(--gm3-icon-button-filled-pressed-container-shape-start-end, 9999px), var(--gm3-icon-button-filled-container-height, 40px)/2);
    border-end-start-radius: min(var(--gm3-icon-button-filled-pressed-container-shape-end-start, 9999px), var(--gm3-icon-button-filled-container-height, 40px)/2);
    --gm3-focus-ring-outward-target-shape-start-start: min(var(--gm3-icon-button-filled-pressed-container-shape-start-start, 9999px), var(--gm3-icon-button-filled-container-height, 40px)/2);
    --gm3-focus-ring-outward-target-shape-end-end: min(var(--gm3-icon-button-filled-pressed-container-shape-end-end, 9999px), var(--gm3-icon-button-filled-container-height, 40px)/2);
    --gm3-focus-ring-outward-target-shape-start-end: min(var(--gm3-icon-button-filled-pressed-container-shape-start-end, 9999px), var(--gm3-icon-button-filled-container-height, 40px)/2);
    --gm3-focus-ring-outward-target-shape-end-start: min(var(--gm3-icon-button-filled-pressed-container-shape-end-start, 9999px), var(--gm3-icon-button-filled-container-height, 40px)/2)
  }
}

.javascriptMaterialdesignGm3WizIconButtonFilled-icon-button:disabled {
  --gm3-ripple-hover-opacity: 0;
  --gm3-ripple-pressed-opacity: 0;
  color: var(--gm3-icon-button-filled-disabled-icon-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .38));
  cursor: default;
  pointer-events: none
}

.javascriptMaterialdesignGm3WizIconButtonFilled-icon-button--with-tooltip:disabled {
  pointer-events: auto
}

.javascriptMaterialdesignGm3WizIconButtonFilled-icon-button {
  background-color: var(--gm3-icon-button-filled-container-color, var(--gm3-sys-color-primary, #0b57d0));
  color: var(--gm3-icon-button-filled-icon-color, var(--gm3-sys-color-on-primary, #fff));
  will-change: transform, opacity;
  --gm3-ripple-hover-color: var(--gm3-icon-button-filled-hover-state-layer-color, var(--gm3-sys-color-on-primary, #fff));
  --gm3-ripple-hover-opacity: var(--gm3-icon-button-filled-hover-state-layer-opacity, 0.08);
  --gm3-ripple-pressed-color: var(--gm3-icon-button-filled-pressed-state-layer-color, var(--gm3-sys-color-on-primary, #fff));
  --gm3-ripple-pressed-opacity: var(--gm3-icon-button-filled-pressed-state-layer-opacity, 0.1)
}

.javascriptMaterialdesignGm3WizIconButtonFilled-icon-button--toggle {
  background-color: var(--gm3-icon-button-filled-unselected-container-color, var(--gm3-sys-color-surface-container-highest, #dde3ea));
  color: var(--gm3-icon-button-filled-toggle-unselected-icon-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-ripple-hover-color: var(--gm3-icon-button-filled-toggle-unselected-hover-state-layer-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-ripple-pressed-color: var(--gm3-icon-button-filled-toggle-unselected-pressed-state-layer-color, var(--gm3-sys-color-primary, #0b57d0))
}

.javascriptMaterialdesignGm3WizIconButtonFilled-icon-button--on {
  background-color: var(--gm3-icon-button-filled-selected-container-color, var(--gm3-sys-color-primary, #0b57d0));
  color: var(--gm3-icon-button-filled-toggle-selected-icon-color, var(--gm3-sys-color-on-primary, #fff));
  --gm3-ripple-hover-color: var(--gm3-icon-button-filled-toggle-selected-hover-state-layer-color, var(--gm3-sys-color-on-primary, #fff));
  --gm3-ripple-pressed-color: var(--gm3-icon-button-filled-toggle-selected-pressed-state-layer-color, var(--gm3-sys-color-on-primary, #fff))
}

.javascriptMaterialdesignGm3WizIconButtonFilled-icon-button:hover {
  color: var(--gm3-icon-button-filled-hover-icon-color, var(--gm3-sys-color-on-primary, #fff))
}

.javascriptMaterialdesignGm3WizIconButtonFilled-icon-button:focus {
  color: var(--gm3-icon-button-filled-focus-icon-color, var(--gm3-sys-color-on-primary, #fff))
}

.javascriptMaterialdesignGm3WizIconButtonFilled-icon-button:active {
  color: var(--gm3-icon-button-filled-pressed-icon-color, var(--gm3-sys-color-on-primary, #fff))
}

.javascriptMaterialdesignGm3WizIconButtonFilled-icon-button--toggle:hover {
  color: var(--gm3-icon-button-filled-toggle-unselected-hover-icon-color, var(--gm3-sys-color-primary, #0b57d0))
}

.javascriptMaterialdesignGm3WizIconButtonFilled-icon-button--toggle:focus {
  color: var(--gm3-icon-button-filled-toggle-unselected-focus-icon-color, var(--gm3-sys-color-primary, #0b57d0))
}

.javascriptMaterialdesignGm3WizIconButtonFilled-icon-button--toggle:active {
  color: var(--gm3-icon-button-filled-toggle-unselected-pressed-icon-color, var(--gm3-sys-color-primary, #0b57d0))
}

.javascriptMaterialdesignGm3WizIconButtonFilled-icon-button--on:hover {
  color: var(--gm3-icon-button-filled-toggle-selected-hover-icon-color, var(--gm3-sys-color-on-primary, #fff))
}

.javascriptMaterialdesignGm3WizIconButtonFilled-icon-button--on:focus {
  color: var(--gm3-icon-button-filled-toggle-selected-focus-icon-color, var(--gm3-sys-color-on-primary, #fff))
}

.javascriptMaterialdesignGm3WizIconButtonFilled-icon-button--on:active {
  color: var(--gm3-icon-button-filled-toggle-selected-pressed-icon-color, var(--gm3-sys-color-on-primary, #fff))
}

.javascriptMaterialdesignGm3WizIconButtonFilled-icon-button:disabled {
  background-color: var(--gm3-icon-button-filled-disabled-container-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .12))
}

.javascriptMaterialdesignGm3WizIconButtonFilled-icon-button:disabled .javascriptMaterialdesignGm3WizIconButtonFilled-icon-button__icon-slot {
  color: var(--gm3-icon-button-filled-disabled-icon-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .38))
}

.javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button {
  align-items: center;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-flex;
  fill: currentColor;
  justify-content: center;
  line-height: inherit;
  outline: none;
  position: relative;
  text-rendering: inherit;
  -webkit-user-select: none;
  user-select: none;
  block-size: var(--gm3-icon-button-filled-tonal-container-height, 40px);
  inline-size: var(--gm3-icon-button-filled-tonal-container-width, 40px);
  padding-block: calc((var(--gm3-icon-button-filled-tonal-container-height, 40px) - var(--gm3-icon-button-filled-tonal-icon-size, 24px))/2);
  padding-inline: calc((var(--gm3-icon-button-filled-tonal-container-width, 40px) - var(--gm3-icon-button-filled-tonal-icon-size, 24px))/2);
  border-start-start-radius: min(var(--gm3-icon-button-filled-tonal-container-shape-start-start, 9999px), var(--gm3-icon-button-filled-tonal-container-height, 40px)/2);
  border-end-end-radius: min(var(--gm3-icon-button-filled-tonal-container-shape-end-end, 9999px), var(--gm3-icon-button-filled-tonal-container-height, 40px)/2);
  border-start-end-radius: min(var(--gm3-icon-button-filled-tonal-container-shape-start-end, 9999px), var(--gm3-icon-button-filled-tonal-container-height, 40px)/2);
  border-end-start-radius: min(var(--gm3-icon-button-filled-tonal-container-shape-end-start, 9999px), var(--gm3-icon-button-filled-tonal-container-height, 40px)/2);
  transition: border-radius .35s cubic-bezier(.27, 1.06, .18, 1);
  --gm3-focus-ring-outward-color: var(--gm3-icon-button-filled-tonal-focus-indicator-color, var(--gm3-sys-color-secondary, #00639b));
  --gm3-focus-ring-outward-offset: var(--gm3-icon-button-filled-tonal-focus-indicator-outline-offset, 2px);
  --gm3-focus-ring-outward-track-width: var(--gm3-icon-button-filled-tonal-focus-indicator-thickness, 3px);
  --gm3-focus-ring-outward-target-shape-start-start: min(var(--gm3-icon-button-filled-tonal-container-shape-start-start, 9999px), var(--gm3-icon-button-filled-tonal-container-height, 40px)/2);
  --gm3-focus-ring-outward-target-shape-end-end: min(var(--gm3-icon-button-filled-tonal-container-shape-end-end, 9999px), var(--gm3-icon-button-filled-tonal-container-height, 40px)/2);
  --gm3-focus-ring-outward-target-shape-start-end: min(var(--gm3-icon-button-filled-tonal-container-shape-start-end, 9999px), var(--gm3-icon-button-filled-tonal-container-height, 40px)/2);
  --gm3-focus-ring-outward-target-shape-end-start: min(var(--gm3-icon-button-filled-tonal-container-shape-end-start, 9999px), var(--gm3-icon-button-filled-tonal-container-height, 40px)/2)
}

.javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button:before {
  border-radius: inherit;
  border: 1px solid transparent;
  box-sizing: border-box;
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 1
}

.javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button i,
.javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button img,
.javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button svg {
  block-size: var(--gm3-icon-button-filled-tonal-icon-size, 24px);
  font-size: var(--gm3-icon-button-filled-tonal-icon-size, 24px);
  inline-size: var(--gm3-icon-button-filled-tonal-icon-size, 24px)
}

.javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button__icon-slot.javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button__icon-slot {
  block-size: var(--gm3-icon-button-filled-tonal-icon-size, 24px);
  display: inline-block;
  inline-size: var(--gm3-icon-button-filled-tonal-icon-size, 24px);
  line-height: 0;
  z-index: 1
}

.javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button__icon-slot--off {
  opacity: 1;
  position: absolute;
  transition-duration: 50ms;
  transition-property: opacity
}

.javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button--on .javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button__icon-slot,
.javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button__icon-slot.javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button__icon-slot--on {
  opacity: 0
}

.javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button--on .javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button__icon-slot--on {
  display: inline-block;
  opacity: 1;
  transition-duration: 50ms;
  transition-property: opacity
}

.javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button .javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button__link:focus-visible~.javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button__focusring,
.javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button:focus-visible {
  --gm3-focus-ring-outward-display: block
}

.javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button[hidden] {
  display: none
}

.javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button--flip-icon-in-rtl[dir=rtl],
[dir=rtl] .javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button--flip-icon-in-rtl {
  transform: scaleX(-1)
}

.javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button__link {
  block-size: 100%;
  inline-size: 100%;
  left: 0;
  outline: none;
  position: absolute;
  top: 0
}

.javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button__touch {
  block-size: var(--gm3-icon-button-filled-tonal-touch-target-size, 48px);
  inline-size: var(--gm3-icon-button-filled-tonal-touch-target-size, 48px);
  left: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1
}

.javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button--on {
  border-start-start-radius: min(var(--gm3-icon-button-filled-tonal-selected-container-shape-start-start, 9999px), var(--gm3-icon-button-filled-tonal-container-height, 40px)/2);
  border-end-end-radius: min(var(--gm3-icon-button-filled-tonal-selected-container-shape-end-end, 9999px), var(--gm3-icon-button-filled-tonal-container-height, 40px)/2);
  border-start-end-radius: min(var(--gm3-icon-button-filled-tonal-selected-container-shape-start-end, 9999px), var(--gm3-icon-button-filled-tonal-container-height, 40px)/2);
  border-end-start-radius: min(var(--gm3-icon-button-filled-tonal-selected-container-shape-end-start, 9999px), var(--gm3-icon-button-filled-tonal-container-height, 40px)/2);
  --gm3-focus-ring-outward-target-shape-start-start: min(var(--gm3-icon-button-filled-tonal-selected-container-shape-start-start, 9999px), var(--gm3-icon-button-filled-tonal-container-height, 40px)/2);
  --gm3-focus-ring-outward-target-shape-end-end: min(var(--gm3-icon-button-filled-tonal-selected-container-shape-end-end, 9999px), var(--gm3-icon-button-filled-tonal-container-height, 40px)/2);
  --gm3-focus-ring-outward-target-shape-start-end: min(var(--gm3-icon-button-filled-tonal-selected-container-shape-start-end, 9999px), var(--gm3-icon-button-filled-tonal-container-height, 40px)/2);
  --gm3-focus-ring-outward-target-shape-end-start: min(var(--gm3-icon-button-filled-tonal-selected-container-shape-end-start, 9999px), var(--gm3-icon-button-filled-tonal-container-height, 40px)/2)
}

@media not (prefers-reduced-motion) {

  .javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button--on:active,
  .javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button:active {
    border-start-start-radius: min(var(--gm3-icon-button-filled-tonal-pressed-container-shape-start-start, 9999px), var(--gm3-icon-button-filled-tonal-container-height, 40px)/2);
    border-end-end-radius: min(var(--gm3-icon-button-filled-tonal-pressed-container-shape-end-end, 9999px), var(--gm3-icon-button-filled-tonal-container-height, 40px)/2);
    border-start-end-radius: min(var(--gm3-icon-button-filled-tonal-pressed-container-shape-start-end, 9999px), var(--gm3-icon-button-filled-tonal-container-height, 40px)/2);
    border-end-start-radius: min(var(--gm3-icon-button-filled-tonal-pressed-container-shape-end-start, 9999px), var(--gm3-icon-button-filled-tonal-container-height, 40px)/2);
    --gm3-focus-ring-outward-target-shape-start-start: min(var(--gm3-icon-button-filled-tonal-pressed-container-shape-start-start, 9999px), var(--gm3-icon-button-filled-tonal-container-height, 40px)/2);
    --gm3-focus-ring-outward-target-shape-end-end: min(var(--gm3-icon-button-filled-tonal-pressed-container-shape-end-end, 9999px), var(--gm3-icon-button-filled-tonal-container-height, 40px)/2);
    --gm3-focus-ring-outward-target-shape-start-end: min(var(--gm3-icon-button-filled-tonal-pressed-container-shape-start-end, 9999px), var(--gm3-icon-button-filled-tonal-container-height, 40px)/2);
    --gm3-focus-ring-outward-target-shape-end-start: min(var(--gm3-icon-button-filled-tonal-pressed-container-shape-end-start, 9999px), var(--gm3-icon-button-filled-tonal-container-height, 40px)/2)
  }
}

.javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button:disabled {
  --gm3-ripple-hover-opacity: 0;
  --gm3-ripple-pressed-opacity: 0;
  color: var(--gm3-icon-button-filled-tonal-disabled-icon-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .38));
  cursor: default;
  pointer-events: none
}

.javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button--with-tooltip:disabled {
  pointer-events: auto
}

.javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button {
  background-color: var(--gm3-icon-button-filled-tonal-container-color, var(--gm3-sys-color-secondary-container, #c2e7ff));
  color: var(--gm3-icon-button-filled-tonal-icon-color, var(--gm3-sys-color-on-secondary-container, #001d35));
  will-change: transform, opacity;
  --gm3-ripple-hover-color: var(--gm3-icon-button-filled-tonal-hover-state-layer-color, var(--gm3-sys-color-on-secondary-container, #001d35));
  --gm3-ripple-hover-opacity: var(--gm3-icon-button-filled-tonal-hover-state-layer-opacity, 0.08);
  --gm3-ripple-pressed-color: var(--gm3-icon-button-filled-tonal-pressed-state-layer-color, var(--gm3-sys-color-on-secondary-container, #001d35));
  --gm3-ripple-pressed-opacity: var(--gm3-icon-button-filled-tonal-pressed-state-layer-opacity, 0.1)
}

.javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button--toggle {
  background-color: var(--gm3-icon-button-filled-tonal-unselected-container-color, var(--gm3-sys-color-surface-container-highest, #dde3ea));
  color: var(--gm3-icon-button-filled-tonal-toggle-unselected-icon-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-ripple-hover-color: var(--gm3-icon-button-filled-tonal-toggle-unselected-hover-state-layer-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-ripple-pressed-color: var(--gm3-icon-button-filled-tonal-toggle-unselected-pressed-state-layer-color, var(--gm3-sys-color-on-surface-variant, #444746))
}

.javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button--on {
  background-color: var(--gm3-icon-button-filled-tonal-selected-container-color, var(--gm3-sys-color-secondary-container, #c2e7ff));
  color: var(--gm3-icon-button-filled-tonal-toggle-selected-icon-color, var(--gm3-sys-color-on-secondary-container, #001d35));
  --gm3-ripple-hover-color: var(--gm3-icon-button-filled-tonal-toggle-selected-hover-state-layer-color, var(--gm3-sys-color-on-secondary-container, #001d35));
  --gm3-ripple-pressed-color: var(--gm3-icon-button-filled-tonal-toggle-selected-pressed-state-layer-color, var(--gm3-sys-color-on-secondary-container, #001d35))
}

.javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button:hover {
  color: var(--gm3-icon-button-filled-tonal-hover-icon-color, var(--gm3-sys-color-on-secondary-container, #001d35))
}

.javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button:focus {
  color: var(--gm3-icon-button-filled-tonal-focus-icon-color, var(--gm3-sys-color-on-secondary-container, #001d35))
}

.javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button:active {
  color: var(--gm3-icon-button-filled-tonal-pressed-icon-color, var(--gm3-sys-color-on-secondary-container, #001d35))
}

.javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button--toggle:hover {
  color: var(--gm3-icon-button-filled-tonal-toggle-unselected-hover-icon-color, var(--gm3-sys-color-on-surface-variant, #444746))
}

.javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button--toggle:focus {
  color: var(--gm3-icon-button-filled-tonal-toggle-unselected-focus-icon-color, var(--gm3-sys-color-on-surface-variant, #444746))
}

.javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button--toggle:active {
  color: var(--gm3-icon-button-filled-tonal-toggle-unselected-pressed-icon-color, var(--gm3-sys-color-on-surface-variant, #444746))
}

.javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button--on:hover {
  color: var(--gm3-icon-button-filled-tonal-toggle-selected-hover-icon-color, var(--gm3-sys-color-on-secondary-container, #001d35))
}

.javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button--on:focus {
  color: var(--gm3-icon-button-filled-tonal-toggle-selected-focus-icon-color, var(--gm3-sys-color-on-secondary-container, #001d35))
}

.javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button--on:active {
  color: var(--gm3-icon-button-filled-tonal-toggle-selected-pressed-icon-color, var(--gm3-sys-color-on-secondary-container, #001d35))
}

.javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button:disabled {
  background-color: var(--gm3-icon-button-filled-tonal-disabled-container-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .12))
}

.javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button:disabled .javascriptMaterialdesignGm3WizIconButtonFilledTonal-icon-button__icon-slot {
  color: var(--gm3-icon-button-filled-tonal-disabled-icon-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .38))
}

.javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button {
  align-items: center;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-flex;
  fill: currentColor;
  justify-content: center;
  line-height: inherit;
  outline: none;
  position: relative;
  text-rendering: inherit;
  -webkit-user-select: none;
  user-select: none;
  block-size: var(--gm3-icon-button-outlined-container-height, 40px);
  inline-size: var(--gm3-icon-button-outlined-container-width, 40px);
  padding-block: calc((var(--gm3-icon-button-outlined-container-height, 40px) - var(--gm3-icon-button-outlined-icon-size, 24px))/2);
  padding-inline: calc((var(--gm3-icon-button-outlined-container-width, 40px) - var(--gm3-icon-button-outlined-icon-size, 24px))/2);
  border-start-start-radius: min(var(--gm3-icon-button-outlined-container-shape-start-start, 9999px), var(--gm3-icon-button-outlined-container-height, 40px)/2);
  border-end-end-radius: min(var(--gm3-icon-button-outlined-container-shape-end-end, 9999px), var(--gm3-icon-button-outlined-container-height, 40px)/2);
  border-start-end-radius: min(var(--gm3-icon-button-outlined-container-shape-start-end, 9999px), var(--gm3-icon-button-outlined-container-height, 40px)/2);
  border-end-start-radius: min(var(--gm3-icon-button-outlined-container-shape-end-start, 9999px), var(--gm3-icon-button-outlined-container-height, 40px)/2);
  transition: border-radius .35s cubic-bezier(.27, 1.06, .18, 1);
  --gm3-focus-ring-outward-color: var(--gm3-icon-button-outlined-focus-indicator-color, var(--gm3-sys-color-secondary, #00639b));
  --gm3-focus-ring-outward-offset: var(--gm3-icon-button-outlined-focus-indicator-outline-offset, 2px);
  --gm3-focus-ring-outward-track-width: var(--gm3-icon-button-outlined-focus-indicator-thickness, 3px);
  --gm3-focus-ring-outward-target-shape-start-start: min(var(--gm3-icon-button-outlined-container-shape-start-start, 9999px), var(--gm3-icon-button-outlined-container-height, 40px)/2);
  --gm3-focus-ring-outward-target-shape-end-end: min(var(--gm3-icon-button-outlined-container-shape-end-end, 9999px), var(--gm3-icon-button-outlined-container-height, 40px)/2);
  --gm3-focus-ring-outward-target-shape-start-end: min(var(--gm3-icon-button-outlined-container-shape-start-end, 9999px), var(--gm3-icon-button-outlined-container-height, 40px)/2);
  --gm3-focus-ring-outward-target-shape-end-start: min(var(--gm3-icon-button-outlined-container-shape-end-start, 9999px), var(--gm3-icon-button-outlined-container-height, 40px)/2)
}

.javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button:before {
  border-radius: inherit;
  border: 1px solid transparent;
  box-sizing: border-box;
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 1
}

.javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button i,
.javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button img,
.javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button svg {
  block-size: var(--gm3-icon-button-outlined-icon-size, 24px);
  font-size: var(--gm3-icon-button-outlined-icon-size, 24px);
  inline-size: var(--gm3-icon-button-outlined-icon-size, 24px)
}

.javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button__icon-slot.javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button__icon-slot {
  block-size: var(--gm3-icon-button-outlined-icon-size, 24px);
  display: inline-block;
  inline-size: var(--gm3-icon-button-outlined-icon-size, 24px);
  line-height: 0;
  z-index: 1
}

.javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button__icon-slot--off {
  opacity: 1;
  position: absolute;
  transition-duration: 50ms;
  transition-property: opacity
}

.javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button--on .javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button__icon-slot,
.javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button__icon-slot.javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button__icon-slot--on {
  opacity: 0
}

.javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button--on .javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button__icon-slot--on {
  display: inline-block;
  opacity: 1;
  transition-duration: 50ms;
  transition-property: opacity
}

.javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button .javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button__link:focus-visible~.javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button__focusring,
.javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button:focus-visible {
  --gm3-focus-ring-outward-display: block
}

.javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button[hidden] {
  display: none
}

.javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button--flip-icon-in-rtl[dir=rtl],
[dir=rtl] .javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button--flip-icon-in-rtl {
  transform: scaleX(-1)
}

.javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button__link {
  block-size: 100%;
  inline-size: 100%;
  left: 0;
  outline: none;
  position: absolute;
  top: 0
}

.javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button__touch {
  block-size: var(--gm3-icon-button-outlined-touch-target-size, 48px);
  inline-size: var(--gm3-icon-button-outlined-touch-target-size, 48px);
  left: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1
}

.javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button--on {
  border-start-start-radius: min(var(--gm3-icon-button-outlined-selected-container-shape-start-start, 9999px), var(--gm3-icon-button-outlined-container-height, 40px)/2);
  border-end-end-radius: min(var(--gm3-icon-button-outlined-selected-container-shape-end-end, 9999px), var(--gm3-icon-button-outlined-container-height, 40px)/2);
  border-start-end-radius: min(var(--gm3-icon-button-outlined-selected-container-shape-start-end, 9999px), var(--gm3-icon-button-outlined-container-height, 40px)/2);
  border-end-start-radius: min(var(--gm3-icon-button-outlined-selected-container-shape-end-start, 9999px), var(--gm3-icon-button-outlined-container-height, 40px)/2);
  --gm3-focus-ring-outward-target-shape-start-start: min(var(--gm3-icon-button-outlined-selected-container-shape-start-start, 9999px), var(--gm3-icon-button-outlined-container-height, 40px)/2);
  --gm3-focus-ring-outward-target-shape-end-end: min(var(--gm3-icon-button-outlined-selected-container-shape-end-end, 9999px), var(--gm3-icon-button-outlined-container-height, 40px)/2);
  --gm3-focus-ring-outward-target-shape-start-end: min(var(--gm3-icon-button-outlined-selected-container-shape-start-end, 9999px), var(--gm3-icon-button-outlined-container-height, 40px)/2);
  --gm3-focus-ring-outward-target-shape-end-start: min(var(--gm3-icon-button-outlined-selected-container-shape-end-start, 9999px), var(--gm3-icon-button-outlined-container-height, 40px)/2)
}

@media not (prefers-reduced-motion) {

  .javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button--on:active,
  .javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button:active {
    border-start-start-radius: min(var(--gm3-icon-button-outlined-pressed-container-shape-start-start, 9999px), var(--gm3-icon-button-outlined-container-height, 40px)/2);
    border-end-end-radius: min(var(--gm3-icon-button-outlined-pressed-container-shape-end-end, 9999px), var(--gm3-icon-button-outlined-container-height, 40px)/2);
    border-start-end-radius: min(var(--gm3-icon-button-outlined-pressed-container-shape-start-end, 9999px), var(--gm3-icon-button-outlined-container-height, 40px)/2);
    border-end-start-radius: min(var(--gm3-icon-button-outlined-pressed-container-shape-end-start, 9999px), var(--gm3-icon-button-outlined-container-height, 40px)/2);
    --gm3-focus-ring-outward-target-shape-start-start: min(var(--gm3-icon-button-outlined-pressed-container-shape-start-start, 9999px), var(--gm3-icon-button-outlined-container-height, 40px)/2);
    --gm3-focus-ring-outward-target-shape-end-end: min(var(--gm3-icon-button-outlined-pressed-container-shape-end-end, 9999px), var(--gm3-icon-button-outlined-container-height, 40px)/2);
    --gm3-focus-ring-outward-target-shape-start-end: min(var(--gm3-icon-button-outlined-pressed-container-shape-start-end, 9999px), var(--gm3-icon-button-outlined-container-height, 40px)/2);
    --gm3-focus-ring-outward-target-shape-end-start: min(var(--gm3-icon-button-outlined-pressed-container-shape-end-start, 9999px), var(--gm3-icon-button-outlined-container-height, 40px)/2)
  }
}

.javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button:disabled {
  --gm3-ripple-hover-opacity: 0;
  --gm3-ripple-pressed-opacity: 0;
  cursor: default;
  pointer-events: none
}

.javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button--with-tooltip:disabled {
  pointer-events: auto
}

.javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button {
  color: var(--gm3-icon-button-outlined-unselected-icon-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-ripple-hover-color: var(--gm3-icon-button-outlined-unselected-hover-state-layer-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-ripple-hover-opacity: var(--gm3-icon-button-outlined-hover-state-layer-opacity, 0.08);
  --gm3-ripple-pressed-color: var(--gm3-icon-button-outlined-unselected-pressed-state-layer-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  --gm3-ripple-pressed-opacity: var(--gm3-icon-button-outlined-pressed-state-layer-opacity, 0.1)
}

.javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button--on {
  background-color: var(--gm3-icon-button-outlined-selected-container-color, var(--gm3-sys-color-inverse-surface, #303030));
  color: var(--gm3-icon-button-outlined-selected-icon-color, var(--gm3-sys-color-inverse-on-surface, #f2f2f2));
  --gm3-ripple-hover-color: var(--gm3-icon-button-outlined-selected-hover-state-layer-color, var(--gm3-sys-color-inverse-on-surface, #f2f2f2));
  --gm3-ripple-pressed-color: var(--gm3-icon-button-outlined-selected-pressed-state-layer-color, var(--gm3-sys-color-inverse-on-surface, #f2f2f2))
}

.javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button--on:disabled {
  background-color: var(--gm3-icon-button-outlined-disabled-selected-container-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .12))
}

.javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button:hover {
  color: var(--gm3-icon-button-outlined-unselected-hover-icon-color, var(--gm3-sys-color-on-surface-variant, #444746))
}

.javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button:focus {
  color: var(--gm3-icon-button-outlined-unselected-focus-icon-color, var(--gm3-sys-color-on-surface-variant, #444746))
}

.javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button:active {
  color: var(--gm3-icon-button-outlined-unselected-pressed-icon-color, var(--gm3-sys-color-on-surface, #1f1f1f))
}

.javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button--on:hover {
  color: var(--gm3-icon-button-outlined-selected-hover-icon-color, var(--gm3-sys-color-inverse-on-surface, #f2f2f2))
}

.javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button--on:focus {
  color: var(--gm3-icon-button-outlined-selected-focus-icon-color, var(--gm3-sys-color-inverse-on-surface, #f2f2f2))
}

.javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button--on:active {
  color: var(--gm3-icon-button-outlined-selected-pressed-icon-color, var(--gm3-sys-color-inverse-on-surface, #f2f2f2))
}

.javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button:disabled {
  color: var(--gm3-icon-button-outlined-disabled-icon-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .38))
}

.javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button:before {
  border-color: var(--gm3-icon-button-outlined-unselected-outline-color, var(--gm3-sys-color-outline, #747775));
  border-width: var(--gm3-icon-button-outlined-unselected-outline-width, 1px)
}

.javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button:disabled:before {
  border-color: var(--gm3-icon-button-outlined-disabled-unselected-outline-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .12))
}

.javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button--on:before,
.javascriptMaterialdesignGm3WizIconButtonOutlined-icon-button--on:disabled:before {
  border-color: transparent
}

.javascriptMaterialdesignGm3WizIconButtonStandard-icon-button {
  align-items: center;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-flex;
  fill: currentColor;
  justify-content: center;
  line-height: inherit;
  outline: none;
  position: relative;
  text-rendering: inherit;
  -webkit-user-select: none;
  user-select: none;
  block-size: var(--gm3-icon-button-standard-container-height, 40px);
  inline-size: var(--gm3-icon-button-standard-container-width, 40px);
  padding-block: calc((var(--gm3-icon-button-standard-container-height, 40px) - var(--gm3-icon-button-standard-icon-size, 24px))/2);
  padding-inline: calc((var(--gm3-icon-button-standard-container-width, 40px) - var(--gm3-icon-button-standard-icon-size, 24px))/2);
  border-start-start-radius: min(var(--gm3-icon-button-standard-container-shape-start-start, 9999px), var(--gm3-icon-button-standard-container-height, 40px)/2);
  border-end-end-radius: min(var(--gm3-icon-button-standard-container-shape-end-end, 9999px), var(--gm3-icon-button-standard-container-height, 40px)/2);
  border-start-end-radius: min(var(--gm3-icon-button-standard-container-shape-start-end, 9999px), var(--gm3-icon-button-standard-container-height, 40px)/2);
  border-end-start-radius: min(var(--gm3-icon-button-standard-container-shape-end-start, 9999px), var(--gm3-icon-button-standard-container-height, 40px)/2);
  transition: border-radius .35s cubic-bezier(.27, 1.06, .18, 1);
  --gm3-focus-ring-outward-color: var(--gm3-icon-button-standard-focus-indicator-color, var(--gm3-sys-color-secondary, #00639b));
  --gm3-focus-ring-outward-offset: var(--gm3-icon-button-standard-focus-indicator-outline-offset, 2px);
  --gm3-focus-ring-outward-track-width: var(--gm3-icon-button-standard-focus-indicator-thickness, 3px);
  --gm3-focus-ring-outward-target-shape-start-start: min(var(--gm3-icon-button-standard-container-shape-start-start, 9999px), var(--gm3-icon-button-standard-container-height, 40px)/2);
  --gm3-focus-ring-outward-target-shape-end-end: min(var(--gm3-icon-button-standard-container-shape-end-end, 9999px), var(--gm3-icon-button-standard-container-height, 40px)/2);
  --gm3-focus-ring-outward-target-shape-start-end: min(var(--gm3-icon-button-standard-container-shape-start-end, 9999px), var(--gm3-icon-button-standard-container-height, 40px)/2);
  --gm3-focus-ring-outward-target-shape-end-start: min(var(--gm3-icon-button-standard-container-shape-end-start, 9999px), var(--gm3-icon-button-standard-container-height, 40px)/2)
}

.javascriptMaterialdesignGm3WizIconButtonStandard-icon-button:before {
  border-radius: inherit;
  border: 1px solid transparent;
  box-sizing: border-box;
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 1
}

.javascriptMaterialdesignGm3WizIconButtonStandard-icon-button i,
.javascriptMaterialdesignGm3WizIconButtonStandard-icon-button img,
.javascriptMaterialdesignGm3WizIconButtonStandard-icon-button svg {
  block-size: var(--gm3-icon-button-standard-icon-size, 24px);
  font-size: var(--gm3-icon-button-standard-icon-size, 24px);
  inline-size: var(--gm3-icon-button-standard-icon-size, 24px)
}

.javascriptMaterialdesignGm3WizIconButtonStandard-icon-button__icon-slot.javascriptMaterialdesignGm3WizIconButtonStandard-icon-button__icon-slot {
  block-size: var(--gm3-icon-button-standard-icon-size, 24px);
  display: inline-block;
  inline-size: var(--gm3-icon-button-standard-icon-size, 24px);
  line-height: 0;
  z-index: 1
}

.javascriptMaterialdesignGm3WizIconButtonStandard-icon-button__icon-slot--off {
  opacity: 1;
  position: absolute;
  transition-duration: 50ms;
  transition-property: opacity
}

.javascriptMaterialdesignGm3WizIconButtonStandard-icon-button--on .javascriptMaterialdesignGm3WizIconButtonStandard-icon-button__icon-slot,
.javascriptMaterialdesignGm3WizIconButtonStandard-icon-button__icon-slot.javascriptMaterialdesignGm3WizIconButtonStandard-icon-button__icon-slot--on {
  opacity: 0
}

.javascriptMaterialdesignGm3WizIconButtonStandard-icon-button--on .javascriptMaterialdesignGm3WizIconButtonStandard-icon-button__icon-slot--on {
  display: inline-block;
  opacity: 1;
  transition-duration: 50ms;
  transition-property: opacity
}

.javascriptMaterialdesignGm3WizIconButtonStandard-icon-button .javascriptMaterialdesignGm3WizIconButtonStandard-icon-button__link:focus-visible~.javascriptMaterialdesignGm3WizIconButtonStandard-icon-button__focusring,
.javascriptMaterialdesignGm3WizIconButtonStandard-icon-button:focus-visible {
  --gm3-focus-ring-outward-display: block
}

.javascriptMaterialdesignGm3WizIconButtonStandard-icon-button[hidden] {
  display: none
}

.javascriptMaterialdesignGm3WizIconButtonStandard-icon-button--flip-icon-in-rtl[dir=rtl],
[dir=rtl] .javascriptMaterialdesignGm3WizIconButtonStandard-icon-button--flip-icon-in-rtl {
  transform: scaleX(-1)
}

.javascriptMaterialdesignGm3WizIconButtonStandard-icon-button__link {
  block-size: 100%;
  inline-size: 100%;
  left: 0;
  outline: none;
  position: absolute;
  top: 0
}

.javascriptMaterialdesignGm3WizIconButtonStandard-icon-button__touch {
  block-size: var(--gm3-icon-button-standard-touch-target-size, 48px);
  inline-size: var(--gm3-icon-button-standard-touch-target-size, 48px);
  left: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1
}

.javascriptMaterialdesignGm3WizIconButtonStandard-icon-button--on {
  border-start-start-radius: min(var(--gm3-icon-button-standard-selected-container-shape-start-start, 9999px), var(--gm3-icon-button-standard-container-height, 40px)/2);
  border-end-end-radius: min(var(--gm3-icon-button-standard-selected-container-shape-end-end, 9999px), var(--gm3-icon-button-standard-container-height, 40px)/2);
  border-start-end-radius: min(var(--gm3-icon-button-standard-selected-container-shape-start-end, 9999px), var(--gm3-icon-button-standard-container-height, 40px)/2);
  border-end-start-radius: min(var(--gm3-icon-button-standard-selected-container-shape-end-start, 9999px), var(--gm3-icon-button-standard-container-height, 40px)/2);
  --gm3-focus-ring-outward-target-shape-start-start: min(var(--gm3-icon-button-standard-selected-container-shape-start-start, 9999px), var(--gm3-icon-button-standard-container-height, 40px)/2);
  --gm3-focus-ring-outward-target-shape-end-end: min(var(--gm3-icon-button-standard-selected-container-shape-end-end, 9999px), var(--gm3-icon-button-standard-container-height, 40px)/2);
  --gm3-focus-ring-outward-target-shape-start-end: min(var(--gm3-icon-button-standard-selected-container-shape-start-end, 9999px), var(--gm3-icon-button-standard-container-height, 40px)/2);
  --gm3-focus-ring-outward-target-shape-end-start: min(var(--gm3-icon-button-standard-selected-container-shape-end-start, 9999px), var(--gm3-icon-button-standard-container-height, 40px)/2)
}

@media not (prefers-reduced-motion) {

  .javascriptMaterialdesignGm3WizIconButtonStandard-icon-button--on:active,
  .javascriptMaterialdesignGm3WizIconButtonStandard-icon-button:active {
    border-start-start-radius: min(var(--gm3-icon-button-standard-pressed-container-shape-start-start, 9999px), var(--gm3-icon-button-standard-container-height, 40px)/2);
    border-end-end-radius: min(var(--gm3-icon-button-standard-pressed-container-shape-end-end, 9999px), var(--gm3-icon-button-standard-container-height, 40px)/2);
    border-start-end-radius: min(var(--gm3-icon-button-standard-pressed-container-shape-start-end, 9999px), var(--gm3-icon-button-standard-container-height, 40px)/2);
    border-end-start-radius: min(var(--gm3-icon-button-standard-pressed-container-shape-end-start, 9999px), var(--gm3-icon-button-standard-container-height, 40px)/2);
    --gm3-focus-ring-outward-target-shape-start-start: min(var(--gm3-icon-button-standard-pressed-container-shape-start-start, 9999px), var(--gm3-icon-button-standard-container-height, 40px)/2);
    --gm3-focus-ring-outward-target-shape-end-end: min(var(--gm3-icon-button-standard-pressed-container-shape-end-end, 9999px), var(--gm3-icon-button-standard-container-height, 40px)/2);
    --gm3-focus-ring-outward-target-shape-start-end: min(var(--gm3-icon-button-standard-pressed-container-shape-start-end, 9999px), var(--gm3-icon-button-standard-container-height, 40px)/2);
    --gm3-focus-ring-outward-target-shape-end-start: min(var(--gm3-icon-button-standard-pressed-container-shape-end-start, 9999px), var(--gm3-icon-button-standard-container-height, 40px)/2)
  }
}

.javascriptMaterialdesignGm3WizIconButtonStandard-icon-button:disabled {
  --gm3-ripple-hover-opacity: 0;
  --gm3-ripple-pressed-opacity: 0;
  cursor: default;
  pointer-events: none
}

.javascriptMaterialdesignGm3WizIconButtonStandard-icon-button--with-tooltip:disabled {
  pointer-events: auto
}

.javascriptMaterialdesignGm3WizIconButtonStandard-icon-button {
  color: var(--gm3-icon-button-standard-unselected-icon-color, var(--gm3-sys-color-on-surface-variant, #444746));
  will-change: transform, opacity;
  --gm3-ripple-hover-color: var(--gm3-icon-button-standard-unselected-hover-state-layer-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-ripple-hover-opacity: var(--gm3-icon-button-standard-unselected-hover-state-layer-opacity, 0.08);
  --gm3-ripple-pressed-color: var(--gm3-icon-button-standard-unselected-pressed-state-layer-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-ripple-pressed-opacity: var(--gm3-icon-button-standard-unselected-pressed-state-layer-opacity, 0.1)
}

.javascriptMaterialdesignGm3WizIconButtonStandard-icon-button--on {
  color: var(--gm3-icon-button-standard-selected-icon-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-ripple-hover-color: var(--gm3-icon-button-standard-selected-hover-state-layer-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-ripple-hover-opacity: var(--gm3-icon-button-standard-selected-hover-state-layer-opacity, 0.08);
  --gm3-ripple-pressed-color: var(--gm3-icon-button-standard-selected-pressed-state-layer-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-ripple-pressed-opacity: var(--gm3-icon-button-standard-selected-pressed-state-layer-opacity, 0.1)
}

.javascriptMaterialdesignGm3WizIconButtonStandard-icon-button:hover {
  color: var(--gm3-icon-button-standard-unselected-hover-icon-color, var(--gm3-sys-color-on-surface-variant, #444746))
}

.javascriptMaterialdesignGm3WizIconButtonStandard-icon-button:focus {
  color: var(--gm3-icon-button-standard-unselected-focus-icon-color, var(--gm3-sys-color-on-surface-variant, #444746))
}

.javascriptMaterialdesignGm3WizIconButtonStandard-icon-button:active {
  color: var(--gm3-icon-button-standard-unselected-pressed-icon-color, var(--gm3-sys-color-on-surface-variant, #444746))
}

.javascriptMaterialdesignGm3WizIconButtonStandard-icon-button--on:hover {
  color: var(--gm3-icon-button-standard-selected-hover-icon-color, var(--gm3-sys-color-primary, #0b57d0))
}

.javascriptMaterialdesignGm3WizIconButtonStandard-icon-button--on:focus {
  color: var(--gm3-icon-button-standard-selected-focus-icon-color, var(--gm3-sys-color-primary, #0b57d0))
}

.javascriptMaterialdesignGm3WizIconButtonStandard-icon-button--on:active {
  color: var(--gm3-icon-button-standard-selected-pressed-icon-color, var(--gm3-sys-color-primary, #0b57d0))
}

.javascriptMaterialdesignGm3WizIconButtonStandard-icon-button:disabled {
  color: var(--gm3-icon-button-standard-disabled-icon-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .38))
}

.boqAddonscardsrendererCardButtongroupButtonGroup {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  min-width: 0
}

.boqAddonscardsrendererCardButtongroupButtonContainer {
  box-sizing: border-box;
  max-width: 100%
}

.boqAddonscardsrendererCardButtongroupButtonContainer.ButtonGroupButtonContainerDensity {
  padding: 8px 4px
}

.boqAddonscardsrendererCardCard {
  background-color: var(--uikit-background-color, var(--gm3-sys-color-surface, #fff));
  border: 1px solid var(--gm3-sys-color-outline-variant, #c4c7c5);
  border-radius: 16px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 24px;
  width: 100%
}

.boqAddonscardsrendererCardCard.NoBorder {
  border: none;
  border-radius: 0;
  padding: 0
}

.boqAddonscardsrendererCardCard.NoBorder .boqAddonscardsrendererCardCardBodyContainer .boqAddonscardsrendererCardCardheaderContainer {
  padding-top: 0
}

.boqAddonscardsrendererCardCard.NoBorder .boqAddonscardsrendererCardCardBodyContainer .boqAddonscardsrendererCardCardheaderContainer .boqAddonscardsrendererCardCardheaderCardHeader,
.boqAddonscardsrendererCardCard.NoBorder .boqAddonscardsrendererCardCardBodyContainer .boqAddonscardsrendererCardCardsectionCardSection .boqAddonscardsrendererCardCardsectionSectionHeader,
.boqAddonscardsrendererCardCard.NoBorder .boqAddonscardsrendererCardCardBodyContainer .boqAddonscardsrendererCardCardsectionCardSection .boqAddonscardsrendererCardCardsectionWidget {
  padding-left: 0;
  padding-right: 0
}

.boqAddonscardsrendererCardCard.NoBorder .boqAddonscardsrendererCardCardBodyContainer .boqAddonscardsrendererCardCardsectionCardSection .boqAddonscardsrendererCardCardsectionWidget.isButtonGroup {
  transform: translateX(-4px)
}

.boqAddonscardsrendererCardCard.NoBorder .boqAddonscardsrendererCardCardBodyContainer .boqAddonscardsrendererCardCardsectionCardSection:first-child {
  padding-top: 0
}

.boqAddonscardsrendererCardCard.NoBorder .boqAddonscardsrendererCardCardBodyContainer:last-child .boqAddonscardsrendererCardCardsectionCardSection:last-child {
  padding-bottom: 0
}

.boqAddonscardsrendererCardCard.NoBorder .boqAddonscardsrendererCardCardFooterContainer {
  padding-bottom: 0
}

.boqAddonscardsrendererCardCard.NoBorder .boqAddonscardsrendererCardCardFooterContainer .boqAddonscardsrendererCardCardfooterButtonGroup,
.boqAddonscardsrendererCardCard.NoBorder .boqAddonscardsrendererCardCardFooterContainer .boqAddonscardsrendererCardCardfooterWidget {
  padding-left: 0;
  padding-right: 0
}

.boqAddonscardsrendererCardCardBodyContainer,
.boqAddonscardsrendererCardCardFooterContainer {
  width: 100%
}

.boqAddonscardsrendererCardErrorText {
  color: var(--gm3-sys-color-on-surface, #1f1f1f);
  padding: 16px
}

.boqAddonscardsrendererCardDividerDivider {
  border-top: 1px solid var(--gm3-sys-color-outline-variant, #c4c7c5)
}

.boqAddonscardsrendererCardDividerSpace {
  border-top: 4px solid transparent
}

.boqAddonscardsrendererCardCardfooterCardFooter {
  padding: 8px 0;
  border-radius: 0 0 8px 8px;
  display: flex;
  flex-direction: column
}

.boqAddonscardsrendererCardCardfooterButtonGroup {
  padding: 8px 24px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px 16px
}

.boqAddonscardsrendererCardCardfooterButton {
  min-width: 0
}

.boqAddonscardsrendererCardCardfooterWidget {
  padding: 8px 16px
}

.boqAddonscardsrendererCardCardheaderContainer {
  padding: 8px 0
}

.boqAddonscardsrendererCardCardheaderCardHeader {
  padding: 8px 16px;
  align-items: center;
  display: flex
}

.boqAddonscardsrendererCardCardheaderIcon {
  margin-right: 16px
}

.boqAddonscardsrendererCardCardheaderIcon.smallIcon {
  height: 24px
}

.boqAddonscardsrendererCardCardheaderIcon.largeIcon {
  height: 48px
}

.boqAddonscardsrendererCardCardheaderTitleText {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  color: var(--gm3-sys-color-on-surface, #1f1f1f);
  font: 500 1rem/1.5rem Google Sans Text, Roboto, Arial, sans-serif;
  letter-spacing: 0
}

.boqAddonscardsrendererCardCardheaderTitleText.hasSubtitle {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  font: 500 .875rem/1.25rem Google Sans Text, Roboto, Arial, sans-serif;
  letter-spacing: 0;
  margin-bottom: 4px
}

.boqAddonscardsrendererCardCardheaderSubtitleText {
  color: var(--gm3-sys-color-on-surface-variant, #444746);
  font: 500 .875rem/1.25rem Google Sans Text, Roboto, Arial, sans-serif;
  letter-spacing: 0
}

.boqAddonscardsrendererCardCardheaderHeaderText {
  display: flex;
  flex-direction: column;
  overflow: hidden
}

.boqAddonscardsrendererCardCardsectionCardSection {
  padding: 8px 0;
  --section-background-color-light-theme: inherit;
  --section-border-radius: inherit;
  background: var(--section-background-color-light-theme);
  border-radius: var(--section-border-radius, 0)
}

.boqAddonscardsrendererCardCardsectionCardSection.defaultBackgroundColor {
  background-color: var(--section-background-color-light-theme, var(--gm3-sys-color-surface-container, #f0f4f9))
}

.boqAddonscardsrendererCardCardsectionSectionHeader {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  color: var(--gm3-sys-color-on-surface-variant, #444746);
  font: 500 .875rem/1.25rem Google Sans Text, Roboto, Arial, sans-serif;
  letter-spacing: 0;
  text-transform: none
}

.boqAddonscardsrendererCardCardsectionSectionHeader.SectionHeaderDensity {
  padding: 8px 16px
}

.boqAddonscardsrendererCardCardsectionSectionHeaderIcon {
  margin-right: 8px
}

.boqAddonscardsrendererCardCardsectionSectionHeaderText {
  margin: -3px 0
}

.boqAddonscardsrendererCardCardsectionToggleButtonContainer {
  --horizontal-alignment: initial;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
  justify-content: var(--horizontal-alignment)
}

.boqAddonscardsrendererCardCardsectionToggleButtonContainer.ToggleButtonContainerDensity {
  padding-bottom: 8px;
  padding-top: 8px
}

.boqAddonscardsrendererCardCardsectionToggleButton {
  font: 500 .875rem/1.25rem Google Sans Text, Roboto, Arial, sans-serif;
  letter-spacing: 0;
  margin: 0;
  padding-left: 8px;
  padding-right: 8px;
  text-transform: none;
  white-space: nowrap
}

.boqAddonscardsrendererCardCardsectionToggleButton.ToggleButtonDensity {
  height: 36px
}

.boqAddonscardsrendererCardCardsectionToggleButtonIcon {
  align-items: center
}

.boqAddonscardsrendererCardCardsectionWidget {
  box-sizing: border-box
}

.boqAddonscardsrendererCardCardsectionWidget.isButtonGroup {
  padding: 0 12px
}

.boqAddonscardsrendererCardCardsectionWidget.isColumns {
  padding: 0 8px
}

.boqAddonscardsrendererCardCardsectionWidget.WidgetDensity {
  padding: 8px 16px
}

.boqAddonscardsrendererCardCardsectionIconBackgroundAsset {
  --section-icon-background-color-light-theme: inherit;
  --section-icon-border-radius: inherit;
  align-items: center;
  background: var(--section-icon-background-color-light-theme);
  border-radius: var(--section-icon-border-radius, 0);
  display: flex;
  height: 32px;
  justify-content: center;
  width: 32px
}

.mdc-circular-progress__determinate-circle,
.mdc-circular-progress__indeterminate-circle-graphic {
  stroke: #6200ee;
  stroke: var(--mdc-theme-primary, #6200ee)
}

@media (-ms-high-contrast:active),
screen and (forced-colors:active) {

  .mdc-circular-progress__determinate-circle,
  .mdc-circular-progress__indeterminate-circle-graphic {
    stroke: CanvasText
  }
}

.mdc-circular-progress__determinate-track {
  stroke: transparent
}

@keyframes mdc-circular-progress-container-rotate {
  to {
    transform: rotate(1turn)
  }
}

@keyframes mdc-circular-progress-spinner-layer-rotate {
  12.5% {
    transform: rotate(135deg)
  }

  25% {
    transform: rotate(270deg)
  }

  37.5% {
    transform: rotate(405deg)
  }

  50% {
    transform: rotate(540deg)
  }

  62.5% {
    transform: rotate(675deg)
  }

  75% {
    transform: rotate(810deg)
  }

  87.5% {
    transform: rotate(945deg)
  }

  to {
    transform: rotate(3turn)
  }
}

@keyframes mdc-circular-progress-color-1-fade-in-out {
  0% {
    opacity: .99
  }

  25% {
    opacity: .99
  }

  26% {
    opacity: 0
  }

  89% {
    opacity: 0
  }

  90% {
    opacity: .99
  }

  to {
    opacity: .99
  }
}

@keyframes mdc-circular-progress-color-2-fade-in-out {
  0% {
    opacity: 0
  }

  15% {
    opacity: 0
  }

  25% {
    opacity: .99
  }

  50% {
    opacity: .99
  }

  51% {
    opacity: 0
  }

  to {
    opacity: 0
  }
}

@keyframes mdc-circular-progress-color-3-fade-in-out {
  0% {
    opacity: 0
  }

  40% {
    opacity: 0
  }

  50% {
    opacity: .99
  }

  75% {
    opacity: .99
  }

  76% {
    opacity: 0
  }

  to {
    opacity: 0
  }
}

@keyframes mdc-circular-progress-color-4-fade-in-out {
  0% {
    opacity: 0
  }

  65% {
    opacity: 0
  }

  75% {
    opacity: .99
  }

  90% {
    opacity: .99
  }

  to {
    opacity: 0
  }
}

@keyframes mdc-circular-progress-left-spin {
  0% {
    transform: rotate(265deg)
  }

  50% {
    transform: rotate(130deg)
  }

  to {
    transform: rotate(265deg)
  }
}

@keyframes mdc-circular-progress-right-spin {
  0% {
    transform: rotate(-265deg)
  }

  50% {
    transform: rotate(-130deg)
  }

  to {
    transform: rotate(-265deg)
  }
}

.mdc-circular-progress {
  display: inline-flex;
  position: relative;
  direction: ltr;
  line-height: 0;
  overflow: hidden;
  transition: opacity .25s cubic-bezier(.4, 0, .6, 1) 0ms
}

.mdc-circular-progress__determinate-container,
.mdc-circular-progress__indeterminate-circle-graphic,
.mdc-circular-progress__indeterminate-container,
.mdc-circular-progress__spinner-layer {
  position: absolute;
  width: 100%;
  height: 100%
}

.mdc-circular-progress__determinate-container {
  transform: rotate(-90deg)
}

.mdc-circular-progress__indeterminate-container {
  font-size: 0;
  letter-spacing: 0;
  white-space: nowrap;
  opacity: 0
}

.mdc-circular-progress__determinate-circle-graphic,
.mdc-circular-progress__indeterminate-circle-graphic {
  fill: transparent
}

.mdc-circular-progress__determinate-circle {
  transition: stroke-dashoffset .5s cubic-bezier(0, 0, .2, 1) 0ms
}

.mdc-circular-progress__gap-patch {
  position: absolute;
  top: 0;
  left: 47.5%;
  box-sizing: border-box;
  width: 5%;
  height: 100%;
  overflow: hidden
}

.mdc-circular-progress__gap-patch .mdc-circular-progress__indeterminate-circle-graphic {
  left: -900%;
  width: 2000%;
  transform: rotate(180deg)
}

.mdc-circular-progress__circle-clipper {
  display: inline-flex;
  position: relative;
  width: 50%;
  height: 100%;
  overflow: hidden
}

.mdc-circular-progress__circle-clipper .mdc-circular-progress__indeterminate-circle-graphic {
  width: 200%
}

.mdc-circular-progress__circle-right .mdc-circular-progress__indeterminate-circle-graphic {
  left: -100%
}

.mdc-circular-progress--indeterminate .mdc-circular-progress__determinate-container {
  opacity: 0
}

.mdc-circular-progress--indeterminate .mdc-circular-progress__indeterminate-container {
  opacity: 1
}

.mdc-circular-progress--indeterminate .mdc-circular-progress__indeterminate-container {
  animation: mdc-circular-progress-container-rotate 1.5682352941s linear infinite
}

.mdc-circular-progress--indeterminate .mdc-circular-progress__spinner-layer {
  animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.mdc-circular-progress--indeterminate .mdc-circular-progress__color-1 {
  animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, mdc-circular-progress-color-1-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.mdc-circular-progress--indeterminate .mdc-circular-progress__color-2 {
  animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, mdc-circular-progress-color-2-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.mdc-circular-progress--indeterminate .mdc-circular-progress__color-3 {
  animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, mdc-circular-progress-color-3-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.mdc-circular-progress--indeterminate .mdc-circular-progress__color-4 {
  animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, mdc-circular-progress-color-4-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.mdc-circular-progress--indeterminate .mdc-circular-progress__circle-left .mdc-circular-progress__indeterminate-circle-graphic {
  animation: mdc-circular-progress-left-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.mdc-circular-progress--indeterminate .mdc-circular-progress__circle-right .mdc-circular-progress__indeterminate-circle-graphic {
  animation: mdc-circular-progress-right-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.mdc-circular-progress--closed {
  opacity: 0
}

.GmCircularProgress {
  position: relative
}

.GmCircularProgress .mdc-circular-progress__determinate-circle,
.GmCircularProgress .mdc-circular-progress__indeterminate-circle-graphic {
  stroke: #4285f4
}

@media (-ms-high-contrast:active),
screen and (forced-colors:active) {

  .GmCircularProgress .mdc-circular-progress__determinate-circle,
  .GmCircularProgress .mdc-circular-progress__indeterminate-circle-graphic {
    stroke: CanvasText
  }
}

.GmCircularProgress .mdc-circular-progress__color-1 .mdc-circular-progress__indeterminate-circle-graphic {
  stroke: #4285f4
}

@media (-ms-high-contrast:active),
screen and (forced-colors:active) {
  .GmCircularProgress .mdc-circular-progress__color-1 .mdc-circular-progress__indeterminate-circle-graphic {
    stroke: CanvasText
  }
}

.GmCircularProgress .mdc-circular-progress__color-2 .mdc-circular-progress__indeterminate-circle-graphic {
  stroke: #ea4335
}

@media (-ms-high-contrast:active),
screen and (forced-colors:active) {
  .GmCircularProgress .mdc-circular-progress__color-2 .mdc-circular-progress__indeterminate-circle-graphic {
    stroke: CanvasText
  }
}

.GmCircularProgress .mdc-circular-progress__color-3 .mdc-circular-progress__indeterminate-circle-graphic {
  stroke: #fbbc04
}

@media (-ms-high-contrast:active),
screen and (forced-colors:active) {
  .GmCircularProgress .mdc-circular-progress__color-3 .mdc-circular-progress__indeterminate-circle-graphic {
    stroke: CanvasText
  }
}

.GmCircularProgress .mdc-circular-progress__color-4 .mdc-circular-progress__indeterminate-circle-graphic {
  stroke: #34a853
}

@media (-ms-high-contrast:active),
screen and (forced-colors:active) {
  .GmCircularProgress .mdc-circular-progress__color-4 .mdc-circular-progress__indeterminate-circle-graphic {
    stroke: CanvasText
  }
}

.GmCircularProgress .mdc-circular-progress__accessible-label {
  height: 100%;
  width: 100%;
  position: absolute;
  opacity: 0;
  overflow: hidden;
  z-index: -1
}

.mdc-elevation-overlay {
  position: absolute;
  border-radius: inherit;
  pointer-events: none;
  opacity: 0;
  opacity: var(--mdc-elevation-overlay-opacity, 0);
  transition: opacity .28s cubic-bezier(.4, 0, .2, 1);
  background-color: #fff;
  background-color: var(--mdc-elevation-overlay-color, #fff)
}

.GmElevationOverlay {
  background-color: #e8eaed
}

.mdc-tooltip__surface {
  border-radius: 4px;
  border-radius: var(--mdc-shape-small, 4px)
}

.mdc-tooltip__caret-surface-bottom,
.mdc-tooltip__caret-surface-top {
  border-radius: 4px;
  border-radius: var(--mdc-shape-small, 4px)
}

.mdc-tooltip__surface {
  color: #fff;
  color: var(--mdc-theme-text-primary-on-dark, #fff)
}

.mdc-tooltip__surface {
  background-color: rgba(0, 0, 0, .6)
}

.mdc-tooltip__title {
  color: rgba(0, 0, 0, .87);
  color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, .87))
}

.mdc-tooltip__content {
  color: rgba(0, 0, 0, .6)
}

.mdc-tooltip__content-link {
  color: #6200ee;
  color: var(--mdc-theme-primary, #6200ee)
}

.mdc-tooltip__interactive-content {
  overflow-x: unset;
  overflow-y: auto
}

.mdc-tooltip.mdc-tooltip--rich .mdc-tooltip__caret-surface-bottom,
.mdc-tooltip.mdc-tooltip--rich .mdc-tooltip__caret-surface-top,
.mdc-tooltip.mdc-tooltip--rich .mdc-tooltip__surface {
  background-color: #fff
}

.mdc-tooltip__surface {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: .75rem;
  font-size: var(--mdc-typography-caption-font-size, .75rem);
  font-weight: 400;
  font-weight: var(--mdc-typography-caption-font-weight, 400);
  letter-spacing: .0333333333em;
  letter-spacing: var(--mdc-typography-caption-letter-spacing, .0333333333em);
  text-decoration: inherit;
  -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
  text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
  text-transform: inherit;
  text-transform: var(--mdc-typography-caption-text-transform, inherit)
}

.mdc-tooltip--rich .mdc-tooltip__surface {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
  border-radius: 4px;
  line-height: 20px
}

.mdc-tooltip--rich .mdc-tooltip__surface .mdc-elevation-overlay {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}

.mdc-tooltip__surface .mdc-tooltip__title {
  display: block;
  margin-top: 0;
  line-height: 20px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  font-family: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: .875rem;
  font-size: var(--mdc-typography-subtitle2-font-size, .875rem);
  line-height: 1.375rem;
  line-height: var(--mdc-typography-subtitle2-line-height, 1.375rem);
  font-weight: 500;
  font-weight: var(--mdc-typography-subtitle2-font-weight, 500);
  letter-spacing: .0071428571em;
  letter-spacing: var(--mdc-typography-subtitle2-letter-spacing, .0071428571em);
  text-decoration: inherit;
  -webkit-text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
  text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
  text-transform: inherit;
  text-transform: var(--mdc-typography-subtitle2-text-transform, inherit)
}

.mdc-tooltip__surface .mdc-tooltip__title:before {
  display: inline-block;
  width: 0;
  height: 24px;
  content: "";
  vertical-align: 0
}

.mdc-tooltip__surface .mdc-tooltip__content {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: .875rem;
  font-size: var(--mdc-typography-body2-font-size, .875rem);
  line-height: 1.25rem;
  line-height: var(--mdc-typography-body2-line-height, 1.25rem);
  font-weight: 400;
  font-weight: var(--mdc-typography-body2-font-weight, 400);
  letter-spacing: .0178571429em;
  letter-spacing: var(--mdc-typography-body2-letter-spacing, .0178571429em);
  text-decoration: inherit;
  -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  text-transform: inherit;
  text-transform: var(--mdc-typography-body2-text-transform, inherit)
}

.mdc-tooltip__surface {
  word-break: break-all;
  word-break: var(--mdc-tooltip-word-break, normal);
  overflow-wrap: anywhere
}

.mdc-tooltip--showing-transition .mdc-tooltip__surface-animation {
  transition: opacity .15s cubic-bezier(0, 0, .2, 1) 0ms, transform .15s cubic-bezier(0, 0, .2, 1) 0ms
}

.mdc-tooltip--hide-transition .mdc-tooltip__surface-animation {
  transition: opacity 75ms cubic-bezier(.4, 0, 1, 1) 0ms
}

.mdc-tooltip {
  position: fixed;
  display: none;
  z-index: 9
}

.mdc-tooltip-wrapper--rich {
  position: relative
}

.mdc-tooltip--hide,
.mdc-tooltip--showing,
.mdc-tooltip--shown {
  display: inline-flex
}

.mdc-tooltip--hide.mdc-tooltip--rich,
.mdc-tooltip--showing.mdc-tooltip--rich,
.mdc-tooltip--shown.mdc-tooltip--rich {
  display: inline-block;
  left: -320px;
  position: absolute
}

.mdc-tooltip__surface {
  line-height: 16px;
  padding: 4px 8px;
  min-width: 40px;
  max-width: 200px;
  min-height: 24px;
  max-height: 40vh;
  box-sizing: border-box;
  overflow: hidden;
  text-align: center
}

.mdc-tooltip__surface:before {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none
}

@media screen and (forced-colors:active) {
  .mdc-tooltip__surface:before {
    border-color: CanvasText
  }
}

.mdc-tooltip--rich .mdc-tooltip__surface {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 24px;
  min-width: 40px;
  max-width: 320px;
  position: relative;
  text-align: left
}

.mdc-tooltip--rich .mdc-tooltip__surface[dir=rtl],
[dir=rtl] .mdc-tooltip--rich .mdc-tooltip__surface {
  text-align: right
}

.mdc-tooltip--multiline .mdc-tooltip__surface {
  text-align: left
}

.mdc-tooltip--multiline .mdc-tooltip__surface[dir=rtl],
[dir=rtl] .mdc-tooltip--multiline .mdc-tooltip__surface {
  text-align: right
}

.mdc-tooltip__surface .mdc-tooltip__title {
  margin: 0 8px
}

.mdc-tooltip__surface .mdc-tooltip__content {
  max-width: 184px;
  margin: 8px
}

.mdc-tooltip--rich .mdc-tooltip__surface .mdc-tooltip__content {
  max-width: 304px;
  align-self: stretch
}

.mdc-tooltip__surface .mdc-tooltip__content-link {
  text-decoration: none
}

.mdc-tooltip--rich-actions,
.mdc-tooltip__content,
.mdc-tooltip__title {
  z-index: 1
}

.mdc-tooltip__surface-animation {
  opacity: 0;
  transform: scale(.8);
  will-change: transform, opacity
}

.mdc-tooltip--shown .mdc-tooltip__surface-animation {
  transform: scale(1);
  opacity: 1
}

.mdc-tooltip--hide .mdc-tooltip__surface-animation {
  transform: scale(1)
}

.mdc-tooltip__caret-surface-bottom,
.mdc-tooltip__caret-surface-top {
  position: absolute;
  height: 24px;
  width: 24px;
  transform: rotate(35deg) skewY(20deg) scaleX(.9396926208)
}

.mdc-tooltip__caret-surface-bottom .mdc-elevation-overlay,
.mdc-tooltip__caret-surface-top .mdc-elevation-overlay {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}

.mdc-tooltip__caret-surface-bottom {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
  outline: 1px solid transparent;
  z-index: -1
}

@media screen and (forced-colors:active) {
  .mdc-tooltip__caret-surface-bottom {
    outline-color: CanvasText
  }
}

.GmTooltip {
  z-index: 2101
}

.GmTooltip .mdc-tooltip__surface {
  background-color: #3c4043;
  color: #e8eaed
}

.GmTooltip .mdc-tooltip__content,
.GmTooltip .mdc-tooltip__title {
  color: #3c4043
}

.GmTooltip .mdc-tooltip__content-link {
  color: #1a73e8
}

.GmTooltip.mdc-tooltip--rich .mdc-tooltip__caret-surface-bottom,
.GmTooltip.mdc-tooltip--rich .mdc-tooltip__caret-surface-top,
.GmTooltip.mdc-tooltip--rich .mdc-tooltip__surface {
  background-color: #fff
}

.GmTooltip.mdc-tooltip--rich .mdc-tooltip__title {
  font-family: Roboto, Arial, sans-serif;
  line-height: 1.25rem;
  font-size: .875rem;
  letter-spacing: .0178571429em;
  font-weight: 500
}

.GmTooltip.mdc-tooltip--rich .mdc-tooltip__surface {
  border-radius: 8px
}

.GmRichTooltip {
  z-index: 2101
}

.GmRichTooltip .mdc-tooltip__surface {
  background-color: #3c4043;
  color: #e8eaed
}

.GmRichTooltip .mdc-tooltip__content,
.GmRichTooltip .mdc-tooltip__title {
  color: #3c4043
}

.GmRichTooltip .mdc-tooltip__content-link {
  color: #1a73e8
}

.GmRichTooltip.mdc-tooltip--rich .mdc-tooltip__caret-surface-bottom,
.GmRichTooltip.mdc-tooltip--rich .mdc-tooltip__caret-surface-top,
.GmRichTooltip.mdc-tooltip--rich .mdc-tooltip__surface {
  background-color: #fff
}

.GmRichTooltip.mdc-tooltip--rich .mdc-tooltip__title {
  font-family: Roboto, Arial, sans-serif;
  line-height: 1.25rem;
  font-size: .875rem;
  letter-spacing: .0178571429em;
  font-weight: 500
}

.GmRichTooltip.mdc-tooltip--rich .mdc-tooltip__surface {
  border-radius: 8px
}

.GmTooltip--HiddenLabel {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  -webkit-user-select: none
}

.boqAddonscardsrendererCardCarouselCarouselCard {
  --gm3-card-outlined-container-color: transparent;
  --gm3-card-outlined-outline-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 300px;
  scroll-snap-align: start
}

.boqAddonscardsrendererCardCarouselCarouselCardsContainer {
  display: flex;
  flex-direction: row;
  gap: 16px;
  -webkit-mask-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, #fff 1%, #fff 99%, hsla(0, 0%, 100%, 0));
  mask-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, #fff 1%, #fff 99%, hsla(0, 0%, 100%, 0));
  overflow: hidden;
  scroll-padding-left: 4px;
  scroll-snap-type: x mandatory;
  width: 100%
}

.boqAddonscardsrendererCardCarouselContainer {
  display: flex;
  flex-direction: column;
  width: 100%
}

.boqAddonscardsrendererCardCarouselNavBar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  margin-top: -4px;
  margin-left: -8px;
  margin-right: -8px
}

.boqAddonscardsrendererCardCarouselTitle {
  display: flex;
  margin-left: 16px;
  margin-right: 16px
}

.boqAddonscardsrendererCardCarouselTitleTextContainer {
  margin-right: 8px
}

.boqAddonscardsrendererCardCarouselTitleText {
  font: 400 .875rem/1.25rem Google Sans Text, Roboto, Arial, sans-serif;
  letter-spacing: 0;
  color: var(--gm3-sys-color-on-surface-variant, #444746);
  font-size: 12px;
  letter-spacing: .1px
}

.boqAddonscardsrendererCardCarouselSlides {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth
}

.boqAddonscardsrendererCardCarouselSlides::-webkit-scrollbar {
  width: 10px;
  height: 10px
}

.boqAddonscardsrendererCardCarouselSlides::-webkit-scrollbar-thumb {
  background: var(--gm3-sys-color-on-surface-variant, #444746);
  border-radius: 10px
}

.boqAddonscardsrendererCardCarouselSlides::-webkit-scrollbar-track {
  background: var(--gm3-sys-color-surface-variant, #e1e3e1);
  border-radius: 10px
}

.boqAddonscardsrendererCardCarouselWidget {
  padding-bottom: 8px;
  padding-top: 8px;
  align-items: start;
  display: flex;
  flex-shrink: 0;
  margin-left: 16px;
  margin-right: 16px;
  transform-origin: center center;
  transform: scale(1);
  transition: transform .5s;
  position: relative;
  scroll-snap-align: start;
  width: 100%
}

.boqAddonscardsrendererCardCarouselWidget.carouselV2Widget {
  scroll-snap-align: none;
  width: calc(100% - 32px)
}

.boqAddonscardsrendererCardCarouselNavigationButtonsWrapper {
  display: flex;
  justify-content: space-between;
  padding-block: 6px 0
}

.boqAddonscardsrendererCardCarouselNavigationButton {
  --gm3-icon-button-filled-tonal-container-width: 60px;
  transition: .5s
}

.boqAddonscardsrendererCardCarouselNavigationButton.isInvisible {
  opacity: 0;
  visibility: hidden
}

.boqAddonscardsrendererCardCarouselAnnouncer {
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap
}

.javascriptMaterialdesignGm3WizCardOutlined-card {
  position: relative;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  border-start-start-radius: var(--gm3-card-outlined-container-shape-start-start, 12px);
  border-start-end-radius: var(--gm3-card-outlined-container-shape-start-end, 12px);
  border-end-end-radius: var(--gm3-card-outlined-container-shape-end-end, 12px);
  border-end-start-radius: var(--gm3-card-outlined-container-shape-end-start, 12px);
  background-color: var(--gm3-card-outlined-container-color, var(--gm3-sys-color-surface, #fff));
  --gm3-elevation-level: var(--gm3-card-outlined-container-elevation, 0);
  --gm3-elevation-shadow-color: var(--gm3-card-outlined-container-shadow-color, var(--gm3-sys-color-shadow, #000));
  --gm3-elevation-surface-tint-layer-color: transparent;
  --gm3-focus-ring-outward-color: var(--gm3-card-outlined-focus-indicator-color, var(--gm3-sys-color-secondary, #00639b));
  --gm3-focus-ring-outward-offset: var(--gm3-card-outlined-focus-indicator-outline-offset, 2px);
  --gm3-focus-ring-outward-track-width: var(--gm3-card-outlined-focus-indicator-thickness, 3px);
  --gm3-focus-ring-outward-target-shape-start-start: var(--gm3-card-outlined-container-shape-start-start, 12px);
  --gm3-focus-ring-outward-target-shape-start-end: var(--gm3-card-outlined-container-shape-start-end, 12px);
  --gm3-focus-ring-outward-target-shape-end-end: var(--gm3-card-outlined-container-shape-end-end, 12px);
  --gm3-focus-ring-outward-target-shape-end-start: var(--gm3-card-outlined-container-shape-end-start, 12px)
}

.javascriptMaterialdesignGm3WizCardOutlined-card>.javascriptMaterialdesignGm3WizCard-card__primary-action,
.javascriptMaterialdesignGm3WizCardOutlined-card__content>.javascriptMaterialdesignGm3WizCard-card__primary-action {
  --gm3-ripple-hover-color: var(--gm3-card-outlined-hover-state-layer-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  --gm3-ripple-hover-opacity: var(--gm3-card-outlined-hover-state-layer-opacity, 0.08);
  --gm3-ripple-pressed-color: var(--gm3-card-outlined-pressed-state-layer-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  --gm3-ripple-pressed-opacity: var(--gm3-card-outlined-pressed-state-layer-opacity, 0.1);
  --gm3-ripple-shape-start-start: var(--gm3-card-outlined-container-shape-start-start, 12px);
  --gm3-ripple-shape-start-end: var(--gm3-card-outlined-container-shape-start-end, 12px);
  --gm3-ripple-shape-end-end: var(--gm3-card-outlined-container-shape-end-end, 12px);
  --gm3-ripple-shape-end-start: var(--gm3-card-outlined-container-shape-end-start, 12px)
}

.javascriptMaterialdesignGm3WizCardOutlined-card__content {
  border-radius: inherit;
  height: 100%
}

.javascriptMaterialdesignGm3WizCardOutlined-card {
  border-width: var(--gm3-card-outlined-outline-width, 1px);
  border-style: solid;
  border-color: var(--gm3-card-outlined-outline-color, var(--gm3-sys-color-outline-variant, #c4c7c5))
}

.javascriptMaterialdesignGm3WizCardOutlined-card:hover {
  border-color: var(--gm3-card-outlined-hover-outline-color, var(--gm3-sys-color-outline-variant, #c4c7c5))
}

.javascriptMaterialdesignGm3WizCardOutlined-card:active {
  border-color: var(--gm3-card-outlined-pressed-outline-color, var(--gm3-sys-color-outline-variant, #c4c7c5))
}

.javascriptMaterialdesignGm3WizChipSet-chip-set {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gm3-chip-set-vertical-space-between-chips, 16px) var(--gm3-chip-set-horizontal-space-between-chips, 8px)
}

.javascriptMaterialdesignGm3WizChipSet-chip-set:where(:has(:first-child)) {
  padding-block: calc(var(--gm3-chip-set-vertical-space-between-chips, 16px)/2)
}

.javascriptMaterialdesignGm3WizChipSet-chip-set:focus {
  outline: none
}

.javascriptMaterialdesignGm3WizChipSet-chip-set--overflow {
  flex-wrap: nowrap
}

.boqAddonscardsrendererCardChiplistChipContainer {
  max-width: 100%
}

.boqAddonscardsrendererCardChiplistChipContainer.scrollable {
  max-width: -moz-fit-content;
  max-width: fit-content
}

.boqAddonscardsrendererCardChiplistChip {
  background: var(--chip-background-color-light-theme, unset);
  --chip-background-color-light-theme: unset;
  --chip-border-radius-bottom-end: unset;
  --chip-border-radius-bottom-start: unset;
  --chip-border-radius-top-end: unset;
  --chip-border-radius-top-start: unset;
  --chip-outline-color-light-theme: unset;
  --gm3-chip-shared-container-shape-end-end: var(--chip-border-radius-bottom-end, unset);
  --gm3-chip-shared-container-shape-end-start: var(--chip-border-radius-bottom-start, unset);
  --gm3-chip-shared-container-shape-start-end: var(--chip-border-radius-top-end, unset);
  --gm3-chip-shared-container-shape-start-start: var(--chip-border-radius-top-start, unset);
  --gm3-chip-assist-flat-disabled-outline-color: var(--chip-outline-color-light-theme, unset);
  --gm3-chip-assist-flat-focus-outline-color: var(--chip-outline-color-light-theme, unset);
  --gm3-chip-assist-flat-outline-color: var(--chip-outline-color-light-theme, unset)
}

.boqAddonscardsrendererCardChiplistChipList {
  flex-wrap: wrap;
  max-width: 100%;
  padding-block: 4px
}

.boqAddonscardsrendererCardChiplistChipList .boqAddonscardsrendererCardIconIcon {
  height: 18px;
  width: 18px
}

.boqAddonscardsrendererCardChiplistChipList .boqAddonscardsrendererCardIconImageContainer {
  vertical-align: baseline;
  width: 18px
}

.boqAddonscardsrendererCardChiplistChipList .boqAddonscardsrendererCardIconFontIcon.customStyle {
  font-size: 18px
}

.boqAddonscardsrendererCardChiplistChipList.horizontalScroll {
  flex-wrap: nowrap;
  overflow: auto hidden
}

.boqAddonscardsrendererCardChiplistChipList.horizontalScroll::-webkit-scrollbar {
  background-color: transparent;
  border-radius: 0;
  height: 8px
}

.boqAddonscardsrendererCardChiplistChipList.horizontalScroll::-webkit-scrollbar-thumb {
  background-color: transparent
}

.boqAddonscardsrendererCardChiplistChipList.horizontalScroll::-webkit-scrollbar-thumb:active {
  background-color: transparent
}

.boqAddonscardsrendererCardChiplistChipList.horizontalScroll:hover::-webkit-scrollbar {
  background-color: transparent
}

.boqAddonscardsrendererCardChiplistChipList.horizontalScroll:hover::-webkit-scrollbar-thumb {
  background-color: rgba(32, 33, 36, .36);
  background-clip: padding-box;
  border-radius: 4px;
  padding: 100px 0 0
}

.boqAddonscardsrendererCardChiplistChipList.horizontalScroll::-webkit-scrollbar:hover {
  background-color: transparent
}

.boqAddonscardsrendererCardChiplistChipList.horizontalScroll::-webkit-scrollbar:active {
  background-color: transparent
}

.boqAddonscardsrendererCardChiplistChipList.horizontalScroll::-webkit-scrollbar-thumb:hover {
  background-color: rgba(32, 33, 36, .54)
}

.boqAddonscardsrendererCardChiplistChipList.horizontalScroll::-webkit-scrollbar-thumb:active {
  background-color: rgba(32, 33, 36, .54)
}

.boqAddonscardsrendererCardChiplistChipList.horizontalScroll::-webkit-scrollbar-corner {
  background: transparent
}

.boqAddonscardsrendererCardChiplistChipList.ChipListContainerDensity {
  gap: 16px 8px
}

.boqAddonscardsrendererCardChiplistDisabledChipIcon {
  opacity: .38;
  color: var(--gm3-sys-color-on-surface, #1f1f1f)
}

.boqAddonscardsrendererCardColumnsColumns {
  display: flex;
  flex-flow: row wrap
}

.boqAddonscardsrendererCardColumnsColumn {
  padding: 0 0;
  align-items: flex-start;
  display: flex;
  flex: 100 0 50%;
  flex-direction: column;
  justify-content: center;
  min-width: 50%
}

.boqAddonscardsrendererCardColumnsColumn.noBorder:first-child .boqAddonscardsrendererCardColumnsColumnWidget {
  padding-left: 0
}

.boqAddonscardsrendererCardColumnsColumn.noBorder:last-child .boqAddonscardsrendererCardColumnsColumnWidget {
  padding-right: 0
}

.ThreeColumnLayout .boqAddonscardsrendererCardColumnsColumn {
  flex: 100 0 33.33%;
  min-width: 33.33%
}

.boqAddonscardsrendererCardColumnsColumn.FillMinimumSpace {
  flex: 1 0 40%;
  min-width: 40%
}

.ThreeColumnLayout .boqAddonscardsrendererCardColumnsColumn.FillMinimumSpace {
  flex: 1 0 20%;
  min-width: 20%
}

.ThreeColumnLayout .boqAddonscardsrendererCardColumnsColumn.FillContent,
.boqAddonscardsrendererCardColumnsColumn.FillContent {
  flex: 0;
  min-width: unset
}

.boqAddonscardsrendererCardColumnsColumnWidget {
  box-sizing: border-box;
  display: flex;
  height: 100%;
  width: 100%
}

.boqAddonscardsrendererCardColumnsColumnWidget.isButtonGroup {
  padding: 0 4px
}

.boqAddonscardsrendererCardColumnsColumnWidget.ColumnWidgetDensity {
  padding: 8px 8px
}

.boqAddonscardsrendererCardColumnsColumnWidget.VerticalAlignBottom {
  align-items: end
}

.boqAddonscardsrendererCardColumnsColumnWidget.VerticalAlignCenter {
  align-items: center
}

.boqAddonscardsrendererCardColumnsColumnWidget.HorizontalAlignCenter {
  justify-content: center
}

.boqAddonscardsrendererCardColumnsColumnWidget.HorizontalAlignEnd {
  justify-content: flex-end
}

.boqAddonscardsrendererCardColumnsColumnWidget.VerticalAlignTop {
  align-items: start
}

.boqAddonscardsrendererCardImageImage {
  width: 100%
}

.boqAddonscardsrendererCardImageImage.clickable {
  cursor: pointer
}

.boqAddonscardsrendererCardKeyvalueButtonContainer {
  flex: 0 1 auto;
  max-width: 100%;
  min-width: 0
}

.boqAddonscardsrendererCardKeyvalueKeyValueContainer {
  align-items: center;
  display: flex;
  justify-content: space-between;
  min-width: 0;
  row-gap: 4px
}

.boqAddonscardsrendererCardKeyvalueKeyValueContainer:hover {
  --hover-container-color: initial;
  background-color: var(--hover-container-color)
}

.boqAddonscardsrendererCardKeyvalueKeyValueContainer.hasFullWidthButton {
  flex-wrap: wrap
}

.boqAddonscardsrendererCardKeyvalueKeyValue {
  align-items: center;
  display: flex;
  flex: 1 0 50%;
  justify-content: space-evenly;
  min-width: 50px;
  max-width: max-content;
  overflow: hidden
}

.boqAddonscardsrendererCardKeyvalueKeyValue.clickable {
  cursor: pointer
}

.boqAddonscardsrendererCardKeyvalueKeyValueEndIcon {
  margin-right: 4px
}

.boqAddonscardsrendererCardKeyvalueKeyValueStartIcon {
  margin-right: 16px
}

.boqAddonscardsrendererCardKeyvalueKeyValueText {
  margin-right: 16px;
  overflow: hidden;
  color: var(--gm3-sys-color-on-surface, #1f1f1f)
}

.boqAddonscardsrendererCardKeyvalueKeyValueTopLabel {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  color: var(--gm3-sys-color-on-surface-variant, #444746);
  font: 500 .6875rem/1rem Google Sans Text, Roboto, Arial, sans-serif;
  letter-spacing: .00625rem;
  text-transform: none
}

.boqAddonscardsrendererCardKeyvalueKeyValueBottomLabel {
  color: var(--gm3-sys-color-on-surface-variant, #444746);
  font: 500 .6875rem/1rem Google Sans Text, Roboto, Arial, sans-serif;
  letter-spacing: .00625rem;
  text-transform: none
}

.boqAddonscardsrendererCardKeyvalueKeyValueContent {
  color: var(--gm3-sys-color-on-surface, #1f1f1f);
  font: 400 .875rem/1.25rem Google Sans Text, Roboto, Arial, sans-serif;
  letter-spacing: 0;
  text-transform: none
}

.boqAddonscardsrendererCardKeyvalueKeyValueContent .boqAddonscardsrendererCardFormattedtextChipContainer {
  padding: 0 6px
}

.boqAddonscardsrendererCardKeyvalueKeyValueContent .boqAddonscardsrendererCardFormattedtextChipContainer .boqAddonscardsrendererCardFormattedtextChip {
  min-height: 24px
}

.boqAddonscardsrendererCardKeyvalueKeyValueContentTruncation {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1
}

.boqAddonscardsrendererCardKeyvalueStartIconBackgroundAsset {
  --border-top-start-radius: inherit;
  --border-top-end-radius: inherit;
  --border-bottom-start-radius: inherit;
  --border-bottom-end-radius: inherit;
  --light-theme-background-color: inherit;
  --dark-theme-background-color: inherit;
  align-items: center;
  background: var(--light-theme-background-color);
  border-radius: var(--border-top-start-radius, 0) var(--border-top-end-radius, 0) var(--border-bottom-start-radius, 0) var(--border-bottom-end-radius, 0);
  display: flex;
  height: 36px;
  justify-content: center;
  width: 36px
}

.boqAddonscardsrendererCardKeyvalueStartIconBackgroundAsset.defaultBackgroundColor {
  background-color: var(--gm3-sys-color-surface, #fff)
}

.boqAddonscardsrendererCardSelectioncontrolMultiselectMultiSelectContainer {
  border-radius: 4px
}

.boqAddonscardsrendererCardSelectioncontrolMultiselectContainer {
  width: 100%;
  position: relative;
  display: inline-flex;
  flex-direction: column
}

.boqAddonscardsrendererCardSelectioncontrolMultiselectMultiSelectContainer {
  --label-text-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --label-text-color-on-hover: var(--gm3-sys-color-on-surface, #1f1f1f);
  --label-text-color-on-focus: var(--gm3-sys-color-primary, #0b57d0);
  --outline-border-color: var(--gm3-sys-color-outline, #747775);
  --outline-border-color-on-hover: var(--gm3-sys-color-on-surface, #1f1f1f);
  --outline-border-color-on-focus: var(--gm3-sys-color-secondary, #00639b);
  outline: 1px solid var(--outline-border-color);
  outline-offset: -1px;
  flex-direction: column;
  width: 100%;
  height: auto;
  position: relative
}

.boqAddonscardsrendererCardSelectioncontrolMultiselectMultiSelectContainer.onFocus {
  outline: 3px solid var(--outline-border-color-on-focus);
  outline-offset: -3px
}

.boqAddonscardsrendererCardSelectioncontrolMultiselectMultiSelectContainer.isInvalid {
  --label-text-color: var(--gm3-sys-color-error, #b3261e);
  --label-text-color-on-hover: var(--gm3-sys-color-on-error-container, #410e0b);
  --label-text-color-on-focus: var(--gm3-sys-color-error, #b3261e);
  --outline-border-color: var(--gm3-sys-color-error, #b3261e);
  --outline-border-color-on-hover: var(--gm3-sys-color-on-error-container, #410e0b);
  --outline-border-color-on-focus: var(--gm3-sys-color-error, #b3261e)
}

.boqAddonscardsrendererCardSelectioncontrolMultiselectMultiSelectContainer:not(.boqAddonscardsrendererCardSelectioncontrolMultiselectMultiSelectContainer.onFocus):hover {
  border-color: var(--outline-border-color-on-hover)
}

.boqAddonscardsrendererCardSelectioncontrolMultiselectMultiSelectContainer:not(.boqAddonscardsrendererCardSelectioncontrolMultiselectMultiSelectContainer.onFocus):hover .boqAddonscardsrendererCardSelectioncontrolMultiselectLabelText {
  color: var(--label-text-color-on-hover)
}

.boqAddonscardsrendererCardSelectioncontrolMultiselectMultiSelectContainer.isDrivePicker:hover {
  cursor: pointer
}

.boqAddonscardsrendererCardSelectioncontrolMultiselectLabelContainer {
  position: absolute;
  white-space: nowrap;
  display: flex;
  height: 100%;
  width: 100%
}

.boqAddonscardsrendererCardSelectioncontrolMultiselectLabelText {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  align-self: center;
  background-color: transparent;
  color: var(--label-text-color);
  font: 500 .875rem/1.25rem Google Sans Text, Roboto, Arial, sans-serif;
  transform-origin: left top;
  max-width: 100%;
  display: inline-block;
  overflow: hidden;
  transition: transform .15s cubic-bezier(.4, 0, .2, 1), color .15s cubic-bezier(.4, 0, .2, 1);
  -webkit-user-select: none;
  user-select: none
}

.boqAddonscardsrendererCardSelectioncontrolMultiselectLabelText.disableTransition {
  transition: unset
}

.boqAddonscardsrendererCardSelectioncontrolMultiselectLabelText.hasValue,
.boqAddonscardsrendererCardSelectioncontrolMultiselectLabelText.onFocus {
  align-self: start;
  background-color: var(--uikit-background-color, var(--gm3-sys-color-surface, #fff));
  padding: 0 6px;
  transform: scale(.75) translateY(-50%) translateX(-4px)
}

.boqAddonscardsrendererCardSelectioncontrolMultiselectLabelText.onFocus {
  color: var(--label-text-color-on-focus)
}

.boqAddonscardsrendererCardSelectioncontrolMultiselectMultiSelectLabelLeadingNotch {
  height: 100%;
  width: 16px
}

.boqAddonscardsrendererCardSelectioncontrolMultiselectHelperTextContainer {
  color: var(--gm3-sys-color-error, #b3261e);
  font: 500 .6875rem/1rem Google Sans Text, Roboto, Arial, sans-serif;
  letter-spacing: .00625rem;
  padding: 4px 16px
}

.boqAddonscardsrendererCardSelectioncontrolMultiselectAutocomplete {
  --gm3-text-field-outlined-leading-space: 4px;
  flex: 1 1 fit-content;
  --gm3-autocomplete-outlined-text-field-outline-width: 0;
  --gm3-autocomplete-outlined-text-field-hover-outline-width: 0;
  --gm3-autocomplete-outlined-text-field-focus-outline-width: 0;
  --gm3-autocomplete-outlined-text-field-disabled-outline-width: 0;
  --gm3-autocomplete-outlined-text-field-input-text-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-autocomplete-outlined-text-field-input-text-font: "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif;
  --gm3-autocomplete-outlined-text-field-input-text-size: 0.875rem;
  --gm3-autocomplete-outlined-text-field-input-text-tracking: 0rem;
  --gm3-autocomplete-outlined-text-field-input-text-weight: 500;
  --gm3-autocomplete-outlined-menu-list-item-label-text-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-autocomplete-outlined-menu-list-item-label-text-font: "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif;
  --gm3-autocomplete-outlined-menu-list-item-label-text-size: 0.875rem;
  --gm3-autocomplete-outlined-menu-list-item-label-text-tracking: 0rem;
  --gm3-autocomplete-outlined-menu-list-item-label-text-weight: 400;
  --gm3-autocomplete-outlined-text-field-container-shape: 6px;
  --gm3-autocomplete-outlined-text-field-container-shape-start-start: 6px;
  --gm3-autocomplete-outlined-text-field-container-shape-start-end: 6px;
  --gm3-autocomplete-outlined-text-field-container-shape-end-end: 6px;
  --gm3-autocomplete-outlined-text-field-container-shape-end-start: 6px;
  --gm3-text-field-outlined-container-height: 40px;
  position: static;
  width: 100%
}

.boqAddonscardsrendererCardSelectioncontrolMultiselectAutocomplete:has(~.boqAddonscardsrendererCardSelectioncontrolMultiselectDrivePickerIconContainer) {
  display: none
}

.boqAddonscardsrendererCardSelectioncontrolMultiselectMenuGraphic {
  margin-right: 8px
}

.boqAddonscardsrendererCardSelectioncontrolMultiselectMenu {
  margin-top: 2px;
  z-index: 2001
}

.boqAddonscardsrendererCardSelectioncontrolMultiselectChipsetContainer {
  padding: 8px;
  align-items: center;
  gap: 0
}

.boqAddonscardsrendererCardSelectioncontrolMultiselectChip {
  margin: 4px;
  max-width: calc(100% - 8px)
}

.boqAddonscardsrendererCardSelectioncontrolMultiselectChip.isSingleChipWithPicker {
  max-width: calc(100% - 50px)
}

.boqAddonscardsrendererCardSelectioncontrolMultiselectChip.isInvalid {
  --gm3-chip-input-without-avatar-label-text-color: var(--gm3-sys-color-error, #b3261e);
  --gm3-chip-input-without-avatar-hover-label-text-color: var(--gm3-sys-color-error, #b3261e);
  --gm3-chip-input-without-avatar-focus-label-text-color: var(--gm3-sys-color-error, #b3261e);
  --gm3-chip-input-without-avatar-outline-color: var(--gm3-sys-color-error, #b3261e);
  --gm3-chip-input-without-avatar-pressed-label-text-color: var(--gm3-sys-color-error, #b3261e);
  --gm3-chip-input-without-avatar-with-icon-disabled-icon-color: var(--gm3-sys-color-error, #b3261e);
  --gm3-chip-input-without-avatar-with-icon-focus-icon-color: var(--gm3-sys-color-error, #b3261e);
  --gm3-chip-input-without-avatar-with-icon-hover-icon-color: var(--gm3-sys-color-error, #b3261e);
  --gm3-chip-input-without-avatar-with-icon-icon-color: var(--gm3-sys-color-error, #b3261e);
  --gm3-chip-input-without-avatar-with-icon-pressed-icon-color: var(--gm3-sys-color-error, #b3261e)
}

.boqAddonscardsrendererCardSelectioncontrolMultiselectChip.isHidden {
  visibility: hidden;
  width: 2px;
  margin: -1px
}

.boqAddonscardsrendererCardSelectioncontrolMultiselectInputContainer {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1 1
}

.boqAddonscardsrendererCardSelectioncontrolMultiselectInputContainer .boqAddonscardsrendererCardAutocompleteMultiLevelMenu {
  max-width: 100%
}

.boqAddonscardsrendererCardSelectioncontrolMultiselectDrivePickerIconContainer {
  flex: 0 0 fit-content
}

.boqAddonscardsrendererCardSelectioncontrolMultiselectMultiSelectProgressGm3 {
  --gm3-circular-progress-size: 24px
}

.boqAddonscardsrendererCardSelectioncontrolMultiselectMultiSelectProgressGm3.isClosed {
  display: none
}

.boqAddonscardsrendererCardSelectioncontrolMultiselectInsertDriveFileIcon {
  --gm3-icon-button-standard-touch-target-size: 40px;
  --gm3-icon-button-standard-icon-size: 24px;
  --gm3-icon-button-standard-selected-icon-color: var(--gm3-sys-color-primary, #0b57d0);
  --gm3-icon-button-standard-selected-focus-icon-color: var(--gm3-sys-color-primary, #0b57d0);
  --gm3-icon-button-standard-selected-hover-icon-color: var(--gm3-sys-color-primary, #0b57d0);
  --gm3-icon-button-standard-unselected-icon-color: var(--gm3-sys-color-primary, #0b57d0);
  --gm3-icon-button-standard-unselected-focus-icon-color: var(--gm3-sys-color-primary, #0b57d0);
  --gm3-icon-button-standard-unselected-hover-icon-color: var(--gm3-sys-color-primary, #0b57d0)
}

.boqAddonscardsrendererCardSelectioncontrolMultiselectInsertDriveFileIcon:hover {
  background-color: var(--gm3-sys-color-inverse-on-surface, #f2f2f2)
}

.boqAddonscardsrendererCardSelectioncontrolMultiselectVariableMenu.boqAddonscardsrendererCardSelectioncontrolMultiselectVariableMenu {
  max-width: 100%
}

.javascriptMaterialdesignGm3WizAutocompleteOutlined-autocomplete {
  --gm3-text-field-outlined-caret-color: var(--gm3-autocomplete-outlined-text-field-caret-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-text-field-outlined-container-shape-start-start: var(--gm3-autocomplete-outlined-text-field-container-shape-start-start, 4px);
  --gm3-text-field-outlined-container-shape-start-end: var(--gm3-autocomplete-outlined-text-field-container-shape-start-end, 4px);
  --gm3-text-field-outlined-container-shape-end-start: var(--gm3-autocomplete-outlined-text-field-container-shape-end-start, 4px);
  --gm3-text-field-outlined-container-shape-end-end: var(--gm3-autocomplete-outlined-text-field-container-shape-end-end, 4px);
  --gm3-text-field-outlined-disabled-input-text-color: var(--gm3-autocomplete-outlined-text-field-disabled-input-text-color, rgb(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), 0.38));
  --gm3-text-field-outlined-disabled-input-text-opacity: var(--gm3-autocomplete-outlined-text-field-disabled-input-text-opacity, 0.38);
  --gm3-text-field-outlined-disabled-label-text-color: var(--gm3-autocomplete-outlined-text-field-disabled-label-text-color, rgb(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), 0.38));
  --gm3-text-field-outlined-disabled-label-text-opacity: var(--gm3-autocomplete-outlined-text-field-disabled-label-text-opacity, 0.38);
  --gm3-text-field-outlined-disabled-leading-icon-color: var(--gm3-autocomplete-outlined-text-field-disabled-leading-icon-color, rgb(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), 0.38));
  --gm3-text-field-outlined-disabled-leading-icon-opacity: var(--gm3-autocomplete-outlined-text-field-disabled-leading-icon-opacity, 0.38);
  --gm3-text-field-outlined-disabled-supporting-text-color: var(--gm3-autocomplete-outlined-text-field-disabled-supporting-text-color, rgb(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), 0.38));
  --gm3-text-field-outlined-disabled-supporting-text-opacity: var(--gm3-autocomplete-outlined-text-field-disabled-supporting-text-opacity, 0.38);
  --gm3-text-field-outlined-disabled-trailing-icon-color: var(--gm3-autocomplete-outlined-text-field-disabled-trailing-icon-color, rgb(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), 0.38));
  --gm3-text-field-outlined-disabled-trailing-icon-opacity: var(--gm3-autocomplete-outlined-text-field-disabled-trailing-icon-opacity, 0.38);
  --gm3-text-field-outlined-error-focus-caret-color: var(--gm3-autocomplete-outlined-text-field-error-focus-caret-color, var(--gm3-sys-color-error, #b3261e));
  --gm3-text-field-outlined-error-focus-input-text-color: var(--gm3-autocomplete-outlined-text-field-error-focus-input-text-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  --gm3-text-field-outlined-error-focus-label-text-color: var(--gm3-autocomplete-outlined-text-field-error-focus-label-text-color, var(--gm3-sys-color-error, #b3261e));
  --gm3-text-field-outlined-error-focus-leading-icon-color: var(--gm3-autocomplete-outlined-text-field-error-focus-leading-icon-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-text-field-outlined-error-focus-supporting-text-color: var(--gm3-autocomplete-outlined-text-field-error-focus-supporting-text-color, var(--gm3-sys-color-error, #b3261e));
  --gm3-text-field-outlined-error-focus-trailing-icon-color: var(--gm3-autocomplete-outlined-text-field-error-focus-trailing-icon-color, var(--gm3-sys-color-error, #b3261e));
  --gm3-text-field-outlined-error-hover-input-text-color: var(--gm3-autocomplete-outlined-text-field-error-hover-input-text-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  --gm3-text-field-outlined-error-hover-label-text-color: var(--gm3-autocomplete-outlined-text-field-error-hover-label-text-color, var(--gm3-sys-color-on-error-container, #410e0b));
  --gm3-text-field-outlined-error-hover-leading-icon-color: var(--gm3-autocomplete-outlined-text-field-error-hover-leading-icon-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-text-field-outlined-error-hover-supporting-text-color: var(--gm3-autocomplete-outlined-text-field-error-hover-supporting-text-color, var(--gm3-sys-color-error, #b3261e));
  --gm3-text-field-outlined-error-hover-trailing-icon-color: var(--gm3-autocomplete-outlined-text-field-error-hover-trailing-icon-color, var(--gm3-sys-color-on-error-container, #410e0b));
  --gm3-text-field-outlined-error-input-text-color: var(--gm3-autocomplete-outlined-text-field-error-input-text-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  --gm3-text-field-outlined-error-label-text-color: var(--gm3-autocomplete-outlined-text-field-error-label-text-color, var(--gm3-sys-color-error, #b3261e));
  --gm3-text-field-outlined-error-leading-icon-color: var(--gm3-autocomplete-outlined-text-field-error-leading-icon-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-text-field-outlined-error-supporting-text-color: var(--gm3-autocomplete-outlined-text-field-error-supporting-text-color, var(--gm3-sys-color-error, #b3261e));
  --gm3-text-field-outlined-error-trailing-icon-color: var(--gm3-autocomplete-outlined-text-field-error-trailing-icon-color, var(--gm3-sys-color-error, #b3261e));
  --gm3-text-field-outlined-focus-input-text-color: var(--gm3-autocomplete-outlined-text-field-focus-input-text-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  --gm3-text-field-outlined-focus-label-text-color: var(--gm3-autocomplete-outlined-text-field-focus-label-text-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-text-field-outlined-focus-leading-icon-color: var(--gm3-autocomplete-outlined-text-field-focus-leading-icon-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-text-field-outlined-focus-supporting-text-color: var(--gm3-autocomplete-outlined-text-field-focus-supporting-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-text-field-outlined-focus-trailing-icon-color: var(--gm3-autocomplete-outlined-text-field-focus-trailing-icon-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-text-field-outlined-hover-input-text-color: var(--gm3-autocomplete-outlined-text-field-hover-input-text-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  --gm3-text-field-outlined-hover-label-text-color: var(--gm3-autocomplete-outlined-text-field-hover-label-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-text-field-outlined-hover-leading-icon-color: var(--gm3-autocomplete-outlined-text-field-hover-leading-icon-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-text-field-outlined-hover-supporting-text-color: var(--gm3-autocomplete-outlined-text-field-hover-supporting-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-text-field-outlined-hover-trailing-icon-color: var(--gm3-autocomplete-outlined-text-field-hover-trailing-icon-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-text-field-outlined-input-text-color: var(--gm3-autocomplete-outlined-text-field-input-text-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  --gm3-text-field-outlined-input-text-font: var(--gm3-autocomplete-outlined-text-field-input-text-font, "Google Sans Text");
  --gm3-text-field-outlined-input-text-line-height: var(--gm3-autocomplete-outlined-text-field-input-text-line-height, 1.5rem);
  --gm3-text-field-outlined-input-text-size: var(--gm3-autocomplete-outlined-text-field-input-text-size, 1rem);
  --gm3-text-field-outlined-input-text-tracking: var(--gm3-autocomplete-outlined-text-field-input-text-tracking, 0rem);
  --gm3-text-field-outlined-input-text-weight: var(--gm3-autocomplete-outlined-text-field-input-text-weight, 400);
  --gm3-text-field-outlined-label-text-color: var(--gm3-autocomplete-outlined-text-field-label-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-text-field-outlined-label-text-font: var(--gm3-autocomplete-outlined-text-field-label-text-font, "Google Sans Text");
  --gm3-text-field-outlined-label-text-line-height: var(--gm3-autocomplete-outlined-text-field-label-text-line-height, 1.5rem);
  --gm3-text-field-outlined-label-text-populated-line-height: var(--gm3-autocomplete-outlined-text-field-label-text-populated-line-height, 1rem);
  --gm3-text-field-outlined-label-text-populated-size: var(--gm3-autocomplete-outlined-text-field-label-text-populated-size, 0.75rem);
  --gm3-text-field-outlined-label-text-size: var(--gm3-autocomplete-outlined-text-field-label-text-size, 1rem);
  --gm3-text-field-outlined-label-text-tracking: var(--gm3-autocomplete-outlined-text-field-label-text-tracking, 0rem);
  --gm3-text-field-outlined-label-text-weight: var(--gm3-autocomplete-outlined-text-field-label-text-weight, 400);
  --gm3-text-field-outlined-leading-icon-color: var(--gm3-autocomplete-outlined-text-field-leading-icon-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-text-field-outlined-leading-icon-size: var(--gm3-autocomplete-outlined-text-field-leading-icon-size, 24px);
  --gm3-text-field-outlined-supporting-text-color: var(--gm3-autocomplete-outlined-text-field-supporting-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-text-field-outlined-supporting-text-font: var(--gm3-autocomplete-outlined-text-field-supporting-text-font, "Google Sans Text");
  --gm3-text-field-outlined-supporting-text-line-height: var(--gm3-autocomplete-outlined-text-field-supporting-text-line-height, 1rem);
  --gm3-text-field-outlined-supporting-text-size: var(--gm3-autocomplete-outlined-text-field-supporting-text-size, 0.75rem);
  --gm3-text-field-outlined-supporting-text-tracking: var(--gm3-autocomplete-outlined-text-field-supporting-text-tracking, 0.00625rem);
  --gm3-text-field-outlined-supporting-text-weight: var(--gm3-autocomplete-outlined-text-field-supporting-text-weight, 400);
  --gm3-text-field-outlined-trailing-icon-color: var(--gm3-autocomplete-outlined-text-field-trailing-icon-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-text-field-outlined-trailing-icon-size: var(--gm3-autocomplete-outlined-text-field-trailing-icon-size, 24px);
  --gm3-text-field-outlined-disabled-outline-color: var(--gm3-autocomplete-outlined-text-field-disabled-outline-color, rgb(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), 0.12));
  --gm3-text-field-outlined-disabled-outline-opacity: var(--gm3-autocomplete-outlined-text-field-disabled-outline-opacity, 0.12);
  --gm3-text-field-outlined-disabled-outline-width: var(--gm3-autocomplete-outlined-text-field-disabled-outline-width, 1px);
  --gm3-text-field-outlined-error-focus-indicator-outline-color: var(--gm3-autocomplete-outlined-text-field-error-focus-outline-color, var(--gm3-sys-color-error, #b3261e));
  --gm3-text-field-outlined-error-hover-outline-color: var(--gm3-autocomplete-outlined-text-field-error-hover-outline-color, var(--gm3-sys-color-on-error-container, #410e0b));
  --gm3-text-field-outlined-error-outline-color: var(--gm3-autocomplete-outlined-text-field-error-outline-color, var(--gm3-sys-color-error, #b3261e));
  --gm3-text-field-outlined-focus-indicator-outline-color: var(--gm3-autocomplete-outlined-text-field-focus-outline-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-text-field-outlined-focus-indicator-outline-thickness: var(--gm3-autocomplete-outlined-text-field-focus-outline-width, 3px);
  --gm3-text-field-outlined-hover-outline-color: var(--gm3-autocomplete-outlined-text-field-hover-outline-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  --gm3-text-field-outlined-hover-outline-width: var(--gm3-autocomplete-outlined-text-field-hover-outline-width, 1px);
  --gm3-text-field-outlined-outline-color: var(--gm3-autocomplete-outlined-text-field-outline-color, var(--gm3-sys-color-outline, #747775));
  --gm3-text-field-outlined-outline-width: var(--gm3-autocomplete-outlined-text-field-outline-width, 1px)
}

.javascriptMaterialdesignGm3WizAutocompleteOutlined-autocomplete-menu-surface {
  margin-bottom: 8px
}

.javascriptMaterialdesignGm3WizAutocompleteOutlined-autocomplete--no-label-dropdown {
  margin-bottom: 0
}

.javascriptMaterialdesignGm3WizAutocompleteOutlined-autocomplete {
  display: inline-flex;
  position: relative;
  --gm3-list-divider-color: var(--gm3-autocomplete-outlined-menu-divider-color, var(--gm3-sys-color-surface-variant, #e1e3e1));
  --gm3-list-divider-height: var(--gm3-autocomplete-outlined-menu-divider-height, 1px);
  --gm3-list-list-item-container-color: transparent;
  --gm3-list-list-item-label-text-color: var(--gm3-autocomplete-outlined-menu-list-item-label-text-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  --gm3-list-list-item-label-text-font: var(--gm3-autocomplete-outlined-menu-list-item-label-text-font, Google Sans Text);
  --gm3-list-list-item-label-text-line-height: var(--gm3-autocomplete-outlined-menu-list-item-label-text-line-height, 1.25rem);
  --gm3-list-list-item-label-text-size: var(--gm3-autocomplete-outlined-menu-list-item-label-text-size, 0.875rem);
  --gm3-list-list-item-label-text-tracking: var(--gm3-autocomplete-outlined-menu-list-item-label-text-tracking, 0rem);
  --gm3-list-list-item-label-text-weight: var(--gm3-autocomplete-outlined-menu-list-item-label-text-weight, 500)
}

.javascriptMaterialdesignGm3WizAutocompleteOutlined-autocomplete[hidden] {
  display: none
}

.javascriptMaterialdesignGm3WizAutocompleteOutlined-autocomplete-menu-surface {
  background-color: var(--gm3-autocomplete-outlined-menu-container-color, var(--gm3-sys-color-surface-container, #f0f4f9));
  border-radius: var(--gm3-autocomplete-outlined-menu-container-shape, 4px);
  --gm3-menu-surface-container-color: var(--gm3-autocomplete-outlined-menu-container-color, var(--gm3-sys-color-surface-container, #f0f4f9));
  --gm3-menu-surface-container-elevation: var(--gm3-autocomplete-outlined-menu-container-elevation, 2);
  --gm3-menu-surface-container-shadow-color: var(--gm3-autocomplete-outlined-menu-container-shadow-color, var(--gm3-sys-color-shadow, #000))
}

.javascriptMaterialdesignGm3WizAutocompleteOutlined-autocomplete-menu-surface .mdc-ripple-upgraded--background-focused {
  --gm3-list-list-item-container-color: var(--gm3-autocomplete-outlined-menu-list-item-selected-container-color, var(--gm3-sys-color-surface-container-highest, #dde3ea));
  --gm3-focus-ring-inward-display: block
}

.javascriptMaterialdesignGm3WizAutocompleteOutlinedDropdown,
.javascriptMaterialdesignGm3WizAutocompleteOutlinedTextField {
  width: inherit
}

.javascriptMaterialdesignGm3WizAutocompleteOutlinedList {
  position: relative
}

.javascriptMaterialdesignGm3WizAutocompleteOutlinedList:before {
  position: absolute;
  box-sizing: border-box;
  inset: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none
}

.javascriptMaterialdesignGm3WizAutocompleteOutlinedLeadingIcon .gm3-autocomplete-suggestion:not(.gm3-autocomplete-suggestion--with-leading-icon) {
  --gm3-list-list-item-leading-space: 48px
}

.javscriptMaterialdesignGm3WizTextfieldCharacterCounter-character-counter {
  font-family: var(--gm3-text-field-character-counter-supporting-text-font, unset);
  line-height: var(--gm3-text-field-character-counter-supporting-text-line-height, unset);
  font-size: var(--gm3-text-field-character-counter-supporting-text-size, unset);
  letter-spacing: var(--gm3-text-field-character-counter-supporting-text-tracking, unset);
  font-weight: var(--gm3-text-field-character-counter-supporting-text-weight, unset);
  white-space: nowrap;
  margin-inline-start: auto;
  padding-inline-start: var(--gm3-text-field-character-counter-supporting-text-character-counter-space, unset);
  color: var(--gm3-text-field-character-counter-supporting-text-color, unset);
  display: block;
  position: relative;
  font-variation-settings: var(--gm3-text-field-character-counter-supporting-text-font-variation-settings, initial)
}

.javscriptMaterialdesignGm3WizTextfieldCharacterCounter-character-counter--visually-hidden {
  position: absolute;
  overflow: hidden;
  left: -1px;
  top: auto;
  width: 1px;
  height: 1px
}

@keyframes floating-label-shake-float-above {
  0% {
    transform: translateX(0)
  }

  33% {
    animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
    transform: translateX(4%)
  }

  66% {
    animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
    transform: translateX(-4%)
  }

  to {
    transform: translateX(0)
  }
}

.javascriptMaterialdesignGm3WizTextfieldFloatingLabel-floating-label {
  inset: 0;
  pointer-events: none;
  text-align: initial;
  display: var(--gm3-floating-label-label-text-display, unset)
}

.javascriptMaterialdesignGm3WizTextfieldFloatingLabel-floating-label__content-floating,
.javascriptMaterialdesignGm3WizTextfieldFloatingLabel-floating-label__content-resting,
.javascriptMaterialdesignGm3WizTextfieldFloatingLabel-floating-label__content-spacer {
  transform-origin: left top;
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: text;
  overflow: hidden;
  color: var(--gm3-floating-label-label-text-color, unset);
  font-family: var(--gm3-floating-label-label-text-font, unset);
  line-height: var(--gm3-floating-label-label-text-line-height, unset);
  font-size: var(--gm3-floating-label-label-text-size, unset);
  letter-spacing: var(--gm3-floating-label-label-text-tracking, unset);
  font-weight: var(--gm3-floating-label-label-text-weight, unset);
  font-variation-settings: var(--gm3-floating-label-label-text-font-variation-settings, initial);
  transition: color .15s cubic-bezier(.4, 0, .2, 1)
}

[dir=rtl] .javascriptMaterialdesignGm3WizTextfieldFloatingLabel-floating-label__content-floating,
[dir=rtl] .javascriptMaterialdesignGm3WizTextfieldFloatingLabel-floating-label__content-resting,
[dir=rtl] .javascriptMaterialdesignGm3WizTextfieldFloatingLabel-floating-label__content-spacer {
  transform-origin: right top;
  inset-inline-end: auto
}

.javascriptMaterialdesignGm3WizTextfieldFloatingLabel-floating-label__content-resting {
  position: absolute;
  inset-block-start: var(--gm3-floating-label-resting-label-top-space, unset);
  inset-inline-start: var(--gm3-floating-label-resting-label-leading-space, unset);
  max-width: var(--gm3-floating-label-resting-label-max-width, unset)
}

.javascriptMaterialdesignGm3WizTextfieldFloatingLabel-floating-label__content-floating,
.javascriptMaterialdesignGm3WizTextfieldFloatingLabel-floating-label__content-spacer {
  position: absolute;
  inset-block-start: var(--gm3-floating-label-floating-label-top-space, unset);
  inset-inline-start: var(--gm3-floating-label-floating-label-leading-space, unset);
  max-width: var(--gm3-floating-label-floating-label-max-width, unset);
  line-height: var(--gm3-floating-label-floating-label-text-line-height, unset);
  font-size: var(--gm3-floating-label-floating-label-text-size, unset)
}

.javascriptMaterialdesignGm3WizTextfieldFloatingLabel-floating-label--hidden {
  opacity: 0
}

.javascriptMaterialdesignGm3WizTextfieldFloatingLabel-floating-label__content-spacer {
  display: inline-block;
  position: static
}

.javascriptMaterialdesignGm3WizTextfieldFloatingLabel-floating-label--float-above {
  cursor: auto
}

.javascriptMaterialdesignGm3WizTextfieldFloatingLabel-floating-label--required:not(.javascriptMaterialdesignGm3WizTextfieldFloatingLabel-floating-label--hide-required-marker) .javascriptMaterialdesignGm3WizTextfieldFloatingLabel-floating-label__content-floating:after,
.javascriptMaterialdesignGm3WizTextfieldFloatingLabel-floating-label--required:not(.javascriptMaterialdesignGm3WizTextfieldFloatingLabel-floating-label--hide-required-marker) .javascriptMaterialdesignGm3WizTextfieldFloatingLabel-floating-label__content-resting:after,
.javascriptMaterialdesignGm3WizTextfieldFloatingLabel-floating-label--required:not(.javascriptMaterialdesignGm3WizTextfieldFloatingLabel-floating-label--hide-required-marker) .javascriptMaterialdesignGm3WizTextfieldFloatingLabel-floating-label__content-spacer:after {
  margin-inline: 1px 0;
  content: "*"
}

.javascriptMaterialdesignGm3WizTextfieldFloatingLabel-floating-label--shake .javascriptMaterialdesignGm3WizTextfieldFloatingLabel-floating-label__content-floating {
  animation: floating-label-shake-float-above .25s 1
}

.javascriptMaterialdesignGm3WizTextfieldHelperText-helper-text {
  color: var(--gm3-text-field-helper-text-supporting-text-color, unset);
  font-family: var(--gm3-text-field-helper-text-supporting-text-font, unset);
  line-height: var(--gm3-text-field-helper-text-supporting-text-line-height, unset);
  font-size: var(--gm3-text-field-helper-text-supporting-text-size, unset);
  letter-spacing: var(--gm3-text-field-helper-text-supporting-text-tracking, unset);
  font-weight: var(--gm3-text-field-helper-text-supporting-text-weight, unset);
  font-variation-settings: var(--gm3-text-field-helper-text-supporting-text-font-variation-settings, initial);
  margin: 0;
  opacity: 0;
  transition: opacity .15s cubic-bezier(.4, 0, .2, 1) 0ms;
  display: block;
  min-height: var(--gm3-text-field-helper-text-supporting-text-line-height, unset)
}

.javascriptMaterialdesignGm3WizTextfieldHelperText-helper-text {
  opacity: var(--gm3-text-field-helper-text-supporting-text-opacity, 0)
}

.javascriptMaterialdesignGm3WizTextfieldHelperText-helper-text--validation-msg {
  opacity: var(--gm3-text-field-helper-text-validation-text-opacity, 0)
}

.javascriptMaterialdesignGm3WizTextfieldHelperText-helper-text--persistent {
  transition: none;
  opacity: 1
}

.javascriptMaterialdesignGm3WizTextfieldHelperText-helper-text-sr-only {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden
}

.javascriptMaterialdesignGm3WizTextfieldNotchedOutline-notched-outline {
  display: flex;
  position: absolute;
  inset-block-start: 0;
  inset-inline: 0;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  height: 100%;
  text-align: start;
  pointer-events: none
}

.javascriptMaterialdesignGm3WizTextfieldNotchedOutline-notched-outline__leading,
.javascriptMaterialdesignGm3WizTextfieldNotchedOutline-notched-outline__notch,
.javascriptMaterialdesignGm3WizTextfieldNotchedOutline-notched-outline__trailing {
  box-sizing: border-box;
  height: 100%;
  pointer-events: none;
  border-block-start: var(--gm3-notched-outline-border-width, unset) solid var(--gm3-notched-outline-border-color, unset);
  border-block-end: var(--gm3-notched-outline-border-width, unset) solid var(--gm3-notched-outline-border-color, unset)
}

.javascriptMaterialdesignGm3WizTextfieldNotchedOutline-notched-outline__leading {
  border-inline-start: var(--gm3-notched-outline-border-width, unset) solid var(--gm3-notched-outline-border-color, unset);
  border-inline-end: none;
  width: calc(var(--gm3-notched-outline-leading-space, unset) - 4px);
  margin-inline-end: 4px;
  border-start-start-radius: var(--gm3-notched-outline-container-shape-start-start, unset);
  border-end-start-radius: var(--gm3-notched-outline-container-shape-end-start, unset)
}

.javascriptMaterialdesignGm3WizTextfieldNotchedOutline-notched-outline__trailing {
  flex-grow: 1;
  border-inline-start: none;
  border-inline-end: var(--gm3-notched-outline-border-width, unset) solid var(--gm3-notched-outline-border-color, unset);
  border-end-end-radius: var(--gm3-notched-outline-container-shape-end-end, unset);
  border-start-end-radius: var(--gm3-notched-outline-container-shape-start-end, unset)
}

.javascriptMaterialdesignGm3WizTextfieldNotchedOutline-notched-outline__notch {
  flex: 0 0 auto;
  width: auto;
  margin-inline-start: -4px;
  max-width: calc(100% - var(--gm3-notched-outline-leading-space, unset) - var(--gm3-notched-outline-trailing-space, unset))
}

.javascriptMaterialdesignGm3WizTextfieldNotchedOutline-notched-outline--notched .javascriptMaterialdesignGm3WizTextfieldNotchedOutline-notched-outline__notch {
  padding-inline: 4px;
  border-top: none
}

.javascriptMaterialdesignGm3WizTextfieldNotchedOutline-notched-outline--no-label .javascriptMaterialdesignGm3WizTextfieldNotchedOutline-notched-outline__leading {
  margin-inline-end: unset
}

.javascriptMaterialdesignGm3WizTextfieldNotchedOutline-notched-outline--no-label .javascriptMaterialdesignGm3WizTextfieldNotchedOutline-notched-outline__notch {
  display: none
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--root {
  display: inline-flex;
  flex-direction: column;
  position: relative;
  --gm3-text-field-character-counter-supporting-text-character-counter-space: var(--gm3-text-field-outlined-supporting-text-character-counter-space, 16px);
  --gm3-text-field-character-counter-supporting-text-font: var(--gm3-text-field-outlined-supporting-text-font, "Google Sans", Roboto, Arial, sans-serif);
  --gm3-text-field-character-counter-supporting-text-font-variation-settings: var(--gm3-text-field-outlined-supporting-text-font-variation-settings, initial);
  --gm3-text-field-character-counter-supporting-text-line-height: var(--gm3-text-field-outlined-supporting-text-line-height, 1rem);
  --gm3-text-field-character-counter-supporting-text-size: var(--gm3-text-field-outlined-supporting-text-size, 0.75rem);
  --gm3-text-field-character-counter-supporting-text-tracking: var(--gm3-text-field-outlined-supporting-text-tracking, 0.00625rem);
  --gm3-text-field-character-counter-supporting-text-weight: var(--gm3-text-field-outlined-supporting-text-weight, 400);
  --gm3-text-field-character-counter-supporting-text-color: var(--gm3-text-field-outlined-supporting-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-text-field-helper-text-supporting-text-font: var(--gm3-text-field-outlined-supporting-text-font, "Google Sans", Roboto, Arial, sans-serif);
  --gm3-text-field-helper-text-supporting-text-font-variation-settings: var(--gm3-text-field-outlined-supporting-text-font-variation-settings, initial);
  --gm3-text-field-helper-text-supporting-text-line-height: var(--gm3-text-field-outlined-supporting-text-line-height, 1rem);
  --gm3-text-field-helper-text-supporting-text-size: var(--gm3-text-field-outlined-supporting-text-size, 0.75rem);
  --gm3-text-field-helper-text-supporting-text-tracking: var(--gm3-text-field-outlined-supporting-text-tracking, 0.00625rem);
  --gm3-text-field-helper-text-supporting-text-weight: var(--gm3-text-field-outlined-supporting-text-weight, 400);
  --gm3-text-field-icon-leading-icon-size: var(--gm3-text-field-outlined-leading-icon-size, 24px);
  --gm3-text-field-icon-trailing-icon-size: var(--gm3-text-field-outlined-trailing-icon-size, 24px);
  --gm3-text-field-icon-with-leading-icon-icon-label-text-space: var(--gm3-text-field-outlined-with-leading-icon-icon-label-text-space, 16px);
  --gm3-text-field-icon-with-trailing-icon-icon-label-text-space: var(--gm3-text-field-outlined-with-trailing-icon-icon-label-text-space, 16px);
  --gm3-text-field-icon-with-trailing-icon-trailing-space: var(--gm3-text-field-outlined-with-trailing-icon-trailing-space, 12px)
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__use-updated-font-styles.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--root {
  --gm3-text-field-character-counter-supporting-text-font: var(--gm3-text-field-outlined-supporting-text-font, "Google Sans Flex", "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif);
  --gm3-text-field-helper-text-supporting-text-font: var(--gm3-text-field-outlined-supporting-text-font, "Google Sans Flex", "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif)
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--root[hidden] {
  display: none
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field {
  border-start-start-radius: var(--gm3-text-field-outlined-container-shape-start-start, 4px);
  border-start-end-radius: var(--gm3-text-field-outlined-container-shape-start-end, 4px);
  border-end-start-radius: 0;
  border-end-end-radius: 0;
  padding-inline: max(var(--gm3-text-field-outlined-leading-space, 16px), min(var(--gm3-text-field-outlined-container-shape-start-start, 4px), var(--gm3-text-field-outlined-container-height, 56px)/2)) max(var(--gm3-text-field-outlined-trailing-space, 16px), min(var(--gm3-text-field-outlined-container-shape-start-end, 4px), var(--gm3-text-field-outlined-container-height, 56px)/2));
  display: inline-flex;
  align-items: center;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  --gm3-floating-label-label-text-color: var(--gm3-text-field-outlined-label-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-floating-label-label-text-display: var(--gm3-text-field-outlined-label-text-display, unset);
  --gm3-floating-label-label-text-font: var(--gm3-text-field-outlined-label-text-font, "Google Sans", Roboto, Arial, sans-serif);
  --gm3-floating-label-label-text-font-variation-settings: var(--gm3-text-field-outlined-label-text-font-variation-settings, initial);
  --gm3-floating-label-label-text-line-height: var(--gm3-text-field-outlined-label-text-line-height, 1.5rem);
  --gm3-floating-label-floating-label-text-line-height: var(--gm3-text-field-outlined-label-text-populated-line-height, 1rem);
  --gm3-floating-label-floating-label-text-size: var(--gm3-text-field-outlined-label-text-populated-size, 0.75rem);
  --gm3-floating-label-label-text-size: var(--gm3-text-field-outlined-label-text-size, 1rem);
  --gm3-floating-label-label-text-tracking: var(--gm3-text-field-outlined-label-text-tracking, 0rem);
  --gm3-floating-label-label-text-weight: var(--gm3-text-field-outlined-label-text-weight, 400);
  --gm3-floating-label-floating-label-leading-space: max(var(--gm3-text-field-outlined-leading-space, 16px), min(var(--gm3-text-field-outlined-container-shape-start-start, 4px), var(--gm3-text-field-outlined-container-height, 56px)/2));
  --gm3-floating-label-resting-label-leading-space: max(var(--gm3-text-field-outlined-leading-space, 16px), min(var(--gm3-text-field-outlined-container-shape-start-start, 4px), var(--gm3-text-field-outlined-container-height, 56px)/2));
  --gm3-floating-label-floating-label-top-space: var(--gm3-text-field-outlined-top-space, 8px);
  --gm3-floating-label-resting-label-top-space: calc(50% - var(--gm3-text-field-outlined-label-text-line-height, 1.5rem)/2);
  --gm3-floating-label-resting-label-max-width: calc(100% - max(var(--gm3-text-field-outlined-leading-space, 16px), min(var(--gm3-text-field-outlined-container-shape-start-start, 4px), var(--gm3-text-field-outlined-container-height, 56px) / 2)))
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__use-updated-font-styles .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field {
  --gm3-floating-label-label-text-font: var(--gm3-text-field-outlined-label-text-font, "Google Sans Flex", "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif)
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field:not(.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--textarea) {
  min-height: var(--gm3-text-field-outlined-container-height, 56px)
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--no-label {
  --gm3-floating-label-label-text-display: none
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled {
  pointer-events: none
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__input {
  pointer-events: auto
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__input {
    background-color: Canvas
  }
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--end-aligned .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__input {
  text-align: end
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__affix {
  line-height: var(--gm3-text-field-outlined-input-text-line-height, 1.5rem);
  display: inline-flex;
  align-items: center;
  opacity: 0;
  white-space: nowrap;
  height: 100%;
  transition: opacity .15s cubic-bezier(.4, 0, .2, 1) 0ms;
  font-size: var(--gm3-text-field-outlined-input-text-size, 1rem);
  font-weight: 400;
  letter-spacing: .009375em;
  text-decoration: inherit;
  text-transform: inherit;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--label-floating .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__affix,
.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--no-label .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__affix {
  opacity: 1
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__affix--prefix {
  color: var(--gm3-text-field-outlined-input-text-prefix-color, #5f6368);
  padding-inline-end: 2px
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--end-aligned .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__affix--prefix {
  padding-inline-end: 12px
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__affix--prefix {
  color: var(--gm3-text-field-outlined-disabled-input-text-prefix-color, rgba(95, 99, 104, .38))
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__affix--prefix {
    color: GrayText
  }
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__affix--suffix {
  padding-inline-start: 12px;
  color: var(--gm3-text-field-outlined-input-text-suffix-color, #5f6368)
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--end-aligned .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__affix--suffix {
  padding-inline-start: 2px
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__affix--suffix {
  color: var(--gm3-text-field-outlined-disabled-input-text-suffix-color, rgba(95, 99, 104, .38))
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__affix--suffix {
    color: GrayText
  }
}

[dir=rtl] .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--ltr-text .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__affix,
[dir=rtl] .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--ltr-text .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__input {
  direction: ltr
}

[dir=rtl] .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--ltr-text .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__affix--prefix {
  padding-inline: 0 2px
}

[dir=rtl] .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--ltr-text .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__affix--suffix {
  padding-inline: 12px 0
}

[dir=rtl] .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--ltr-text {
  --gm3-text-field-icon-leading-icon-order: 1;
  --gm3-text-field-icon-trailing-icon-order: 5
}

[dir=rtl] .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--ltr-text .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__affix--suffix {
  order: 2
}

[dir=rtl] .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--ltr-text .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__input {
  order: 3
}

[dir=rtl] .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--ltr-text .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__affix--prefix {
  order: 4
}

[dir=rtl] .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--ltr-text.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--end-aligned .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__affix--prefix {
  padding-inline-end: 12px
}

[dir=rtl] .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--ltr-text.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--end-aligned .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__affix--suffix {
  padding-inline-start: 2px
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field-helper-line {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  padding-inline: var(--gm3-text-field-outlined-supporting-text-leading-space, 16px) var(--gm3-text-field-outlined-supporting-text-trailing-space, 16px);
  padding-block-start: var(--gm3-text-field-outlined-supporting-text-top-space, 4px)
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--focused+.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field-helper-line {
  --gm3-text-field-helper-text-supporting-text-opacity: 1
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--invalid+.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field-helper-line {
  --gm3-text-field-helper-text-validation-text-opacity: 1
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--with-trailing-icon {
  padding-inline-end: 0
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--with-leading-icon {
  --gm3-floating-label-resting-label-max-width: calc(100% - var(--gm3-text-field-outlined-with-leading-icon-leading-space, 12px) - var(--gm3-text-field-outlined-leading-icon-size, 24px) - var(--gm3-text-field-outlined-with-leading-icon-icon-label-text-space, 16px) - var(--gm3-text-field-outlined-trailing-space, 16px))
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--with-trailing-icon {
  --gm3-floating-label-resting-label-max-width: calc(100% - var(--gm3-text-field-outlined-with-trailing-icon-icon-label-text-space, 16px) - var(--gm3-text-field-outlined-trailing-icon-size, 24px) - var(--gm3-text-field-outlined-with-trailing-icon-trailing-space, 12px) - var(--gm3-text-field-outlined-leading-space, 16px))
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--with-leading-icon.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--with-trailing-icon {
  --gm3-floating-label-resting-label-max-width: calc(100% - var(--gm3-text-field-outlined-with-leading-icon-leading-space, 12px) - var(--gm3-text-field-outlined-leading-icon-size, 24px) - var(--gm3-text-field-outlined-with-leading-icon-icon-label-text-space, 16px) - var(--gm3-text-field-outlined-with-trailing-icon-icon-label-text-space, 16px) - var(--gm3-text-field-outlined-trailing-icon-size, 24px) - var(--gm3-text-field-outlined-with-trailing-icon-trailing-space, 12px))
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__trailing-content {
  max-block-size: 24px;
  display: flex;
  align-items: center
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field:not(.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled) {
  --gm3-floating-label-label-text-color: var(--gm3-text-field-outlined-label-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-text-field-icon-leading-icon-color: var(--gm3-text-field-outlined-leading-icon-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-text-field-icon-trailing-icon-color: var(--gm3-text-field-outlined-trailing-icon-color, var(--gm3-sys-color-on-surface-variant, #444746))
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field:not(.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled) .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__input {
  caret-color: var(--gm3-text-field-outlined-caret-color, var(--gm3-sys-color-primary, #0b57d0));
  color: var(--gm3-text-field-outlined-input-text-color, var(--gm3-sys-color-on-surface, #1f1f1f))
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field:not(.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled)+.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field-helper-line {
  --gm3-text-field-helper-text-supporting-text-color: var(--gm3-text-field-outlined-supporting-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-text-field-character-counter-supporting-text-color: var(--gm3-text-field-outlined-supporting-text-color, var(--gm3-sys-color-on-surface-variant, #444746))
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field:not(.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled):not(.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--focused):hover {
  --gm3-floating-label-label-text-color: var(--gm3-text-field-outlined-hover-label-text-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  --gm3-text-field-icon-leading-icon-color: var(--gm3-text-field-outlined-hover-leading-icon-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-text-field-icon-trailing-icon-color: var(--gm3-text-field-outlined-hover-trailing-icon-color, var(--gm3-sys-color-on-surface-variant, #444746))
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field:not(.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled):not(.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--focused):hover .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__input {
  color: var(--gm3-text-field-outlined-hover-input-text-color, var(--gm3-sys-color-on-surface, #1f1f1f))
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field:not(.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled):not(.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--focused):hover+.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field-helper-line {
  --gm3-text-field-helper-text-supporting-text-color: var(--gm3-text-field-outlined-hover-supporting-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-text-field-character-counter-supporting-text-color: var(--gm3-text-field-outlined-hover-supporting-text-color, var(--gm3-sys-color-on-surface-variant, #444746))
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field:not(.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled).javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--focused {
  --gm3-floating-label-label-text-color: var(--gm3-text-field-outlined-focus-label-text-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-text-field-icon-leading-icon-color: var(--gm3-text-field-outlined-focus-leading-icon-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-text-field-icon-trailing-icon-color: var(--gm3-text-field-outlined-focus-trailing-icon-color, var(--gm3-sys-color-on-surface-variant, #444746))
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field:not(.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled).javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--focused .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__input {
  color: var(--gm3-text-field-outlined-focus-input-text-color, var(--gm3-sys-color-on-surface, #1f1f1f))
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field:not(.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled).javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--focused+.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field-helper-line {
  --gm3-text-field-helper-text-supporting-text-color: var(--gm3-text-field-outlined-focus-supporting-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-text-field-character-counter-supporting-text-color: var(--gm3-text-field-outlined-focus-supporting-text-color, var(--gm3-sys-color-on-surface-variant, #444746))
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--invalid:not(.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled) .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__input {
  color: var(--gm3-text-field-outlined-error-input-text-color, var(--gm3-sys-color-on-surface, #1f1f1f))
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--invalid:not(.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled) {
  --gm3-floating-label-label-text-color: var(--gm3-text-field-outlined-error-label-text-color, var(--gm3-sys-color-error, #b3261e));
  --gm3-text-field-icon-leading-icon-color: var(--gm3-text-field-outlined-error-leading-icon-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-text-field-icon-trailing-icon-color: var(--gm3-text-field-outlined-error-trailing-icon-color, var(--gm3-sys-color-error, #b3261e))
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--invalid:not(.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled)+.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field-helper-line {
  --gm3-text-field-helper-text-supporting-text-color: var(--gm3-text-field-outlined-error-supporting-text-color, var(--gm3-sys-color-error, #b3261e));
  --gm3-text-field-character-counter-supporting-text-color: var(--gm3-text-field-outlined-error-supporting-text-color, var(--gm3-sys-color-error, #b3261e))
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--invalid:not(.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled):not(.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--focused):hover .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__input {
  color: var(--gm3-text-field-outlined-error-hover-input-text-color, var(--gm3-sys-color-on-surface, #1f1f1f))
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--invalid:not(.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled):not(.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--focused):hover {
  --gm3-floating-label-label-text-color: var(--gm3-text-field-outlined-error-hover-label-text-color, var(--gm3-sys-color-on-error-container, #410e0b));
  --gm3-text-field-icon-leading-icon-color: var(--gm3-text-field-outlined-error-hover-leading-icon-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-text-field-icon-trailing-icon-color: var(--gm3-text-field-outlined-error-hover-trailing-icon-color, var(--gm3-sys-color-on-error-container, #410e0b))
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--invalid:not(.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled):not(.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--focused):hover+.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field-helper-line {
  --gm3-text-field-helper-text-supporting-text-color: var(--gm3-text-field-outlined-error-hover-supporting-text-color, var(--gm3-sys-color-error, #b3261e));
  --gm3-text-field-character-counter-supporting-text-color: var(--gm3-text-field-outlined-error-hover-supporting-text-color, var(--gm3-sys-color-error, #b3261e))
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--invalid:not(.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled).javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--focused .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__input {
  caret-color: var(--gm3-text-field-outlined-error-focus-caret-color, var(--gm3-sys-color-error, #b3261e));
  color: var(--gm3-text-field-outlined-error-focus-input-text-color, var(--gm3-sys-color-on-surface, #1f1f1f))
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--invalid:not(.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled).javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--focused {
  --gm3-floating-label-label-text-color: var(--gm3-text-field-outlined-error-focus-label-text-color, var(--gm3-sys-color-error, #b3261e));
  --gm3-text-field-icon-leading-icon-color: var(--gm3-text-field-outlined-error-focus-leading-icon-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-text-field-icon-trailing-icon-color: var(--gm3-text-field-outlined-error-focus-trailing-icon-color, var(--gm3-sys-color-error, #b3261e))
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--invalid:not(.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled).javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--focused+.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field-helper-line {
  --gm3-text-field-helper-text-supporting-text-color: var(--gm3-text-field-outlined-error-focus-supporting-text-color, var(--gm3-sys-color-error, #b3261e));
  --gm3-text-field-character-counter-supporting-text-color: var(--gm3-text-field-outlined-error-focus-supporting-text-color, var(--gm3-sys-color-error, #b3261e))
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled {
  --gm3-floating-label-label-text-color: var(--gm3-text-field-outlined-disabled-label-text-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), 0.38));
  --gm3-text-field-icon-leading-icon-color: var(--gm3-text-field-outlined-disabled-leading-icon-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), 0.38));
  --gm3-text-field-icon-trailing-icon-color: var(--gm3-text-field-outlined-disabled-trailing-icon-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), 0.38))
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled {
    --gm3-floating-label-label-text-color: GrayText;
    --gm3-text-field-icon-leading-icon-color: GrayText;
    --gm3-text-field-icon-trailing-icon-color: GrayText
  }
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__input {
  color: var(--gm3-text-field-outlined-disabled-input-text-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .38))
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__input {
    color: GrayText
  }
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled+.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field-helper-line {
  --gm3-text-field-helper-text-supporting-text-color: var(--gm3-text-field-outlined-disabled-supporting-text-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), 0.38));
  --gm3-text-field-character-counter-supporting-text-color: var(--gm3-text-field-outlined-disabled-supporting-text-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), 0.38))
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled+.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field-helper-line {
    --gm3-text-field-helper-text-supporting-text-color: GrayText;
    --gm3-text-field-character-counter-supporting-text-color: GrayText
  }
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__input-wrapper {
  display: flex;
  box-sizing: border-box;
  align-items: center;
  flex: 1
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--no-label .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__input-wrapper {
  padding-block: 0
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__input {
  font-family: var(--gm3-text-field-outlined-input-text-font, "Google Sans", Roboto, Arial, sans-serif);
  line-height: var(--gm3-text-field-outlined-input-text-line-height, 1.5rem);
  font-size: var(--gm3-text-field-outlined-input-text-size, 1rem);
  letter-spacing: var(--gm3-text-field-outlined-input-text-tracking, 0);
  font-weight: var(--gm3-text-field-outlined-input-text-weight, 400);
  font-variation-settings: var(--gm3-text-field-outlined-input-text-font-variation-settings, initial);
  transition: opacity .15s cubic-bezier(.4, 0, .2, 1) 0ms;
  width: 100%;
  min-width: 0;
  border: none;
  border-radius: 0;
  background: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__input::-webkit-calendar-picker-indicator {
  display: none
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__input:focus {
  outline: none
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__input:invalid {
  box-shadow: none
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__use-updated-font-styles .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__input {
  font-family: var(--gm3-text-field-outlined-input-text-font, "Google Sans Flex", "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif)
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__input::placeholder {
  color: var(--gm3-text-field-outlined-input-text-placeholder-color, var(--gm3-sys-color-on-surface-variant, #444746));
  transition: opacity 67ms cubic-bezier(.4, 0, .2, 1) 0ms;
  opacity: 0
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__input::placeholder {
  color: var(--gm3-text-field-outlined-disabled-input-text-placeholder-color, rgba(60, 64, 67, .38))
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--focused .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__input::placeholder,
.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--no-label .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__input::placeholder {
  transition-delay: 40ms;
  transition-duration: .11s;
  opacity: 1
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--textarea {
  flex-direction: column;
  align-items: center;
  width: auto;
  height: auto;
  padding: 0;
  transition: none;
  --gm3-floating-label-resting-label-top-space: calc((var(--gm3-text-field-outlined-top-space, 8px) + var(--gm3-text-field-outlined-label-text-populated-line-height, 1rem) + var(--gm3-text-field-outlined-input-text-line-height, 1.5rem) + var(--gm3-text-field-outlined-bottom-space, 8px) - var(--gm3-text-field-outlined-label-text-line-height, 1.5rem))/2)
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--textarea.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled {
  --gm3-text-field-character-counter-supporting-text-color: var(--gm3-text-field-outlined-disabled-supporting-text-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), 0.38))
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--textarea.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__label {
  z-index: 1
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--textarea .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__input {
  flex-grow: 1;
  height: auto;
  overflow: hidden auto;
  box-sizing: border-box;
  resize: none;
  padding: 0 max(var(--gm3-text-field-outlined-leading-space, 16px), min(var(--gm3-text-field-outlined-container-shape-start-start, 4px), var(--gm3-text-field-outlined-container-height, 56px)/2)) 0 max(var(--gm3-text-field-outlined-trailing-space, 16px), min(var(--gm3-text-field-outlined-container-shape-start-end, 4px), var(--gm3-text-field-outlined-container-height, 56px)/2));
  min-height: var(--gm3-text-field-outlined-input-text-line-height, 1.5rem)
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--auto-expanding .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__input {
  scrollbar-gutter: stable;
  scrollbar-width: none
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--textarea .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__input {
  margin-block: calc((var(--gm3-text-field-outlined-top-space, 8px) + var(--gm3-text-field-outlined-label-text-populated-line-height, 1rem) + var(--gm3-text-field-outlined-input-text-line-height, 1.5rem) + var(--gm3-text-field-outlined-bottom-space, 8px) - var(--gm3-text-field-outlined-input-text-line-height, 1.5rem))/2)
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--with-internal-counter .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__input {
  margin-block-end: 2px
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--with-internal-counter .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field-internal-helper-line {
  display: flex;
  justify-content: flex-end;
  box-sizing: border-box;
  padding-inline-end: var(--gm3-text-field-outlined-supporting-text-trailing-space, 16px);
  padding-block-end: 12px;
  width: 100%
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__resizer {
  align-self: stretch;
  display: inline-flex;
  flex-direction: column;
  flex-grow: 1;
  max-height: 100%;
  max-width: 100%;
  min-height: var(--gm3-text-field-outlined-container-height, 56px);
  min-width: 100%;
  width: -moz-fit-content;
  width: fit-content;
  overflow: hidden;
  resize: both
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--outlined {
  padding-inline-start: max(var(--gm3-text-field-outlined-leading-space, 16px), max(var(--gm3-text-field-outlined-container-shape-start-start, 4px), var(--gm3-text-field-outlined-container-shape-end-start, 4px)) + 4px);
  overflow: visible;
  --gm3-notched-outline-border-color: var(--gm3-text-field-outlined-outline-color, var(--gm3-sys-color-outline, #747775));
  --gm3-notched-outline-border-width: var(--gm3-text-field-outlined-outline-width, 1px);
  --gm3-notched-outline-container-shape-start-start: var(--gm3-text-field-outlined-container-shape-start-start, 4px);
  --gm3-notched-outline-container-shape-start-end: var(--gm3-text-field-outlined-container-shape-start-end, 4px);
  --gm3-notched-outline-container-shape-end-start: var(--gm3-text-field-outlined-container-shape-end-start, 4px);
  --gm3-notched-outline-container-shape-end-end: var(--gm3-text-field-outlined-container-shape-end-end, 4px);
  --gm3-notched-outline-leading-space: max(var(--gm3-text-field-outlined-leading-space, 16px), max(var(--gm3-text-field-outlined-container-shape-start-start, 4px), var(--gm3-text-field-outlined-container-shape-end-start, 4px)) + 4px);
  --gm3-notched-outline-trailing-space: max(var(--gm3-text-field-outlined-trailing-space, 16px), min(var(--gm3-text-field-outlined-container-shape-start-end, 4px), var(--gm3-text-field-outlined-container-height, 56px)/2));
  --gm3-floating-label-resting-label-leading-space: max(var(--gm3-text-field-outlined-leading-space, 16px), max(var(--gm3-text-field-outlined-container-shape-start-start, 4px), var(--gm3-text-field-outlined-container-shape-end-start, 4px)) + 4px);
  --gm3-floating-label-floating-label-leading-space: max(var(--gm3-text-field-outlined-leading-space, 16px), max(var(--gm3-text-field-outlined-container-shape-start-start, 4px), var(--gm3-text-field-outlined-container-shape-end-start, 4px)) + 4px);
  --gm3-floating-label-floating-label-top-space: calc(var(--gm3-text-field-outlined-label-text-populated-size, 0.75rem)*-1/2);
  --gm3-floating-label-floating-label-max-width: calc(100% - 2 * max(var(--gm3-text-field-outlined-leading-space, 16px), min(var(--gm3-text-field-outlined-container-shape-start-start, 4px), var(--gm3-text-field-outlined-container-height, 56px) / 2)))
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--no-label {
  padding-inline-start: var(--gm3-text-field-outlined-leading-space, 16px)
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--with-leading-icon {
  padding-inline-start: var(--gm3-text-field-outlined-with-leading-icon-leading-space, 12px);
  --gm3-floating-label-resting-label-leading-space: calc(var(--gm3-text-field-outlined-with-leading-icon-leading-space, 12px) + var(--gm3-text-field-outlined-leading-icon-size, 24px) + var(--gm3-text-field-outlined-with-leading-icon-icon-label-text-space, 16px))
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--textarea {
  padding-inline-start: 0
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__input-wrapper {
  padding-block: 0
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--outlined:not(.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled) {
  --gm3-notched-outline-border-color: var(--gm3-text-field-outlined-outline-color, var(--gm3-sys-color-outline, #747775))
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--outlined:not(.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled):not(.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--focused):hover {
  --gm3-notched-outline-border-color: var(--gm3-text-field-outlined-hover-outline-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  --gm3-notched-outline-border-width: var(--gm3-text-field-outlined-hover-outline-width, 1px)
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--outlined:not(.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled).javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--focused {
  --gm3-notched-outline-border-color: var(--gm3-text-field-outlined-focus-indicator-outline-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-notched-outline-border-width: var(--gm3-text-field-outlined-focus-indicator-outline-thickness, 3px)
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--invalid:not(.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled) {
  --gm3-notched-outline-border-color: var(--gm3-text-field-outlined-error-outline-color, var(--gm3-sys-color-error, #b3261e))
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--invalid:not(.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled):not(.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--focused):hover {
  --gm3-notched-outline-border-color: var(--gm3-text-field-outlined-error-hover-outline-color, var(--gm3-sys-color-on-error-container, #410e0b));
  --gm3-notched-outline-border-width: var(--gm3-text-field-outlined-hover-outline-width, 1px)
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--invalid:not(.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled).javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--focused {
  --gm3-notched-outline-border-color: var(--gm3-text-field-outlined-error-focus-indicator-outline-color, var(--gm3-sys-color-error, #b3261e));
  --gm3-notched-outline-border-width: var(--gm3-text-field-outlined-focus-indicator-outline-thickness, 3px)
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--outlined.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled {
  --gm3-notched-outline-border-color: var(--gm3-text-field-outlined-disabled-outline-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), 0.12));
  --gm3-notched-outline-border-width: var(--gm3-text-field-outlined-disabled-outline-width, 1px)
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--outlined.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--disabled {
    --gm3-notched-outline-border-color: GrayText
  }
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__resizer {
  transform: translateY(-1px) translateX(-1px)
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__resizer .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__input {
  transform: translateY(1px) translateX(1px)
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--textarea .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__input {
  padding-inline-start: max(var(--gm3-text-field-outlined-leading-space, 16px), max(var(--gm3-text-field-outlined-container-shape-start-start, 4px), var(--gm3-text-field-outlined-container-shape-end-start, 4px)) + 4px)
}

.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--textarea.javascriptMaterialdesignGm3WizTextFieldOutlined-text-field--no-label .javascriptMaterialdesignGm3WizTextFieldOutlined-text-field__input {
  padding-inline-start: var(--gm3-text-field-outlined-leading-space, 16px)
}

.boqAddonscardsrendererCardSelectioncontrolDropDownTwoLines {
  --gm3-list-list-item-label-text-weight: 700;
  --gm3-list-list-item-selected-label-text-weight: 700
}

.boqAddonscardsrendererCardSelectioncontrolDropDown {
  --gm3-select-shared-text-field-container-height: 56px;
  --gm3-select-shared-text-field-label-text-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-select-shared-text-field-label-text-font: "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif;
  --gm3-select-shared-text-field-label-text-size: 0.875rem;
  --gm3-select-shared-text-field-label-text-populated-size: 0.67375rem;
  --gm3-select-shared-text-field-label-text-line-height: 1.25rem;
  --gm3-select-shared-text-field-label-text-tracking: 0.00625rem;
  --gm3-select-shared-text-field-label-text-weight: 500;
  --gm3-select-shared-text-field-focus-input-text-color: var(--gm3-sys-color-on-surface, #1f1f1f);
  --gm3-select-shared-text-field-hover-input-text-color: var(--gm3-sys-color-on-surface, #1f1f1f);
  --gm3-select-shared-text-field-input-text-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-select-shared-text-field-input-text-font: "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif;
  --gm3-select-shared-text-field-input-text-size: 0.875rem;
  --gm3-select-shared-text-field-input-text-tracking: 0rem;
  --gm3-select-shared-text-field-input-text-weight: 500;
  --gm3-select-shared-text-field-supporting-text-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-select-shared-text-field-supporting-text-font: "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif;
  --gm3-select-shared-text-field-supporting-text-tracking: 0.00625rem;
  --gm3-select-shared-text-field-supporting-text-weight: 500;
  --gm3-select-shared-menu-list-item-label-text-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-select-shared-menu-list-item-label-text-font: "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif;
  --gm3-select-shared-menu-list-item-label-text-size: 0.875rem;
  --gm3-select-shared-menu-list-item-label-text-tracking: 0rem;
  --gm3-select-shared-menu-list-item-label-text-weight: 400;
  --gm3-select-shared-menu-list-item-one-line-container-height: 16px;
  width: 100%
}

.boqAddonscardsrendererCardSelectioncontrolSelectionControl {
  width: 100%
}

.boqAddonscardsrendererCardSelectioncontrolSelectionControlLabel {
  color: var(--gm3-sys-color-on-surface-variant, #444746);
  font: 500 .75rem/1rem Google Sans Text, Roboto, Arial, sans-serif;
  letter-spacing: .00625rem;
  margin-bottom: 2px
}

.boqAddonscardsrendererCardSelectioncontrolSelectionItem {
  align-items: center;
  display: flex;
  min-height: 18px;
  width: 100%
}

.boqAddonscardsrendererCardSelectioncontrolSelectionItem:hover {
  background-color: var(--gm3-sys-color-inverse-on-surface, #f2f2f2);
  border-radius: 16px;
  cursor: pointer
}

.boqAddonscardsrendererCardSelectioncontrolInnerCheckboxGm3 {
  --gm3-checkbox-container-size: 16px;
  --gm3-checkbox-state-layer-size: 28px;
  --gm3-checkbox-touch-target-size: 0px
}

.boqAddonscardsrendererCardSelectioncontrolInnerRadioGm3 {
  --gm3-radio-state-layer-size: 28px;
  margin: 0
}

.boqAddonscardsrendererCardSelectioncontrolInnerSwitchGm3 {
  --gm3-switch-track-width: 33px;
  --gm3-switch-track-height: 20px;
  --gm3-switch-state-layer-size: 25px;
  --gm3-switch-pressed-handle-height: 16px;
  --gm3-switch-pressed-handle-width: 16px;
  --gm3-switch-selected-handle-height: 14px;
  --gm3-switch-selected-handle-width: 14px;
  --gm3-switch-selected-icon-size: 10px;
  --gm3-switch-unselected-handle-height: 10px;
  --gm3-switch-unselected-handle-width: 10px;
  --gm3-switch-unselected-icon-size: 10px;
  --gm3-switch-with-icon-handle-height: 14px;
  --gm3-switch-with-icon-handle-width: 14px;
  --gm3-switch-touch-target-height: 20px;
  --gm3-switch-touch-target-width: 33px
}

.boqAddonscardsrendererCardSelectioncontrolSelectionItemLabel {
  flex: 1;
  color: var(--gm3-sys-color-on-surface, #1f1f1f);
  font: 400 .875rem/1.25rem Google Sans Text, Roboto, Arial, sans-serif;
  letter-spacing: 0;
  margin-left: 16px
}

.boqAddonscardsrendererCardSelectioncontrolSelectionItemLabel:hover {
  cursor: pointer
}

.boqAddonscardsrendererCardSelectioncontrolSelectionItemLabel.SelectionItemDensity {
  padding: 8px 0
}

.boqAddonscardsrendererCardSelectioncontrolSelectionItemMaterialIcon {
  --material-icon-fill: unset;
  --material-icon-weight: unset;
  --material-icon-grade: unset;
  --gm3-font-icon-fill: var(--material-icon-fill);
  --gm3-font-icon-grade: var(--material-icon-grade);
  --gm3-font-icon-weight: var(--material-icon-weight)
}

.boqAddonscardsrendererCardSelectioncontrolFilterChipsList {
  align-items: flex-start;
  display: flex;
  flex-flow: wrap;
  gap: 0 .5rem
}

@media (forced-colors:none) {
  .javascriptMaterialdesignGm3WizChipFilterFlatEl {
    --gm3-ripple-hover-color: var(--gm3-chip-filter-flat-hover-state-layer-color, var(--gm3-sys-color-on-surface-variant, #444746));
    --gm3-ripple-hover-opacity: var(--gm3-chip-filter-flat-hover-state-layer-opacity, 0.08);
    --gm3-ripple-pressed-color: var(--gm3-chip-filter-flat-pressed-state-layer-color, var(--gm3-sys-color-on-secondary-container, #001d35));
    --gm3-ripple-pressed-opacity: var(--gm3-chip-filter-flat-pressed-state-layer-opacity, 0.1)
  }

  .javascriptMaterialdesignGm3WizChipFilterFlatEl .javascriptMaterialdesignGm3WizChipShared-chip__icon--primary {
    color: var(--gm3-chip-filter-flat-with-icon-icon-color, var(--gm3-sys-color-primary, #0b57d0))
  }

  .javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3WizChipShared-chip--disabled .javascriptMaterialdesignGm3WizChipShared-chip__icon--primary {
    color: var(--gm3-chip-filter-flat-with-icon-disabled-icon-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .38))
  }

  .javascriptMaterialdesignGm3WizChipFilterFlatEl:not(.javascriptMaterialdesignGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3WizChipShared-chip__action--primary-interactive:hover .javascriptMaterialdesignGm3WizChipShared-chip__icon--primary {
    color: var(--gm3-chip-filter-flat-with-icon-hover-icon-color, var(--gm3-sys-color-primary, #0b57d0))
  }

  .javascriptMaterialdesignGm3WizChipFilterFlatEl:not(.javascriptMaterialdesignGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3WizChipShared-chip__action--primary-interactive:focus .javascriptMaterialdesignGm3WizChipShared-chip__icon--primary {
    color: var(--gm3-chip-filter-flat-with-icon-focus-icon-color, var(--gm3-sys-color-primary, #0b57d0))
  }

  .javascriptMaterialdesignGm3WizChipFilterFlatEl:not(.javascriptMaterialdesignGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3WizChipShared-chip__action--primary-interactive:active .javascriptMaterialdesignGm3WizChipShared-chip__icon--primary {
    color: var(--gm3-chip-filter-flat-with-icon-pressed-icon-color, var(--gm3-sys-color-primary, #0b57d0))
  }

  .javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3WizChipShared-chip--disabled .javascriptMaterialdesignGm3WizChipShared-chip__icon--primary:has(svg, img) {
    opacity: var(--gm3-chip-filter-flat-with-icon-disabled-icon-opacity, .38)
  }

  .javascriptMaterialdesignGm3WizChipFilterFlatEl:not(.javascriptMaterialdesignGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3WizChipShared-chip__text-label {
    color: var(--gm3-chip-filter-flat-label-text-color, var(--gm3-sys-color-on-surface-variant, #444746))
  }

  .javascriptMaterialdesignGm3WizChipFilterFlatEl:not(.javascriptMaterialdesignGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3WizChipShared-chip__action--primary-interactive:hover .javascriptMaterialdesignGm3WizChipShared-chip__text-label {
    color: var(--gm3-chip-filter-flat-hover-label-text-color, var(--gm3-sys-color-on-surface-variant, #444746))
  }

  .javascriptMaterialdesignGm3WizChipFilterFlatEl:not(.javascriptMaterialdesignGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3WizChipShared-chip__action--primary-interactive:focus .javascriptMaterialdesignGm3WizChipShared-chip__text-label {
    color: var(--gm3-chip-filter-flat-focus-label-text-color, var(--gm3-sys-color-on-surface-variant, #444746))
  }

  .javascriptMaterialdesignGm3WizChipFilterFlatEl:not(.javascriptMaterialdesignGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3WizChipShared-chip__action--primary-interactive:active .javascriptMaterialdesignGm3WizChipShared-chip__text-label {
    color: var(--gm3-chip-filter-flat-pressed-label-text-color, var(--gm3-sys-color-on-surface-variant, #444746))
  }
}

.javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3WizChipShared-chip--selected {
  --gm3-ripple-hover-color: var(--gm3-chip-filter-flat-selected-hover-state-layer-color, var(--gm3-sys-color-on-secondary-container, #001d35));
  --gm3-ripple-hover-opacity: var(--gm3-chip-filter-flat-selected-hover-state-layer-opacity, 0.08);
  --gm3-ripple-pressed-color: var(--gm3-chip-filter-flat-selected-pressed-state-layer-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-ripple-pressed-opacity: var(--gm3-chip-filter-flat-selected-pressed-state-layer-opacity, 0.1)
}

.javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3WizChipShared-chip--selected:not(.javascriptMaterialdesignGm3WizChipShared-chip--disabled) {
  background-color: var(--gm3-chip-filter-flat-selected-container-color, var(--gm3-sys-color-secondary-container, #c2e7ff))
}

.javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3WizChipShared-chip--selecting .javascriptMaterialdesignGm3WizChipShared-chip__graphic {
  transition: width .15s cubic-bezier(.4, 0, .2, 1)
}

.javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3WizChipShared-chip--deselecting .javascriptMaterialdesignGm3WizChipShared-chip__graphic {
  transition: width .1s cubic-bezier(.4, 0, .2, 1)
}

.javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3WizChipShared-chip--selectable:not(.javascriptMaterialdesignGm3WizChipShared-chip--selected, .javascriptMaterialdesignGm3WizChipShared-chip--with-primary-icon) .javascriptMaterialdesignGm3WizChipShared-chip__graphic {
  width: 0
}

.javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3WizChipShared-chip--selecting-with-primary-icon .javascriptMaterialdesignGm3WizChipShared-chip__icon--primary {
  transition: opacity 75ms cubic-bezier(.4, 0, .2, 1)
}

.javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3WizChipShared-chip--deselecting-with-primary-icon .javascriptMaterialdesignGm3WizChipShared-chip__icon--primary {
  transition: opacity .15s cubic-bezier(.4, 0, .2, 1) 75ms
}

.javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3WizChipShared-chip--selected .javascriptMaterialdesignGm3WizChipShared-chip__icon--primary {
  opacity: 0
}

.javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3WizChipShared-chip--selected:not(.javascriptMaterialdesignGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3WizChipShared-chip__text-label {
  color: var(--gm3-chip-filter-flat-selected-label-text-color, var(--gm3-sys-color-on-secondary-container, #001d35))
}

.javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3WizChipShared-chip--selected:not(.javascriptMaterialdesignGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3WizChipShared-chip__action--primary:hover .javascriptMaterialdesignGm3WizChipShared-chip__text-label {
  color: var(--gm3-chip-filter-flat-selected-hover-label-text-color, var(--gm3-sys-color-on-secondary-container, #001d35))
}

.javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3WizChipShared-chip--selected:not(.javascriptMaterialdesignGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3WizChipShared-chip__action--primary:focus .javascriptMaterialdesignGm3WizChipShared-chip__text-label {
  color: var(--gm3-chip-filter-flat-selected-focus-label-text-color, var(--gm3-sys-color-on-secondary-container, #001d35))
}

.javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3WizChipShared-chip--selected:not(.javascriptMaterialdesignGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3WizChipShared-chip__action--primary:active .javascriptMaterialdesignGm3WizChipShared-chip__text-label {
  color: var(--gm3-chip-filter-flat-selected-pressed-label-text-color, var(--gm3-sys-color-on-secondary-container, #001d35))
}

.javascriptMaterialdesignGm3WizChipFilterFlatEl .javascriptMaterialdesignGm3WizChipShared-chip__checkmark {
  position: absolute;
  opacity: 0;
  top: 50%;
  left: 50%
}

.javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3WizChipShared-chip--selecting .javascriptMaterialdesignGm3WizChipShared-chip__checkmark {
  transition: transform .15s cubic-bezier(.4, 0, .2, 1);
  transform: translate(-75%, -50%)
}

.javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3WizChipShared-chip--deselecting .javascriptMaterialdesignGm3WizChipShared-chip__checkmark {
  transition: opacity 50ms linear, transform .1s cubic-bezier(.4, 0, .2, 1);
  transform: translate(-75%, -50%)
}

.javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3WizChipShared-chip--deselecting-with-primary-icon .javascriptMaterialdesignGm3WizChipShared-chip__checkmark {
  transition: opacity 75ms cubic-bezier(.4, 0, .2, 1);
  transform: translate(-50%, -50%)
}

.javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3WizChipShared-chip--selected .javascriptMaterialdesignGm3WizChipShared-chip__checkmark {
  height: 100%;
  width: 100%;
  transform: translate(-50%, -50%);
  opacity: 1
}

@media (forced-colors:none) {
  .javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3WizChipShared-chip--selected .javascriptMaterialdesignGm3WizChipShared-chip__checkmark {
    color: var(--gm3-chip-filter-flat-with-icon-selected-icon-color, var(--gm3-sys-color-on-secondary-container, #001d35))
  }

  .javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3WizChipShared-chip--selected.javascriptMaterialdesignGm3WizChipShared-chip--disabled .javascriptMaterialdesignGm3WizChipShared-chip__checkmark {
    color: var(--gm3-chip-filter-flat-with-icon-disabled-icon-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .38))
  }

  .javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3WizChipShared-chip--selected:not(.javascriptMaterialdesignGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3WizChipShared-chip__action--primary:hover .javascriptMaterialdesignGm3WizChipShared-chip__checkmark {
    color: var(--gm3-chip-filter-flat-with-icon-selected-hover-icon-color, var(--gm3-sys-color-on-secondary-container, #001d35))
  }

  .javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3WizChipShared-chip--selected:not(.javascriptMaterialdesignGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3WizChipShared-chip__action--primary:focus .javascriptMaterialdesignGm3WizChipShared-chip__checkmark {
    color: var(--gm3-chip-filter-flat-with-icon-selected-focus-icon-color, var(--gm3-sys-color-on-secondary-container, #001d35))
  }

  .javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3WizChipShared-chip--selected:not(.javascriptMaterialdesignGm3WizChipShared-chip--disabled) .javascriptMaterialdesignGm3WizChipShared-chip__action--primary:active .javascriptMaterialdesignGm3WizChipShared-chip__checkmark {
    color: var(--gm3-chip-filter-flat-with-icon-selected-pressed-icon-color, var(--gm3-sys-color-on-secondary-container, #001d35))
  }
}

.javascriptMaterialdesignGm3WizChipFilterFlatEl .javascriptMaterialdesignGm3WizChipShared-chip__checkmark-background {
  opacity: 0
}

.javascriptMaterialdesignGm3WizChipFilterFlatEl .javascriptMaterialdesignGm3WizChipShared-chip__checkmark-path {
  stroke-width: 1.5px;
  stroke-dasharray: 29.7833385;
  stroke-dashoffset: 29.7833385;
  stroke: currentColor
}

.javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3WizChipShared-chip--selecting .javascriptMaterialdesignGm3WizChipShared-chip__checkmark-path {
  transition: stroke-dashoffset .15s cubic-bezier(.4, 0, .2, 1) 45ms
}

.javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3WizChipShared-chip--deselecting .javascriptMaterialdesignGm3WizChipShared-chip__checkmark-path,
.javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3WizChipShared-chip--selected .javascriptMaterialdesignGm3WizChipShared-chip__checkmark-path {
  stroke-dashoffset: 0
}

.javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3WizChipShared-chip--selecting-with-primary-icon .javascriptMaterialdesignGm3WizChipShared-chip__checkmark-path {
  transition: stroke-dashoffset .15s cubic-bezier(.4, 0, .2, 1) 75ms
}

.javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3WizChipShared-chip--deselecting-with-primary-icon .javascriptMaterialdesignGm3WizChipShared-chip__checkmark-path {
  stroke-dashoffset: 0
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3WizChipShared-chip--selected.javascriptMaterialdesignGm3WizChipShared-chip--disabled .javascriptMaterialdesignGm3WizChipShared-chip__checkmark {
    color: GrayText
  }
}

.javascriptMaterialdesignGm3WizChipFilterFlatEl .javascriptMaterialdesignGm3WizChipShared-chip__action--primary:before {
  border-width: var(--gm3-chip-filter-flat-outline-width, 1px)
}

@media (forced-colors:none) {
  .javascriptMaterialdesignGm3WizChipFilterFlatEl .javascriptMaterialdesignGm3WizChipShared-chip__action--primary:before {
    border-color: var(--gm3-chip-filter-flat-outline-color, var(--gm3-sys-color-outline, #747775))
  }

  .javascriptMaterialdesignGm3WizChipFilterFlatEl .javascriptMaterialdesignGm3WizChipShared-chip__action--primary-interactive:focus:before {
    border-color: var(--gm3-chip-filter-flat-focus-outline-color, var(--gm3-sys-color-on-surface-variant, #444746))
  }

  .javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3WizChipShared-chip--disabled .javascriptMaterialdesignGm3WizChipShared-chip__action--primary:before {
    border-color: var(--gm3-chip-filter-flat-disabled-outline-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .12))
  }
}

.javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3WizChipShared-chip--selected:not(.javascriptMaterialdesignGm3WizChipShared-chip--disabled):hover {
  --gm3-elevation-level: var(--gm3-chip-filter-flat-selected-hover-container-elevation, 1)
}

.javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3WizChipShared-chip--selected:not(.javascriptMaterialdesignGm3WizChipShared-chip--disabled):active {
  --gm3-elevation-level: var(--gm3-chip-filter-flat-selected-pressed-container-elevation, 0)
}

.javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3WizChipShared-chip--selected.javascriptMaterialdesignGm3WizChipShared-chip--disabled {
  background-color: var(--gm3-chip-filter-flat-disabled-selected-container-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .12))
}

.javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3WizChipShared-chip--selected .javascriptMaterialdesignGm3WizChipShared-chip__action--primary:before {
  border-width: var(--gm3-chip-filter-flat-selected-outline-width, 0)
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3WizChipShared-chip--selected.javascriptMaterialdesignGm3WizChipShared-chip--disabled {
    background-color: Canvas
  }

  .javascriptMaterialdesignGm3WizChipFilterFlatEl.javascriptMaterialdesignGm3WizChipShared-chip--flat.javascriptMaterialdesignGm3WizChipShared-chip--selected .javascriptMaterialdesignGm3WizChipShared-chip__action--primary:before {
    border-width: 1px
  }
}

.javascriptMaterialdesignGm3WizSelectShared-select-root {
  display: inline-flex;
  flex-direction: column;
  position: relative
}

.javascriptMaterialdesignGm3WizSelectShared-select-root[hidden] {
  display: none
}

.javascriptMaterialdesignGm3WizSelectShared-select {
  display: inline-flex;
  position: relative
}

.javascriptMaterialdesignGm3WizSelectShared-select--disabled {
  cursor: default;
  pointer-events: none
}

.javascriptMaterialdesignGm3WizSelectShared-select__anchor {
  box-sizing: border-box;
  min-width: 0;
  width: var(--gm3-select-shared-text-field-container-width, 200px);
  height: var(--gm3-select-shared-text-field-container-height, 56px);
  position: relative;
  flex: 1;
  display: flex;
  align-items: baseline;
  overflow: hidden;
  outline: none;
  cursor: pointer
}

.javascriptMaterialdesignGm3WizSelectShared-select--with-leading-icon .javascriptMaterialdesignGm3WizSelectShared-select__anchor {
  padding-inline: 0
}

.javascriptMaterialdesignGm3WizSelectShared-select__touch {
  position: absolute;
  inset: 0;
  height: var(--gm3-select-shared-text-field-container-height, 56px)
}

.javascriptMaterialdesignGm3WizSelectShared-select__anchor .javascriptMaterialdesignGm3WizSelectShared-select__icon {
  width: var(--gm3-select-shared-text-field-leading-icon-size, 24px);
  height: var(--gm3-select-shared-text-field-leading-icon-size, 24px);
  font-size: var(--gm3-select-shared-text-field-leading-icon-size, 24px);
  color: var(--gm3-select-shared-text-field-leading-icon-color, var(--gm3-sys-color-on-surface-variant, #444746));
  margin: 0 12px;
  display: inline-block;
  box-sizing: border-box;
  border: none;
  text-decoration: none;
  -webkit-user-select: none;
  user-select: none;
  flex-shrink: 0;
  align-self: center;
  background-color: transparent;
  fill: currentColor
}

.javascriptMaterialdesignGm3WizSelectShared-select:hover .javascriptMaterialdesignGm3WizSelectShared-select__anchor .javascriptMaterialdesignGm3WizSelectShared-select__icon {
  color: var(--gm3-select-shared-text-field-hover-leading-icon-color, var(--gm3-sys-color-on-surface-variant, #444746))
}

.javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesignGm3WizSelectShared-select--focused .javascriptMaterialdesignGm3WizSelectShared-select__anchor .javascriptMaterialdesignGm3WizSelectShared-select__icon {
  color: var(--gm3-select-shared-text-field-focus-leading-icon-color, var(--gm3-sys-color-on-surface-variant, #444746))
}

.javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesignGm3WizSelectShared-select--invalid .javascriptMaterialdesignGm3WizSelectShared-select__anchor .javascriptMaterialdesignGm3WizSelectShared-select__icon {
  color: var(--gm3-select-shared-text-field-error-leading-icon-color, var(--gm3-sys-color-on-surface-variant, #444746))
}

.javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesignGm3WizSelectShared-select--invalid:hover .javascriptMaterialdesignGm3WizSelectShared-select__anchor .javascriptMaterialdesignGm3WizSelectShared-select__icon {
  color: var(--gm3-select-shared-text-field-error-hover-leading-icon-color, var(--gm3-sys-color-on-surface-variant, #444746))
}

.javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesignGm3WizSelectShared-select--invalid.javascriptMaterialdesignGm3WizSelectShared-select--focused .javascriptMaterialdesignGm3WizSelectShared-select__anchor .javascriptMaterialdesignGm3WizSelectShared-select__icon {
  color: var(--gm3-select-shared-text-field-error-focus-leading-icon-color, var(--gm3-sys-color-on-surface-variant, #444746))
}

.javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesignGm3WizSelectShared-select--disabled .javascriptMaterialdesignGm3WizSelectShared-select__anchor .javascriptMaterialdesignGm3WizSelectShared-select__icon,
.javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesignGm3WizSelectShared-select--disabled.javascriptMaterialdesignGm3WizSelectShared-select--invalid .javascriptMaterialdesignGm3WizSelectShared-select__anchor .javascriptMaterialdesignGm3WizSelectShared-select__icon {
  color: var(--gm3-select-shared-text-field-disabled-leading-icon-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .38))
}

@media (forced-colors:active) {

  .javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesignGm3WizSelectShared-select--disabled .javascriptMaterialdesignGm3WizSelectShared-select__anchor .javascriptMaterialdesignGm3WizSelectShared-select__icon,
  .javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesignGm3WizSelectShared-select--disabled.javascriptMaterialdesignGm3WizSelectShared-select--invalid .javascriptMaterialdesignGm3WizSelectShared-select__anchor .javascriptMaterialdesignGm3WizSelectShared-select__icon {
    color: GrayText
  }
}

.javascriptMaterialdesignGm3WizSelectShared-select__selected-text-container {
  display: flex;
  flex: 1;
  min-width: 0;
  pointer-events: none
}

.javascriptMaterialdesignGm3WizSelectShared-select__selected-text {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--gm3-select-shared-text-field-input-text-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  font-family: var(--gm3-select-shared-text-field-input-text-font, "Google Sans", Roboto, Arial, sans-serif);
  font-size: var(--gm3-select-shared-text-field-input-text-size, 1rem);
  font-weight: var(--gm3-select-shared-text-field-input-text-weight, 400);
  line-height: var(--gm3-select-shared-text-field-input-text-line-height, 1.5rem);
  letter-spacing: var(--gm3-select-shared-text-field-input-text-tracking, 0)
}

.javascriptMaterialdesignGm3WizSelectShared-select:hover .javascriptMaterialdesignGm3WizSelectShared-select__selected-text {
  color: var(--gm3-select-shared-text-field-hover-input-text-color, var(--gm3-sys-color-on-surface, #1f1f1f))
}

.javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesignGm3WizSelectShared-select--focused .javascriptMaterialdesignGm3WizSelectShared-select__selected-text {
  color: var(--gm3-select-shared-text-field-focus-input-text-color, var(--gm3-sys-color-on-surface, #1f1f1f))
}

.javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesignGm3WizSelectShared-select--invalid .javascriptMaterialdesignGm3WizSelectShared-select__selected-text {
  color: var(--gm3-select-shared-text-field-error-input-text-color, var(--gm3-sys-color-on-surface, #1f1f1f))
}

.javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesignGm3WizSelectShared-select--invalid:hover .javascriptMaterialdesignGm3WizSelectShared-select__selected-text {
  color: var(--gm3-select-shared-text-field-error-hover-input-text-color, var(--gm3-sys-color-on-surface, #1f1f1f))
}

.javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesignGm3WizSelectShared-select--invalid.javascriptMaterialdesignGm3WizSelectShared-select--focused .javascriptMaterialdesignGm3WizSelectShared-select__selected-text {
  color: var(--gm3-select-shared-text-field-error-focus-input-text-color, var(--gm3-sys-color-on-surface, #1f1f1f))
}

.javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesignGm3WizSelectShared-select--disabled .javascriptMaterialdesignGm3WizSelectShared-select__selected-text,
.javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesignGm3WizSelectShared-select--disabled.javascriptMaterialdesignGm3WizSelectShared-select--invalid .javascriptMaterialdesignGm3WizSelectShared-select__selected-text {
  color: var(--gm3-select-shared-text-field-disabled-input-text-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .38))
}

@media (forced-colors:active) {

  .javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesignGm3WizSelectShared-select--disabled .javascriptMaterialdesignGm3WizSelectShared-select__selected-text,
  .javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesignGm3WizSelectShared-select--disabled.javascriptMaterialdesignGm3WizSelectShared-select--invalid .javascriptMaterialdesignGm3WizSelectShared-select__selected-text {
    color: GrayText
  }
}

.javascriptMaterialdesignGm3WizSelectShared-select__dropdown-icon {
  margin: 0 12px;
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
  align-self: center;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  width: var(--gm3-select-shared-text-field-trailing-icon-size, 24px);
  height: var(--gm3-select-shared-text-field-trailing-icon-size, 24px);
  fill: var(--gm3-select-shared-text-field-trailing-icon-color, var(--gm3-sys-color-on-surface-variant, #444746))
}

.javascriptMaterialdesignGm3WizSelectShared-select__dropdown-icon-graphic {
  width: 41.6666666667%;
  height: 20.8333333333%
}

.javascriptMaterialdesignGm3WizSelectShared-select:hover .javascriptMaterialdesignGm3WizSelectShared-select__dropdown-icon {
  fill: var(--gm3-select-shared-text-field-hover-trailing-icon-color, var(--gm3-sys-color-on-surface-variant, #444746))
}

.javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesignGm3WizSelectShared-select--focused .javascriptMaterialdesignGm3WizSelectShared-select__dropdown-icon {
  fill: var(--gm3-select-shared-text-field-focus-trailing-icon-color, var(--gm3-sys-color-primary, #0b57d0))
}

.javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesignGm3WizSelectShared-select--invalid .javascriptMaterialdesignGm3WizSelectShared-select__dropdown-icon {
  fill: var(--gm3-select-shared-text-field-error-trailing-icon-color, var(--gm3-sys-color-error, #b3261e))
}

.javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesignGm3WizSelectShared-select--invalid:hover .javascriptMaterialdesignGm3WizSelectShared-select__dropdown-icon {
  fill: var(--gm3-select-shared-text-field-error-hover-trailing-icon-color, var(--gm3-sys-color-on-error-container, #410e0b))
}

.javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesignGm3WizSelectShared-select--invalid.javascriptMaterialdesignGm3WizSelectShared-select--focused .javascriptMaterialdesignGm3WizSelectShared-select__dropdown-icon {
  fill: var(--gm3-select-shared-text-field-error-focus-trailing-icon-color, var(--gm3-sys-color-error, #b3261e))
}

.javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesignGm3WizSelectShared-select--disabled .javascriptMaterialdesignGm3WizSelectShared-select__dropdown-icon,
.javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesignGm3WizSelectShared-select--disabled.javascriptMaterialdesignGm3WizSelectShared-select--invalid .javascriptMaterialdesignGm3WizSelectShared-select__dropdown-icon {
  fill: var(--gm3-select-shared-text-field-disabled-trailing-icon-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .38))
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizSelectShared-select .javascriptMaterialdesignGm3WizSelectShared-select__dropdown-icon .javascriptMaterialdesignGm3WizSelectShared-select__dropdown-icon-graphic {
    fill: currentColor
  }

  .javascriptMaterialdesignGm3WizSelectShared-select--disabled .javascriptMaterialdesignGm3WizSelectShared-select__dropdown-icon .javascriptMaterialdesignGm3WizSelectShared-select__dropdown-icon-graphic {
    fill: GrayText
  }
}

.javascriptMaterialdesignGm3WizSelectShared-select__dropdown-icon-active,
.javascriptMaterialdesignGm3WizSelectShared-select__dropdown-icon-inactive {
  position: absolute;
  top: 0;
  left: 0
}

.javascriptMaterialdesignGm3WizSelectShared-select__dropdown-icon-inactive {
  opacity: 1;
  transition: opacity 75ms linear 75ms
}

.javascriptMaterialdesignGm3WizSelectShared-select__dropdown-icon-active {
  opacity: 0;
  transition: opacity 75ms linear
}

.javascriptMaterialdesignGm3WizSelectShared-select--activated .javascriptMaterialdesignGm3WizSelectShared-select__dropdown-icon-inactive {
  opacity: 0;
  transition: opacity 50ms linear
}

.javascriptMaterialdesignGm3WizSelectShared-select--activated .javascriptMaterialdesignGm3WizSelectShared-select__dropdown-icon-active {
  opacity: 1;
  transition: opacity .1s linear 50ms
}

.javascriptMaterialdesignGm3WizSelectShared-select__floating-label {
  --gm3-floating-label-label-text-color: var(--gm3-select-shared-text-field-label-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-floating-label-label-text-font: var(--gm3-select-shared-text-field-label-text-font, "Google Sans", Roboto, Arial, sans-serif);
  --gm3-floating-label-label-text-line-height: var(--gm3-select-shared-text-field-label-text-line-height, 1.5rem);
  --gm3-floating-label-label-text-size: var(--gm3-select-shared-text-field-label-text-size, 1rem);
  --gm3-floating-label-label-text-tracking: var(--gm3-select-shared-text-field-label-text-tracking, 0rem);
  --gm3-floating-label-label-text-weight: var(--gm3-select-shared-text-field-label-text-weight, 400);
  --gm3-floating-label-resting-label-top-space: calc(50% - var(--gm3-select-shared-text-field-label-text-line-height, 1.5rem)/2);
  --gm3-floating-label-resting-label-max-width: calc(100% - var(--gm3-select-shared-text-field-trailing-icon-size, 24px) - 24px);
  --gm3-floating-label-floating-label-text-size: var(--gm3-select-shared-text-field-label-text-populated-size, 0.75rem);
  --gm3-floating-label-floating-label-text-line-height: var(--gm3-select-shared-text-field-label-text-populated-line-height, 1rem)
}

.javascriptMaterialdesignGm3WizSelectShared-select--with-leading-icon .javascriptMaterialdesignGm3WizSelectShared-select__floating-label {
  --gm3-floating-label-resting-label-leading-space: calc(var(--gm3-select-shared-text-field-leading-icon-size, 24px) + 24px);
  --gm3-floating-label-resting-label-max-width: calc(100% - var(--gm3-select-shared-text-field-leading-icon-size, 24px) - 48px - var(--gm3-select-shared-text-field-trailing-icon-size, 24px))
}

.javascriptMaterialdesignGm3WizSelectShared-select:hover .javascriptMaterialdesignGm3WizSelectShared-select__floating-label {
  --gm3-floating-label-label-text-color: var(--gm3-select-shared-text-field-hover-label-text-color, var(--gm3-sys-color-on-surface, #1f1f1f))
}

.javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesignGm3WizSelectShared-select--focused .javascriptMaterialdesignGm3WizSelectShared-select__floating-label {
  --gm3-floating-label-label-text-color: var(--gm3-select-shared-text-field-focus-label-text-color, var(--gm3-sys-color-primary, #0b57d0))
}

.javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesignGm3WizSelectShared-select--invalid .javascriptMaterialdesignGm3WizSelectShared-select__floating-label {
  --gm3-floating-label-label-text-color: var(--gm3-select-shared-text-field-error-label-text-color, var(--gm3-sys-color-error, #b3261e))
}

.javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesignGm3WizSelectShared-select--invalid:hover .javascriptMaterialdesignGm3WizSelectShared-select__floating-label {
  --gm3-floating-label-label-text-color: var(--gm3-select-shared-text-field-error-hover-label-text-color, var(--gm3-sys-color-on-error-container, #410e0b))
}

.javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesignGm3WizSelectShared-select--invalid.javascriptMaterialdesignGm3WizSelectShared-select--focused .javascriptMaterialdesignGm3WizSelectShared-select__floating-label {
  --gm3-floating-label-label-text-color: var(--gm3-select-shared-text-field-error-focus-label-text-color, var(--gm3-sys-color-error, #b3261e))
}

.javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesignGm3WizSelectShared-select--disabled .javascriptMaterialdesignGm3WizSelectShared-select__floating-label,
.javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesignGm3WizSelectShared-select--disabled.javascriptMaterialdesignGm3WizSelectShared-select--invalid .javascriptMaterialdesignGm3WizSelectShared-select__floating-label {
  --gm3-floating-label-label-text-color: var(--gm3-select-shared-text-field-disabled-label-text-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), 0.38))
}

@media (forced-colors:active) {

  .javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesignGm3WizSelectShared-select--disabled .javascriptMaterialdesignGm3WizSelectShared-select__floating-label,
  .javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesignGm3WizSelectShared-select--disabled.javascriptMaterialdesignGm3WizSelectShared-select--invalid .javascriptMaterialdesignGm3WizSelectShared-select__floating-label {
    --gm3-floating-label-label-text-color: GrayText
  }
}

.javascriptMaterialdesignGm3WizSelectShared-select+.javascriptMaterialdesignGm3WizSelectShared-select__helper-text {
  margin: 4px 16px 0;
  --gm3-text-field-helper-text-supporting-text-color: var(--gm3-select-shared-text-field-supporting-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-text-field-helper-text-supporting-text-font: var(--gm3-select-shared-text-field-supporting-text-font, "Google Sans", Roboto, Arial, sans-serif);
  --gm3-text-field-helper-text-supporting-text-line-height: var(--gm3-select-shared-text-field-supporting-text-line-height, 1rem);
  --gm3-text-field-helper-text-supporting-text-size: var(--gm3-select-shared-text-field-supporting-text-size, 0.75rem);
  --gm3-text-field-helper-text-supporting-text-tracking: var(--gm3-select-shared-text-field-supporting-text-tracking, 0.006rem);
  --gm3-text-field-helper-text-supporting-text-weight: var(--gm3-select-shared-text-field-supporting-text-weight, 400);
  --gm3-text-field-helper-text-supporting-text-opacity: 1
}

.javascriptMaterialdesignGm3WizSelectShared-select:hover+.javascriptMaterialdesignGm3WizSelectShared-select__helper-text {
  --gm3-text-field-helper-text-supporting-text-color: var(--gm3-select-shared-text-field-hover-supporting-text-color, var(--gm3-sys-color-on-surface-variant, #444746))
}

.javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesignGm3WizSelectShared-select--focused+.javascriptMaterialdesignGm3WizSelectShared-select__helper-text {
  --gm3-text-field-helper-text-supporting-text-color: var(--gm3-select-shared-text-field-focus-supporting-text-color, var(--gm3-sys-color-on-surface-variant, #444746))
}

.javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesignGm3WizSelectShared-select--invalid+.javascriptMaterialdesignGm3WizSelectShared-select__helper-text {
  --gm3-text-field-helper-text-supporting-text-color: var(--gm3-select-shared-text-field-error-supporting-text-color, var(--gm3-sys-color-error, #b3261e));
  --gm3-text-field-helper-text-validation-text-opacity: 1
}

.javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesignGm3WizSelectShared-select--invalid:hover+.javascriptMaterialdesignGm3WizSelectShared-select__helper-text {
  --gm3-text-field-helper-text-supporting-text-color: var(--gm3-select-shared-text-field-error-hover-supporting-text-color, var(--gm3-sys-color-error, #b3261e))
}

.javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesignGm3WizSelectShared-select--invalid.javascriptMaterialdesignGm3WizSelectShared-select--focused+.javascriptMaterialdesignGm3WizSelectShared-select__helper-text {
  --gm3-text-field-helper-text-supporting-text-color: var(--gm3-select-shared-text-field-error-focus-supporting-text-color, var(--gm3-sys-color-error, #b3261e))
}

.javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesignGm3WizSelectShared-select--disabled+.javascriptMaterialdesignGm3WizSelectShared-select__helper-text,
.javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesignGm3WizSelectShared-select--disabled.javascriptMaterialdesignGm3WizSelectShared-select--invalid+.javascriptMaterialdesignGm3WizSelectShared-select__helper-text {
  --gm3-text-field-helper-text-supporting-text-color: var(--gm3-select-shared-text-field-disabled-supporting-text-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), 0.38))
}

@media (forced-colors:active) {

  .javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesignGm3WizSelectShared-select--disabled+.javascriptMaterialdesignGm3WizSelectShared-select__helper-text,
  .javascriptMaterialdesignGm3WizSelectShared-select.javascriptMaterialdesignGm3WizSelectShared-select--disabled.javascriptMaterialdesignGm3WizSelectShared-select--invalid+.javascriptMaterialdesignGm3WizSelectShared-select__helper-text {
    --gm3-text-field-helper-text-supporting-text-color: GrayText
  }
}

.javascriptMaterialdesignGm3WizSelectShared-select__menu {
  --gm3-menu-cascading-menu-indicator-icon-color: var(--gm3-select-shared-menu-cascading-menu-indicator-icon-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-menu-cascading-menu-indicator-icon-size: var(--gm3-select-shared-menu-cascading-menu-indicator-icon-size, 24px);
  --gm3-menu-container-color: var(--gm3-select-shared-menu-container-color, var(--gm3-sys-color-surface-container, #f0f4f9));
  --gm3-menu-container-elevation: var(--gm3-select-shared-menu-container-elevation, 2);
  --gm3-menu-container-shadow-color: var(--gm3-select-shared-menu-container-shadow-color, var(--gm3-sys-color-shadow, #000));
  --gm3-menu-container-shape: var(--gm3-select-shared-menu-container-shape, 4px);
  --gm3-list-list-item-selected-container-color: var(--gm3-select-shared-menu-list-item-selected-container-color, var(--gm3-sys-color-surface-variant, #e1e3e1));
  --gm3-list-divider-color: var(--gm3-select-shared-menu-divider-color, var(--gm3-sys-color-surface-variant, #e1e3e1));
  --gm3-list-divider-height: var(--gm3-select-shared-menu-divider-height, 1px);
  --gm3-list-list-item-leading-space: 16px;
  --gm3-list-list-item-trailing-space: 16px;
  --gm3-list-list-item-content-gap: 12px;
  --gm3-list-list-item-one-line-container-height: var(--gm3-select-shared-menu-list-item-one-line-container-height, 48px);
  --gm3-list-list-item-one-line-padding: var(--gm3-select-shared-menu-list-item-one-line-padding, 8px);
  --gm3-list-list-item-two-line-container-height: var(--gm3-select-shared-menu-list-item-two-line-container-height, 64px);
  --gm3-list-list-item-two-line-padding: 0px;
  --gm3-list-list-item-leading-icon-color: var(--gm3-select-shared-menu-list-item-with-leading-icon-leading-icon-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-list-list-item-hover-leading-icon-icon-color: var(--gm3-select-shared-menu-list-item-with-leading-icon-leading-icon-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-list-list-item-selected-leading-icon-color: var(--gm3-select-shared-menu-list-item-with-leading-icon-leading-icon-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-list-list-item-leading-icon-size: var(--gm3-select-shared-menu-list-item-with-leading-icon-leading-icon-size, 24px);
  --gm3-list-list-item-label-text-color: var(--gm3-select-shared-menu-list-item-label-text-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  --gm3-list-list-item-hover-label-text-color: var(--gm3-select-shared-menu-list-item-label-text-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  --gm3-list-list-item-focus-label-text-color: var(--gm3-select-shared-menu-list-item-label-text-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  --gm3-list-list-item-selected-label-text-color: var(--gm3-select-shared-menu-list-item-label-text-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  --gm3-list-list-item-label-text-font: var(--gm3-select-shared-menu-list-item-label-text-font, "Google Sans", Roboto, Arial, sans-serif);
  --gm3-list-list-item-label-text-line-height: var(--gm3-select-shared-menu-list-item-label-text-line-height, 1.25rem);
  --gm3-list-list-item-label-text-size: var(--gm3-select-shared-menu-list-item-label-text-size, 1rem);
  --gm3-list-list-item-label-text-tracking: var(--gm3-select-shared-menu-list-item-label-text-tracking, 0rem);
  --gm3-list-list-item-label-text-weight: var(--gm3-select-shared-menu-list-item-label-text-weight, 400);
  --gm3-list-list-item-selected-label-text-weight: var(--gm3-select-shared-menu-list-item-label-text-weight, 400);
  --gm3-list-list-item-supporting-text-color: var(--gm3-select-shared-menu-list-item-supporting-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-list-list-item-selected-supporting-text-color: var(--gm3-select-shared-menu-list-item-supporting-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-list-list-item-supporting-text-font: var(--gm3-select-shared-menu-list-item-label-text-font, "Google Sans", Roboto, Arial, sans-serif);
  --gm3-list-list-item-supporting-text-tracking: var(--gm3-select-shared-menu-list-item-label-text-tracking, 0rem);
  --gm3-list-list-item-supporting-text-weight: 400;
  --gm3-list-list-item-trailing-supporting-text-color: var(--gm3-select-shared-menu-list-item-supporting-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-list-list-item-selected-trailing-supporting-text-color: var(--gm3-select-shared-menu-list-item-supporting-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-list-list-item-trailing-supporting-text-font: var(--gm3-select-shared-menu-list-item-label-text-font, "Google Sans", Roboto, Arial, sans-serif);
  --gm3-list-list-item-trailing-supporting-text-size: 12px;
  --gm3-list-list-item-trailing-supporting-text-tracking: var(--gm3-select-shared-menu-list-item-label-text-tracking, 0rem);
  --gm3-list-list-item-trailing-supporting-text-weight: 400;
  --gm3-list-list-item-selected-trailing-supporting-text-weight: 400
}

.javascriptMaterialdesignGm3WizSelectShared-select__menuMatchWidth {
  width: 100%
}

.javascriptMaterialdesignGm3WizSelectShared-select__option-with-leading-content {
  --gm3-list-list-item-leading-space: 12px;
  --gm3-list-list-item-trailing-space: 12px
}

.javascriptMaterialdesignGm3WizSelectShared-select__option-one-line {
  min-height: var(--gm3-select-shared-menu-list-item-one-line-container-height, 48px)
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizSelectShared-select__menu:before {
    position: absolute;
    box-sizing: border-box;
    inset: 0;
    border: 1px solid transparent;
    border-radius: inherit;
    pointer-events: none;
    content: ""
  }
}

.javascriptMaterialdesignGm3WizSelectOutlined-select .javascriptMaterialdesignGm3WizSelectShared-select__anchor {
  overflow: visible
}

.javascriptMaterialdesignGm3WizSelectOutlined-select .javascriptMaterialdesignGm3WizSelectShared-select__selected-text-container {
  height: 100%;
  display: inline-flex;
  align-items: center
}

.javascriptMaterialdesignGm3WizSelectOutlined-select:not(.javascriptMaterialdesignGm3WizSelectShared-select--with-leading-icon) .javascriptMaterialdesignGm3WizSelectShared-select__anchor {
  padding-inline-start: max(16px, var(--gm3-select-outlined-text-field-container-shape-start-start, 4px) + 4px)
}

.javascriptMaterialdesignGm3WizSelectOutlined-select .javascriptMaterialdesignGm3WizSelectShared-select__floating-label {
  --gm3-floating-label-floating-label-top-space: -6px;
  --gm3-floating-label-floating-label-leading-space: max(16px, var(--gm3-select-outlined-text-field-container-shape-start-start, 4px) + 4px);
  --gm3-floating-label-floating-label-max-width: calc(100% - (max(16px, var(--gm3-select-outlined-text-field-container-shape-start-start, 4px) + 4px) + max(8px, min(var(--gm3-select-outlined-text-field-container-shape-start-end, 4px), var(--gm3-select-outlined-text-field-container-height, 56px) / 2)) + 6px))
}

.javascriptMaterialdesignGm3WizSelectOutlined-select:not(.javascriptMaterialdesignGm3WizSelectShared-select--with-leading-icon) .javascriptMaterialdesignGm3WizSelectShared-select__floating-label {
  --gm3-floating-label-resting-label-leading-space: max(16px, var(--gm3-select-outlined-text-field-container-shape-start-start, 4px) + 4px)
}

.javascriptMaterialdesignGm3WizSelectOutlined-select__notched-outline {
  --gm3-notched-outline-border-color: var(--gm3-select-outlined-text-field-outline-color, var(--gm3-sys-color-outline, #747775));
  --gm3-notched-outline-border-width: var(--gm3-select-outlined-text-field-outline-width, 1px);
  --gm3-notched-outline-container-shape-start-start: var(--gm3-select-outlined-text-field-container-shape-start-start, 4px);
  --gm3-notched-outline-container-shape-start-end: var(--gm3-select-outlined-text-field-container-shape-start-end, 4px);
  --gm3-notched-outline-container-shape-end-start: var(--gm3-select-outlined-text-field-container-shape-end-start, 4px);
  --gm3-notched-outline-container-shape-end-end: var(--gm3-select-outlined-text-field-container-shape-end-end, 4px);
  --gm3-notched-outline-leading-space: max(16px, var(--gm3-select-outlined-text-field-container-shape-start-start, 4px) + 4px);
  --gm3-notched-outline-trailing-space: max(8px, min(var(--gm3-select-outlined-text-field-container-shape-start-end, 4px), var(--gm3-select-outlined-text-field-container-height, 56px)/2))
}

.javascriptMaterialdesignGm3WizSelectOutlined-select:hover .javascriptMaterialdesignGm3WizSelectOutlined-select__notched-outline {
  --gm3-notched-outline-border-color: var(--gm3-select-outlined-text-field-hover-outline-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  --gm3-notched-outline-border-width: var(--gm3-select-outlined-text-field-hover-outline-width, 1px)
}

.javascriptMaterialdesignGm3WizSelectOutlined-select.javascriptMaterialdesignGm3WizSelectShared-select--focused .javascriptMaterialdesignGm3WizSelectOutlined-select__notched-outline {
  --gm3-notched-outline-border-color: var(--gm3-select-outlined-text-field-focus-outline-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-notched-outline-border-width: var(--gm3-select-outlined-text-field-focus-outline-width, 3px)
}

.javascriptMaterialdesignGm3WizSelectOutlined-select.javascriptMaterialdesignGm3WizSelectShared-select--invalid .javascriptMaterialdesignGm3WizSelectOutlined-select__notched-outline {
  --gm3-notched-outline-border-color: var(--gm3-select-outlined-text-field-error-outline-color, var(--gm3-sys-color-error, #b3261e))
}

.javascriptMaterialdesignGm3WizSelectOutlined-select.javascriptMaterialdesignGm3WizSelectShared-select--invalid:hover .javascriptMaterialdesignGm3WizSelectOutlined-select__notched-outline {
  --gm3-notched-outline-border-color: var(--gm3-select-outlined-text-field-error-hover-outline-color, var(--gm3-sys-color-on-error-container, #410e0b))
}

.javascriptMaterialdesignGm3WizSelectOutlined-select.javascriptMaterialdesignGm3WizSelectShared-select--invalid.javascriptMaterialdesignGm3WizSelectShared-select--focused .javascriptMaterialdesignGm3WizSelectOutlined-select__notched-outline {
  --gm3-notched-outline-border-color: var(--gm3-select-outlined-text-field-error-focus-outline-color, var(--gm3-sys-color-error, #b3261e))
}

.javascriptMaterialdesignGm3WizSelectOutlined-select.javascriptMaterialdesignGm3WizSelectShared-select--disabled .javascriptMaterialdesignGm3WizSelectOutlined-select__notched-outline,
.javascriptMaterialdesignGm3WizSelectOutlined-select.javascriptMaterialdesignGm3WizSelectShared-select--disabled.javascriptMaterialdesignGm3WizSelectShared-select--invalid .javascriptMaterialdesignGm3WizSelectOutlined-select__notched-outline {
  --gm3-notched-outline-border-color: var(--gm3-select-outlined-text-field-disabled-outline-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), 0.12));
  --gm3-notched-outline-border-width: var(--gm3-select-outlined-text-field-disabled-outline-width, 1px)
}

@media (forced-colors:active) {

  .javascriptMaterialdesignGm3WizSelectOutlined-select.javascriptMaterialdesignGm3WizSelectShared-select--disabled .javascriptMaterialdesignGm3WizSelectOutlined-select__notched-outline,
  .javascriptMaterialdesignGm3WizSelectOutlined-select.javascriptMaterialdesignGm3WizSelectShared-select--disabled.javascriptMaterialdesignGm3WizSelectShared-select--invalid .javascriptMaterialdesignGm3WizSelectOutlined-select__notched-outline {
    --gm3-notched-outline-border-color: GrayText
  }
}

.javascriptMaterialdesignGm3WizFontIcon-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-variation-settings: "FILL" var(--gm3-font-icon-fill, 0), "ROND" var(--gm3-font-icon-round, 50), "wght" var(--gm3-font-icon-weight, 400), "GRAD" var(--gm3-font-icon-grade, 0), "opsz" var(--gm3-font-icon-optical-size, 24)
}

.javascriptMaterialdesignGm3WizSwitch-root {
  display: inline-flex;
  outline: none;
  vertical-align: top;
  -webkit-tap-highlight-color: transparent
}

.javascriptMaterialdesignGm3WizSwitch-switch {
  align-items: center;
  background: none;
  border: none;
  cursor: pointer;
  display: inline-flex;
  flex-shrink: 0;
  margin: 0;
  outline: none;
  padding: 0;
  position: relative;
  width: var(--gm3-switch-track-width, 52px);
  height: var(--gm3-switch-track-height, 32px);
  border-start-start-radius: var(--gm3-switch-track-shape-start-start, 9999px);
  border-start-end-radius: var(--gm3-switch-track-shape-start-end, 9999px);
  border-end-end-radius: var(--gm3-switch-track-shape-end-end, 9999px);
  border-end-start-radius: var(--gm3-switch-track-shape-end-start, 9999px);
  --gm3-focus-ring-outward-color: var(--gm3-switch-focus-indicator-color, var(--gm3-sys-color-secondary, #00639b));
  --gm3-focus-ring-outward-offset: var(--gm3-switch-focus-indicator-offset, 2px);
  --gm3-focus-ring-outward-track-width: var(--gm3-switch-focus-indicator-thickness, 3px);
  --gm3-focus-ring-outward-target-shape-start-start: var(--gm3-switch-track-shape-start-start, 9999px);
  --gm3-focus-ring-outward-target-shape-start-end: var(--gm3-switch-track-shape-start-start, 9999px);
  --gm3-focus-ring-outward-target-shape-end-end: var(--gm3-switch-track-shape-start-start, 9999px);
  --gm3-focus-ring-outward-target-shape-end-start: var(--gm3-switch-track-shape-start-start, 9999px)
}

.javascriptMaterialdesignGm3WizSwitch-switch:focus-visible {
  --gm3-focus-ring-outward-display: block
}

.javascriptMaterialdesignGm3WizSwitch-switch__touch {
  position: absolute;
  block-size: var(--gm3-switch-touch-target-height, 48px);
  inline-size: var(--gm3-switch-touch-target-width, 52px)
}

.javascriptMaterialdesignGm3WizSwitch-switch:disabled {
  cursor: default;
  pointer-events: none
}

.javascriptMaterialdesignGm3WizSwitch-switch:disabled .javascriptMaterialdesignGm3WizSwitch-switch__track {
  background-color: transparent;
  border-color: transparent
}

.javascriptMaterialdesignGm3WizSwitch-switch:disabled .javascriptMaterialdesignGm3WizSwitch-switch__track:before {
  background-clip: content-box
}

.javascriptMaterialdesignGm3WizSwitch-switch--selected:disabled .javascriptMaterialdesignGm3WizSwitch-switch__track {
  background-clip: border-box
}

.javascriptMaterialdesignGm3WizSwitch-switch__input {
  display: none
}

.javascriptMaterialdesignGm3WizSwitch-switch__track {
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-radius: inherit;
  display: flex;
  justify-content: center;
  align-items: center
}

.javascriptMaterialdesignGm3WizSwitch-switch--selected .javascriptMaterialdesignGm3WizSwitch-switch__track {
  background-color: var(--gm3-switch-selected-track-color, var(--gm3-sys-color-primary, #0b57d0));
  outline-color: transparent
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizSwitch-switch--selected .javascriptMaterialdesignGm3WizSwitch-switch__track {
    background-color: ButtonText
  }
}

.javascriptMaterialdesignGm3WizSwitch-switch__track:before {
  content: "";
  display: flex;
  position: absolute;
  height: 100%;
  width: 100%;
  border-radius: inherit;
  box-sizing: border-box;
  border-style: solid;
  transition-property: opacity;
  transition-duration: 75ms;
  border-width: var(--gm3-switch-track-outline-width, 2px);
  background-color: var(--gm3-switch-unselected-track-color, var(--gm3-sys-color-surface-container-highest, #dde3ea));
  border-color: var(--gm3-switch-unselected-track-outline-color, var(--gm3-sys-color-outline, #747775))
}

.javascriptMaterialdesignGm3WizSwitch-switch--selected .javascriptMaterialdesignGm3WizSwitch-switch__track:before {
  opacity: 0
}

.javascriptMaterialdesignGm3WizSwitch-switch--selected:hover .javascriptMaterialdesignGm3WizSwitch-switch__track {
  background-color: var(--gm3-switch-selected-hover-track-color, var(--gm3-sys-color-primary, #0b57d0))
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizSwitch-switch--selected:hover .javascriptMaterialdesignGm3WizSwitch-switch__track {
    background-color: ButtonText
  }
}

.javascriptMaterialdesignGm3WizSwitch-switch--selected:focus-visible .javascriptMaterialdesignGm3WizSwitch-switch__track {
  background-color: var(--gm3-switch-selected-focus-track-color, var(--gm3-sys-color-primary, #0b57d0))
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizSwitch-switch--selected:focus-visible .javascriptMaterialdesignGm3WizSwitch-switch__track {
    background-color: ButtonText
  }
}

.javascriptMaterialdesignGm3WizSwitch-switch--selected:active .javascriptMaterialdesignGm3WizSwitch-switch__track {
  background-color: var(--gm3-switch-selected-pressed-track-color, var(--gm3-sys-color-primary, #0b57d0))
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizSwitch-switch--selected:active .javascriptMaterialdesignGm3WizSwitch-switch__track {
    background-color: ButtonText
  }
}

.javascriptMaterialdesignGm3WizSwitch-switch--selected:disabled .javascriptMaterialdesignGm3WizSwitch-switch__track {
  background-color: var(--gm3-switch-disabled-selected-track-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .12))
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizSwitch-switch--selected:disabled .javascriptMaterialdesignGm3WizSwitch-switch__track {
    background-color: GrayText;
    opacity: 1
  }
}

.javascriptMaterialdesignGm3WizSwitch-switch--unselected:hover .javascriptMaterialdesignGm3WizSwitch-switch__track:before {
  background-color: var(--gm3-switch-unselected-hover-track-color, var(--gm3-sys-color-surface-container-highest, #dde3ea));
  border-color: var(--gm3-switch-unselected-hover-track-outline-color, var(--gm3-sys-color-outline, #747775))
}

.javascriptMaterialdesignGm3WizSwitch-switch--unselected:focus-visible .javascriptMaterialdesignGm3WizSwitch-switch__track:before {
  background-color: var(--gm3-switch-unselected-focus-track-color, var(--gm3-sys-color-surface-container-highest, #dde3ea));
  border-color: var(--gm3-switch-unselected-focus-track-outline-color, var(--gm3-sys-color-outline, #747775))
}

.javascriptMaterialdesignGm3WizSwitch-switch--unselected:active .javascriptMaterialdesignGm3WizSwitch-switch__track:before {
  background-color: var(--gm3-switch-unselected-pressed-track-color, var(--gm3-sys-color-surface-container-highest, #dde3ea));
  border-color: var(--gm3-switch-unselected-pressed-track-outline-color, var(--gm3-sys-color-outline, #747775))
}

.javascriptMaterialdesignGm3WizSwitch-switch--unselected:disabled .javascriptMaterialdesignGm3WizSwitch-switch__track:before {
  background-color: var(--gm3-switch-disabled-unselected-track-color, rgba(var(--gm3-sys-color-surface-container-highest-rgb, 221, 227, 234), .12));
  border-color: var(--gm3-switch-disabled-unselected-track-outline-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .12))
}

.javascriptMaterialdesignGm3WizSwitch-switch__handle-container {
  position: relative;
  transition: margin 75ms cubic-bezier(.4, 0, .2, 1)
}

.javascriptMaterialdesignGm3WizSwitch-switch--selected .javascriptMaterialdesignGm3WizSwitch-switch__handle-container {
  margin-inline-start: calc(var(--gm3-switch-track-width, 52px) - var(--gm3-switch-track-height, 32px))
}

.javascriptMaterialdesignGm3WizSwitch-switch--unselected .javascriptMaterialdesignGm3WizSwitch-switch__handle-container {
  margin-inline-end: calc(var(--gm3-switch-track-width, 52px) - var(--gm3-switch-track-height, 32px))
}

.javascriptMaterialdesignGm3WizSwitch-switch__handle {
  border-start-start-radius: var(--gm3-switch-handle-shape-start-start, 9999px);
  border-start-end-radius: var(--gm3-switch-handle-shape-start-end, 9999px);
  border-end-end-radius: var(--gm3-switch-handle-shape-end-end, 9999px);
  border-end-start-radius: var(--gm3-switch-handle-shape-end-start, 9999px);
  background-color: var(--gm3-switch-selected-handle-color, var(--gm3-sys-color-on-primary, #fff));
  position: relative;
  transition: width 75ms cubic-bezier(.4, 0, .2, 1), height 75ms cubic-bezier(.4, 0, .2, 1)
}

.javascriptMaterialdesignGm3WizSwitch-switch__handle:before {
  content: "";
  display: flex;
  position: absolute;
  height: 100%;
  width: 100%;
  border-radius: inherit;
  box-sizing: border-box;
  transition-property: opacity;
  transition-duration: 75ms;
  background-color: var(--gm3-switch-unselected-handle-color, var(--gm3-sys-color-outline, #747775))
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizSwitch-switch__handle:before {
    background-color: ButtonText
  }
}

.javascriptMaterialdesignGm3WizSwitch-switch--selected .javascriptMaterialdesignGm3WizSwitch-switch__handle:before {
  opacity: 0
}

.javascriptMaterialdesignGm3WizSwitch-switch--unselected .javascriptMaterialdesignGm3WizSwitch-switch__handle {
  height: var(--gm3-switch-unselected-handle-height, 16px);
  width: var(--gm3-switch-unselected-handle-width, 16px)
}

.javascriptMaterialdesignGm3WizSwitch-switch--selected .javascriptMaterialdesignGm3WizSwitch-switch__handle {
  height: var(--gm3-switch-selected-handle-height, 24px);
  width: var(--gm3-switch-selected-handle-width, 24px)
}

.javascriptMaterialdesignGm3WizSwitch-switch--unselected .javascriptMaterialdesignGm3WizSwitch-switch__handle--big {
  height: var(--gm3-switch-with-icon-handle-height, 24px);
  width: var(--gm3-switch-with-icon-handle-width, 24px)
}

.javascriptMaterialdesignGm3WizSwitch-switch--selected:enabled:active .javascriptMaterialdesignGm3WizSwitch-switch__handle,
.javascriptMaterialdesignGm3WizSwitch-switch--unselected:enabled:active .javascriptMaterialdesignGm3WizSwitch-switch__handle {
  height: var(--gm3-switch-pressed-handle-height, 28px);
  width: var(--gm3-switch-pressed-handle-width, 28px)
}

.javascriptMaterialdesignGm3WizSwitch-switch--selected:hover .javascriptMaterialdesignGm3WizSwitch-switch__handle {
  background-color: var(--gm3-switch-selected-hover-handle-color, var(--gm3-sys-color-primary-container, #d3e3fd))
}

.javascriptMaterialdesignGm3WizSwitch-switch--selected:focus-visible .javascriptMaterialdesignGm3WizSwitch-switch__handle {
  background-color: var(--gm3-switch-selected-focus-handle-color, var(--gm3-sys-color-primary-container, #d3e3fd))
}

.javascriptMaterialdesignGm3WizSwitch-switch--selected:active .javascriptMaterialdesignGm3WizSwitch-switch__handle {
  background-color: var(--gm3-switch-selected-pressed-handle-color, var(--gm3-sys-color-primary-container, #d3e3fd))
}

.javascriptMaterialdesignGm3WizSwitch-switch--selected:disabled .javascriptMaterialdesignGm3WizSwitch-switch__handle {
  background-color: var(--gm3-switch-disabled-selected-handle-color, var(--gm3-sys-color-surface, #fff))
}

.javascriptMaterialdesignGm3WizSwitch-switch--unselected:disabled .javascriptMaterialdesignGm3WizSwitch-switch__handle {
  background-color: var(--gm3-switch-disabled-unselected-handle-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .38))
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizSwitch-switch--unselected:disabled .javascriptMaterialdesignGm3WizSwitch-switch__handle {
    background-color: GrayText;
    opacity: 1
  }
}

.javascriptMaterialdesignGm3WizSwitch-switch--unselected:hover .javascriptMaterialdesignGm3WizSwitch-switch__handle:before {
  background-color: var(--gm3-switch-unselected-hover-handle-color, var(--gm3-sys-color-on-surface-variant, #444746))
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizSwitch-switch--unselected:hover .javascriptMaterialdesignGm3WizSwitch-switch__handle:before {
    background-color: ButtonText
  }
}

.javascriptMaterialdesignGm3WizSwitch-switch--unselected:focus-visible .javascriptMaterialdesignGm3WizSwitch-switch__handle:before {
  background-color: var(--gm3-switch-unselected-focus-handle-color, var(--gm3-sys-color-on-surface-variant, #444746))
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizSwitch-switch--unselected:focus-visible .javascriptMaterialdesignGm3WizSwitch-switch__handle:before {
    background-color: ButtonText
  }
}

.javascriptMaterialdesignGm3WizSwitch-switch--unselected:active .javascriptMaterialdesignGm3WizSwitch-switch__handle:before {
  background-color: var(--gm3-switch-unselected-pressed-handle-color, var(--gm3-sys-color-on-surface-variant, #444746))
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizSwitch-switch--unselected:active .javascriptMaterialdesignGm3WizSwitch-switch__handle:before {
    background-color: ButtonText
  }
}

.javascriptMaterialdesignGm3WizSwitch-switch--unselected:disabled .javascriptMaterialdesignGm3WizSwitch-switch__handle:before {
  opacity: 0
}

.javascriptMaterialdesignGm3WizSwitch-switch__icons {
  position: relative;
  height: 100%;
  width: 100%
}

.javascriptMaterialdesignGm3WizSwitch-switch__icon {
  position: absolute;
  inset: 0;
  margin: auto;
  display: flex;
  transition-property: fill;
  transition-duration: 75ms
}

.javascriptMaterialdesignGm3WizSwitch-switch__icon svg {
  width: 100%;
  height: 100%
}

.javascriptMaterialdesignGm3WizSwitch-switch__icon--off,
.javascriptMaterialdesignGm3WizSwitch-switch__icon--on {
  forced-color-adjust: none;
  opacity: 0
}

.javascriptMaterialdesignGm3WizSwitch-switch--selected .javascriptMaterialdesignGm3WizSwitch-switch__icon--on,
.javascriptMaterialdesignGm3WizSwitch-switch--unselected .javascriptMaterialdesignGm3WizSwitch-switch__icon--off {
  opacity: 1
}

.javascriptMaterialdesignGm3WizSwitch-switch--selected .javascriptMaterialdesignGm3WizSwitch-switch__icon {
  width: var(--gm3-switch-selected-icon-size, 16px);
  height: var(--gm3-switch-selected-icon-size, 16px);
  fill: var(--gm3-switch-selected-icon-color, var(--gm3-sys-color-on-primary-container, #041e49));
  color: var(--gm3-switch-selected-icon-color, var(--gm3-sys-color-on-primary-container, #041e49))
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizSwitch-switch--selected .javascriptMaterialdesignGm3WizSwitch-switch__icon {
    fill: ButtonText;
    color: ButtonText
  }
}

.javascriptMaterialdesignGm3WizSwitch-switch--selected .javascriptMaterialdesignGm3WizSwitch-switch__icon i {
  font-size: var(--gm3-switch-selected-icon-size, 16px)
}

.javascriptMaterialdesignGm3WizSwitch-switch--unselected .javascriptMaterialdesignGm3WizSwitch-switch__icon {
  width: var(--gm3-switch-unselected-icon-size, 16px);
  height: var(--gm3-switch-unselected-icon-size, 16px);
  fill: var(--gm3-switch-unselected-icon-color, var(--gm3-sys-color-surface-container-highest, #dde3ea));
  color: var(--gm3-switch-unselected-icon-color, var(--gm3-sys-color-surface-container-highest, #dde3ea))
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizSwitch-switch--unselected .javascriptMaterialdesignGm3WizSwitch-switch__icon {
    fill: Canvas;
    color: Canvas
  }
}

.javascriptMaterialdesignGm3WizSwitch-switch--unselected .javascriptMaterialdesignGm3WizSwitch-switch__icon i {
  font-size: var(--gm3-switch-unselected-icon-size, 16px)
}

.javascriptMaterialdesignGm3WizSwitch-switch--selected:disabled .javascriptMaterialdesignGm3WizSwitch-switch__icon {
  fill: var(--gm3-switch-disabled-selected-icon-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .38));
  color: var(--gm3-switch-disabled-selected-icon-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .38))
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizSwitch-switch--selected:disabled .javascriptMaterialdesignGm3WizSwitch-switch__icon {
    fill: GrayText;
    color: GrayText
  }
}

.javascriptMaterialdesignGm3WizSwitch-switch--unselected:disabled .javascriptMaterialdesignGm3WizSwitch-switch__icon {
  fill: var(--gm3-switch-disabled-unselected-icon-color, rgba(var(--gm3-sys-color-surface-container-highest-rgb, 221, 227, 234), .38));
  color: var(--gm3-switch-disabled-unselected-icon-color, rgba(var(--gm3-sys-color-surface-container-highest-rgb, 221, 227, 234), .38))
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizSwitch-switch--unselected:disabled .javascriptMaterialdesignGm3WizSwitch-switch__icon {
    fill: Canvas;
    color: Canvas
  }
}

.javascriptMaterialdesignGm3WizSwitch-switch__ripple {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: var(--gm3-switch-state-layer-size, 40px);
  width: var(--gm3-switch-state-layer-size, 40px)
}

.javascriptMaterialdesignGm3WizSwitch-switch--selected {
  --gm3-ripple-hover-color: var(--gm3-switch-selected-hover-state-layer-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-ripple-pressed-color: var(--gm3-switch-selected-pressed-state-layer-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-ripple-hover-opacity: var(--gm3-switch-selected-hover-state-layer-opacity, 0.08);
  --gm3-ripple-pressed-opacity: var(--gm3-switch-selected-pressed-state-layer-opacity, 0.1);
  --gm3-ripple-shape-start-start: 50%;
  --gm3-ripple-shape-start-end: 50%;
  --gm3-ripple-shape-end-end: 50%;
  --gm3-ripple-shape-end-start: 50%
}

.javascriptMaterialdesignGm3WizSwitch-switch--unselected {
  --gm3-ripple-hover-color: var(--gm3-switch-unselected-hover-state-layer-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  --gm3-ripple-pressed-color: var(--gm3-switch-unselected-pressed-state-layer-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  --gm3-ripple-hover-opacity: var(--gm3-switch-unselected-hover-state-layer-opacity, 0.08);
  --gm3-ripple-pressed-opacity: var(--gm3-switch-unselected-pressed-state-layer-opacity, 0.1);
  --gm3-ripple-shape-start-start: 50%;
  --gm3-ripple-shape-start-end: 50%;
  --gm3-ripple-shape-end-end: 50%;
  --gm3-ripple-shape-end-start: 50%
}

.boqAddonscardsrendererCardTextfieldTextFieldContainer {
  width: 100%;
  position: relative
}

.boqAddonscardsrendererCardTextfieldTextField {
  --gm3-autocomplete-outlined-menu-list-item-label-text-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-autocomplete-outlined-menu-list-item-label-text-font: "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif;
  --gm3-autocomplete-outlined-menu-list-item-label-text-line-height: 1.25rem;
  --gm3-autocomplete-outlined-menu-list-item-label-text-size: 0.875rem;
  --gm3-autocomplete-outlined-menu-list-item-label-text-tracking: 0rem;
  --gm3-autocomplete-outlined-menu-list-item-label-text-weight: 400;
  --gm3-autocomplete-outlined-text-field-input-text-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-autocomplete-outlined-text-field-input-text-font: "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif;
  --gm3-autocomplete-outlined-text-field-input-text-line-height: 1.25rem;
  --gm3-autocomplete-outlined-text-field-input-text-size: 0.875rem;
  --gm3-autocomplete-outlined-text-field-input-text-tracking: 0rem;
  --gm3-autocomplete-outlined-text-field-input-text-weight: 500;
  --gm3-autocomplete-outlined-text-field-label-text-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-autocomplete-outlined-text-field-label-text-font: "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif;
  --gm3-autocomplete-outlined-text-field-label-text-size: 0.875rem;
  --gm3-autocomplete-outlined-text-field-label-text-line-height: 1.25rem;
  --gm3-autocomplete-outlined-text-field-label-text-tracking: 0.00625rem;
  --gm3-autocomplete-outlined-text-field-label-text-weight: 500;
  --gm3-autocomplete-outlined-text-field-supporting-text-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-autocomplete-outlined-text-field-supporting-text-font: "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif;
  --gm3-autocomplete-outlined-text-field-supporting-text-line-height: 1rem;
  --gm3-autocomplete-outlined-text-field-supporting-text-size: 0.6875rem;
  --gm3-autocomplete-outlined-text-field-supporting-text-tracking: 0.00625rem;
  --gm3-autocomplete-outlined-text-field-supporting-text-weight: 500;
  --gm3-autocomplete-outlined-text-field-trailing-icon-size: 20px;
  --gm3-text-field-outlined-input-text-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-text-field-outlined-input-text-font: "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif;
  --gm3-text-field-outlined-input-text-size: 0.875rem;
  --gm3-text-field-outlined-input-text-tracking: 0rem;
  --gm3-text-field-outlined-input-text-weight: 500;
  --gm3-text-field-outlined-label-text-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-text-field-outlined-label-text-font: "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif;
  --gm3-text-field-outlined-label-text-size: 0.875rem;
  --gm3-text-field-outlined-label-text-line-height: 1.25rem;
  --gm3-text-field-outlined-label-text-tracking: 0.00625rem;
  --gm3-text-field-outlined-label-text-weight: 500;
  --gm3-text-field-outlined-label-text-populated-size: 0.65625rem;
  --gm3-text-field-outlined-supporting-text-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-text-field-outlined-supporting-text-font: "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif;
  --gm3-text-field-outlined-supporting-text-line-height: 1rem;
  --gm3-text-field-outlined-supporting-text-size: 0.6875rem;
  --gm3-text-field-outlined-supporting-text-tracking: 0.00625rem;
  --gm3-text-field-outlined-supporting-text-weight: 500;
  --gm3-text-field-outlined-trailing-icon-size: 20px;
  width: 100%
}

.boqAddonscardsrendererCardTextfieldInsertVariableButton {
  bottom: 0;
  margin: auto;
  position: absolute;
  right: 8px;
  top: 0
}

.boqAddonscardsrendererCardTextfieldEmailAutocompleteContainer {
  width: 100%;
  position: relative
}

.boqAddonscardsrendererCardTextfieldFocusedSuggestion {
  background-color: var(--gm3-sys-color-surface-variant, #e1e3e1)
}

.boqAddonscardsrendererCardTextfieldVariableMenu {
  width: min(300px, 50%)
}

.boqAddonscardsrendererCardTextfieldMenuSurface {
  --gm3-list-list-item-container-color: transparent;
  --gm3-list-list-item-label-text-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-list-list-item-label-text-font: "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif;
  --gm3-list-list-item-label-text-size: 0.875rem;
  --gm3-list-list-item-label-text-tracking: 0rem;
  --gm3-list-list-item-label-text-weight: 400;
  --gm3-list-list-item-label-text-line-height: 1.25rem;
  --gm3-list-list-item-supporting-text-color: var(--gm3-sys-color-on-surface, #1f1f1f);
  --gm3-list-list-item-supporting-text-font: "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif;
  --gm3-list-list-item-supporting-text-size: 0.75rem;
  --gm3-list-list-item-supporting-text-tracking: 0.00625rem;
  --gm3-list-list-item-supporting-text-weight: 400;
  --gm3-list-list-item-supporting-text-line-height: 1rem;
  --gm3-list-list-item-selected-container-color: var(--gm3-sys-color-surface-variant, #e1e3e1);
  --gm3-menu-surface-container-color: var(--gm3-sys-color-surface-container, #f0f4f9);
  width: 100%
}

.boqAddonscardsrendererCardTextfieldMenuSurface .GmList,
.boqAddonscardsrendererCardTextfieldTextField .GmList {
  color: var(--gm3-sys-color-on-surface-variant, #444746)
}

.boqAddonscardsrendererCardTextfieldVariableChip.isInvalid {
  --gm3-chip-input-without-avatar-label-text-color: var(--gm3-sys-color-error, #b3261e);
  --gm3-chip-input-without-avatar-hover-label-text-color: var(--gm3-sys-color-error, #b3261e);
  --gm3-chip-input-without-avatar-focus-label-text-color: var(--gm3-sys-color-error, #b3261e);
  --gm3-chip-input-without-avatar-outline-color: var(--gm3-sys-color-error, #b3261e);
  --gm3-chip-input-without-avatar-pressed-label-text-color: var(--gm3-sys-color-error, #b3261e)
}

.boqAddonscardsrendererCardTextfieldVariableChip {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.boqAddonscardsrendererCardTextparagraphTextParagraph {
  color: var(--gm3-sys-color-on-surface, #1f1f1f)
}

.boqAddonscardsrendererCardTextparagraphCollapsedText {
  --max-lines: inherit;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: var(--max-lines);
  line-clamp: var(--max-lines)
}

.boqAddonscardsrendererCardTextparagraphShowLessTextButton,
.boqAddonscardsrendererCardTextparagraphShowMoreTextButton {
  --gm3-button-text-container-height: 24px;
  --gm3-button-text-focus-indicator-outline-offset: -3px;
  --gm3-button-text-focus-indicator-thickness: 3px;
  margin: 0
}

.boqAddonscardsrendererCardTextparagraphShowLessTextButton.isHidden,
.boqAddonscardsrendererCardTextparagraphShowMoreTextButton.isHidden {
  display: none
}

.publishingDialogOptionsControlItemsContainer {
  display: flex;
  flex-wrap: wrap;
  gap: 10px
}

.publishingDialogOptionsControlItem {
  margin: 10px 0;
  flex: 1
}

.publishingDialogOptionsMenuButton {
  padding-bottom: 8px
}

.publishingDialogOptionsChartNotice {
  margin: 5px 0 10px
}

.publishingDialogOptionsChartNoticeNote {
  font-weight: 700
}

.publishingDialogOptionsMenuItemIndentation {
  --gm3-list-list-item-content-gap: 26px
}

.publishingDialogOptionsIndentation {
  padding-left: 24px
}

.publishingDialogOptionsPublishedContentMenu {
  z-index: 1004
}

.docsPublishingDialogCheckbox {
  --gm3-checkbox-container-size: 18px;
  --gm3-checkbox-state-layer-size: 36px;
  --gm3-checkbox-touch-target-size: 0px
}

.docsPublishingDialogSettingsButton {
  --gm3-button-text-label-text-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-button-text-hover-label-text-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-button-text-focus-label-text-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-button-text-pressed-label-text-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-button-text-hover-state-layer-color: var(--gm3-sys-color-background, #fff);
  --gm3-button-text-label-text-size: 14px
}

.docsPublishingDialogSettingsButtonContainer {
  padding: 8px 0
}

.docsPublishingDialogSettingsButtonIcon {
  margin-inline-end: 8px;
  filter: invert(22%) sepia(3%) saturate(546%) hue-rotate(109deg) brightness(94%) contrast(77%)
}

.docsPublishingDialogButtonLinkWrapper,
.docsPublishingDialogEmbedTextField,
.docsPublishingDialogPublishedContentSelectContainer,
.docsPublishingDialogSelectContainer {
  width: 100%
}

.docsPublishingDialogPublishedContentSelectContainer {
  padding-top: 8px;
  padding-bottom: 8px
}

.docsPublishingDialogSelectContainer {
  padding-bottom: 4px
}

.docsPublishingDialogButtonLinkWrapper {
  padding-bottom: 8px
}

.docsPublishingDialogTabContent {
  padding-top: 16px
}

.docsSidekickIceGenerationMessageContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between
}

.docsSidekickIceGenerationMessageDismissButtonContainer {
  bottom: 6px;
  position: relative;
  align-self: normal
}

.docsSidekickIceGenerationMessageDismissButton {
  border-radius: 50%;
  cursor: pointer;
  height: 26px;
  margin-left: auto;
  margin-right: 0;
  padding: 6px 0 0;
  position: relative;
  text-align: center;
  top: 0;
  width: 32px
}

.docsSidekickIceGenerationMessageDismissButton:hover {
  background-color: var(--gm3-sys-color-surface-container, #f0f4f9)
}

.a11ySettingsDialogList {
  list-style: none
}

.a11ySettingsDialogFirstLayerList {
  padding-inline-start: 0;
  padding-top: 6px
}

.a11ySettingsDialogCheckboxSection {
  padding-bottom: 5px;
  display: flex;
  flex-direction: column
}

.a11ySettingsDialogCheckboxLabel {
  font-size: 14px
}

.a11ySettingsDialogCheckboxDescription {
  font-size: 12px;
  padding-right: 3px
}

.a11ySettingsDialogCheckboxDescriptionWrapper {
  margin-top: -12px;
  padding-left: 56px
}

.a11ySettingsDialogIcon {
  width: 18px;
  height: 18px
}

.a11ySettingsDialogRestoreBrailleText {
  padding-right: 1px
}

.a11ySettingsDialogFooter {
  display: flex;
  gap: 3px
}

.javascriptMaterialdesignGm3WizDialog-dialog {
  display: none;
  z-index: var(--gm3-dialog-z-index, 2001);
  justify-content: var(--gm3-dialog-dialog-justify-content, center);
  padding-inline-end: var(--gm3-dialog-dialog-padding-inline-end, unset);
  padding-inline-start: var(--gm3-dialog-dialog-padding-inline-start, unset)
}

.javascriptMaterialdesignGm3WizDialog-dialog__scrim {
  justify-content: center
}

.javascriptMaterialdesignGm3WizDialog-dialog,
.javascriptMaterialdesignGm3WizDialog-dialog__scrim {
  position: fixed;
  top: 0;
  left: 0;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  height: 100%
}

.javascriptMaterialdesignGm3WizDialog-dialog__surface {
  background-color: var(--gm3-dialog-container-color, var(--gm3-sys-color-surface-container-high, #e9eef6));
  min-width: var(--gm3-dialog-container-min-width, 280px);
  max-height: var(--gm3-dialog-container-max-height, calc(100% - 32px));
  min-height: var(--gm3-dialog-container-min-height, unset);
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 0;
  flex-shrink: 0;
  box-sizing: border-box;
  pointer-events: auto;
  overflow-y: auto;
  outline: 0;
  text-align: start;
  transform: scale(.8)
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizDialog-dialog__surface {
    outline: 2px solid windowText
  }
}

.javascriptMaterialdesignGm3WizDialog-dialog__scrim {
  opacity: 0;
  z-index: -1;
  background-color: var(--gm3-dialog-scrim-color, rgba(var(--gm3-sys-color-scrim-rgb, 0, 0, 0), .32))
}

.javascriptMaterialdesignGm3WizDialog-dialog__container {
  align-items: var(--gm3-dialog-container-align-items, center);
  padding-block-start: var(--gm3-dialog-container-padding-block-start, unset);
  padding-block-end: var(--gm3-dialog-container-padding-block-end, unset);
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  box-sizing: border-box;
  height: 100%;
  opacity: 0;
  pointer-events: none
}

.javascriptMaterialdesignGm3WizDialog-dialog__surface:after {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  inset-block-start: 0;
  inset-inline-start: 0;
  border: 2px solid transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizDialog-dialog__surface:after {
    border-color: CanvasText
  }
}

.javascriptMaterialdesignGm3WizDialog-dialog__title {
  position: relative;
  box-sizing: border-box;
  text-align: start;
  display: flex;
  flex-shrink: 1;
  margin: 0;
  padding: var(--gm3-dialog-container-title-padding-block-start, 24px) 24px var(--gm3-dialog-container-title-padding-block-end, 16px)
}

.javascriptMaterialdesignGm3WizDialog-dialog__title .javascriptMaterialdesignGm3WizDialog-dialog__title-text {
  display: -webkit-inline-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2
}

.javascriptMaterialdesignGm3WizDialog-dialog__title:before {
  display: inline-block;
  width: 0;
  height: 0;
  content: "";
  vertical-align: 0
}

.javascriptMaterialdesignGm3WizDialog-dialog--scrollable .javascriptMaterialdesignGm3WizDialog-dialog__actions,
.javascriptMaterialdesignGm3WizDialog-dialog-scroll-divider-footer .javascriptMaterialdesignGm3WizDialog-dialog__actions {
  border-width: var(--gm3-dialog-with-divider-divider-height, 1px);
  border-color: var(--gm3-dialog-with-divider-divider-color, var(--gm3-sys-color-outline-variant, #c4c7c5))
}

.javascriptMaterialdesignGm3WizDialog-dialog--scrollable .javascriptMaterialdesignGm3WizDialog-dialog__actions {
  padding-top: 12px
}

.javascriptMaterialdesignGm3WizDialog-dialog--scrollable .javascriptMaterialdesignGm3WizDialog-dialog__content {
  padding-block-end: var(--gm3-dialog-container-content-padding-block-end, 8px)
}

.javascriptMaterialdesignGm3WizDialog-dialog--scrollable .javascriptMaterialdesignGm3WizDialog-dialog__title+.javascriptMaterialdesignGm3WizDialog-dialog__content {
  padding-block-start: var(--gm3-dialog-container-content-padding-block-start, var(--gm3-dialog-container-content-scrollable-padding-block-start, 8px))
}

.javascriptMaterialdesignGm3WizDialog-dialog:not(.javascriptMaterialdesignGm3WizDialog-dialog--scrollable) :is(.javascriptMaterialdesignGm3WizDialog-dialog__header, .javascriptMaterialdesignGm3WizDialog-dialog__title, .javascriptMaterialdesignGm3WizDialog-dialog__actions) {
  border: none
}

.javascriptMaterialdesignGm3WizDialog-dialog__content {
  color: var(--gm3-dialog-supporting-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  display: var(--gm3-dialog-content-display, unset);
  font-family: var(--gm3-dialog-supporting-text-font, "Google Sans", Roboto, Arial, sans-serif);
  line-height: var(--gm3-dialog-supporting-text-line-height, 1.25rem);
  font-size: var(--gm3-dialog-supporting-text-size, .875rem);
  letter-spacing: var(--gm3-dialog-supporting-text-tracking, 0);
  font-weight: var(--gm3-dialog-supporting-text-weight, 400);
  padding-block-start: var(--gm3-dialog-container-content-padding-block-start, var(--gm3-dialog-container-content-base-padding-block-start, 20px));
  padding-inline-end: var(--gm3-dialog-container-content-padding-inline-end, 24px);
  padding-block-end: var(--gm3-dialog-container-content-padding-block-end, var(--gm3-dialog-container-content-base-padding-block-end, 20px));
  padding-inline-start: var(--gm3-dialog-container-content-padding-inline-start, 24px);
  box-sizing: border-box;
  flex-grow: 1;
  margin: 0;
  overflow: auto;
  position: relative
}

.javascriptMaterialdesignGm3WizDialog-dialog__content>:first-child {
  margin-top: 0
}

.javascriptMaterialdesignGm3WizDialog-dialog__content>:last-child {
  margin-bottom: 0
}

.javascriptMaterialdesignGm3WizDialog-dialog__actions {
  display: flex;
  position: relative;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  box-sizing: border-box;
  min-height: 52px;
  margin: 0;
  padding: 0 24px var(--gm3-dialog-container-actions-padding-block-end, 20px);
  gap: 8px;
  border-top: 1px solid transparent
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizDialog-dialog__actions {
    border-top-color: CanvasText
  }
}

.javascriptMaterialdesignGm3WizDialog-dialog--stacked .javascriptMaterialdesignGm3WizDialog-dialog__actions {
  flex-direction: column-reverse;
  align-items: flex-end;
  gap: 0
}

.javascriptMaterialdesignGm3WizDialog-dialog__button:first-child {
  margin-inline-start: 0
}

.javascriptMaterialdesignGm3WizDialog-dialog__button {
  margin-inline-start: 8px;
  text-align: start;
  max-width: 100%
}

.javascriptMaterialdesignGm3WizDialog-dialog--stacked .javascriptMaterialdesignGm3WizDialog-dialog__button:not(:first-child) {
  margin-top: 12px
}

.javascriptMaterialdesignGm3WizDialog-dialog--closing,
.javascriptMaterialdesignGm3WizDialog-dialog--open,
.javascriptMaterialdesignGm3WizDialog-dialog--opening {
  display: flex
}

.javascriptMaterialdesignGm3WizDialog-dialog--opening .javascriptMaterialdesignGm3WizDialog-dialog__scrim {
  transition: opacity .15s linear
}

.javascriptMaterialdesignGm3WizDialog-dialog--opening .javascriptMaterialdesignGm3WizDialog-dialog__container {
  transition: opacity 75ms linear
}

.javascriptMaterialdesignGm3WizDialog-dialog--opening .javascriptMaterialdesignGm3WizDialog-dialog__surface {
  transition: transform .15s cubic-bezier(0, 0, .2, 1)
}

.javascriptMaterialdesignGm3WizDialog-dialog--closing .javascriptMaterialdesignGm3WizDialog-dialog__container,
.javascriptMaterialdesignGm3WizDialog-dialog--closing .javascriptMaterialdesignGm3WizDialog-dialog__scrim {
  transition: opacity 75ms linear
}

.javascriptMaterialdesignGm3WizDialog-dialog--chaining .javascriptMaterialdesignGm3WizDialog-dialog__scrim {
  transition: none;
  opacity: 1
}

.javascriptMaterialdesignGm3WizDialog-dialog--closing .javascriptMaterialdesignGm3WizDialog-dialog__surface {
  transform: none
}

.javascriptMaterialdesignGm3WizDialog-dialog--open .javascriptMaterialdesignGm3WizDialog-dialog__container,
.javascriptMaterialdesignGm3WizDialog-dialog--open .javascriptMaterialdesignGm3WizDialog-dialog__scrim {
  opacity: 1
}

.javascriptMaterialdesignGm3WizDialog-dialog--open .javascriptMaterialdesignGm3WizDialog-dialog__surface {
  transform: none
}

.javascriptMaterialdesignGm3WizDialog-dialog-scroll-lock {
  overflow: hidden
}

.javascriptMaterialdesignGm3WizDialog-dialog__scrim--hidden .javascriptMaterialdesignGm3WizDialog-dialog__scrim {
  opacity: 0
}

.javascriptMaterialdesignGm3WizDialog-dialog__scrim--removed {
  pointer-events: none
}

.javascriptMaterialdesignGm3WizDialog-dialog__scrim--removed .javascriptMaterialdesignGm3WizDialog-dialog__scrim {
  display: none
}

.javascriptMaterialdesignGm3WizDialog-dialog:not(.javascriptMaterialdesignGm3WizDialog-dialog--no-content-padding) .javascriptMaterialdesignGm3WizDialog-dialog__content:last-child {
  padding-block-end: var(--gm3-dialog-container-content-padding-block-end, var(--gm3-dialog-container-content-none-padding-block-end, 24px))
}

.javascriptMaterialdesignGm3WizDialog-dialog__scrim--removed .javascriptMaterialdesignGm3WizDialog-dialog__surface {
  overflow: unset;
  --gm3-elevation-shadow-color: var(--gm3-sys-color-shadow, #000)
}

.javascriptMaterialdesignGm3WizDialog-dialog:not(.javascriptMaterialdesignGm3WizDialog-dialog--stacked) .javascriptMaterialdesignGm3WizDialog-dialog__auxiliary-actions {
  margin-right: auto
}

.javascriptMaterialdesignGm3WizDialog-dialog--standard .javascriptMaterialdesignGm3WizDialog-dialog__title {
  color: var(--gm3-dialog-headline-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  font-family: var(--gm3-dialog-headline-font, "Google Sans");
  line-height: var(--gm3-dialog-headline-line-height, 2rem);
  font-size: var(--gm3-dialog-headline-size, 1.5rem);
  letter-spacing: var(--gm3-dialog-headline-tracking, 0);
  font-weight: var(--gm3-dialog-headline-weight, 400)
}

.javascriptMaterialdesignGm3WizDialog-dialog__title-icon {
  color: var(--gm3-dialog-with-icon-icon-color, var(--gm3-sys-color-secondary, #00639b));
  margin: 0 auto var(--gm3-dialog-with-icon-icon-margin, 16px)
}

.javascriptMaterialdesignGm3WizDialog-dialog__title-icon i,
.javascriptMaterialdesignGm3WizDialog-dialog__title-icon img,
.javascriptMaterialdesignGm3WizDialog-dialog__title-icon svg {
  inline-size: var(--gm3-dialog-with-icon-icon-width, 24px);
  block-size: var(--gm3-dialog-with-icon-icon-height, 24px);
  font-size: var(--gm3-dialog-with-icon-icon-height, 24px);
  color: inherit
}

.javascriptMaterialdesignGm3WizDialog-dialog__title-with-icon {
  flex-direction: column;
  align-items: center;
  text-align: center
}

.javascriptMaterialdesignGm3WizDialog-dialog--standard:not(.javascriptMaterialdesignGm3WizDialog-dialog--scrollable) .javascriptMaterialdesignGm3WizDialog-dialog__title+.javascriptMaterialdesignGm3WizDialog-dialog__content {
  padding-top: var(--gm3-dialog-container-content-padding-block-start, 0)
}

.javascriptMaterialdesignGm3WizDialog-dialog--standard .javascriptMaterialdesignGm3WizDialog-dialog__surface {
  border-radius: var(--gm3-dialog-container-shape, 28px)
}

@media (max-width:592px) {
  .javascriptMaterialdesignGm3WizDialog-dialog--standard .javascriptMaterialdesignGm3WizDialog-dialog__surface {
    max-width: var(--gm3-dialog-container-max-width, calc(100vw - 32px))
  }
}

@media (min-width:592px) {
  .javascriptMaterialdesignGm3WizDialog-dialog--standard .javascriptMaterialdesignGm3WizDialog-dialog__surface {
    max-width: var(--gm3-dialog-container-max-width, 560px)
  }
}

@media (forced-colors:none) {
  .javascriptMaterialdesignGm3WizDialog-dialog--standard .javascriptMaterialdesignGm3WizDialog-dialog__surface {
    --gm3-elevation-level: var(--gm3-dialog-container-elevation, 3)
  }
}

.javascriptMaterialdesignGm3WizDialog-dialog--standard.javascriptMaterialdesignGm3WizDialog-dialog--scrollable .javascriptMaterialdesignGm3WizDialog-dialog__title {
  border-bottom: var(--gm3-dialog-with-divider-divider-height, 1px) solid var(--gm3-dialog-with-divider-divider-color, var(--gm3-sys-color-outline-variant, #c4c7c5))
}

.javascriptMaterialdesignGm3WizDialog-dialog--standard .javascriptMaterialdesignGm3WizDialog-dialog__actions {
  --gm3-button-text-focus-label-text-color: var(--gm3-dialog-action-focus-label-text-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-button-text-hover-label-text-color: var(--gm3-dialog-action-hover-label-text-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-button-text-hover-state-layer-color: var(--gm3-dialog-action-hover-state-layer-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-button-text-hover-state-layer-opacity: var(--gm3-dialog-action-hover-state-layer-opacity, 0.08);
  --gm3-button-text-label-text-color: var(--gm3-dialog-action-label-text-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-button-text-label-text-font: var(--gm3-dialog-action-label-text-font, "Google Sans", Roboto, Arial, sans-serif);
  --gm3-button-text-label-text-size: var(--gm3-dialog-action-label-text-size, 0.875rem);
  --gm3-button-text-label-text-tracking: var(--gm3-dialog-action-label-text-tracking, 0rem);
  --gm3-button-text-label-text-weight: var(--gm3-dialog-action-label-text-weight, 500);
  --gm3-button-text-pressed-label-text-color: var(--gm3-dialog-action-pressed-label-text-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-button-text-pressed-state-layer-color: var(--gm3-dialog-action-pressed-state-layer-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-button-text-pressed-state-layer-opacity: var(--gm3-dialog-action-pressed-state-layer-opacity, 0.1)
}

.javascriptMaterialdesignGm3WizDialog-dialog--sheet .javascriptMaterialdesignGm3WizDialog-dialog__surface {
  border-radius: var(--gm3-dialog-container-shape, 28px)
}

@media (max-width:592px) {
  .javascriptMaterialdesignGm3WizDialog-dialog--sheet .javascriptMaterialdesignGm3WizDialog-dialog__surface {
    max-width: var(--gm3-dialog-container-max-width, calc(100vw - 32px))
  }
}

@media (min-width:592px) {
  .javascriptMaterialdesignGm3WizDialog-dialog--sheet .javascriptMaterialdesignGm3WizDialog-dialog__surface {
    max-width: var(--gm3-dialog-container-max-width, 560px)
  }
}

@media (forced-colors:none) {
  .javascriptMaterialdesignGm3WizDialog-dialog--sheet .javascriptMaterialdesignGm3WizDialog-dialog__surface {
    --gm3-elevation-level: var(--gm3-dialog-container-elevation, 3)
  }
}

.javascriptMaterialdesignGm3WizDialog-dialog--sheet .javascriptMaterialdesignGm3WizDialog-dialog__title {
  color: var(--gm3-dialog-headline-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  font-family: var(--gm3-dialog-headline-font, "Google Sans");
  line-height: var(--gm3-dialog-headline-line-height, 2rem);
  font-size: var(--gm3-dialog-headline-size, 1.5rem);
  letter-spacing: var(--gm3-dialog-headline-tracking, 0);
  font-weight: var(--gm3-dialog-headline-weight, 400)
}

.javascriptMaterialdesignGm3WizDialog-dialog--sheet .javascriptMaterialdesignGm3WizDialog-dialog__header {
  display: flex
}

.javascriptMaterialdesignGm3WizDialog-dialog--sheet .javascriptMaterialdesignGm3WizDialog-dialog__header .javascriptMaterialdesignGm3WizDialog-dialog__title {
  flex-grow: 1
}

.javascriptMaterialdesignGm3WizDialog-dialog--sheet .javascriptMaterialdesignGm3WizDialog-dialog__header .javascriptMaterialdesignGm3WizDialog-dialog__close--tooltip-wrapper {
  align-self: center
}

.javascriptMaterialdesignGm3WizDialog-dialog--sheet:not(.javascriptMaterialdesignGm3WizDialog-dialog__scrim--removed) .javascriptMaterialdesignGm3WizDialog-dialog__surface {
  overflow: hidden
}

.javascriptMaterialdesignGm3WizDialog-dialog--sheet .javascriptMaterialdesignGm3WizDialog-dialog__header .javascriptMaterialdesignGm3WizDialog-dialog__close {
  position: relative;
  top: 4px
}

.javascriptMaterialdesignGm3WizDialog-dialog--sheet .javascriptMaterialdesignGm3WizDialog-dialog__header+.javascriptMaterialdesignGm3WizDialog-dialog__content {
  padding-block-start: var(--gm3-dialog-container-content-padding-block-start, 0)
}

.javascriptMaterialdesignGm3WizDialog-dialog--no-content-padding .javascriptMaterialdesignGm3WizDialog-dialog__content {
  padding-block-start: var(--gm3-dialog-container-content-padding-block-start, 0);
  padding-inline-end: var(--gm3-dialog-container-content-padding-inline-end, 0);
  padding-block-end: var(--gm3-dialog-container-content-padding-block-end, 0);
  padding-inline-start: var(--gm3-dialog-container-content-padding-inline-start, 0);
  border-radius: inherit
}

.javascriptMaterialdesignGm3WizDialog-dialog--sheet .javascriptMaterialdesignGm3WizDialog-dialog__close {
  right: 0;
  margin-right: 12px;
  top: 9px;
  position: absolute;
  z-index: 1
}

.javascriptMaterialdesignGm3WizDialog-dialog--sheet .javascriptMaterialdesignGm3WizDialog-dialog--scrollable .javascriptMaterialdesignGm3WizDialog-dialog__title {
  margin-bottom: 1px;
  padding-bottom: 15px;
  border-bottom: var(--gm3-dialog-with-divider-divider-height, 1px) solid var(--gm3-dialog-with-divider-divider-color, var(--gm3-sys-color-outline-variant, #c4c7c5))
}

.javascriptMaterialdesignGm3WizDialog-dialog--fullscreen .javascriptMaterialdesignGm3WizDialog-dialog__surface {
  background-color: var(--gm3-dialog-modal-container-color, var(--gm3-sys-color-surface-container-high, #e9eef6));
  border-radius: var(--gm3-dialog-modal-container-shape, 28px)
}

@media (forced-colors:none) {
  .javascriptMaterialdesignGm3WizDialog-dialog--fullscreen .javascriptMaterialdesignGm3WizDialog-dialog__surface {
    --gm3-elevation-level: var(--gm3-dialog-modal-container-elevation, 3)
  }
}

.javascriptMaterialdesignGm3WizDialog-dialog--fullscreen .javascriptMaterialdesignGm3WizDialog-dialog__header {
  position: relative;
  align-items: flex-start;
  display: inline-flex;
  justify-content: space-between;
  background-color: var(--gm3-dialog-modal-header-container-color, var(--gm3-dialog-modal-container-color, var(--gm3-sys-color-surface-container-high, #e9eef6)))
}

.javascriptMaterialdesignGm3WizDialog-dialog--fullscreen .javascriptMaterialdesignGm3WizDialog-dialog__header+.javascriptMaterialdesignGm3WizDialog-dialog__content {
  padding-block-start: var(--gm3-dialog-container-content-padding-block-start, 0)
}

.javascriptMaterialdesignGm3WizDialog-dialog--fullscreen .javascriptMaterialdesignGm3WizDialog-dialog__title {
  color: var(--gm3-dialog-header-headline-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  font-family: var(--gm3-dialog-header-headline-font, "Google Sans");
  line-height: var(--gm3-dialog-header-headline-line-height, 1.75rem);
  letter-spacing: var(--gm3-dialog-header-headline-tracking, 0);
  font-weight: var(--gm3-dialog-header-headline-weight, 400);
  font-size: var(--gm3-dialog-header-headline-size, 1.375rem)
}

.javascriptMaterialdesignGm3WizDialog-dialog--fullscreen .javascriptMaterialdesignGm3WizDialog-dialog__close {
  inset: 0;
  margin-top: 18px;
  margin-inline-end: 18px;
  --gm3-icon-button-standard-unselected-icon-color: var(--gm3-dialog-header-icon-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  --gm3-icon-button-standard-unselected-focus-icon-color: var(--gm3-dialog-header-icon-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  --gm3-icon-button-standard-unselected-hover-icon-color: var(--gm3-dialog-header-icon-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  --gm3-icon-button-standard-unselected-pressed-icon-color: var(--gm3-dialog-header-icon-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  --gm3-icon-button-standard-icon-size: var(--gm3-dialog-header-icon-size, 24px)
}

.javascriptMaterialdesignGm3WizDialog-dialog--fullscreen.javascriptMaterialdesignGm3WizDialog-dialog--titleless .javascriptMaterialdesignGm3WizDialog-dialog__close {
  margin-top: 4px;
  margin-inline-end: 8px
}

.javascriptMaterialdesignGm3WizDialog-dialog--fullscreen.javascriptMaterialdesignGm3WizDialog-dialog--titleless.javascriptMaterialdesignGm3WizDialog-dialog--scrollable .javascriptMaterialdesignGm3WizDialog-dialog__close {
  margin-top: 0;
  margin-bottom: 8px
}

.javascriptMaterialdesignGm3WizDialog-dialog--open.javascriptMaterialdesignGm3WizDialog-dialog__surface-scrim--shown .javascriptMaterialdesignGm3WizDialog-dialog__surface-scrim {
  opacity: 1
}

.javascriptMaterialdesignGm3WizDialog-dialog--open.javascriptMaterialdesignGm3WizDialog-dialog__surface-scrim--hiding .javascriptMaterialdesignGm3WizDialog-dialog__surface-scrim {
  transition: opacity 75ms linear
}

.javascriptMaterialdesignGm3WizDialog-dialog--open.javascriptMaterialdesignGm3WizDialog-dialog__surface-scrim--showing .javascriptMaterialdesignGm3WizDialog-dialog__surface-scrim {
  transition: opacity .15s linear
}

.javascriptMaterialdesignGm3WizDialog-dialog__surface-scrim {
  background-color: rgba(0, 0, 0, .32);
  display: none;
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1
}

:is(.javascriptMaterialdesignGm3WizDialog-dialog__surface-scrim--shown, .javascriptMaterialdesignGm3WizDialog-dialog__surface-scrim--showing, .javascriptMaterialdesignGm3WizDialog-dialog__surface-scrim--hiding) .javascriptMaterialdesignGm3WizDialog-dialog__surface-scrim {
  display: block
}

.javascriptMaterialdesignGm3WizDialog-dialog--fullscreen .javascriptMaterialdesignGm3WizDialog-dialog__title:before {
  display: inline-block;
  width: 0;
  height: 0;
  content: "";
  vertical-align: 0
}

.javascriptMaterialdesignGm3WizDialog-dialog--fullscreen.javascriptMaterialdesignGm3WizDialog-dialog--scrollable .javascriptMaterialdesignGm3WizDialog-dialog__title {
  margin-bottom: 0
}

.javascriptMaterialdesignGm3WizDialog-dialog--fullscreen.javascriptMaterialdesignGm3WizDialog-dialog-scroll-divider-header .javascriptMaterialdesignGm3WizDialog-dialog__header {
  background-color: var(--gm3-dialog-modal-header-on-scroll-container-color, var(--gm3-sys-color-surface-container-highest, #dde3ea));
  border-bottom: var(--gm3-dialog-with-divider-divider-height, 1px) solid transparent
}

.javascriptMaterialdesignGm3WizDialog-dialog--fullscreen:not(.javascriptMaterialdesignGm3WizDialog-dialog__scrim--removed) .javascriptMaterialdesignGm3WizDialog-dialog__surface {
  overflow: hidden
}

@media (max-width:960px) {
  .javascriptMaterialdesignGm3WizDialog-dialog--fullscreen .javascriptMaterialdesignGm3WizDialog-dialog__surface {
    max-height: var(--gm3-dialog-container-max-height, min(560px, 100% - 32px));
    width: var(--gm3-dialog-container-width, 560px);
    height: var(--gm3-dialog-container-height, unset);
    max-width: var(--gm3-dialog-container-max-width, unset)
  }

  .javascriptMaterialdesignGm3WizDialog-dialog--fullscreen .javascriptMaterialdesignGm3WizDialog-dialog__surface .javascriptMaterialdesignGm3WizDialog-dialog__close {
    right: -12px
  }
}

@media (max-width:720px) {
  .javascriptMaterialdesignGm3WizDialog-dialog--fullscreen .javascriptMaterialdesignGm3WizDialog-dialog__surface {
    height: var(--gm3-dialog-container-height, unset);
    width: var(--gm3-dialog-container-width, unset)
  }
}

@media (max-width:720px) and (max-width:672px) {
  .javascriptMaterialdesignGm3WizDialog-dialog--fullscreen .javascriptMaterialdesignGm3WizDialog-dialog__surface {
    width: var(--gm3-dialog-container-width, calc(100vw - 112px))
  }
}

@media (max-width:720px) and (min-width:672px) {
  .javascriptMaterialdesignGm3WizDialog-dialog--fullscreen .javascriptMaterialdesignGm3WizDialog-dialog__surface {
    width: var(--gm3-dialog-container-width, 560px)
  }
}

@media (max-width:720px) and (max-height:720px) {
  .javascriptMaterialdesignGm3WizDialog-dialog--fullscreen .javascriptMaterialdesignGm3WizDialog-dialog__surface {
    max-height: var(--gm3-dialog-container-max-height, calc(100vh - 160px))
  }
}

@media (max-width:720px) and (min-height:720px) {
  .javascriptMaterialdesignGm3WizDialog-dialog--fullscreen .javascriptMaterialdesignGm3WizDialog-dialog__surface {
    max-height: var(--gm3-dialog-container-max-height, 560px)
  }
}

@media (max-width:720px) {
  .javascriptMaterialdesignGm3WizDialog-dialog--fullscreen .javascriptMaterialdesignGm3WizDialog-dialog__close {
    right: -12px
  }
}

@media (min-width:960px) {
  .javascriptMaterialdesignGm3WizDialog-dialog--fullscreen .javascriptMaterialdesignGm3WizDialog-dialog__surface {
    width: var(--gm3-dialog-container-width, calc(100vw - 400px));
    height: var(--gm3-dialog-container-height, unset);
    max-height: var(--gm3-dialog-container-max-height, calc(100% - 32px));
    max-width: var(--gm3-dialog-container-max-width, unset)
  }

  .javascriptMaterialdesignGm3WizDialog-dialog--fullscreen .javascriptMaterialdesignGm3WizDialog-dialog__close {
    right: -12px
  }
}

@media (max-height:400px),
(max-width:600px) {
  .javascriptMaterialdesignGm3WizDialog-dialog--fullscreen .javascriptMaterialdesignGm3WizDialog-dialog__surface {
    height: var(--gm3-dialog-container-height, 100%);
    max-height: var(--gm3-dialog-container-max-height, 100vh);
    max-width: var(--gm3-dialog-container-max-width, 100vw);
    width: var(--gm3-dialog-container-width, 100vw);
    border-radius: var(--gm3-dialog-container-shape, 0);
    background-color: var(--gm3-dialog-container-color, var(--gm3-sys-color-surface, #fff));
    --gm3-elevation-level: var(--gm3-dialog-container-elevation, 0)
  }

  .javascriptMaterialdesignGm3WizDialog-dialog--fullscreen .javascriptMaterialdesignGm3WizDialog-dialog__close--tooltip-wrapper {
    order: -1
  }

  .javascriptMaterialdesignGm3WizDialog-dialog--fullscreen .javascriptMaterialdesignGm3WizDialog-dialog__close {
    order: -1;
    left: 0;
    margin: 0 4px 0 8px;
    right: 0;
    top: 0
  }

  .javascriptMaterialdesignGm3WizDialog-dialog--fullscreen .javascriptMaterialdesignGm3WizDialog-dialog__header {
    align-items: flex-start;
    justify-content: flex-start;
    flex: none;
    padding: 8px 0 0;
    min-height: calc(var(--gm3-dialog-header-container-height, 56px) - 8px);
    background-color: var(--gm3-dialog-header-container-color, var(--gm3-sys-color-surface, #fff))
  }

  .javascriptMaterialdesignGm3WizDialog-dialog--fullscreen.javascriptMaterialdesignGm3WizDialog-dialog-scroll-divider-header .javascriptMaterialdesignGm3WizDialog-dialog__header {
    background-color: var(--gm3-dialog-header-on-scroll-container-color, var(--gm3-sys-color-surface-container, #f0f4f9))
  }

  .javascriptMaterialdesignGm3WizDialog-dialog--fullscreen .javascriptMaterialdesignGm3WizDialog-dialog__title {
    display: flex;
    height: -moz-fit-content;
    height: fit-content;
    margin-left: 0;
    padding: 6px 0 0
  }

  .javascriptMaterialdesignGm3WizDialog-dialog--fullscreen .javascriptMaterialdesignGm3WizDialog-dialog__surface .javascriptMaterialdesignGm3WizDialog-dialog__content {
    padding-block-start: var(--gm3-dialog-container-content-padding-block-start, var(--gm3-dialog-container-content-surface-padding-block-start, 12px));
    padding-inline-end: var(--gm3-dialog-container-content-padding-inline-end, 24px);
    padding-block-end: var(--gm3-dialog-container-content-padding-block-end, 0);
    padding-inline-start: var(--gm3-dialog-container-content-padding-inline-start, 24px)
  }

  .javascriptMaterialdesignGm3WizDialog-dialog--fullscreen .javascriptMaterialdesignGm3WizDialog-dialog__header--titleless .javascriptMaterialdesignGm3WizDialog-dialog__close--tooltip-wrapper {
    top: 0;
    align-self: center
  }
}

.appsDocsAiDocgenUiWizDocgenFeedbackToastButtonsContainer {
  align-items: center;
  display: flex;
  flex-direction: row;
  --gm3-button-text-container-height: 36px;
  --gm3-button-text-label-text-color: var(--gm3-sys-color-inverse-primary, #a8c7fa);
  --gm3-button-text-hover-label-text-color: var(--gm3-sys-color-inverse-primary, #a8c7fa);
  --gm3-button-text-focus-label-text-color: var(--gm3-sys-color-inverse-primary, #a8c7fa);
  --gm3-button-text-hover-state-layer-color: var(--gm3-sys-color-inverse-on-surface, #f2f2f2);
  --gm3-button-text-hover-state-layer-opacity: 0.08;
  --gm3-icon-button-standard-unselected-hover-state-layer-color: var(--gm3-sys-color-inverse-on-surface, #f2f2f2);
  --gm3-icon-button-standard-unselected-hover-state-layer-opacity: 0.08
}

.docsSidekickSideSheetRoot {
  --gm3-card-outlined-focus-outline-color: var(--gm3-sys-color-outline-variant, #c4c7c5);
  position: absolute;
  margin: 6px 16px 16px
}

@media (-ms-high-contrast:active) and (prefers-color-scheme:dark),
screen and (forced-colors:active) and (prefers-color-scheme:dark) {
  .docsSidekickSideSheetRoot {
    --gm3-sys-color-background: #131314;
    --gm3-sys-color-background-rgb: 19, 19, 20;
    --gm3-sys-color-error: #f2b8b5;
    --gm3-sys-color-error-rgb: 242, 184, 181;
    --gm3-sys-color-error-container: #8c1d18;
    --gm3-sys-color-error-container-rgb: 140, 29, 24;
    --gm3-sys-color-inverse-on-surface: #303030;
    --gm3-sys-color-inverse-on-surface-rgb: 48, 48, 48;
    --gm3-sys-color-inverse-primary: #0b57d0;
    --gm3-sys-color-inverse-primary-rgb: 11, 87, 208;
    --gm3-sys-color-inverse-surface: #e3e3e3;
    --gm3-sys-color-inverse-surface-rgb: 227, 227, 227;
    --gm3-sys-color-on-background: #e3e3e3;
    --gm3-sys-color-on-background-rgb: 227, 227, 227;
    --gm3-sys-color-on-error: #601410;
    --gm3-sys-color-on-error-rgb: 96, 20, 16;
    --gm3-sys-color-on-error-container: #f9dedc;
    --gm3-sys-color-on-error-container-rgb: 249, 222, 220;
    --gm3-sys-color-on-primary: #062e6f;
    --gm3-sys-color-on-primary-rgb: 6, 46, 111;
    --gm3-sys-color-on-primary-container: #d3e3fd;
    --gm3-sys-color-on-primary-container-rgb: 211, 227, 253;
    --gm3-sys-color-on-primary-fixed: #041e49;
    --gm3-sys-color-on-primary-fixed-rgb: 4, 30, 73;
    --gm3-sys-color-on-primary-fixed-variant: #0842a0;
    --gm3-sys-color-on-primary-fixed-variant-rgb: 8, 66, 160;
    --gm3-sys-color-on-secondary: #035;
    --gm3-sys-color-on-secondary-rgb: 0, 51, 85;
    --gm3-sys-color-on-secondary-container: #c2e7ff;
    --gm3-sys-color-on-secondary-container-rgb: 194, 231, 255;
    --gm3-sys-color-on-secondary-fixed: #001d35;
    --gm3-sys-color-on-secondary-fixed-rgb: 0, 29, 53;
    --gm3-sys-color-on-secondary-fixed-variant: #004a77;
    --gm3-sys-color-on-secondary-fixed-variant-rgb: 0, 74, 119;
    --gm3-sys-color-on-surface: #e3e3e3;
    --gm3-sys-color-on-surface-rgb: 227, 227, 227;
    --gm3-sys-color-on-surface-variant: #c4c7c5;
    --gm3-sys-color-on-surface-variant-rgb: 196, 199, 197;
    --gm3-sys-color-on-tertiary: #0a3818;
    --gm3-sys-color-on-tertiary-rgb: 10, 56, 24;
    --gm3-sys-color-on-tertiary-container: #c4eed0;
    --gm3-sys-color-on-tertiary-container-rgb: 196, 238, 208;
    --gm3-sys-color-on-tertiary-fixed: #072711;
    --gm3-sys-color-on-tertiary-fixed-rgb: 7, 39, 17;
    --gm3-sys-color-on-tertiary-fixed-variant: #0f5223;
    --gm3-sys-color-on-tertiary-fixed-variant-rgb: 15, 82, 35;
    --gm3-sys-color-outline: #8e918f;
    --gm3-sys-color-outline-rgb: 142, 145, 143;
    --gm3-sys-color-outline-variant: #444746;
    --gm3-sys-color-outline-variant-rgb: 68, 71, 70;
    --gm3-sys-color-primary: #a8c7fa;
    --gm3-sys-color-primary-rgb: 168, 199, 250;
    --gm3-sys-color-primary-container: #0842a0;
    --gm3-sys-color-primary-container-rgb: 8, 66, 160;
    --gm3-sys-color-primary-fixed: #d3e3fd;
    --gm3-sys-color-primary-fixed-rgb: 211, 227, 253;
    --gm3-sys-color-primary-fixed-dim: #a8c7fa;
    --gm3-sys-color-primary-fixed-dim-rgb: 168, 199, 250;
    --gm3-sys-color-scrim: #000;
    --gm3-sys-color-scrim-rgb: 0, 0, 0;
    --gm3-sys-color-secondary: #7fcfff;
    --gm3-sys-color-secondary-rgb: 127, 207, 255;
    --gm3-sys-color-secondary-container: #004a77;
    --gm3-sys-color-secondary-container-rgb: 0, 74, 119;
    --gm3-sys-color-secondary-fixed: #c2e7ff;
    --gm3-sys-color-secondary-fixed-rgb: 194, 231, 255;
    --gm3-sys-color-secondary-fixed-dim: #7fcfff;
    --gm3-sys-color-secondary-fixed-dim-rgb: 127, 207, 255;
    --gm3-sys-color-shadow: #000;
    --gm3-sys-color-shadow-rgb: 0, 0, 0;
    --gm3-sys-color-surface: #131314;
    --gm3-sys-color-surface-rgb: 19, 19, 20;
    --gm3-sys-color-surface-bright: #37393b;
    --gm3-sys-color-surface-bright-rgb: 55, 57, 59;
    --gm3-sys-color-surface-container: #1e1f20;
    --gm3-sys-color-surface-container-rgb: 30, 31, 32;
    --gm3-sys-color-surface-container-high: #282a2c;
    --gm3-sys-color-surface-container-high-rgb: 40, 42, 44;
    --gm3-sys-color-surface-container-highest: #333537;
    --gm3-sys-color-surface-container-highest-rgb: 51, 53, 55;
    --gm3-sys-color-surface-container-low: #1b1b1b;
    --gm3-sys-color-surface-container-low-rgb: 27, 27, 27;
    --gm3-sys-color-surface-container-lowest: #0e0e0e;
    --gm3-sys-color-surface-container-lowest-rgb: 14, 14, 14;
    --gm3-sys-color-surface-dim: #131314;
    --gm3-sys-color-surface-dim-rgb: 19, 19, 20;
    --gm3-sys-color-surface-tint: #d1e1ff;
    --gm3-sys-color-surface-tint-rgb: 209, 225, 255;
    --gm3-sys-color-surface-variant: #444746;
    --gm3-sys-color-surface-variant-rgb: 68, 71, 70;
    --gm3-sys-color-tertiary: #6dd58c;
    --gm3-sys-color-tertiary-rgb: 109, 213, 140;
    --gm3-sys-color-tertiary-container: #0f5223;
    --gm3-sys-color-tertiary-container-rgb: 15, 82, 35;
    --gm3-sys-color-tertiary-fixed: #c4eed0;
    --gm3-sys-color-tertiary-fixed-rgb: 196, 238, 208;
    --gm3-sys-color-tertiary-fixed-dim: #6dd58c;
    --gm3-sys-color-tertiary-fixed-dim-rgb: 109, 213, 140
  }
}

.docsSidekickSideSheetWizRoot {
  height: 100%;
  margin: 0
}

.appsElementsGenerativeAiCitationsRoot {
  display: inline;
  vertical-align: text-top;
  max-inline-size: -webkit-fill-available;
  max-inline-size: stretch
}

.appsElementsGenerativeAiCitationsRoot:not(:first-child) {
  margin-inline-start: 4px
}

.appsElementsGenerativeAiCitationsRoot:not(:last-child) {
  margin-inline-end: 4px
}

.appsElementsGenerativeAiCitationsSkittleContainer {
  display: inline-block
}

.appsElementsGenerativeAiCitationsSkittle {
  --gm3-icon-button-filled-tonal-container-width: 24px;
  --gm3-icon-button-filled-tonal-container-height: 16px;
  --gm3-icon-button-filled-tonal-icon-size: 16px;
  --gm3-icon-button-filled-tonal-selected-container-color: var(--gm3-sys-color-surface-container-highest, #dde3ea);
  --gm3-icon-button-filled-tonal-toggle-selected-icon-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-icon-button-filled-tonal-toggle-unselected-icon-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-icon-button-filled-tonal-touch-target-size: 24px;
  --gm3-icon-button-filled-tonal-unselected-container-color: var(--gm3-sys-color-surface-container, #f0f4f9);
  --gm3-icon-button-filled-tonal-container-shape-start-start: 28px;
  --gm3-icon-button-filled-tonal-container-shape-start-end: 28px;
  --gm3-icon-button-filled-tonal-container-shape-end-end: 28px;
  --gm3-icon-button-filled-tonal-container-shape-end-start: 28px;
  --gm3-icon-button-filled-tonal-pressed-container-shape-start-start: 28px;
  --gm3-icon-button-filled-tonal-pressed-container-shape-start-end: 28px;
  --gm3-icon-button-filled-tonal-pressed-container-shape-end-end: 28px;
  --gm3-icon-button-filled-tonal-pressed-container-shape-end-start: 28px;
  --gm3-icon-button-filled-tonal-selected-container-shape-start-start: 28px;
  --gm3-icon-button-filled-tonal-selected-container-shape-start-end: 28px;
  --gm3-icon-button-filled-tonal-selected-container-shape-end-end: 28px;
  --gm3-icon-button-filled-tonal-selected-container-shape-end-start: 28px
}

.appsElementsGenerativeAiCitationsSkittle:before {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none
}

@media screen and (forced-colors:active) {
  .appsElementsGenerativeAiCitationsSkittle:before {
    border-color: CanvasText
  }
}

.appsElementsGenerativeAiCitationsIcon {
  display: block
}

.appsElementsGenerativeAiCitationsChipContainer {
  display: flex;
  align-items: center
}

.appsElementsGenerativeAiCitationsChipSet {
  --gm3-chip-set-vertical-space-between-chips: 8px;
  padding-block: 4px 8px
}

.appsElementsGenerativeAiCitationsChip {
  --gm3-chip-shared-label-text-size: 0.75rem;
  --gm3-chip-assist-flat-label-text-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-chip-assist-flat-outline-width: 0;
  --gm3-chip-assist-flat-with-icon-icon-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-chip-assist-flat-with-icon-pressed-icon-color: var(--gm3-sys-color-on-surface-variant, #444746);
  background-color: var(--gm3-sys-color-surface-container, #f0f4f9);
  max-inline-size: -webkit-fill-available;
  max-inline-size: stretch;
  min-inline-size: 0
}

@media (-ms-high-contrast:active),
screen and (forced-colors:active) {
  .appsElementsGenerativeAiCitationsChip {
    --gm3-chip-assist-flat-outline-width: 1px
  }
}

.appsElementsGenerativeAiCitationsChip a:hover {
  text-decoration: none
}

.appsElementsGenerativeAiCitationsChip :is(a:any-link, a:visited, a:hover, a:active) {
  color: currentColor
}

.appsElementsGenerativeAiCitationsChipCounter {
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 500;
  letter-spacing: .00625rem;
  line-height: 1rem;
  flex-shrink: 0;
  inline-size: 20px;
  text-align: center
}

.appsElementsGenerativeAiCitationsAttributionMarker {
  font-family: Roboto, Arial, sans-serif;
  font-size: .6875rem;
  font-weight: 500;
  letter-spacing: .00625rem;
  line-height: 1rem;
  inline-size: 10px;
  block-size: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: text-top;
  border-radius: 100%;
  background-color: var(--gm3-sys-color-surface-container-highest, #dde3ea);
  position: relative;
  font-size: 8px;
  text-align: center;
  color: var(--gm3-sys-color-on-surface-variant, #444746);
  margin-inline-start: 2px
}

.appsElementsGenerativeAiCitationsAttributionMarker:before {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none
}

@media screen and (forced-colors:active) {
  .appsElementsGenerativeAiCitationsAttributionMarker:before {
    border-color: CanvasText
  }
}

.appsElementsGenerativeAiCitationsAnchorAttributionMarker {
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 500;
  letter-spacing: .00625rem;
  line-height: 1rem;
  cursor: pointer;
  inline-size: 16px;
  block-size: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: text-top;
  border-radius: 100%;
  background-color: var(--gm3-sys-color-surface-container, #f0f4f9);
  position: relative;
  font-size: 9px;
  text-align: center;
  color: var(--gm3-sys-color-on-surface-variant, #444746)
}

.appsElementsGenerativeAiCitationsAnchorAttributionMarker:before {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none
}

@media screen and (forced-colors:active) {
  .appsElementsGenerativeAiCitationsAnchorAttributionMarker:before {
    border-color: CanvasText
  }
}

.appsElementsGenerativeAiCitationsAnchorAttributionMarker:focus-visible .appsElementsGenerativeAiCitationsFocusRing {
  --gm3-focus-ring-outward-display: "block"
}

.appsElementsGenerativeAiCitationsAnchorAttributionMarker:focus-visible {
  outline: none
}

.appsElementsGenerativeAiCitationsFocusRing {
  --gm3-focus-ring-outward-target-shape-start-start: 9999px;
  --gm3-focus-ring-outward-target-shape-start-end: 9999px;
  --gm3-focus-ring-outward-target-shape-end-end: 9999px;
  --gm3-focus-ring-outward-target-shape-end-start: 9999px
}

.appsElementsGenerativeAiCitationsAnchorAttributionMarkerHighlight {
  background-color: var(--gm3-sys-color-surface-container-highest, #dde3ea)
}

.appsElementsGenerativeAiCitationsLinkPreview {
  --ae-link-preview-inline-size: 272px;
  margin-inline-start: 8px;
  max-inline-size: -webkit-fill-available;
  max-inline-size: stretch
}

.appsElementsGenerativeAiCitationsLinkPreviewAnchorWrapper {
  inline-size: -webkit-fill-available;
  inline-size: stretch
}

.appsElementsGenerativeAiCitationsLinkPreviewWithSnippetAnchorWrapper {
  display: inline;
  align-items: center;
  border-radius: 100%;
  margin-inline-start: 4px
}

.appsElementsGenerativeaiAstInlineSource {
  quotes: none;
  -webkit-text-decoration: underline dotted var(--gm3-sys-color-primary, #0b57d0) 2px;
  text-decoration: underline dotted var(--gm3-sys-color-primary, #0b57d0) 2px;
  text-underline-offset: 2px
}

.appsElementsGenerativeaiAstInlineSource:hover {
  background-color: var(--gm3-sys-color-primary-container, #d3e3fd);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone
}

@media (-ms-high-contrast:active),
screen and (forced-colors:active) {
  .appsElementsGenerativeaiAstInlineSource:hover {
    color: HighlightText;
    -webkit-text-decoration-color: HighlightText;
    text-decoration-color: HighlightText;
    background-color: Highlight
  }
}

.appsElementsGenerativeaiAstInlineSourceLink:is(:any-link, :visited, :hover, :active) {
  text-decoration: none;
  color: inherit
}

.appsElementsGenerativeaiAstChecklist.appsElementsGenerativeaiAstChecklist {
  list-style: none;
  padding-inline-start: 0
}

.appsElementsGenerativeaiAstCheckbox {
  --gm3-checkbox-container-size: 14px;
  --gm3-checkbox-state-layer-size: 24px;
  --gm3-checkbox-touch-target-size: 0px
}

.appsElementsGenerativeaiAstTableContainer {
  display: block;
  overflow-x: auto;
  background-color: inherit
}

.appsElementsGenerativeaiAstTableContainer .appsElementsGenerativeaiAstTable {
  background-color: inherit
}

.appsElementsGenerativeaiAstInlineCode {
  display: inline-block;
  background-color: var(--gm3-sys-color-surface-container-highest, #dde3ea);
  border-radius: 4px;
  color: var(--gm3-sys-color-on-surface-variant, #444746);
  padding: 1px 4px;
  position: relative
}

.appsElementsGenerativeaiAstInlineCode:before {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none
}

@media screen and (forced-colors:active) {
  .appsElementsGenerativeaiAstInlineCode:before {
    border-color: CanvasText
  }
}

.appsElementsGenerativeaiAstChartContainer {
  display: flex;
  justify-content: center
}

.appsElementsGenerativeaiAstChartContentHidden {
  display: none
}

.appsElementsGenerativeaiAstChartTitleContainer {
  inline-size: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  margin-block-end: 8px
}

.appsElementsGenerativeaiAstChartTitle {
  display: flex;
  align-items: center
}

.appsElementsGenerativeaiAstChartToggleButton {
  --gm3-switch-track-width: 33px;
  --gm3-switch-track-height: 20px;
  --gm3-switch-state-layer-size: 25px;
  --gm3-switch-pressed-handle-height: 16px;
  --gm3-switch-pressed-handle-width: 16px;
  --gm3-switch-selected-handle-height: 14px;
  --gm3-switch-selected-handle-width: 14px;
  --gm3-switch-selected-icon-size: 10px;
  --gm3-switch-unselected-handle-height: 10px;
  --gm3-switch-unselected-handle-width: 10px;
  --gm3-switch-unselected-icon-size: 10px;
  --gm3-switch-with-icon-handle-height: 14px;
  --gm3-switch-with-icon-handle-width: 14px;
  --gm3-switch-touch-target-height: 20px;
  --gm3-switch-touch-target-width: 33px
}

.appsElementsGenerativeaiAstChartInfoIconButton {
  --gm3-icon-button-standard-container-width: 24px;
  --gm3-icon-button-standard-container-height: 24px;
  --gm3-icon-button-standard-icon-size: 18px;
  --gm3-icon-button-standard-touch-target-size: 24px;
  display: flex
}

.appsElementsGenerativeaiAstChartImageContainer {
  overflow: hidden;
  position: relative;
  display: flex;
  justify-content: center
}

.appsElementsGenerativeaiAstChartImageContainer:before {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none
}

@media screen and (forced-colors:active) {
  .appsElementsGenerativeaiAstChartImageContainer:before {
    border-color: CanvasText
  }
}

.appsElementsGenerativeaiAstChartImageContainer:focus-within .appsElementsGenerativeaiAstChartImageTooltipContainer,
.appsElementsGenerativeaiAstChartImageContainer:hover .appsElementsGenerativeaiAstChartImageTooltipContainer {
  display: block
}

.appsElementsGenerativeaiAstChartImageTooltipContainer {
  display: none;
  position: absolute;
  top: 0;
  right: 0
}

.appsElementsGenerativeaiAstChartImageTooltip {
  --gm3-icon-button-filled-tonal-container-width: 28px;
  --gm3-icon-button-filled-tonal-container-height: 28px;
  --gm3-icon-button-filled-tonal-icon-size: 16px;
  --gm3-icon-button-filled-tonal-container-color: var(--gm3-sys-color-on-surface, #1f1f1f);
  --gm3-icon-button-filled-tonal-icon-color: var(--gm3-sys-color-inverse-on-surface, #f2f2f2);
  --gm3-icon-button-filled-tonal-hover-icon-color: var(--gm3-sys-color-inverse-on-surface, #f2f2f2);
  --gm3-icon-button-filled-tonal-focus-icon-color: var(--gm3-sys-color-inverse-on-surface, #f2f2f2);
  --gm3-icon-button-filled-tonal-pressed-icon-color: var(--gm3-sys-color-inverse-on-surface, #f2f2f2);
  --gm3-icon-button-filled-tonal-container-shape-start-start: 8px;
  --gm3-icon-button-filled-tonal-container-shape-start-end: 8px;
  --gm3-icon-button-filled-tonal-container-shape-end-end: 8px;
  --gm3-icon-button-filled-tonal-container-shape-end-start: 8px;
  --gm3-icon-button-filled-tonal-pressed-container-shape-start-start: 8px;
  --gm3-icon-button-filled-tonal-pressed-container-shape-start-end: 8px;
  --gm3-icon-button-filled-tonal-pressed-container-shape-end-end: 8px;
  --gm3-icon-button-filled-tonal-pressed-container-shape-end-start: 8px;
  --gm3-icon-button-filled-tonal-selected-container-shape-start-start: 8px;
  --gm3-icon-button-filled-tonal-selected-container-shape-start-end: 8px;
  --gm3-icon-button-filled-tonal-selected-container-shape-end-end: 8px;
  --gm3-icon-button-filled-tonal-selected-container-shape-end-start: 8px
}

.appsElementsGenerativeaiAstChartImageTooltip:before {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none
}

@media screen and (forced-colors:active) {
  .appsElementsGenerativeaiAstChartImageTooltip:before {
    border-color: CanvasText
  }
}

.appsElementsGenerativeaiAstCodeWrapper {
  display: inline
}

.appsElementsGenerativeaiAstCodeContent {
  display: flex;
  flex-direction: column;
  gap: 24px;
  background-color: var(--gm3-sys-color-surface-container, #f0f4f9);
  margin-block: 8px;
  overflow: auto hidden;
  border-radius: 8px;
  padding: 16px;
  position: relative
}

.appsElementsGenerativeaiAstCodeContent:before {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none
}

@media screen and (forced-colors:active) {
  .appsElementsGenerativeaiAstCodeContent:before {
    border-color: CanvasText
  }
}

.appsElementsGenerativeaiAstCodeContentHidden {
  display: none
}

.appsElementsGenerativeaiAst:not(.appsElementsGenerativeaiAstCodeWrapper) .appsElementsGenerativeaiAstCodeContent:first-child {
  margin-block-start: 0
}

.appsElementsGenerativeaiAst:not(.appsElementsGenerativeaiAstCodeWrapper) .appsElementsGenerativeaiAstCodeContent:last-child {
  margin-block-end: 0
}

.appsElementsGenerativeaiAstCodeBlockContainer {
  inline-size: max-content;
  display: flex;
  flex-direction: column;
  gap: 16px
}

.appsElementsGenerativeaiAstCodeBlockContainer .hljs-comment {
  color: #5f6368
}

.appsElementsGenerativeaiAstCodeBlockContainer .hljs-tag {
  color: var(--gm3-sys-color-surface-variant, #e1e3e1)
}

.appsElementsGenerativeaiAstCodeBlockContainer .hljs-operator,
.appsElementsGenerativeaiAstCodeBlockContainer .hljs-punctuation,
.appsElementsGenerativeaiAstCodeBlockContainer .hljs-subst {
  color: var(--gm3-sys-color-surface-container-high, #e9eef6)
}

.appsElementsGenerativeaiAstCodeBlockContainer .hljs-operator {
  opacity: .7
}

.appsElementsGenerativeaiAstCodeBlockContainer .hljs-bullet,
.appsElementsGenerativeaiAstCodeBlockContainer .hljs-deletion,
.appsElementsGenerativeaiAstCodeBlockContainer .hljs-name,
.appsElementsGenerativeaiAstCodeBlockContainer .hljs-selector-tag,
.appsElementsGenerativeaiAstCodeBlockContainer .hljs-template-variable,
.appsElementsGenerativeaiAstCodeBlockContainer .hljs-variable {
  color: #d93025
}

.appsElementsGenerativeaiAstCodeBlockContainer .hljs-attr,
.appsElementsGenerativeaiAstCodeBlockContainer .hljs-link,
.appsElementsGenerativeaiAstCodeBlockContainer .hljs-literal,
.appsElementsGenerativeaiAstCodeBlockContainer .hljs-number,
.appsElementsGenerativeaiAstCodeBlockContainer .hljs-symbol {
  color: #b55908
}

.appsElementsGenerativeaiAstCodeBlockContainer .hljs-class,
.appsElementsGenerativeaiAstCodeBlockContainer .hljs-title {
  color: #996900
}

.appsElementsGenerativeaiAstCodeBlockContainer .hljs-addition,
.appsElementsGenerativeaiAstCodeBlockContainer .hljs-code,
.appsElementsGenerativeaiAstCodeBlockContainer .hljs-string {
  color: #188038
}

.appsElementsGenerativeaiAstCodeBlockContainer .hljs-built_in,
.appsElementsGenerativeaiAstCodeBlockContainer .hljs-doctag,
.appsElementsGenerativeaiAstCodeBlockContainer .hljs-quote,
.appsElementsGenerativeaiAstCodeBlockContainer .hljs-regexp {
  color: #1967d2
}

.appsElementsGenerativeaiAstCodeBlockContainer .hljs-keyword,
.appsElementsGenerativeaiAstCodeBlockContainer .hljs-selector-attr,
.appsElementsGenerativeaiAstCodeBlockContainer .hljs-selector-class,
.appsElementsGenerativeaiAstCodeBlockContainer .hljs-selector-id,
.appsElementsGenerativeaiAstCodeBlockContainer .hljs-selector-pseudo,
.appsElementsGenerativeaiAstCodeBlockContainer .hljs-template-tag,
.appsElementsGenerativeaiAstCodeBlockContainer .hljs-type {
  color: #8430ce
}

.appsElementsGenerativeaiAstCodeBlockContainer .hljs-emphasis {
  font-style: italic
}

.appsElementsGenerativeaiAstCodeBlockContainer .hljs-meta,
.appsElementsGenerativeaiAstCodeBlockContainer .hljs-meta-keyword,
.appsElementsGenerativeaiAstCodeBlockContainer .hljs-meta-string {
  color: #1967d2
}

.appsElementsGenerativeaiAstCodeBlockContainer .hljs-meta-keyword,
.appsElementsGenerativeaiAstCodeBlockContainer .hljs-strong {
  font-weight: 500
}

.appsElementsGenerativeaiAstCodeBlockTitle {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.25rem;
  color: var(--gm3-sys-color-on-surface, #1f1f1f)
}

.appsElementsGenerativeaiAstCodeBlockButton {
  --gm3-icon-button-filled-tonal-container-width: 32px;
  --gm3-icon-button-filled-tonal-container-height: 18px;
  --gm3-icon-button-filled-tonal-icon-size: 18px;
  --gm3-icon-button-filled-tonal-selected-container-color: var(--gm3-sys-color-surface-container, #f0f4f9);
  --gm3-icon-button-filled-tonal-touch-target-size: 32px;
  --gm3-icon-button-filled-tonal-unselected-container-color: var(--gm3-sys-color-surface-container-high, #e9eef6);
  --gm3-icon-button-filled-tonal-container-shape-start-start: 12px;
  --gm3-icon-button-filled-tonal-container-shape-start-end: 12px;
  --gm3-icon-button-filled-tonal-container-shape-end-end: 12px;
  --gm3-icon-button-filled-tonal-container-shape-end-start: 12px;
  vertical-align: text-top
}

.appsElementsGenerativeaiAstCodeBlockButton:before {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none
}

@media screen and (forced-colors:active) {
  .appsElementsGenerativeaiAstCodeBlockButton:before {
    border-color: CanvasText
  }
}

.appsElementsGenerativeaiAstCodeWrapperCollapsible:not(:first-child) .appsElementsGenerativeaiAstCodeBlockButton {
  margin-inline-start: 8px
}

.appsElementsGenerativeaiAstCodeWrapperCollapsible:not(:last-child) .appsElementsGenerativeaiAstCodeBlockButton {
  margin-inline-end: 8px
}

:is(.appsElementsGenerativeaiAstList, .appsElementsGenerativeaiAstChecklist, .appsElementsGenerativeaiAstNewlineWrapper)+.appsElementsGenerativeaiAstCodeWrapperCollapsible .appsElementsGenerativeaiAstCodeBlockButton {
  margin-inline-start: 0
}

.appsElementsGenerativeaiAstImageContent {
  inline-size: 100%;
  max-inline-size: max-content;
  max-block-size: 45vh
}

@media (min-height:850px) {
  .appsElementsGenerativeaiAstImageContent {
    max-block-size: 50vh
  }
}

@media (min-height:1150px) {
  .appsElementsGenerativeaiAstImageContent {
    max-block-size: 55vh
  }
}

.appsElementsGenerativeaiAstMultiModalContentContainerInlineSizeFitContent {
  max-inline-size: -moz-fit-content;
  max-inline-size: fit-content
}

.appsElementsGenerativeaiAstMultiModalContentContainerChart {
  max-block-size: -moz-fit-content;
  max-block-size: fit-content
}

.appsElementsGenerativeaiAstMultiModalContentContainer {
  background-color: var(--gm3-sys-color-surface-container, #f0f4f9);
  border-radius: 8px;
  overflow: hidden;
  display: block;
  margin-block: 16px;
  position: relative
}

.appsElementsGenerativeaiAstMultiModalContentContainer:before {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none
}

@media screen and (forced-colors:active) {
  .appsElementsGenerativeaiAstMultiModalContentContainer:before {
    border-color: CanvasText
  }
}

.appsElementsGenerativeaiAstMultiModalContentContainer:first-child {
  margin-block-start: 0
}

.appsElementsGenerativeaiAstMultiModalContentContainer:last-child {
  margin-block-end: 0
}

.appsElementsGenerativeaiAstMultiModalContentContainer .appsElementsGenerativeaiAstMultiModalContent {
  white-space: nowrap;
  padding: 16px 16px 0
}

.appsElementsGenerativeaiAstMultiModalContentContainer .appsElementsGenerativeaiAstMultiModalContent .appsElementsGenerativeaiAstTableTransparent {
  background-color: transparent
}

.appsElementsGenerativeaiAstMultiModalCitationsDisclosure {
  display: block;
  margin-block-start: 2px
}

.appsElementsGenerativeaiAstMultiModalCitationsDisclosureChip {
  background-color: var(--gm3-sys-color-surface-container-highest, #dde3ea)
}

:is(.appsElementsGenerativeaiAstMultiModalContentContainer, .appsElementsGenerativeaiAstCitationsDisclosure:not(:has([hidden])))+.appsElementsGenerativeaiAstNewlineWrapper {
  display: none
}

.appsElementsGenerativeaiAstBeforeAnimate {
  display: none
}

.appsElementsGenerativeaiAstAnimated {
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: top left;
  mask-position: top left
}

.appsElementsGenerativeaiAstLinkPreview {
  --ae-link-preview-inline-size: 272px
}

.appsElementsGenerativeaiAstLinkPreviewAnchorWrapper {
  display: inline
}

.appsElementsGenerativeaiAstAnchorTextHighlight {
  background-color: var(--gm3-sys-color-surface-container-highest, #dde3ea)
}

@media (-ms-high-contrast:active),
screen and (forced-colors:active) {
  .appsElementsGenerativeaiAstAnchorTextHighlight {
    color: HighlightText;
    -webkit-text-decoration-color: HighlightText;
    text-decoration-color: HighlightText;
    background-color: Highlight
  }
}

.appsElementsGenerativeaiAstFileChip {
  line-height: 1.2em;
  vertical-align: text-bottom
}

.appsElementsDisclosureSummaryButtonIconCollapsed.appsElementsDisclosureSummaryButtonIconCollapsed,
.appsElementsDisclosureSummaryButtonIconExpanded.appsElementsDisclosureSummaryButtonIconExpanded {
  display: none
}

.appsElementsDisclosureSummaryButton[aria-expanded=false] .appsElementsDisclosureSummaryButtonIconCollapsed,
.appsElementsDisclosureSummaryButton[aria-expanded=true] .appsElementsDisclosureSummaryButtonIconExpanded {
  display: unset
}

.appsElementsDisclosureCustomSummaryContainer {
  display: contents
}

.appsElementsDisclosureDisabled {
  pointer-events: none;
  opacity: .38
}

.appsElementsLinkIconsOpticalAlignment {
  padding: 3px;
  box-sizing: border-box
}

.appsElementsLinkIconsBrandPurpleWrapper {
  display: contents;
  forced-color-adjust: none;
  color: #303f9f
}

.appsElementsLinkIconsBrandGreenWrapper {
  display: contents;
  forced-color-adjust: none;
  color: #34a853
}

.appsElementsLinkIconsBrandRedWrapper {
  display: contents;
  forced-color-adjust: none;
  color: #ea4335
}

.appsElementsLinkIconsBrandYellowWrapper {
  display: contents;
  forced-color-adjust: none;
  color: #fbbc04
}

.appsElementsLinkIconsBrandBlueWrapper {
  display: contents;
  forced-color-adjust: none;
  color: #4285f4
}

.appsElementsLinkIconsVidsPurpleWrapper {
  display: contents;
  forced-color-adjust: none;
  color: #a142f4
}

.appsElementsLinkIconsBrandRedFill {
  fill: #ea4335
}

.appsElementsLinkIconsBrandGreenFill {
  fill: #34a853
}

.appsElementsLinkIconsBrandYellowFill {
  fill: #fbbc04
}

.appsElementsLinkIconsBrandBlueFill {
  fill: #4285f4
}

.appsElementsLinkPreviewAnchorWrapperAnchorWrapper {
  position: relative;
  max-inline-size: -webkit-fill-available;
  max-inline-size: stretch
}

.appsElementsChipRoot {
  background-color: var(--ae-chip-container-color, var(--gm3-sys-color-surface-container, #f0f4f9));
  border-radius: 8px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding-inline: 8px;
  line-height: inherit;
  vertical-align: bottom;
  max-inline-size: var(--ae-chip-container-max-inline-size, -webkit-fill-available);
  -webkit-user-select: none;
  user-select: none;
  outline: none;
  position: relative
}

@media (-ms-high-contrast:active),
screen and (forced-colors:active) {
  .appsElementsChipRoot {
    border: 1px solid var(--gm3-sys-color-outline-variant, #c4c7c5)
  }
}

.appsElementsChipRoot:any-link,
.appsElementsChipRoot:hover {
  color: currentColor;
  text-decoration: none
}

.appsElementsChipRoot:hover {
  background-color: var(--ae-chip-hover-state-layer-color, var(--gm3-sys-color-surface-container-highest, #dde3ea))
}

.appsElementsChipRoot:focus-visible {
  --gm3-focus-ring-outward-display: block
}

.appsElementsChipFocusRing {
  --gm3-focus-ring-outward-target-shape-start-start: 8px;
  --gm3-focus-ring-outward-target-shape-start-end: 8px;
  --gm3-focus-ring-outward-target-shape-end-end: 8px;
  --gm3-focus-ring-outward-target-shape-end-start: 8px
}

.appsElementsChipImage {
  block-size: var(--ae-chip-icon-size, 16px);
  inline-size: var(--ae-chip-icon-size, 16px);
  text-align: center
}

.appsElementsChipDriveChipIcon {
  padding: 2px
}

.appsElementsChipLabelText {
  font-size: var(--ae-chip-label-text-size, calc(100% - 1px));
  font-weight: var(--ae-chip-label-text-weight, inherit);
  color: var(--ae-chip-label-text-color, inherit);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.appsElementsChipAvatar {
  border-radius: 50%
}

@keyframes ghostTip {
  0% {
    opacity: 1;
    content: attr(aria-label)
  }

  40% {
    opacity: 1;
    content: attr(aria-label)
  }

  45% {
    opacity: 0;
    content: attr(aria-label)
  }

  46% {
    opacity: 0;
    content: attr(data-ghost-tip)
  }

  51% {
    opacity: 1;
    content: attr(data-ghost-tip)
  }

  90% {
    opacity: 1;
    content: attr(data-ghost-tip)
  }

  95% {
    opacity: 0;
    content: attr(data-ghost-tip)
  }

  96% {
    opacity: 0;
    content: attr(aria-label)
  }

  to {
    opacity: 1;
    content: attr(aria-label)
  }
}

.appsElementsRichTextInputRoot {
  position: relative
}

.appsElementsRichTextInputContentEditableContainer {
  font-variant-ligatures: no-contextual;
  font-feature-settings: "liga" 0;
  inline-size: 100%;
  max-block-size: 100%;
  overflow: hidden auto
}

.appsElementsRichTextInputContentEditableContainer ol,
.appsElementsRichTextInputContentEditableContainer p,
.appsElementsRichTextInputContentEditableContainer pre,
.appsElementsRichTextInputContentEditableContainer ul {
  margin-block: unset
}

.appsElementsRichTextInputContentEditableContainer :is(ul, ol) {
  margin-block: 16px
}

.appsElementsRichTextInputContentEditableContainer :is(ul, ol):first-child {
  margin-block-start: 0
}

.appsElementsRichTextInputContentEditableContainer :is(ul, ol):last-child {
  margin-block-end: 0
}

.appsElementsRichTextInputContentEditableContainer :is(ul, ol) :is(ul, ol),
.appsElementsRichTextInputContentEditableContainer :is(ul, ol) :is(ul, ol):is(:first-child, :last-child) {
  margin-block: 8px
}

.appsElementsRichTextInputContentEditableContainer ul {
  list-style-type: disc;
  padding-inline-start: 16px
}

.appsElementsRichTextInputContentEditableContainer ol {
  padding-inline-start: 3ch
}

.appsElementsRichTextInputContentEditableContainer b {
  font-weight: 500
}

.appsElementsRichTextInputContentEditableContainer code,
.appsElementsRichTextInputContentEditableContainer pre {
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  letter-spacing: .00625rem;
  line-height: 1rem;
  font-family: Google Sans Mono, monospace;
  white-space: pre-wrap;
  margin: unset
}

.appsElementsRichTextInputContentEditableContainer table {
  background-color: var(--gm3-sys-color-surface, #fff);
  border-spacing: 0;
  border: 1px solid var(--gm3-sys-color-outline-variant, #c4c7c5);
  border-collapse: inherit;
  word-break: auto-phrase
}

.appsElementsRichTextInputContentEditableContainer table th {
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 500;
  letter-spacing: .00625rem;
  line-height: 1rem;
  padding: 8px
}

.appsElementsRichTextInputContentEditableContainer table td {
  font-family: Roboto, Arial, sans-serif;
  font-size: .6875rem;
  font-weight: 500;
  letter-spacing: .00625rem;
  line-height: 1rem;
  font-weight: 400;
  padding: 5px 8px
}

.appsElementsRichTextInputContentEditableContainer table td,
.appsElementsRichTextInputContentEditableContainer table th {
  text-align: start;
  border: 1px solid var(--gm3-sys-color-outline-variant, #c4c7c5)
}

.appsElementsRichTextInputContentEditableContainer table tr+tr td,
.appsElementsRichTextInputContentEditableContainer table tr+tr th,
.appsElementsRichTextInputContentEditableContainer table tr:first-child td,
.appsElementsRichTextInputContentEditableContainer table tr:first-child th {
  border-block-start: 0
}

.appsElementsRichTextInputContentEditableContainer table td+td,
.appsElementsRichTextInputContentEditableContainer table td+th,
.appsElementsRichTextInputContentEditableContainer table td:first-child,
.appsElementsRichTextInputContentEditableContainer table th+td,
.appsElementsRichTextInputContentEditableContainer table th+th,
.appsElementsRichTextInputContentEditableContainer table th:first-child {
  border-inline-start: 0
}

.appsElementsRichTextInputContentEditableContainer table td:last-child,
.appsElementsRichTextInputContentEditableContainer table th:last-child {
  border-inline-end: 0
}

.appsElementsRichTextInputContentEditableContainer table tr:last-child td {
  border-block-end: 0
}

.appsElementsRichTextInputContentEditableContainer mark:not([class]) {
  background-color: unset;
  color: unset
}

.appsElementsRichTextInputContentEditableContainer a:any-link:not([class]) {
  color: var(--gm3-sys-color-primary, #0b57d0);
  text-underline-offset: .25em;
  text-decoration: underline
}

.appsElementsRichTextInputContentEditableContainer a:active:not([class]),
.appsElementsRichTextInputContentEditableContainer a:hover:not([class]),
.appsElementsRichTextInputContentEditableContainer a:visited:not([class]) {
  color: var(--gm3-sys-color-primary, #0b57d0)
}

@media (-ms-high-contrast:active),
screen and (forced-colors:active) {
  .appsElementsRichTextInputContentEditableContainer {
    border: 1px solid var(--gm3-sys-color-outline, #747775)
  }
}

.appsElementsRichTextInputContentEditable {
  outline: 0;
  white-space: pre-wrap;
  text-align: start;
  unicode-bidi: plaintext
}

.appsElementsRichTextInputContentEditable:empty:before {
  content: attr(aria-label);
  content: attr(aria-label)/"";
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none
}

.appsElementsRichTextInputGhostTip:empty:before {
  animation: ghostTip 10s linear
}

.appsElementsRichTextInputFileListQuery:before {
  content: "@"
}

.appsElementsRichTextInputFileListQueryPlaceholder:after {
  color: var(--gm3-sys-color-outline, #747775);
  content: attr(placeholder);
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none
}

@media (-ms-high-contrast:active),
screen and (forced-colors:active) {
  .appsElementsRichTextInputFileListQueryPlaceholder:after {
    color: SelectedItemText
  }
}

.appsElementsRichTextInputList {
  max-block-size: 25vh
}

.appsElementsRichTextInputRoot:focus-within .appsElementsRichTextInputPlaceholder,
.appsElementsRichTextInputRoot:hover:focus-within .appsElementsRichTextInputPlaceholder {
  background-color: var(--gm3-sys-color-surface-container, #f0f4f9)
}

.appsElementsRichTextInputRoot:hover:focus-within .appsElementsRichTextInputPlaceholder:hover {
  background-color: var(--gm3-sys-color-primary-container, #d3e3fd)
}

.appsElementsRichTextInputDisabled {
  color: var(--gm3-sys-color-outline-variant, #c4c7c5);
  pointer-events: none
}

@media (-ms-high-contrast:active),
screen and (forced-colors:active) {
  .appsElementsRichTextInputDisabled {
    border-color: GrayText
  }
}

.appsElementsRichTextInputDisabled:before {
  color: var(--gm3-sys-color-outline-variant, #c4c7c5)
}

@media (-ms-high-contrast:active),
screen and (forced-colors:active) {
  .appsElementsRichTextInputDisabled:before {
    color: GrayText
  }
}

.appsElementsRichTextInputPlaceholder {
  color: var(--gm3-sys-color-primary, #0b57d0);
  background-color: var(--gm3-sys-color-primary-container, #d3e3fd);
  border-radius: 4px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  padding-inline: 2px;
  outline: none
}

.appsElementsRichTextInputGreyPlaceholderText {
  color: var(--gm3-sys-color-outline, #747775);
  padding-inline: 2px
}

@media (-ms-high-contrast:active),
screen and (forced-colors:active) {
  .appsElementsRichTextInputGreyPlaceholderText {
    color: SelectedItemText
  }
}

.appsElementsRichTextInputGreyPlaceholderBackground {
  background-color: var(--gm3-sys-color-surface-container-low, #f8fafd);
  border-radius: 4px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  padding-inline: 2px;
  outline: none
}

@media (-ms-high-contrast:active),
screen and (forced-colors:active) {
  .appsElementsRichTextInputGreyPlaceholderBackground {
    background-color: SelectedItem;
    color: SelectedItemText
  }
}

.appsElementsRichTextInputRevertPlaceholder {
  background-color: transparent;
  color: unset;
  outline: none
}

.appsElementsRichTextInputInputChip {
  line-height: 1.4em;
  vertical-align: bottom;
  margin-inline: .5px
}

.appsElementsRichTextInputFeedChip {
  line-height: 1.2em;
  vertical-align: text-bottom
}

.appsElementsRichTextInputLinkPreview {
  --ae-link-preview-inline-size: 272px
}

.appsElementsRichTextInputLinkPreviewAnchorWrapper {
  display: inline
}

.appsElementsRichTextInputSnackbar.appsElementsRichTextInputSnackbar {
  --gm3-snackbar-supporting-text-font: "Google Sans";
  --gm3-snackbar-z-index: 9999
}

.appsElementsSidekickResponseOptionsContainer {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 0 -10px;
  padding: 8px 0
}

.appsElementsSidekickResponseOptionsContainer:empty {
  display: none
}

.appsElementsSidekickResponseOptionsButtons {
  display: flex;
  white-space: nowrap;
  gap: 8px;
  align-items: center;
  flex-shrink: 0;
  min-inline-size: 0
}

.appsElementsSidekickResponseOptionsOptionsButton {
  --gm3-icon-button-standard-container-width: 24px;
  --gm3-icon-button-standard-container-height: 24px;
  --gm3-icon-button-standard-icon-size: 20px;
  --gm3-icon-button-standard-touch-target-size: 24px;
  --gm3-icon-button-standard-selected-icon-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-icon-button-standard-selected-focus-icon-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-icon-button-standard-selected-hover-icon-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-icon-button-standard-selected-pressed-icon-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-icon-button-standard-unselected-icon-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-icon-button-standard-unselected-focus-icon-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-icon-button-standard-unselected-hover-icon-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-icon-button-standard-unselected-pressed-icon-color: var(--gm3-sys-color-on-surface-variant, #444746);
  display: flex;
  padding-inline: 6px
}

.appsElementsSidekickResponseOptionsOptionsTextButton {
  --gm3-button-text-container-height: 24px;
  --gm3-button-text-hover-state-layer-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-button-text-label-text-size: 0.75rem;
  --gm3-button-text-label-text-tracking: 0.00625rem;
  --gm3-button-text-label-text-weight: 500;
  --gm3-button-text-with-icon-icon-size: 20px;
  --gm3-button-text-with-icon-icon-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-button-text-with-icon-focus-icon-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-button-text-with-icon-hover-icon-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-button-text-with-icon-pressed-icon-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-button-text-label-text-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-button-text-focus-label-text-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-button-text-hover-label-text-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-button-text-pressed-label-text-color: var(--gm3-sys-color-on-surface-variant, #444746);
  padding-inline: 4px;
  margin: 0
}

.appsElementsSidekickResponseOptionsOptionsTextButton:before {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none
}

@media screen and (forced-colors:active) {
  .appsElementsSidekickResponseOptionsOptionsTextButton:before {
    border-color: CanvasText
  }
}

.appsElementsSidekickResponseOptionsMenu {
  --gm3-menu-container-shape: 8px;
  --gm3-menu-list-item-container-height: 24px;
  --gm3-menu-list-item-label-text-color: var(--gm3-sys-color-on-surface, #1f1f1f);
  --gm3-menu-list-item-label-text-font: "Google Sans Flex", "Google Sans", Roboto, Arial, sans-serif;
  --gm3-menu-list-item-label-text-size: 0.75rem;
  --gm3-menu-list-item-label-text-tracking: 0.00625rem;
  --gm3-menu-list-item-label-text-weight: 500;
  --gm3-menu-list-item-with-leading-icon-leading-icon-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-menu-list-item-with-leading-icon-leading-icon-size: 20px;
  padding-block: 4px
}

.appsElementsSidekickResponseOptionsIcon.appsElementsSidekickResponseOptionsIcon.appsElementsSidekickResponseOptionsIcon {
  margin-inline-end: 5px
}

.appsElementsSidekickResponseOptionsFeedbackOptionContainer {
  display: flex;
  flex-wrap: nowrap;
  gap: 12px
}

.appsElementsSidekickResponseOptionsFeedbackSubmitted.appsElementsSidekickResponseOptionsFeedbackSubmitted {
  --gm3-icon-button-standard-selected-focus-icon-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-icon-button-standard-selected-hover-icon-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-icon-button-standard-selected-pressed-icon-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-icon-button-standard-unselected-focus-icon-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-icon-button-standard-unselected-hover-icon-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-icon-button-standard-unselected-pressed-icon-color: var(--gm3-sys-color-on-surface-variant, #444746)
}

.appsElementsSidekickResponseOptionsInlineFeedbackActive {
  background: var(--gm3-sys-color-primary-container, #d3e3fd)
}

@media (-ms-high-contrast:active),
screen and (forced-colors:active) {
  .appsElementsSidekickResponseOptionsInlineFeedbackActive {
    background: Highlight;
    --gm3-icon-button-standard-selected-focus-icon-color: HighlightText;
    --gm3-icon-button-standard-selected-hover-icon-color: HighlightText;
    --gm3-icon-button-standard-selected-icon-color: HighlightText;
    --gm3-icon-button-standard-selected-pressed-icon-color: HighlightText;
    --gm3-icon-button-standard-unselected-focus-icon-color: HighlightText;
    --gm3-icon-button-standard-unselected-hover-icon-color: HighlightText;
    --gm3-icon-button-standard-unselected-icon-color: HighlightText;
    --gm3-icon-button-standard-unselected-pressed-icon-color: HighlightText
  }
}

.appsElementsSidekickResponseOptionsSnackbar.appsElementsSidekickResponseOptionsSnackbar {
  --gm3-snackbar-supporting-text-font: "Google Sans";
  --gm3-snackbar-z-index: 9999
}

.appsDocsAiSidekickWizSidekicksidebarExpandedSize {
  --ae-side-sheet-container-width: calc(var(--ae-sidekick-collapsed-inline-size, 320px) + var(--ae-sidekick-inline-size-offset, 0)*1px);
  --ae-sidekick-inline-size-offset: calc(var(--ae-sidekick-expanded-inline-size, 574) - var(--ae-sidekick-collapsed-inline-size,
        318));
  min-inline-size: var(--ae-sidekick-collapsed-inline-size, 320px);
  max-inline-size: calc(var(--ae-sidekick-max-inline-size, calc(85vw - 217.6px)) + 2px)
}

.appsDocsAiSidekickWizSidekicksidebarCollapsedSize {
  inline-size: var(--ae-sidekick-collapsed-inline-size, 320px)
}

.DocsAnalyticsDialogDialog {
  --gm3-dialog-container-max-height: 650px;
  --gm3-dialog-container-max-width: 900px;
  --gm3-dialog-container-content-padding-inline-start: 0px;
  --gm3-dialog-container-content-padding-inline-end: 0px;
  --gm3-dialog-container-content-padding-block-end: 0px
}

.analyticDialogNavigationContent {
  display: flex;
  height: 610px
}

.analyticDialogNavigationMenu {
  border-radius: 28px;
  width: 256px;
  background-color: var(--gm3-sys-color-surface-container-low, #f8fafd);
  --gm3-navigation-drawer-coplanar-container-color: transparent
}

.analyticDialogNavigationTitle {
  font-family: Roboto, Arial, sans-serif;
  font-size: 1.375rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.75rem;
  display: flex;
  align-items: center;
  padding: 32px 0 24px 24px
}

.analyticDialogNavigationView {
  width: 623px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 64px
}

.analyticDialogNavigationLeadingIcon.docs-icon {
  height: 24px;
  margin: 0;
  width: 24px
}

.analyticDialogNavigationItem[aria-current=true] {
  border: solid transparent;
  --gm3-list-list-item-container-color: var(--gm3-sys-color-secondary-container, #c2e7ff);
  --gm3-list-list-item-hover-label-text-color: var(--gm3-sys-color-on-secondary-container, #001d35);
  --gm3-list-list-item-hover-leading-icon-icon-color: var(--gm3-sys-color-on-secondary-container, #001d35);
  --gm3-list-list-item-label-text-color: var(--gm3-sys-color-on-secondary-container, #001d35);
  --gm3-list-list-item-label-text-weight: 700;
  --gm3-list-list-item-leading-icon-color: var(--gm3-sys-color-on-secondary-container, #001d35)
}

.javascriptMaterialdesignGm3WizNavigationDrawer-navigation-drawer__list {
  --gm3-list-list-item-hover-state-layer-opacity: var(--gm3-navigation-drawer-content-hover-state-layer-opacity, 0.08);
  --gm3-list-list-item-leading-icon-size: var(--gm3-navigation-drawer-content-icon-size, 24px);
  --gm3-list-list-item-hover-leading-icon-icon-color: var(--gm3-navigation-drawer-content-inactive-hover-icon-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  --gm3-list-list-item-hover-label-text-color: var(--gm3-navigation-drawer-content-inactive-hover-label-text-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  --gm3-list-list-item-hover-state-layer-color: var(--gm3-navigation-drawer-content-inactive-hover-state-layer-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  --gm3-list-list-item-leading-icon-color: var(--gm3-navigation-drawer-content-inactive-icon-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-list-list-item-label-text-color: var(--gm3-navigation-drawer-content-inactive-label-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-list-list-item-label-text-font: var(--gm3-navigation-drawer-content-label-text-font, "Google Sans", Roboto, Arial, sans-serif);
  --gm3-list-list-item-label-text-font-variation-settings: var(--gm3-navigation-drawer-content-label-text-font-variation-settings, initial);
  --gm3-list-list-item-label-text-line-height: var(--gm3-navigation-drawer-content-label-text-line-height, 1.25rem);
  --gm3-list-list-item-label-text-size: var(--gm3-navigation-drawer-content-label-text-size, 0.875rem);
  --gm3-list-list-item-label-text-tracking: var(--gm3-navigation-drawer-content-label-text-tracking, 0rem);
  --gm3-list-list-item-label-text-weight: var(--gm3-navigation-drawer-content-label-text-weight, 500);
  --gm3-list-list-item-trailing-supporting-text-color: var(--gm3-navigation-drawer-content-large-badge-label-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-list-list-item-trailing-supporting-text-font: var(--gm3-navigation-drawer-content-large-badge-label-font, "Google Sans", Roboto, Arial, sans-serif);
  --gm3-list-list-item-trailing-supporting-text-font-variation-settings: var(--gm3-navigation-drawer-content-large-badge-label-font-variation-settings, initial);
  --gm3-list-list-item-trailing-supporting-text-line-height: var(--gm3-navigation-drawer-content-large-badge-label-line-height, 1.25rem);
  --gm3-list-list-item-trailing-supporting-text-size: var(--gm3-navigation-drawer-content-large-badge-label-size, 0.875rem);
  --gm3-list-list-item-trailing-supporting-text-tracking: var(--gm3-navigation-drawer-content-large-badge-label-tracking, 0rem);
  --gm3-list-list-item-trailing-supporting-text-weight: var(--gm3-navigation-drawer-content-large-badge-label-weight, 500);
  --gm3-list-list-item-selected-container-color: var(--gm3-navigation-drawer-content-active-indicator-color, var(--gm3-sys-color-secondary-container, #c2e7ff));
  --gm3-list-list-item-container-shape: var(--gm3-navigation-drawer-content-active-indicator-shape, 9999px);
  --gm3-list-list-item-selected-label-text-color: var(--gm3-navigation-drawer-content-active-label-text-color, var(--gm3-sys-color-on-secondary-container, #001d35));
  --gm3-list-list-item-selected-label-text-weight: var(--gm3-navigation-drawer-content-active-label-text-weight, 700);
  --gm3-list-list-item-selected-leading-icon-color: var(--gm3-navigation-drawer-content-active-icon-color, var(--gm3-sys-color-on-secondary-container, #001d35));
  --gm3-list-list-item-selected-trailing-supporting-text-weight: var(--gm3-navigation-drawer-content-active-label-text-weight, 700);
  --gm3-list-list-item-focus-label-text-color: var(--gm3-navigation-drawer-content-inactive-label-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-list-list-item-container-color: transparent;
  --gm3-list-list-item-leading-space: 16px;
  --gm3-list-list-item-trailing-space: 24px;
  --gm3-list-list-item-content-gap: 4px;
  --gm3-list-list-item-content-padding: 8px;
  --gm3-list-divider-color: var(--gm3-navigation-drawer-content-divider-color, var(--gm3-sys-color-outline-variant, #c4c7c5));
  --gm3-list-divider-height: var(--gm3-navigation-drawer-content-divider-height, 1px);
  --gm3-focus-ring-inward-color: var(--gm3-navigation-drawer-content-focus-indicator-color, var(--gm3-sys-color-secondary, #00639b));
  --gm3-focus-ring-inward-offset: var(--gm3-navigation-drawer-content-focus-indicator-outline-offset, 0px);
  --gm3-focus-ring-inward-track-width: var(--gm3-navigation-drawer-content-focus-indicator-thickness, 3px);
  --gm3-focus-ring-inward-target-shape-start-start: var(--gm3-navigation-drawer-content-active-indicator-shape, 9999px);
  --gm3-focus-ring-inward-target-shape-start-end: var(--gm3-navigation-drawer-content-active-indicator-shape, 9999px);
  --gm3-focus-ring-inward-target-shape-end-end: var(--gm3-navigation-drawer-content-active-indicator-shape, 9999px);
  --gm3-focus-ring-inward-target-shape-end-start: var(--gm3-navigation-drawer-content-active-indicator-shape, 9999px)
}

.javascriptMaterialdesignGm3WizNavigationDrawer-navigation-drawer__list-item:focus-visible {
  border-radius: var(--gm3-navigation-drawer-content-active-indicator-shape, 9999px)
}

.javascriptMaterialdesignGm3WizNavigationDrawer-navigation-drawer__list-item {
  margin: 0 12px;
  overflow: hidden
}

.javascriptMaterialdesignGm3WizNavigationDrawer-navigation-drawer__headline {
  align-items: center;
  display: flex;
  height: 56px;
  padding-inline-start: 28px;
  color: var(--gm3-navigation-drawer-content-headline-color, var(--gm3-sys-color-on-surface-variant, #444746));
  font-family: var(--gm3-navigation-drawer-content-headline-font, "Google Sans", Roboto, Arial, sans-serif);
  font-variation-settings: var(--gm3-navigation-drawer-content-headline-font-variation-settings, initial);
  font-size: var(--gm3-navigation-drawer-content-headline-size, .875rem);
  font-weight: var(--gm3-navigation-drawer-content-headline-weight, 500);
  letter-spacing: var(--gm3-navigation-drawer-content-headline-tracking, 0);
  line-height: var(--gm3-navigation-drawer-content-headline-line-height, 1.25rem)
}

.javascriptMaterialdesignGm3WizNavigationDrawer-navigation-drawer__divider {
  padding: 0 28px
}

.javascriptMaterialdesignGm3WizNavigationDrawerCoplanar-navigation-drawer {
  display: flex
}

.javascriptMaterialdesignGm3WizNavigationDrawerCoplanar-navigation-drawer__surface {
  position: relative;
  width: 0;
  box-sizing: border-box;
  display: flex;
  overflow: hidden;
  overflow-y: auto;
  visibility: hidden;
  transition: width .25s cubic-bezier(.4, 0, .2, 1) 0s, visibility 0s cubic-bezier(.4, 0, .2, 1) .25s;
  background-color: var(--gm3-navigation-drawer-coplanar-container-color, var(--gm3-sys-color-surface, #fff));
  border-end-end-radius: var(--gm3-navigation-drawer-coplanar-container-shape-end-end, 16px);
  border-end-start-radius: var(--gm3-navigation-drawer-coplanar-container-shape-end-start, 0);
  border-start-end-radius: var(--gm3-navigation-drawer-coplanar-container-shape-start-end, 16px);
  border-start-start-radius: var(--gm3-navigation-drawer-coplanar-container-shape-start-start, 0);
  height: var(--gm3-navigation-drawer-coplanar-container-height, 100%)
}

.javascriptMaterialdesignGm3WizNavigationDrawerCoplanar-navigation-drawer--opened .javascriptMaterialdesignGm3WizNavigationDrawerCoplanar-navigation-drawer__surface {
  visibility: visible;
  transition: width .25s cubic-bezier(.4, 0, .2, 1) 0s, visibility 0s cubic-bezier(.4, 0, .2, 1) 0s;
  width: var(--gm3-navigation-drawer-coplanar-container-width, 360px)
}

.javascriptMaterialdesignGm3WizNavigationDrawerCoplanar-navigation-drawer--transitioning .javascriptMaterialdesignGm3WizNavigationDrawerCoplanar-navigation-drawer__content {
  overflow-x: hidden
}

.javascriptMaterialdesignGm3WizNavigationDrawerCoplanar-navigation-drawer__content {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  position: relative;
  width: inherit
}

.javascriptMaterialdesignGm3WizNavigationDrawerCoplanar-navigation-drawer__scrim {
  inset: 0;
  opacity: 0;
  position: absolute;
  visibility: hidden;
  transition: opacity .25s cubic-bezier(.4, 0, .2, 1) 0s, visibility 0s cubic-bezier(.4, 0, .2, 1) 0s;
  background-color: var(--gm3-navigation-drawer-coplanar-scrim-container-color, var(--gm3-sys-color-scrim, #000))
}

.javascriptMaterialdesignGm3WizNavigationDrawerCoplanar-navigation-drawer--opened .javascriptMaterialdesignGm3WizNavigationDrawerCoplanar-navigation-drawer__scrim {
  visibility: visible;
  transition: opacity .25s cubic-bezier(.4, 0, .2, 1) 0s, visibility 0s cubic-bezier(.4, 0, .2, 1) 0s;
  opacity: var(--gm3-navigation-drawer-coplanar-scrim-container-opacity, .32)
}

.javascriptMaterialdesignGm3WizNavigationDrawerCoplanar-navigation-drawer__surface {
  --gm3-elevation-level: var(--gm3-navigation-drawer-coplanar-container-elevation, 0)
}

.appsDocsAnalyticsUiWizCommentTrendTrendContainer {
  padding: 8px 0 24px;
  overflow: hidden
}

.appsDocsAnalyticsUiWizCommentTrendCommentTrendContainer {
  display: inline-flex;
  align-items: center;
  gap: 66px;
  width: 100%
}

.appsDocsAnalyticsUiWizCommentTrendLegendContainer {
  align-items: center;
  display: flex;
  flex: 0 0;
  flex-direction: row;
  margin: 40px 24px 0 40px;
  text-align: center
}

.appsDocsAnalyticsUiWizCommentTrendTotalCommentCardContainer {
  padding-left: 24px
}

.appsDocsAnalyticsUiWizCommentTrendChartHeader {
  padding: 0 0 24px 24px
}

.appsDocsAnalyticsUiWizCommentTrendDateRangeSelect {
  padding-right: 24px;
  width: 280px;
  --gm3-select-shared-text-field-container-height: 40px
}

.appsDocsAnalyticsUiWizCommentTrendLegendIcon {
  margin-right: 8px
}

.appsDocsAnalyticsUiWizCommentTrendLegendCaption {
  margin: 0 24px 5px 0
}

.analyticsCommentTrendContainerContainer {
  width: 100%;
  height: 100%
}

.analyticsCommentTrendContainerSpinner {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}

.trendComboChartA11yDataTable {
  position: absolute;
  overflow: hidden;
  height: 1px;
  left: -10000px;
  top: auto;
  width: 1px
}

.trendSparklineGraphSliderContainer {
  position: absolute;
  z-index: 2;
  width: 100%
}

.trendSparklineGraphSlider {
  --gm3-slider-active-track-height: 0px;
  --gm3-slider-disabled-handle-width: 0px;
  --gm3-slider-focus-handle-width: 0px;
  --gm3-slider-handle-height: 40px;
  --gm3-slider-handle-width: 0px;
  --gm3-slider-hover-handle-width: 0px;
  --gm3-slider-inactive-track-height: 0px;
  --gm3-slider-pressed-handle-width: 0px;
  --gm3-slider-stop-indicator-size: 0px;
  --gm3-slider-value-indicator-active-bottom-space: 2px
}

.trendSparklineGraphLeftBackground,
.trendSparklineGraphRightBackground {
  border-width: 1px;
  position: absolute;
  height: 32px;
  background-color: #f1f3f4;
  border-color: #185abc
}

.trendSparklineGraphLeftBackground {
  border-style: none dashed none none
}

.trendSparklineGraphRightBackground {
  right: 24px;
  border-style: none none none dashed
}

.trendSparklineGraphGraphContainer {
  position: relative;
  height: 32px;
  padding: 24px 0
}

.trendSparklineGraphGraphWithBackground {
  padding: 0 24px;
  height: 100%
}

.trendSparklineGraphGraph {
  height: 32px
}

.javascriptMaterialdesignGm3WizSlider-slider {
  cursor: pointer;
  block-size: 48px;
  margin-block: 0;
  margin-inline: 24px;
  position: relative;
  touch-action: pan-y;
  --gm3-focus-ring-outward-color: var(--gm3-slider-focus-ring-color, var(--gm3-sys-color-secondary, #00639b));
  --gm3-focus-ring-outward-offset: var(--gm3-slider-focus-ring-offset, 0px);
  --gm3-focus-ring-outward-track-width: 4px;
  --gm3-focus-ring-outward-target-shape-start-start: 2px;
  --gm3-focus-ring-outward-target-shape-start-end: 2px;
  --gm3-focus-ring-outward-target-shape-end-end: 2px;
  --gm3-focus-ring-outward-target-shape-end-start: 2px
}

.javascriptMaterialdesignGm3WizSlider-slider--disabled {
  cursor: auto
}

.javascriptMaterialdesignGm3WizSlider-slider__track {
  block-size: var(--gm3-slider-inactive-track-height, 16px);
  position: absolute;
  display: flex;
  align-items: center;
  top: 50%;
  transform: translateY(-50%);
  inline-size: 100%
}

.javascriptMaterialdesignGm3WizSlider-slider__track--leading,
.javascriptMaterialdesignGm3WizSlider-slider__track--primary,
.javascriptMaterialdesignGm3WizSlider-slider__track--trailing {
  position: absolute;
  inline-size: 100%
}

.javascriptMaterialdesignGm3WizSlider-slider__track--primary {
  block-size: var(--gm3-slider-active-track-height, 16px);
  clip-path: inset(0 calc(var(--track-width, 100%) - (var(--track-width, 100%) - var(--thumb-end-width, calc(2 * var(--gm3-slider-active-handle-padding, 6px) + var(--gm3-slider-handle-width, 4px)))) * var(--thumb-end-pct, 0)) 0 0)
}

.javascriptMaterialdesignGm3WizSlider-slider.javascriptMaterialdesignGm3WizSlider-slider--rtl .javascriptMaterialdesignGm3WizSlider-slider__track--primary {
  clip-path: inset(0 0 0 calc(var(--track-width, 100%) - (var(--track-width, 100%) - var(--thumb-end-width, calc(2 * var(--gm3-slider-active-handle-padding, 6px) + var(--gm3-slider-handle-width, 4px)))) * var(--thumb-end-pct, 0)))
}

.javascriptMaterialdesignGm3WizSlider-slider__track--leading {
  block-size: var(--gm3-slider-inactive-track-height, 16px);
  clip-path: inset(0 calc(var(--track-width, 100%) - (var(--track-width, 100%) - var(--thumb-start-width, calc(2 * var(--gm3-slider-active-handle-padding, 6px) + var(--gm3-slider-handle-width, 4px)))) * var(--thumb-start-pct, 0)) 0 0)
}

.javascriptMaterialdesignGm3WizSlider-slider.javascriptMaterialdesignGm3WizSlider-slider--rtl .javascriptMaterialdesignGm3WizSlider-slider__track--leading {
  clip-path: inset(0 0 0 calc(var(--track-width, 100%) - (var(--track-width, 100%) - var(--thumb-start-width, calc(2 * var(--gm3-slider-active-handle-padding, 6px) + var(--gm3-slider-handle-width, 4px)))) * var(--thumb-start-pct, 0)))
}

.javascriptMaterialdesignGm3WizSlider-slider__track--trailing {
  block-size: var(--gm3-slider-inactive-track-height, 16px);
  clip-path: inset(0 0 0 calc(var(--track-width, 100%) - (var(--track-width, 100%) - var(--thumb-end-width, calc(2 * var(--gm3-slider-active-handle-padding, 6px) + var(--gm3-slider-handle-width, 4px)))) * (1 - var(--thumb-end-pct, 0))))
}

.javascriptMaterialdesignGm3WizSlider-slider.javascriptMaterialdesignGm3WizSlider-slider--rtl .javascriptMaterialdesignGm3WizSlider-slider__track--trailing {
  clip-path: inset(0 calc(var(--track-width, 100%) - (var(--track-width, 100%) - var(--thumb-end-width, calc(2 * var(--gm3-slider-active-handle-padding, 6px) + var(--gm3-slider-handle-width, 4px)))) * (1 - var(--thumb-end-pct, 0))) 0 0)
}

.javascriptMaterialdesignGm3WizSlider-slider--centered .javascriptMaterialdesignGm3WizSlider-slider__track--primary,
.javascriptMaterialdesignGm3WizSlider-slider--centered.javascriptMaterialdesignGm3WizSlider-slider--rtl .javascriptMaterialdesignGm3WizSlider-slider__track--primary,
.javascriptMaterialdesignGm3WizSlider-slider--discrete .javascriptMaterialdesignGm3WizSlider-slider__track--leading,
.javascriptMaterialdesignGm3WizSlider-slider--discrete .javascriptMaterialdesignGm3WizSlider-slider__track--primary,
.javascriptMaterialdesignGm3WizSlider-slider--discrete .javascriptMaterialdesignGm3WizSlider-slider__track--trailing,
.javascriptMaterialdesignGm3WizSlider-slider--range .javascriptMaterialdesignGm3WizSlider-slider__track--primary {
  clip-path: none
}

.javascriptMaterialdesignGm3WizSlider-slider__track--leading_fill,
.javascriptMaterialdesignGm3WizSlider-slider__track--primary_fill,
.javascriptMaterialdesignGm3WizSlider-slider__track--trailing_fill {
  position: absolute;
  inline-size: 100%;
  block-size: 100%
}

.javascriptMaterialdesignGm3WizSlider-slider__track--leading_fill:before,
.javascriptMaterialdesignGm3WizSlider-slider__track--trailing_fill:before {
  content: "";
  position: absolute;
  box-sizing: border-box;
  inline-size: 100%;
  block-size: 100%;
  border: 1px solid transparent;
  border-radius: inherit;
  inset: 0
}

@media (forced-colors:active) {

  .javascriptMaterialdesignGm3WizSlider-slider__track--leading_fill:before,
  .javascriptMaterialdesignGm3WizSlider-slider__track--trailing_fill:before {
    border-color: CanvasText
  }
}

@media (forced-colors:active) {

  .javascriptMaterialdesignGm3WizSlider-slider--disabled .javascriptMaterialdesignGm3WizSlider-slider__track--leading_fill:before,
  .javascriptMaterialdesignGm3WizSlider-slider--disabled .javascriptMaterialdesignGm3WizSlider-slider__track--trailing_fill:before {
    border-color: GrayText
  }
}

.javascriptMaterialdesignGm3WizSlider-slider--discrete .javascriptMaterialdesignGm3WizSlider-slider__track--leading_fill,
.javascriptMaterialdesignGm3WizSlider-slider--discrete .javascriptMaterialdesignGm3WizSlider-slider__track--trailing_fill {
  transition: inline-size 80ms ease
}

.javascriptMaterialdesignGm3WizSlider-slider--discrete .javascriptMaterialdesignGm3WizSlider-slider__track--primary_fill {
  transition: inline-size 80ms ease, left 80ms ease
}

.javascriptMaterialdesignGm3WizSlider-slider--discrete.javascriptMaterialdesignGm3WizSlider-slider--rtl .javascriptMaterialdesignGm3WizSlider-slider__track--primary_fill {
  transition: inline-size 80ms ease, right 80ms ease
}

@media (prefers-reduced-motion) {

  .javascriptMaterialdesignGm3WizSlider-slider--discrete .javascriptMaterialdesignGm3WizSlider-slider__track--leading_fill,
  .javascriptMaterialdesignGm3WizSlider-slider--discrete .javascriptMaterialdesignGm3WizSlider-slider__track--primary_fill,
  .javascriptMaterialdesignGm3WizSlider-slider--discrete .javascriptMaterialdesignGm3WizSlider-slider__track--trailing_fill {
    transition: none
  }
}

.javascriptMaterialdesignGm3WizSlider-slider__track--primary_fill {
  inline-size: calc((var(--track-width, 100%) - var(--thumb-end-width, calc(2 * var(--gm3-slider-active-handle-padding, 6px) + var(--gm3-slider-handle-width, 4px)))) * var(--thumb-end-pct, 0));
  border-start-start-radius: min(var(--gm3-slider-active-track-shape-leading, 9999px), var(--gm3-slider-active-track-height, 16px)/2);
  border-start-end-radius: var(--gm3-slider-active-track-shape-trailing, 2px 2px);
  border-end-end-radius: var(--gm3-slider-active-track-shape-trailing, 2px 2px);
  border-end-start-radius: min(var(--gm3-slider-active-track-shape-leading, 9999px), var(--gm3-slider-active-track-height, 16px)/2);
  background: var(--gm3-slider-active-track-color, var(--gm3-sys-color-primary, #0b57d0));
  opacity: var(--gm3-slider-active-container-opacity, 1);
  left: 0
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizSlider-slider__track--primary_fill {
    background: CanvasText
  }
}

.javascriptMaterialdesignGm3WizSlider-slider--focused .javascriptMaterialdesignGm3WizSlider-slider__track--primary_fill {
  background: var(--gm3-slider-focus-active-track-color, var(--gm3-sys-color-primary, #0b57d0))
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizSlider-slider--focused .javascriptMaterialdesignGm3WizSlider-slider__track--primary_fill {
    background: CanvasText
  }
}

.javascriptMaterialdesignGm3WizSlider-slider--pressed .javascriptMaterialdesignGm3WizSlider-slider__track--primary_fill {
  background: var(--gm3-slider-pressed-active-track-color, var(--gm3-sys-color-primary, #0b57d0))
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizSlider-slider--pressed .javascriptMaterialdesignGm3WizSlider-slider__track--primary_fill {
    background: CanvasText
  }
}

.javascriptMaterialdesignGm3WizSlider-slider--disabled .javascriptMaterialdesignGm3WizSlider-slider__track--primary_fill {
  background: var(--gm3-slider-disabled-active-track-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  opacity: var(--gm3-slider-disabled-active-track-opacity, .38)
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizSlider-slider--disabled .javascriptMaterialdesignGm3WizSlider-slider__track--primary_fill {
    background: GrayText;
    opacity: 1
  }
}

.javascriptMaterialdesignGm3WizSlider-slider--range .javascriptMaterialdesignGm3WizSlider-slider__track--primary_fill {
  inline-size: calc(var(--track-width, 100%) - var(--thumb-end-width, calc(2 * var(--gm3-slider-active-handle-padding, 6px) + var(--gm3-slider-handle-width, 4px))) - var(--thumb-start-width, calc(2 * var(--gm3-slider-active-handle-padding, 6px) + var(--gm3-slider-handle-width, 4px))) - (var(--track-width, 100%) - var(--thumb-start-width, calc(2 * var(--gm3-slider-active-handle-padding, 6px) + var(--gm3-slider-handle-width, 4px)))) * var(--thumb-start-pct, 0) - (var(--track-width, 100%) - var(--thumb-end-width, calc(2 * var(--gm3-slider-active-handle-padding, 6px) + var(--gm3-slider-handle-width, 4px)))) * (1 - var(--thumb-end-pct, 0)));
  border-radius: var(--gm3-slider-active-track-shape-trailing, 2px 2px);
  left: calc((var(--track-width, 100%) - var(--thumb-start-width, calc(2 * var(--gm3-slider-active-handle-padding, 6px) + var(--gm3-slider-handle-width, 4px)))) * var(--thumb-start-pct, 0) + var(--thumb-start-width, calc(2 * var(--gm3-slider-active-handle-padding, 6px) + var(--gm3-slider-handle-width, 4px))))
}

.javascriptMaterialdesignGm3WizSlider-slider--centered .javascriptMaterialdesignGm3WizSlider-slider__track--primary_fill {
  inline-size: calc(var(--track-width, 100%) - var(--thumb-end-width, calc(2 * var(--gm3-slider-active-handle-padding, 6px) + var(--gm3-slider-handle-width, 4px))) - var(--gm3-slider-handle-width, 4px) - min((var(--track-width, 100%) - var(--thumb-start-width, calc(2 * var(--gm3-slider-active-handle-padding, 6px) + var(--gm3-slider-handle-width, 4px)))) * var(--thumb-start-pct, 0), (var(--track-width, 100%) - var(--gm3-slider-handle-width, 4px)) * .5) - min((var(--track-width, 100%) - var(--thumb-end-width, calc(2 * var(--gm3-slider-active-handle-padding, 6px) + var(--gm3-slider-handle-width, 4px)))) * (1 - var(--thumb-end-pct, 0)), (var(--track-width, 100%) - var(--gm3-slider-handle-width, 4px)) * .5));
  border-radius: var(--gm3-slider-active-track-shape-trailing, 2px 2px);
  left: min(min((var(--track-width, 100%) - var(--thumb-start-width, calc(var(--gm3-slider-active-handle-padding, 6px)*2 + var(--gm3-slider-handle-width, 4px)))) * var(--thumb-start-pct, 0), (var(--track-width, 100%) - var(--gm3-slider-handle-width, 4px)) * .5) + var(--thumb-end-width, calc(var(--gm3-slider-active-handle-padding, 6px)*2 + var(--gm3-slider-handle-width, 4px))), (var(--track-width, 100%) - var(--gm3-slider-handle-width, 4px)) * .5 + var(--gm3-slider-handle-width, 4px))
}

.javascriptMaterialdesignGm3WizSlider-slider__track--leading_fill {
  inline-size: calc((var(--track-width, 100%) - var(--thumb-start-width, calc(2 * var(--gm3-slider-active-handle-padding, 6px) + var(--gm3-slider-handle-width, 4px)))) * var(--thumb-start-pct, 0));
  border-start-start-radius: min(var(--gm3-slider-active-track-shape-leading, 9999px), var(--gm3-slider-active-track-height, 16px)/2);
  border-start-end-radius: var(--gm3-slider-active-track-shape-trailing, 2px 2px);
  border-end-end-radius: var(--gm3-slider-active-track-shape-trailing, 2px 2px);
  border-end-start-radius: min(var(--gm3-slider-active-track-shape-leading, 9999px), var(--gm3-slider-active-track-height, 16px)/2);
  left: 0
}

.javascriptMaterialdesignGm3WizSlider-slider--centered .javascriptMaterialdesignGm3WizSlider-slider__track--leading_fill {
  inline-size: min((var(--track-width, 100%) - var(--thumb-start-width, calc(var(--gm3-slider-active-handle-padding, 6px)*2 + var(--gm3-slider-handle-width, 4px)))) * var(--thumb-start-pct, 0), (var(--track-width, 100%) - var(--gm3-slider-handle-width, 4px)) * .5)
}

.javascriptMaterialdesignGm3WizSlider-slider--centered .javascriptMaterialdesignGm3WizSlider-slider__track--leading {
  clip-path: inset(0 calc(var(--track-width, 100%) - min((var(--track-width, 100%) - var(--thumb-start-width, calc(2 * var(--gm3-slider-active-handle-padding, 6px) + var(--gm3-slider-handle-width, 4px)))) * var(--thumb-start-pct, 0), (var(--track-width, 100%) - var(--gm3-slider-handle-width, 4px)) * .5)) 0 0)
}

.javascriptMaterialdesignGm3WizSlider-slider--centered.javascriptMaterialdesignGm3WizSlider-slider--rtl .javascriptMaterialdesignGm3WizSlider-slider__track--leading {
  clip-path: inset(0 0 0 calc(var(--track-width, 100%) - min((var(--track-width, 100%) - var(--thumb-start-width, calc(2 * var(--gm3-slider-active-handle-padding, 6px) + var(--gm3-slider-handle-width, 4px)))) * var(--thumb-start-pct, 0), (var(--track-width, 100%) - var(--gm3-slider-handle-width, 4px)) * .5)))
}

.javascriptMaterialdesignGm3WizSlider-slider__track--trailing_fill {
  inline-size: calc((var(--track-width, 100%) - var(--thumb-end-width, calc(2 * var(--gm3-slider-active-handle-padding, 6px) + var(--gm3-slider-handle-width, 4px)))) * (1 - var(--thumb-end-pct, 0)));
  border-start-start-radius: var(--gm3-slider-active-track-shape-trailing, 2px 2px);
  border-start-end-radius: min(var(--gm3-slider-active-track-shape-leading, 9999px), var(--gm3-slider-active-track-height, 16px)/2);
  border-end-end-radius: min(var(--gm3-slider-active-track-shape-leading, 9999px), var(--gm3-slider-active-track-height, 16px)/2);
  border-end-start-radius: var(--gm3-slider-active-track-shape-trailing, 2px 2px);
  right: 0
}

.javascriptMaterialdesignGm3WizSlider-slider--centered .javascriptMaterialdesignGm3WizSlider-slider__track--trailing_fill {
  inline-size: min((var(--track-width, 100%) - var(--thumb-end-width, calc(var(--gm3-slider-active-handle-padding, 6px)*2 + var(--gm3-slider-handle-width, 4px)))) * (1 - var(--thumb-end-pct, 0)), (var(--track-width, 100%) - var(--gm3-slider-handle-width, 4px)) * .5)
}

.javascriptMaterialdesignGm3WizSlider-slider--centered .javascriptMaterialdesignGm3WizSlider-slider__track--trailing {
  clip-path: inset(0 0 0 calc(var(--track-width, 100%) - min((var(--track-width, 100%) - var(--thumb-end-width, calc(2 * var(--gm3-slider-active-handle-padding, 6px) + var(--gm3-slider-handle-width, 4px)))) * (1 - var(--thumb-end-pct, 0)), (var(--track-width, 100%) - var(--gm3-slider-handle-width, 4px)) * .5)))
}

.javascriptMaterialdesignGm3WizSlider-slider--centered.javascriptMaterialdesignGm3WizSlider-slider--rtl .javascriptMaterialdesignGm3WizSlider-slider__track--trailing {
  clip-path: inset(0 calc(var(--track-width, 100%) - min((var(--track-width, 100%) - var(--thumb-end-width, calc(2 * var(--gm3-slider-active-handle-padding, 6px) + var(--gm3-slider-handle-width, 4px)))) * (1 - var(--thumb-end-pct, 0)), (var(--track-width, 100%) - var(--gm3-slider-handle-width, 4px)) * .5)) 0 0)
}

.javascriptMaterialdesignGm3WizSlider-slider__track--leading_fill,
.javascriptMaterialdesignGm3WizSlider-slider__track--trailing_fill {
  background: var(--gm3-slider-inactive-track-color, var(--gm3-sys-color-secondary-container, #c2e7ff));
  opacity: var(--gm3-slider-inactive-container-opacity, 1)
}

@media (forced-colors:active) {

  .javascriptMaterialdesignGm3WizSlider-slider__track--leading_fill,
  .javascriptMaterialdesignGm3WizSlider-slider__track--trailing_fill {
    background: Canvas
  }
}

.javascriptMaterialdesignGm3WizSlider-slider--focused .javascriptMaterialdesignGm3WizSlider-slider__track--leading_fill,
.javascriptMaterialdesignGm3WizSlider-slider--focused .javascriptMaterialdesignGm3WizSlider-slider__track--trailing_fill {
  background: var(--gm3-slider-focus-inactive-track-color, var(--gm3-sys-color-secondary-container, #c2e7ff))
}

.javascriptMaterialdesignGm3WizSlider-slider--pressed .javascriptMaterialdesignGm3WizSlider-slider__track--leading_fill,
.javascriptMaterialdesignGm3WizSlider-slider--pressed .javascriptMaterialdesignGm3WizSlider-slider__track--trailing_fill {
  background: var(--gm3-slider-pressed-inactive-track-color, var(--gm3-sys-color-secondary-container, #c2e7ff))
}

.javascriptMaterialdesignGm3WizSlider-slider--disabled .javascriptMaterialdesignGm3WizSlider-slider__track--leading_fill,
.javascriptMaterialdesignGm3WizSlider-slider--disabled .javascriptMaterialdesignGm3WizSlider-slider__track--trailing_fill {
  background: var(--gm3-slider-disabled-inactive-track-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  opacity: var(--gm3-slider-disabled-inactive-track-opacity, .12)
}

@media (forced-colors:active) {

  .javascriptMaterialdesignGm3WizSlider-slider--disabled .javascriptMaterialdesignGm3WizSlider-slider__track--leading_fill,
  .javascriptMaterialdesignGm3WizSlider-slider--disabled .javascriptMaterialdesignGm3WizSlider-slider__track--trailing_fill {
    background: Canvas;
    opacity: 1
  }
}

.javascriptMaterialdesignGm3WizSlider-slider.javascriptMaterialdesignGm3WizSlider-slider--rtl .javascriptMaterialdesignGm3WizSlider-slider__track--primary_fill {
  right: 0;
  left: auto
}

.javascriptMaterialdesignGm3WizSlider-slider--range.javascriptMaterialdesignGm3WizSlider-slider--rtl .javascriptMaterialdesignGm3WizSlider-slider__track--primary_fill {
  right: calc((var(--track-width, 100%) - var(--thumb-start-width, calc(2 * var(--gm3-slider-active-handle-padding, 6px) + var(--gm3-slider-handle-width, 4px)))) * var(--thumb-start-pct, 0) + var(--thumb-start-width, calc(2 * var(--gm3-slider-active-handle-padding, 6px) + var(--gm3-slider-handle-width, 4px))));
  left: auto
}

.javascriptMaterialdesignGm3WizSlider-slider--centered.javascriptMaterialdesignGm3WizSlider-slider--rtl .javascriptMaterialdesignGm3WizSlider-slider__track--primary_fill {
  right: min(min((var(--track-width, 100%) - var(--thumb-start-width, calc(var(--gm3-slider-active-handle-padding, 6px)*2 + var(--gm3-slider-handle-width, 4px)))) * var(--thumb-start-pct, 0), (var(--track-width, 100%) - var(--gm3-slider-handle-width, 4px)) * .5) + var(--thumb-end-width, calc(var(--gm3-slider-active-handle-padding, 6px)*2 + var(--gm3-slider-handle-width, 4px))), (var(--track-width, 100%) - var(--gm3-slider-handle-width, 4px)) * .5 + var(--gm3-slider-handle-width, 4px));
  left: auto
}

.javascriptMaterialdesignGm3WizSlider-slider.javascriptMaterialdesignGm3WizSlider-slider--rtl .javascriptMaterialdesignGm3WizSlider-slider__track--leading_fill {
  right: 0;
  left: auto
}

.javascriptMaterialdesignGm3WizSlider-slider.javascriptMaterialdesignGm3WizSlider-slider--rtl .javascriptMaterialdesignGm3WizSlider-slider__track--trailing_fill {
  left: 0;
  right: auto
}

.javascriptMaterialdesignGm3WizSlider-slider__thumb {
  display: flex;
  outline: none;
  position: absolute;
  -webkit-user-select: none;
  user-select: none;
  inline-size: calc(var(--gm3-slider-active-handle-padding, 6px)*2 + var(--gm3-slider-handle-width, 4px));
  block-size: 48px
}

.javascriptMaterialdesignGm3WizSlider-slider--discrete .javascriptMaterialdesignGm3WizSlider-slider__thumb {
  transition: transform 80ms ease
}

.javascriptMaterialdesignGm3WizSlider-slider__input {
  cursor: pointer;
  block-size: 48px;
  margin: 0;
  opacity: 0;
  position: absolute;
  inline-size: 48px;
  inset-inline-start: calc(var(--gm3-slider-active-handle-padding, 6px)*2/2 + var(--gm3-slider-handle-width, 4px)/2 - 24px)
}

.javascriptMaterialdesignGm3WizSlider-slider__thumb-knob {
  background-color: var(--gm3-slider-handle-color, var(--gm3-sys-color-primary, #0b57d0));
  opacity: var(--gm3-slider-active-container-opacity, 1);
  block-size: var(--gm3-slider-handle-height, 44px);
  border-color: var(--gm3-slider-handle-color, var(--gm3-sys-color-primary, #0b57d0));
  border-radius: var(--gm3-slider-handle-shape, 9999px);
  border-style: solid;
  border-inline-start-width: calc(var(--gm3-slider-handle-width, 4px)/2);
  border-inline-end-width: calc(var(--gm3-slider-handle-width, 4px)/2);
  border-block-start-width: calc(var(--gm3-slider-handle-height, 44px)/2);
  border-block-end-width: calc(var(--gm3-slider-handle-height, 44px)/2);
  box-sizing: border-box;
  inline-size: var(--gm3-slider-handle-width, 4px);
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%)
}

.javascriptMaterialdesignGm3WizSlider-slider__thumb:hover .javascriptMaterialdesignGm3WizSlider-slider__thumb-knob {
  border-inline-start-width: calc(var(--gm3-slider-hover-handle-width, 4px)/2);
  border-inline-end-width: calc(var(--gm3-slider-hover-handle-width, 4px)/2);
  inline-size: var(--gm3-slider-hover-handle-width, 4px)
}

.javascriptMaterialdesignGm3WizSlider-slider__thumb--focused {
  inline-size: calc(var(--gm3-slider-active-handle-padding, 6px)*2 + var(--gm3-slider-focus-handle-width, 2px))
}

.javascriptMaterialdesignGm3WizSlider-slider__thumb--focused .javascriptMaterialdesignGm3WizSlider-slider__input {
  inset-inline-start: calc(var(--gm3-slider-active-handle-padding, 6px)*2/2 + var(--gm3-slider-focus-handle-width, 2px)/2 - 24px)
}

.javascriptMaterialdesignGm3WizSlider-slider__thumb--focused .javascriptMaterialdesignGm3WizSlider-slider__thumb-knob,
.javascriptMaterialdesignGm3WizSlider-slider__thumb--focused:hover .javascriptMaterialdesignGm3WizSlider-slider__thumb-knob {
  background-color: var(--gm3-slider-focus-handle-color, var(--gm3-sys-color-primary, #0b57d0));
  border-color: var(--gm3-slider-focus-handle-color, var(--gm3-sys-color-primary, #0b57d0));
  border-inline-start-width: calc(var(--gm3-slider-focus-handle-width, 2px)/2);
  border-inline-end-width: calc(var(--gm3-slider-focus-handle-width, 2px)/2);
  inline-size: var(--gm3-slider-focus-handle-width, 2px)
}

.javascriptMaterialdesignGm3WizSlider-slider__thumb:active {
  inline-size: calc(var(--gm3-slider-active-handle-padding, 6px)*2 + var(--gm3-slider-pressed-handle-width, 2px))
}

.javascriptMaterialdesignGm3WizSlider-slider__thumb:active .javascriptMaterialdesignGm3WizSlider-slider__input {
  inset-inline-start: calc(var(--gm3-slider-active-handle-padding, 6px)*2/2 + var(--gm3-slider-pressed-handle-width, 2px)/2 - 24px)
}

.javascriptMaterialdesignGm3WizSlider-slider__thumb:active .javascriptMaterialdesignGm3WizSlider-slider__thumb-knob {
  background-color: var(--gm3-slider-pressed-handle-color, var(--gm3-sys-color-primary, #0b57d0));
  border-color: var(--gm3-slider-pressed-handle-color, var(--gm3-sys-color-primary, #0b57d0));
  border-inline-start-width: calc(var(--gm3-slider-pressed-handle-width, 2px)/2);
  border-inline-end-width: calc(var(--gm3-slider-pressed-handle-width, 2px)/2);
  inline-size: var(--gm3-slider-pressed-handle-width, 2px)
}

.javascriptMaterialdesignGm3WizSlider-slider--disabled .javascriptMaterialdesignGm3WizSlider-slider__thumb {
  pointer-events: none;
  inline-size: calc(var(--gm3-slider-active-handle-padding, 6px)*2 + var(--gm3-slider-disabled-handle-width, 4px))
}

.javascriptMaterialdesignGm3WizSlider-slider--disabled .javascriptMaterialdesignGm3WizSlider-slider__input {
  inset-inline-start: calc(var(--gm3-slider-active-handle-padding, 6px)*2/2 + var(--gm3-slider-disabled-handle-width, 4px)/2 - 24px)
}

.javascriptMaterialdesignGm3WizSlider-slider--disabled .javascriptMaterialdesignGm3WizSlider-slider__thumb-knob {
  background-color: var(--gm3-slider-disabled-handle-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  border-color: var(--gm3-slider-disabled-handle-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  border-inline-start-width: calc(var(--gm3-slider-disabled-handle-width, 4px)/2);
  border-inline-end-width: calc(var(--gm3-slider-disabled-handle-width, 4px)/2);
  opacity: var(--gm3-slider-disabled-handle-opacity, .38);
  inline-size: var(--gm3-slider-disabled-handle-width, 4px)
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizSlider-slider--disabled .javascriptMaterialdesignGm3WizSlider-slider__thumb-knob {
    background-color: GrayText;
    border-color: GrayText;
    opacity: 1
  }
}

.javascriptMaterialdesignGm3WizSlider-slider__thumb-end {
  transform: translateX(calc((var(--track-width, 100%) - var(--thumb-end-width, calc(2 * var(--gm3-slider-active-handle-padding, 6px) + var(--gm3-slider-handle-width, 4px)))) * var(--thumb-end-pct, 0)))
}

.javascriptMaterialdesignGm3WizSlider-slider__thumb-start {
  transform: translateX(calc((var(--track-width, 100%) - var(--thumb-start-width, calc(2 * var(--gm3-slider-active-handle-padding, 6px) + var(--gm3-slider-handle-width, 4px)))) * var(--thumb-start-pct, 0)))
}

.javascriptMaterialdesignGm3WizSlider-slider.javascriptMaterialdesignGm3WizSlider-slider--rtl .javascriptMaterialdesignGm3WizSlider-slider__thumb-end {
  transform: translateX(calc(-1 * (var(--track-width, 100%) - var(--thumb-end-width, calc(2 * var(--gm3-slider-active-handle-padding, 6px) + var(--gm3-slider-handle-width, 4px)))) * var(--thumb-end-pct, 0)))
}

.javascriptMaterialdesignGm3WizSlider-slider.javascriptMaterialdesignGm3WizSlider-slider--rtl .javascriptMaterialdesignGm3WizSlider-slider__thumb-start {
  transform: translateX(calc(-1 * (var(--track-width, 100%) - var(--thumb-start-width, calc(2 * var(--gm3-slider-active-handle-padding, 6px) + var(--gm3-slider-handle-width, 4px)))) * var(--thumb-start-pct, 0)))
}

.javascriptMaterialdesignGm3WizSlider-slider__value-indicator-container {
  bottom: calc(var(--gm3-slider-handle-height, 44px)/2 + 28px);
  pointer-events: none;
  position: absolute;
  transform: var(--value-indicator-transform, translateX(calc(-50% + (2*var(--gm3-slider-active-handle-padding, 6px) + var(--gm3-slider-handle-width, 4px))/2)));
  transition: transform 80ms ease
}

.javascriptMaterialdesignGm3WizSlider-slider.javascriptMaterialdesignGm3WizSlider-slider--rtl .javascriptMaterialdesignGm3WizSlider-slider__value-indicator-container {
  transform: var(--value-indicator-transform, translateX(calc(50% - (2*var(--gm3-slider-active-handle-padding, 6px) + var(--gm3-slider-handle-width, 4px))/2)))
}

.javascriptMaterialdesignGm3WizSlider-slider__thumb--with-indicator .javascriptMaterialdesignGm3WizSlider-slider__value-indicator-container {
  pointer-events: auto
}

.javascriptMaterialdesignGm3WizSlider-slider__thumb-focus-visible .javascriptMaterialdesignGm3WizSlider-slider__value-indicator-container {
  bottom: calc(var(--gm3-slider-focus-ring-offset, 0px) + 55px)
}

.javascriptMaterialdesignGm3WizSlider-slider__value-indicator {
  align-items: center;
  display: flex;
  transform: scale(0);
  transform-origin: bottom;
  border-radius: 100px;
  padding-block: var(--gm3-slider-value-indicator-active-bottom-space, 12px);
  padding-inline: 16px;
  background-color: var(--gm3-slider-value-indicator-container-color, var(--gm3-sys-color-inverse-surface, #303030));
  color: var(--gm3-slider-value-indicator-label-label-text-color, var(--gm3-sys-color-inverse-on-surface, #f2f2f2));
  opacity: 1;
  border: 1px solid transparent;
  transition: transform .1s cubic-bezier(.4, 0, 1, 1)
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizSlider-slider__value-indicator {
    border-color: CanvasText
  }
}

.javascriptMaterialdesignGm3WizSlider-slider__thumb--with-indicator .javascriptMaterialdesignGm3WizSlider-slider__value-indicator {
  transform: scale(1)
}

.javascriptMaterialdesignGm3WizSlider-slider__value-indicator-text {
  letter-spacing: var(--gm3-slider-value-indicator-label-label-text-tracking, 0);
  font-size: var(--gm3-slider-value-indicator-label-label-text-size, .875rem);
  font-family: var(--gm3-slider-value-indicator-label-label-text-font, "Google Sans Text");
  font-weight: var(--gm3-slider-value-indicator-label-label-text-weight, 400);
  line-height: var(--gm3-slider-value-indicator-label-label-text-line-height, 1.25rem);
  white-space: nowrap
}

@media (prefers-reduced-motion) {

  .javascriptMaterialdesignGm3WizSlider-slider--discrete .javascriptMaterialdesignGm3WizSlider-slider__thumb,
  .javascriptMaterialdesignGm3WizSlider-slider__thumb-knob,
  .javascriptMaterialdesignGm3WizSlider-slider__value-indicator,
  .javascriptMaterialdesignGm3WizSlider-slider__value-indicator-container {
    transition: none
  }
}

.javascriptMaterialdesignGm3WizSlider-slider__tick-marks {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  block-size: 100%;
  justify-content: space-between;
  padding-block: 0;
  padding-inline: var(--gm3-slider-stop-indicator-trailing-space, 6px);
  position: absolute;
  inline-size: 100%
}

.javascriptMaterialdesignGm3WizSlider-slider--centered .javascriptMaterialdesignGm3WizSlider-slider__track--leading:before,
.javascriptMaterialdesignGm3WizSlider-slider--centered .javascriptMaterialdesignGm3WizSlider-slider__track--trailing:before,
.javascriptMaterialdesignGm3WizSlider-slider__tick-mark--active,
.javascriptMaterialdesignGm3WizSlider-slider__tick-mark--inactive,
.javascriptMaterialdesignGm3WizSlider-slider__track--leading:after,
.javascriptMaterialdesignGm3WizSlider-slider__track--trailing:after {
  border-radius: var(--gm3-slider-stop-indicator-shape, 9999px);
  block-size: var(--gm3-slider-stop-indicator-size, 4px);
  inline-size: var(--gm3-slider-stop-indicator-size, 4px);
  z-index: 1
}

.javascriptMaterialdesignGm3WizSlider-slider__tick-mark--active {
  background-color: var(--gm3-slider-stop-indicator-color-selected, var(--gm3-sys-color-secondary-container, #c2e7ff));
  opacity: var(--gm3-slider-inactive-container-opacity, 1)
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizSlider-slider__tick-mark--active {
    background-color: Canvas
  }
}

.javascriptMaterialdesignGm3WizSlider-slider--disabled .javascriptMaterialdesignGm3WizSlider-slider__tick-mark--active {
  background-color: var(--gm3-slider-disabled-stop-color-selected, var(--gm3-sys-color-inverse-on-surface, #f2f2f2))
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizSlider-slider--disabled .javascriptMaterialdesignGm3WizSlider-slider__tick-mark--active {
    background-color: Canvas
  }
}

.javascriptMaterialdesignGm3WizSlider-slider--centered .javascriptMaterialdesignGm3WizSlider-slider__track--leading:before,
.javascriptMaterialdesignGm3WizSlider-slider--centered .javascriptMaterialdesignGm3WizSlider-slider__track--trailing:before,
.javascriptMaterialdesignGm3WizSlider-slider__tick-mark--inactive,
.javascriptMaterialdesignGm3WizSlider-slider__track--leading:after,
.javascriptMaterialdesignGm3WizSlider-slider__track--trailing:after {
  background-color: var(--gm3-slider-stop-indicator-color, var(--gm3-sys-color-primary, #0b57d0));
  opacity: var(--gm3-slider-active-container-opacity, 1)
}

@media (forced-colors:active) {

  .javascriptMaterialdesignGm3WizSlider-slider--centered .javascriptMaterialdesignGm3WizSlider-slider__track--leading:before,
  .javascriptMaterialdesignGm3WizSlider-slider--centered .javascriptMaterialdesignGm3WizSlider-slider__track--trailing:before,
  .javascriptMaterialdesignGm3WizSlider-slider__tick-mark--inactive,
  .javascriptMaterialdesignGm3WizSlider-slider__track--leading:after,
  .javascriptMaterialdesignGm3WizSlider-slider__track--trailing:after {
    background-color: CanvasText
  }
}

.javascriptMaterialdesignGm3WizSlider-slider--disabled .javascriptMaterialdesignGm3WizSlider-slider__tick-mark--inactive,
.javascriptMaterialdesignGm3WizSlider-slider--disabled .javascriptMaterialdesignGm3WizSlider-slider__track--leading:after,
.javascriptMaterialdesignGm3WizSlider-slider--disabled .javascriptMaterialdesignGm3WizSlider-slider__track--leading:before,
.javascriptMaterialdesignGm3WizSlider-slider--disabled .javascriptMaterialdesignGm3WizSlider-slider__track--trailing:after,
.javascriptMaterialdesignGm3WizSlider-slider--disabled .javascriptMaterialdesignGm3WizSlider-slider__track--trailing:before {
  background-color: var(--gm3-slider-disabled-stop-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  opacity: var(--gm3-slider-disabled-active-container-opacity, .38)
}

@media (forced-colors:active) {

  .javascriptMaterialdesignGm3WizSlider-slider--disabled .javascriptMaterialdesignGm3WizSlider-slider__tick-mark--inactive,
  .javascriptMaterialdesignGm3WizSlider-slider--disabled .javascriptMaterialdesignGm3WizSlider-slider__track--leading:after,
  .javascriptMaterialdesignGm3WizSlider-slider--disabled .javascriptMaterialdesignGm3WizSlider-slider__track--leading:before,
  .javascriptMaterialdesignGm3WizSlider-slider--disabled .javascriptMaterialdesignGm3WizSlider-slider__track--trailing:after,
  .javascriptMaterialdesignGm3WizSlider-slider--disabled .javascriptMaterialdesignGm3WizSlider-slider__track--trailing:before {
    background-color: GrayText;
    opacity: 1
  }
}

.javascriptMaterialdesignGm3WizSlider-slider__tick-mark--hidden {
  visibility: hidden
}

.javascriptMaterialdesignGm3WizSlider-slider--centered .javascriptMaterialdesignGm3WizSlider-slider__track--leading:before,
.javascriptMaterialdesignGm3WizSlider-slider--centered .javascriptMaterialdesignGm3WizSlider-slider__track--trailing:before,
.javascriptMaterialdesignGm3WizSlider-slider__track--leading:after,
.javascriptMaterialdesignGm3WizSlider-slider__track--trailing:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}

.javascriptMaterialdesignGm3WizSlider-slider__track--leading:after {
  inset-inline-start: var(--gm3-slider-stop-indicator-trailing-space, 6px)
}

.javascriptMaterialdesignGm3WizSlider-slider__track--trailing:after {
  inset-inline-end: var(--gm3-slider-stop-indicator-trailing-space, 6px)
}

.javascriptMaterialdesignGm3WizSlider-slider--centered .javascriptMaterialdesignGm3WizSlider-slider__track--leading:before,
.javascriptMaterialdesignGm3WizSlider-slider--centered .javascriptMaterialdesignGm3WizSlider-slider__track--trailing:before {
  left: 50%;
  transform: translate(-50%, -50%)
}

.javascriptMaterialdesignGm3WizSlider-slider--discrete .javascriptMaterialdesignGm3WizSlider-slider__track--leading:after,
.javascriptMaterialdesignGm3WizSlider-slider--discrete .javascriptMaterialdesignGm3WizSlider-slider__track--leading:before,
.javascriptMaterialdesignGm3WizSlider-slider--discrete .javascriptMaterialdesignGm3WizSlider-slider__track--trailing:after,
.javascriptMaterialdesignGm3WizSlider-slider--discrete .javascriptMaterialdesignGm3WizSlider-slider__track--trailing:before {
  display: none
}

.javascriptMaterialdesignGm3WizSlider-slider__thumb-focus-visible {
  --gm3-focus-ring-outward-display: block
}

.viewerTrendUtilTotalUniqueViewerContainer {
  display: inline-flex;
  gap: 5px;
  align-items: center
}

.viewerTrendUtilChartHeader {
  font-weight: 500;
  padding-bottom: 24px;
  margin-left: 24px
}

.viewerTrendUtilInfoIcon {
  --gm3-icon-button-standard-icon-size: 18px
}

.appsDocsAnalyticsUiWizCommenttrendutilChartHeader {
  font-weight: 500
}

.appsDocsAnalyticsUiWizEmailchipContainer {
  align-items: center;
  border: 1px solid;
  box-sizing: border-box;
  border-radius: 16px;
  display: flex;
  flex-direction: row;
  height: 28px;
  margin: 0 8px 4px 0;
  padding: 4px
}

.appsDocsAnalyticsUiWizEmailchipCloseIcon {
  align-items: center;
  display: flex
}

.appsDocsAnalyticsUiWizEmailchipName {
  color: var(--gm3-sys-color-on-surface, #1f1f1f);
  font-size: 14px;
  font-weight: 500;
  padding-left: 8px;
  max-width: 495px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.appsDocsAnalyticsUiWizEmailchipButton {
  --gm3-icon-button-standard-icon-size: 18px;
  width: 24px;
  height: 24px;
  align-items: center;
  display: flex
}

.appsDocsAnalyticsUiWizEmailchipImg {
  border-radius: 50%;
  margin-left: 1px;
  width: 20px
}

.errorCardModelErrorCard {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  align-items: center
}

.errorCardModelErrorCardButton {
  flex-direction: row;
  height: 48px
}

.errorCardModelMessageContainer {
  text-align: center
}

.analyticDialogViewerFooterNudgeContainer {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.analyticDialogViewerFooterButtonContainer {
  display: flex;
  gap: 8px;
  position: relative;
  top: 24px
}

.analyticDialogViewerFooterInfoContainer {
  font-size: 12px;
  height: 48px;
  display: flex;
  align-items: center;
  gap: 4px
}

.analyticDialogViewerFooterContainer {
  background-color: var(--gm3-sys-color-surface-bright, #fff);
  border-top: 1px solid var(--gm3-sys-color-outline-variant, #c4c7c5);
  margin-right: 24px
}

.analyticDialogViewerFooterFeedbackContainer {
  display: flex;
  align-items: center;
  font-size: 12px;
  gap: 3px
}

.analyticDialogViewerFooterGiveFeedbackButton {
  --gm3-button-text-container-height: 16px;
  --gm3-button-text-label-text-size: 12px;
  --gm3-button-text-label-text-weight: 400
}

.analyticsGroupCardContainer {
  align-items: center;
  display: flex;
  height: 48px;
  width: 100%;
  border-bottom: 1px solid #dadce0
}

.analyticsGroupCardProfile {
  align-items: center;
  display: flex;
  flex-grow: 1;
  height: 100%;
  padding-left: 16px
}

.analyticsGroupCardNonExpandableProfile {
  gap: 20px;
  align-items: center;
  display: flex;
  flex-grow: 1
}

.analyticsGroupCardDisplayName {
  font-size: 14px;
  font-weight: 500;
  margin-right: 24px
}

.analyticsGroupCardFuzzyTime {
  font-size: 14px;
  margin-right: 36px;
  width: 108px
}

.analyticsGroupCardGroupButton {
  --gm3-button-text-label-text-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-button-text-hover-label-text-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-button-text-focus-label-text-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-button-text-hover-state-layer-color: var(--gm3-sys-color-background, #fff);
  --gm3-button-text-label-text-size: 14px
}

.analyticsGroupCardExpandableButtons {
  position: relative;
  width: 90%;
  height: 100%
}

.analyticsGroupCardExpandableButton {
  position: absolute
}

.analyticsGroupCardMessage {
  font-size: 12px
}

.analyticsGroupCardMessageError {
  color: var(--gm3-sys-color-error, #b3261e)
}

.analyticsGroupCardMessageWarning {
  color: var(--gm3-sys-color-on-surface-variant, #444746);
  font-style: italic
}

.analyticsGroupCardTooltipSpacePlaceholder {
  width: 40px
}

.learnMoreErrorCardLearnMoreErrorCard {
  padding: 16px 64px
}

.appsDocsAnalyticsUiWizLowdatamodeContainer {
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column
}

.appsDocsAnalyticsUiWizLowdatamodeOuterContainer {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column
}

.appsDocsAnalyticsUiWizLowdatamodeOffsetContainer {
  height: 64px;
  width: 100%
}

.appsDocsAnalyticsUiWizLowdatamodeTitle {
  font-family: Roboto, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 2rem;
  padding: 0 48px 16px
}

.appsDocsAnalyticsUiWizLowdatamodeMessage {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  line-height: 24px;
  padding: 0 30px 16px
}

.appsDocsAnalyticsUiWizLowdatamodeShareButton {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 3px;
  gap: 6px;
  --gm3-button-filled-container-color: var(--gm3-sys-color-secondary-container, #c2e7ff);
  --gm3-button-filled-label-text-color: var(--gm3-sys-color-on-secondary-container, #001d35);
  --gm3-button-filled-focus-label-text-color: var(--gm3-sys-color-on-secondary-container, #001d35);
  --gm3-button-filled-hover-label-text-color: var(--gm3-sys-color-on-secondary-container, #001d35);
  --gm3-button-filled-pressed-label-text-color: var(--gm3-sys-color-on-secondary-container, #001d35)
}

.analyticsOnboardingDialogImage {
  border-radius: 12px;
  box-sizing: border-box;
  height: 100%;
  width: 100%
}

.analyticsOnboardingDialogLearnMore {
  align-self: left;
  color: #1967d2;
  cursor: pointer;
  text-decoration: none
}

.docsHeroIcon {
  --gm3-dialog-with-icon-icon-height: 100%;
  --gm3-dialog-with-icon-icon-width: 100%
}

.analyticsProfileImageImg {
  border-radius: 50%;
  height: 32px
}

.analyticsSendEmailCardContainer {
  padding: 0 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%
}

.analyticsSendEmailCardSubjectBox {
  margin-top: 28px;
  width: 100%
}

.analyticsSendEmailCardMessageBox {
  margin-top: 10px;
  width: 100%;
  --gm3-text-field-outlined-container-height: 108px
}

.analyticsSendEmailCardSendEmailTitle {
  font-family: Roboto, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5rem;
  margin-bottom: 16px
}

.analyticsSendEmailCardRecipientsContainer {
  display: flex;
  flex-flow: wrap;
  max-height: 68px;
  min-height: 32px;
  overflow: hidden;
  overflow-y: scroll
}

.analyticsSendEmailCardRecipients {
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 500;
  letter-spacing: .00625rem;
  line-height: 1rem;
  margin-bottom: 8px
}

.analyticsSendEmailCardDocumentInfoContainer {
  padding-top: 16px
}

.analyticsSendEmailCardDocumentInfo {
  max-width: 100%;
  gap: 4px;
  --gm3-button-outlined-label-text-color: var(--gm3-sys-color-on-surface, #1f1f1f)
}

.analyticsSendEmailCardButtons {
  padding-bottom: 24px;
  text-align: end
}

.analyticsSendEmailCardMailCancelButton {
  margin-right: 8px
}

.analyticsSendEmailCardSendToMyself {
  margin-top: 5px
}

.analyticDialogSettingsSpinner {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 28px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 28px
}

.analyticDialogSettingsSettings {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-height: 1px;
  position: relative;
  width: 100%;
  height: 100%
}

.analyticDialogSettingsSettingContent {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-height: 1px;
  position: relative
}

.analyticDialogSettingsSettingSectionContainer {
  flex-grow: 1;
  overflow-y: auto
}

.analyticDialogSettingsSettingSection {
  padding: 0 0 43px 24px
}

.analyticDialogSettingsSettingSectionLabel {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  color: var(--gm3-sys-color-on-surface, #1f1f1f)
}

.analyticDialogSettingsSubSection {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 16px 24px 0 0
}

.analyticDialogSettingsSettingSwitchLabel {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px
}

.analyticDialogSettingsSettingExplanation {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  width: auto;
  padding-right: 3px
}

.analyticDialogSettingsLearnMoreLink {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  width: auto
}

.analyticDialogSettingsSettingExplanationSection {
  margin-right: 100px
}

.analyticDialogSettingsButtons {
  align-items: center;
  bottom: 0;
  display: flex;
  flex-direction: row;
  height: 88px;
  justify-content: flex-end;
  width: 100%
}

.analyticDialogSettingsCancelButton {
  margin: 0 8px
}

.analyticDialogSettingsSaveButton {
  margin: 0 24px 0 8px
}

.analyticsSettingsContainerContainer {
  width: 100%;
  height: 100%
}

.analyticsSettingsContainerSpinner {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}

.analyticsSettingsContainerUtilSettingsContent {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}

.settingsFailureCardSettingsFailureCard {
  color: var(--gm3-sys-color-error, #b3261e);
  font-size: 13px;
  font-weight: 500;
  margin: 0 24px
}

.settingsInfoCardSettingsInfoCard {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: auto;
  padding: 0 24px;
  background-color: #fff;
  color: #414549;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500
}

.commonNoticeComponentContainer {
  border-radius: 8px;
  padding: 4px 16px
}

.commonNoticeComponentErrorContainer {
  background-color: var(--gm3-sys-color-error-container, #f9dedc)
}

.commonNoticeComponentCautionContainer {
  background-color: #feefc3
}

.commonNoticeComponentInfoContainer {
  background-color: #e8f0fe
}

.commonNoticeComponentContainerSection {
  padding: 12px 0;
  display: flex;
  align-items: center
}

.commonNoticeComponentIconContainer {
  padding-right: 16px
}

.commonNoticeComponentInfoIcon {
  filter: brightness(0) saturate(100%) invert(23%) sepia(34%) saturate(7264%) hue-rotate(213deg) brightness(86%) contrast(92%)
}

.commonNoticeComponentErrorIcon {
  filter: invert(22%) sepia(58%) saturate(3165%) hue-rotate(351deg) brightness(86%) contrast(88%)
}

.commonNoticeComponentContent {
  letter-spacing: .1px
}

.analyticDialogSettingsUtilErrorCardContainer {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  width: 100%;
  height: 100%
}

.analyticDialogSettingsUtilSettingsFailureCardContainer {
  align-items: center;
  background-color: #eee;
  border-bottom: 1px solid #e0e0e0;
  display: flex;
  flex-direction: row;
  height: 48px
}

.SharingHistoryTabManageSettingsButton {
  font-size: 13px;
  margin-right: 12px
}

.SharingHistoryTabManageSettingsRow {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e0e0e0
}

.SharingHistoryTabSharingHistoryTab {
  align-items: start;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column
}

.SharingHistoryTabSharingSummary {
  width: 95%
}

.SharingHistoryTabActivityDeck {
  max-height: 100%;
  overflow-y: scroll;
  width: 96%;
  position: relative;
  margin-bottom: 24px;
  margin-left: 24px
}

.SharingHistoryTabActivityDeck .activity-event-target-list {
  display: none
}

.SharingHistoryTabActivityDeck .activity-event-scopes-list {
  margin-top: 0;
  padding-left: 72px
}

.analyticsSharingHistoryContainerContainer {
  flex-direction: column;
  display: flex
}

.analyticsSharingHistoryContainerContainer,
.analyticsSharingHistoryContainerSharingHistory {
  width: 100%;
  height: 100%
}

.analyticsSharingHistoryContainerSpinner {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: end
}

.appsDocsAnalyticsUiWizSharinghistoryutilSharingHistorySummaryContainer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 15px;
  margin-left: 24px
}

.appsDocsAnalyticsUiWizSharinghistoryutilSharingHistorySummary {
  display: flex;
  gap: 8px;
  align-items: center
}

.analyticsViewerCardContainer {
  align-items: center;
  display: flex;
  height: 48px;
  width: 100%;
  border-bottom: 1px solid #dadce0
}

.analyticsViewerCardProfile {
  align-items: center;
  display: flex;
  flex-grow: 1;
  gap: 20px;
  padding-left: 16px
}

.analyticsViewerCardDisplayName {
  font-size: 14px;
  font-weight: 500;
  margin-right: 24px
}

.analyticsViewerCardFuzzyTime {
  font-size: 14px;
  margin-right: 36px;
  width: 108px
}

.analyticsViewerCardTooltipContainer {
  display: flex;
  gap: 4px;
  width: 40px
}

.analyticsViewerCardCheckbox {
  width: 40px
}

.javascriptMaterialdesignGm3WizTooltipRich-tooltip {
  position: fixed;
  display: none;
  z-index: var(--gm3-tooltip-rich-z-index, 2101)
}

.javascriptMaterialdesignGm3WizTooltipRich-tooltip__surface {
  box-sizing: border-box;
  min-block-size: 24px;
  min-inline-size: 40px;
  overflow-wrap: anywhere;
  overflow: hidden;
  padding-block: 4px;
  padding-inline: 8px;
  word-break: normal;
  max-block-size: var(--gm3-tooltip-rich-container-max-block-size, 40vh)
}

.javascriptMaterialdesignGm3WizTooltipRich-tooltip__surface:before {
  position: absolute;
  box-sizing: border-box;
  inline-size: 100%;
  block-size: 100%;
  inset-block-start: 0;
  inset-inline-start: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none
}

.javascriptMaterialdesignGm3WizTooltipRich-tooltip--hide,
.javascriptMaterialdesignGm3WizTooltipRich-tooltip--showing,
.javascriptMaterialdesignGm3WizTooltipRich-tooltip--shown {
  display: inline-flex
}

.javascriptMaterialdesignGm3WizTooltipRich-tooltip__surface-animation {
  opacity: 0;
  transform: scale(.8);
  will-change: transform, opacity
}

.javascriptMaterialdesignGm3WizTooltipRich-tooltip--shown .javascriptMaterialdesignGm3WizTooltipRich-tooltip__surface-animation {
  opacity: 1;
  transform: scale(1)
}

.javascriptMaterialdesignGm3WizTooltipRich-tooltip--hide .javascriptMaterialdesignGm3WizTooltipRich-tooltip__surface-animation {
  transform: scale(1)
}

.javascriptMaterialdesignGm3WizTooltipRich-tooltip--showing-transition .javascriptMaterialdesignGm3WizTooltipRich-tooltip__surface-animation {
  transition: opacity .15s cubic-bezier(0, 0, .2, 1) 0ms, transform .15s cubic-bezier(0, 0, .2, 1) 0ms
}

.javascriptMaterialdesignGm3WizTooltipRich-tooltip--hide-transition .javascriptMaterialdesignGm3WizTooltipRich-tooltip__surface-animation {
  transition: opacity 75ms cubic-bezier(.4, 0, 1, 1) 0ms
}

.javascriptMaterialdesignGm3WizTooltipRich-tooltip--rich {
  --gm3-button-text-focus-label-text-color: var(--gm3-tooltip-rich-action-focus-label-text-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-button-text-hover-label-text-color: var(--gm3-tooltip-rich-action-hover-label-text-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-button-text-hover-state-layer-color: var(--gm3-tooltip-rich-action-hover-state-layer-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-button-text-hover-state-layer-opacity: var(--gm3-tooltip-rich-action-hover-state-layer-opacity, 0.08);
  --gm3-button-text-label-text-color: var(--gm3-tooltip-rich-action-label-text-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-button-text-label-text-font: var(--gm3-tooltip-rich-action-label-text-font, "Google Sans Text", "Google Sans");
  --gm3-button-text-label-text-font-variation-settings: var(--gm3-tooltip-rich-action-label-text-font-variation-settings, initial);
  --gm3-button-text-label-text-size: var(--gm3-tooltip-rich-action-label-text-size, 0.875rem);
  --gm3-button-text-label-text-tracking: var(--gm3-tooltip-rich-action-label-text-tracking, 0rem);
  --gm3-button-text-label-text-weight: var(--gm3-tooltip-rich-action-label-text-weight, 500);
  --gm3-button-text-pressed-label-text-color: var(--gm3-tooltip-rich-action-pressed-label-text-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-button-text-pressed-state-layer-opacity: var(--gm3-tooltip-rich-action-pressed-state-layer-opacity, 0.1);
  --gm3-elevation-level: var(--gm3-tooltip-rich-container-elevation, 2);
  --gm3-elevation-shadow-color: var(--gm3-tooltip-rich-container-shadow-color, var(--gm3-sys-color-shadow, #000))
}

.javascriptMaterialdesignGm3WizTooltipRich-tooltip--rich .javascriptMaterialdesignGm3WizTooltipRich-tooltip__use-updated-font-styles {
  --gm3-button-text-label-text-font: var(--gm3-tooltip-rich-action-label-text-font, "Google Sans Flex", "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif)
}

.javascriptMaterialdesignGm3WizTooltipRich-tooltip--hide.javascriptMaterialdesignGm3WizTooltipRich-tooltip--rich,
.javascriptMaterialdesignGm3WizTooltipRich-tooltip--showing.javascriptMaterialdesignGm3WizTooltipRich-tooltip--rich,
.javascriptMaterialdesignGm3WizTooltipRich-tooltip--shown.javascriptMaterialdesignGm3WizTooltipRich-tooltip--rich {
  display: inline-block;
  position: absolute
}

.javascriptMaterialdesignGm3WizTooltipRich-tooltip-wrapper--rich {
  position: relative
}

.javascriptMaterialdesignGm3WizTooltipRich-tooltip--rich .javascriptMaterialdesignGm3WizTooltipRich-tooltip__surface {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  line-height: 20px;
  max-inline-size: var(--gm3-tooltip-rich-container-max-inline-size, 320px);
  position: relative;
  text-align: start;
  background-color: var(--gm3-tooltip-rich-container-color, var(--gm3-sys-color-surface-container, #f0f4f9));
  border-radius: var(--gm3-tooltip-rich-container-shape, 12px)
}

.javascriptMaterialdesignGm3WizTooltipRich-tooltip__title {
  margin-block: 0;
  margin-inline: 8px;
  color: var(--gm3-tooltip-rich-subhead-color, var(--gm3-sys-color-on-surface-variant, #444746));
  font-family: var(--gm3-tooltip-rich-subhead-font, "Google Sans Text", "Google Sans");
  font-size: var(--gm3-tooltip-rich-subhead-size, .875rem);
  font-weight: var(--gm3-tooltip-rich-subhead-weight, 500);
  letter-spacing: var(--gm3-tooltip-rich-subhead-tracking, 0);
  line-height: var(--gm3-tooltip-rich-subhead-line-height, 1.25rem);
  font-variation-settings: var(--gm3-tooltip-rich-subhead-font-variation-settings, initial)
}

.javascriptMaterialdesignGm3WizTooltipRich-tooltip__use-updated-font-styles .javascriptMaterialdesignGm3WizTooltipRich-tooltip__title {
  font-family: var(--gm3-tooltip-rich-subhead-font, "Google Sans Flex", "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif)
}

.javascriptMaterialdesignGm3WizTooltipRich-tooltip__title:before {
  display: inline-block;
  inline-size: 0;
  block-size: 24px;
  content: "";
  vertical-align: 0
}

.javascriptMaterialdesignGm3WizTooltipRich-tooltip__content {
  align-self: stretch;
  margin: 8px;
  max-inline-size: calc(var(--gm3-tooltip-rich-container-max-inline-size, 320px) - 16px);
  color: var(--gm3-tooltip-rich-supporting-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  font-family: var(--gm3-tooltip-rich-supporting-text-font, Roboto, sans-serif);
  font-size: var(--gm3-tooltip-rich-supporting-text-size, .875rem);
  font-weight: var(--gm3-tooltip-rich-supporting-text-weight, 400);
  letter-spacing: var(--gm3-tooltip-rich-supporting-text-tracking, .0178571429em);
  line-height: var(--gm3-tooltip-rich-supporting-text-line-height, 1.25rem);
  font-variation-settings: var(--gm3-tooltip-rich-supporting-text-font-variation-settings, initial)
}

.javascriptMaterialdesignGm3WizTooltipRich-tooltip__use-updated-font-styles .javascriptMaterialdesignGm3WizTooltipRich-tooltip__content {
  font-family: var(--gm3-tooltip-rich-supporting-text-font, "Google Sans Flex", "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif);
  letter-spacing: var(--gm3-tooltip-rich-supporting-text-tracking, 0)
}

.javascriptMaterialdesignGm3WizTooltipRich-tooltip__content-link {
  text-decoration: none;
  color: var(--gm3-tooltip-rich-action-label-text-color, var(--gm3-sys-color-primary, #0b57d0))
}

.javascriptMaterialdesignGm3WizTooltipRich-tooltip__interactive-content {
  overflow-x: var(--gm3-tooltip-rich-content-overflow-x, unset);
  overflow-y: var(--gm3-tooltip-rich-content-overflow-y, unset)
}

.javascriptMaterialdesignGm3WizTooltipRich-tooltip--rich-actions,
.javascriptMaterialdesignGm3WizTooltipRich-tooltip__content,
.javascriptMaterialdesignGm3WizTooltipRich-tooltip__title {
  z-index: 1
}

.javascriptMaterialdesignGm3WizTooltipRich-tooltip--rich-action {
  margin-block: 0
}

.javascriptMaterialdesignGm3WizTooltipRich-tooltip__caret-surface-bottom {
  outline: 1px solid transparent;
  z-index: -1
}

.javascriptMaterialdesignGm3WizTooltipRich-tooltip__caret-surface-bottom,
.javascriptMaterialdesignGm3WizTooltipRich-tooltip__caret-surface-top {
  block-size: var(--gm3-tooltip-rich-caret-size, 24px);
  border-radius: 4px;
  inline-size: var(--gm3-tooltip-rich-caret-size, 24px);
  position: absolute;
  transform: rotate(35deg) skewY(20deg) scaleX(.9396926208);
  background-color: var(--gm3-tooltip-rich-container-color, var(--gm3-sys-color-surface-container, #f0f4f9))
}

.javascriptMaterialdesignGm3WizTooltipRich-tooltip__caret-top-elevation:after,
.javascriptMaterialdesignGm3WizTooltipRich-tooltip__caret-top-elevation:before {
  box-shadow: none
}

.javascriptMaterialdesignGm3WizTooltipRich-tooltip__surface-bottom-elevation {
  border-radius: var(--gm3-tooltip-rich-container-shape, 12px)
}

.viewCardListContainer {
  padding-left: 24px
}

.viewCardListDataTable {
  width: 100%;
  --gm3-data-table-outline-width: 0px;
  --gm3-data-table-row-item-outline-width: 0px
}

.viewCardListHeaderContainer {
  display: flex;
  margin-right: 24px
}

.viewCardListTableHeader {
  display: flex;
  gap: 220px;
  max-width: 535px
}

.viewCardListHeader {
  display: flex;
  align-items: center
}

.viewCardListHeaderLastViewed,
.viewCardListHeaderName {
  background-color: var(--gm3-sys-color-surface-bright, #fff)
}

.viewCardListEmailMenuContainer,
.viewCardListHeaderLastViewed,
.viewCardListHeaderName {
  display: flex;
  align-items: center
}

.viewCardListEmailMenuContainer {
  flex: 0.3;
  min-width: 40px
}

.viewCardListListAndFooterContainer {
  display: flex;
  flex-direction: column;
  height: 440px;
  justify-content: space-between
}

.viewCardListFooter {
  padding-bottom: 24px
}

.viewCardListListContainer {
  overflow-y: scroll;
  padding-right: 8px;
  min-height: 348px
}

.viewCardListGroupMembersContainer,
.viewCardListSpinnerContainer {
  margin-left: 57px
}

.viewCardListSpinner {
  text-align: center;
  --gm3-circular-progress-size: 36px;
  align-self: center
}

.javascriptMaterialdesignGm3WizLinearProgress-linear-progress__wrapper {
  position: relative
}

.javascriptMaterialdesignGm3WizLinearProgress-linear-progress {
  position: relative;
  width: 100%;
  overflow-x: hidden
}

.javascriptMaterialdesignGm3WizLinearProgress-linear-progress__stop-indicator {
  position: absolute;
  border-radius: var(--gm3-linear-progress-stop-indicator-shape, 4px);
  width: var(--gm3-linear-progress-stop-indicator-size, 4px);
  height: var(--gm3-linear-progress-stop-indicator-size, 4px);
  background-color: var(--gm3-linear-progress-stop-indicator-color, var(--gm3-sys-color-primary, #0b57d0))
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizLinearProgress-linear-progress__stop-indicator {
    background-color: CanvasText
  }
}

.javascriptMaterialdesignGm3WizLinearProgress-linear-progress--indeterminate .javascriptMaterialdesignGm3WizLinearProgress-linear-progress__stop-indicator {
  display: none
}

.javascriptMaterialdesignGm3WizLinearProgress-linear-progress {
  height: max(var(--gm3-linear-progress-track-thickness, 4px), var(--gm3-linear-progress-active-indicator-thickness, 4px));
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  transform: translateZ(0);
  transition: opacity .25s cubic-bezier(.4, 0, .6, 1) 0ms
}

.javascriptMaterialdesignGm3WizLinearProgress-linear-progress__bar {
  transform-origin: top left
}

.javascriptMaterialdesignGm3WizLinearProgress-linear-progress__bar[dir=rtl]:not([dir=ltr]),
[dir=rtl] .javascriptMaterialdesignGm3WizLinearProgress-linear-progress__bar:not([dir=ltr]) {
  transform-origin: center right
}

.javascriptMaterialdesignGm3WizLinearProgress-linear-progress__active-indicator,
.javascriptMaterialdesignGm3WizLinearProgress-linear-progress__track {
  width: 0;
  position: relative;
  margin: auto 0;
  animation: none;
  transform-origin: top left;
  transition: min-width .25s cubic-bezier(.4, 0, .6, 1) 0ms;
  inset-block: 0
}

.javascriptMaterialdesignGm3WizLinearProgress-linear-progress__active-indicator {
  display: inline-block;
  background-color: var(--gm3-linear-progress-active-indicator-color, var(--gm3-sys-color-primary, #0b57d0));
  height: var(--gm3-linear-progress-active-indicator-thickness, 4px);
  border-radius: var(--gm3-linear-progress-active-indicator-shape, 9999px)
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizLinearProgress-linear-progress__active-indicator {
    background-color: CanvasText
  }
}

.javascriptMaterialdesignGm3WizLinearProgress-linear-progress__track {
  flex-grow: 1;
  overflow-x: hidden;
  background-color: var(--gm3-linear-progress-track-color, var(--gm3-sys-color-secondary-container, #c2e7ff));
  height: var(--gm3-linear-progress-track-thickness, 4px);
  border-radius: var(--gm3-linear-progress-track-shape, 9999px)
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizLinearProgress-linear-progress__track {
    height: var(--gm3-linear-progress-track-thickness, 4px);
    box-sizing: border-box;
    border: 1px solid CanvasText
  }
}

.javascriptMaterialdesignGm3WizLinearProgress-linear-progress__gap-left,
.javascriptMaterialdesignGm3WizLinearProgress-linear-progress__gap-right {
  position: relative;
  max-width: var(--gm3-linear-progress-active-indicator-track-space, 4px);
  animation: none;
  height: var(--gm3-linear-progress-active-indicator-track-space, 4px)
}

.javascriptMaterialdesignGm3WizLinearProgress-linear-progress__gap-right {
  width: var(--gm3-linear-progress-active-indicator-track-space, 4px);
  flex-shrink: 0
}

.javascriptMaterialdesignGm3WizLinearProgress-linear-progress__track-left,
.javascriptMaterialdesignGm3WizLinearProgress-linear-progress__track-right {
  background-color: var(--gm3-linear-progress-track-color, var(--gm3-sys-color-secondary-container, #c2e7ff));
  height: var(--gm3-linear-progress-track-thickness, 4px);
  border-radius: var(--gm3-linear-progress-track-shape, 9999px)
}

@media (forced-colors:active) {

  .javascriptMaterialdesignGm3WizLinearProgress-linear-progress__track-left,
  .javascriptMaterialdesignGm3WizLinearProgress-linear-progress__track-right {
    height: var(--gm3-linear-progress-track-thickness, 4px);
    box-sizing: border-box;
    border: 1px solid CanvasText
  }
}

.javascriptMaterialdesignGm3WizLinearProgress-linear-progress__track-right {
  flex-shrink: 0
}

.javascriptMaterialdesignGm3WizLinearProgress-linear-progress__stop-indicator {
  inset-block: 0;
  inset-inline-end: 0;
  animation: none
}

.javascriptMaterialdesignGm3WizLinearProgress-linear-progress__buffer-bar {
  display: flex;
  position: relative;
  inset-block: 0;
  margin: auto 0;
  width: 0;
  overflow: hidden;
  height: var(--gm3-linear-progress-track-thickness, 4px);
  transition: width .25s cubic-bezier(.4, 0, .6, 1) 0ms;
  border-radius: var(--gm3-linear-progress-track-shape, 9999px)
}

.javascriptMaterialdesignGm3WizLinearProgress-linear-progress__buffer-dots {
  background-repeat: repeat-x;
  flex: auto;
  transform: rotate(calc(180deg*var(--flow-direction, 1)));
  background-color: var(--gm3-linear-progress-active-indicator-color, var(--gm3-sys-color-primary, #0b57d0));
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='xMinYMin slice'%3E%3Ccircle cx='1' cy='1' r='1'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='xMinYMin slice'%3E%3Ccircle cx='1' cy='1' r='1'/%3E%3C/svg%3E");
  margin-inline-start: calc(var(--gm3-linear-progress-active-indicator-track-space, 4px)*-5);
  animation: gm3-lpi-buffering .25s linear infinite
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizLinearProgress-linear-progress__buffer-dots {
    background-color: ButtonBorder
  }
}

@keyframes gm3-lpi-buffering {
  0% {
    transform: rotate(calc(180deg*var(--flow-direction, 1))) translateX(calc(var(--gm3-linear-progress-track-thickness, 4px)*-2.5*var(--flow-direction, 1)))
  }
}

.javascriptMaterialdesignGm3WizLinearProgress-linear-progress[dir=rtl]:not([dir=ltr]),
[dir=rtl] .javascriptMaterialdesignGm3WizLinearProgress-linear-progress:not([dir=ltr]) {
  --flow-direction: -1
}

.javascriptMaterialdesignGm3WizLinearProgress-linear-progress--closed {
  display: none;
  opacity: 0
}

.javascriptMaterialdesignGm3WizLinearProgress-linear-progress--indeterminate .javascriptMaterialdesignGm3WizLinearProgress-linear-progress__active-indicator {
  flex-grow: 1;
  flex-shrink: 1;
  width: 0
}

.javascriptMaterialdesignGm3WizLinearProgress-linear-progress--indeterminate .javascriptMaterialdesignGm3WizLinearProgress-linear-progress__track-left {
  flex-shrink: 0;
  width: 0
}

.javascriptMaterialdesignGm3WizLinearProgress-linear-progress--indeterminate .javascriptMaterialdesignGm3WizLinearProgress-linear-progress__track-right {
  flex-shrink: 0;
  width: 100%
}

.javascriptMaterialdesignGm3WizLinearProgress-linear-progress--indeterminate .javascriptMaterialdesignGm3WizLinearProgress-linear-progress__gap-left {
  width: var(--gm3-linear-progress-active-indicator-track-space, 4px)
}

.javascriptMaterialdesignGm3WizLinearProgress-linear-progress--indeterminate .javascriptMaterialdesignGm3WizLinearProgress-linear-progress__gap-right {
  width: var(--gm3-linear-progress-active-indicator-track-space, 4px);
  flex-shrink: 1
}

.javascriptMaterialdesignGm3WizLinearProgress-linear-progress--indeterminate.javascriptMaterialdesignGm3WizLinearProgress-linear-progress--animation-ready .javascriptMaterialdesignGm3WizLinearProgress-linear-progress__track-left {
  animation: var(--mdc-linear-progress-animation-duration, 1.3s) linear infinite gm3-lpi-track-left;
  animation-timing-function: cubic-bezier(.3, 0, .8, .15)
}

@keyframes gm3-lpi-track-left {
  0% {
    width: 0
  }

  18% {
    width: 0
  }

  61.5384615% {
    width: calc(50% - var(--gm3-linear-progress-active-indicator-track-space, 4px));
    animation-timing-function: cubic-bezier(.05, .7, .1, 1)
  }

  to {
    width: 100%
  }
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizLinearProgress-linear-progress--indeterminate.javascriptMaterialdesignGm3WizLinearProgress-linear-progress--animation-ready .javascriptMaterialdesignGm3WizLinearProgress-linear-progress__track-left {
    animation: var(--mdc-linear-progress-animation-duration, 1.3s) linear infinite gm3-lpi-track-left-hcm;
    animation-timing-function: cubic-bezier(.3, 0, .8, .15)
  }

  @keyframes gm3-lpi-track-left-hcm {
    0% {
      width: 0;
      border-width: 0
    }

    18% {
      width: 0;
      border-width: 0
    }

    20% {
      border-width: 1px
    }

    61.5384615% {
      border-width: 1px;
      width: calc(50% - var(--gm3-linear-progress-active-indicator-track-space, 4px));
      animation-timing-function: cubic-bezier(.05, .7, .1, 1)
    }

    to {
      width: 100%;
      border-width: 1px
    }
  }
}

.javascriptMaterialdesignGm3WizLinearProgress-linear-progress--indeterminate.javascriptMaterialdesignGm3WizLinearProgress-linear-progress--animation-ready .javascriptMaterialdesignGm3WizLinearProgress-linear-progress__track-right {
  animation: var(--mdc-linear-progress-animation-duration, 1.3s) linear infinite gm3-lpi-track-right;
  animation-timing-function: cubic-bezier(.3, 0, .8, .15)
}

@keyframes gm3-lpi-track-right {
  0% {
    width: 100%
  }

  61.5384615% {
    width: 0
  }

  to {
    width: 0
  }
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizLinearProgress-linear-progress--indeterminate.javascriptMaterialdesignGm3WizLinearProgress-linear-progress--animation-ready .javascriptMaterialdesignGm3WizLinearProgress-linear-progress__track-right {
    animation: var(--mdc-linear-progress-animation-duration, 1.3s) linear infinite gm3-lpi-track-right-hcm;
    animation-timing-function: cubic-bezier(.3, 0, .8, .15)
  }

  @keyframes gm3-lpi-track-right-hcm {
    0% {
      width: 100%;
      border-width: 1px
    }

    61.4% {
      border-width: 1px
    }

    61.5384615% {
      width: 0;
      border-width: 0
    }

    to {
      border-width: 0;
      width: 0
    }
  }
}

.javascriptMaterialdesignGm3WizLinearProgress-linear-progress--indeterminate.javascriptMaterialdesignGm3WizLinearProgress-linear-progress--animation-ready .javascriptMaterialdesignGm3WizLinearProgress-linear-progress__gap-left {
  animation: var(--mdc-linear-progress-animation-duration, 1.3s) linear infinite gm3-lpi-gap-left
}

@keyframes gm3-lpi-gap-left {
  0% {
    width: 0
  }

  9.8% {
    width: 0
  }

  20% {
    width: var(--gm3-linear-progress-active-indicator-track-space, 4px)
  }

  to {
    width: var(--gm3-linear-progress-active-indicator-track-space, 4px)
  }
}

.javascriptMaterialdesignGm3WizLinearProgress-linear-progress--indeterminate.javascriptMaterialdesignGm3WizLinearProgress-linear-progress--animation-ready .javascriptMaterialdesignGm3WizLinearProgress-linear-progress__gap-right {
  animation: var(--mdc-linear-progress-animation-duration, 1.3s) linear infinite gm3-lpi-gap-right
}

@keyframes gm3-lpi-gap-right {
  61.5384615% {
    width: var(--gm3-linear-progress-active-indicator-track-space, 4px)
  }

  61.6384615% {
    width: 0
  }

  to {
    width: 0
  }
}

.javascriptMaterialdesignGm3WizLinearProgress-linear-progress--closed-animation-off .javascriptMaterialdesignGm3WizLinearProgress-linear-progress__buffer-dots,
.javascriptMaterialdesignGm3WizLinearProgress-linear-progress--closed-animation-off.javascriptMaterialdesignGm3WizLinearProgress-linear-progress--indeterminate .javascriptMaterialdesignGm3WizLinearProgress-linear-progress__bar {
  animation: none
}

.javascriptMaterialdesignGm3WizDatatable-data-table {
  -webkit-overflow-scrolling: touch;
  border-style: solid;
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: column;
  isolation: isolate;
  overflow: hidden;
  position: relative;
  border-color: var(--gm3-data-table-outline-color, var(--gm3-sys-color-outline-variant, #c4c7c5));
  border-radius: var(--gm3-data-table-container-shape, 4px);
  border-width: var(--gm3-data-table-outline-width, 1px)
}

.javascriptMaterialdesignGm3WizDatatable-data-table__table-container {
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  inline-size: 100%
}

.javascriptMaterialdesignGm3WizDatatable-data-table__table {
  border-spacing: 0;
  border: 0;
  min-inline-size: 100%;
  white-space: nowrap;
  table-layout: fixed;
  padding: var(--gm3-data-table-table-padding, 0)
}

.javascriptMaterialdesignGm3WizDatatable-data-table__header-cell:first-child {
  border-start-start-radius: var(--gm3-data-table-container-shape, 4px)
}

.javascriptMaterialdesignGm3WizDatatable-data-table__header-cell:last-child {
  border-start-end-radius: var(--gm3-data-table-container-shape, 4px)
}

.javascriptMaterialdesignGm3WizDatatable-data-table--without-footer .javascriptMaterialdesignGm3WizDatatable-data-table__row:last-child>.javascriptMaterialdesignGm3WizDatatable-data-table__cell:first-child {
  border-end-start-radius: var(--gm3-data-table-container-shape, 4px)
}

.javascriptMaterialdesignGm3WizDatatable-data-table--without-footer .javascriptMaterialdesignGm3WizDatatable-data-table__row:last-child>.javascriptMaterialdesignGm3WizDatatable-data-table__cell:last-child {
  border-end-end-radius: var(--gm3-data-table-container-shape, 4px)
}

.javascriptMaterialdesignGm3WizDatatable-data-table__header-row {
  block-size: var(--gm3-data-table-header-container-height, 56px)
}

.javascriptMaterialdesignGm3WizDatatable-data-table__header-cell {
  box-sizing: border-box;
  text-overflow: ellipsis;
  overflow: hidden;
  outline: none;
  text-align: start;
  background-color: var(--gm3-data-table-header-container-color, var(--gm3-sys-color-surface, #fff));
  color: var(--gm3-data-table-header-headline-color, var(--gm3-sys-color-on-surface-variant, #444746));
  font-family: var(--gm3-data-table-header-headline-font, "Google Sans Flex", "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif);
  font-size: var(--gm3-data-table-header-headline-size, .875rem);
  font-weight: var(--gm3-data-table-header-headline-weight, 500);
  letter-spacing: var(--gm3-data-table-header-headline-tracking, 0);
  line-height: var(--gm3-data-table-header-headline-line-height, 1.25rem);
  font-variation-settings: var(--gm3-data-table-header-headline-font-variation-settings, initial)
}

.javascriptMaterialdesignGm3WizDatatable-data-table__header-cell:not(.javascriptMaterialdesignGm3WizDatatable-data-table__header-cell--checkbox) {
  color: var(--gm3-data-table-header-headline-color, var(--gm3-sys-color-on-surface-variant, #444746))
}

.javascriptMaterialdesignGm3WizDatatable-data-table__header-cell--with-sort:hover {
  color: var(--gm3-data-table-header-hover-headline-color, var(--gm3-sys-color-on-surface, #1f1f1f))
}

.javascriptMaterialdesignGm3WizDatatable-data-table__header-cell .javascriptMaterialdesignGm3WizDatatable-data-table__sort-icon-button {
  --gm3-icon-button-standard-unselected-icon-color: var(--gm3-data-table-header-headline-color, var(--gm3-sys-color-on-surface-variant, #444746))
}

.javascriptMaterialdesignGm3WizDatatable-data-table__header-cell--with-sort:hover .javascriptMaterialdesignGm3WizDatatable-data-table__sort-icon-button {
  --gm3-icon-button-standard-unselected-icon-color: var(--gm3-data-table-header-hover-sorting-icon-button-color, var(--gm3-sys-color-on-surface, #1f1f1f))
}

.javascriptMaterialdesignGm3WizDatatable-data-table--sticky-header .javascriptMaterialdesignGm3WizDatatable-data-table__header-cell {
  position: sticky;
  inset-block-start: 0;
  z-index: 1
}

.javascriptMaterialdesignGm3WizDatatable-data-table__header-cell-wrapper {
  align-items: center;
  display: inline-flex;
  vertical-align: middle
}

.javascriptMaterialdesignGm3WizDatatable-data-table__cell {
  box-sizing: border-box;
  overflow: hidden;
  text-align: start;
  text-overflow: ellipsis;
  color: var(--gm3-data-table-row-item-label-text-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  font-family: var(--gm3-data-table-row-item-label-text-font, "Google Sans Flex", "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif);
  font-size: var(--gm3-data-table-row-item-label-text-size, .875rem);
  font-weight: var(--gm3-data-table-row-item-label-text-weight, 400);
  letter-spacing: var(--gm3-data-table-row-item-label-text-tracking, 0);
  line-height: var(--gm3-data-table-row-item-label-text-line-height, 1.25rem);
  font-variation-settings: var(--gm3-data-table-row-item-label-text-font-variation-settings, initial)
}

.javascriptMaterialdesignGm3WizDatatable-data-table__cell,
.javascriptMaterialdesignGm3WizDatatable-data-table__header-cell {
  border-block-end-color: var(--gm3-data-table-row-item-outline-color, var(--gm3-sys-color-outline-variant, #c4c7c5));
  border-block-end-style: solid;
  border-block-end-width: var(--gm3-data-table-row-item-outline-width, 1px);
  padding-block: 0;
  padding-inline: 16px
}

.javascriptMaterialdesignGm3WizDatatable-data-table__cell--checkbox,
.javascriptMaterialdesignGm3WizDatatable-data-table__header-cell--checkbox {
  padding-inline: 4px;
  inline-size: 1px
}

.javascriptMaterialdesignGm3WizDatatable-data-table__cell--numeric,
.javascriptMaterialdesignGm3WizDatatable-data-table__header-cell--numeric {
  text-align: end
}

.javascriptMaterialdesignGm3WizDatatable-data-table__row:last-child>.javascriptMaterialdesignGm3WizDatatable-data-table__cell {
  border-block-end: none
}

.javascriptMaterialdesignGm3WizDatatable-data-table__row {
  background-color: var(--gm3-data-table-row-item-unselected-container-color, var(--gm3-sys-color-surface, #fff));
  block-size: var(--gm3-data-table-row-item-container-height, 52px)
}

.javascriptMaterialdesignGm3WizDatatable-data-table__row--selected {
  background-color: var(--gm3-data-table-row-item-selected-container-color, var(--gm3-sys-color-surface-container-highest, #dde3ea))
}

.javascriptMaterialdesignGm3WizDatatable-data-table__row:not(.javascriptMaterialdesignGm3WizDatatable-data-table__row--selected):hover .javascriptMaterialdesignGm3WizDatatable-data-table__cell {
  background-color: var(--gm3-data-table-row-item-unselected-hover-state-layer-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .08))
}

.javascriptMaterialdesignGm3WizDatatable-data-table__row--selected:hover .javascriptMaterialdesignGm3WizDatatable-data-table__cell {
  background-color: var(--gm3-data-table-row-item-selected-hover-state-layer-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .08))
}

.javascriptMaterialdesignGm3WizDatatable-data-table__pagination {
  box-sizing: border-box;
  display: flex;
  justify-content: flex-end;
  background-color: var(--gm3-data-table-footer-container-color, var(--gm3-sys-color-surface, #fff));
  border-block-start-color: var(--gm3-data-table-row-item-outline-color, var(--gm3-sys-color-outline-variant, #c4c7c5));
  border-block-start-style: solid;
  border-block-start-width: var(--gm3-data-table-row-item-outline-width, 1px);
  font-family: var(--gm3-data-table-footer-supporting-text-font, "Google Sans Flex", "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif);
  font-size: var(--gm3-data-table-footer-supporting-text-size, .875rem);
  font-weight: var(--gm3-data-table-footer-supporting-text-weight, 400);
  letter-spacing: var(--gm3-data-table-footer-supporting-text-tracking, 0);
  line-height: var(--gm3-data-table-footer-supporting-text-line-height, 1.25rem);
  min-block-size: var(--gm3-data-table-footer-container-height, 52px);
  font-variation-settings: var(--gm3-data-table-footer-supporting-text-font-variation-settings, initial)
}

.javascriptMaterialdesignGm3WizDatatable-data-table__pagination-button {
  margin-inline-end: 8px
}

.javascriptMaterialdesignGm3WizDatatable-data-table__pagination-trailing {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-inline-start: 4px
}

.javascriptMaterialdesignGm3WizDatatable-data-table__pagination-navigation {
  align-items: center;
  display: flex
}

.javascriptMaterialdesignGm3WizDatatable-data-table__pagination-total {
  margin-inline: 14px 36px;
  white-space: nowrap;
  color: var(--gm3-data-table-footer-supporting-text-color, var(--gm3-sys-color-on-surface-variant, #444746))
}

.javascriptMaterialdesignGm3WizDatatable-data-table__pagination-rows-per-page {
  align-items: center;
  display: inline-flex;
  margin-inline-end: 22px
}

.javascriptMaterialdesignGm3WizDatatable-data-table__pagination-rows-per-page-label {
  margin-inline-end: 12px;
  white-space: nowrap;
  color: var(--gm3-data-table-footer-supporting-text-color, var(--gm3-sys-color-on-surface-variant, #444746))
}

.javascriptMaterialdesignGm3WizDatatable-data-table__sort-icon-button {
  margin-inline-start: 4px;
  transform: rotate(.0001deg);
  transition: transform .15s cubic-bezier(.4, 0, .2, 1) 0ms;
  opacity: 0
}

.javascriptMaterialdesignGm3WizDatatable-data-table__header-cell--sorted .javascriptMaterialdesignGm3WizDatatable-data-table__sort-icon-button,
.javascriptMaterialdesignGm3WizDatatable-data-table__header-cell:hover .javascriptMaterialdesignGm3WizDatatable-data-table__sort-icon-button,
.javascriptMaterialdesignGm3WizDatatable-data-table__sort-icon-button:focus {
  opacity: 1
}

.javascriptMaterialdesignGm3WizDatatable-data-table__header-cell--numeric .javascriptMaterialdesignGm3WizDatatable-data-table__sort-icon-button {
  margin-inline: 0 4px
}

.javascriptMaterialdesignGm3WizDatatable-data-table__header-cell--sorted-descending .javascriptMaterialdesignGm3WizDatatable-data-table__sort-icon-button {
  transform: rotate(-180deg)
}

.javascriptMaterialdesignGm3WizDatatable-data-table__header-cell--with-sort {
  cursor: pointer
}

.javascriptMaterialdesignGm3WizDatatable-data-table__sort-status-label {
  clip: rect(1px, 1px, 1px, 1px);
  block-size: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  inline-size: 1px
}

.javascriptMaterialdesignGm3WizDatatable-data-table__pagination-rows-per-page-select {
  margin-block: 8px;
  margin-inline: 0;
  min-inline-size: 80px;
  --gm3-select-shared-text-field-container-width: 100%;
  --gm3-select-shared-text-field-container-height: 36px;
  --gm3-select-shared-menu-list-item-one-line-container-height: 36px
}

.javascriptMaterialdesignGm3WizDatatable-data-table__progress-indicator-cell {
  padding: 0
}

.javascriptMaterialdesignGm3WizDatatable-data-table__progress-indicator {
  width: 100%
}

.javascriptMaterialdesignGm3WizDatatable-data-table__scrim {
  block-size: 100%;
  position: absolute;
  inset-block-start: 0;
  inline-size: 100%;
  background-color: var(--gm3-sys-color-surface, #fff);
  opacity: .32
}

.analyticsDialogViewersContainer {
  width: 100%;
  height: 100%;
  position: relative
}

.analyticsDialogViewersTabBar {
  margin-left: 24px;
  margin-right: 24px;
  --gm3-tabs-primary-container-color: var(--gm3-sys-color-surface-bright, #fff)
}

.javascriptMaterialdesignGm3WizTabsPrimary-tab-bar.javascriptMaterialdesignGm3WizTabsPrimary-tab-bar {
  border-bottom: var(--gm3-tabs-primary-divider-height, 1px) solid var(--gm3-tabs-primary-divider-color, var(--gm3-sys-color-surface-variant, #e1e3e1))
}

.javascriptMaterialdesignGm3WizTabsPrimary-tab {
  min-width: 90px;
  padding: 0 24px;
  display: flex;
  flex: 1 0 auto;
  justify-content: center;
  box-sizing: border-box;
  margin: 0;
  border: none;
  outline: none;
  text-align: center;
  white-space: nowrap;
  text-transform: none;
  cursor: pointer;
  -webkit-appearance: none;
  width: auto;
  font-size: .875rem;
  z-index: unset;
  position: relative;
  background-color: var(--gm3-tabs-primary-container-color, var(--gm3-sys-color-surface, #fff));
  border-radius: var(--gm3-tabs-primary-container-shape, 0);
  --gm3-focus-ring-inward-color: var(--gm3-tabs-primary-focus-indicator-color, var(--gm3-sys-color-secondary, #00639b));
  --gm3-focus-ring-inward-offset: var(--gm3-tabs-primary-focus-indicator-outline-offset, -3px);
  --gm3-focus-ring-inward-track-width: var(--gm3-tabs-primary-focus-indicator-thickness, 3px);
  --gm3-focus-ring-inward-target-shape-start-start: var(--gm3-tabs-primary-container-shape, 0px);
  --gm3-focus-ring-inward-target-shape-start-end: var(--gm3-tabs-primary-container-shape, 0px);
  --gm3-focus-ring-inward-target-shape-end-end: var(--gm3-tabs-primary-container-shape, 0px);
  --gm3-focus-ring-inward-target-shape-end-start: var(--gm3-tabs-primary-container-shape, 0px)
}

.javascriptMaterialdesignGm3WizTabsPrimary-tab__wrapper {
  display: flex;
  flex-grow: 1
}

.javascriptMaterialdesignGm3WizTabsPrimary-tab:active .javascriptMaterialdesignGm3WizTabsPrimary-tab-indicator__content--underline,
.javascriptMaterialdesignGm3WizTabsPrimary-tab:hover .javascriptMaterialdesignGm3WizTabsPrimary-tab-indicator__content--underline {
  border-color: var(--gm3-tabs-primary-active-indicator-color, var(--gm3-sys-color-primary, #0b57d0))
}

.javascriptMaterialdesignGm3WizTabsPrimary-tab-indicator .javascriptMaterialdesignGm3WizTabsPrimary-tab-indicator__content--underline {
  border-color: var(--gm3-tabs-primary-active-indicator-color, var(--gm3-sys-color-primary, #0b57d0));
  border-top-width: var(--gm3-tabs-primary-active-indicator-height, 3px)
}

.javascriptMaterialdesignGm3WizTabsPrimary-tab:not(.javascriptMaterialdesignGm3WizTabsPrimary-tab--stacked) {
  height: var(--gm3-tabs-primary-container-height, 48px)
}

.javascriptMaterialdesignGm3WizTabsPrimary-tab--active {
  --gm3-focus-ring-inward-extra-offset-bottom: calc((var(--gm3-tabs-primary-active-indicator-height, 3px) + 1px)*-1)
}

.javascriptMaterialdesignGm3WizTabsPrimary-tab:focus-visible {
  --gm3-focus-ring-inward-display: block
}

.javascriptMaterialdesignGm3WizTabsPrimary-tab__text-label {
  transition: color .15s linear;
  display: inline-block;
  z-index: 2
}

.javascriptMaterialdesignGm3WizTabsPrimary-tab-indicator {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  justify-content: center;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1
}

.javascriptMaterialdesignGm3WizTabsPrimary-tab-indicator__content {
  transform-origin: left;
  opacity: 0;
  align-self: flex-end;
  box-sizing: border-box;
  width: 100%;
  border-top-style: solid;
  transition: transform .25s cubic-bezier(.4, 0, .2, 1);
  border-color: primary;
  border-top-width: 2px
}

.javascriptMaterialdesignGm3WizTabsPrimary-tab-indicator--active .javascriptMaterialdesignGm3WizTabsPrimary-tab-indicator__content {
  opacity: 1
}

.javascriptMaterialdesignGm3WizTabsPrimary-tab-indicator--no-transition .javascriptMaterialdesignGm3WizTabsPrimary-tab-indicator__content {
  transition: none
}

.javascriptMaterialdesignGm3WizTabsPrimary-tab-scroller--animating .javascriptMaterialdesignGm3WizTabsPrimary-tab-scroller__scroll-content {
  transition: transform .25s cubic-bezier(.4, 0, .2, 1)
}

.javascriptMaterialdesignGm3WizTabsPrimary-tab-scroller {
  overflow-y: hidden
}

.javascriptMaterialdesignGm3WizTabsPrimary-tab-scroller__test {
  position: absolute;
  top: -9999px;
  width: 100px;
  height: 100px;
  overflow-x: scroll
}

.javascriptMaterialdesignGm3WizTabsPrimary-tab-scroller__scroll-area {
  -webkit-overflow-scrolling: touch;
  display: flex;
  overflow-x: hidden
}

.javascriptMaterialdesignGm3WizTabsPrimary-tab-scroller__scroll-area,
.javascriptMaterialdesignGm3WizTabsPrimary-tab-scroller__test {
  scrollbar-width: none
}

.javascriptMaterialdesignGm3WizTabsPrimary-tab-scroller__scroll-area::-webkit-scrollbar,
.javascriptMaterialdesignGm3WizTabsPrimary-tab-scroller__test::-webkit-scrollbar {
  display: none
}

.javascriptMaterialdesignGm3WizTabsPrimary-tab-scroller__scroll-area--scroll {
  overflow-x: scroll
}

.javascriptMaterialdesignGm3WizTabsPrimary-tab-scroller__scroll-content {
  position: relative;
  display: flex;
  flex: 1 0 auto;
  transform: none;
  will-change: transform
}

.javascriptMaterialdesignGm3WizTabsPrimary-tab-scroller__scroll-content .javascriptMaterialdesignGm3WizTabsPrimary-tab {
  padding: 0 16px;
  min-width: auto
}

.javascriptMaterialdesignGm3WizTabsPrimary-tab-scroller--align-start .javascriptMaterialdesignGm3WizTabsPrimary-tab-scroller__scroll-content {
  justify-content: flex-start
}

.javascriptMaterialdesignGm3WizTabsPrimary-tab-scroller--align-end .javascriptMaterialdesignGm3WizTabsPrimary-tab-scroller__scroll-content {
  justify-content: flex-end
}

.javascriptMaterialdesignGm3WizTabsPrimary-tab-scroller--animating .javascriptMaterialdesignGm3WizTabsPrimary-tab-scroller__scroll-area {
  -webkit-overflow-scrolling: auto
}

.javascriptMaterialdesignGm3WizTabsPrimary-tab--min-width {
  flex: 0 1 auto
}

.javascriptMaterialdesignGm3WizTabsPrimary-tab__content {
  display: flex;
  align-items: center;
  justify-content: center;
  height: inherit;
  pointer-events: none;
  position: relative
}

.javascriptMaterialdesignGm3WizTabsPrimary-tab .gm3-tab__icon {
  transition: color .15s linear;
  z-index: 2;
  height: 24px;
  width: 24px;
  font-size: 24px
}

.javascriptMaterialdesignGm3WizTabsPrimary-tab svg {
  display: block;
  margin: auto
}

.javascriptMaterialdesignGm3WizTabsPrimary-tab:not(.javascriptMaterialdesignGm3WizTabsPrimary-tab--stacked) .javascriptMaterialdesignGm3WizTabsPrimary-tab__content>.gm3-tab__icon+.javascriptMaterialdesignGm3WizTabsPrimary-tab__text-label {
  padding-left: 8px;
  padding-right: 0
}

.javascriptMaterialdesignGm3WizTabsPrimary-tab.javascriptMaterialdesignGm3WizTabsPrimary-tab--stacked {
  height: var(--gm3-tabs-primary-with-icon-and-label-text-container-height, 64px)
}

.javascriptMaterialdesignGm3WizTabsPrimary-tab.javascriptMaterialdesignGm3WizTabsPrimary-tab--stacked .javascriptMaterialdesignGm3WizTabsPrimary-tab__content {
  flex-direction: column;
  align-items: center;
  justify-content: center
}

.javascriptMaterialdesignGm3WizTabsPrimary-tab--active {
  --gm3-ripple-hover-color: var(--gm3-tabs-primary-active-hover-state-layer-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-ripple-pressed-color: var(--gm3-tabs-primary-active-hover-state-layer-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-ripple-hover-opacity: var(--gm3-tabs-primary-active-hover-state-layer-opacity, 0.08);
  --gm3-ripple-pressed-opacity: var(--gm3-tabs-primary-active-pressed-state-layer-opacity, 0.1);
  --gm3-ripple-shape-start-start: var(--gm3-tabs-primary-container-shape, 0px);
  --gm3-ripple-shape-start-end: var(--gm3-tabs-primary-container-shape, 0px);
  --gm3-ripple-shape-end-end: var(--gm3-tabs-primary-container-shape, 0px);
  --gm3-ripple-shape-end-start: var(--gm3-tabs-primary-container-shape, 0px)
}

.javascriptMaterialdesignGm3WizTabsPrimary-tab--active:focus {
  --gm3-ripple-hover-opacity: 0;
  --gm3-ripple-pressed-opacity: 0
}

.javascriptMaterialdesignGm3WizTabsPrimary-tab--active:not(:disabled) .gm3-tab__icon {
  color: var(--gm3-tabs-primary-with-icon-active-icon-color, var(--gm3-sys-color-primary, #0b57d0));
  fill: currentColor
}

.javascriptMaterialdesignGm3WizTabsPrimary-tab--active:not(:disabled):hover .gm3-tab__icon {
  color: var(--gm3-tabs-primary-with-icon-active-hover-icon-color, var(--gm3-sys-color-primary, #0b57d0));
  fill: currentColor
}

.javascriptMaterialdesignGm3WizTabsPrimary-tab--active:not(:disabled):focus .gm3-tab__icon {
  color: var(--gm3-tabs-primary-with-icon-active-focus-icon-color, var(--gm3-sys-color-primary, #0b57d0));
  fill: currentColor
}

.javascriptMaterialdesignGm3WizTabsPrimary-tab--active:not(:disabled):active .gm3-tab__icon {
  color: var(--gm3-tabs-primary-with-icon-active-pressed-icon-color, var(--gm3-sys-color-primary, #0b57d0));
  fill: currentColor
}

.javascriptMaterialdesignGm3WizTabsPrimary-tab--active:not(:disabled) .javascriptMaterialdesignGm3WizTabsPrimary-tab__text-label {
  color: var(--gm3-tabs-primary-with-label-text-active-label-text-color, var(--gm3-sys-color-primary, #0b57d0))
}

.javascriptMaterialdesignGm3WizTabsPrimary-tab--active:not(:disabled):hover .javascriptMaterialdesignGm3WizTabsPrimary-tab__text-label {
  color: var(--gm3-tabs-primary-with-label-text-active-hover-label-text-color, var(--gm3-sys-color-primary, #0b57d0))
}

.javascriptMaterialdesignGm3WizTabsPrimary-tab--active:not(:disabled):focus .javascriptMaterialdesignGm3WizTabsPrimary-tab__text-label {
  color: var(--gm3-tabs-primary-with-label-text-active-focus-label-text-color, var(--gm3-sys-color-primary, #0b57d0))
}

.javascriptMaterialdesignGm3WizTabsPrimary-tab--active:not(:disabled):active .javascriptMaterialdesignGm3WizTabsPrimary-tab__text-label {
  color: var(--gm3-tabs-primary-with-label-text-active-pressed-label-text-color, var(--gm3-sys-color-primary, #0b57d0))
}

.javascriptMaterialdesignGm3WizTabsPrimary-tab:not(.javascriptMaterialdesignGm3WizTabsPrimary-tab--active) {
  --gm3-ripple-hover-color: var(--gm3-tabs-primary-inactive-hover-state-layer-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  --gm3-ripple-pressed-color: var(--gm3-tabs-primary-inactive-hover-state-layer-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  --gm3-ripple-hover-opacity: var(--gm3-tabs-primary-inactive-hover-state-layer-opacity, 0.08);
  --gm3-ripple-pressed-opacity: var(--gm3-tabs-primary-inactive-pressed-state-layer-opacity, 0.1);
  --gm3-ripple-shape-start-start: var(--gm3-tabs-primary-container-shape, 0px);
  --gm3-ripple-shape-start-end: var(--gm3-tabs-primary-container-shape, 0px);
  --gm3-ripple-shape-end-end: var(--gm3-tabs-primary-container-shape, 0px);
  --gm3-ripple-shape-end-start: var(--gm3-tabs-primary-container-shape, 0px)
}

.javascriptMaterialdesignGm3WizTabsPrimary-tab:not(.javascriptMaterialdesignGm3WizTabsPrimary-tab--active):not(:disabled) .gm3-tab__icon {
  color: var(--gm3-tabs-primary-with-icon-inactive-icon-color, var(--gm3-sys-color-on-surface-variant, #444746));
  fill: currentColor
}

.javascriptMaterialdesignGm3WizTabsPrimary-tab:not(.javascriptMaterialdesignGm3WizTabsPrimary-tab--active):not(:disabled):hover .gm3-tab__icon {
  color: var(--gm3-tabs-primary-with-icon-inactive-hover-icon-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  fill: currentColor
}

.javascriptMaterialdesignGm3WizTabsPrimary-tab:not(.javascriptMaterialdesignGm3WizTabsPrimary-tab--active):not(:disabled):focus .gm3-tab__icon {
  color: var(--gm3-tabs-primary-with-icon-inactive-focus-icon-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  fill: currentColor
}

.javascriptMaterialdesignGm3WizTabsPrimary-tab:not(.javascriptMaterialdesignGm3WizTabsPrimary-tab--active):not(:disabled):active .gm3-tab__icon {
  color: var(--gm3-tabs-primary-with-icon-inactive-pressed-icon-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  fill: currentColor
}

.javascriptMaterialdesignGm3WizTabsPrimary-tab:not(.javascriptMaterialdesignGm3WizTabsPrimary-tab--active):not(:disabled) .javascriptMaterialdesignGm3WizTabsPrimary-tab__text-label {
  color: var(--gm3-tabs-primary-with-label-text-inactive-label-text-color, var(--gm3-sys-color-on-surface-variant, #444746))
}

.javascriptMaterialdesignGm3WizTabsPrimary-tab:not(.javascriptMaterialdesignGm3WizTabsPrimary-tab--active):not(:disabled):hover .javascriptMaterialdesignGm3WizTabsPrimary-tab__text-label {
  color: var(--gm3-tabs-primary-with-label-text-inactive-hover-label-text-color, var(--gm3-sys-color-on-surface, #1f1f1f))
}

.javascriptMaterialdesignGm3WizTabsPrimary-tab:not(.javascriptMaterialdesignGm3WizTabsPrimary-tab--active):not(:disabled):focus .javascriptMaterialdesignGm3WizTabsPrimary-tab__text-label {
  color: var(--gm3-tabs-primary-with-label-text-inactive-focus-label-text-color, var(--gm3-sys-color-on-surface, #1f1f1f))
}

.javascriptMaterialdesignGm3WizTabsPrimary-tab:not(.javascriptMaterialdesignGm3WizTabsPrimary-tab--active):not(:disabled):active .javascriptMaterialdesignGm3WizTabsPrimary-tab__text-label {
  color: var(--gm3-tabs-primary-with-label-text-inactive-pressed-label-text-color, var(--gm3-sys-color-on-surface, #1f1f1f))
}

.javascriptMaterialdesignGm3WizTabsPrimary-tab .javascriptMaterialdesignGm3WizTabsPrimary-tab__text-label {
  font-family: var(--gm3-tabs-primary-with-label-text-label-text-font, "Google Sans Flex", "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif);
  font-size: var(--gm3-tabs-primary-with-label-text-label-text-size, .875rem);
  letter-spacing: var(--gm3-tabs-primary-with-label-text-label-text-tracking, 0);
  line-height: var(--gm3-tabs-primary-with-label-text-label-text-line-height, 1.25rem);
  font-weight: var(--gm3-tabs-primary-with-label-text-label-text-weight, 500);
  font-variation-settings: var(--gm3-tabs-primary-with-label-text-label-text-font-variation-settings, initial)
}

.javascriptMaterialdesignGm3WizTabsPrimary-tab.javascriptMaterialdesignGm3WizTabsPrimary-tab--stacked .gm3-tab__icon+.javascriptMaterialdesignGm3WizTabsPrimary-tab__text-label {
  margin-block-start: 2px
}

.javascriptMaterialdesignGm3WizTabsPrimary-tab .javascriptMaterialdesignGm3WizTabsPrimary-tab-indicator .javascriptMaterialdesignGm3WizTabsPrimary-tab-indicator__content--underline {
  border-radius: var(--gm3-tabs-primary-active-indicator-shape, 3px 3px 0 0);
  margin: 0 2px;
  min-width: 24px
}

.javascriptMaterialdesignGm3WizTabsPrimary-tab:focus {
  --gm3-ripple-hover-opacity: 0
}

.analyticsViewersContainerContainer {
  width: 100%;
  height: 100%;
  flex-direction: column;
  display: flex
}

.analyticsViewersContainerSpinner {
  height: 100%;
  width: 100%;
  align-items: end;
  display: flex;
  justify-content: center
}

.analyticsViewersContainerSendEmail,
.analyticsViewersContainerViewersList {
  height: 100%
}

.analyticsViewersContainerUtilContent {
  width: 100%;
  height: 100%
}

.analyticsViewerTrendTrendContainer {
  padding-top: 8px;
  overflow: hidden
}

.analyticsViewerTrendViewersContainer {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: 100%
}

.analyticsViewerTrendComboChartContainer {
  padding-top: 24px
}

.analyticsViewerTrendUniqueViewersContainer {
  padding-left: 24px
}

.analyticsViewerTrendDateRangeSelect {
  padding-right: 24px;
  --gm3-select-shared-text-field-container-height: 40px
}

.analyticsViewerTrendContainerContainer {
  height: 100%;
  width: 100%
}

.analyticsViewerTrendContainerSpinner {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}

.appsDocsAnalyticsUiWizViewertrendcontainerutilFooterContainer {
  padding-bottom: 24px;
  margin-left: 24px
}

.appsDocsAnalyticsUiWizViewertrendcontainerutilContent {
  height: 100%;
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.approvalResetWarningDialogDialog {
  --gm3-dialog-with-icon-icon-width: 280px;
  --gm3-dialog-with-icon-icon-height: 134px
}

.docsCommonGMDCDialogPointerLink {
  color: #15c;
  cursor: pointer
}

@media screen and (forced-colors:active) {
  .docsCommonGMDCDialogPointerLink {
    color: LinkText
  }
}

.appsDocsChromeTitlebarWizCsedefaulttitlebarbadgecalloutCallout {
  --ae-callout-container-width: 400px
}

.baseCopyDocDialogTextContainer {
  width: 350px
}

.baseCopyDocDialogNoticeContainer {
  padding-top: 10px;
  padding-bottom: 10px
}

.baseCopyDocDialogTextfield {
  width: 100%
}

.baseCopyDocDialogIconButton {
  padding-bottom: 8px
}

.baseCopyDocDialogTitleText {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  color: var(--gm3-sys-color-on-surface, #1f1f1f);
  padding: 8px 0
}

.baseCopyDocDialogMinPick.picker-iframe.picker-min {
  z-index: 1003
}

.baseCopyDocDialogFixedFilenameText {
  font-weight: 700;
  margin: 8px 0 16px;
  word-wrap: break-word
}

.baseCopyDocDialogSharedFolderText {
  padding-top: 8px;
  font-size: 12px
}

.baseCopyDocDialogCheckboxes {
  --gm3-checkbox-container-size: 18px;
  --gm3-checkbox-state-layer-size: 36px;
  --gm3-checkbox-touch-target-size: 0px;
  padding-top: 16px
}

.baseCopyDocDialogCheckboxLabelNextToBadge {
  display: inline-block;
  margin-right: 10px
}

.baseCopyDocDialogCheckboxLabelBadge {
  display: inline-block;
  --ae-badge-container-color: #e6f4ea;
  --ae-badge-text-color: #0d652d;
  vertical-align: middle
}

.baseCopyDocDialogSvgIcon {
  filter: brightness(0) saturate(100%) invert(23%) sepia(34%) saturate(7264%) hue-rotate(213deg) brightness(86%) contrast(92%);
  padding-right: 6px
}

.baseCopyDocDialogContainer {
  --gm3-dialog-container-min-width: 440px;
  --gm3-dialog-container-max-width: 440px
}

.baseCopyDocDialogUtilTextContainer {
  width: 350px
}

.baseCopyDocDialogUtilNoticeTop {
  padding-top: 20px
}

.baseCopyDocDialogUtilFolderIcon {
  padding-right: 6px
}

.baseCopyDocDialogUtilSvgIcon {
  filter: brightness(0) saturate(100%) invert(23%) sepia(34%) saturate(7264%) hue-rotate(213deg) brightness(86%) contrast(92%)
}

.appsElementsBadgeActionMain {
  --gm3-button-text-hover-state-layer-opacity: 0;
  --gm3-button-text-pressed-state-layer-opacity: 0;
  padding: 0 4px
}

.appsElementsBadgeActionMain:hover {
  -webkit-text-decoration: underline currentColor from-font;
  text-decoration: underline currentColor from-font;
  text-underline-offset: 1.5px
}

.appsElementsBadgeActionMain .appsElementsBadgeInformativeIcon.appsElementsBadgeInformativeIcon {
  margin-inline-end: 4px
}

.appsElementsBadgeActionTooltip {
  --gm3-tooltip-rich-action-label-text-font: "Google Sans";
  --gm3-tooltip-rich-supporting-text-font: "Google Sans"
}

.appsElementsBadgeNotification {
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .00625rem;
  line-height: 1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  border-radius: 8px;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  block-size: 16px;
  padding: 0 4px;
  max-inline-size: 180px;
  color: var(--ae-badge-text-color, #fff)
}

.appsElementsBadgeNotification:empty {
  border-radius: 4px;
  inline-size: 8px;
  block-size: 8px;
  padding: 0
}

@media (-ms-high-contrast:active),
screen and (forced-colors:active) {
  .appsElementsBadgeNotification:empty {
    background-color: Highlight
  }
}

.appsElementsBadgeFeature {
  background-color: var(--ae-badge-container-color, #1967d2)
}

.appsElementsBadgeFeatureContainer {
  block-size: 16px;
  display: flex;
  align-items: center
}

.appsElementsBadgeFeatureLabel {
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .00625rem;
  line-height: 1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  pointer-events: none;
  color: #fff;
  opacity: 0;
  transition: opacity .35s 50ms
}

.appsElementsBadgeFeatureMain {
  display: flex;
  padding: 0;
  border-radius: 4px;
  max-inline-size: 8px;
  max-block-size: 8px;
  background-color: #1967d2;
  transition-property: max-inline-size, max-block-size, padding, border-radius;
  transition-duration: .35s;
  transition-timing-function: cubic-bezier(.2, 0, 0, 1)
}

@media (-ms-high-contrast:active),
screen and (forced-colors:active) {
  .appsElementsBadgeFeatureMain {
    background-color: Highlight;
    color: HighlightText;
    forced-color-adjust: none
  }
}

.appsElementsBadgeFeatureMain:hover {
  border-radius: 8px;
  max-inline-size: 180px;
  max-block-size: 16px;
  padding: 0 4px
}

.appsElementsBadgeFeatureMain:hover .appsElementsBadgeFeatureLabel {
  opacity: 1
}

.appsElementsBadgeRoot {
  inline-size: -moz-fit-content;
  inline-size: fit-content
}

.appsElementsBadgeContainer {
  border-radius: var(--ae-badge-container-shape, 4px);
  block-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  max-inline-size: 180px;
  inline-size: -moz-fit-content;
  inline-size: fit-content
}

.appsElementsBadgeMain {
  --gm3-button-text-container-shape: 4px;
  --gm3-button-text-container-height: 20px;
  --gm3-button-text-focus-label-text-color: var(--ae-badge-text-color, #174ea6);
  --gm3-button-text-hover-label-text-color: var(--ae-badge-text-color, #174ea6);
  --gm3-button-text-label-text-color: var(--ae-badge-text-color, #174ea6);
  --gm3-button-text-label-text-size: 0.75rem;
  --gm3-button-text-label-text-tracking: 0.00625rem;
  --gm3-button-text-label-text-weight: 500;
  --gm3-button-text-pressed-label-text-color: var(--ae-badge-text-color, #174ea6);
  --gm3-button-text-with-icon-focus-icon-color: var(--ae-badge-text-color, #174ea6);
  --gm3-button-text-with-icon-hover-icon-color: var(--ae-badge-text-color, #174ea6);
  --gm3-button-text-with-icon-icon-color: var(--ae-badge-text-color, #174ea6);
  --gm3-button-text-with-icon-pressed-icon-color: var(--ae-badge-text-color, #174ea6);
  background-color: var(--ae-badge-container-color, #e8f0fe);
  color: var(--ae-badge-text-color, #174ea6);
  min-inline-size: unset
}

.appsElementsBadgeBorder,
.appsElementsBadgeContainer .appsElementsBadgeBorder {
  box-sizing: border-box;
  border: 1px solid var(--ae-badge-outline-color, none)
}

@media (-ms-high-contrast:active),
screen and (forced-colors:active) {

  .appsElementsBadgeBorder,
  .appsElementsBadgeContainer .appsElementsBadgeBorder {
    border: 1px solid CanvasText
  }
}

.appsElementsBadgeInformativeContainer {
  gap: 0 4px;
  padding: 0 var(--ae-badge-container-padding-inline, 4px);
  color: var(--ae-badge-text-color, #174ea6);
  background-color: var(--ae-badge-container-color, #e8f0fe)
}

.appsElementsBadgeInformativeIcon {
  display: flex;
  align-items: center
}

.appsElementsBadgeLabel {
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 500;
  letter-spacing: .00625rem;
  line-height: 1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.javascriptMaterialdesignGm3WizButtonProgressFilled-button {
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border: none;
  outline: none;
  background: transparent;
  -moz-appearance: none;
  appearance: none;
  line-height: inherit;
  text-rendering: inherit;
  -webkit-user-select: none;
  user-select: none;
  vertical-align: middle;
  cursor: pointer;
  min-inline-size: var(--gm3-progress-button-filled-container-min-width, 64px);
  padding-block: 0;
  padding-inline-start: var(--gm3-progress-button-filled-leading-space, 24px);
  padding-inline-end: var(--gm3-progress-button-filled-trailing-space, 24px);
  block-size: var(--gm3-progress-button-filled-container-height, 40px);
  border-radius: var(--gm3-progress-button-filled-container-shape, 9999px);
  --gm3-ripple-hover-color: var(--gm3-progress-button-filled-hover-state-layer-color, var(--gm3-sys-color-on-primary, #fff));
  --gm3-ripple-hover-opacity: var(--gm3-progress-button-filled-hover-state-layer-opacity, 0.08);
  --gm3-ripple-pressed-color: var(--gm3-progress-button-filled-hover-state-layer-color, var(--gm3-sys-color-on-primary, #fff));
  --gm3-ripple-pressed-opacity: var(--gm3-progress-button-filled-pressed-state-layer-opacity, 0.1);
  --gm3-focus-ring-outward-color: var(--gm3-progress-button-filled-focus-indicator-color, var(--gm3-sys-color-secondary, #00639b));
  --gm3-focus-ring-outward-offset: var(--gm3-progress-button-filled-focus-indicator-outline-offset, 2px);
  --gm3-focus-ring-outward-track-width: var(--gm3-progress-button-filled-focus-indicator-thickness, 3px);
  --gm3-focus-ring-outward-target-shape-start-start: var(--gm3-progress-button-filled-container-shape, 9999px);
  --gm3-focus-ring-outward-target-shape-start-end: var(--gm3-progress-button-filled-container-shape, 9999px);
  --gm3-focus-ring-outward-target-shape-end-end: var(--gm3-progress-button-filled-container-shape, 9999px);
  --gm3-focus-ring-outward-target-shape-end-start: var(--gm3-progress-button-filled-container-shape, 9999px)
}

.javascriptMaterialdesignGm3WizButtonProgressFilled-button__link:focus-visible {
  outline: none
}

.javascriptMaterialdesignGm3WizButtonProgressFilled-button:focus-visible,
.javascriptMaterialdesignGm3WizButtonProgressFilled-button__link:focus-visible~.javascriptMaterialdesignGm3WizButtonProgressFilled-button__focusring {
  --gm3-focus-ring-outward-display: block
}

.javascriptMaterialdesignGm3WizButtonProgressFilled-button:disabled {
  cursor: default;
  pointer-events: none;
  --gm3-ripple-hover-opacity: 0;
  --gm3-ripple-pressed-opacity: 0
}

.javascriptMaterialdesignGm3WizButtonProgressFilled-button--with-tooltip:disabled {
  pointer-events: auto
}

.javascriptMaterialdesignGm3WizButtonProgressFilled-button[hidden] {
  display: none
}

.javascriptMaterialdesignGm3WizButtonProgressFilled-button__label {
  position: relative;
  text-align: center;
  color: var(--gm3-progress-button-filled-label-text-color, var(--gm3-sys-color-on-primary, #fff));
  font-size: var(--gm3-progress-button-filled-label-text-size, .875rem);
  font-family: var(--gm3-progress-button-filled-label-text-font, "Google Sans", Roboto, Arial, sans-serif);
  font-weight: var(--gm3-progress-button-filled-label-text-weight, 500);
  letter-spacing: var(--gm3-progress-button-filled-label-text-tracking, 0);
  -webkit-text-decoration: var(--gm3-progress-button-filled-label-text-decoration, none);
  text-decoration: var(--gm3-progress-button-filled-label-text-decoration, none);
  font-variation-settings: var(--gm3-progress-button-filled-label-text-font-variation-settings, initial)
}

.javascriptMaterialdesignGm3WizButtonProgressFilled-button__use-updated-font-styles .javascriptMaterialdesignGm3WizButtonProgressFilled-button__label {
  font-family: var(--gm3-progress-button-filled-label-text-font, "Google Sans Flex", "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif)
}

.javascriptMaterialdesignGm3WizButtonProgressFilled-button:hover .javascriptMaterialdesignGm3WizButtonProgressFilled-button__label {
  color: var(--gm3-progress-button-filled-hover-label-text-color, var(--gm3-sys-color-on-primary, #fff))
}

.javascriptMaterialdesignGm3WizButtonProgressFilled-button:focus-visible .javascriptMaterialdesignGm3WizButtonProgressFilled-button__label {
  color: var(--gm3-progress-button-filled-focus-label-text-color, var(--gm3-sys-color-on-primary, #fff))
}

.javascriptMaterialdesignGm3WizButtonProgressFilled-button:active .javascriptMaterialdesignGm3WizButtonProgressFilled-button__label {
  color: var(--gm3-progress-button-filled-pressed-label-text-color, var(--gm3-sys-color-on-primary, #fff))
}

.javascriptMaterialdesignGm3WizButtonProgressFilled-button:disabled .javascriptMaterialdesignGm3WizButtonProgressFilled-button__label {
  color: var(--gm3-progress-button-filled-disabled-label-text-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .38))
}

.javascriptMaterialdesignGm3WizButtonProgressFilled-button--icon-leading {
  padding-inline-start: var(--gm3-progress-button-filled-with-leading-icon-leading-space, 16px);
  padding-inline-end: var(--gm3-progress-button-filled-with-leading-icon-trailing-space, 24px)
}

.javascriptMaterialdesignGm3WizButtonProgressFilled-button--icon-leading .javascriptMaterialdesignGm3WizButtonProgressFilled-button__icon-slot i,
.javascriptMaterialdesignGm3WizButtonProgressFilled-button--icon-leading .javascriptMaterialdesignGm3WizButtonProgressFilled-button__icon-slot img,
.javascriptMaterialdesignGm3WizButtonProgressFilled-button--icon-leading .javascriptMaterialdesignGm3WizButtonProgressFilled-button__icon-slot svg {
  margin-inline-end: var(--gm3-progress-button-filled-with-icon-icon-label-space, 8px)
}

.javascriptMaterialdesignGm3WizButtonProgressFilled-button--icon-trailing {
  padding-inline-start: var(--gm3-progress-button-filled-with-trailing-icon-leading-space, 24px);
  padding-inline-end: var(--gm3-progress-button-filled-with-trailing-icon-trailing-space, 16px)
}

.javascriptMaterialdesignGm3WizButtonProgressFilled-button--icon-trailing .javascriptMaterialdesignGm3WizButtonProgressFilled-button__icon-slot i,
.javascriptMaterialdesignGm3WizButtonProgressFilled-button--icon-trailing .javascriptMaterialdesignGm3WizButtonProgressFilled-button__icon-slot img,
.javascriptMaterialdesignGm3WizButtonProgressFilled-button--icon-trailing .javascriptMaterialdesignGm3WizButtonProgressFilled-button__icon-slot svg {
  margin-inline-start: var(--gm3-progress-button-filled-with-icon-icon-label-space, 8px)
}

.javascriptMaterialdesignGm3WizButtonProgressFilled-button__icon-slot {
  display: none;
  position: relative;
  line-height: 0;
  color: var(--gm3-progress-button-filled-with-icon-icon-color, var(--gm3-sys-color-on-primary, #fff))
}

.javascriptMaterialdesignGm3WizButtonProgressFilled-button__icon-slot i,
.javascriptMaterialdesignGm3WizButtonProgressFilled-button__icon-slot img,
.javascriptMaterialdesignGm3WizButtonProgressFilled-button__icon-slot svg {
  display: inline-flex;
  position: relative;
  direction: inherit;
  color: inherit;
  font-size: var(--gm3-progress-button-filled-with-icon-icon-size, 18px);
  inline-size: var(--gm3-progress-button-filled-with-icon-icon-size, 18px);
  block-size: var(--gm3-progress-button-filled-with-icon-icon-size, 18px)
}

.javascriptMaterialdesignGm3WizButtonProgressFilled-button:hover .javascriptMaterialdesignGm3WizButtonProgressFilled-button__icon-slot {
  color: var(--gm3-progress-button-filled-with-icon-hover-icon-color, var(--gm3-sys-color-on-primary, #fff))
}

.javascriptMaterialdesignGm3WizButtonProgressFilled-button:focus-visible .javascriptMaterialdesignGm3WizButtonProgressFilled-button__icon-slot {
  color: var(--gm3-progress-button-filled-with-icon-focus-icon-color, var(--gm3-sys-color-on-primary, #fff))
}

.javascriptMaterialdesignGm3WizButtonProgressFilled-button:active .javascriptMaterialdesignGm3WizButtonProgressFilled-button__icon-slot {
  color: var(--gm3-progress-button-filled-with-icon-pressed-icon-color, var(--gm3-sys-color-on-primary, #fff))
}

.javascriptMaterialdesignGm3WizButtonProgressFilled-button:disabled .javascriptMaterialdesignGm3WizButtonProgressFilled-button__icon-slot {
  color: var(--gm3-progress-button-filled-with-icon-disabled-icon-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .38))
}

.javascriptMaterialdesignGm3WizButtonProgressFilled-button--flip-icon .javascriptMaterialdesignGm3WizButtonProgressFilled-button__icon-slot[dir=rtl],
[dir=rtl] .javascriptMaterialdesignGm3WizButtonProgressFilled-button--flip-icon .javascriptMaterialdesignGm3WizButtonProgressFilled-button__icon-slot {
  transform: scaleX(-1)
}

.javascriptMaterialdesignGm3WizButtonProgressFilled-button--icon-leading .javascriptMaterialdesignGm3WizButtonProgressFilled-button__icon-slot--leading,
.javascriptMaterialdesignGm3WizButtonProgressFilled-button--icon-trailing .javascriptMaterialdesignGm3WizButtonProgressFilled-button__icon-slot--trailing {
  display: inline-flex
}

.javascriptMaterialdesignGm3WizButtonProgressFilled-button__link {
  position: absolute;
  inset: 0
}

.javascriptMaterialdesignGm3WizButtonProgressFilled-button--touch {
  margin-block: max((48px - var(--gm3-progress-button-filled-container-height, 40px))/2, 0px)
}

.javascriptMaterialdesignGm3WizButtonProgressFilled-button__touch {
  position: absolute;
  inline-size: max(48px, 100%);
  block-size: max(48px, 100%);
  inset: unset;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.javascriptMaterialdesignGm3WizButtonProgressFilled-button {
  will-change: transform, opacity;
  background-color: var(--gm3-progress-button-filled-container-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-elevation-level: var(--gm3-progress-button-filled-container-elevation, 0);
  --gm3-elevation-shadow-color: var(--gm3-progress-button-filled-container-shadow-color, var(--gm3-sys-color-shadow, #000))
}

.javascriptMaterialdesignGm3WizButtonProgressFilled-button:hover {
  --gm3-elevation-level: var(--gm3-progress-button-filled-hover-container-elevation, 1)
}

.javascriptMaterialdesignGm3WizButtonProgressFilled-button:focus-visible {
  --gm3-elevation-level: var(--gm3-progress-button-filled-focus-container-elevation, 0)
}

.javascriptMaterialdesignGm3WizButtonProgressFilled-button:active {
  --gm3-elevation-level: var(--gm3-progress-button-filled-pressed-container-elevation, 0)
}

.javascriptMaterialdesignGm3WizButtonProgressFilled-button:disabled {
  background-color: var(--gm3-progress-button-filled-disabled-container-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .12));
  --gm3-elevation-level: var(--gm3-progress-button-filled-disabled-container-elevation, 0)
}

.javascriptMaterialdesignGm3WizButtonProgressFilled-button:before {
  content: "";
  pointer-events: none;
  position: absolute;
  inset: 0;
  border-radius: inherit;
  border: 1px solid transparent
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizButtonProgressFilled-button:has(.javascriptMaterialdesignGm3WizButtonProgressFilled-button__link):before {
    border-color: LinkText
  }
}

@media (forced-colors:active) {

  .javascriptMaterialdesignGm3WizButtonProgressFilled-button:has(.javascriptMaterialdesignGm3WizButtonProgressFilled-button__link) .javascriptMaterialdesignGm3WizButtonProgressFilled-button__icon-slot,
  .javascriptMaterialdesignGm3WizButtonProgressFilled-button:has(.javascriptMaterialdesignGm3WizButtonProgressFilled-button__link) .javascriptMaterialdesignGm3WizButtonProgressFilled-button__label {
    color: LinkText
  }
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizButtonProgressFilled-button:disabled:before {
    border-color: GrayText
  }
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizButtonProgressFilled-deprecated-hcm-border:before {
    border-color: CanvasText
  }
}

.javascriptMaterialdesignGm3WizButtonProgressFilled-button__progress-indicator {
  font-size: 0;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  line-height: normal;
  --gm3-circular-progress-active-indicator-color: var(--gm3-progress-button-filled-progress-indicator-color, var(--gm3-sys-color-on-primary, #fff));
  --gm3-circular-progress-active-indicator-thickness: calc(var(--gm3-progress-button-filled-progress-indicator-width, 4px)/2);
  --gm3-circular-progress-active-indicator-track-space: var(--gm3-progress-button-filled-progress-indicator-track-space, 3px);
  --gm3-circular-progress-size: var(--gm3-progress-button-filled-progress-indicator-size, 20px);
  --gm3-circular-progress-track-color: var(--gm3-progress-button-filled-progress-indicator-track-color, transparent)
}

.javascriptMaterialdesignGm3WizButtonProgressFilled-button--hide-content .javascriptMaterialdesignGm3WizButtonProgressFilled-button__icon-slot--leading,
.javascriptMaterialdesignGm3WizButtonProgressFilled-button--hide-content .javascriptMaterialdesignGm3WizButtonProgressFilled-button__icon-slot--trailing,
.javascriptMaterialdesignGm3WizButtonProgressFilled-button--hide-content .javascriptMaterialdesignGm3WizButtonProgressFilled-button__label {
  visibility: hidden;
  opacity: 0
}

.javascriptMaterialdesignGm3WizButtonProgressFilled-button--ellipsis .javascriptMaterialdesignGm3WizButtonProgressFilled-button__label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.documentDetailsDialogDetailsTable {
  --gm3-data-table-outline-width: 0px;
  --gm3-data-table-row-item-outline-width: 0px;
  width: 100%
}

.documentDetailsDialogDetailsFirstCellInRow {
  padding-inline: 0
}

.fatalErrorDialogTextAreaContainer {
  width: 100%;
  min-height: 150px
}

.fatalErrorDialogTextAreaContainer .fatalErrorDialogTextAreaContainer .fatalErrorDialogTextArea {
  color: var(--gm3-sys-color-on-surface, #1f1f1f)
}

.docsWizSidebarSidebarContainer {
  position: absolute;
  margin: 6px 16px 16px;
  height: 100%
}

.has-right-rail .docsWizSidebarSidebarContainer {
  margin-left: 0;
  margin-right: 0
}

.appsElementsSurfaceWrapperContainer {
  display: flex;
  block-size: 100%;
  inline-size: 100%
}

.appsElementsSurfaceWrapperContainer[data-position="1"] {
  flex-direction: row
}

.appsElementsSurfaceWrapperContainer[data-position="2"] {
  flex-direction: row-reverse
}

.appsElementsSurfaceWrapperHost {
  flex-grow: 1
}

.appsElementsSurfaceWrapperSurface {
  display: flex
}

.appsElementsSurfaceWrapperSurfaceContent {
  display: contents
}

.guestAccessSignInDialogSoyWarning {
  background: #feefc3;
  border-radius: 8px;
  padding: 10px
}

.collabChatSidebarChatContainer {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-height: 1072px;
  overflow-y: scroll;
  margin-bottom: 16px
}

.collabChatSidebarChatContainerScrolled {
  border-bottom: 1px solid var(--gm3-sys-color-outline-variant, #c4c7c5);
  padding-bottom: 16px
}

.collabChatSidebarChatAndInputContainer {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between
}

.collabChatSidebarProfileImage {
  border-radius: 50%;
  height: 28px;
  padding: 0;
  width: 28px
}

.collabChatSidebarProfileImageContainer {
  border-radius: 50%;
  border: none;
  height: 28px;
  margin: 2px;
  width: 28px
}

.collabChatSidebarWidgetContainer {
  border-radius: 50%;
  box-shadow: 0 0 1px 0 #fff;
  display: inline-block;
  height: 32px;
  overflow: visible;
  position: relative;
  width: 32px
}

.collabChatSidebarChatMessageContainer {
  display: flex;
  padding-left: 16px
}

.collabChatSidebarChatMessageTextContainer {
  padding-left: 4px
}

.collabChatSidebarNotEncryptedContainer {
  align-items: center;
  display: flex;
  padding: 9px 0 9px 15px;
  background-color: #fff2b4;
  margin-bottom: 16px;
  border-radius: 8px;
  border: 1px solid transparent
}

.collabChatSidebarNotEncryptedIconContainer {
  margin-right: 16px
}

.collabChatSidebarNotEncryptedTextContainer {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem
}

.collabChatSidebarChatText {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  background-color: #fff;
  border-radius: 20px;
  color: var(--gm3-sys-color-on-surface, #1f1f1f);
  padding: 10px 12px;
  width: -moz-fit-content;
  width: fit-content;
  word-break: break-word
}

.collabChatSidebarChatDisplayName {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.25rem;
  color: var(--gm3-sys-color-on-surface, #1f1f1f);
  overflow: hidden;
  padding-bottom: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 12px
}

.collabChatSidebarChatInputContainer {
  margin-bottom: 8px;
  padding: 0 16px
}

.collabChatSidebarChatInput {
  background-color: #fff;
  border-radius: 20px;
  width: 100%;
  --gm3-text-field-outlined-container-shape: 20px;
  --gm3-text-field-outlined-focus-indicator-outline-thickness: 1px;
  --gm3-text-field-outlined-outline-color: var(--gm3-sys-color-outline-variant, #c4c7c5);
  --gm3-text-field-outlined-focus-indicator-outline-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-text-field-outlined-input-text-placeholder-color: var(--gm3-sys-color-outline, #747775);
  --gm3-text-field-outlined-input-text-size: 14px;
  --gm3-text-field-outlined-container-shape-start-start: 20px;
  --gm3-text-field-outlined-container-shape-start-end: 20px;
  --gm3-text-field-outlined-container-shape-end-end: 20px;
  --gm3-text-field-outlined-container-shape-end-start: 20px
}

.collabChatSidebarStatusMessageContainer {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  color: var(--gm3-sys-color-on-surface-variant, #444746);
  padding-left: 16px;
  margin-bottom: 8px
}

.collabChatSidebarAnonymousHelpMessageContainer {
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  letter-spacing: .00625rem;
  line-height: 1rem;
  padding-left: 16px
}

.DocsSidebarComponentsFlexColumn {
  display: flex;
  flex-direction: column;
  height: 100%
}

.DocsSidebarComponentsSmallHeaderContentContainer:not(:empty) {
  margin: 0 0 8px
}

.DocsSidebarComponentsHeaderContentContainer:not(:empty) {
  margin: 0 0 16px
}

.DocsSidebarComponentsFooterContentContainer,
.DocsSidebarComponentsHeaderContentContainer,
.DocsSidebarComponentsSmallHeaderContentContainer {
  flex-shrink: 0
}

.DocsSidebarComponentsContentContainer {
  box-sizing: border-box;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  margin: 0 -16px;
  padding-bottom: 16px
}

.DocsSidebarComponentsScrollableContentContainer {
  padding-left: 16px;
  overflow: hidden scroll
}

.DocsSidebarComponentsNonScrollableContentContainer {
  overflow: hidden
}

@-moz-document url-prefix() {
  .DocsSidebarComponentsScrollableContentContainer {
    padding-right: 16px
  }
}

.DocsSidebarComponentsSharedFooterContainer {
  align-items: center;
  display: flex;
  height: 40px;
  padding: 0 0 16px 8px
}

.DocsSidebarComponentsLabeledButtonFooterContainer {
  gap: 10px
}

.DocsSidebarComponentsOkCancelButtonFooterContainer {
  gap: 8px;
  justify-content: end
}

.DocsSidebarComponentsFullWidthButtonFooterContainer {
  padding-bottom: 16px
}

.DocsSidebarComponentsFullWidthButtonFooter {
  width: 100%
}

.DocsSidebarComponentsLabeledButtonFooterLabel {
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 500;
  letter-spacing: .00625rem;
  line-height: 1rem;
  color: var(--gm3-sys-color-on-surface-variant, #444746);
  margin-right: auto
}

.DocsSidebarComponentsLabeledButtonFooterButtonContainer {
  flex-shrink: 0
}

.DocsSidebarComponentsLoadingBarContainer {
  height: 4px;
  margin-bottom: -8px
}

.DocsSidebarComponentsLoadingBar {
  --gm3-linear-progress-active-indicator-color: #0b57d0;
  --gm3-linear-progress-track-thickness: 4px
}

.DocsSidebarComponentsVerticallyCenteredContents {
  margin: auto 0
}

.DocsSidebarComponentsCenteredInfoContainer {
  padding: 12px 12px 16px;
  text-align: center
}

.DocsSidebarComponentsCenteredStateHeading {
  font-family: Roboto, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5rem;
  color: var(--gm3-sys-color-on-surface, #1f1f1f);
  margin-bottom: 8px
}

.DocsSidebarComponentsCenteredStateBodyWithButton {
  margin-bottom: 28px
}

.DocsSidebarComponentsCenteredStateBody {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  color: var(--gm3-sys-color-on-surface-variant, #444746)
}

.DocsSidebarComponentsCenteredStateLearnMoreButton,
.DocsSidebarComponentsCenteredStateTextButton {
  width: 100%
}

.DocsSidebarComponentsLoadingComponent {
  display: flex;
  flex-direction: column;
  gap: 48px
}

.DocsSidebarComponentsHoverElementInvisible {
  display: none
}

.DocsSidebarComponentsHoverElementVisible {
  display: block
}

.DocsSidebarComponentsSpinner {
  --gm3-circular-progress-active-indicator-color: var(--gm3-sys-color-primary, #0b57d0);
  --gm3-circular-progress-track-color: var(--gm3-sys-color-secondary-container, #c2e7ff);
  --gm3-circular-progress-size: 20px;
  --gm3-circular-progress-active-indicator-thickness: 4px;
  --gm3-circular-progress-active-indicator-track-space: 4px
}

.DocsSidebarComponentsSelectedTile {
  background-color: var(--gm3-sys-color-surface-container-lowest, #fff);
  border-radius: 12px
}

@media screen and (forced-colors:active) {
  .DocsSidebarComponentsSelectedTile {
    outline: 1px solid
  }
}

.DocsSidebarComponentsUnselectedTile {
  background-color: transparent;
  border-radius: 12px
}

.DocsSidebarComponentsTileCardActionBlock {
  display: flex
}

.DocsSidebarComponentsHiddenIframe {
  display: none
}

.DocsSidebarComponentsSidebarIframe {
  height: 100%;
  width: 100%
}

.DocsSidebarComponentsLabelMediumOnSurfaceVariant {
  color: var(--gm3-sys-color-on-surface-variant, #444746);
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 500;
  letter-spacing: .00625rem;
  line-height: 1rem
}

.DocsSidebarComponentsTileHeader:empty {
  display: none
}

.DocsSidebarComponentsCenteredInfoImageContainer {
  margin-bottom: 28px
}

.appsElementsCowControlBinderHidden.appsElementsCowControlBinderHidden {
  display: none
}

.docsCowWizSidebarsSharedSidebarMenu {
  max-width: 206px;
  z-index: 1003
}

.docsCowWizSidebarsSharedButton {
  margin-block: 0
}

.docsCowWizSidebarsSharedSidebarPrimaryLabel {
  color: var(--gm3-sys-color-on-surface, #1f1f1f);
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.25rem
}

.DocsSidebarComponentsSidebarContent {
  --gm3-select-shared-text-field-input-text-size: 16px;
  --gm3-button-filled-container-height: 40px;
  --gm3-button-outlined-container-height: 40px;
  --gm3-button-text-container-height: 40px;
  --gm3-button-filled-tonal-container-height: 40px;
  --gm3-checkbox-container-size: 18px;
  --gm3-checkbox-state-layer-size: 36px;
  --gm3-checkbox-touch-target-size: 0px;
  --gm3-checkbox-label-text-size: 0.875rem;
  --gm3-radio-state-layer-size: 36px;
  --gm3-radio-label-text-size: 0.875rem;
  --gm3-tabs-primary-container-color: var(--gm3-sys-color-surface-bright, #fff);
  --gm3-card-outlined-focus-indicator-outline-offset: -3px;
  --gm3-card-filled-focus-indicator-outline-offset: -3px;
  --gm3-icon-button-standard-focus-indicator-outline-offset: -3px;
  --gm3-icon-button-filled-focus-indicator-outline-offset: -3px;
  --gm3-dropdown-button-outlined-focus-indicator-outline-offset: -3px;
  --gm3-button-filled-focus-indicator-outline-offset: -3px;
  --gm3-button-text-focus-indicator-outline-offset: -3px;
  --gm3-button-filled-tonal-focus-indicator-outline-offset: -3px;
  --gm3-button-outlined-focus-indicator-outline-offset: -3px;
  --gm3-focus-ring-outward-offset: -3px;
  --gm3-select-shared-menu-list-item-one-line-container-height: 32px;
  --gm3-select-shared-menu-list-item-one-line-padding: 0px;
  --gm3-select-shared-menu-list-item-two-line-container-height: 48px;
  --gm3-select-shared-text-field-container-height: 40px;
  --gm3-select-shared-menu-container-color: var(--gm3-sys-color-surface-container, #f0f4f9);
  --gm3-list-list-item-one-line-container-height: 40px;
  --gm3-list-list-item-two-line-container-height: 56px;
  --gm3-list-list-item-three-line-container-height: 72px;
  --gm3-list-list-item-one-line-padding: 0px;
  --gm3-list-list-item-two-line-padding: 0px;
  --gm3-list-list-item-three-line-padding: 4px;
  --gm3-menu-container-color: var(--gm3-sys-color-surface-container, #f0f4f9);
  --gm3-menu-list-item-container-height: 32px;
  --gm3-menu-list-item-label-text-size: 16px;
  --gm3-menu-list-item-label-text-line-height: 24px;
  --gm3-menu-list-item-label-text-weight: 400;
  --gm3-text-field-outlined-container-height: 40px;
  --gm3-text-field-outlined-top-space: 0px;
  --gm3-text-field-outlined-bottom-space: 0px
}

.DocsSidebarComponentsSidebarContent .appsElementsSpinButtonNumericalInputContainer {
  --gm3-text-field-outlined-container-height: 40px;
  --gm3-text-field-outlined-input-text-line-height: 1.25rem;
  --gm3-text-field-outlined-input-text-size: 0.875rem;
  --gm3-text-field-outlined-input-text-tracking: 0rem;
  --gm3-text-field-outlined-input-text-weight: 400
}

.DocsSidebarComponentsSidebarContent .appsElementsSpinButtonHorizontalButton {
  --gm3-icon-button-standard-container-height: 24px;
  --gm3-icon-button-standard-container-width: 24px;
  --gm3-icon-button-standard-icon-size: 18px
}

.DocsSidebarComponentsSidebarContent .appsElementsSpinButtonVerticalButton {
  --gm3-icon-button-standard-container-height: 20px;
  --gm3-icon-button-standard-container-width: 20px;
  --gm3-icon-button-standard-icon-size: 20px;
  --gm3-icon-button-standard-touch-target-size: 20px
}

.DocsSidebarComponentsSidebarContent .appsElementsSpinButtonVerticalButtonsContainer {
  gap: 0
}

.javascriptMaterialdesignGm3WizCard-card__media {
  position: relative;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  overflow: hidden
}

.javascriptMaterialdesignGm3WizCard-card__media:before {
  display: block;
  content: ""
}

.javascriptMaterialdesignGm3WizCard-card__media:first-child {
  border-start-start-radius: inherit;
  border-start-end-radius: inherit
}

.javascriptMaterialdesignGm3WizCard-card__media:last-child,
.javascriptMaterialdesignGm3WizCard-card__primary-action .javascriptMaterialdesignGm3WizCard-card__media:nth-last-child(3) {
  border-end-start-radius: inherit;
  border-end-end-radius: inherit
}

.javascriptMaterialdesignGm3WizCard-card__primary-action {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  position: relative;
  outline: none;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  overflow: visible
}

.javascriptMaterialdesignGm3WizCard-card__primary-action:first-child {
  border-start-start-radius: inherit;
  border-start-end-radius: inherit
}

.javascriptMaterialdesignGm3WizCard-card__primary-action:last-child {
  border-end-start-radius: inherit;
  border-end-end-radius: inherit
}

.javascriptMaterialdesignGm3WizCard-card__primary-action:focus-visible .javascriptMaterialdesignGm3WizCard-card__focusring {
  --gm3-focus-ring-outward-display: block
}

.javascriptMaterialdesignGm3WizCard-card__primary-action-link:focus-visible~.javascriptMaterialdesignGm3WizCard-card__focusring {
  --gm3-focus-ring-outward-display: block
}

.javascriptMaterialdesignGm3WizCard-card__primary-action-link {
  width: 100%;
  height: 100%;
  outline: none;
  border-radius: inherit
}

.javascriptMaterialdesignGm3WizCardFilled-card {
  position: relative;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  border-start-start-radius: var(--gm3-card-filled-container-shape-start-start, 12px);
  border-start-end-radius: var(--gm3-card-filled-container-shape-start-end, 12px);
  border-end-end-radius: var(--gm3-card-filled-container-shape-end-end, 12px);
  border-end-start-radius: var(--gm3-card-filled-container-shape-end-start, 12px);
  background-color: var(--gm3-card-filled-container-color, var(--gm3-sys-color-surface-container-highest, #dde3ea));
  --gm3-elevation-level: var(--gm3-card-filled-container-elevation, 0);
  --gm3-elevation-shadow-color: var(--gm3-card-filled-container-shadow-color, var(--gm3-sys-color-shadow, #000));
  --gm3-elevation-surface-tint-layer-color: transparent;
  --gm3-focus-ring-outward-color: var(--gm3-card-filled-focus-indicator-color, var(--gm3-sys-color-secondary, #00639b));
  --gm3-focus-ring-outward-offset: var(--gm3-card-filled-focus-indicator-outline-offset, 2px);
  --gm3-focus-ring-outward-track-width: var(--gm3-card-filled-focus-indicator-thickness, 3px);
  --gm3-focus-ring-outward-target-shape-start-start: var(--gm3-card-filled-container-shape-start-start, 12px);
  --gm3-focus-ring-outward-target-shape-start-end: var(--gm3-card-filled-container-shape-start-end, 12px);
  --gm3-focus-ring-outward-target-shape-end-end: var(--gm3-card-filled-container-shape-end-end, 12px);
  --gm3-focus-ring-outward-target-shape-end-start: var(--gm3-card-filled-container-shape-end-start, 12px)
}

.javascriptMaterialdesignGm3WizCardFilled-card>.javascriptMaterialdesignGm3WizCard-card__primary-action,
.javascriptMaterialdesignGm3WizCardFilled-card__content>.javascriptMaterialdesignGm3WizCard-card__primary-action {
  --gm3-ripple-hover-color: var(--gm3-card-filled-hover-state-layer-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  --gm3-ripple-hover-opacity: var(--gm3-card-filled-hover-state-layer-opacity, 0.08);
  --gm3-ripple-pressed-color: var(--gm3-card-filled-pressed-state-layer-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  --gm3-ripple-pressed-opacity: var(--gm3-card-filled-pressed-state-layer-opacity, 0.1);
  --gm3-ripple-shape-start-start: var(--gm3-card-filled-container-shape-start-start, 12px);
  --gm3-ripple-shape-start-end: var(--gm3-card-filled-container-shape-start-end, 12px);
  --gm3-ripple-shape-end-end: var(--gm3-card-filled-container-shape-end-end, 12px);
  --gm3-ripple-shape-end-start: var(--gm3-card-filled-container-shape-end-start, 12px)
}

.javascriptMaterialdesignGm3WizCardFilled-card__content {
  border-radius: inherit;
  height: 100%
}

.javascriptMaterialdesignGm3WizCardFilled-card:before {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  inset-block-start: 0;
  inset-inline-start: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none;
  z-index: 1
}

.shadowDocsOnboardingDialogOfficeEditingOnboardingDialogLogo {
  border-radius: 28px 28px 0 0;
  height: 100%;
  width: 100%
}

.shadowDocsOnboardingDialogButtons {
  display: inline-block;
  float: right;
  padding-left: 8px
}

.shadowDocsOnboardingDialogContentDescription {
  padding-bottom: 16px;
  text-align: center
}

.unsupportedOfficeFeaturesDialogContentListDivider {
  height: 2px;
  margin: 0 -22px;
  padding-top: 20px
}

.unsupportedOfficeFeaturesDialogContentListItems {
  display: block;
  padding-top: 20px
}

.unsupportedOfficeFeaturesDialogContentContentText {
  font-family: Roboto, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
  color: var(--gm3-sys-color-on-surface-variant, #444746)
}

.appsElementsEmojipickerSearchAndAddEmojiWrapper {
  display: flex;
  flex-direction: row;
  height: 32px;
  justify-content: space-between;
  margin: 8px 8px 4px;
  min-height: 32px;
  width: auto
}

.appsElementsEmojipickerSearchBar {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  justify-content: flex-start;
  max-width: 100%;
  transition: max-width .1s ease-out
}

.appsElementsEmojipickerSearchBar.appsElementsEmojipickerMinimized {
  max-width: 15px
}

.appsElementsEmojipickerSearchInput {
  --gm3-text-field-outlined-caret-color: var(--gm3-sys-color-on-surface, #1f1f1f);
  --gm3-text-field-outlined-container-height: 32px;
  --gm3-text-field-outlined-container-shape: 20px;
  --gm3-text-field-outlined-focus-indicator-outline-color: var(--gm3-sys-color-outline-variant, #c4c7c5);
  --gm3-text-field-outlined-focus-indicator-outline-thickness: 1px;
  --gm3-text-field-outlined-hover-outline-color: var(--gm3-sys-color-outline-variant, #c4c7c5);
  --gm3-text-field-outlined-hover-outline-width: 1px;
  --gm3-text-field-outlined-input-text-line-height: 1.25rem;
  --gm3-text-field-outlined-input-text-size: 0.875rem;
  --gm3-text-field-outlined-input-text-weight: 400;
  --gm3-text-field-outlined-label-text-line-height: 1.25rem;
  --gm3-text-field-outlined-label-text-size: 0.875rem;
  --gm3-text-field-outlined-label-text-weight: 400;
  --gm3-text-field-outlined-leading-icon-size: 16px;
  --gm3-text-field-outlined-outline-color: var(--gm3-sys-color-outline-variant, #c4c7c5);
  --gm3-text-field-outlined-outline-width: 1px;
  --gm3-text-field-outlined-with-leading-icon-icon-label-text-space: 4px;
  --gm3-text-field-outlined-with-leading-icon-leading-space: 8px;
  --gm3-text-field-outlined-container-shape-start-start: 20px;
  --gm3-text-field-outlined-container-shape-start-end: 20px;
  --gm3-text-field-outlined-container-shape-end-end: 20px;
  --gm3-text-field-outlined-container-shape-end-start: 20px;
  width: 100%
}

.appsElementsEmojipickerSearchInput:focus {
  outline: none
}

.appsElementsEmojipickerAddEmojiButton {
  height: 32px;
  margin-left: 8px;
  margin-top: 0;
  max-width: 192px;
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
  --gm3-button-outlined-focus-outline-color: var(--gm3-sys-color-primary, #0b57d0);
  --gm3-button-outlined-hover-outline-color: var(--gm3-sys-color-outline-variant, #c4c7c5);
  --gm3-button-outlined-hover-state-layer-color: var(--gm3-sys-color-primary, #0b57d0);
  --gm3-button-outlined-hover-state-layer-opacity: 8%;
  --gm3-button-outlined-outline-color: var(--gm3-sys-color-outline-variant, #c4c7c5);
  --gm3-button-outlined-pressed-outline-color: var(--gm3-sys-color-primary, #0b57d0);
  --gm3-button-outlined-pressed-state-layer-color: var(--gm3-sys-color-primary, #0b57d0);
  --gm3-button-outlined-pressed-state-layer-opacity: 10%
}

.appsElementsEmojipickerTab {
  display: flex;
  flex-direction: column;
  padding-top: 4px;
  width: 100%;
  line-height: 1.25;
  white-space: normal
}

.appsElementsEmojipickerCategoryBar {
  align-items: center;
  display: flex;
  height: 36px;
  justify-content: center;
  list-style: none;
  margin: 12px 8px 8px;
  min-height: 36px;
  order: 1;
  padding: 0
}

.appsElementsEmojipickerCategoryBar::-webkit-scrollbar {
  display: none
}

.appsElementsEmojipickerEmojiLoadingSpinner {
  --gm3-circular-progress-size: 36px;
  --gm3-circular-progress-active-indicator-thickness: 3px;
  display: block;
  margin-top: 50px;
  order: 2;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%
}

.appsElementsEmojipickerTab.hasHint {
  padding-top: 0
}

.appsElementsEmojipickerTab.hasHint .HintMessage {
  display: none
}

.appsElementsEmojipickerTab .appsElementsEmojipickerListManagerScrollbar::-webkit-scrollbar {
  width: 4px
}

.appsElementsEmojipickerNoContentMessage {
  color: var(--hint-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  text-align: center
}

.appsElementsEmojipickerQuickEmojisSection {
  border-bottom: none;
  display: flex;
  flex-direction: column;
  height: 46px;
  min-height: 46px;
  order: 3;
  overflow: hidden;
  padding-bottom: 0;
  padding-top: 0
}

.appsElementsEmojipickerDisableCustomEmojisSection {
  color: var(--hint-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  border-bottom: none;
  display: flex;
  flex-direction: column;
  height: 46px;
  margin-left: 16px;
  min-height: 46px;
  order: 3;
  overflow: hidden;
  padding-bottom: 0;
  padding-top: 0
}

.exportSmallSizeEmojiPicker .appsElementsEmojipickerQuickEmojisSection {
  height: 36px;
  min-height: 36px;
  padding-top: 2px
}

.appsElementsEmojipickerQuickEmojisContainer {
  height: 46px;
  line-height: 100%;
  padding: 3px 4px
}

.exportSmallSizeEmojiPicker .appsElementsEmojipickerQuickEmojisContainer {
  height: 36px;
  padding: 0 9px
}

.appsElementsEmojipickerScrollButtonWrapper {
  position: absolute;
  visibility: hidden;
  z-index: 1
}

.appsElementsEmojipickerScrollButton {
  --gm3-icon-button-filled-container-width: 32px;
  --gm3-icon-button-filled-container-height: 32px;
  --gm3-icon-button-filled-icon-size: 24px;
  --gm3-icon-button-filled-container-color: var(--gm3-sys-color-surface-container-high, #e9eef6);
  --gm3-icon-button-filled-focus-icon-color: var(--gm3-sys-color-primary, #0b57d0);
  --gm3-icon-button-filled-hover-icon-color: var(--gm3-sys-color-primary, #0b57d0);
  --gm3-icon-button-filled-hover-state-layer-color: var(--gm3-sys-color-primary, #0b57d0);
  --gm3-icon-button-filled-icon-color: var(--gm3-sys-color-primary, #0b57d0);
  --gm3-icon-button-filled-pressed-icon-color: var(--gm3-sys-color-primary, #0b57d0)
}

.appsElementsEmojipickerPreviousScrollButtonWrapper {
  left: 12px;
  margin-top: -4px
}

.appsElementsEmojipickerNextScrollButtonWrapper {
  right: 12px;
  margin-top: -4px
}

.appsElementsEmojipickerCategoryBar:not(.appsElementsEmojipickerCategoryBarWithScroller) {
  justify-content: space-evenly
}

.docsEmojisWizEmojiPickerTab {
  border-radius: 8px;
  border-width: 0;
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);
  background: #fff;
  width: 370px;
  height: 400px
}

.docsEmojisWizEmojiPickerTab .mdc-elevation-overlay {
  opacity: 0
}

.docsEmojisWizEmojiPickerTab ::-webkit-scrollbar-thumb {
  border: unset;
  box-shadow: unset
}

.appsElementsEmojipickerListAlternatepickerAlternatePicker.appsElementsEmojipickerListAlternatepickerHidden {
  display: none
}

.appsElementsEmojipickerListAlternatepickerAlternateContainer {
  border-width: 0;
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);
  background: var(--dialog-bg-color, var(--gm3-sys-color-surface, #fff));
  border-radius: 4px;
  display: inline-flex;
  height: 150px;
  position: absolute;
  width: 150px;
  z-index: 3
}

.appsElementsEmojipickerListAlternatepickerAlternateContainer .mdc-elevation-overlay {
  opacity: 0
}

.appsElementsEmojipickerListAlternatepickerAlternateContainer:before {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none
}

@media screen and (forced-colors:active) {
  .appsElementsEmojipickerListAlternatepickerAlternateContainer:before {
    border-color: CanvasText
  }
}

.appsElementsEmojipickerListAlternatepickerAlternateContainer .appsElementsEmojipickerListEmojibuttonButtonContainer {
  display: inline-flex
}

.appsElementsEmojipickerListAlternatepickerSwapDirectionButton {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  width: 100%
}

.appsElementsEmojipickerListAlternatepickerExtraAlternateEmoji {
  align-self: flex-end;
  height: 40px;
  width: 40px
}

.exportSmallSizeEmojiPicker .appsElementsEmojipickerListAlternatepickerExtraAlternateEmoji {
  height: 32px;
  width: 32px
}

.appsElementsEmojipickerListAlternatepickerLeftSkinToneList {
  display: flex;
  flex-direction: column;
  height: 200px;
  margin: 22px 4px 0 5px;
  width: 8px
}

.exportSmallSizeEmojiPicker .appsElementsEmojipickerListAlternatepickerLeftSkinToneList {
  height: 160px
}

.appsElementsEmojipickerListAlternatepickerLeftSkinToneList .appsElementsEmojipickerListAlternatepickerSkinTone {
  margin: 16px 0
}

.exportSmallSizeEmojiPicker .appsElementsEmojipickerListAlternatepickerLeftSkinToneList .appsElementsEmojipickerListAlternatepickerSkinTone {
  margin: 12px 0
}

.appsElementsEmojipickerListAlternatepickerTopSkinToneList {
  height: 8px;
  margin-bottom: 9px;
  margin-top: 5px;
  width: 200px
}

.exportSmallSizeEmojiPicker .appsElementsEmojipickerListAlternatepickerTopSkinToneList {
  width: 160px
}

.appsElementsEmojipickerListAlternatepickerTopSkinToneList .appsElementsEmojipickerListAlternatepickerSkinTone {
  margin: 0 16px
}

.exportSmallSizeEmojiPicker .appsElementsEmojipickerListAlternatepickerTopSkinToneList .appsElementsEmojipickerListAlternatepickerSkinTone {
  margin: 0 12px
}

.appsElementsEmojipickerCategoryBarWithScroller {
  justify-content: normal;
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow: scroll hidden;
  scroll-snap-type: x mandatory
}

.exportSmallSizeEmojiPicker .appsElementsEmojipickerCategoryBarWithScroller {
  justify-content: space-between;
  margin: 0 8px
}

.appsElementsEmojipickerCategoryCategory {
  bottom: 0;
  display: block;
  flex-flow: row wrap;
  justify-content: center;
  left: 0;
  line-height: 100%;
  padding: 0 1px 0 9px;
  position: absolute;
  top: 0;
  width: 100%
}

.appsElementsEmojipickerCategoryCategoryButtonContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  height: 30px;
  margin-right: 0;
  position: relative;
  width: 30px
}

.appsElementsEmojipickerCategoryCategoryButtonContainer:last-child {
  margin-right: 0
}

.exportSmallSizeEmojiPicker .appsElementsEmojipickerCategoryCategoryButtonContainer {
  height: 28px;
  width: 28px
}

.appsElementsEmojipickerCategoryCategoryButton {
  width: 36px;
  height: 36px;
  padding: 6px
}

.appsElementsEmojipickerCategoryCategoryButton.mdc-icon-button--reduced-size .mdc-icon-button__ripple {
  width: 36px;
  height: 36px;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  margin-left: 0
}

.appsElementsEmojipickerCategoryCategoryButton.mdc-icon-button--reduced-size .mdc-icon-button__focus-ring {
  max-height: 36px;
  max-width: 36px
}

.appsElementsEmojipickerCategoryCategoryButton .mdc-icon-button__touch {
  position: absolute;
  top: 50%;
  height: 36px;
  left: 50%;
  width: 36px;
  transform: translate(-50%, -50%)
}

.exportSmallSizeEmojiPicker .appsElementsEmojipickerCategoryCategoryButton {
  width: 28px;
  height: 28px;
  padding: 2px
}

.exportSmallSizeEmojiPicker .appsElementsEmojipickerCategoryCategoryButton.mdc-icon-button--reduced-size .mdc-icon-button__ripple {
  width: 28px;
  height: 28px;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  margin-left: 0
}

.exportSmallSizeEmojiPicker .appsElementsEmojipickerCategoryCategoryButton.mdc-icon-button--reduced-size .mdc-icon-button__focus-ring {
  max-height: 28px;
  max-width: 28px
}

.exportSmallSizeEmojiPicker .appsElementsEmojipickerCategoryCategoryButton .mdc-icon-button__touch {
  position: absolute;
  top: 50%;
  height: 28px;
  left: 50%;
  width: 28px;
  transform: translate(-50%, -50%)
}

.appsElementsEmojipickerCategoryCategoryButtonIcon {
  display: block;
  color: var(--gm3-sys-color-on-surface-variant, #444746);
  margin: auto
}

.exportSmallSizeEmojiPicker .appsElementsEmojipickerCategoryCategoryButtonIcon {
  height: 20px;
  width: 20px
}

.appsElementsEmojipickerCategoryCategoryButtonContainer.appsElementsEmojipickerCategorySelected .appsElementsEmojipickerCategoryCategoryButtonIcon {
  color: var(--primary-app-color, var(--gm3-sys-color-primary, #0b57d0))
}

.appsElementsEmojipickerCategoryCategoryButtonContainer.appsElementsEmojipickerCategorySelected .appsElementsEmojipickerCategorySelectedUnderline {
  display: inherit
}

.appsElementsEmojipickerCategorySelectedUnderline {
  background-color: var(--primary-app-color, var(--gm3-sys-color-primary, #0b57d0));
  border-radius: 4px 4px 0 0;
  display: none;
  height: 2px;
  margin: 0 4px;
  position: absolute;
  width: auto;
  inset: auto 2px -3px
}

.appsElementsEmojipickerListCustomemojiEmojiImage.exportEmoji {
  text-indent: 100vw;
  border-radius: 10%
}

.appsElementsEmojipickerListCustomemojiBrokenEmojiIcon {
  fill: rgba(var(--gm3-sys-color-on-surface, #1f1f1f), .38);
  margin: 4px
}

.appsElementsEmojipickerListEmojibuttonButton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: var(--emoji-button-size, 40px);
  padding: 0;
  width: var(--emoji-button-size, 40px);
  border-radius: 50%;
  will-change: unset
}

.exportSmallSizeEmojiPicker .appsElementsEmojipickerListEmojibuttonButton {
  height: var(--small-emoji-button-size, 32px);
  width: var(--small-emoji-button-size, 32px);
  align-items: flex-start
}

.appsElementsEmojipickerListEmojibuttonButton .exportEmoji {
  font-size: var(--emoji-icon-size, 30px);
  height: var(--emoji-icon-size, 30px);
  margin: 0;
  min-width: auto;
  transform: translateY(0);
  width: var(--emoji-icon-size, 30px)
}

.exportSmallSizeEmojiPicker .appsElementsEmojipickerListEmojibuttonButton .exportEmoji {
  font-size: var(--small-emoji-icon-size, 24px);
  height: var(--small-emoji-icon-size, 24px);
  margin-top: 3px;
  width: var(--small-emoji-icon-size, 24px)
}

.appsElementsEmojipickerListEmojibuttonButton .exportEmoji:-moz-loading {
  visibility: hidden
}

.appsElementsEmojipickerListEmojibuttonButtonContainer {
  display: inline-block;
  height: var(--emoji-button-size, 40px);
  position: relative;
  width: var(--emoji-button-size, 40px)
}

.exportSmallSizeEmojiPicker .appsElementsEmojipickerListEmojibuttonButtonContainer {
  height: var(--small-emoji-button-size, 32px);
  width: var(--small-emoji-button-size, 32px)
}

.appsElementsEmojipickerListBrowseList {
  margin-inline-start: 4px;
  padding: 0;
  inline-size: calc(100% - 4px)
}

.exportSmallSizeEmojiPicker .appsElementsEmojipickerListBrowseList {
  margin-inline-start: 9px;
  padding: 0;
  inline-size: calc(100% - 14px)
}

.appsElementsEmojipickerListList {
  inline-size: 100%
}

.appsElementsEmojipickerListEmojiList {
  display: block;
  flex-flow: row wrap;
  justify-content: center;
  line-height: 26px;
  padding-inline-start: 4px
}

.exportSmallSizeEmojiPicker .appsElementsEmojipickerListEmojiList {
  padding-inline-start: 9px
}

.appsElementsEmojipickerListEmojiList .wizcontribVirtuallistRow {
  inline-size: 100%
}

.appsElementsEmojipickerListNoContentMessageContainer {
  margin: auto;
  padding: 10px
}

.appsElementsEmojipickerListNoContentMessage {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  color: var(--hint-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  text-align: center
}

.appsElementsEmojipickerListLabelRow {
  font-family: Roboto, Arial, sans-serif;
  font-size: .6875rem;
  font-weight: 500;
  letter-spacing: .00625rem;
  line-height: 1rem;
  color: var(--hint-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  align-items: center;
  display: flex;
  block-size: 100%;
  justify-content: space-between;
  padding: 0 6px
}

.appsElementsEmojipickerListSpinnerRow {
  --gm3-circular-progress-size: 36px;
  --gm3-circular-progress-active-indicator-thickness: 3px;
  align-items: center;
  display: flex;
  block-size: 100%;
  justify-content: center;
  overflow: hidden
}

.appsElementsEmojipickerListManageCustomEmojiButton {
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  letter-spacing: .00625rem;
  line-height: 1rem;
  --gm3-button-text-container-height: 1rem;
  --gm3-button-text-container-min-width: fit-content;
  --gm3-button-text-focus-indicator-color: transparent;
  --gm3-button-text-hover-state-layer-opacity: 0;
  --gm3-button-text-label-text-size: 0.75rem;
  --gm3-button-text-label-text-tracking: 0.00625rem;
  --gm3-button-text-label-text-weight: 400;
  --gm3-button-text-pressed-state-layer-opacity: 0;
  background: transparent;
  border: 0;
  padding: 0
}

.appsElementsEmojipickerListMessageRow {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  color: var(--gm3-sys-color-on-surface-variant, #444746);
  padding: 0 6px
}

.appsElementsEmojipickerListNoFrecencyMessageRow,
.appsElementsEmojipickerListNoRecentMessageRow {
  display: flex;
  align-items: center;
  block-size: 40px
}

.exportSmallSizeEmojiPicker .appsElementsEmojipickerListMessageRow {
  font-family: Roboto, Arial, sans-serif;
  font-size: .6875rem;
  font-weight: 500;
  letter-spacing: .00625rem;
  line-height: 1rem
}

.exportSmallSizeEmojiPicker .appsElementsEmojipickerListNoFrecencyMessageRow {
  block-size: 32px
}

.appsElementsEmojipickerListLinkButton {
  --gm3-button-text-container-height: 16px;
  --gm3-button-text-container-min-width: fit-content;
  --gm3-button-text-focus-indicator-color: transparent;
  --gm3-button-text-hover-state-layer-opacity: 0;
  --gm3-button-text-label-text-size: 0.875rem;
  --gm3-button-text-label-text-tracking: 0rem;
  --gm3-button-text-label-text-weight: 400;
  --gm3-button-text-leading-space: 0;
  --gm3-button-text-pressed-state-layer-opacity: 0;
  --gm3-button-text-trailing-space: 0;
  padding: 0;
  text-decoration: underline
}

.appsElementsEmojipickerListUnicodeAlternateTriggerButton {
  bottom: 0;
  height: 8px;
  position: absolute;
  right: 0;
  width: 8px;
  cursor: pointer;
  z-index: 1
}

.appsElementsEmojipickerListUnicodeAlternateTriggerButton:after {
  content: "";
  border-left: 6px solid transparent;
  border-bottom: 6px solid grey;
  border-right: 0 solid transparent;
  border-top: 0 solid transparent;
  bottom: 1px;
  height: 0;
  position: absolute;
  right: 1px;
  width: 0
}

.appsElementsEmojipickerListManagerTabContent {
  display: block;
  height: 100%;
  opacity: 0;
  order: 2;
  overflow: hidden auto;
  overscroll-behavior: contain;
  position: relative;
  transform: translateZ(0);
  transition: opacity .5s;
  width: 100%
}

.appsElementsEmojipickerListManagerTabContent.emojiVisible {
  opacity: 1
}

.appsElementsEmojipickerListManagerScrollbar::-webkit-scrollbar {
  background-color: transparent;
  border-radius: 0;
  height: 8px;
  width: 8px
}

.appsElementsEmojipickerListManagerScrollbar::-webkit-scrollbar-thumb {
  background-color: transparent
}

.appsElementsEmojipickerListManagerScrollbar::-webkit-scrollbar-thumb:active {
  background-color: transparent
}

.appsElementsEmojipickerListManagerScrollbar:hover::-webkit-scrollbar {
  background-color: transparent
}

.appsElementsEmojipickerListManagerScrollbar:hover::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb-color, rgba(var(--gm3-sys-color-on-surface-variant, #444746), .36));
  background-clip: padding-box;
  border-radius: 4px;
  padding: 100px 0 0
}

.appsElementsEmojipickerListManagerScrollbar::-webkit-scrollbar:hover {
  background-color: transparent
}

.appsElementsEmojipickerListManagerScrollbar::-webkit-scrollbar:active {
  background-color: transparent
}

.appsElementsEmojipickerListManagerScrollbar::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-thumb-hover-color, rgba(var(--gm3-sys-color-on-surface-variant, #444746), .54))
}

.appsElementsEmojipickerListManagerScrollbar::-webkit-scrollbar-thumb:active {
  background-color: var(--scrollbar-thumb-active-color, rgba(var(--gm3-sys-color-on-surface-variant, #444746), .54))
}

.appsElementsEmojipickerListManagerScrollbar::-webkit-scrollbar-corner {
  background-color: transparent
}

.appsDocsGwefWizGwefpromocalloutstylesCallout {
  --ae-callout-container-width: 630px
}

.offlineImageInsertDialogDialog {
  --gm3-dialog-container-max-height: 700px;
  --gm3-dialog-container-max-width: 100%
}

.offlineImageInsertDialogMsgBar {
  padding: 0 0 10px
}

.offlineImageInsertDialogDropzoneParent {
  height: 100%;
  width: 100%
}

.offlineImageInsertDialogDropzoneCell {
  border: 2px dashed;
  border-radius: 2px;
  height: 100%
}

.offlineImageInsertDialogDropzone {
  height: 100%;
  text-align: center;
  width: 100%
}

.offlineImageInsertDialogDropHere {
  font-size: 24px;
  padding: 0 10px
}

.offlineImageInsertDialogDropAlt {
  padding: 15px 0 5px
}

.offlineImageInsertDialogWarning {
  display: inline-block;
  font-size: 13px;
  padding: 10px 20px 0 0;
  vertical-align: middle
}

.javascriptMaterialdesignGm3WizCardElevated-card {
  position: relative;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  border-start-start-radius: var(--gm3-card-elevated-container-shape-start-start, 12px);
  border-start-end-radius: var(--gm3-card-elevated-container-shape-start-end, 12px);
  border-end-end-radius: var(--gm3-card-elevated-container-shape-end-end, 12px);
  border-end-start-radius: var(--gm3-card-elevated-container-shape-end-start, 12px);
  background-color: var(--gm3-card-elevated-container-color, var(--gm3-sys-color-surface-container-low, #f8fafd));
  --gm3-elevation-level: var(--gm3-card-elevated-container-elevation, 1);
  --gm3-elevation-shadow-color: var(--gm3-card-elevated-container-shadow-color, var(--gm3-sys-color-shadow, #000));
  --gm3-elevation-surface-tint-layer-color: transparent;
  --gm3-focus-ring-outward-color: var(--gm3-card-elevated-focus-indicator-color, var(--gm3-sys-color-secondary, #00639b));
  --gm3-focus-ring-outward-offset: var(--gm3-card-elevated-focus-indicator-outline-offset, 2px);
  --gm3-focus-ring-outward-track-width: var(--gm3-card-elevated-focus-indicator-thickness, 3px);
  --gm3-focus-ring-outward-target-shape-start-start: var(--gm3-card-elevated-container-shape-start-start, 12px);
  --gm3-focus-ring-outward-target-shape-start-end: var(--gm3-card-elevated-container-shape-start-end, 12px);
  --gm3-focus-ring-outward-target-shape-end-end: var(--gm3-card-elevated-container-shape-end-end, 12px);
  --gm3-focus-ring-outward-target-shape-end-start: var(--gm3-card-elevated-container-shape-end-start, 12px)
}

.javascriptMaterialdesignGm3WizCardElevated-card>.javascriptMaterialdesignGm3WizCard-card__primary-action,
.javascriptMaterialdesignGm3WizCardElevated-card__content>.javascriptMaterialdesignGm3WizCard-card__primary-action {
  --gm3-ripple-hover-color: var(--gm3-card-elevated-hover-state-layer-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  --gm3-ripple-hover-opacity: var(--gm3-card-elevated-hover-state-layer-opacity, 0.08);
  --gm3-ripple-pressed-color: var(--gm3-card-elevated-pressed-state-layer-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  --gm3-ripple-pressed-opacity: var(--gm3-card-elevated-pressed-state-layer-opacity, 0.1);
  --gm3-ripple-shape-start-start: var(--gm3-card-elevated-container-shape-start-start, 12px);
  --gm3-ripple-shape-start-end: var(--gm3-card-elevated-container-shape-start-end, 12px);
  --gm3-ripple-shape-end-end: var(--gm3-card-elevated-container-shape-end-end, 12px);
  --gm3-ripple-shape-end-start: var(--gm3-card-elevated-container-shape-end-start, 12px)
}

.javascriptMaterialdesignGm3WizCardElevated-card__content {
  border-radius: inherit;
  height: 100%
}

.javascriptMaterialdesignGm3WizCardElevated-card:after {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  inset-block-start: 0;
  inset-inline-start: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none
}

.appsElementsLinkInsertionCard {
  --gm3-card-elevated-container-elevation: 3;
  box-sizing: border-box;
  min-inline-size: max-content;
  color: var(--on-surface-variant, var(--gm3-sys-color-on-surface-variant, #444746))
}

@media not screen and (forced-colors:active) {
  .appsElementsLinkInsertionCard {
    margin: 2px 5px
  }
}

.appsElementsLinkInsertionCardContainer {
  display: grid;
  place-content: center
}

.appsElementsLinkInsertionCardContainer.appsElementsLinkInsertionOpenDown {
  place-content: start
}

.appsElementsLinkInsertionCardContainer.appsElementsLinkInsertionOpenUp {
  place-content: end
}

.appsElementsLinkInsertionCardContainer.appsElementsLinkInsertionCardContainerWithSuggestions {
  block-size: 352px
}

.appsElementsLinkInsertionCardContainer:not(.appsElementsLinkInsertionCardContainerWithSuggestions) {
  max-block-size: 352px
}

.appsElementsLinkInsertionClose .appsElementsLinkInsertionCard {
  opacity: 0
}

.appsElementsLinkInsertionOpen .appsElementsLinkInsertionCard {
  opacity: 1
}

.appsElementsLinkInsertionContent {
  overflow: hidden
}

.appsElementsLinkInsertionClose .appsElementsLinkInsertionCard:not(.appsElementsLinkInsertionCardWithSuggestions) .appsElementsLinkInsertionContent {
  max-block-size: 0
}

.appsElementsLinkInsertionOpen .appsElementsLinkInsertionCard:not(.appsElementsLinkInsertionCardWithSuggestions) .appsElementsLinkInsertionContent {
  max-block-size: 348px
}

.appsElementsLinkInsertionClose .appsElementsLinkInsertionCard.appsElementsLinkInsertionCardWithSuggestions .appsElementsLinkInsertionContent {
  block-size: 0
}

.appsElementsLinkInsertionOpen .appsElementsLinkInsertionCard.appsElementsLinkInsertionCardWithSuggestions .appsElementsLinkInsertionContent {
  block-size: 348px
}

.appsElementsLinkInsertionClose .appsElementsLinkInsertionDefaultView .appsElementsLinkInsertionRise {
  transform: translateY(calc(100% + 4px));
  opacity: 0
}

.appsElementsLinkInsertionOpen .appsElementsLinkInsertionDefaultView .appsElementsLinkInsertionRise {
  transform: translateY(0);
  opacity: 1
}

@media not (prefers-reduced-motion) {
  .appsElementsLinkInsertionClose .appsElementsLinkInsertionCard {
    transition: opacity 50ms linear 40ms
  }

  .appsElementsLinkInsertionOpen .appsElementsLinkInsertionCard {
    transition: opacity 75ms linear
  }

  .appsElementsLinkInsertionClose .appsElementsLinkInsertionCard.appsElementsLinkInsertionCardWithSuggestions .appsElementsLinkInsertionContent {
    transition: height .5s cubic-bezier(.3, 0, .8, .15), max-height .5s cubic-bezier(.3, 0, .8, .15)
  }

  .appsElementsLinkInsertionClose .appsElementsLinkInsertionCard:not(.appsElementsLinkInsertionCardWithSuggestions) .appsElementsLinkInsertionContent {
    transition: height 0ms linear 90ms, max-height 0ms linear 90ms
  }

  .appsElementsLinkInsertionOpen .appsElementsLinkInsertionCard .appsElementsLinkInsertionContent {
    transition: height .3s cubic-bezier(.2, 0, 0, 1), max-height .3s cubic-bezier(.2, 0, 0, 1)
  }

  .appsElementsLinkInsertionClose .appsElementsLinkInsertionDefaultView .appsElementsLinkInsertionRise {
    transition: opacity .51s linear, transform 0ms .5s
  }

  .appsElementsLinkInsertionOpen .appsElementsLinkInsertionDefaultView .appsElementsLinkInsertionRise {
    transition: transform .5s cubic-bezier(.05, .7, .1, 1) calc(50ms*var(--stagger-index, 0) + .1s), opacity 60ms linear
  }
}

.appsElementsLinkInsertionTextField.appsElementsLinkInsertionTextField.appsElementsLinkInsertionTextField {
  padding-inline-start: 8px
}

.appsElementsLinkInsertionViewContainer {
  padding-block-start: 16px;
  box-sizing: border-box
}

.appsElementsLinkInsertionDefaultView {
  block-size: 100%;
  inline-size: 100%;
  display: grid;
  grid-template-areas: "text-input   ." "link-input   apply-btn" "suggestions  suggestions" "adv-suggestions-btn  adv-suggestions-btn";
  grid-template-columns: auto auto;
  grid-auto-rows: auto auto 1fr auto
}

.appsElementsLinkInsertionAdvancedView {
  block-size: 100%;
  inline-size: 100%;
  display: grid;
  grid-template-areas: "text-input apply-btn" "back-to-search back-to-search" "suggestions suggestions";
  grid-template-columns: auto auto;
  grid-auto-rows: auto 32px 1fr
}

.appsElementsLinkInsertionAdvancedView .appsElementsLinkInsertionSuggestionsGroup:last-of-type .appsElementsLinkInsertionSuggestion:last-child {
  margin-block-end: 16px
}

.appsElementsLinkInsertionBackButtonRow {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.25rem;
  grid-area: back-to-search;
  display: flex;
  align-items: center
}

.appsElementsLinkInsertionBackButton {
  --gm3-icon-button-standard-container-height: 28px;
  --gm3-icon-button-standard-container-width: 28px;
  --gm3-icon-button-standard-icon-size: 20px;
  margin-inline: 12px 8px
}

.appsElementsLinkInsertionLinkSearchInput,
.appsElementsLinkInsertionLinkTextInput {
  --gm3-text-field-outlined-container-height: 32px;
  --gm3-text-field-outlined-focus-indicator-outline-thickness: 2px;
  --gm3-text-field-outlined-input-text-line-height: 1.25rem;
  --gm3-text-field-outlined-input-text-size: 0.875rem;
  --gm3-text-field-outlined-input-text-tracking: 0rem;
  --gm3-text-field-outlined-input-text-weight: 400;
  --gm3-text-field-outlined-leading-icon-size: 20px;
  --gm3-text-field-outlined-input-text-placeholder-color: var(--gm3-sys-color-outline, #747775);
  inline-size: 216px;
  margin-block-end: 8px;
  margin-inline-start: 16px
}

.appsElementsLinkInsertionLinkTextInput {
  grid-area: text-input
}

.appsElementsLinkInsertionAdvancedView .appsElementsLinkInsertionLinkTextInput[aria-hidden=true] {
  visibility: hidden;
  overflow: hidden;
  pointer-events: none;
  height: 0;
  padding-block: 0;
  margin-block: 0;
  border-block: 0
}

.appsElementsLinkInsertionLinkSearchInput {
  grid-area: link-input
}

.appsElementsLinkInsertionLinkSearchInput .appsElementsLinkInsertionTextField:not(.appsElementsLinkInsertionLinkSearchInvalidLink)~:last-child {
  display: none
}

.appsElementsLinkInsertionApplyButton {
  --gm3-button-text-container-height: 32px;
  grid-area: apply-btn;
  margin-inline: 12px 16px
}

.appsElementsLinkInsertionApplyButton:last-child {
  margin-block-end: 16px
}

.appsElementsLinkInsertionAdvancedView .appsElementsLinkInsertionApplyButton[aria-hidden=true] {
  visibility: hidden;
  overflow: hidden;
  pointer-events: none;
  height: 0;
  padding-block: 0;
  margin-block: 0;
  border-block: 0
}

.appsElementsLinkInsertionSuggestionsSectionContainer {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  grid-area: suggestions;
  overflow-y: auto;
  position: relative;
  display: flex;
  flex-direction: column
}

.appsElementsLinkInsertionSuggestionsSection {
  position: absolute;
  display: flex;
  flex-direction: column;
  inline-size: 100%;
  block-size: 100%
}

.appsElementsLinkInsertionSuggestionsList {
  --gm3-list-list-item-container-color: transparent;
  --gm3-list-list-item-selected-container-color: transparent;
  --gm3-list-list-item-hover-state-layer-color: var(--on-surface-variant, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-list-list-item-label-text-color: var(--on-surface-variant, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-list-list-item-focus-label-text-color: var(--on-surface-variant, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-list-list-item-label-text-font: "Google Sans";
  --gm3-list-list-item-label-text-line-height: 1.25rem;
  --gm3-list-list-item-label-text-size: 0.875rem;
  --gm3-list-list-item-label-text-tracking: 0rem;
  --gm3-list-list-item-label-text-weight: 400;
  --gm3-list-list-item-leading-icon-size: 20px;
  --gm3-list-list-item-one-line-container-height: 28px;
  --gm3-list-list-item-one-line-padding: 0;
  --gm3-list-list-item-two-line-container-height: 44px;
  --gm3-list-list-item-two-line-padding: 0;
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  padding: 0;
  margin: 0
}

.appsElementsLinkInsertionSuggestionsList .appsElementsMultiSectionListSectionListHeaderContainer {
  padding-inline: 16px
}

.appsElementsLinkInsertionSuggestionGroupSeparator {
  display: block;
  inline-size: 100%;
  margin-block: 8px
}

@media not screen and (forced-colors:active) {
  .appsElementsLinkInsertionSuggestionGroupSeparator:not(:first-child) {
    border-block-start: 1px solid var(--gm3-sys-color-outline-variant, #c4c7c5)
  }
}

.appsElementsLinkInsertionSuggestionGroupSeparator+.appsElementsLinkInsertionSuggestionGroupSeparator,
.appsElementsLinkInsertionSuggestionGroupSeparator:first-child,
.appsElementsLinkInsertionSuggestionGroupSeparator:last-child {
  display: none
}

.appsElementsLinkInsertionSuggestion {
  --gm3-list-list-item-leading-icon-color: var(--on-surface-variant, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-list-list-item-leading-space: 16px;
  --gm3-list-list-item-content-gap: 12px
}

.appsElementsLinkInsertionAdditionalText {
  text-align: center;
  text-wrap: balance
}

.appsElementsLinkInsertionCenteredText {
  inline-size: 100%;
  box-sizing: border-box;
  flex-grow: 1;
  display: grid;
  place-content: center
}

.appsElementsLinkInsertionOfflineText {
  padding: 16px
}

.appsElementsLinkInsertionNudgeTitle {
  font-family: Roboto, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5rem
}

.appsElementsLinkInsertionAdvancedSuggestionsButton {
  --gm3-button-text-focus-indicator-outline-offset: -8px;
  --gm3-button-text-container-height: 52px;
  --gm3-button-text-container-shape: 0 0 12px 12px;
  --gm3-button-text-focus-label-text-color: var(--on-surface-variant, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-button-text-hover-label-text-color: var(--on-surface-variant, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-button-text-hover-state-layer-color: var(--on-surface-variant, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-button-text-label-text-color: var(--on-surface-variant, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-button-text-pressed-label-text-color: var(--on-surface-variant, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-button-text-pressed-state-layer-color: var(--on-surface-variant, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-button-text-with-icon-focus-icon-color: var(--on-surface-variant, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-button-text-with-icon-hover-icon-color: var(--on-surface-variant, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-button-text-with-icon-icon-color: var(--on-surface-variant, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-button-text-with-icon-icon-size: 20px;
  --gm3-button-text-with-icon-pressed-icon-color: var(--on-surface-variant, var(--gm3-sys-color-on-surface-variant, #444746));
  grid-area: adv-suggestions-btn;
  justify-content: space-between;
  inline-size: 100%;
  text-align: start;
  line-height: 1.25rem
}

@media not screen and (forced-colors:active) {
  .appsElementsLinkInsertionAdvancedSuggestionsButton:not(:first-child) {
    border-block-start: 1px solid var(--gm3-sys-color-outline-variant, #c4c7c5)
  }
}

@media print {
  .docsLinkSmartinsertlinkBubble {
    display: none
  }
}

.docsLinkSmartinsertlinkBubble {
  box-shadow: none;
  border: none;
  background: transparent
}

.docsLinkSmartinsertlinkBubble.docsLinkSmartinsertlinkBubble {
  z-index: 1000 !important
}

.docsLinkSmartinsertlinkBubble .jfk-bubble-arrow {
  display: none
}

.docsLinkSmartinsertlinkCardContainer[dir=rtl] .materialdesignWizIconSvgsRtlIcon {
  transform: scaleX(-1)
}

.docsLinkSmartinsertlinkCard {
  --gm3-card-elevated-container-color: var(--gm3-sys-color-surface, #fff)
}

.maestroAddonSidebarContainer {
  color: var(--gm3-sys-color-on-surface, #1f1f1f);
  display: inline-grid;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  row-gap: 16px
}

.maestroAddonSidebarCard {
  background-color: var(--gm3-sys-color-surface-container-high, #e9eef6);
  border-radius: 12px;
  display: flex;
  flex-direction: column
}

.maestroAddonSidebarCardBannerImage {
  border-radius: 8px;
  height: auto;
  margin: 16px 16px 0;
  width: 257px
}

.maestroAddonSidebarCardContents {
  row-gap: 12px;
  padding: 12px 16px 16px
}

.maestroAddonSidebarCardIntroduction {
  color: var(--gm3-sys-color-on-surface-variant, #444746);
  padding: 8px 16px 0
}

.maestroAddonSidebarCardHeader {
  align-items: center;
  display: flex;
  flex-direction: row
}

.maestroAddonSidebarCardHeaderIcon {
  height: 24px;
  padding-right: 12px;
  width: 24px
}

.maestroAddonSidebarCardHeaderTitle {
  flex-direction: row;
  width: 100%
}

.maestroAddonSidebarCardHeaderTitleName {
  color: var(--gm3-sys-color-on-surface, #1f1f1f);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px
}

.maestroAddonSidebarCardHeaderTitleCategory {
  color: var(--gm3-sys-color-on-surface-variant, #444746)
}

.maestroAddonSidebarCardSummary {
  color: var(--gm3-sys-color-on-surface-variant, #444746);
  line-height: 16px;
  margin-bottom: 8px;
  margin-top: 12px
}

.maestroAddonSidebarCardActionButtons {
  display: flex;
  flex-direction: row;
  font-weight: 500;
  justify-content: flex-end
}

.maestroAddonSidebarCardActionHelpButton {
  margin-left: 8px
}

.maestroAddonSidebarLoadingSpinner {
  --gm3-circular-progress-active-indicator-color: #0b57d0;
  --gm3-circular-progress-size: 20px
}

.docsCoWIconDisabled {
  opacity: .38
}

.docsCoWIconPrimary40 {
  filter: brightness(0) saturate(100%) invert(23%) sepia(34%) saturate(7264%) hue-rotate(213deg) brightness(86%) contrast(92%)
}

.docsCoWIconTertiary40 {
  filter: brightness(0) saturate(100%) invert(18%) sepia(66%) saturate(3269%) hue-rotate(135deg) brightness(93%) contrast(84%)
}

.docsCoWIconError40 {
  filter: brightness(0) saturate(100%) invert(22%) sepia(95%) saturate(2682%) hue-rotate(350deg) brightness(72%) contrast(93%)
}

.appsElementsSideSheetRoot {
  --gm3-card-outlined-container-color: var(--ae-side-sheet-container-color, var(--gm3-sys-color-surface, #fff));
  --gm3-card-outlined-outline-width: var(--ae-side-sheet-outline-width, 1px);
  --gm3-card-outlined-outline-color: var(--ae-side-sheet-outline-color, initial);
  --gm3-card-outlined-hover-outline-color: var(--ae-side-sheet-hover-outline-color, initial);
  --gm3-card-outlined-pressed-outline-color: var(--ae-side-sheet-pressed-outline-color, initial);
  --gm3-card-outlined-container-shape-start-start: 16px;
  --gm3-card-outlined-container-shape-start-end: 16px;
  --gm3-card-outlined-container-shape-end-end: 16px;
  --gm3-card-outlined-container-shape-end-start: 16px;
  overflow: hidden;
  inline-size: var(--ae-side-sheet-container-width, 320px)
}

.appsElementsSideSheetFooter .appsElementsSideSheetHideCancelButton,
.appsElementsSideSheetHideBackButton,
.appsElementsSideSheetHideFooter,
.appsElementsSideSheetHideHeader {
  display: none
}

.appsElementsSideSheetTitle.appsElementsSideSheetHeaderHeight {
  line-height: 2.5rem;
  block-size: 40px
}

.appsElementsSideSheetHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 8px 8px 16px;
  gap: 8px;
  color: var(--gm3-sys-color-on-surface-variant, #444746)
}

.appsElementsSideSheetFooter {
  padding: 8px 8px 8px 16px;
  gap: 8px;
  display: flex;
  justify-content: end
}

.appsElementsSideSheetTitle {
  font-family: Roboto, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5rem;
  margin: unset;
  flex-grow: 1
}

.appsElementsSideSheetContent {
  --gm3-card-outlined-container-color: initial;
  --gm3-card-outlined-outline-color: initial;
  --gm3-card-outlined-outline-width: initial;
  --gm3-card-outlined-hover-outline-color: initial;
  --gm3-card-outlined-pressed-outline-color: initial;
  --gm3-card-outlined-container-shape-start-start: initial;
  --gm3-card-outlined-container-shape-start-end: initial;
  --gm3-card-outlined-container-shape-end-end: initial;
  --gm3-card-outlined-container-shape-end-start: initial;
  padding-inline: var(--ae-side-sheet-content-padding, 16px);
  flex-grow: 1;
  min-block-size: 0;
  overflow: hidden auto
}

.appsElementsSideSheetNoHeaderContent {
  padding-inline: 0;
  overflow: hidden
}

.appsElementsSideSheetContainer {
  display: flex;
  height: var(--ae-side-sheet-container-height, initial)
}

.maestroApplicationDialogFloatingDialog {
  --gm3-dialog-container-max-width: 100%
}

.maestroApplicationDialogDialogContentNoTitle {
  padding: 48px 24px 24px
}

.maestroApplicationSidebarSidebarIframe {
  height: calc(100% - 16px);
  width: 100%
}

.maestroHelpDialogDescriptionContent {
  border: 1px solid #e5e5e5;
  height: 138px;
  overflow-y: auto;
  vertical-align: top;
  border-radius: 4px 4px 0 0
}

.maestroHelpDialogContentSection {
  padding: 16px
}

.maestroHelpDialogContentTitle {
  display: flex;
  font-weight: 700;
  padding-bottom: 8px
}

.maestroHelpDialogWarningTitle {
  font-weight: 500
}

.maestroHelpDialogButtons {
  display: inline-block;
  width: 100%;
  padding-top: 24px
}

.maestroHelpDialogButtonsLeft {
  float: left
}

.maestroHelpDialogButtonsRight {
  float: right
}

.maestroPromptDialogTextField {
  box-sizing: content-box;
  margin-top: 10px;
  width: 100%
}

.maestroReportIssueDialogTextArea {
  width: 100%;
  min-height: 150px;
  padding-top: 16px
}

.maestroReportIssueDialogDisclaimerMsg,
.maestroReportIssueDialogTextAreaLabel {
  font-size: 16px
}

.maestroReportIssueDialogcheckBoxLabel {
  --gm3-checkbox-label-text-size: 14px;
  --gm3-checkbox-label-leading-space: 4px;
  margin-top: 13px
}

.appsDocsMeetWizMeetsidebarSidebar {
  width: 300px;
  border-radius: 0;
  z-index: 901
}

.appsDocsOdpSidebarWizOdpsidebarOdpIframe {
  height: 100%;
  width: 100%
}

.docsCommonWizDialogDialogContent {
  --gm3-select-shared-text-field-container-height: 40px;
  --gm3-select-shared-text-field-input-text-size: 16px;
  --gm3-text-field-outlined-container-height: 40px;
  --gm3-button-filled-container-height: 40px;
  --gm3-button-outlined-container-height: 40px;
  --gm3-button-text-container-height: 40px;
  --gm3-button-filled-tonal-container-height: 40px;
  --gm3-checkbox-container-size: 18px;
  --gm3-checkbox-state-layer-size: 36px;
  --gm3-checkbox-touch-target-size: 0px;
  --gm3-checkbox-label-text-size: 0.875rem;
  --gm3-radio-state-layer-size: 36px;
  --gm3-radio-label-text-size: 0.875rem;
  --gm3-tabs-primary-container-color: var(--gm3-sys-color-surface-bright, #fff)
}

.docsCommonWizDialogDialogContent .appsElementsSpinButtonNumericalInputContainer {
  --gm3-text-field-outlined-container-height: 40px;
  --gm3-text-field-outlined-input-text-line-height: 1.25rem;
  --gm3-text-field-outlined-input-text-size: 0.875rem;
  --gm3-text-field-outlined-input-text-tracking: 0rem;
  --gm3-text-field-outlined-input-text-weight: 400
}

.docsCommonWizDialogDialogContent .appsElementsSpinButtonHorizontalButton {
  --gm3-icon-button-standard-container-height: 24px;
  --gm3-icon-button-standard-container-width: 24px;
  --gm3-icon-button-standard-icon-size: 18px
}

.docsCommonWizDialogDialogContent .appsElementsSpinButtonVerticalButton {
  --gm3-icon-button-standard-container-height: 20px;
  --gm3-icon-button-standard-container-width: 20px;
  --gm3-icon-button-standard-icon-size: 20px;
  --gm3-icon-button-standard-touch-target-size: 20px
}

.docsCommonWizDialogDialogContent .appsElementsSpinButtonVerticalButtonsContainer {
  gap: 0
}

.appsDocsRevisionsWizSidebarRevisionTitleTextbox {
  --gm3-text-field-outlined-outline-color: transparent;
  --gm3-text-field-outlined-input-text-size: 14px;
  --gm3-text-field-outlined-input-text-weight: 500;
  --gm3-text-field-outlined-leading-space: 4px;
  --gm3-text-field-outlined-top-space: 0px;
  --gm3-text-field-outlined-bottom-space: 0px;
  --gm3-text-field-outlined-focus-indicator-outline-color: var(--gm3-sys-color-on-surface, #1f1f1f);
  --gm3-text-field-outlined-focus-indicator-outline-thickness: 1px;
  --gm3-text-field-outlined-label-text-populated-line-height: 0em
}

.appsDocsRevisionsWizSidebarRevisionTitleTextboxContainer {
  width: 200px
}

.appsDocsRevisionsWizSidebarIndentRevisionTitleTextboxContainer {
  width: 184px
}

.appsDocsRevisionsWizSidebarRevisionTitleTextboxNotSelected {
  --gm3-text-field-outlined-hover-outline-color: transparent
}

.appsDocsRevisionsWizSidebarViewOriginalContiner {
  display: flex;
  height: 22px;
  align-items: center
}

.appsDocsRevisionsWizSidebarDescriptorWithTooltip {
  display: flex
}

.appsDocsRevisionsWizSidebarRevisionTitleTextboxSelected {
  --gm3-text-field-outlined-hover-outline-color: var(--gm3-sys-color-on-surface, #1f1f1f)
}

.appsDocsRevisionsWizSidebarToggle {
  --gm3-switch-track-width: 39px;
  --gm3-switch-track-height: 24px;
  --gm3-switch-state-layer-size: 30px;
  --gm3-switch-pressed-handle-height: 20px;
  --gm3-switch-pressed-handle-width: 20px;
  --gm3-switch-selected-handle-height: 18px;
  --gm3-switch-selected-handle-width: 18px;
  --gm3-switch-selected-icon-size: 12px;
  --gm3-switch-unselected-handle-height: 12px;
  --gm3-switch-unselected-handle-width: 12px;
  --gm3-switch-unselected-icon-size: 12px;
  --gm3-switch-with-icon-handle-height: 18px;
  --gm3-switch-with-icon-handle-width: 18px;
  --gm3-switch-touch-target-height: 24px;
  --gm3-switch-touch-target-width: 39px
}

.appsDocsRevisionsWizSidebarToggleFooter {
  align-items: center;
  display: flex;
  justify-content: space-between
}

.appsDocsRevisionsWizSidebarToggleContainer {
  align-items: center;
  display: flex;
  gap: 16px
}

.appsDocsRevisionsWizSidebarRevisionsSidebar {
  z-index: 100;
  border-radius: 0
}

.appsDocsRevisionsWizSidebarRevisionTitleContainer {
  display: flex
}

.appsDocsRevisionsWizSidebarRevisionsTilesList {
  display: flex;
  flex-direction: column;
  gap: 8px
}

.appsDocsRevisionsWizSidebarRevisionTile {
  --gm3-card-filled-container-color: transparent
}

.appsDocsRevisionsWizSidebarBodySmallOnSurfaceVariant {
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  letter-spacing: .00625rem;
  line-height: 1rem;
  color: var(--gm3-sys-color-on-surface-variant, #444746)
}

.appsDocsRevisionsWizSidebarTileSwatch {
  width: 8px;
  height: 8px;
  border-radius: 50%
}

.appsDocsRevisionsWizSidebarExpandButton,
.appsDocsRevisionsWizSidebarMoreActionsIconButton {
  --gm3-icon-button-standard-container-width: 32px;
  --gm3-icon-button-standard-container-height: 32px;
  --gm3-icon-button-standard-icon-size: 20px;
  --gm3-ripple-shape-end-end: 36px;
  --gm3-ripple-shape-end-start: 36px;
  --gm3-ripple-shape-start-end: 36px;
  --gm3-ripple-shape-start-start: 36px;
  margin-bottom: -8px
}

.appsDocsRevisionsWizSidebarBottom2px {
  bottom: 2px
}

.appsDocsRevisionsWizSidebarAuthorInfo {
  display: flex;
  align-items: center;
  gap: 8px
}

.appsDocsRevisionsWizSidebarMoreActionsButtonContainer {
  position: absolute;
  top: 0;
  right: 0;
  padding-right: 8px
}

.appsDocsRevisionsWizSidebarApprovalsDiffMenu,
.appsDocsRevisionsWizSidebarVersionTypeMenu {
  width: 100%
}

.appsDocsRevisionsWizSidebarBadges {
  display: flex;
  flex-direction: column;
  gap: 4px
}

.appsDocsRevisionsWizSidebarGreenBadge {
  --ae-badge-container-color: transparent;
  --ae-badge-text-color: #188038;
  --ae-badge-outline-color: #188038
}

.appsDocsRevisionsWizSidebarRedBadge {
  --ae-badge-container-color: transparent;
  --ae-badge-text-color: #c5221f;
  --ae-badge-outline-color: #c5221f
}

.appsDocsRevisionsWizSidebarBlueBadge {
  --ae-badge-container-color: transparent;
  --ae-badge-text-color: #1967d2;
  --ae-badge-outline-color: #1967d2
}

.appsDocsRevisionsWizSidebarStaticApprovalsTile {
  display: flex;
  flex-direction: column
}

.appsDocsRevisionsWizSidebarApprovalsDiffMenuSection {
  display: flex;
  flex-direction: column;
  gap: 8px
}

.appsDocsRevisionsWizSidebarAuthorInfoPhoto {
  border-width: 2px;
  border-style: solid;
  border-radius: 100%;
  box-sizing: border-box;
  height: 32px;
  width: 32px
}

.appsDocsRevisionsWizSidebarLabelMediumOnSurfaceVariant {
  color: var(--gm3-sys-color-on-surface-variant, #444746);
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 500;
  letter-spacing: .00625rem;
  line-height: 1rem
}

.appsDocsRevisionsWizSidebarBodyMediumOnSurfaceVariant {
  color: var(--gm3-sys-color-on-surface-variant, #444746);
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem
}

.appsDocsRevisionsWizSidebarLabelLargeOnSurface {
  color: var(--gm3-sys-color-on-surface, #1f1f1f);
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.25rem
}

.appsDocsRevisionsWizSidebarWidget {
  display: flex;
  flex-direction: row;
  gap: 12px;
  padding-top: 16px
}

.appsDocsRevisionsWizSidebarTileContainer {
  display: flex;
  flex-direction: column;
  padding: 8px 12px 12px 4px;
  gap: 4px
}

.appsDocsRevisionsWizSidebarSubLevelTileIndentElement {
  padding-left: 52px
}

.appsDocsRevisionsWizSidebarTileIndentElement,
.appsDocsRevisionsWizSidebarTileIndentElementWithArrow {
  padding-left: 36px
}

.appsDocsRevisionsWizSidebarTileNameIndentElement {
  padding-left: 32px
}

.appsDocsRevisionsWizSidebarSubLevelTileNameIndentElement {
  padding-left: 48px
}

.appsDocsRevisionsWizSidebarPaddingTopWithPublishedAnnotation {
  padding-top: 32px
}

.appsDocsRevisionsWizSidebarSubLevelTileIndentRestoreElement {
  left: 52px;
  position: relative
}

.appsDocsRevisionsWizSidebarTileIndentRestoreElement,
.appsDocsRevisionsWizSidebarTileIndentRestoreElementWithArrow {
  left: 36px;
  position: relative
}

.appsDocsRevisionsWizSidebarViewRequestDetailButton {
  display: flex;
  justify-content: flex-end;
  left: 4px;
  position: relative;
  margin-bottom: -4px;
  --gm3-ripple-shape-start-start: 50px;
  --gm3-ripple-shape-start-end: 50px;
  --gm3-ripple-shape-end-end: 50px;
  --gm3-ripple-shape-end-start: 50px
}

.appsDocsRevisionsWizSidebarLoadingIndicator {
  display: flex;
  justify-content: flex-end;
  position: relative;
  --gm3-circular-progress-size: 24px;
  --gm3-circular-progress-active-indicator-thickness: 4px;
  --gm3-circular-progress-active-indicator-track-space: 4px
}

.appsDocsRevisionsWizSidebarStaticNameWithArrow {
  padding-left: 4px;
  padding-top: 2px
}

.appsDocsRevisionsWizSidebarLoadingPaddingTop {
  padding-top: 4px
}

.appsDocsRevisionsWizSidebarNoArrowTile {
  margin-top: 4px
}

.appsDocsRevisionsWizSidebarMoreActionsMenu {
  --gm3-menu-list-item-label-text-size: 16px;
  --gm3-menu-list-item-label-text-weight: 400;
  --gm3-ripple-shape-start-start: 0;
  --gm3-ripple-shape-start-end: 0;
  --gm3-ripple-shape-end-end: 0;
  --gm3-ripple-shape-end-start: 0
}

.appsDocsRevisionsWizSidebarViewOriginalButton {
  --gm3-button-text-container-height: 24px;
  --gm3-button-text-label-text-size: 12px;
  --gm3-button-text-label-text-weight: 400;
  --gm3-ripple-shape-start-start: 50px;
  --gm3-ripple-shape-start-end: 50px;
  --gm3-ripple-shape-end-end: 50px;
  --gm3-ripple-shape-end-start: 50px
}

.appsDocsRevisionsWizSidebarEncryptedDocNotice {
  background-color: var(--gm3-sys-color-primary-container, #d3e3fd);
  padding: 8px 16px
}

.appsDocsRevisionsWizSidebarEncryptedLearnMoreLink:visited {
  color: var(--gm3-sys-color-primary, #0b57d0)
}

.appsDocsRevisionsWizSidebarDecreasedSidebarWidth {
  width: 300px
}

.appsDocsRevisionsWizSidebarTilesRightPadding {
  right: 4px;
  position: relative
}

.appsDocsRevisionsWizSidebarStaticElements {
  display: flex;
  flex-direction: column;
  gap: 8px
}

.appsDocsRevisionsWizSidebarNoWrap {
  white-space: nowrap
}

.appsDocsRevisionsWizSidebarPublishedAnnotation {
  padding-bottom: 4px
}

.appsDocsRevisionsWizSidebarPaddingTop8px {
  padding-top: 8px
}

.appsDocsRevisionsWizSidebarFooter {
  padding-bottom: 12px
}

.revisionsSnapshotPromptTextField {
  box-sizing: content-box;
  padding-top: 10px;
  width: 100%
}

.docsCommonGMDCDialogCenteredCircularProgress {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  width: 48px
}

.commonNoticeCowComponentErrorContainer {
  background-color: var(--gm3-sys-color-error-container, #f9dedc)
}

.commonNoticeCowComponentErrorIcon {
  filter: brightness(0) saturate(100%) invert(18%) sepia(52%) saturate(3892%) hue-rotate(348deg) brightness(99%) contrast(94%)
}

.commonNoticeCowComponentCautionContainer {
  background-color: var(--ws-sys-color-extended-yellow-tonal, #fff2b4)
}

.commonNoticeCowComponentContainer {
  border-radius: 8px;
  padding: 4px 16px
}

.commonNoticeCowComponentNoticeContainer {
  padding-top: 12px;
  padding-bottom: 20px;
  padding-right: 16px
}

.commonNoticeCowComponentFlexContainer {
  display: flex
}

.commonNoticeCowComponentNoticeTitle {
  color: var(--gm3-sys-color-on-surface, #1f1f1f);
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.25rem
}

.commonNoticeCowComponentNoticeBody {
  color: var(--gm3-sys-color-on-surface, #1f1f1f);
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem
}

.commonNoticeCowComponentIconContainer {
  flex-shrink: 0
}

.commonNoticeCowComponentContainerText {
  margin-left: 16px
}

.commonNoticeCowComponentInfoContainer {
  background-color: var(--gm3-sys-color-surface-container-high, #e9eef6)
}

.stylisticFeedbackDialogHeading {
  color: var(--gm3-sys-color-on-surface, #1f1f1f);
  font-size: 16px;
  font-weight: 500;
  padding-top: 16px;
  padding-bottom: 16px
}

.stylisticFeedbackDialogContext {
  color: var(--gm3-sys-color-on-surface-variant, #444746);
  padding-top: 10px
}

.stylisticFeedbackDialogOriginal {
  font-weight: 700
}

.stylisticFeedbackDialogSuggestions {
  font-style: italic
}

.stylisticFeedbackDialogTextField {
  box-sizing: content-box;
  color: var(--gm3-sys-color-on-surface-variant, #444746);
  margin-top: 10px;
  width: 100%
}

.stylisticFeedbackDialogLegalText {
  color: var(--gm3-sys-color-on-surface-variant, #444746);
  font-size: 12px;
  margin-top: 10px;
  padding-top: 8px
}

.docosAutocorrectFeedbackDialogContext {
  color: var(--gm3-sys-color-on-surface-variant, #444746);
  padding-top: 10px
}

.docosAutocorrectFeedbackDialogCorrection {
  font-weight: 700
}

.docosAutocorrectFeedbackDialogHeading {
  color: var(--gm3-sys-color-on-surface, #1f1f1f);
  font-size: 16px;
  font-weight: 500;
  padding-top: 16px;
  padding-bottom: 16px
}

.docosAutocorrectFeedbackDialogTextField {
  box-sizing: content-box;
  color: var(--gm3-sys-color-on-surface-variant, #444746);
  margin-top: 10px;
  width: 100%
}

.feedbackSuggestionDialogContext {
  color: var(--gm3-sys-color-on-surface-variant, #444746);
  padding-top: 10px
}

.feedbackSuggestionDialogEncryptedContainer {
  background: var(--gm3-sys-color-primary-container, #d3e3fd);
  border-radius: 8px;
  padding: 4px 4px 4px 16px;
  margin: 10px 0 0
}

.feedbackSuggestionDialogEncryptedContainerSection {
  padding: 10px 8px 10px 0;
  display: flex
}

.feedbackSuggestionDialogEncryptedContent {
  color: var(--gm3-sys-color-on-surface, #1f1f1f);
  font-size: 12px
}

.feedbackSuggestionDialogEncryptedIcon {
  width: 36px;
  padding-right: 16px
}

.feedbackSuggestionDialogHeading {
  color: var(--gm3-sys-color-on-surface, #1f1f1f);
  font-size: 16px;
  font-weight: 500;
  padding-top: 16px;
  padding-bottom: 16px
}

.feedbackSuggestionDialogLegalTextContainer {
  margin: 10px 0;
  padding-top: 8px
}

.feedbackSuggestionDialogLegalTextSection {
  margin-bottom: 8px
}

.feedbackSuggestionDialogLegalText {
  color: var(--gm3-sys-color-on-surface-variant, #444746);
  font-size: 12px
}

.feedbackSuggestionDialogEmphasize {
  font-weight: 700
}

.feedbackSuggestionDialogTextField {
  box-sizing: content-box;
  color: var(--gm3-sys-color-on-surface-variant, #444746);
  margin-top: 10px;
  width: 100%
}

.docsCommonGMDCDialogVerticallyStackedRadioGroup {
  display: inline-flex;
  flex-direction: column
}

.userDictionaryDialogButtonAdd {
  display: inline-block
}

.userDictionaryDialogInput {
  display: inline-block;
  margin-right: 19px
}

.userDictionaryDialogListContainer {
  height: 232px;
  overflow: auto;
  list-style-type: none;
  overflow-x: hidden;
  padding-inline-start: 0;
  padding: 5px 5px 0 0
}

.userDictionaryDialogListItemWordContainer {
  display: flex;
  justify-content: space-between
}

.userDictionaryDialogListItemWord {
  padding: 10px;
  overflow: hidden;
  width: 200px;
  text-overflow: ellipsis;
  white-space: nowrap
}

.userDictionaryDialogListItemTrashIcon.docs-icon {
  height: 24px;
  margin: 0;
  width: 24px
}

.autocorrectFeedbackDialogCorrection {
  font-weight: 700
}

.autocorrectFeedbackDialogHeading {
  color: var(--gm3-sys-color-on-surface, #1f1f1f);
  font-size: 16px;
  font-weight: 500;
  padding-top: 16px;
  padding-bottom: 16px
}

.autocorrectFeedbackDialogPrefix {
  color: var(--gm3-sys-color-on-surface-variant, #444746);
  padding-top: 10px
}

.autocorrectFeedbackDialogTextField {
  box-sizing: content-box;
  color: var(--gm3-sys-color-on-surface-variant, #444746);
  margin-top: 10px;
  width: 100%
}

.appsElementsEnforcementDialogRoot {
  --gm3-dialog-container-content-padding: 0px;
  --gm3-dialog-container-max-width: min(100dvw - 48px, 496px);
  --gm3-dialog-container-min-width: min(100dvw - 48px, 496px);
  --gm3-dialog-container-content-padding-block-start: 0px;
  --gm3-dialog-container-content-padding-inline-end: 0px;
  --gm3-dialog-container-content-padding-block-end: 0px;
  --gm3-dialog-container-content-padding-inline-start: 0px;
  height: min(100dvh - 48px, fit-content());
  border-radius: 28px;
  color: var(--gm3-sys-color-surface-container-high, #e9eef6);
  --gm3-dialog-content-display: flex
}

.appsElementsEnforcementDialogEnforcementContainer {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow-y: auto;
  padding-inline: 24px
}

.appsElementsEnforcementDialogTitle {
  font-family: Roboto, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 2rem;
  flex-direction: column;
  text-align: center;
  margin-bottom: 16px;
  padding: 0 24px
}

.appsElementsEnforcementDialogTopBodyText {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  margin-block-end: 16px
}

.appsElementsEnforcementDialogFeatureSection {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-block-end: 12px
}

.appsElementsEnforcementDialogBottomBodyText {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  margin-block: 4px 24px
}

.appsElementsEnforcementDialogFooter {
  display: flex;
  padding: 24px;
  justify-content: flex-end;
  gap: 8px;
  position: relative
}

.appsElementsUdpConsentDialogProductIcons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 24px 16px 16px
}

.appsElementsUdpConsentDialogContentContainer {
  display: flex;
  flex-direction: column;
  inline-size: 100%
}

.appsElementsUdpConsentDialogContentContainer :is(a:link, a:visited, a:hover, a:active) {
  color: var(--gm3-sys-color-primary, #0b57d0)
}

.appsElementsUdpConsentDialogContentContainer a:hover {
  text-decoration: underline
}

.appsElementsUdpConsentDialogHeader {
  margin-block-end: 8px
}

.appsElementsUdpConsentDialogRadioGroup {
  display: inline-flex;
  flex-direction: column;
  gap: 8px
}

.appsElementsUdpConsentDialogListItem {
  --gm3-list-list-item-container-color: transparent;
  --gm3-list-list-item-selected-container-color: transparent;
  --gm3-list-list-item-content-padding: 16px;
  --gm3-list-list-item-hover-state-layer-opacity: 0;
  padding-inline-start: 24px
}

.appsElementsUdpConsentDialogFeatureSectionGroup {
  padding-inline-end: 24px
}

.appsElementsUdpConsentDialogFeatureIcon {
  color: var(--gm3-sys-color-on-primary-container, #0842a0);
  background-color: var(--gm3-sys-color-primary-container, #d3e3fd);
  display: flex;
  height: 20px;
  width: 20px;
  padding: 6px;
  justify-content: center;
  align-items: center;
  border-radius: 8px
}

.appsElementsUdpConsentDialogFeatureIcon:before {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none
}

@media screen and (forced-colors:active) {
  .appsElementsUdpConsentDialogFeatureIcon:before {
    border-color: CanvasText
  }
}

.appsElementsUdpConsentDialogFeatureLabelContainer {
  width: auto
}

.appsElementsUdpConsentDialogFeatureLabel {
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  letter-spacing: .00625rem;
  line-height: 1rem
}

.appsElementsUdpConsentDialogButtonContainer {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  gap: 8px
}

.appsElementsUdpConsentDialogPageCounter {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem
}

.appsElementsUdpConsentDialogSnackbar.appsElementsUdpConsentDialogSnackbar {
  --gm3-snackbar-supporting-text-font: "Google Sans";
  --gm3-snackbar-action-label-text-font: "Google Sans";
  --gm3-snackbar-z-index: 9999;
  margin-bottom: 24px;
  margin-left: 24px
}

.appsElementsUdpConsentDialogBackButton {
  margin-inline-start: -8px
}

.appsElementsUdpConsentDialogFeatureIconDividerSection {
  display: flex;
  width: 100%;
  flex-direction: column
}

.appsElementsUdpConsentDialogFeatureIconDivider {
  width: 100%;
  height: 1px;
  background-color: var(--gm3-sys-color-surface-variant, #e1e3e1);
  gap: 12px
}

.appsElementsUdpConsentDialogFeatureIconDividerIconLabel {
  padding-top: 10px;
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  letter-spacing: .00625rem;
  line-height: 1rem
}

.docsCommonWiz {
  --gm3-dialog-container-color: var(--gm3-sys-color-surface-bright, #fff);
  --gm3-dialog-z-index: 1003;
  --gm3-select-shared-menu-container-color: var(--gm3-sys-color-surface-bright, #fff);
  --gm3-menu-list-item-label-text-font: "Google Sans Flex", "Google Sans", Roboto, Arial, sans-serif;
  --gm3-slider-value-indicator-label-label-text-font: "Google Sans";
  --gm3-autocomplete-outlined-text-field-input-text-font: "Google Sans";
  --gm3-autocomplete-outlined-text-field-label-text-font: "Google Sans";
  --gm3-autocomplete-outlined-text-field-supporting-text-font: "Google Sans";
  --gm3-autocomplete-outlined-menu-list-item-label-text-font: "Google Sans";
  --gm3-navigation-drawer-content-label-text-font: "Google Sans";
  --ae-side-sheet-container-color: var(--gm3-sys-color-surface-container, #f0f4f9);
  --ae-side-sheet-outline-width: 0px;
  --gm3-dropdown-button-outlined-hover-outline-color: var(--gm3-sys-color-on-surface, #1f1f1f);
  --gm3-dropdown-button-outlined-hover-state-layer-opacity: 0;
  --gm3-dropdown-button-outlined-pressed-outline-color: var(--gm3-sys-color-primary, #0b57d0);
  --gm3-dropdown-button-outlined-pressed-state-layer-opacity: 0
}

.javascriptMaterialdesignGm3WizBanner-banner--deprecated .javascriptMaterialdesignGm3WizBanner-banner__content,
.javascriptMaterialdesignGm3WizBanner-banner--deprecated .javascriptMaterialdesignGm3WizBanner-banner__fixed {
  min-inline-size: 344px
}

@media (max-width:344px),
(max-width:480px) {

  .javascriptMaterialdesignGm3WizBanner-banner--deprecated .javascriptMaterialdesignGm3WizBanner-banner__content,
  .javascriptMaterialdesignGm3WizBanner-banner--deprecated .javascriptMaterialdesignGm3WizBanner-banner__fixed {
    min-inline-size: 100%
  }
}

@media (max-width:480px) {
  .javascriptMaterialdesignGm3WizBanner-banner--deprecated .javascriptMaterialdesignGm3WizBanner-banner__fixed {
    inset-inline: 0
  }

  .javascriptMaterialdesignGm3WizBanner-banner.javascriptMaterialdesignGm3WizBanner-banner--deprecated .javascriptMaterialdesignGm3WizBanner-banner__text {
    margin-inline: 16px 36px
  }

  .javascriptMaterialdesignGm3WizBanner-banner--deprecated.javascriptMaterialdesignGm3WizBanner-banner--mobile-stacked .javascriptMaterialdesignGm3WizBanner-banner__content .javascriptMaterialdesignGm3WizBanner-banner__graphic {
    margin-block-end: 12px
  }

  .javascriptMaterialdesignGm3WizBanner-banner--deprecated.javascriptMaterialdesignGm3WizBanner-banner--mobile-stacked .javascriptMaterialdesignGm3WizBanner-banner__content .javascriptMaterialdesignGm3WizBanner-banner__text {
    margin-inline: 16px 8px;
    padding-block-end: 4px
  }

  .javascriptMaterialdesignGm3WizBanner-banner--mobile-stacked .javascriptMaterialdesignGm3WizBanner-banner__content {
    flex-wrap: wrap
  }

  .javascriptMaterialdesignGm3WizBanner-banner--mobile-stacked .javascriptMaterialdesignGm3WizBanner-banner__actions {
    margin-inline-start: auto
  }

  .javascriptMaterialdesignGm3WizBanner-banner--mobile-stacked:not(.javascriptMaterialdesignGm3WizBanner-banner--deprecated) .javascriptMaterialdesignGm3WizBanner-banner__actions {
    padding-inline: 4px
  }

  .javascriptMaterialdesignGm3WizBanner-banner--mobile-stacked:not(.javascriptMaterialdesignGm3WizBanner-banner--centered) .javascriptMaterialdesignGm3WizBanner-banner__close-action-wrapper {
    position: absolute;
    right: 0;
    margin-inline-end: 4px
  }

  .javascriptMaterialdesignGm3WizBanner-banner--mobile-stacked:not(.javascriptMaterialdesignGm3WizBanner-banner--centered):has(.javascriptMaterialdesignGm3WizBanner-banner__secondary-action, .javascriptMaterialdesignGm3WizBanner-banner__primary-action) .javascriptMaterialdesignGm3WizBanner-banner__close-action-wrapper {
    top: 0;
    margin-inline-end: 4px;
    margin-block-start: 8px
  }

  .javascriptMaterialdesignGm3WizBanner-banner--mobile-stacked.javascriptMaterialdesignGm3WizBanner-banner--centered:has(.javascriptMaterialdesignGm3WizBanner-banner__secondary-action, .javascriptMaterialdesignGm3WizBanner-banner__primary-action) .javascriptMaterialdesignGm3WizBanner-banner__close-action-wrapper {
    padding-block-start: 8px;
    block-size: unset
  }

  .javascriptMaterialdesignGm3WizBanner-banner--mobile-stacked:has(.javascriptMaterialdesignGm3WizBanner-banner__close-action-wrapper) .javascriptMaterialdesignGm3WizBanner-banner__text {
    padding-inline-end: 42px
  }

  .javascriptMaterialdesignGm3WizBanner-banner--mobile-stacked.javascriptMaterialdesignGm3WizBanner-banner--centered:has(.javascriptMaterialdesignGm3WizBanner-banner__close-action-wrapper) .javascriptMaterialdesignGm3WizBanner-banner__content {
    padding-inline-end: 4px
  }
}

.javascriptMaterialdesignGm3WizBanner-banner--deprecated {
  display: none;
  flex-shrink: 0;
  block-size: 0;
  position: relative;
  z-index: var(--gm3-banner-z-index, 1);
  border-end-end-radius: var(--gm3-banner-container-shape-end-end, 0);
  border-end-start-radius: var(--gm3-banner-container-shape-end-start, 0);
  border-start-end-radius: var(--gm3-banner-container-shape-start-end, 0);
  border-start-start-radius: var(--gm3-banner-container-shape-start-start, 0);
  --gm3-button-text-hover-label-text-color: var(--gm3-banner-action-hover-label-text-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-button-text-hover-state-layer-color: var(--gm3-banner-action-hover-state-layer-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-button-text-hover-state-layer-opacity: var(--gm3-banner-action-hover-state-layer-opacity, 0.08);
  --gm3-button-text-focus-label-text-color: var(--gm3-banner-action-focus-label-text-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-button-text-label-text-color: var(--gm3-banner-action-label-text-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-button-text-label-text-font: var(--gm3-banner-action-label-text-font, "Google Sans Flex", "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif);
  --gm3-button-text-label-text-font-variation-settings: var(--gm3-banner-action-label-text-font-variation-settings, initial);
  --gm3-button-text-label-text-size: var(--gm3-banner-action-label-text-size, 0.875rem);
  --gm3-button-text-label-text-tracking: var(--gm3-banner-action-label-text-tracking, 0rem);
  --gm3-button-text-label-text-weight: var(--gm3-banner-action-label-text-weight, 500);
  --gm3-button-text-pressed-label-text-color: var(--gm3-banner-action-pressed-label-text-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-button-text-pressed-state-layer-opacity: var(--gm3-banner-action-pressed-state-layer-opacity, 0.1);
  --gm3-elevation-level: var(--gm3-banner-container-elevation, 1);
  --gm3-elevation-shadow-color: var(--gm3-banner-container-shadow-color, transparent)
}

.javascriptMaterialdesignGm3WizBanner-banner--deprecated .javascriptMaterialdesignGm3WizBanner-banner__fixed,
.javascriptMaterialdesignGm3WizBanner-banner--deprecated.javascriptMaterialdesignGm3WizBanner-banner {
  overflow: visible;
  box-sizing: border-box;
  inline-size: 100%;
  background-color: var(--gm3-banner-container-color, var(--gm3-sys-color-surface-container-low, #f8fafd));
  border-block-end: var(--gm3-banner-divider-height, 1px) solid var(--gm3-banner-divider-color, var(--gm3-sys-color-surface-variant, #e1e3e1))
}

.javascriptMaterialdesignGm3WizBanner-banner--deprecated .javascriptMaterialdesignGm3WizBanner-banner__content {
  display: flex;
  min-block-size: 52px;
  position: absolute;
  inline-size: 100%;
  max-inline-size: var(--gm3-banner-content-max-width, 720px);
  padding: unset;
  box-sizing: unset
}

.javascriptMaterialdesignGm3WizBanner-banner--deprecated .javascriptMaterialdesignGm3WizBanner-banner__graphic-text-wrapper {
  display: flex;
  inline-size: 100%;
  margin-inline: 0
}

.javascriptMaterialdesignGm3WizBanner-banner--deprecated .javascriptMaterialdesignGm3WizBanner-banner__graphic {
  display: unset;
  align-self: flex-start;
  flex-shrink: 0;
  margin-block: 16px;
  margin-inline: 16px 0;
  text-align: center;
  border-end-end-radius: var(--gm3-banner-with-image-image-shape-end-end, 9999px);
  border-end-start-radius: var(--gm3-banner-with-image-image-shape-end-start, 9999px);
  border-start-end-radius: var(--gm3-banner-with-image-image-shape-start-end, 9999px);
  border-start-start-radius: var(--gm3-banner-with-image-image-shape-start-start, 9999px);
  block-size: var(--gm3-banner-with-image-image-size, 40px);
  inline-size: var(--gm3-banner-with-image-image-size, 40px);
  color: var(--gm3-banner-with-image-image-color, #fff);
  background-color: var(--gm3-banner-with-image-image-container-color, #6200ee)
}

.javascriptMaterialdesignGm3WizBanner-banner--deprecated .javascriptMaterialdesignGm3WizBanner-banner__icon {
  display: flex;
  inset-block-start: 50%;
  justify-content: center;
  margin: unset;
  position: relative;
  transform: translateY(-50%)
}

.javascriptMaterialdesignGm3WizBanner-banner--deprecated .javascriptMaterialdesignGm3WizBanner-banner__text {
  margin-inline: 24px 90px;
  margin-block: 0;
  align-self: center;
  flex-grow: 1;
  display: unset;
  padding-block: 16px;
  color: var(--gm3-banner-supporting-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  letter-spacing: var(--gm3-banner-supporting-text-tracking, 0);
  font-size: var(--gm3-banner-supporting-text-size, .875rem);
  font-family: var(--gm3-banner-supporting-text-font, "Google Sans Flex", "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif);
  font-weight: var(--gm3-banner-supporting-text-weight, 400);
  line-height: var(--gm3-banner-supporting-text-line-height, 1.25rem);
  font-variation-settings: var(--gm3-banner-supporting-text-font-variation-settings, initial)
}

.javascriptMaterialdesignGm3WizBanner-banner--deprecated .javascriptMaterialdesignGm3WizBanner-banner__actions {
  align-self: flex-end;
  display: flex;
  flex-shrink: 0;
  padding-block: 4px;
  padding-inline: 0 8px
}

.javascriptMaterialdesignGm3WizBanner-banner {
  block-size: 0;
  display: none;
  position: relative;
  z-index: var(--gm3-banner-z-index, 1);
  --gm3-elevation-level: var(--gm3-banner-container-elevation, 1);
  --gm3-elevation-shadow-color: var(--gm3-banner-container-shadow-color, transparent)
}

:where(.javascriptMaterialdesignGm3WizBanner-banner) {
  --gm3-icon-button-standard-unselected-icon-color: var(--gm3-sys-color-primary, #0b57d0);
  --gm3-icon-button-standard-unselected-hover-icon-color: var(--gm3-sys-color-primary, #0b57d0);
  --gm3-icon-button-standard-unselected-focus-icon-color: var(--gm3-sys-color-primary, #0b57d0);
  --gm3-icon-button-standard-unselected-pressed-icon-color: var(--gm3-sys-color-primary, #0b57d0)
}

.javascriptMaterialdesignGm3WizBanner-banner__fixed {
  block-size: inherit;
  box-sizing: border-box;
  inline-size: 100%;
  position: fixed
}

.javascriptMaterialdesignGm3WizBanner-banner,
.javascriptMaterialdesignGm3WizBanner-banner__fixed {
  background-color: var(--gm3-banner-expressive-container-color, var(--gm3-sys-color-primary-container, #d3e3fd));
  border-end-end-radius: var(--gm3-banner-container-shape-end-end, 0);
  border-end-start-radius: var(--gm3-banner-container-shape-end-start, 0);
  border-start-end-radius: var(--gm3-banner-container-shape-start-end, 0);
  border-start-start-radius: var(--gm3-banner-container-shape-start-start, 0);
  overflow: hidden
}

@media (forced-colors:active) {

  .javascriptMaterialdesignGm3WizBanner-banner:not(:has(.javascriptMaterialdesignGm3WizBanner-banner__fixed)):before,
  .javascriptMaterialdesignGm3WizBanner-banner__fixed:before {
    border-radius: inherit;
    border: 1px solid transparent;
    box-sizing: border-box;
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute
  }
}

.javascriptMaterialdesignGm3WizBanner-banner:has(.javascriptMaterialdesignGm3WizBanner-banner__fixed) {
  background: none
}

.javascriptMaterialdesignGm3WizBanner-banner--inset {
  border-radius: var(--gm3-banner-inset-container-shape, 28px);
  flex-shrink: 0
}

.javascriptMaterialdesignGm3WizBanner-banner__content {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-grow: 1;
  max-inline-size: var(--gm3-banner-expressive-content-max-width, 100%);
  min-block-size: 56px;
  padding: 4px;
  position: absolute;
  inline-size: 100%;
  transform: translateY(-100%)
}

.javascriptMaterialdesignGm3WizBanner-banner--inset .javascriptMaterialdesignGm3WizBanner-banner__content {
  inline-size: var(--gm3-banner-inset-content-max-width, 100%);
  inset-inline: 0;
  margin-inline: auto;
  max-inline-size: unset
}

.javascriptMaterialdesignGm3WizBanner-banner--rich .javascriptMaterialdesignGm3WizBanner-banner__content {
  display: flex;
  flex-direction: column;
  padding: 12px 12px 8px;
  position: absolute
}

.javascriptMaterialdesignGm3WizBanner-banner__graphic-text-wrapper {
  align-items: center;
  display: flex;
  flex-grow: 1;
  inline-size: 100%;
  margin-inline: 12px 48px
}

.javascriptMaterialdesignGm3WizBanner-banner:has(.javascriptMaterialdesignGm3WizBanner-banner__actions:empty) .javascriptMaterialdesignGm3WizBanner-banner__graphic-text-wrapper {
  margin-inline-end: 0
}

@media (max-width:540px) {
  .javascriptMaterialdesignGm3WizBanner-banner__graphic-text-wrapper {
    margin-inline-end: 12px
  }
}

.javascriptMaterialdesignGm3WizBanner-banner--inset .javascriptMaterialdesignGm3WizBanner-banner__graphic-text-wrapper {
  margin-inline-start: 16px
}

.javascriptMaterialdesignGm3WizBanner-banner:has(.javascriptMaterialdesignGm3WizBanner-banner__graphic) .javascriptMaterialdesignGm3WizBanner-banner__graphic-text-wrapper {
  margin-inline-start: 0
}

.javascriptMaterialdesignGm3WizBanner-banner--rich .javascriptMaterialdesignGm3WizBanner-banner__graphic-text-wrapper {
  margin-block-end: 12px;
  margin-inline: 0
}

.javascriptMaterialdesignGm3WizBanner-banner--rich:has(.javascriptMaterialdesignGm3WizBanner-banner__secondary-action, .javascriptMaterialdesignGm3WizBanner-banner__primary-action) .javascriptMaterialdesignGm3WizBanner-banner__graphic-text-wrapper {
  margin-block-end: 0
}

.javascriptMaterialdesignGm3WizBanner-banner__graphic {
  align-self: center;
  color: var(--gm3-banner-expressive-icon-color, var(--gm3-sys-color-on-surface-variant, #444746));
  display: flex
}

.javascriptMaterialdesignGm3WizBanner-banner--rich .javascriptMaterialdesignGm3WizBanner-banner__graphic {
  align-self: flex-start
}

.javascriptMaterialdesignGm3WizBanner-banner__image {
  block-size: var(--gm3-banner-expressive-image-size, 80px);
  inline-size: var(--gm3-banner-expressive-image-size, 80px);
  margin-inline: 12px;
  margin-block-start: 12px
}

.javascriptMaterialdesignGm3WizBanner-banner:not(.javascriptMaterialdesignGm3WizBanner-banner--deprecated) .javascriptMaterialdesignGm3WizBanner-banner__icon {
  display: flex
}

.javascriptMaterialdesignGm3WizBanner-banner__icon {
  font-size: var(--gm3-banner-expressive-icon-size, 24px);
  margin: 12px
}

.javascriptMaterialdesignGm3WizBanner-banner--rich .javascriptMaterialdesignGm3WizBanner-banner__icon {
  margin-inline: 4px 8px
}

.javascriptMaterialdesignGm3WizBanner-banner__text-wrapper {
  align-self: flex-start;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin-inline-start: 12px
}

.javascriptMaterialdesignGm3WizBanner-banner:has(.javascriptMaterialdesignGm3WizBanner-banner__graphic) .javascriptMaterialdesignGm3WizBanner-banner__text-wrapper {
  margin-inline-start: 0
}

.javascriptMaterialdesignGm3WizBanner-banner__text {
  display: flex;
  flex-grow: 1;
  margin-block: 8px;
  color: var(--gm3-banner-supporting-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  letter-spacing: var(--gm3-banner-supporting-text-tracking, 0);
  font-size: var(--gm3-banner-supporting-text-size, .875rem);
  font-family: var(--gm3-banner-supporting-text-font, "Google Sans Flex", "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif);
  font-weight: var(--gm3-banner-supporting-text-weight, 400);
  line-height: var(--gm3-banner-supporting-text-line-height, 1.25rem);
  font-variation-settings: var(--gm3-banner-supporting-text-font-variation-settings, initial)
}

.javascriptMaterialdesignGm3WizBanner-banner--rich .javascriptMaterialdesignGm3WizBanner-banner__text {
  display: flex;
  margin-block: 0
}

.javascriptMaterialdesignGm3WizBanner-banner__title {
  color: var(--gm3-banner-headline-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  letter-spacing: var(--gm3-banner-headline-tracking, 0);
  font-family: var(--gm3-banner-headline-font, "Google Sans Flex", "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif);
  font-weight: var(--gm3-banner-headline-weight, 500);
  line-height: var(--gm3-banner-headline-line-height, 1.5rem);
  font-variation-settings: var(--gm3-banner-headline-font-variation-settings, initial)
}

.javascriptMaterialdesignGm3WizBanner-banner--rich .javascriptMaterialdesignGm3WizBanner-banner__title {
  font-size: var(--gm3-banner-headline-size, 1rem)
}

.javascriptMaterialdesignGm3WizBanner-banner--rich .javascriptMaterialdesignGm3WizBanner-banner__title {
  display: flex;
  align-items: center;
  height: 48px
}

.javascriptMaterialdesignGm3WizBanner-banner__actions {
  flex-shrink: 0;
  padding-inline: 8px
}

.javascriptMaterialdesignGm3WizBanner-banner:has(.javascriptMaterialdesignGm3WizBanner-banner__actions:empty) .javascriptMaterialdesignGm3WizBanner-banner__actions {
  padding-inline: 0
}

.javascriptMaterialdesignGm3WizBanner-banner__secondary-action {
  margin-inline: 0 8px
}

.javascriptMaterialdesignGm3WizBanner-banner--rich:has(.javascriptMaterialdesignGm3WizBanner-banner__secondary-action, .javascriptMaterialdesignGm3WizBanner-banner__primary-action) .javascriptMaterialdesignGm3WizBanner-banner__actions {
  align-self: flex-end;
  padding-block: 8px 12px;
  padding-inline-end: 12px
}

.javascriptMaterialdesignGm3WizBanner-banner__close-action-wrapper {
  padding-inline: 4px
}

.javascriptMaterialdesignGm3WizBanner-banner--rich .javascriptMaterialdesignGm3WizBanner-banner__close-action-wrapper {
  padding-block: 4px;
  align-self: flex-start
}

.javascriptMaterialdesignGm3WizBanner-banner--rendered-open {
  block-size: unset;
  display: block
}

.javascriptMaterialdesignGm3WizBanner-banner--rendered-open .javascriptMaterialdesignGm3WizBanner-banner__content {
  position: unset;
  transform: unset
}

.javascriptMaterialdesignGm3WizBanner-banner--rendered-open .javascriptMaterialdesignGm3WizBanner-banner__fixed {
  position: unset
}

.javascriptMaterialdesignGm3WizBanner-banner--closing,
.javascriptMaterialdesignGm3WizBanner-banner--open,
.javascriptMaterialdesignGm3WizBanner-banner--opening {
  display: flex
}

.javascriptMaterialdesignGm3WizBanner-banner--open {
  transition: block-size .5s cubic-bezier(.38, 1.21, .22, 1)
}

.javascriptMaterialdesignGm3WizBanner-banner--open .javascriptMaterialdesignGm3WizBanner-banner__content {
  transition: transform .5s cubic-bezier(.38, 1.21, .22, 1);
  transform: translateY(0)
}

.javascriptMaterialdesignGm3WizBanner-banner--closing {
  transition: block-size .5s cubic-bezier(.38, 1.21, .22, 1)
}

.javascriptMaterialdesignGm3WizBanner-banner--closing .javascriptMaterialdesignGm3WizBanner-banner__content {
  transition: transform .5s cubic-bezier(.38, 1.21, .22, 1)
}

.javascriptMaterialdesignGm3WizBanner-banner.javascriptMaterialdesignGm3WizBanner-banner--centered .javascriptMaterialdesignGm3WizBanner-banner__content {
  inset-inline: 0;
  margin-inline: auto
}

.javascriptMaterialdesignGm3WizBanner-banner--centered:not(.javascriptMaterialdesignGm3WizBanner-banner--deprecated) .javascriptMaterialdesignGm3WizBanner-banner__content {
  inline-size: max-content
}

.javascriptMaterialdesignGm3WizBanner-banner--centered .javascriptMaterialdesignGm3WizBanner-banner__close-action-wrapper {
  position: absolute;
  height: inherit;
  display: flex;
  align-items: center;
  inset-inline-end: 4px;
  inset-block-start: -36px;
  transition: inset-block .5s cubic-bezier(.38, 1.21, .22, 1)
}

.javascriptMaterialdesignGm3WizBanner-banner--centered.javascriptMaterialdesignGm3WizBanner-banner--open .javascriptMaterialdesignGm3WizBanner-banner__close-action-wrapper {
  transition: inset-block .5s cubic-bezier(.38, 1.21, .22, 1);
  inset-block-start: 0
}

.javascriptMaterialdesignGm3WizBanner-banner--centered:has(.javascriptMaterialdesignGm3WizBanner-banner__close-action-wrapper) .javascriptMaterialdesignGm3WizBanner-banner__content {
  padding-inline-end: 48px
}

@media (prefers-reduced-motion) {

  .javascriptMaterialdesignGm3WizBanner-banner--centered .javascriptMaterialdesignGm3WizBanner-banner__close-action-wrapper,
  .javascriptMaterialdesignGm3WizBanner-banner--centered.javascriptMaterialdesignGm3WizBanner-banner--open .javascriptMaterialdesignGm3WizBanner-banner__close-action-wrapper,
  .javascriptMaterialdesignGm3WizBanner-banner--closing,
  .javascriptMaterialdesignGm3WizBanner-banner--open,
  .javascriptMaterialdesignGm3WizBanner-banner--open .javascriptMaterialdesignGm3WizBanner-banner__content,
  .javascriptMaterialdesignGm3WizBanner-banner__content {
    transition: none
  }
}

.appsDocsUiWizBannerBase {
  --gm3-banner-expressive-container-color: var(--ae-banner-container-color, var(--gm3-sys-color-surface-container, #f0f4f9));
  --gm3-banner-expressive-icon-color: var(--ae-banner-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-banner-headline-color: var(--ae-banner-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-banner-supporting-text-color: var(--ae-banner-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-icon-button-standard-unselected-icon-color: var(--ae-banner-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-icon-button-standard-unselected-hover-icon-color: var(--ae-banner-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-icon-button-standard-unselected-focus-icon-color: var(--ae-banner-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-icon-button-standard-unselected-pressed-icon-color: var(--ae-banner-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-icon-button-standard-unselected-hover-state-layer-color: var(--ae-banner-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-icon-button-standard-unselected-pressed-state-layer-color: var(--ae-banner-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-button-text-label-text-color: var(--ae-banner-action-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-button-text-hover-label-text-color: var(--ae-banner-action-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-button-text-focus-label-text-color: var(--ae-banner-action-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-button-text-pressed-label-text-color: var(--ae-banner-action-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-button-text-hover-state-layer-color: var(--ae-banner-action-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-button-text-pressed-state-layer-color: var(--ae-banner-action-color, var(--gm3-sys-color-primary, #0b57d0))
}

.appsDocsUiWizBannerBase:link {
  color: var(--ae-banner-text-link-color, var(--gm3-sys-color-primary, #0b57d0));
  text-decoration: underline
}

.appsDocsUiWizBannerDisabled {
  opacity: .38
}

.appsDocsUiWizBannerInset {
  --gm3-banner-expressive-container-color: var(--ae-banner-container-color, var(--gm3-sys-color-surface-container, #f0f4f9));
  --gm3-banner-expressive-icon-color: var(--ae-banner-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-banner-headline-color: var(--ae-banner-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-banner-supporting-text-color: var(--ae-banner-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-icon-button-standard-unselected-icon-color: var(--ae-banner-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-icon-button-standard-unselected-hover-icon-color: var(--ae-banner-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-icon-button-standard-unselected-focus-icon-color: var(--ae-banner-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-icon-button-standard-unselected-pressed-icon-color: var(--ae-banner-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-icon-button-standard-unselected-hover-state-layer-color: var(--ae-banner-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-icon-button-standard-unselected-pressed-state-layer-color: var(--ae-banner-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-button-text-label-text-color: var(--ae-banner-action-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-button-text-hover-label-text-color: var(--ae-banner-action-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-button-text-focus-label-text-color: var(--ae-banner-action-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-button-text-pressed-label-text-color: var(--ae-banner-action-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-button-text-hover-state-layer-color: var(--ae-banner-action-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-button-text-pressed-state-layer-color: var(--ae-banner-action-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-banner-inset-container-shape: 16px
}

.appsDocsUiWizBannerInset:link {
  color: var(--ae-banner-text-link-color, var(--gm3-sys-color-primary, #0b57d0));
  text-decoration: underline
}

.appsDocsUiWizBannerInsetContainer {
  margin: 8px 16px
}

.appsDocsUiWizBannerPrimaryIcon {
  filter: brightness(0) saturate(100%) invert(15%) sepia(45%) saturate(5791%) hue-rotate(214deg) brightness(94%) contrast(94%)
}

.appsDocsUiWizBannerWarningIcon {
  filter: brightness(0) saturate(100%) invert(12%) sepia(100%) saturate(4840%) hue-rotate(51deg) brightness(92%) contrast(99%)
}

.appsDocsUiWizBannerErrorIcon {
  filter: brightness(0) saturate(100%) invert(16%) sepia(42%) saturate(4448%) hue-rotate(346deg) brightness(89%) contrast(97%)
}

.appsDocsUiWizBannerPrimary {
  --ae-banner-action-color: var(--gm3-sys-color-on-primary-container, #0842a0);
  --ae-banner-container-color: var(--gm3-sys-color-primary-container, #d3e3fd);
  --ae-banner-text-color: var(--gm3-sys-color-on-primary-container, #0842a0);
  --ae-banner-text-link-color: var(--gm3-sys-color-on-primary-container, #0842a0)
}

.appsDocsUiWizBannerWarning {
  --ae-banner-action-color: var(--ws-sys-color-extended-on-yellow-tonal, #6d3a01);
  --ae-banner-container-color: var(--ws-sys-color-extended-yellow-tonal, #fff2b4);
  --ae-banner-text-color: var(--ws-sys-color-extended-on-yellow-tonal, #6d3a01);
  --ae-banner-text-link-color: var(--ws-sys-color-extended-on-yellow-tonal, #6d3a01)
}

.appsDocsUiWizBannerError {
  --ae-banner-action-color: var(--gm3-sys-color-on-error-container, #8c1d18);
  --ae-banner-container-color: var(--gm3-sys-color-error-container, #f9dedc);
  --ae-banner-text-color: var(--gm3-sys-color-on-error-container, #8c1d18);
  --ae-banner-text-link-color: var(--gm3-sys-color-on-error-container, #8c1d18)
}

.appsElementsBannerHidden {
  display: none
}

.appsElementsBannerBannerContent {
  display: flex;
  flex-wrap: wrap
}

.appsElementsBannerTitle {
  font-weight: 500;
  padding-right: 10px
}

.appsElementsBannerText {
  padding-right: 18px;
  white-space: normal
}

.textPromptDialogDialog {
  --gm3-dialog-container-max-width: 362px
}

.textPromptDialogTextInput {
  padding-top: 10px;
  width: 100%
}

.docsChromeExtensionInstallDialogNote {
  padding: 10px 0 0
}

.shortcutsDialogTemplateShortcutsContainer {
  padding: 15px 0
}

.shortcutsDialogTemplateShortcut {
  display: inline-block;
  position: relative
}

.shortcutsDialogTemplatePadding {
  padding-right: 40px
}

.shortcutsDialogTemplateMacPadding {
  padding-right: 95px
}

.shortcutsDialogTemplateShortcutCommand {
  font-size: 36px;
  font-weight: 700;
  line-height: 1;
  padding-bottom: 5px
}

.docsPromoDialogPromoDialogLogo {
  border-radius: 28px 28px 0 0;
  height: 100%;
  width: 100%
}

.docsPromoDialogDialog {
  --gm3-dialog-container-max-width: 320px;
  --gm3-dialog-with-icon-icon-height: 100%;
  --gm3-dialog-with-icon-icon-width: 100%
}

.embeddedContentPasteDialogMessage {
  color: var(--gm3-sys-color-on-surface-variant, #444746);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  padding: 0 0 16px 56px
}

.embeddedContentPasteDialogLearnMore {
  margin: auto
}

.embeddedContentPasteDialogImagePreview {
  max-height: 100%;
  max-width: 100%
}

.embeddedContentPasteDialogImageContainer {
  text-align: center;
  vertical-align: middle
}

.embeddedContentPasteDialogPreviewImageContainer {
  height: 198px;
  position: relative;
  width: 352px;
  margin: auto
}

.embeddedContentPasteDialogZoomImageContainer {
  position: relative
}

.embeddedContentPasteDialogSlideCount,
.embeddedContentPasteDialogZoomSlideCount {
  display: flex
}

.embeddedContentPasteDialogSlideCount {
  width: 352px;
  margin: auto;
  padding-top: 8px
}

.embeddedContentPasteDialogSlideCountText {
  display: flex;
  margin: auto
}

.embeddedContentPasteDialogZoomSlideCountText {
  display: table-cell;
  width: 15%
}

.embeddedContentPasteDialogZoomButton {
  background-color: #fff;
  position: absolute;
  right: 8px;
  top: 8px
}

.embeddedContentPasteDialogZoomButton .docs-icon-img,
.embeddedContentPasteDialogZoomSlideCount .docs-icon-img {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_gm3_grey_medium.svg)
}

.embeddedContentPasteDialogZoomedContent {
  width: 100%
}

.embeddedContentPasteDialogZoomedOutContent {
  padding-top: 2px
}

@media (max-width:650px) {
  .embeddedContentPasteDialogDialogContainer {
    --gm3-dialog-container-max-width: 100vw
  }
}

@media (min-width:650px) {
  .embeddedContentPasteDialogDialogContainer {
    --gm3-dialog-container-max-width: 650px
  }
}

.embeddedContentPasteDialogContentContainer {
  max-width: 500px
}

.embeddedContentPasteDialogRadioButtonContainer {
  width: 352px
}

.appsElementsGm3WizSnackbar-snackbar {
  display: none;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  z-index: var(--gm3-snackbar-z-index, 8);
  margin: 8px;
  pointer-events: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.appsElementsGm3WizSnackbar-snackbar--leading {
  justify-content: flex-start
}

.appsElementsGm3WizSnackbar-snackbar--stacked .appsElementsGm3WizSnackbar-snackbar__surface {
  flex-direction: column;
  align-items: flex-start
}

.appsElementsGm3WizSnackbar-snackbar--stacked .appsElementsGm3WizSnackbar-snackbar__label {
  padding-bottom: 8px;
  padding-inline: 16px 8px
}

.appsElementsGm3WizSnackbar-snackbar--stacked .appsElementsGm3WizSnackbar-snackbar__actions {
  align-self: flex-end;
  margin-bottom: 4px
}

.appsElementsGm3WizSnackbar-snackbar--closing,
.appsElementsGm3WizSnackbar-snackbar--open,
.appsElementsGm3WizSnackbar-snackbar--opening {
  display: flex
}

.appsElementsGm3WizSnackbar-snackbar--open .appsElementsGm3WizSnackbar-snackbar__actions,
.appsElementsGm3WizSnackbar-snackbar--open .appsElementsGm3WizSnackbar-snackbar__label {
  visibility: visible
}

.appsElementsGm3WizSnackbar-snackbar--open .appsElementsGm3WizSnackbar-snackbar__surface {
  transform: scale(1);
  opacity: 1;
  pointer-events: auto;
  transition: opacity .15s cubic-bezier(0, 0, .2, 1) 0ms, transform .15s cubic-bezier(0, 0, .2, 1) 0ms
}

.appsElementsGm3WizSnackbar-snackbar--closing .appsElementsGm3WizSnackbar-snackbar__surface {
  transform: scale(1);
  transition: opacity 75ms cubic-bezier(.4, 0, 1, 1) 0ms
}

.appsElementsGm3WizSnackbar-snackbar__surface {
  background-color: var(--gm3-snackbar-container-color, var(--gm3-sys-color-inverse-surface, #303030));
  min-width: 344px;
  max-width: 672px;
  padding-inline: 0 8px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  transform: scale(.8);
  opacity: 0;
  border-start-start-radius: var(--gm3-snackbar-container-shape-start-start, 4px);
  border-start-end-radius: var(--gm3-snackbar-container-shape-start-end, 4px);
  border-end-end-radius: var(--gm3-snackbar-container-shape-end-end, 4px);
  border-end-start-radius: var(--gm3-snackbar-container-shape-end-start, 4px);
  --gm3-elevation-level: var(--gm3-snackbar-container-elevation, 3);
  --gm3-elevation-shadow-color: var(--gm3-snackbar-container-shadow-color, var(--gm3-sys-color-shadow, #000))
}

@media (max-width:344px),
(max-width:480px) {
  .appsElementsGm3WizSnackbar-snackbar__surface {
    min-width: 100%
  }
}

.appsElementsGm3WizSnackbar-snackbar__surface:before {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none
}

.appsElementsGm3WizSnackbar-snackbar__label {
  color: var(--gm3-snackbar-supporting-text-color, var(--gm3-sys-color-inverse-on-surface, #f2f2f2));
  letter-spacing: var(--gm3-snackbar-supporting-text-tracking, 0);
  font-size: var(--gm3-snackbar-supporting-text-size, .875rem);
  font-family: var(--gm3-snackbar-supporting-text-font, "Google Sans Text");
  font-weight: var(--gm3-snackbar-supporting-text-weight, 400);
  line-height: var(--gm3-snackbar-supporting-text-line-height, 1.25rem);
  padding-top: 14px;
  padding-bottom: 14px;
  padding-inline: 16px 8px;
  margin: 0;
  width: 100%;
  flex-grow: 1;
  box-sizing: border-box;
  visibility: hidden
}

.appsElementsGm3WizSnackbar-snackbar__actions {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  box-sizing: border-box;
  visibility: hidden
}

.appsElementsGm3WizSnackbar-snackbar__action+.appsElementsGm3WizSnackbar-snackbar__dismiss {
  margin-inline: 8px 0
}

.appsElementsGm3WizSnackbar-snackbar__action {
  --gm3-button-text-focus-label-text-color: var(--gm3-snackbar-action-focus-label-text-color, var(--gm3-sys-color-inverse-primary, #a8c7fa));
  --gm3-button-text-hover-label-text-color: var(--gm3-snackbar-action-hover-label-text-color, var(--gm3-sys-color-inverse-primary, #a8c7fa));
  --gm3-button-text-hover-state-layer-color: var(--gm3-snackbar-action-hover-state-layer-color, var(--gm3-sys-color-inverse-primary, #a8c7fa));
  --gm3-button-text-hover-state-layer-opacity: var(--gm3-snackbar-action-hover-state-layer-opacity, 0.08);
  --gm3-button-text-label-text-color: var(--gm3-snackbar-action-label-text-color, var(--gm3-sys-color-inverse-primary, #a8c7fa));
  --gm3-button-text-label-text-font: var(--gm3-snackbar-action-label-text-font, "Google Sans Text");
  --gm3-button-text-label-text-size: var(--gm3-snackbar-action-label-text-size, 0.875rem);
  --gm3-button-text-label-text-tracking: var(--gm3-snackbar-action-label-text-tracking, 0rem);
  --gm3-button-text-label-text-weight: var(--gm3-snackbar-action-label-text-weight, 500);
  --gm3-button-text-pressed-label-text-color: var(--gm3-snackbar-action-pressed-label-text-color, var(--gm3-sys-color-inverse-primary, #a8c7fa));
  --gm3-button-text-pressed-state-layer-color: var(--gm3-snackbar-action-pressed-state-layer-color, var(--gm3-sys-color-inverse-primary, #a8c7fa));
  --gm3-button-text-pressed-state-layer-opacity: var(--gm3-snackbar-action-pressed-state-layer-opacity, 0.1)
}

.appsElementsGm3WizSnackbar-snackbar__dismiss {
  --gm3-icon-button-standard-icon-size: var(--gm3-snackbar-icon-size, 24px);
  --gm3-icon-button-standard-unselected-icon-color: var(--gm3-snackbar-icon-color, var(--gm3-sys-color-inverse-on-surface, #f2f2f2));
  --gm3-icon-button-standard-unselected-hover-icon-color: var(--gm3-snackbar-icon-hover-icon-color, var(--gm3-sys-color-inverse-on-surface, #f2f2f2));
  --gm3-icon-button-standard-unselected-hover-state-layer-color: var(--gm3-snackbar-icon-hover-state-layer-color, var(--gm3-sys-color-inverse-on-surface, #f2f2f2));
  --gm3-icon-button-standard-unselected-hover-state-layer-opacity: var(--gm3-snackbar-icon-hover-state-layer-opacity, 0.08);
  --gm3-icon-button-standard-unselected-focus-icon-color: var(--gm3-snackbar-icon-focus-icon-color, var(--gm3-sys-color-inverse-on-surface, #f2f2f2));
  --gm3-icon-button-standard-unselected-pressed-icon-color: var(--gm3-snackbar-icon-pressed-icon-color, var(--gm3-sys-color-inverse-on-surface, #f2f2f2));
  --gm3-icon-button-standard-unselected-pressed-state-layer-opacity: var(--gm3-snackbar-icon-pressed-state-layer-opacity, 0.1);
  --gm3-icon-button-standard-container-height: 36px;
  --gm3-icon-button-standard-container-width: 36px
}

.appsDocsUiWizSnackbarBase {
  --gm3-snackbar-z-index: 1004;
  --gm3-snackbar-action-label-text-font: "Google Sans";
  --gm3-snackbar-supporting-text-font: "Google Sans"
}

.appsDocsUiWizSnackbarCustomActionButtonsButtons {
  display: flex;
  flex-direction: row;
  --gm3-icon-button-standard-container-width: 36px;
  --gm3-icon-button-standard-container-height: 36px;
  --gm3-icon-button-standard-icon-size: 22px;
  --gm3-icon-button-standard-icon-size: 24px;
  --gm3-icon-button-standard-unselected-hover-state-layer-color: var(--gm3-sys-color-inverse-on-surface, #f2f2f2)
}

.gsmWizDialogDialog {
  --gm3-dialog-container-max-height: 10000px;
  --gm3-dialog-container-max-width: 100%
}

.appsElementsBrowserSupportBannerRoot {
  align-items: center;
  display: flex;
  overflow: hidden;
  inline-size: -webkit-fill-available;
  inline-size: stretch;
  background-color: var(--gm3-sys-color-primary, #0b57d0);
  color: var(--gm3-sys-color-on-primary, #fff);
  padding: 4px 16px;
  column-gap: 16px;
  position: relative;
  flex-wrap: wrap
}

.appsElementsBrowserSupportBannerRoot:before {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none
}

@media screen and (forced-colors:active) {
  .appsElementsBrowserSupportBannerRoot:before {
    border-color: CanvasText
  }
}

.appsElementsBrowserSupportBannerTitle {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  flex-grow: 1;
  text-wrap: pretty
}

.appsElementsBrowserSupportBannerLearnMoreButton {
  --gm3-button-filled-container-height: 32px;
  --gm3-button-filled-focus-indicator-color: var(--gm3-sys-color-on-primary, #fff);
  --gm3-button-filled-hover-container-elevation: 0;
  --gm3-button-filled-label-text-color: var(--gm3-sys-color-on-primary, #fff);
  --gm3-button-filled-leading-space: 8px;
  --gm3-button-filled-trailing-space: 8px;
  min-inline-size: auto;
  margin-inline-start: -8px
}

.appsElementsBrowserSupportBannerDismissButton {
  --gm3-icon-button-filled-focus-indicator-color: var(--gm3-sys-color-on-primary, #fff)
}

.appsElementsBrowserSupportBannerStaticStaticSize {
  inline-size: 120px;
  block-size: 40px
}

.appsElementsCalloutArrowArrowSurfaceBottom {
  outline: 1px solid transparent;
  z-index: -1
}

.appsElementsCalloutArrowArrowSurfaceBottom,
.appsElementsCalloutArrowArrowSurfaceTop {
  --gm3-elevation-level: 2;
  --gm3-elevation-shadow-color: var(--gm3-sys-color-shadow, #000);
  --gm3-elevation-surface-tint-layer-color: transparent;
  background-color: var(--ae-callout-container-color);
  border-end-start-radius: 20%;
  border-start-end-radius: 20%;
  position: absolute
}

.appsElementsCalloutArrowArrowSurfaceBottom[data-anchor-orientation="2"],
.appsElementsCalloutArrowArrowSurfaceTop[data-anchor-orientation="2"] {
  inset-block-start: -9px;
  transform: rotate(-90deg) skewX(-26.8deg) scaleX(.8925858185)
}

@media (-ms-high-contrast:active),
screen and (forced-colors:active) {

  .appsElementsCalloutArrowArrowSurfaceBottom[data-anchor-orientation="2"],
  .appsElementsCalloutArrowArrowSurfaceTop[data-anchor-orientation="2"] {
    inset-inline-start: 1px
  }
}

.appsElementsCalloutArrowArrowSurfaceBottom[data-anchor-orientation="3"],
.appsElementsCalloutArrowArrowSurfaceTop[data-anchor-orientation="3"] {
  inset-block-start: -9px;
  inset-inline-end: 0;
  transform: skewY(-26.8deg) scaleY(.8925858185)
}

@media (-ms-high-contrast:active),
screen and (forced-colors:active) {

  .appsElementsCalloutArrowArrowSurfaceBottom[data-anchor-orientation="3"],
  .appsElementsCalloutArrowArrowSurfaceTop[data-anchor-orientation="3"] {
    inset-inline-end: 1px
  }
}

.appsElementsCalloutArrowArrowSurfaceBottom[data-anchor-orientation="6"],
.appsElementsCalloutArrowArrowSurfaceTop[data-anchor-orientation="6"] {
  border-radius: 13%;
  inset-block-start: -9px;
  inset-inline-start: calc(50% - 16px);
  transform: rotate(45deg)
}

.appsElementsCalloutArrowArrowSurfaceBottom[data-anchor-orientation="4"],
.appsElementsCalloutArrowArrowSurfaceTop[data-anchor-orientation="4"] {
  inset-block-end: -9px;
  transform: skewY(-26.8deg) scaleY(.8925858185)
}

@media (-ms-high-contrast:active),
screen and (forced-colors:active) {

  .appsElementsCalloutArrowArrowSurfaceBottom[data-anchor-orientation="4"],
  .appsElementsCalloutArrowArrowSurfaceTop[data-anchor-orientation="4"] {
    inset-inline-start: 1px
  }
}

.appsElementsCalloutArrowArrowSurfaceBottom[data-anchor-orientation="5"],
.appsElementsCalloutArrowArrowSurfaceTop[data-anchor-orientation="5"] {
  inset-block-end: -9px;
  inset-inline-end: 0;
  transform: rotate(90deg) skewX(-26.8deg) scaleX(.8925858185)
}

@media (-ms-high-contrast:active),
screen and (forced-colors:active) {

  .appsElementsCalloutArrowArrowSurfaceBottom[data-anchor-orientation="5"],
  .appsElementsCalloutArrowArrowSurfaceTop[data-anchor-orientation="5"] {
    inset-inline-end: 1px
  }
}

.appsElementsCalloutArrowArrowSurfaceBottom[data-anchor-orientation="7"],
.appsElementsCalloutArrowArrowSurfaceTop[data-anchor-orientation="7"] {
  border-radius: 13%;
  inset-block-end: -9px;
  inset-inline-start: calc(50% - 16px);
  transform: rotate(45deg)
}

.appsElementsCalloutArrowArrowSurfaceBottom[data-anchor-orientation="8"],
.appsElementsCalloutArrowArrowSurfaceTop[data-anchor-orientation="8"] {
  border-radius: 13%;
  inset-block: calc(50% - 16px) -9px;
  inset-inline-start: calc(16px - 8%);
  transform: rotate(45deg)
}

.appsElementsCalloutArrowArrowSurfaceBottom[data-anchor-orientation="9"],
.appsElementsCalloutArrowArrowSurfaceTop[data-anchor-orientation="9"] {
  border-radius: 13%;
  inset-block: calc(50% - 16px) -9px;
  inset-inline-end: calc(16px - 8%);
  transform: rotate(45deg)
}

.appsElementsCalloutArrowMiniCalloutArrow[data-anchor-orientation="8"] {
  border-radius: 2px 2px 2px 13%
}

.appsElementsCalloutArrowMiniCalloutArrow[data-anchor-orientation="9"] {
  border-radius: 2px 13% 2px 2px
}

.appsElementsCalloutArrowHorizontalLayout[data-anchor-orientation="8"] {
  inset-inline-start: calc(16px - 4%)
}

.appsElementsCalloutArrowHorizontalLayout[data-anchor-orientation="9"] {
  inset-inline-end: calc(16px - 4%)
}

.appsElementsCalloutArrowArrowTopElevation:after,
.appsElementsCalloutArrowArrowTopElevation:before {
  box-shadow: none
}

.appsElementsCalloutAnchorPaddingContainer {
  position: relative;
  color: var(--ae-callout-content-color);
  --ae-callout-container-color: var(--gm3-sys-color-surface-container-low, #f8fafd);
  --ae-callout-content-color: var(--gm3-sys-color-on-surface, #1f1f1f);
  --ae-callout-close-icon-color: var(--gm3-sys-color-on-surface-variant, #444746)
}

.appsElementsCalloutIsPrimary.appsElementsCalloutAnchorPaddingContainer {
  --ae-callout-container-color: var(--gm3-sys-color-primary-container, #d3e3fd);
  --ae-callout-content-color: var(--gm3-sys-color-on-primary-container, #0842a0);
  --ae-callout-close-icon-color: var(--ae-callout-content-color)
}

.appsElementsCalloutIsSecondary.appsElementsCalloutAnchorPaddingContainer {
  --ae-callout-container-color: var(--gm3-sys-color-secondary-container, #c2e7ff);
  --ae-callout-content-color: var(--gm3-sys-color-on-secondary-container, #004a77);
  --ae-callout-close-icon-color: var(--ae-callout-content-color);
  --ae-callout-fill-color: var(--gm3-sys-color-secondary, #00639b);
  --ae-callout-on-fill-color: var(--gm3-sys-color-on-secondary, #fff)
}

.appsElementsCalloutIsTertiary.appsElementsCalloutAnchorPaddingContainer {
  --ae-callout-container-color: var(--gm3-sys-color-tertiary-container, #c4eed0);
  --ae-callout-content-color: var(--gm3-sys-color-on-tertiary-container, #0f5223);
  --ae-callout-close-icon-color: var(--ae-callout-content-color);
  --ae-callout-fill-color: var(--gm3-sys-color-tertiary, #146c2e);
  --ae-callout-on-fill-color: var(--gm3-sys-color-on-tertiary, #fff)
}

.appsElementsCalloutIsWarning.appsElementsCalloutAnchorPaddingContainer {
  --ae-callout-container-color: var(--ws-sys-color-extended-yellow-tonal, #fff2b4);
  --ae-callout-content-color: var(--ws-sys-color-extended-on-yellow-tonal, #6d3a01);
  --ae-callout-close-icon-color: var(--ae-callout-content-color);
  --ae-callout-fill-color: var(--ws-sys-color-extended-yellow-fill, #fcbd00);
  --ae-callout-on-fill-color: var(--ws-sys-color-extended-on-yellow-fill, #6d3a01)
}

.appsElementsCalloutIsError.appsElementsCalloutAnchorPaddingContainer {
  --ae-callout-container-color: var(--gm3-sys-color-error-container, #f9dedc);
  --ae-callout-content-color: var(--gm3-sys-color-on-error-container, #8c1d18);
  --ae-callout-close-icon-color: var(--ae-callout-content-color);
  --ae-callout-fill-color: var(--gm3-sys-color-error, #b3261e);
  --ae-callout-on-fill-color: var(--gm3-sys-color-on-error, #fff)
}

.appsElementsCalloutAnchorPaddingContainer[data-anchor-orientation="2"],
.appsElementsCalloutAnchorPaddingContainer[data-anchor-orientation="3"],
.appsElementsCalloutAnchorPaddingContainer[data-anchor-orientation="6"] {
  padding-block-start: 16px
}

.appsElementsCalloutAnchorPaddingContainer[data-anchor-orientation="4"],
.appsElementsCalloutAnchorPaddingContainer[data-anchor-orientation="5"],
.appsElementsCalloutAnchorPaddingContainer[data-anchor-orientation="7"] {
  padding-block-end: 16px
}

.appsElementsCalloutAnchorPaddingContainer[data-anchor-orientation="8"] {
  padding-inline-start: 20px
}

.appsElementsCalloutAnchorPaddingContainer[data-anchor-orientation="9"] {
  padding-inline-end: 20px
}

.appsElementsCalloutAnchorPaddingContainer.appsElementsCalloutIsRichTooltip[data-anchor-orientation="2"],
.appsElementsCalloutAnchorPaddingContainer.appsElementsCalloutIsRichTooltip[data-anchor-orientation="3"],
.appsElementsCalloutAnchorPaddingContainer.appsElementsCalloutIsRichTooltip[data-anchor-orientation="6"] {
  padding-block-start: 8px
}

.appsElementsCalloutAnchorPaddingContainer.appsElementsCalloutIsRichTooltip[data-anchor-orientation="4"],
.appsElementsCalloutAnchorPaddingContainer.appsElementsCalloutIsRichTooltip[data-anchor-orientation="5"],
.appsElementsCalloutAnchorPaddingContainer.appsElementsCalloutIsRichTooltip[data-anchor-orientation="7"] {
  padding-block-end: 8px
}

.appsElementsCalloutAnchorPaddingContainer.appsElementsCalloutIsRichTooltip[data-anchor-orientation="8"] {
  padding-inline-start: 8px
}

.appsElementsCalloutAnchorPaddingContainer.appsElementsCalloutIsRichTooltip[data-anchor-orientation="9"] {
  padding-inline-end: 8px
}

.appsElementsCalloutFooterPrimaryButton {
  --gm3-button-filled-container-color: var(--ae-callout-fill-color);
  --gm3-button-filled-disabled-container-color: var(--ae-callout-fill-color);
  --gm3-button-filled-label-text-color: var(--ae-callout-on-fill-color);
  --gm3-button-filled-focus-label-text-color: var(--ae-callout-on-fill-color);
  --gm3-button-filled-hover-label-text-color: var(--ae-callout-on-fill-color);
  --gm3-button-filled-pressed-label-text-color: var(--ae-callout-on-fill-color);
  --gm3-button-filled-disabled-label-text-color: var(--ae-callout-on-fill-color)
}

.appsElementsCalloutIsError .appsElementsCalloutFooterSecondaryButton,
.appsElementsCalloutIsPrimary .appsElementsCalloutFooterPrimaryButton,
.appsElementsCalloutIsSecondary .appsElementsCalloutFooterSecondaryButton,
.appsElementsCalloutIsTertiary .appsElementsCalloutFooterSecondaryButton,
.appsElementsCalloutIsWarning .appsElementsCalloutFooterSecondaryButton {
  --gm3-button-text-label-text-color: var(--ae-callout-content-color);
  --gm3-button-text-focus-label-text-color: var(--ae-callout-content-color);
  --gm3-button-text-hover-label-text-color: var(--ae-callout-content-color);
  --gm3-button-text-pressed-label-text-color: var(--ae-callout-content-color);
  --gm3-button-text-disabled-label-text-color: var(--ae-callout-content-color)
}

.appsElementsCalloutBannerIcon {
  flex-shrink: 0
}

.appsElementsCalloutBannerBody {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.25rem;
  color: var(--ae-callout-banner-content-color);
  display: flex;
  flex-grow: 1;
  gap: 12px;
  min-width: 0;
  text-wrap: auto
}

.appsElementsCalloutBannerContent {
  align-items: center;
  display: flex
}

.appsElementsCalloutBannerContainer {
  align-items: center;
  background-color: var(--ae-callout-banner-bg-color);
  border-radius: 0 0 24px 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0 -20px -12px;
  padding: 8px 16px
}

@media (-ms-high-contrast:active),
screen and (forced-colors:active) {
  .appsElementsCalloutBannerContainer {
    border: 1px solid var(--gm3-sys-color-outline, #747775);
    border-top: none
  }
}

.appsElementsCalloutIsRichTooltip .appsElementsCalloutBannerContainer {
  border-radius: 0 0 12px 12px
}

.appsElementsCalloutBannerFooterSecondaryButton {
  --gm3-button-text-label-text-size: 14px;
  --gm3-button-text-container-height: 32px;
  --gm3-button-text-label-text-color: var(--ae-callout-banner-content-color);
  --gm3-button-text-focus-label-text-color: var(--ae-callout-banner-content-color);
  --gm3-button-text-hover-label-text-color: var(--ae-callout-banner-content-color);
  --gm3-button-text-pressed-label-text-color: var(--ae-callout-banner-content-color)
}

.appsElementsCalloutBannerFooterPrimaryButton {
  --gm3-button-outlined-label-text-size: 14px;
  --gm3-button-outlined-container-height: 32px;
  --gm3-button-outlined-outline-color: var(--ae-callout-banner-content-color);
  --gm3-button-outlined-focus-outline-color: var(--ae-callout-banner-content-color);
  --gm3-button-outlined-hover-outline-color: var(--ae-callout-banner-content-color);
  --gm3-button-outlined-pressed-outline-color: var(--ae-callout-banner-content-color);
  --gm3-button-outlined-label-text-color: var(--ae-callout-banner-content-color);
  --gm3-button-outlined-focus-label-text-color: var(--ae-callout-banner-content-color);
  --gm3-button-outlined-hover-label-text-color: var(--ae-callout-banner-content-color);
  --gm3-button-outlined-pressed-label-text-color: var(--ae-callout-banner-content-color)
}

.appsElementsCalloutRoot {
  --gm3-card-elevated-container-color: var(--ae-callout-container-color);
  flex-direction: column;
  min-inline-size: var(--ae-callout-container-width, 284px);
  max-inline-size: 330px;
  min-block-size: var(--ae-callout-container-height, 88px);
  max-block-size: 500px
}

.appsElementsCalloutRoot.appsElementsCalloutHorizontalLayout {
  max-block-size: 450px;
  max-inline-size: 630px;
  min-block-size: var(--ae-callout-container-height, 155px);
  min-inline-size: var(--ae-callout-container-width, 475px)
}

.appsElementsCalloutImage {
  border-start-start-radius: 24px;
  box-sizing: border-box;
  display: block
}

.appsElementsCalloutImage.appsElementsCalloutHorizontalLayout {
  border-end-start-radius: 24px;
  height: auto;
  flex: 0 0 auto;
  max-inline-size: 33%
}

.appsElementsCalloutImage:not(.appsElementsCalloutHorizontalLayout) {
  border-start-end-radius: 24px;
  width: 100%
}

.appsElementsCalloutImage[data-anchor-orientation="2"] {
  border-start-start-radius: unset
}

.appsElementsCalloutImage:not(.appsElementsCalloutHorizontalLayout)[data-anchor-orientation="3"] {
  border-start-end-radius: unset
}

.appsElementsCalloutImage[data-anchor-orientation="4"].appsElementsCalloutHorizontalLayout {
  border-end-start-radius: unset
}

.appsElementsCalloutImageContainer {
  display: contents
}

.appsElementsCalloutRoot[data-anchor-orientation="0"],
.appsElementsCalloutRoot[data-anchor-orientation="1"],
.appsElementsCalloutRoot[data-anchor-orientation="6"],
.appsElementsCalloutRoot[data-anchor-orientation="7"],
.appsElementsCalloutRoot[data-anchor-orientation="8"],
.appsElementsCalloutRoot[data-anchor-orientation="9"] {
  --gm3-card-elevated-container-color: var(--ae-callout-container-color);
  --gm3-card-elevated-container-shape-start-start: 24px;
  --gm3-card-elevated-container-shape-start-end: 24px;
  --gm3-card-elevated-container-shape-end-end: 24px;
  --gm3-card-elevated-container-shape-end-start: 24px
}

.appsElementsCalloutRoot[data-anchor-orientation="2"] {
  --gm3-card-elevated-container-color: var(--ae-callout-container-color);
  --gm3-card-elevated-container-shape-start-start: 0;
  --gm3-card-elevated-container-shape-start-end: 24px;
  --gm3-card-elevated-container-shape-end-end: 24px;
  --gm3-card-elevated-container-shape-end-start: 24px
}

.appsElementsCalloutRoot[data-anchor-orientation="3"] {
  --gm3-card-elevated-container-color: var(--ae-callout-container-color);
  --gm3-card-elevated-container-shape-start-start: 24px;
  --gm3-card-elevated-container-shape-start-end: 0;
  --gm3-card-elevated-container-shape-end-end: 24px;
  --gm3-card-elevated-container-shape-end-start: 24px
}

.appsElementsCalloutRoot[data-anchor-orientation="4"] {
  --gm3-card-elevated-container-color: var(--ae-callout-container-color);
  --gm3-card-elevated-container-shape-start-start: 24px;
  --gm3-card-elevated-container-shape-start-end: 24px;
  --gm3-card-elevated-container-shape-end-end: 24px;
  --gm3-card-elevated-container-shape-end-start: 0
}

.appsElementsCalloutRoot[data-anchor-orientation="5"] {
  --gm3-card-elevated-container-color: var(--ae-callout-container-color);
  --gm3-card-elevated-container-shape-start-start: 24px;
  --gm3-card-elevated-container-shape-start-end: 24px;
  --gm3-card-elevated-container-shape-end-end: 0;
  --gm3-card-elevated-container-shape-end-start: 24px
}

.appsElementsCalloutIsRichTooltip .appsElementsCalloutRoot {
  --ae-callout-container-color: var(--gm3-sys-color-surface-container, #f0f4f9);
  --gm3-card-elevated-container-elevation: 3;
  --gm3-card-elevated-container-color: var(--ae-callout-container-color);
  --gm3-card-elevated-container-shape-start-start: 12px;
  --gm3-card-elevated-container-shape-start-end: 12px;
  --gm3-card-elevated-container-shape-end-end: 12px;
  --gm3-card-elevated-container-shape-end-start: 12px
}

.appsElementsCalloutCalloutCloseButton {
  inset-block-start: 6px;
  inset-inline-end: 6px;
  position: absolute;
  z-index: 2
}

.appsElementsCalloutCardContentContainer {
  z-index: 1
}

.appsElementsCalloutCardContentContainer.appsElementsCalloutHorizontalLayout {
  display: flex;
  flex-wrap: nowrap;
  max-block-size: 100%
}

.appsElementsCalloutBody {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  display: flex;
  flex-direction: column;
  min-block-size: 0;
  padding: 0 12px 12px 0
}

.appsElementsCalloutIsRichTooltip .appsElementsCalloutBody {
  gap: 4px;
  padding: 0 0 4px
}

.appsElementsCalloutBodyAndFooterContainer {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 8px;
  padding: 20px 20px 12px
}

.appsElementsCalloutIsRichTooltip .appsElementsCalloutBodyAndFooterContainer {
  padding: 12px 16px 8px
}

.appsElementsCalloutIsRichTooltip.appsElementsCalloutHasBanner .appsElementsCalloutBodyAndFooterContainer {
  padding: 12px 16px
}

.appsElementsCalloutBodyAndFooterContainer.appsElementsCalloutHorizontalLayout {
  justify-content: space-between;
  padding: 48px 24px 24px
}

.appsElementsCalloutTitle {
  font-family: Roboto, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5rem
}

.appsElementsCalloutContent {
  flex-grow: 1;
  min-block-size: 0;
  overflow: hidden auto
}

.appsElementsCalloutIsRichTooltip .appsElementsCalloutTitle {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.25rem;
  color: var(--gm3-sys-color-on-surface-variant, #444746)
}

.appsElementsCalloutIsRichTooltip .appsElementsCalloutContent {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  color: var(--gm3-sys-color-on-surface-variant, #444746)
}

.appsElementsCalloutArrowAndContent {
  display: flex;
  flex-direction: column;
  position: relative
}

.appsElementsCalloutArrowAndContent[data-anchor-orientation="3"],
.appsElementsCalloutArrowAndContent[data-anchor-orientation="5"],
.appsElementsCalloutArrowAndContent[data-anchor-orientation="9"] {
  flex-wrap: wrap-reverse
}

.appsElementsCalloutArrowAndContent[data-anchor-orientation="4"],
.appsElementsCalloutArrowAndContent[data-anchor-orientation="5"] {
  flex-direction: column-reverse
}

.appsElementsCalloutSurfaceBottomElevation {
  border-radius: 24px
}

.appsElementsCalloutRichTooltipBannerContainer {
  margin: 0 -16px -12px
}

.appsElementsCalloutMiniCalloutRoot {
  --gm3-card-elevated-container-color: var(--ae-callout-container-color);
  --gm3-card-elevated-container-shape-start-start: 32px;
  --gm3-card-elevated-container-shape-start-end: 32px;
  --gm3-card-elevated-container-shape-end-end: 32px;
  --gm3-card-elevated-container-shape-end-start: 32px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-inline-size: var(--ae-callout-container-width, 200px);
  max-inline-size: 284px;
  padding: 0 8px
}

.appsElementsCalloutMiniCalloutRoot[data-anchor-orientation="8"] {
  --gm3-card-elevated-container-color: var(--ae-callout-container-color);
  --gm3-card-elevated-container-shape-start-start: 4px;
  --gm3-card-elevated-container-shape-start-end: 32px;
  --gm3-card-elevated-container-shape-end-end: 32px;
  --gm3-card-elevated-container-shape-end-start: 4px
}

.appsElementsCalloutMiniCalloutRoot[data-anchor-orientation="9"] {
  --gm3-card-elevated-container-color: var(--ae-callout-container-color);
  --gm3-card-elevated-container-shape-start-start: 32px;
  --gm3-card-elevated-container-shape-start-end: 4px;
  --gm3-card-elevated-container-shape-end-end: 4px;
  --gm3-card-elevated-container-shape-end-start: 32px
}

.appsElementsCalloutMiniCalloutBody {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: space-between;
  z-index: 1
}

.appsElementsCalloutMiniCalloutContent {
  min-inline-size: 124px;
  padding: 6px 0 6px 8px
}

.appsElementsCalloutHeader {
  display: flex;
  align-items: center;
  gap: 4px
}

.appsElementsCalloutCloseButton {
  color: var(--gm3-sys-color-on-surface-variant, #444746)
}

.appsElementsCalloutCloseButtonIcon {
  --gm3-icon-button-standard-icon-size: 20px;
  --gm3-icon-button-standard-touch-target-size: 36px;
  --gm3-icon-button-standard-container-height: 36px;
  --gm3-icon-button-standard-container-width: 36px;
  --gm3-icon-button-standard-unselected-focus-icon-color: var(--ae-callout-close-icon-color);
  --gm3-icon-button-standard-unselected-hover-icon-color: var(--ae-callout-close-icon-color);
  --gm3-icon-button-standard-unselected-icon-color: var(--ae-callout-close-icon-color);
  --gm3-icon-button-standard-unselected-pressed-icon-color: var(--ae-callout-close-icon-color)
}

.appsElementsCalloutHideFooterButton {
  display: none
}

.appsElementsCalloutFooterContainer {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between
}

.appsElementsCalloutFooterButtonsContainer {
  display: flex;
  gap: 12px;
  justify-content: end;
  width: 100%
}

.appsElementsCalloutBannerFooter {
  flex-shrink: 0;
  flex-wrap: nowrap;
  margin-left: auto;
  width: auto
}

.appsElementsCalloutContainer {
  display: flex;
  height: auto
}

.appsElementsCalloutBannerPrimary {
  --ae-callout-banner-bg-color: var(--gm3-sys-color-primary, #0b57d0);
  --ae-callout-banner-content-color: var(--gm3-sys-color-on-primary, #fff)
}

.appsElementsCalloutBannerPrimaryContainer {
  --ae-callout-banner-bg-color: var(--gm3-sys-color-primary-container, #d3e3fd);
  --ae-callout-banner-content-color: var(--gm3-sys-color-on-primary-container, #0842a0)
}

.appsElementsCalloutBannerWarning {
  --ae-callout-banner-bg-color: #fcbd00;
  --ae-callout-banner-content-color: #6d3a01
}

.appsElementsCalloutBannerWarningContainer {
  --ae-callout-banner-bg-color: #fff2b4;
  --ae-callout-banner-content-color: #6d3a01
}

.appsElementsCalloutBannerError {
  --ae-callout-banner-bg-color: var(--gm3-sys-color-error, #b3261e);
  --ae-callout-banner-content-color: var(--gm3-sys-color-on-error, #fff)
}

.appsElementsCalloutBannerErrorContainer {
  --ae-callout-banner-bg-color: var(--gm3-sys-color-error-container, #f9dedc);
  --ae-callout-banner-content-color: var(--gm3-sys-color-on-error-container, #8c1d18)
}

.appsElementsStepIndicatorEl {
  display: flex
}

.appsElementsStepIndicatorIsDotted {
  gap: 10px
}

.appsElementsStepIndicatorIsNumbered {
  gap: 40px
}

.appsElementsStepIndicatorIcon {
  height: 24px;
  width: 24px
}

.appsElementsStepIndicatorItemContainer {
  font-family: Roboto, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5rem;
  align-items: center;
  border-radius: 14px;
  box-sizing: border-box;
  display: flex;
  height: 28px;
  justify-content: center;
  position: relative;
  width: 28px
}

.appsElementsStepIndicatorIsDotted .appsElementsStepIndicatorItemContainer {
  background-color: var(--gm3-sys-color-secondary-container, #c2e7ff);
  block-size: 10px;
  border-radius: 5px;
  inline-size: 10px
}

.appsElementsStepIndicatorIsDotted .appsElementsStepIndicatorItemContainer:before {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none
}

@media screen and (forced-colors:active) {
  .appsElementsStepIndicatorIsDotted .appsElementsStepIndicatorItemContainer:before {
    border-color: CanvasText
  }
}

.appsElementsStepIndicatorIsDotted .appsElementsStepIndicatorIsCurrent {
  background-color: var(--gm3-sys-color-primary, #0b57d0);
  width: 30px
}

.appsElementsStepIndicatorIsNumbered .appsElementsStepIndicatorItemContainer {
  background-color: var(--gm3-sys-color-primary, #0b57d0);
  color: var(--gm3-sys-color-on-primary, #fff)
}

.appsElementsStepIndicatorIsNumbered .appsElementsStepIndicatorItemContainer:not(:last-child):after {
  background-color: var(--gm3-sys-color-outline-variant, #c4c7c5);
  content: "";
  height: 1px;
  left: 36px;
  position: absolute;
  top: 50%;
  width: 24px
}

.appsElementsStepIndicatorIsNumbered .appsElementsStepIndicatorIsIncomplete {
  background-color: var(--gm3-sys-color-secondary-container, #c2e7ff);
  color: var(--gm3-sys-color-on-surface, #1f1f1f)
}

.appsElementsPositionedSurfaceContainer {
  position: absolute;
  z-index: var(--ae-positioned-surface-z-index, 9999)
}

.appsElementsGenerativeaiAstCardCardContainer {
  background-color: var(--gm3-sys-color-surface-container, #f0f4f9);
  border-radius: 8px;
  overflow: auto hidden;
  display: block;
  position: relative
}

.appsElementsGenerativeaiAstCardCardContainer:before {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none
}

@media screen and (forced-colors:active) {
  .appsElementsGenerativeaiAstCardCardContainer:before {
    border-color: CanvasText
  }
}

.appsElementsGenerativeaiAstCardCardContainer .appsElementsGenerativeaiAstCardCardContent {
  padding: 16px 16px 0
}

.appsElementsGenerativeaiAstCardCardContentTable {
  white-space: nowrap
}

.appsElementsGenerativeaiAstCardCardContainerChart {
  max-block-size: -moz-fit-content;
  max-block-size: fit-content;
  max-inline-size: 100%
}

.appsElementsGenerativeaiAstCardCardTitleBlock {
  display: flex;
  margin-block-end: 4px
}

.appsElementsGenerativeaiAstCardCardIcon {
  vertical-align: bottom;
  margin-inline-end: 4px
}

.appsElementsGenerativeAiChipRoot {
  --gm3-chip-shared-container-height: auto;
  --gm3-chip-shared-with-icon-icon-size: var(--ae-generative-ai-chip-icon-size, 16px);
  --gm3-chip-shared-container-shape-start-start: 16px;
  --gm3-chip-shared-container-shape-start-end: 16px;
  --gm3-chip-shared-container-shape-end-end: 16px;
  --gm3-chip-shared-container-shape-end-start: 16px;
  --gm3-chip-assist-flat-outline-width: 0;
  --gm3-chip-assist-flat-with-icon-focus-icon-color: currentColor;
  --gm3-chip-assist-flat-with-icon-hover-icon-color: currentColor;
  --gm3-chip-assist-flat-with-icon-icon-color: currentColor;
  --gm3-chip-assist-flat-with-icon-pressed-icon-color: currentColor;
  background-color: var(--gm3-sys-color-surface-container, #f0f4f9);
  max-inline-size: -webkit-fill-available;
  max-inline-size: stretch;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  min-block-size: 36px;
  text-wrap: pretty;
  overflow-wrap: break-word
}

@media (-ms-high-contrast:active),
screen and (forced-colors:active) {
  .appsElementsGenerativeAiChipRoot {
    --gm3-chip-assist-flat-outline-width: 1px
  }
}

.appsElementsGenerativeAiChipRoot .javascriptMaterialdesignGm3WizChipShared-chip__text-label {
  display: -webkit-inline-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  white-space: unset;
  text-align: start;
  margin-block: 8px
}

.appsElementsGenerativeAiChipRoot .javascriptMaterialdesignGm3WizChipShared-chip__graphic {
  block-size: var(--ae-generative-ai-chip-icon-size, 16px);
  inline-size: var(--ae-generative-ai-chip-icon-size, 16px);
  align-self: flex-start;
  padding-block-start: calc(8px + (1.25rem - var(--ae-generative-ai-chip-icon-size, 16px))/2)
}

.appsElementsGenerativeAiChipShimmer {
  --gm3-chip-assist-flat-hover-state-layer-color: transparent;
  --gm3-chip-assist-flat-hover-state-layer-opacity: 0
}

.appsElementsGenerativeAiChipShimmer:focus,
.appsElementsGenerativeAiChipShimmer:focus-within,
.appsElementsGenerativeAiChipShimmer:hover {
  background: var(--ae-genai-generation-gradient, linear-gradient(135deg, #d7e6ff, #c7e4ff, #dce2ff, #d7e6ff));
  animation: generation-shimmer 2.1s linear infinite
}

@media not (prefers-reduced-motion) {

  .appsElementsGenerativeAiChipShimmer:focus,
  .appsElementsGenerativeAiChipShimmer:focus-within,
  .appsElementsGenerativeAiChipShimmer:hover {
    background-position: 50%;
    background-size: 800% 800%
  }
}

.appsElementsGenerativeaiCommonFeedbackSmallTitle {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.25rem;
  color: var(--gm3-sys-color-on-surface, #1f1f1f);
  margin: 0
}

.appsElementsGenerativeaiCommonFeedbackSubtitle {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem
}

.appsElementsGenerativeaiCommonFeedbackAdditionalFeedback {
  --gm3-text-field-outlined-container-shape: 8px;
  --gm3-text-field-outlined-focus-indicator-outline-thickness: 2px;
  --gm3-text-field-outlined-input-text-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-text-field-outlined-input-text-line-height: 1.25rem;
  --gm3-text-field-outlined-input-text-size: 0.875rem;
  --gm3-text-field-outlined-input-text-tracking: 0rem;
  --gm3-text-field-outlined-input-text-weight: 400;
  --gm3-text-field-outlined-label-text-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-text-field-outlined-label-text-line-height: 1.25rem;
  --gm3-text-field-outlined-label-text-size: 0.875rem;
  --gm3-text-field-outlined-label-text-tracking: 0rem;
  --gm3-text-field-outlined-label-text-weight: 400;
  --gm3-text-field-outlined-container-shape-start-start: 8px;
  --gm3-text-field-outlined-container-shape-start-end: 8px;
  --gm3-text-field-outlined-container-shape-end-end: 8px;
  --gm3-text-field-outlined-container-shape-end-start: 8px
}

.appsElementsGenerativeaiCommonFeedbackAdditionalFeedbackInput {
  z-index: 1
}

.appsElementsGenerativeaiCommonFeedbackPresetIssues {
  --gm3-chip-set-vertical-space-between-chips: 8px;
  --gm3-chip-shared-label-text-line-height: 1.25rem;
  --gm3-chip-shared-label-text-size: 0.875rem;
  --gm3-chip-shared-label-text-tracking: 0rem;
  --gm3-chip-shared-label-text-weight: 400;
  --gm3-chip-filter-flat-outline-color: var(--gm3-sys-color-outline-variant, #c4c7c5);
  --gm3-chip-filter-flat-focus-outline-color: var(--gm3-sys-color-outline-variant, #c4c7c5);
  --gm3-chip-filter-flat-label-text-color: var(--gm3-sys-color-on-surface-variant, #444746)
}

.appsElementsGenerativeaiCommonFeedbackLegalIssueLink {
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  letter-spacing: .00625rem;
  line-height: 1rem;
  text-decoration: underline;
  text-underline-offset: 3px;
  inline-size: -moz-fit-content;
  inline-size: fit-content
}

.appsElementsGenerativeaiCommonFeedbackLegalIssueLink:active,
.appsElementsGenerativeaiCommonFeedbackLegalIssueLink:hover,
.appsElementsGenerativeaiCommonFeedbackLegalIssueLink:link,
.appsElementsGenerativeaiCommonFeedbackLegalIssueLink:visited {
  color: var(--gm3-sys-color-on-surface-variant, #444746)
}

.appsElementsGenerativeaiCommonFeedbackDisclaimer {
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  letter-spacing: .00625rem;
  line-height: 1rem;
  font-size: 10px;
  color: var(--gm3-sys-color-on-surface-variant, #444746);
  text-wrap: pretty;
  flex: 1;
  align-content: end
}

.appsElementsGenerativeaiCommonFeedbackSubmitButton {
  align-self: flex-start;
  margin-block: 4px;
  min-block-size: 40px
}

.appsElementsGenerativeaiCommonFeedbackDivider {
  margin-block: 4px;
  inline-size: 100%;
  border: .5px solid var(--gm3-sys-color-outline-variant, #c4c7c5)
}

.appsElementsGenerativeaiCommonFeedbackContainer {
  display: flex;
  flex-direction: column;
  gap: 12px;
  block-size: 100%
}

.appsElementsGenerativeaiFeedbackDataDonationCheckbox {
  margin-inline-start: -10px;
  font-family: Google Sans
}

.appsElementsGenerativeaiFeedbackDataDonationCheckboxLabel {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.appsElementsGenerativeaiFeedbackDataDonationCheckboxHidden {
  margin-inline-start: 0;
  block-size: 48px
}

.appsElementsGenerativeaiFeedbackDataDonationContainer {
  background-color: var(--gm3-sys-color-surface, #fff);
  border: 1px solid var(--gm3-sys-color-outline-variant, #c4c7c5);
  border-radius: 8px
}

.appsElementsGenerativeaiFeedbackDataDonationContent {
  padding-inline: 16px;
  margin-block-end: 8px;
  max-block-size: 100px;
  overflow-y: auto;
  word-break: break-word
}

.appsElementsGenerativeaiFeedbackDataDonationContentOverflow {
  display: -webkit-inline-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  max-inline-size: -webkit-fill-available;
  max-inline-size: stretch
}

.appsElementsGenerativeaiFeedbackDataDonationContentList {
  margin: 0;
  padding-inline: 3ch 0
}

.appsElementsGenerativeaiFeedbackDataDonationSummary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-inline: 16px;
  inline-size: -webkit-fill-available;
  inline-size: stretch
}

.appsElementsGenerativeaiFeedbackDataDonationTitle {
  font-family: Roboto, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5rem;
  --gm3-form-field-label-text-tracking: typescale.title-medium.letter-spacing($_md-sys-typescale);
  block-size: 48px;
  min-inline-size: 0
}

.appsElementsGenerativeaiFeedbackMessagesLink:is(:any-link, :visited, :hover, :active) {
  color: var(--gm3-sys-color-primary, #0b57d0)
}

.appsElementsGenerativeaiFeedbackMessagesDeEmphasis {
  color: var(--gm3-sys-color-on-surface-variant, #444746)
}

.appsElementsGenerativeaiFeedbackDialogRoot {
  --gm3-dialog-container-content-padding: 24px;
  --gm3-dialog-container-min-width: 640px;
  --gm3-dialog-container-color: var(--gm3-sys-color-surface, #fff);
  --gm3-dialog-container-content-padding-block-start: 24px;
  --gm3-dialog-container-content-padding-inline-end: 24px;
  --gm3-dialog-container-content-padding-block-end: 24px;
  --gm3-dialog-container-content-padding-inline-start: 24px
}

@media (max-width:640px) {
  .appsElementsGenerativeaiFeedbackDialogRoot {
    --gm3-dialog-container-min-width: 540px
  }
}

.appsElementsGenerativeaiFeedbackDialogContent {
  display: flex;
  flex-direction: column;
  gap: 16px
}

.appsElementsGenerativeaiFeedbackDialogContent p {
  margin-block: 0
}

.appsElementsGenerativeaiFeedbackDialogContent a {
  text-decoration: underline;
  text-underline-offset: .25em
}

.appsElementsGenerativeaiFeedbackDialogHeader {
  display: flex;
  gap: 8px;
  align-items: center;
  block-size: 40px;
  margin-block: -4px
}

.appsElementsGenerativeaiFeedbackDialogTitle {
  font-family: Roboto, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 2rem;
  margin: 0
}

.appsElementsGenerativeaiFeedbackDialogBackButton {
  margin-inline-start: -8px
}

.appsElementsGenerativeaiFeedbackDialogDataSelectionTitle {
  font-family: Roboto, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5rem;
  --gm3-form-field-label-text-tracking: typescale.title-medium.letter-spacing($_md-sys-typescale);
  block-size: 48px
}

.appsElementsGenerativeaiFeedbackDialogIssuesContainer {
  display: flex;
  flex-direction: column
}

.appsElementsGenerativeaiFeedbackDialogPresetIssueCheckbox.appsElementsGenerativeaiFeedbackDialogPresetIssueCheckbox label {
  font-family: Roboto, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem
}

.appsElementsGenerativeaiFeedbackDialogShareOutputDataCheckbox.appsElementsGenerativeaiFeedbackDialogShareOutputDataCheckbox label {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.25rem;
  color: var(--gm3-sys-color-on-surface, #1f1f1f)
}

.appsElementsGenerativeaiFeedbackDialogDisclaimer {
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  letter-spacing: .00625rem;
  line-height: 1rem
}

.appsElementsGenerativeaiFeedbackDialogButtonContainer {
  display: flex;
  gap: 8px;
  align-self: end
}

.appsElementsGenerativeaiFeedbackDialogDataSelectionContainer {
  border: 1px solid var(--gm3-sys-color-outline-variant, #c4c7c5);
  border-radius: 8px
}

.appsElementsGenerativeaiFeedbackDialogDataSelectionSummary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-inline: 16px
}

.appsElementsGenerativeaiFeedbackDialogDataSelectionContent {
  padding-inline: 16px;
  margin-block-end: 8px;
  max-block-size: 100px;
  overflow-y: auto;
  word-break: break-word
}

.appsElementsGenerativeaiFeedbackDialogCommentContainer {
  display: flex;
  flex-direction: column;
  gap: 8px
}

.appsElementsGenerativeaiFeedbackDialogCommentLabel {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.25rem;
  color: var(--gm3-sys-color-on-surface-variant, #444746)
}

.appsElementsGenerativeaiFeedbackDialogSeparator {
  border: none;
  border-block-start: 1px solid var(--gm3-sys-color-outline-variant, #c4c7c5);
  margin-inline: -24px
}

.appsElementsGenerativeaiInlineFeedbackRoot {
  --gm3-card-filled-container-color: var(--gm3-sys-color-surface-container-low, #f8fafd);
  --gm3-card-filled-container-shape-start-start: 16px;
  --gm3-card-filled-container-shape-start-end: 16px;
  --gm3-card-filled-container-shape-end-end: 16px;
  --gm3-card-filled-container-shape-end-start: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px
}

.appsElementsGenerativeaiInlineFeedbackHeader {
  display: flex;
  justify-content: space-between;
  align-items: flex-start
}

.appsElementsGenerativeaiInlineFeedbackTitle {
  font-family: Roboto, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5rem;
  color: var(--gm3-sys-color-on-surface, #1f1f1f);
  margin: 0
}

.appsElementsGenerativeaiInlineFeedbackAdditionalFeedback {
  --gm3-text-field-outlined-container-height: 44px;
  --gm3-text-field-outlined-top-space: 2px;
  --gm3-text-field-outlined-bottom-space: 2px;
  background-color: var(--gm3-sys-color-surface, #fff)
}

.appsElementsGenerativeaiInlineFeedbackCloseButton {
  --gm3-icon-button-standard-container-height: 28px;
  --gm3-icon-button-standard-container-width: 28px;
  --gm3-icon-button-standard-icon-size: 18px;
  --gm3-icon-button-standard-touch-target-size: 20px;
  margin-block-start: -5px;
  margin-inline-end: -6px
}

@keyframes skeleton-enter {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes skeleton-stretch-in {
  0% {
    transform: scaleX(0)
  }

  to {
    transform: scaleX(1)
  }
}

.appsElementsGenerativeaiLoadingIndicatorSkeletonLoader {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px
}

.appsElementsGenerativeaiLoadingIndicatorSkeletonTextSize {
  inline-size: var(--ae-generativeai-skeleton-loader-line-width, 100%);
  block-size: 12px
}

.appsElementsGenerativeaiLoadingIndicatorSkeletonImageGrid {
  inline-size: 100%
}

.appsElementsGenerativeaiLoadingIndicatorSkeletonLineMask {
  background: var(--ae-genai-generation-gradient, linear-gradient(135deg, #d7e6ff, #c7e4ff, #dce2ff, #d7e6ff));
  border-radius: 4px
}

@media (-ms-high-contrast:active),
screen and (forced-colors:active) {
  .appsElementsGenerativeaiLoadingIndicatorSkeletonLineMask {
    background: linear-gradient(135deg, Canvas, Highlight);
    forced-color-adjust: none
  }
}

@media not (prefers-reduced-motion) {
  .appsElementsGenerativeaiLoadingIndicatorSkeletonLineMask {
    background-size: 200% 100%
  }
}

@media (not (prefers-reduced-motion)) and (-ms-high-contrast:active),
screen and (not (prefers-reduced-motion)) and (forced-colors:active) {
  .appsElementsGenerativeaiLoadingIndicatorSkeletonLineMask {
    background: linear-gradient(135deg, Canvas, Highlight, Highlight, Canvas);
    forced-color-adjust: none
  }
}

@media not (prefers-reduced-motion) {
  .appsElementsGenerativeaiLoadingIndicatorSkeletonAnimationText {
    animation: inline-shimmer 2.1s calc(var(--ae-generativeai-skeleton-loader-animation-order, 0)*.1s) linear infinite both
  }
}

@media not (prefers-reduced-motion) {
  .appsElementsGenerativeaiLoadingIndicatorSkeletonAnimationTextStretchIn {
    transform-origin: left;
    animation-name: skeleton-enter, skeleton-stretch-in, inline-shimmer;
    animation-duration: .35s, .6s, 2.1s;
    animation-delay: calc(var(--ae-generativeai-skeleton-loader-animation-order, 0)*.2s), calc(var(--ae-generativeai-skeleton-loader-animation-order, 0)*.25s), calc(var(--ae-generativeai-skeleton-loader-animation-order, 0)*.1s);
    animation-fill-mode: both;
    animation-timing-function: linear, cubic-bezier(.2, 0, 0, 1), linear;
    animation-iteration-count: 1, 1, infinite
  }
}

.appsElementsGenerativeaiLoadingIndicatorSkeletonAnimationImage {
  background: linear-gradient(90deg, var(--gm3-sys-color-surface-container, #f0f4f9) 20%, var(--gm3-sys-color-surface-container, #f0f4f9), var(--gm3-sys-color-surface-dim, #d3dbe5), var(--gm3-sys-color-surface-container, #f0f4f9));
  animation: inline-shimmer 2s linear infinite
}

@media (-ms-high-contrast:active),
screen and (forced-colors:active) {
  .appsElementsGenerativeaiLoadingIndicatorSkeletonAnimationImage {
    background: linear-gradient(135deg, Canvas, Highlight);
    forced-color-adjust: none
  }
}

@media not (prefers-reduced-motion) {
  .appsElementsGenerativeaiLoadingIndicatorSkeletonAnimationImage {
    background-size: 200% 100%
  }

  @keyframes inline-shimmer {
    0% {
      background-position: 0 0
    }

    to {
      background-position: -200% 0
    }
  }
}

@media (not (prefers-reduced-motion)) and (-ms-high-contrast:active),
screen and (not (prefers-reduced-motion)) and (forced-colors:active) {
  .appsElementsGenerativeaiLoadingIndicatorSkeletonAnimationImage {
    background: linear-gradient(135deg, Canvas, Highlight, Highlight, Canvas);
    forced-color-adjust: none
  }
}

.appsElementsGenerativeaiLoadingIndicatorTip {
  background: linear-gradient(135deg, #217bfe, #078efb, #ac87eb, #217bfe);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  padding-block-start: 12px;
  word-break: break-word;
  text-wrap: pretty;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  animation: feature-shimmer 2.1s linear infinite
}

@media not (prefers-reduced-motion) {
  .appsElementsGenerativeaiLoadingIndicatorTip {
    background-position: 50%;
    background-size: 800%
  }
}

@media not (prefers-reduced-motion) {
  .appsElementsGenerativeaiLoadingIndicatorTip {
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent
  }
}

.appsElementsGenerativeaiLoadingIndicatorSuggestionsSkeletonLoader {
  display: flex;
  gap: 12px;
  background-color: var(--gm3-sys-color-surface-container, #f0f4f9);
  border-radius: 4px;
  padding: 12px
}

.appsElementsGenerativeaiLoadingIndicatorSuggestionsSkeletonLines {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex-grow: 1;
  justify-content: center
}

.appsElementsGenerativeaiLoadingIndicatorSuggestionsIconMask {
  background: var(--ae-genai-generation-gradient, linear-gradient(135deg, #d7e6ff, #c7e4ff, #dce2ff, #d7e6ff));
  inline-size: 36px;
  block-size: 36px;
  border-radius: 8px;
  animation: generation-shimmer 2.1s linear infinite
}

@media not (prefers-reduced-motion) {
  .appsElementsGenerativeaiLoadingIndicatorSuggestionsIconMask {
    background-position: 50%;
    background-size: 800% 800%
  }

  @keyframes generation-shimmer {
    0% {
      background-position: 100% 100%
    }

    to {
      background-position: 0 0
    }
  }
}

.appsElementsGenerativeaiLoadingIndicatorGrid {
  display: flex;
  flex-wrap: wrap;
  gap: 2px
}

.appsElementsGenerativeaiLoadingIndicatorGridImageContainer {
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  aspect-ratio: 1;
  flex-basis: calc(50% - 2px);
  flex-grow: 1
}

.appsElementsGenerativeaiLoadingIndicatorGridImageContainer:before {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none
}

@media screen and (forced-colors:active) {
  .appsElementsGenerativeaiLoadingIndicatorGridImageContainer:before {
    border-color: CanvasText
  }
}

.appsElementsGenerativeaiLoadingIndicatorGridImageContainer:hover {
  cursor: zoom-in
}

.appsElementsGenerativeaiLoadingIndicatorLoadingSpinnerSpinnerContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  block-size: 100%;
  inline-size: 100%;
  gap: 8px
}

.appsElementsGenerativeaiLoadingIndicatorLoadingSpinnerSpinner {
  --gm3-circular-progress-size: 40px
}

.appsElementsGenerativeaiLoadingIndicatorLoadingSpinnerSpinnerLabel {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.25rem;
  text-align: center;
  color: var(--gm3-sys-color-primary, #0b57d0)
}

.appsElementsModeSelectorMenuButton {
  --gm3-dropdown-button-filled-tonal-container-height: 36px;
  --gm3-dropdown-button-filled-tonal-container-color: var(--gm3-sys-color-surface-container, #f0f4f9);
  --gm3-dropdown-button-filled-tonal-container-shape: 16px;
  --gm3-dropdown-button-filled-tonal-hover-container-elevation: 0;
  --gm3-dropdown-button-filled-tonal-with-icon-icon-size: 20px;
  padding-inline: 10px
}

.appsElementsModeSelectorMenu {
  --gm3-menu-container-color: var(--gm3-sys-color-surface-container-low, #f8fafd);
  --gm3-menu-container-shape: 16px;
  inline-size: 226px;
  margin-inline-start: -8px;
  z-index: 10000
}

.appsElementsModeSelectorMenuItem {
  --gm3-list-list-item-leading-space: 24px;
  --gm3-list-list-item-trailing-space: 24px
}

.quotaUpsellMessageLearnMoreLink {
  text-decoration: underline
}

.quotaUpsellMessageDescription {
  color: var(--gm3-sys-color-on-surface-variant, #444746);
  margin-left: 8px;
  text-align: left;
  text-wrap: wrap;
  width: 100%
}

.quotaUpsellMessageIcon {
  height: 20px;
  width: 20px
}

.quotaUpsellMessageIconPromotional {
  color: var(--gm3-sys-color-tertiary, #146c2e)
}

.quotaUpsellMessageIconInformational {
  color: var(--gm3-sys-color-primary, #0b57d0)
}

.appsElementsWorkspaceRecommendationValuePropIconCloudGreySegment {
  fill: #80868b
}

@media (prefers-color-scheme:dark) {
  .appsElementsWorkspaceRecommendationValuePropIconCloudGreySegment {
    fill: #9aa0a6
  }
}

.appsElementsWorkspaceRecommendationValuePropIconCloudBlueSegment {
  fill: #4285f4
}

.appsElementsWorkspaceRecommendationValuePropIconCloudRedSegment {
  fill: #ea4335
}

.appsElementsWorkspaceRecommendationValuePropIconCloudYellowSegment {
  fill: #fbbc04
}

.appsElementsWorkspaceRecommendationValuePropIconCloudGreenSegment {
  fill: #34a853
}

.appsElementsGenerativeAiTitleRoot {
  font-family: Roboto, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 2rem;
  line-height: 1.75rem;
  letter-spacing: -.75px;
  color: var(--gm3-sys-color-outline, #747775);
  display: flex;
  flex-direction: column;
  text-wrap: pretty
}

.appsElementsGenerativeAiTitleGreeting {
  background: linear-gradient(135deg, #217bfe, #078efb 33%, #ac87eb);
  display: -webkit-inline-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  word-break: break-word;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  inline-size: -moz-fit-content;
  inline-size: fit-content
}

.appsElementsKeyboardShortcutsDialogRoot {
  --gm3-dialog-container-content-padding: 0;
  --gm3-dialog-container-color: var(--gm3-sys-color-surface-container-high, #e9eef6);
  --gm3-dialog-container-max-height: min(100dvh - 48px, 580px);
  --gm3-dialog-container-max-width: min(100dvw - 48px, 600px);
  --gm3-dialog-container-min-height: min(100dvh - 48px, 580px);
  --gm3-dialog-container-min-width: min(100dvw - 48px, 600px);
  --gm3-dialog-content-display: flex;
  --gm3-dialog-container-content-padding-block-start: 0;
  --gm3-dialog-container-content-padding-inline-end: 0;
  --gm3-dialog-container-content-padding-block-end: 0;
  --gm3-dialog-container-content-padding-inline-start: 0
}

.appsElementsKeyboardShortcutsDialogContentContainer {
  display: flex;
  flex-direction: column;
  inline-size: 100%
}

.appsElementsKeyboardShortcutsDialogPromoContentContainer {
  display: flex;
  flex-direction: column;
  padding: 8px 24px
}

.appsElementsKeyboardShortcutsDialogAllShortcutsHelpLink {
  --gm3-button-text-container-height: 28px;
  --gm3-button-text-label-text-color: var(--gm3-sys-color-primary, #0b57d0);
  --gm3-button-text-label-text-size: 0.875rem;
  --gm3-button-text-label-text-tracking: 0rem;
  --gm3-button-text-label-text-weight: 500;
  --gm3-button-text-with-icon-icon-label-space: 8px;
  margin-inline-start: -12px
}

.appsElementsKeyboardShortcutsDialogShortcutsContainer {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow-y: overlay;
  padding-inline: 24px
}

.appsElementsKeyboardShortcutsDialogFooter {
  display: flex;
  padding: 16px 24px;
  position: relative
}

.appsElementsKeyboardShortcutsDialogFooter:before {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none
}

@media screen and (forced-colors:active) {
  .appsElementsKeyboardShortcutsDialogFooter:before {
    border-color: CanvasText
  }
}

.appsElementsKeyboardShortcutsDialogSearchInputContainer {
  flex-shrink: 0;
  block-size: 48px;
  margin-inline: 24px;
  margin-block-end: 8px;
  border: 1px solid transparent;
  display: flex;
  align-items: center;
  gap: 8px
}

.appsElementsKeyboardShortcutsDialogSearchInput {
  --gm3-text-field-filled-active-indicator-height: 0;
  --gm3-text-field-filled-container-color: var(--gm3-sys-color-surface-container-low, #f8fafd);
  --gm3-text-field-filled-container-height: 48px;
  --gm3-text-field-filled-disabled-active-indicator-height: 0;
  --gm3-text-field-filled-focus-active-indicator-thickness: 0;
  --gm3-text-field-filled-hover-active-indicator-height: 0;
  --gm3-text-field-filled-hover-state-layer-color: var(--gm3-sys-color-on-surface, #1f1f1f);
  --gm3-text-field-filled-hover-state-layer-opacity: 0.12;
  --gm3-text-field-filled-label-text-display: none;
  --gm3-text-field-filled-label-text-populated-line-height: 0px;
  --gm3-text-field-filled-top-space: 0px;
  --gm3-text-field-filled-bottom-space: 0px;
  overflow: hidden;
  border-radius: 48px;
  inline-size: 100%;
  box-sizing: border-box
}

.appsElementsKeyboardShortcutsDialogSearchInputField::-webkit-search-cancel-button,
.appsElementsKeyboardShortcutsDialogSearchInputField::-webkit-search-decoration,
.appsElementsKeyboardShortcutsDialogSearchInputField::-webkit-search-results-button,
.appsElementsKeyboardShortcutsDialogSearchInputField::-webkit-search-results-decoration {
  display: none
}

.appsElementsKeyboardShortcutsDialogSwitch {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 24px;
  border-block-end: 1px solid var(--gm3-sys-color-outline-variant, #c4c7c5);
  color: var(--gm3-sys-color-on-surface, #1f1f1f)
}

.appsElementsKeyboardShortcutsDialogCategoryLabel,
.appsElementsKeyboardShortcutsDialogNoResultsNotice {
  font-family: Roboto, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5rem;
  padding-block: 16px;
  text-align: start
}

.appsElementsKeyboardShortcutsDialogCategoryLabel,
.appsElementsKeyboardShortcutsDialogShortcutName {
  white-space: normal;
  display: block
}

.appsElementsKeyboardShortcutsDialogCategoryMigrationLabel {
  font-family: Roboto, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5rem;
  display: inline-block;
  padding-block: 16px;
  text-align: end
}

.appsElementsKeyboardShortcutsDialogTableCell {
  padding: 0
}

.appsElementsKeyboardShortcutsDialogQuarterTableCell {
  width: 25%
}

.appsElementsKeyboardShortcutsDialogHalfTableCell {
  width: 50%
}

.appsElementsKeyboardShortcutsDialogTableCellNoBorder {
  border: none
}

.appsElementsKeyboardShortcutsDialogNoResultsQuery {
  white-space: pre-wrap;
  word-wrap: break-word
}

.appsElementsKeyboardShortcutsDialogShortcutTable {
  --gm3-data-table-header-container-color: transparent;
  --gm3-data-table-outline-width: 0;
  --gm3-data-table-row-item-selected-container-color: transparent;
  --gm3-data-table-row-item-selected-hover-state-layer-color: transparent;
  --gm3-data-table-row-item-unselected-container-color: transparent;
  --gm3-data-table-row-item-unselected-hover-state-layer-color: transparent;
  flex-shrink: 0;
  table-layout: fixed;
  inline-size: 100%
}

@media (-ms-high-contrast:active),
screen and (forced-colors:active) {
  .appsElementsKeyboardShortcutsDialogShortcutTable {
    --gm3-data-table-row-item-outline-color: CanvasText
  }
}

.appsElementsKeyboardShortcutsDialogShortcutAlternateDisabled {
  --gm3-data-table-row-item-label-text-color: var(--gm3-sys-color-outline-variant, #c4c7c5)
}

@media (-ms-high-contrast:active),
screen and (forced-colors:active) {
  .appsElementsKeyboardShortcutsDialogShortcutAlternateDisabled {
    --gm3-data-table-row-item-label-text-color: GrayText
  }
}

.appsElementsKeyboardShortcutsDialogShortcutName {
  padding: 16px 0
}

.appsElementsKeyboardShortcutsDialogShortcutNameHighlight {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.25rem
}

.appsElementsKeyboardShortcutsDialogKeySequenceList {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
  justify-content: end;
  padding: 16px 0
}

.appsElementsKeyboardShortcutsDialogKeySequence {
  display: flex;
  gap: 4px
}

.appsElementsKeyboardShortcutsDialogKeySequenceAlternateDisabled {
  color: var(--gm3-sys-color-outline-variant, #c4c7c5)
}

@media (-ms-high-contrast:active),
screen and (forced-colors:active) {
  .appsElementsKeyboardShortcutsDialogKeySequenceAlternateDisabled {
    color: GrayText
  }
}

.appsElementsKeyboardShortcutsDialogKey {
  border-radius: 4px;
  font-family: Google Sans Mono, Inter, monospace;
  color: inherit;
  border: 1px solid currentColor;
  text-align: center;
  box-sizing: border-box;
  line-height: 18px;
  padding-inline: 4px
}

.appsElementsKeyboardShortcutsDialogSingleChar {
  padding-inline: 0;
  inline-size: 20px;
  text-transform: uppercase
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--root {
  display: inline-flex;
  flex-direction: column;
  position: relative;
  --gm3-text-field-character-counter-supporting-text-character-counter-space: var(--gm3-text-field-filled-supporting-text-character-counter-space, 16px);
  --gm3-text-field-character-counter-supporting-text-font: var(--gm3-text-field-filled-supporting-text-font, "Google Sans", Roboto, Arial, sans-serif);
  --gm3-text-field-character-counter-supporting-text-font-variation-settings: var(--gm3-text-field-filled-supporting-text-font-variation-settings, initial);
  --gm3-text-field-character-counter-supporting-text-line-height: var(--gm3-text-field-filled-supporting-text-line-height, 1rem);
  --gm3-text-field-character-counter-supporting-text-size: var(--gm3-text-field-filled-supporting-text-size, 0.75rem);
  --gm3-text-field-character-counter-supporting-text-tracking: var(--gm3-text-field-filled-supporting-text-tracking, 0.00625rem);
  --gm3-text-field-character-counter-supporting-text-weight: var(--gm3-text-field-filled-supporting-text-weight, 400);
  --gm3-text-field-character-counter-supporting-text-color: var(--gm3-text-field-filled-supporting-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-text-field-helper-text-supporting-text-font: var(--gm3-text-field-filled-supporting-text-font, "Google Sans", Roboto, Arial, sans-serif);
  --gm3-text-field-helper-text-supporting-text-font-variation-settings: var(--gm3-text-field-filled-supporting-text-font-variation-settings, initial);
  --gm3-text-field-helper-text-supporting-text-line-height: var(--gm3-text-field-filled-supporting-text-line-height, 1rem);
  --gm3-text-field-helper-text-supporting-text-size: var(--gm3-text-field-filled-supporting-text-size, 0.75rem);
  --gm3-text-field-helper-text-supporting-text-tracking: var(--gm3-text-field-filled-supporting-text-tracking, 0.00625rem);
  --gm3-text-field-helper-text-supporting-text-weight: var(--gm3-text-field-filled-supporting-text-weight, 400);
  --gm3-text-field-icon-leading-icon-size: var(--gm3-text-field-filled-leading-icon-size, 24px);
  --gm3-text-field-icon-trailing-icon-size: var(--gm3-text-field-filled-trailing-icon-size, 24px);
  --gm3-text-field-icon-with-leading-icon-icon-label-text-space: var(--gm3-text-field-filled-with-leading-icon-icon-label-text-space, 16px);
  --gm3-text-field-icon-with-trailing-icon-icon-label-text-space: var(--gm3-text-field-filled-with-trailing-icon-icon-label-text-space, 16px);
  --gm3-text-field-icon-with-trailing-icon-trailing-space: var(--gm3-text-field-filled-with-trailing-icon-trailing-space, 12px)
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field__use-updated-font-styles.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--root {
  --gm3-text-field-character-counter-supporting-text-font: var(--gm3-text-field-filled-supporting-text-font, "Google Sans Flex", "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif);
  --gm3-text-field-helper-text-supporting-text-font: var(--gm3-text-field-filled-supporting-text-font, "Google Sans Flex", "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif)
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--root[hidden] {
  display: none
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field {
  border-start-start-radius: var(--gm3-text-field-filled-container-shape-start-start, 4px);
  border-start-end-radius: var(--gm3-text-field-filled-container-shape-start-end, 4px);
  border-end-start-radius: 0;
  border-end-end-radius: 0;
  padding-inline: max(var(--gm3-text-field-filled-leading-space, 16px), min(var(--gm3-text-field-filled-container-shape-start-start, 4px), var(--gm3-text-field-filled-container-height, 56px)/2)) max(var(--gm3-text-field-filled-trailing-space, 16px), min(var(--gm3-text-field-filled-container-shape-start-end, 4px), var(--gm3-text-field-filled-container-height, 56px)/2));
  display: inline-flex;
  align-items: center;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  --gm3-floating-label-label-text-color: var(--gm3-text-field-filled-label-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-floating-label-label-text-display: var(--gm3-text-field-filled-label-text-display, unset);
  --gm3-floating-label-label-text-font: var(--gm3-text-field-filled-label-text-font, "Google Sans", Roboto, Arial, sans-serif);
  --gm3-floating-label-label-text-font-variation-settings: var(--gm3-text-field-filled-label-text-font-variation-settings, initial);
  --gm3-floating-label-label-text-line-height: var(--gm3-text-field-filled-label-text-line-height, 1.5rem);
  --gm3-floating-label-floating-label-text-line-height: var(--gm3-text-field-filled-label-text-populated-line-height, 1rem);
  --gm3-floating-label-floating-label-text-size: var(--gm3-text-field-filled-label-text-populated-size, 0.75rem);
  --gm3-floating-label-label-text-size: var(--gm3-text-field-filled-label-text-size, 1rem);
  --gm3-floating-label-label-text-tracking: var(--gm3-text-field-filled-label-text-tracking, 0rem);
  --gm3-floating-label-label-text-weight: var(--gm3-text-field-filled-label-text-weight, 400);
  --gm3-floating-label-floating-label-leading-space: max(var(--gm3-text-field-filled-leading-space, 16px), min(var(--gm3-text-field-filled-container-shape-start-start, 4px), var(--gm3-text-field-filled-container-height, 56px)/2));
  --gm3-floating-label-resting-label-leading-space: max(var(--gm3-text-field-filled-leading-space, 16px), min(var(--gm3-text-field-filled-container-shape-start-start, 4px), var(--gm3-text-field-filled-container-height, 56px)/2));
  --gm3-floating-label-floating-label-top-space: var(--gm3-text-field-filled-top-space, 8px);
  --gm3-floating-label-resting-label-top-space: calc(50% - var(--gm3-text-field-filled-label-text-line-height, 1.5rem)/2);
  --gm3-floating-label-resting-label-max-width: calc(100% - max(var(--gm3-text-field-filled-leading-space, 16px), min(var(--gm3-text-field-filled-container-shape-start-start, 4px), var(--gm3-text-field-filled-container-height, 56px) / 2)))
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field__use-updated-font-styles .javascriptMaterialdesignGm3WizTextFieldFilled-text-field {
  --gm3-floating-label-label-text-font: var(--gm3-text-field-filled-label-text-font, "Google Sans Flex", "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif)
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field:not(.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--textarea) {
  min-height: var(--gm3-text-field-filled-container-height, 56px)
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--no-label {
  --gm3-floating-label-label-text-display: none
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled {
  pointer-events: none
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__input {
  pointer-events: auto
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__input {
    background-color: Canvas
  }
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--end-aligned .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__input {
  text-align: end
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field__affix {
  line-height: var(--gm3-text-field-filled-input-text-line-height, 1.5rem);
  display: inline-flex;
  align-items: center;
  opacity: 0;
  white-space: nowrap;
  height: 100%;
  transition: opacity .15s cubic-bezier(.4, 0, .2, 1) 0ms;
  font-size: var(--gm3-text-field-filled-input-text-size, 1rem);
  font-weight: 400;
  letter-spacing: .009375em;
  text-decoration: inherit;
  text-transform: inherit;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--label-floating .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__affix,
.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--no-label .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__affix {
  opacity: 1
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field__affix--prefix {
  color: var(--gm3-text-field-filled-input-text-prefix-color, #5f6368);
  padding-inline-end: 2px
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--end-aligned .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__affix--prefix {
  padding-inline-end: 12px
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__affix--prefix {
  color: var(--gm3-text-field-filled-disabled-input-text-prefix-color, rgba(60, 64, 67, .38))
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__affix--prefix {
    color: GrayText
  }
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field__affix--suffix {
  padding-inline-start: 12px;
  color: var(--gm3-text-field-filled-input-text-suffix-color, #5f6368)
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--end-aligned .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__affix--suffix {
  padding-inline-start: 2px
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__affix--suffix {
  color: var(--gm3-text-field-filled-disabled-input-text-suffix-color, rgba(60, 64, 67, .38))
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__affix--suffix {
    color: GrayText
  }
}

[dir=rtl] .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--ltr-text .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__affix,
[dir=rtl] .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--ltr-text .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__input {
  direction: ltr
}

[dir=rtl] .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--ltr-text .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__affix--prefix {
  padding-inline: 0 2px
}

[dir=rtl] .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--ltr-text .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__affix--suffix {
  padding-inline: 12px 0
}

[dir=rtl] .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--ltr-text {
  --gm3-text-field-icon-leading-icon-order: 1;
  --gm3-text-field-icon-trailing-icon-order: 5
}

[dir=rtl] .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--ltr-text .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__affix--suffix {
  order: 2
}

[dir=rtl] .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--ltr-text .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__input {
  order: 3
}

[dir=rtl] .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--ltr-text .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__affix--prefix {
  order: 4
}

[dir=rtl] .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--ltr-text.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--end-aligned .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__affix--prefix {
  padding-inline-end: 12px
}

[dir=rtl] .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--ltr-text.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--end-aligned .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__affix--suffix {
  padding-inline-start: 2px
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field-helper-line {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  padding-inline: var(--gm3-text-field-filled-supporting-text-leading-space, 16px) var(--gm3-text-field-filled-supporting-text-trailing-space, 16px);
  padding-block-start: var(--gm3-text-field-filled-supporting-text-top-space, 4px)
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--focused+.javascriptMaterialdesignGm3WizTextFieldFilled-text-field-helper-line {
  --gm3-text-field-helper-text-supporting-text-opacity: 1
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--invalid+.javascriptMaterialdesignGm3WizTextFieldFilled-text-field-helper-line {
  --gm3-text-field-helper-text-validation-text-opacity: 1
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--with-leading-icon {
  padding-inline-start: var(--gm3-text-field-filled-with-leading-icon-leading-space, 12px)
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--with-trailing-icon {
  padding-inline-end: 0
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--with-leading-icon {
  --gm3-floating-label-resting-label-max-width: calc(100% - var(--gm3-text-field-filled-with-leading-icon-leading-space, 12px) - var(--gm3-text-field-filled-leading-icon-size, 24px) - var(--gm3-text-field-filled-with-leading-icon-icon-label-text-space, 16px) - var(--gm3-text-field-filled-trailing-space, 16px));
  --gm3-floating-label-resting-label-leading-space: calc(var(--gm3-text-field-filled-with-leading-icon-leading-space, 12px) + var(--gm3-text-field-filled-leading-icon-size, 24px) + var(--gm3-text-field-filled-with-leading-icon-icon-label-text-space, 16px))
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--with-trailing-icon {
  --gm3-floating-label-resting-label-max-width: calc(100% - var(--gm3-text-field-filled-with-trailing-icon-icon-label-text-space, 16px) - var(--gm3-text-field-filled-trailing-icon-size, 24px) - var(--gm3-text-field-filled-with-trailing-icon-trailing-space, 12px) - var(--gm3-text-field-filled-leading-space, 16px))
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--with-leading-icon.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--with-trailing-icon {
  --gm3-floating-label-resting-label-max-width: calc(100% - var(--gm3-text-field-filled-with-leading-icon-leading-space, 12px) - var(--gm3-text-field-filled-leading-icon-size, 24px) - var(--gm3-text-field-filled-with-leading-icon-icon-label-text-space, 16px) - var(--gm3-text-field-filled-with-trailing-icon-icon-label-text-space, 16px) - var(--gm3-text-field-filled-trailing-icon-size, 24px) - var(--gm3-text-field-filled-with-trailing-icon-trailing-space, 12px))
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field__trailing-content {
  max-block-size: 24px;
  display: flex;
  align-items: center
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field:not(.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled) {
  --gm3-floating-label-label-text-color: var(--gm3-text-field-filled-label-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-text-field-icon-leading-icon-color: var(--gm3-text-field-filled-leading-icon-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-text-field-icon-trailing-icon-color: var(--gm3-text-field-filled-trailing-icon-color, var(--gm3-sys-color-on-surface-variant, #444746))
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field:not(.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled) .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__input {
  caret-color: var(--gm3-text-field-filled-caret-color, var(--gm3-sys-color-primary, #0b57d0));
  color: var(--gm3-text-field-filled-input-text-color, var(--gm3-sys-color-on-surface, #1f1f1f))
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field:not(.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled)+.javascriptMaterialdesignGm3WizTextFieldFilled-text-field-helper-line {
  --gm3-text-field-helper-text-supporting-text-color: var(--gm3-text-field-filled-supporting-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-text-field-character-counter-supporting-text-color: var(--gm3-text-field-filled-supporting-text-color, var(--gm3-sys-color-on-surface-variant, #444746))
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field:not(.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled):not(.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--focused):hover {
  --gm3-floating-label-label-text-color: var(--gm3-text-field-filled-hover-label-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-text-field-icon-leading-icon-color: var(--gm3-text-field-filled-hover-leading-icon-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-text-field-icon-trailing-icon-color: var(--gm3-text-field-filled-hover-trailing-icon-color, var(--gm3-sys-color-on-surface-variant, #444746))
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field:not(.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled):not(.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--focused):hover .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__input {
  color: var(--gm3-text-field-filled-hover-input-text-color, var(--gm3-sys-color-on-surface, #1f1f1f))
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field:not(.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled):not(.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--focused):hover+.javascriptMaterialdesignGm3WizTextFieldFilled-text-field-helper-line {
  --gm3-text-field-helper-text-supporting-text-color: var(--gm3-text-field-filled-hover-supporting-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-text-field-character-counter-supporting-text-color: var(--gm3-text-field-filled-hover-supporting-text-color, var(--gm3-sys-color-on-surface-variant, #444746))
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field:not(.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled).javascriptMaterialdesignGm3WizTextFieldFilled-text-field--focused {
  --gm3-floating-label-label-text-color: var(--gm3-text-field-filled-focus-label-text-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-text-field-icon-leading-icon-color: var(--gm3-text-field-filled-focus-leading-icon-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-text-field-icon-trailing-icon-color: var(--gm3-text-field-filled-focus-trailing-icon-color, var(--gm3-sys-color-on-surface-variant, #444746))
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field:not(.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled).javascriptMaterialdesignGm3WizTextFieldFilled-text-field--focused .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__input {
  color: var(--gm3-text-field-filled-focus-input-text-color, var(--gm3-sys-color-on-surface, #1f1f1f))
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field:not(.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled).javascriptMaterialdesignGm3WizTextFieldFilled-text-field--focused+.javascriptMaterialdesignGm3WizTextFieldFilled-text-field-helper-line {
  --gm3-text-field-helper-text-supporting-text-color: var(--gm3-text-field-filled-focus-supporting-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-text-field-character-counter-supporting-text-color: var(--gm3-text-field-filled-focus-supporting-text-color, var(--gm3-sys-color-on-surface-variant, #444746))
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--invalid:not(.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled) .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__input {
  color: var(--gm3-text-field-filled-error-input-text-color, var(--gm3-sys-color-on-surface, #1f1f1f))
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--invalid:not(.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled) {
  --gm3-floating-label-label-text-color: var(--gm3-text-field-filled-error-label-text-color, var(--gm3-sys-color-error, #b3261e));
  --gm3-text-field-icon-leading-icon-color: var(--gm3-text-field-filled-error-leading-icon-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-text-field-icon-trailing-icon-color: var(--gm3-text-field-filled-error-trailing-icon-color, var(--gm3-sys-color-error, #b3261e))
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--invalid:not(.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled)+.javascriptMaterialdesignGm3WizTextFieldFilled-text-field-helper-line {
  --gm3-text-field-helper-text-supporting-text-color: var(--gm3-text-field-filled-error-supporting-text-color, var(--gm3-sys-color-error, #b3261e));
  --gm3-text-field-character-counter-supporting-text-color: var(--gm3-text-field-filled-error-supporting-text-color, var(--gm3-sys-color-error, #b3261e))
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--invalid:not(.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled):not(.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--focused):hover .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__input {
  color: var(--gm3-text-field-filled-error-hover-input-text-color, var(--gm3-sys-color-on-surface, #1f1f1f))
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--invalid:not(.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled):not(.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--focused):hover {
  --gm3-floating-label-label-text-color: var(--gm3-text-field-filled-error-hover-label-text-color, var(--gm3-sys-color-on-error-container, #410e0b));
  --gm3-text-field-icon-leading-icon-color: var(--gm3-text-field-filled-error-hover-leading-icon-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-text-field-icon-trailing-icon-color: var(--gm3-text-field-filled-error-hover-trailing-icon-color, var(--gm3-sys-color-on-error-container, #410e0b))
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--invalid:not(.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled):not(.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--focused):hover+.javascriptMaterialdesignGm3WizTextFieldFilled-text-field-helper-line {
  --gm3-text-field-helper-text-supporting-text-color: var(--gm3-text-field-filled-error-hover-supporting-text-color, var(--gm3-sys-color-error, #b3261e));
  --gm3-text-field-character-counter-supporting-text-color: var(--gm3-text-field-filled-error-hover-supporting-text-color, var(--gm3-sys-color-error, #b3261e))
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--invalid:not(.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled).javascriptMaterialdesignGm3WizTextFieldFilled-text-field--focused .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__input {
  caret-color: var(--gm3-text-field-filled-error-focus-caret-color, var(--gm3-sys-color-error, #b3261e));
  color: var(--gm3-text-field-filled-error-focus-input-text-color, var(--gm3-sys-color-on-surface, #1f1f1f))
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--invalid:not(.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled).javascriptMaterialdesignGm3WizTextFieldFilled-text-field--focused {
  --gm3-floating-label-label-text-color: var(--gm3-text-field-filled-error-focus-label-text-color, var(--gm3-sys-color-error, #b3261e));
  --gm3-text-field-icon-leading-icon-color: var(--gm3-text-field-filled-error-focus-leading-icon-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-text-field-icon-trailing-icon-color: var(--gm3-text-field-filled-error-focus-trailing-icon-color, var(--gm3-sys-color-error, #b3261e))
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--invalid:not(.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled).javascriptMaterialdesignGm3WizTextFieldFilled-text-field--focused+.javascriptMaterialdesignGm3WizTextFieldFilled-text-field-helper-line {
  --gm3-text-field-helper-text-supporting-text-color: var(--gm3-text-field-filled-error-focus-supporting-text-color, var(--gm3-sys-color-error, #b3261e));
  --gm3-text-field-character-counter-supporting-text-color: var(--gm3-text-field-filled-error-focus-supporting-text-color, var(--gm3-sys-color-error, #b3261e))
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled {
  --gm3-floating-label-label-text-color: var(--gm3-text-field-filled-disabled-label-text-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), 0.38));
  --gm3-text-field-icon-leading-icon-color: var(--gm3-text-field-filled-disabled-leading-icon-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), 0.38));
  --gm3-text-field-icon-trailing-icon-color: var(--gm3-text-field-filled-disabled-trailing-icon-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), 0.38))
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizTextFieldFilled-text-field.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled {
    --gm3-floating-label-label-text-color: GrayText;
    --gm3-text-field-icon-leading-icon-color: GrayText;
    --gm3-text-field-icon-trailing-icon-color: GrayText
  }
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__input {
  color: var(--gm3-text-field-filled-disabled-input-text-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .38))
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizTextFieldFilled-text-field.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__input {
    color: GrayText
  }
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled+.javascriptMaterialdesignGm3WizTextFieldFilled-text-field-helper-line {
  --gm3-text-field-helper-text-supporting-text-color: var(--gm3-text-field-filled-disabled-supporting-text-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), 0.38));
  --gm3-text-field-character-counter-supporting-text-color: var(--gm3-text-field-filled-disabled-supporting-text-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), 0.38))
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizTextFieldFilled-text-field.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled+.javascriptMaterialdesignGm3WizTextFieldFilled-text-field-helper-line {
    --gm3-text-field-helper-text-supporting-text-color: GrayText;
    --gm3-text-field-character-counter-supporting-text-color: GrayText
  }
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field__input-wrapper {
  display: flex;
  box-sizing: border-box;
  align-items: center;
  flex: 1
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--no-label .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__input-wrapper {
  padding-block: 0
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field__input {
  font-family: var(--gm3-text-field-filled-input-text-font, "Google Sans", Roboto, Arial, sans-serif);
  line-height: var(--gm3-text-field-filled-input-text-line-height, 1.5rem);
  font-size: var(--gm3-text-field-filled-input-text-size, 1rem);
  letter-spacing: var(--gm3-text-field-filled-input-text-tracking, 0);
  font-weight: var(--gm3-text-field-filled-input-text-weight, 400);
  font-variation-settings: var(--gm3-text-field-filled-input-text-font-variation-settings, initial);
  transition: opacity .15s cubic-bezier(.4, 0, .2, 1) 0ms;
  width: 100%;
  min-width: 0;
  border: none;
  border-radius: 0;
  background: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field__input::-webkit-calendar-picker-indicator {
  display: none
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field__input:focus {
  outline: none
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field__input:invalid {
  box-shadow: none
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field__use-updated-font-styles .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__input {
  font-family: var(--gm3-text-field-filled-input-text-font, "Google Sans Flex", "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif)
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field__input::placeholder {
  color: var(--gm3-text-field-filled-input-text-placeholder-color, var(--gm3-sys-color-on-surface-variant, #444746));
  transition: opacity 67ms cubic-bezier(.4, 0, .2, 1) 0ms;
  opacity: 0
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__input::placeholder {
  color: var(--gm3-text-field-filled-disabled-input-text-placeholder-color, rgba(60, 64, 67, .38))
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--focused .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__input::placeholder,
.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--no-label .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__input::placeholder {
  transition-delay: 40ms;
  transition-duration: .11s;
  opacity: 1
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--textarea {
  flex-direction: column;
  align-items: center;
  width: auto;
  height: auto;
  padding: 0;
  transition: none;
  --gm3-floating-label-resting-label-top-space: calc((var(--gm3-text-field-filled-top-space, 8px) + var(--gm3-text-field-filled-label-text-populated-line-height, 1rem) + var(--gm3-text-field-filled-input-text-line-height, 1.5rem) + var(--gm3-text-field-filled-bottom-space, 8px) - var(--gm3-text-field-filled-label-text-line-height, 1.5rem))/2)
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--textarea.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled {
  --gm3-text-field-character-counter-supporting-text-color: var(--gm3-text-field-filled-disabled-supporting-text-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), 0.38))
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--textarea.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__label {
  z-index: 1
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--textarea .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__input {
  flex-grow: 1;
  height: auto;
  overflow: hidden auto;
  box-sizing: border-box;
  resize: none;
  padding: 0 max(var(--gm3-text-field-filled-leading-space, 16px), min(var(--gm3-text-field-filled-container-shape-start-start, 4px), var(--gm3-text-field-filled-container-height, 56px)/2)) 0 max(var(--gm3-text-field-filled-trailing-space, 16px), min(var(--gm3-text-field-filled-container-shape-start-end, 4px), var(--gm3-text-field-filled-container-height, 56px)/2));
  min-height: var(--gm3-text-field-filled-input-text-line-height, 1.5rem)
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--auto-expanding .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__input {
  scrollbar-gutter: stable;
  scrollbar-width: none
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--textarea .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__input {
  margin-block: calc((var(--gm3-text-field-filled-top-space, 8px) + var(--gm3-text-field-filled-label-text-populated-line-height, 1rem) + var(--gm3-text-field-filled-input-text-line-height, 1.5rem) + var(--gm3-text-field-filled-bottom-space, 8px) - var(--gm3-text-field-filled-input-text-line-height, 1.5rem))/2)
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--with-internal-counter .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__input {
  margin-block-end: 2px
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--with-internal-counter .javascriptMaterialdesignGm3WizTextFieldFilled-text-field-internal-helper-line {
  display: flex;
  justify-content: flex-end;
  box-sizing: border-box;
  padding-inline-end: var(--gm3-text-field-filled-supporting-text-trailing-space, 16px);
  padding-block-end: 12px;
  width: 100%
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field__resizer {
  align-self: stretch;
  display: inline-flex;
  flex-direction: column;
  flex-grow: 1;
  max-height: 100%;
  max-width: 100%;
  min-height: var(--gm3-text-field-filled-container-height, 56px);
  min-width: 100%;
  width: -moz-fit-content;
  width: fit-content;
  overflow: hidden;
  resize: both
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--filled:not(.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled) {
  background-color: var(--gm3-text-field-filled-container-color, var(--gm3-sys-color-surface-container-highest, #dde3ea))
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled {
  background-color: var(--gm3-text-field-filled-disabled-container-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .04))
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field__input-wrapper {
  padding-block: calc(var(--gm3-text-field-filled-top-space, 8px) + var(--gm3-text-field-filled-label-text-populated-line-height, 1rem)) var(--gm3-text-field-filled-bottom-space, 8px)
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field__ripple {
  border-radius: inherit;
  inset: 0;
  pointer-events: none;
  position: absolute
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field__ripple {
  visibility: hidden
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--filled:not(.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled):hover .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__ripple {
  visibility: visible
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--filled:hover .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__ripple {
  background-color: var(--gm3-text-field-filled-hover-state-layer-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  opacity: var(--gm3-text-field-filled-hover-state-layer-opacity, .08)
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--invalid:hover .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__ripple {
  background-color: var(--gm3-text-field-filled-error-hover-state-layer-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  opacity: var(--gm3-text-field-filled-error-hover-state-layer-opacity, .08)
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field__line-ripple {
  inset: auto 0 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 1
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field__line-ripple:after,
.javascriptMaterialdesignGm3WizTextFieldFilled-text-field__line-ripple:before {
  border-block-end: var(--gm3-text-field-filled-active-indicator-height, 1px) solid var(--gm3-text-field-filled-active-indicator-color, var(--gm3-sys-color-on-surface-variant, #444746));
  inset: auto 0 0;
  content: "";
  position: absolute;
  width: 100%
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field__line-ripple:after {
  opacity: 0;
  transition: opacity .15s cubic-bezier(.2, 0, 0, 1);
  border-block-end-width: var(--gm3-text-field-filled-focus-active-indicator-thickness, 3px)
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--focused .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__line-ripple:after {
  opacity: 1
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--filled:not(.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--invalid):not(.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled) .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__line-ripple:before {
  border-block-end-color: var(--gm3-text-field-filled-active-indicator-color, var(--gm3-sys-color-on-surface-variant, #444746))
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--filled:not(.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--invalid):not(.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled).javascriptMaterialdesignGm3WizTextFieldFilled-text-field--focused .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__line-ripple:after {
  border-block-end-color: var(--gm3-text-field-filled-focus-active-indicator-color, var(--gm3-sys-color-primary, #0b57d0))
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--filled:not(.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--invalid):not(.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled):not(.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--focused):hover .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__line-ripple:before {
  border-block-end-color: var(--gm3-text-field-filled-hover-active-indicator-color, var(--gm3-sys-color-on-surface, #1f1f1f));
  border-block-end-width: var(--gm3-text-field-filled-hover-active-indicator-height, 1px)
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__line-ripple:before {
  border-block-end-color: var(--gm3-text-field-filled-disabled-active-indicator-color, rgba(var(--gm3-sys-color-on-surface-rgb, 31, 31, 31), .38));
  border-block-end-width: var(--gm3-text-field-filled-disabled-active-indicator-height, 1px)
}

@media (forced-colors:active) {
  .javascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__line-ripple:before {
    border-block-end-color: GrayText
  }
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--invalid:not(.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled) .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__line-ripple:before {
  border-block-end-color: var(--gm3-text-field-filled-error-active-indicator-color, var(--gm3-sys-color-error, #b3261e))
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--invalid:not(.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled).javascriptMaterialdesignGm3WizTextFieldFilled-text-field--focused .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__line-ripple:after {
  border-block-end-color: var(--gm3-text-field-filled-error-focus-active-indicator-color, var(--gm3-sys-color-error, #b3261e))
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--invalid:not(.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--disabled):not(.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--focused):hover .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__line-ripple:before {
  border-block-end-color: var(--gm3-text-field-filled-error-hover-active-indicator-color, var(--gm3-sys-color-on-error-container, #410e0b))
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--with-leading-icon {
  --gm3-floating-label-floating-label-max-width: calc(100% - var(--gm3-text-field-filled-with-leading-icon-leading-space, 12px) - var(--gm3-text-field-filled-leading-icon-size, 24px) - var(--gm3-text-field-filled-with-leading-icon-icon-label-text-space, 16px) - var(--gm3-text-field-filled-trailing-space, 16px));
  --gm3-floating-label-floating-label-leading-space: calc(var(--gm3-text-field-filled-with-leading-icon-leading-space, 12px) + var(--gm3-text-field-filled-leading-icon-size, 24px) + var(--gm3-text-field-filled-with-leading-icon-icon-label-text-space, 16px))
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--with-trailing-icon {
  --gm3-floating-label-floating-label-max-width: calc(100% - var(--gm3-text-field-filled-with-trailing-icon-icon-label-text-space, 16px) - var(--gm3-text-field-filled-trailing-icon-size, 24px) - var(--gm3-text-field-filled-with-trailing-icon-trailing-space, 12px) - var(--gm3-text-field-filled-leading-space, 16px))
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--with-leading-icon.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--with-trailing-icon {
  --gm3-floating-label-floating-label-max-width: calc(100% - var(--gm3-text-field-filled-with-leading-icon-leading-space, 12px) - var(--gm3-text-field-filled-leading-icon-size, 24px) - var(--gm3-text-field-filled-with-leading-icon-icon-label-text-space, 16px) - var(--gm3-text-field-filled-with-trailing-icon-icon-label-text-space, 16px) - var(--gm3-text-field-filled-trailing-icon-size, 24px) - var(--gm3-text-field-filled-with-trailing-icon-trailing-space, 12px))
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--textarea:not(.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--no-label) .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__input {
  margin-block-start: calc(var(--gm3-text-field-filled-top-space, 8px) + var(--gm3-text-field-filled-label-text-populated-line-height, 1rem))
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--textarea:not(.javascriptMaterialdesignGm3WizTextFieldFilled-text-field--with-internal-counter) .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__input {
  margin-block-end: var(--gm3-text-field-filled-bottom-space, 8px)
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field__resizer {
  transform: translateY(-1px)
}

.javascriptMaterialdesignGm3WizTextFieldFilled-text-field__resizer .javascriptMaterialdesignGm3WizTextFieldFilled-text-field__input {
  transform: translateY(1px)
}

.appsElementsMultiSectionListSectionListListGroup {
  padding: unset
}

.appsElementsMultiSectionListSectionListHeaderContainer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  height: 32px;
  padding-inline: 12px
}

.appsElementsMultiSectionListSectionListExpandButton {
  --gm3-icon-button-standard-container-height: 24px;
  --gm3-icon-button-standard-container-width: 24px;
  --gm3-icon-button-standard-icon-size: 24px;
  display: block
}

.appsElementsMultiSectionListSectionListHeader {
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 500;
  letter-spacing: .00625rem;
  line-height: 1rem;
  color: var(--gm3-sys-color-on-surface-variant, #444746)
}

.appsElementsLinkPreviewBannerBanner {
  padding-inline: 16px;
  border-radius: 0
}

@media (forced-colors:active) {
  .appsElementsLinkPreviewBannerBanner:first-of-type {
    border-block-start: 1px solid
  }
}

.appsElementsLinkPreviewBannerBanner:last-of-type {
  border-radius: 0 0 12px 12px
}

.appsElementsLinkPreviewBannerBanner:nth-of-type(n+2) .appsElementsLinkPreviewBannerBannerContent {
  padding-block-start: 10px
}

.appsElementsLinkPreviewBannerBanner:nth-last-of-type(n+2) .appsElementsLinkPreviewBannerBannerContent {
  padding-block-end: 10px
}

.appsElementsLinkPreviewBannerBanner:nth-last-of-type(n+2):after {
  content: "";
  display: block;
  border-block-start: 2px solid color-mix(in srgb, currentColor, transparent);
  position: relative;
  top: 1px
}

.appsElementsLinkPreviewBannerBannerContent {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.25rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  padding-block: 8px;
  justify-content: flex-end
}

.appsElementsLinkPreviewBannerInformationalBanner {
  background-color: #fff2b4;
  color: #2f1400
}

.appsElementsLinkPreviewBannerSuggestionBanner {
  background-color: var(--gm3-sys-color-primary, #0b57d0);
  color: var(--gm3-sys-color-on-primary, #fff)
}

.appsElementsLinkPreviewBannerWarningBanner {
  background-color: #fcbd00;
  color: #2f1400
}

.appsElementsLinkPreviewBannerWarningSevereBanner {
  background-color: var(--gm3-sys-color-error, #b3261e);
  color: var(--gm3-sys-color-on-error, #fff)
}

.appsElementsLinkPreviewBannerIcon {
  display: flex
}

.appsElementsLinkPreviewBannerTextAndIconContainer {
  display: flex;
  gap: 12px;
  text-wrap: pretty;
  flex: calc(100% - 144px)
}

.appsElementsLinkPreviewBannerText {
  display: flex;
  flex-direction: column;
  gap: 2px
}

.appsElementsLinkPreviewBannerSubtext {
  font-family: Roboto, Arial, sans-serif;
  font-size: .6875rem;
  font-weight: 500;
  letter-spacing: .00625rem;
  line-height: 1rem
}

.appsElementsLinkPreviewBannerActionButtonContainer {
  display: flex
}

.appsElementsLinkPreviewBannerActionButton {
  --gm3-button-outlined-container-height: 32px;
  --gm3-button-outlined-hover-state-layer-opacity: 0.12;
  --gm3-button-outlined-leading-space: 24px;
  --gm3-button-outlined-pressed-state-layer-opacity: 0.16;
  --gm3-button-outlined-trailing-space: 24px;
  --gm3-button-text-container-height: 32px;
  --gm3-button-text-hover-state-layer-opacity: 0.12;
  --gm3-button-text-leading-space: 12px;
  --gm3-button-text-pressed-state-layer-opacity: 0.16;
  --gm3-button-text-trailing-space: 12px;
  margin: 0;
  min-inline-size: unset
}

.appsElementsLinkPreviewBannerActionButton:disabled {
  opacity: .38
}

.appsElementsLinkPreviewBannerSuggestionBanner .appsElementsLinkPreviewBannerActionButton {
  --gm3-button-outlined-disabled-label-text-color: var(--gm3-sys-color-on-primary, #fff);
  --gm3-button-outlined-focus-indicator-color: var(--gm3-sys-color-on-primary, #fff);
  --gm3-button-outlined-focus-label-text-color: var(--gm3-sys-color-on-primary, #fff);
  --gm3-button-outlined-hover-label-text-color: var(--gm3-sys-color-on-primary, #fff);
  --gm3-button-outlined-hover-state-layer-color: var(--gm3-sys-color-on-primary, #fff);
  --gm3-button-outlined-label-text-color: var(--gm3-sys-color-on-primary, #fff);
  --gm3-button-outlined-pressed-label-text-color: var(--gm3-sys-color-on-primary, #fff);
  --gm3-button-outlined-pressed-state-layer-color: var(--gm3-sys-color-on-primary, #fff);
  --gm3-button-outlined-disabled-outline-color: var(--gm3-sys-color-on-primary, #fff);
  --gm3-button-outlined-focus-outline-color: var(--gm3-sys-color-on-primary, #fff);
  --gm3-button-outlined-hover-outline-color: var(--gm3-sys-color-on-primary, #fff);
  --gm3-button-outlined-outline-color: var(--gm3-sys-color-on-primary, #fff);
  --gm3-button-outlined-pressed-outline-color: var(--gm3-sys-color-on-primary, #fff);
  --gm3-button-text-disabled-label-text-color: var(--gm3-sys-color-on-primary, #fff);
  --gm3-button-text-focus-indicator-color: var(--gm3-sys-color-on-primary, #fff);
  --gm3-button-text-focus-label-text-color: var(--gm3-sys-color-on-primary, #fff);
  --gm3-button-text-hover-label-text-color: var(--gm3-sys-color-on-primary, #fff);
  --gm3-button-text-hover-state-layer-color: var(--gm3-sys-color-on-primary, #fff);
  --gm3-button-text-label-text-color: var(--gm3-sys-color-on-primary, #fff);
  --gm3-button-text-pressed-label-text-color: var(--gm3-sys-color-on-primary, #fff);
  --gm3-button-text-pressed-state-layer-color: var(--gm3-sys-color-on-primary, #fff)
}

.appsElementsLinkPreviewBannerInformationalBanner .appsElementsLinkPreviewBannerActionButton,
.appsElementsLinkPreviewBannerWarningBanner .appsElementsLinkPreviewBannerActionButton {
  --gm3-button-outlined-disabled-label-text-color: #2f1400;
  --gm3-button-outlined-focus-indicator-color: #2f1400;
  --gm3-button-outlined-focus-label-text-color: #2f1400;
  --gm3-button-outlined-hover-label-text-color: #2f1400;
  --gm3-button-outlined-hover-state-layer-color: #2f1400;
  --gm3-button-outlined-label-text-color: #2f1400;
  --gm3-button-outlined-pressed-label-text-color: #2f1400;
  --gm3-button-outlined-pressed-state-layer-color: #2f1400;
  --gm3-button-outlined-disabled-outline-color: #2f1400;
  --gm3-button-outlined-focus-outline-color: #2f1400;
  --gm3-button-outlined-hover-outline-color: #2f1400;
  --gm3-button-outlined-outline-color: #2f1400;
  --gm3-button-outlined-pressed-outline-color: #2f1400;
  --gm3-button-text-disabled-label-text-color: #2f1400;
  --gm3-button-text-focus-indicator-color: #2f1400;
  --gm3-button-text-focus-label-text-color: #2f1400;
  --gm3-button-text-hover-label-text-color: #2f1400;
  --gm3-button-text-hover-state-layer-color: #2f1400;
  --gm3-button-text-label-text-color: #2f1400;
  --gm3-button-text-pressed-label-text-color: #2f1400;
  --gm3-button-text-pressed-state-layer-color: #2f1400
}

.appsElementsLinkPreviewBannerWarningSevereBanner .appsElementsLinkPreviewBannerActionButton {
  --gm3-button-outlined-disabled-label-text-color: var(--gm3-sys-color-on-error, #fff);
  --gm3-button-outlined-focus-indicator-color: var(--gm3-sys-color-on-error, #fff);
  --gm3-button-outlined-focus-label-text-color: var(--gm3-sys-color-on-error, #fff);
  --gm3-button-outlined-hover-label-text-color: var(--gm3-sys-color-on-error, #fff);
  --gm3-button-outlined-hover-state-layer-color: var(--gm3-sys-color-on-error, #fff);
  --gm3-button-outlined-label-text-color: var(--gm3-sys-color-on-error, #fff);
  --gm3-button-outlined-pressed-label-text-color: var(--gm3-sys-color-on-error, #fff);
  --gm3-button-outlined-pressed-state-layer-color: var(--gm3-sys-color-on-error, #fff);
  --gm3-button-outlined-disabled-outline-color: var(--gm3-sys-color-on-error, #fff);
  --gm3-button-outlined-focus-outline-color: var(--gm3-sys-color-on-error, #fff);
  --gm3-button-outlined-hover-outline-color: var(--gm3-sys-color-on-error, #fff);
  --gm3-button-outlined-outline-color: var(--gm3-sys-color-on-error, #fff);
  --gm3-button-outlined-pressed-outline-color: var(--gm3-sys-color-on-error, #fff);
  --gm3-button-text-disabled-label-text-color: var(--gm3-sys-color-on-error, #fff);
  --gm3-button-text-focus-indicator-color: var(--gm3-sys-color-on-error, #fff);
  --gm3-button-text-focus-label-text-color: var(--gm3-sys-color-on-error, #fff);
  --gm3-button-text-hover-label-text-color: var(--gm3-sys-color-on-error, #fff);
  --gm3-button-text-hover-state-layer-color: var(--gm3-sys-color-on-error, #fff);
  --gm3-button-text-label-text-color: var(--gm3-sys-color-on-error, #fff);
  --gm3-button-text-pressed-label-text-color: var(--gm3-sys-color-on-error, #fff);
  --gm3-button-text-pressed-state-layer-color: var(--gm3-sys-color-on-error, #fff)
}

.appsElementsAnchoredLinkPreviewRoot.appsElementsAnchoredLinkPreviewRoot {
  position: absolute;
  z-index: 2050
}

.appsElementsLinkPreviewBaseRoot {
  --gm3-card-elevated-container-elevation: 3;
  --gm3-card-elevated-container-color: var(--ae-link-preview-container-color, var(--gm3-sys-color-surface-container, #f0f4f9));
  --gm3-card-elevated-container-shape-start-start: 12px;
  --gm3-card-elevated-container-shape-start-end: 12px;
  --gm3-card-elevated-container-shape-end-end: 12px;
  --gm3-card-elevated-container-shape-end-start: 12px;
  box-sizing: border-box;
  inline-size: var(--ae-link-preview-inline-size, 324px)
}

.appsElementsLinkPreviewBaseAnimateAppend {
  transition-duration: .35s;
  transition-timing-function: cubic-bezier(.27, 1.06, .18, 1)
}

@media not (prefers-reduced-motion) {
  @supports (interpolate-size:allow-keywords) {
    .appsElementsLinkPreviewBaseAnimateAppend {
      interpolate-size: allow-keywords;
      transition-property: block-size
    }
  }

  @supports not (interpolate-size:allow-keywords) {
    .appsElementsLinkPreviewBaseAnimateAppend {
      transition-property: max-block-size;
      max-block-size: 300px
    }
  }
}

.appsElementsLinkPreviewBaseAnimateAppend:not(:has(.appsElementsLinkPreviewBaseCitationSourceSection)) {
  overflow: hidden
}

.appsElementsLinkPreviewBaseMainContent {
  padding: 10px 16px
}

.appsElementsLinkPreviewBaseThirdPartyContainer {
  box-sizing: border-box;
  padding: 0 7px;
  inline-size: 100%
}

.appsElementsLinkPreviewBaseBody {
  margin-block-start: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px
}

.appsElementsLinkPreviewBaseBody:has(.appsElementsLinkPreviewBaseCitationDescriptionSection),
.appsElementsLinkPreviewBaseBody:has(.appsElementsLinkPreviewBaseDescriptionSection),
.appsElementsLinkPreviewBaseBody:has(.appsElementsLinkPreviewBaseMapsDescriptionSection),
.appsElementsLinkPreviewBaseBody:has(.appsElementsLinkPreviewBaseThumbnailContainer),
.appsElementsLinkPreviewBaseBody:has(.appsElementsLinkPreviewBaseUrl) {
  padding-block-end: 6px
}

.appsElementsLinkPreviewBaseHeader {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between
}

.appsElementsLinkPreviewBaseIconTitleUrlContainer {
  display: flex;
  gap: 12px;
  align-items: center;
  align-self: start;
  min-inline-size: 0;
  flex-grow: 1;
  margin-block-start: 6px
}

.appsElementsLinkPreviewBaseTitleUrlContainer {
  min-inline-size: 0;
  flex-grow: 1
}

.appsElementsLinkPreviewBaseTitle {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.25rem;
  font-variant-ligatures: no-contextual;
  font-feature-settings: "liga" 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-inline-size: -moz-fit-content;
  max-inline-size: fit-content;
  color: var(--gm3-sys-color-primary, #0b57d0);
  cursor: pointer;
  display: block;
  text-decoration: none
}

.appsElementsLinkPreviewBaseTitle:after {
  content: "";
  display: block
}

.appsElementsLinkPreviewBaseBrokenLink {
  cursor: default;
  font-style: italic;
  pointer-events: none;
  color: var(--gm3-sys-color-on-surface-variant, #444746)
}

.appsElementsLinkPreviewBaseTitleIcon {
  display: flex;
  align-items: center
}

.appsElementsLinkPreviewBaseHeader:has(.appsElementsLinkPreviewBaseUrl) .appsElementsLinkPreviewBaseTitleIcon {
  align-self: start
}

.appsElementsLinkPreviewBaseDefaultFavicon {
  aspect-ratio: 1;
  border-radius: 50%;
  box-sizing: border-box;
  border-style: solid;
  border-color: transparent;
  background-color: var(--gm3-sys-color-outline-variant, #c4c7c5)
}

.appsElementsLinkPreviewBaseUrl {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-variant-ligatures: no-contextual;
  font-feature-settings: "liga" 0;
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  letter-spacing: .00625rem;
  line-height: 1rem;
  max-block-size: 1rem;
  max-inline-size: -moz-fit-content;
  max-inline-size: fit-content;
  margin-block-start: 4px;
  display: block
}

.appsElementsLinkPreviewBaseUrl:after {
  content: "";
  display: block
}

.appsElementsLinkPreviewBaseThumbnailContainer {
  display: flex;
  position: relative;
  block-size: 164px;
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid var(--ae-link-preview-thumbnail-border-color, transparent)
}

.appsElementsLinkPreviewBaseThumbnailLink {
  display: flex;
  flex-grow: 1
}

.appsElementsLinkPreviewBaseThumbnail {
  object-fit: cover;
  inline-size: 100%
}

.appsElementsLinkPreviewBaseThumbnailIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%
}

.appsElementsLinkPreviewBaseThumbnailIcon .appsElementsLinkPreviewBaseTitleIcon {
  transform: scale(8)
}

.appsElementsLinkPreviewBaseDriveCard .appsElementsLinkPreviewBaseThumbnail {
  position: absolute;
  top: 0
}

.appsElementsLinkPreviewBasePublicCard .appsElementsLinkPreviewBaseThumbnail {
  object-fit: contain
}

.appsElementsLinkPreviewBaseOpenPreviewButton {
  position: absolute;
  inset-inline-end: 0;
  inset-block-end: 0;
  margin-block-end: 8px;
  margin-inline-end: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  block-size: 32px;
  min-inline-size: 32px;
  max-inline-size: 32px;
  padding: 0;
  color: #fff;
  background-color: rgba(31, 31, 31, .6);
  border: 1px solid transparent;
  border-radius: 20px
}

@media not (prefers-reduced-motion) {
  .appsElementsLinkPreviewBaseOpenPreviewButton {
    transition-property: max-inline-size, padding;
    transition-duration: .35s;
    transition-timing-function: cubic-bezier(.2, 0, 0, 1)
  }
}

.appsElementsLinkPreviewBaseOpenPreviewText {
  color: #fff;
  display: none;
  overflow: hidden;
  white-space: nowrap;
  block-size: -moz-fit-content;
  block-size: fit-content
}

.appsElementsLinkPreviewBaseOpenPreviewButton:focus-visible,
.appsElementsLinkPreviewBaseOpenPreviewButton:hover,
.appsElementsLinkPreviewBaseThumbnailContainer:focus-visible .appsElementsLinkPreviewBaseOpenPreviewButton,
.appsElementsLinkPreviewBaseThumbnailContainer:hover .appsElementsLinkPreviewBaseOpenPreviewButton {
  max-inline-size: 300px;
  padding: 0 8px;
  gap: 8px
}

.appsElementsLinkPreviewBaseOpenPreviewButton:focus-visible .appsElementsLinkPreviewBaseOpenPreviewText,
.appsElementsLinkPreviewBaseOpenPreviewButton:hover .appsElementsLinkPreviewBaseOpenPreviewText,
.appsElementsLinkPreviewBaseThumbnailContainer:focus-visible .appsElementsLinkPreviewBaseOpenPreviewButton .appsElementsLinkPreviewBaseOpenPreviewText,
.appsElementsLinkPreviewBaseThumbnailContainer:hover .appsElementsLinkPreviewBaseOpenPreviewButton .appsElementsLinkPreviewBaseOpenPreviewText {
  display: block
}

.appsElementsLinkPreviewBaseRipple {
  --gm3-ripple-hover-color: var(--gm3-sys-color-on-secondary-container, #004a77);
  --gm3-ripple-pressed-color: var(--gm3-sys-color-on-secondary-container, #004a77);
  --gm3-ripple-hover-opacity: 0.08;
  --gm3-ripple-pressed-opacity: 0.1
}

.appsElementsLinkPreviewBaseDescriptionSection {
  gap: 8px;
  color: var(--gm3-sys-color-on-surface-variant, #444746)
}

.appsElementsLinkPreviewBaseDescriptionRow {
  display: flex;
  gap: 12px;
  align-items: center
}

.appsElementsLinkPreviewBaseDescriptionIcon {
  display: flex
}

.appsElementsLinkPreviewBaseDescriptionText {
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  letter-spacing: .00625rem;
  line-height: 1rem;
  font-variant-ligatures: no-contextual;
  font-feature-settings: "liga" 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-wrap: pretty
}

.appsElementsLinkPreviewBaseDescriptionText.appsElementsLinkPreviewBaseDescriptionLink {
  text-decoration: underline
}

.appsElementsLinkPreviewBaseActionButtonsRow {
  display: flex;
  align-self: start;
  align-items: center;
  justify-content: end;
  gap: 4px;
  margin-inline-end: -6px
}

.appsElementsLinkPreviewBaseActionButton {
  color: var(--gm3-sys-color-on-surface-variant, #444746);
  display: flex;
  --gm3-icon-button-standard-container-height: 32px;
  --gm3-icon-button-standard-container-width: 32px;
  --gm3-icon-button-standard-icon-size: 20px
}

.appsElementsLinkPreviewBaseButtonsWrapper {
  display: flex;
  align-items: center;
  gap: 4px
}

.appsElementsLinkPreviewBasePrimaryActionButton {
  --gm3-button-filled-tonal-container-height: 32px;
  --gm3-button-filled-tonal-hover-state-layer-opacity: 0.12;
  --gm3-button-filled-tonal-leading-space: 12px;
  --gm3-button-filled-tonal-pressed-state-layer-opacity: 0.16;
  --gm3-button-filled-tonal-trailing-space: 12px;
  margin: 0;
  min-inline-size: unset
}

.appsElementsLinkPreviewBaseSecondaryActionButton {
  --gm3-icon-button-filled-tonal-container-width: 32px;
  --gm3-icon-button-filled-tonal-container-height: 32px;
  --gm3-icon-button-filled-tonal-icon-size: 20px;
  --gm3-icon-button-filled-tonal-disabled-icon-opacity: 0.38;
  --gm3-icon-button-filled-tonal-hover-state-layer-opacity: 0.12;
  --gm3-icon-button-filled-tonal-pressed-state-layer-opacity: 0.16;
  margin: 0;
  min-inline-size: unset
}

[data-is-tooltip-wrapper=true]:has(.appsElementsLinkPreviewBaseSecondaryActionButton) {
  margin-inline-start: auto
}

.appsElementsLinkPreviewBaseMapsDescriptionSection {
  display: flex;
  gap: 8px;
  justify-content: space-between;
  padding: 6px 0
}

.appsElementsLinkPreviewBaseMapsDescriptionSectionTextbox {
  min-inline-size: 0;
  flex-grow: 1
}

.appsElementsLinkPreviewBaseMapsDescriptionSectionText {
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  letter-spacing: .00625rem;
  line-height: 1rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-inline-size: -moz-fit-content;
  max-inline-size: fit-content;
  color: var(--gm3-sys-color-on-surface-variant, #444746)
}

.appsElementsLinkPreviewBaseMapsDescriptionSectionText:after {
  content: "";
  display: block
}

.appsElementsLinkPreviewBaseMapsDescriptionSectionTitle {
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 500;
  letter-spacing: .00625rem;
  line-height: 1rem
}

.appsElementsLinkPreviewBaseMapsDescriptionSectionAddress {
  font-style: normal
}

.appsElementsLinkPreviewBaseMapsDescriptionSectionThumbnail {
  inline-size: 48px;
  block-size: 48px;
  border-radius: 4px;
  object-fit: cover
}

.appsElementsLinkPreviewBasePrivacyPromoText {
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  letter-spacing: .00625rem;
  line-height: 1rem;
  font-variant-ligatures: no-contextual;
  font-feature-settings: "liga" 0
}

.appsElementsLinkPreviewBaseMultiLinkPreviewCard .appsElementsLinkPreviewBaseLinkList {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
  padding: 16px
}

.appsElementsLinkPreviewBaseMultiLinkPreviewCard .appsElementsLinkPreviewBaseLinkListItem {
  list-style-type: none
}

.appsElementsLinkPreviewBaseMultiLinkPreviewCard .appsElementsLinkPreviewBaseMainContent {
  padding: 0
}

.appsElementsLinkPreviewBaseHidden {
  display: none
}

@supports (interpolate-size:allow-keywords) {
  .appsElementsLinkPreviewBaseZeroHeight {
    block-size: 0
  }
}

@supports not (interpolate-size:allow-keywords) {
  .appsElementsLinkPreviewBaseZeroHeight {
    max-block-size: 0
  }
}

.appsElementsLinkPreviewBaseCitationSourceSection {
  cursor: pointer;
  border-radius: 8px;
  margin: 0 -8px -8px -8px;
  padding: 0 8px;
  position: relative
}

.appsElementsLinkPreviewBaseCitationSourceSection:hover {
  background-color: var(--gm3-sys-color-surface-container-highest, #dde3ea)
}

.appsElementsLinkPreviewBaseCitationSourceSection:focus-visible .appsElementsLinkPreviewBaseFocusRing {
  --gm3-focus-ring-outward-display: "block"
}

.appsElementsLinkPreviewBaseFocusRing {
  --gm3-focus-ring-outward-target-shape-start-start: 8px;
  --gm3-focus-ring-outward-target-shape-start-end: 8px;
  --gm3-focus-ring-outward-target-shape-end-end: 8px;
  --gm3-focus-ring-outward-target-shape-end-start: 8px
}

.appsElementsLinkPreviewBaseCitationDescriptionSection {
  display: grid;
  grid-template-columns: max-content auto;
  gap: 8px 12px;
  margin: 8px 0
}

.appsElementsLinkPreviewBaseCitationSnippetText {
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  letter-spacing: .00625rem;
  line-height: 1rem;
  font-variant-ligatures: no-contextual;
  font-feature-settings: "liga" 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 13;
  overflow: hidden;
  text-wrap: pretty
}

.appsElementsLinkPreviewBaseCitationAnchorText {
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1rem
}

[data-is-tooltip-wrapper=true]:has(>.appsElementsLinkPreviewBaseHidden) {
  display: none
}

@keyframes appsElementsLinkPreviewBase-fade-0-100 {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@media not (prefers-reduced-motion) {
  .appsElementsLinkPreviewBaseFade_0_100 {
    animation-name: appsElementsLinkPreviewBase-fade-0-100;
    animation-duration: .15s;
    animation-delay: .1s;
    animation-timing-function: cubic-bezier(.31, .94, .34, 1);
    animation-fill-mode: both
  }
}

@keyframes appsElementsLinkPreviewBase-fade-50-100 {
  0% {
    opacity: .5
  }

  to {
    opacity: 1
  }
}

@media not (prefers-reduced-motion) {
  .appsElementsLinkPreviewBaseFade_50_100 {
    animation-name: appsElementsLinkPreviewBase-fade-50-100;
    animation-duration: .15s;
    animation-delay: .1s;
    animation-timing-function: cubic-bezier(.31, .94, .34, 1);
    animation-fill-mode: both
  }
}

@keyframes appsElementsLinkPreviewBase-fade-100-50 {
  0% {
    opacity: 1
  }

  to {
    opacity: .5
  }
}

@media not (prefers-reduced-motion) {
  .appsElementsLinkPreviewBaseFade_100_50 {
    animation-name: appsElementsLinkPreviewBase-fade-100-50;
    animation-duration: .15s;
    animation-delay: .1s;
    animation-timing-function: cubic-bezier(.31, .94, .34, 1);
    animation-fill-mode: both
  }
}

.appsElementsMediaPlaybackVideoHoverplayerIconButton {
  --gm3-icon-button-filled-container-height: 40px;
  --gm3-icon-button-filled-container-width: 40px;
  --gm3-icon-button-filled-icon-size: 20px;
  --gm3-icon-button-filled-container-color: var(--gm3-sys-color-surface, #131314);
  --gm3-icon-button-filled-unselected-container-color: var(--gm3-sys-color-surface, #131314);
  --gm3-icon-button-filled-selected-container-color: var(--gm3-sys-color-surface, #131314);
  --gm3-icon-button-filled-disabled-container-color: var(--gm3-sys-color-surface, #131314);
  --gm3-icon-button-filled-disabled-icon-color: var(--gm3-sys-color-on-surface, #e3e3e3);
  --gm3-icon-button-filled-toggle-unselected-icon-color: var(--gm3-sys-color-on-surface, #e3e3e3);
  --gm3-icon-button-filled-toggle-selected-icon-color: var(--gm3-sys-color-on-surface, #e3e3e3);
  --gm3-icon-button-filled-toggle-selected-hover-icon-color: var(--gm3-sys-color-on-surface, #e3e3e3);
  --gm3-icon-button-filled-toggle-unselected-hover-icon-color: var(--gm3-sys-color-on-surface, #e3e3e3);
  --gm3-icon-button-filled-toggle-selected-focus-icon-color: var(--gm3-sys-color-on-surface, #e3e3e3);
  --gm3-icon-button-filled-toggle-unselected-focus-icon-color: var(--gm3-sys-color-on-surface, #e3e3e3);
  --gm3-icon-button-filled-toggle-selected-pressed-icon-color: var(--gm3-sys-color-on-surface, #e3e3e3);
  --gm3-icon-button-filled-toggle-unselected-pressed-icon-color: var(--gm3-sys-color-on-surface, #e3e3e3);
  --gm3-icon-button-filled-container-shape-start-start: 12px;
  --gm3-icon-button-filled-container-shape-start-end: 12px;
  --gm3-icon-button-filled-container-shape-end-end: 12px;
  --gm3-icon-button-filled-container-shape-end-start: 12px;
  --gm3-icon-button-filled-pressed-container-shape-start-start: 12px;
  --gm3-icon-button-filled-pressed-container-shape-start-end: 12px;
  --gm3-icon-button-filled-pressed-container-shape-end-end: 12px;
  --gm3-icon-button-filled-pressed-container-shape-end-start: 12px;
  --gm3-icon-button-filled-selected-container-shape-start-start: 12px;
  --gm3-icon-button-filled-selected-container-shape-start-end: 12px;
  --gm3-icon-button-filled-selected-container-shape-end-end: 12px;
  --gm3-icon-button-filled-selected-container-shape-end-start: 12px
}

.appsElementsMediaPlaybackVideoHoverplayerClosedCaptionButton {
  --gm3-icon-button-filled-disabled-icon-color: var(--gm3-sys-color-outline-variant, #444746)
}

.appsElementsMediaPlaybackVideoHoverplayerPlayButton {
  --gm3-icon-button-filled-container-height: 48px;
  --gm3-icon-button-filled-container-width: 48px
}

.appsElementsMediaPlaybackVideoHoverplayerPlayButtonContainer {
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  block-size: 100%;
  inline-size: 100%
}

.appsElementsMediaPlaybackVideoHoverplayerControlsContainer {
  display: flex;
  float: inline-end;
  gap: 8px;
  padding: 8px
}

.appsElementsMediaPlaybackVideoHoverplayerTooltip {
  --gm3-tooltip-plain-z-index: 2500
}

.appsElementsMediaPlaybackVideoHoverplayerContainer {
  position: absolute;
  block-size: 100%;
  inline-size: 100%;
  inset-block-start: 0
}

.appsElementsMediaPlaybackVideoHoverplayerPlayer {
  --gm3-sys-color-background: #131314;
  --gm3-sys-color-background-rgb: 19, 19, 20;
  --gm3-sys-color-error: #f2b8b5;
  --gm3-sys-color-error-rgb: 242, 184, 181;
  --gm3-sys-color-error-container: #8c1d18;
  --gm3-sys-color-error-container-rgb: 140, 29, 24;
  --gm3-sys-color-inverse-on-surface: #303030;
  --gm3-sys-color-inverse-on-surface-rgb: 48, 48, 48;
  --gm3-sys-color-inverse-primary: #0b57d0;
  --gm3-sys-color-inverse-primary-rgb: 11, 87, 208;
  --gm3-sys-color-inverse-surface: #e3e3e3;
  --gm3-sys-color-inverse-surface-rgb: 227, 227, 227;
  --gm3-sys-color-on-background: #e3e3e3;
  --gm3-sys-color-on-background-rgb: 227, 227, 227;
  --gm3-sys-color-on-error: #601410;
  --gm3-sys-color-on-error-rgb: 96, 20, 16;
  --gm3-sys-color-on-error-container: #f9dedc;
  --gm3-sys-color-on-error-container-rgb: 249, 222, 220;
  --gm3-sys-color-on-primary: #062e6f;
  --gm3-sys-color-on-primary-rgb: 6, 46, 111;
  --gm3-sys-color-on-primary-container: #d3e3fd;
  --gm3-sys-color-on-primary-container-rgb: 211, 227, 253;
  --gm3-sys-color-on-primary-fixed: #041e49;
  --gm3-sys-color-on-primary-fixed-rgb: 4, 30, 73;
  --gm3-sys-color-on-primary-fixed-variant: #0842a0;
  --gm3-sys-color-on-primary-fixed-variant-rgb: 8, 66, 160;
  --gm3-sys-color-on-secondary: #035;
  --gm3-sys-color-on-secondary-rgb: 0, 51, 85;
  --gm3-sys-color-on-secondary-container: #c2e7ff;
  --gm3-sys-color-on-secondary-container-rgb: 194, 231, 255;
  --gm3-sys-color-on-secondary-fixed: #001d35;
  --gm3-sys-color-on-secondary-fixed-rgb: 0, 29, 53;
  --gm3-sys-color-on-secondary-fixed-variant: #004a77;
  --gm3-sys-color-on-secondary-fixed-variant-rgb: 0, 74, 119;
  --gm3-sys-color-on-surface: #e3e3e3;
  --gm3-sys-color-on-surface-rgb: 227, 227, 227;
  --gm3-sys-color-on-surface-variant: #c4c7c5;
  --gm3-sys-color-on-surface-variant-rgb: 196, 199, 197;
  --gm3-sys-color-on-tertiary: #0a3818;
  --gm3-sys-color-on-tertiary-rgb: 10, 56, 24;
  --gm3-sys-color-on-tertiary-container: #c4eed0;
  --gm3-sys-color-on-tertiary-container-rgb: 196, 238, 208;
  --gm3-sys-color-on-tertiary-fixed: #072711;
  --gm3-sys-color-on-tertiary-fixed-rgb: 7, 39, 17;
  --gm3-sys-color-on-tertiary-fixed-variant: #0f5223;
  --gm3-sys-color-on-tertiary-fixed-variant-rgb: 15, 82, 35;
  --gm3-sys-color-outline: #8e918f;
  --gm3-sys-color-outline-rgb: 142, 145, 143;
  --gm3-sys-color-outline-variant: #444746;
  --gm3-sys-color-outline-variant-rgb: 68, 71, 70;
  --gm3-sys-color-primary: #a8c7fa;
  --gm3-sys-color-primary-rgb: 168, 199, 250;
  --gm3-sys-color-primary-container: #0842a0;
  --gm3-sys-color-primary-container-rgb: 8, 66, 160;
  --gm3-sys-color-primary-fixed: #d3e3fd;
  --gm3-sys-color-primary-fixed-rgb: 211, 227, 253;
  --gm3-sys-color-primary-fixed-dim: #a8c7fa;
  --gm3-sys-color-primary-fixed-dim-rgb: 168, 199, 250;
  --gm3-sys-color-scrim: #000;
  --gm3-sys-color-scrim-rgb: 0, 0, 0;
  --gm3-sys-color-secondary: #7fcfff;
  --gm3-sys-color-secondary-rgb: 127, 207, 255;
  --gm3-sys-color-secondary-container: #004a77;
  --gm3-sys-color-secondary-container-rgb: 0, 74, 119;
  --gm3-sys-color-secondary-fixed: #c2e7ff;
  --gm3-sys-color-secondary-fixed-rgb: 194, 231, 255;
  --gm3-sys-color-secondary-fixed-dim: #7fcfff;
  --gm3-sys-color-secondary-fixed-dim-rgb: 127, 207, 255;
  --gm3-sys-color-shadow: #000;
  --gm3-sys-color-shadow-rgb: 0, 0, 0;
  --gm3-sys-color-surface: #131314;
  --gm3-sys-color-surface-rgb: 19, 19, 20;
  --gm3-sys-color-surface-bright: #37393b;
  --gm3-sys-color-surface-bright-rgb: 55, 57, 59;
  --gm3-sys-color-surface-container: #1e1f20;
  --gm3-sys-color-surface-container-rgb: 30, 31, 32;
  --gm3-sys-color-surface-container-high: #282a2c;
  --gm3-sys-color-surface-container-high-rgb: 40, 42, 44;
  --gm3-sys-color-surface-container-highest: #333537;
  --gm3-sys-color-surface-container-highest-rgb: 51, 53, 55;
  --gm3-sys-color-surface-container-low: #1b1b1b;
  --gm3-sys-color-surface-container-low-rgb: 27, 27, 27;
  --gm3-sys-color-surface-container-lowest: #0e0e0e;
  --gm3-sys-color-surface-container-lowest-rgb: 14, 14, 14;
  --gm3-sys-color-surface-dim: #131314;
  --gm3-sys-color-surface-dim-rgb: 19, 19, 20;
  --gm3-sys-color-surface-tint: #d1e1ff;
  --gm3-sys-color-surface-tint-rgb: 209, 225, 255;
  --gm3-sys-color-surface-variant: #444746;
  --gm3-sys-color-surface-variant-rgb: 68, 71, 70;
  --gm3-sys-color-tertiary: #6dd58c;
  --gm3-sys-color-tertiary-rgb: 109, 213, 140;
  --gm3-sys-color-tertiary-container: #0f5223;
  --gm3-sys-color-tertiary-container-rgb: 15, 82, 35;
  --gm3-sys-color-tertiary-fixed: #c4eed0;
  --gm3-sys-color-tertiary-fixed-rgb: 196, 238, 208;
  --gm3-sys-color-tertiary-fixed-dim: #6dd58c;
  --gm3-sys-color-tertiary-fixed-dim-rgb: 109, 213, 140;
  background: var(--gm3-sys-color-surface, #131314);
  box-sizing: border-box;
  position: relative
}

.appsElementsMediaPlaybackVideoHoverplayerPlayer:before {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none
}

@media screen and (forced-colors:active) {
  .appsElementsMediaPlaybackVideoHoverplayerPlayer:before {
    border-color: CanvasText
  }
}

.appsElementsMediaPlaybackVideoHoverplayerRawVideo {
  block-size: 100%;
  inline-size: 100%
}

.appsElementsMediaPlaybackVideoHoverplayerPlayerNotReady {
  display: none
}

.appsElementsMediaPlaybackVideoHoverplayerHoverControls {
  height: 100%;
  width: 100%
}

.appsElementsMediaPlaybackVideoHoverplayerHidden {
  opacity: 0
}

.appsElementsMediaPlaybackVideoHoverplayerControlsContainer:not(.appsElementsMediaPlaybackVideoHoverplayerHidden),
.appsElementsMediaPlaybackVideoHoverplayerPlayButton:not(.appsElementsMediaPlaybackVideoHoverplayerHidden),
.appsElementsMediaPlaybackVideoHoverplayerTimestamp:not(.appsElementsMediaPlaybackVideoHoverplayerHidden) {
  visibility: visible;
  opacity: 1;
  transition: opacity .15s linear
}

.appsElementsMediaPlaybackVideoHoverplayerTimestamp {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  height: 20px;
  background: var(--gm3-sys-color-surface, #131314);
  border-radius: 4px;
  bottom: 18px;
  left: 12px;
  min-width: 36px
}

.appsElementsMediaPlaybackVideoHoverplayerDurationTimestamp {
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  letter-spacing: .00625rem;
  line-height: 1rem;
  color: var(--gm3-sys-color-on-surface, #e3e3e3)
}

.appsElementsMultiPanelEl {
  max-width: 560px;
  min-width: 480px;
  width: 100%
}

@media (max-width:560px) {
  .appsElementsMultiPanelEl {
    max-width: 100vw
  }
}

.appsElementsMultiPanelContentContainer {
  display: grid
}

.appsElementsMultiPanelLoading {
  display: none
}

.appsElementsMultiPanelPanelWrapper {
  background-color: var(--gm3-sys-color-surface-container-low, #f8fafd);
  border-radius: 28px;
  color: var(--gm3-sys-color-on-surface, #1f1f1f);
  display: flex;
  flex-direction: column;
  grid-area: 1/1;
  overflow: hidden;
  visibility: hidden
}

.appsElementsMultiPanelPanelWrapperIsActive {
  visibility: visible
}

.appsElementsMultiPanelPanelContainer,
.appsElementsMultiPanelPanelContentContainer,
.appsElementsMultiPanelPanelImage,
.appsElementsMultiPanelPanelWrapper,
.appsElementsMultiPanelVideoPlayer {
  width: 100%
}

.appsElementsMultiPanelPanelContainer {
  display: flex;
  flex-direction: column;
  flex-grow: 1
}

.appsElementsMultiPanelPanelContentContainer,
.appsElementsMultiPanelPanelContentInnerContainer,
.appsElementsMultiPanelVideoPlayer {
  background-color: var(--gm3-sys-color-surface, #fff)
}

.appsElementsMultiPanelVideoPlayer::-webkit-media-controls-fullscreen-button {
  display: none
}

.appsElementsMultiPanelPanelContentContainer {
  padding-bottom: 62.5%;
  position: relative;
  z-index: 0
}

.appsElementsMultiPanelPanelContentInnerContainer,
.appsElementsMultiPanelPanelImageContainer {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%
}

.appsElementsMultiPanelPanelImageContainer {
  align-items: center;
  display: flex
}

.appsElementsMultiPanelPanelDescription {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  margin-top: 16px
}

.appsElementsMultiPanelPanelDescription>a:hover {
  text-decoration: underline
}

.appsElementsMultiPanelPanelDescriptionContainer {
  flex-grow: 1;
  padding: 24px 24px 0;
  text-align: center
}

.appsElementsMultiPanelPanelTitle {
  font-family: Roboto, Arial, sans-serif;
  font-size: 1.75rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 2.25rem;
  margin: 0
}

.appsElementsMultiPanelPanelFooterContainer {
  padding: 24px
}

.appsElementsMultiPanelFooterContainer,
.appsElementsMultiPanelTrailingContentContainer {
  display: flex;
  gap: 24px
}

.appsElementsMultiPanelActionsContainer {
  align-items: center;
  display: flex;
  gap: 8px;
  max-height: 36px
}

.appsElementsMultiPanelFooterContainer {
  align-items: center;
  display: flex;
  justify-content: space-between
}

.appsElementsMultiPanelActionsContainer {
  flex-direction: row-reverse;
  flex-grow: 1
}

.appsElementsMultiPanelTrailingContentContainer {
  justify-content: center
}

.appsElementsMultiPanelTrailingContentContainer:empty {
  display: none
}

.appsElementsMultiPanelPanelWrapper:not(.appsElementsMultiPanelPanelWrapperIsActive) .appsElementsMultiPanelTrailingContentContainer {
  display: none
}

.appsElementsMultiSectionListContainer {
  --gm3-menu-surface-container-color: var(--gm3-sys-color-surface-bright, #fff);
  --gm3-menu-surface-container-elevation: 1;
  inline-size: 100%;
  border-radius: 4px;
  contain: layout
}

@media (-ms-high-contrast:active),
screen and (forced-colors:active) {
  .appsElementsMultiSectionListContainer {
    border: 1px solid var(--gm3-sys-color-outline-variant, #c4c7c5)
  }
}

.appsElementsMultiSectionListContainer>:last-child:not(:empty) {
  overflow: hidden
}

.appsElementsMultiSectionListList {
  padding-block-start: 0;
  scroll-padding-block-end: 8px;
  overflow-y: auto
}

.appsElementsMultiSectionListNoMoreResults {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  text-align: center;
  padding-block: 4px;
  color: var(--gm3-sys-color-outline, #747775)
}

.appsElementsMultiSectionListListEntry {
  --gm3-list-list-item-container-color: transparent;
  --gm3-list-list-item-content-gap: 12px;
  --gm3-list-list-item-disabled-label-text-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-list-list-item-disabled-label-text-opacity: 1;
  --gm3-list-list-item-hover-state-layer-color: transparent;
  --gm3-list-list-item-label-text-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-list-list-item-label-text-line-height: 1.25rem;
  --gm3-list-list-item-label-text-size: 0.875rem;
  --gm3-list-list-item-label-text-tracking: 0rem;
  --gm3-list-list-item-label-text-weight: 400;
  --gm3-list-list-item-leading-avatar-color: transparent;
  --gm3-list-list-item-leading-avatar-size: 24px;
  --gm3-list-list-item-leading-icon-size: 24px;
  --gm3-list-list-item-leading-image-height: 24px;
  --gm3-list-list-item-leading-image-width: 24px;
  --gm3-list-list-item-leading-space: 12px;
  --gm3-list-list-item-one-line-container-height: 32px;
  --gm3-list-list-item-one-line-padding: 0;
  --gm3-list-list-item-selected-container-color: var(--gm3-sys-color-surface-variant, #e1e3e1);
  --gm3-list-list-item-selected-label-text-color: var(--gm3-sys-color-on-surface, #1f1f1f);
  --gm3-list-list-item-supporting-text-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-list-list-item-supporting-text-line-height: 1rem;
  --gm3-list-list-item-supporting-text-size: 0.75rem;
  --gm3-list-list-item-supporting-text-weight: 400;
  --gm3-list-list-item-trailing-space: 12px;
  --gm3-list-list-item-two-line-container-height: 44px;
  --gm3-list-list-item-two-line-padding: 0
}

.appsElementsMultiSectionListExternal>:last-child:not(:empty) {
  background-color: #fcbd00;
  border-radius: 8px;
  padding: 0 4px;
  color: #444746
}

.appsElementsMultiSectionListUpdatedExternal>:last-child:not(:empty) {
  background-color: #ffe07c;
  border-radius: 4px;
  padding: 2px 4px;
  color: #6d3a01
}

[data-theme=dark] .appsElementsMultiSectionListUpdatedExternal>:last-child:not(:empty) {
  background-color: #8f4e06;
  color: #ffe07c
}

.appsElementsMultiSectionListGuestPassUser>:last-child:not(:empty) {
  background-color: #acedff;
  border-radius: 4px;
  padding: 2px 4px;
  color: #00687c
}

[data-theme=dark] .appsElementsMultiSectionListGuestPassUser>:last-child:not(:empty) {
  background-color: #004e5d;
  color: #acedff
}

.appsElementsMultiSectionListLeadingContent {
  inline-size: 24px;
  block-size: 24px;
  align-self: center
}

.appsElementsMultiSectionListLinkPreview {
  --ae-link-preview-inline-size: 272px
}

.appsElementsWorkspaceRecommendationBannerContentActions {
  display: flex;
  flex-shrink: 0;
  gap: 12px;
  padding: 16px 0
}

.appsElementsWorkspaceRecommendationBannerContentActionsExtraSmallLayout {
  --gm3-button-filled-container-height: 36px
}

.appsElementsWorkspaceRecommendationBannerContentActionsSmall {
  padding: 12px 0 4px
}

@media only screen and (min-width:33.75rem) and (max-width:63.9375rem) {
  .appsElementsWorkspaceRecommendationBannerContentActions {
    padding: 12px 0 4px
  }
}

@media only screen and (max-width:33.6875rem) {
  .appsElementsWorkspaceRecommendationBannerContentActions {
    gap: 0;
    flex-direction: row;
    padding: 8px 0 4px
  }
}

.appsElementsWorkspaceRecommendationBannerContentBanner {
  border: none;
  box-sizing: border-box
}

.appsElementsWorkspaceRecommendationBannerContentBanner:has(.appsElementsWorkspaceRecommendationBannerContentRibbon) {
  padding: 10px 0
}

.appsElementsWorkspaceRecommendationBannerContentBannerContent {
  color: var(--gm3-sys-color-on-surface, #1f1f1f);
  display: flex;
  flex-direction: row;
  gap: 0 8px;
  position: relative
}

@media only screen and (max-width:33.6875rem) {
  .appsElementsWorkspaceRecommendationBannerContentBannerContent {
    flex-direction: column-reverse
  }
}

.appsElementsWorkspaceRecommendationBannerContentBannerContentExtraSmallLayout {
  box-sizing: border-box;
  max-height: 80px
}

.appsElementsWorkspaceRecommendationBannerContentBannerIcon {
  color: var(--gm3-sys-color-on-surface-variant, #444746);
  position: absolute;
  inset-inline-start: -40px
}

.appsElementsWorkspaceRecommendationBannerContentBannerImage {
  align-self: center;
  flex: 0 0 auto;
  inline-size: 320px
}

.appsElementsWorkspaceRecommendationBannerContentBannerImageExtraSmall {
  inline-size: 65px
}

.appsElementsWorkspaceRecommendationBannerContentBannerImageSmall {
  inline-size: 220px
}

@media only screen and (min-width:33.75rem) and (max-width:63.9375rem) {
  .appsElementsWorkspaceRecommendationBannerContentBannerImage {
    max-inline-size: 220px
  }
}

@media only screen and (max-width:33.6875rem) {
  .appsElementsWorkspaceRecommendationBannerContentBannerImage {
    display: none
  }
}

.appsElementsWorkspaceRecommendationBannerContentBodyContent {
  font-family: Roboto, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
  position: relative
}

.appsElementsWorkspaceRecommendationBannerContentBodyContentSmall {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem
}

@media only screen and (min-width:33.75rem) and (max-width:63.9375rem) {
  .appsElementsWorkspaceRecommendationBannerContentBodyContent {
    font-family: Roboto, Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.25rem
  }
}

@media only screen and (max-width:33.6875rem) {
  .appsElementsWorkspaceRecommendationBannerContentBodyContent {
    font-family: Roboto, Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.25rem
  }
}

.appsElementsWorkspaceRecommendationBannerContentBodyContentActionLink {
  text-decoration: underline
}

.appsElementsWorkspaceRecommendationBannerContentContentWrapper {
  border: 1px solid transparent;
  border-radius: 24px;
  overflow: hidden
}

.appsElementsWorkspaceRecommendationBannerContentContentWrapperExtraSmallLayout {
  border-radius: 20px
}

.appsElementsWorkspaceRecommendationBannerContentHeading {
  font-family: Roboto, Arial, sans-serif;
  font-size: 2.25rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 2.75rem;
  position: relative
}

.appsElementsWorkspaceRecommendationBannerContentHeadingSmall {
  font-family: Roboto, Arial, sans-serif;
  font-size: 1.75rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 2.25rem
}

@media only screen and (min-width:33.75rem) and (max-width:63.9375rem) {
  .appsElementsWorkspaceRecommendationBannerContentHeading {
    font-family: Roboto, Arial, sans-serif;
    font-size: 1.75rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 2.25rem
  }
}

@media only screen and (max-width:33.6875rem) {
  .appsElementsWorkspaceRecommendationBannerContentHeading {
    font-family: Roboto, Arial, sans-serif;
    font-size: 1.75rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 2.25rem
  }
}

.appsElementsWorkspaceRecommendationBannerContentHeadingSmall .appsElementsWorkspaceRecommendationBannerContentBannerIcon {
  padding-block-start: 4px
}

.appsElementsWorkspaceRecommendationBannerContentMessage {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 16px;
  justify-content: center
}

.appsElementsWorkspaceRecommendationBannerContentMessageSmall {
  gap: 8px
}

@media only screen and (min-width:33.75rem) and (max-width:63.9375rem) {
  .appsElementsWorkspaceRecommendationBannerContentMessage {
    gap: 8px
  }
}

@media only screen and (max-width:33.6875rem) {
  .appsElementsWorkspaceRecommendationBannerContentMessage {
    gap: 8px
  }
}

.appsElementsWorkspaceRecommendationBannerContentMessageExtraSmallLayout {
  gap: 2px
}

.appsElementsWorkspaceRecommendationBannerContentOverline {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.25rem
}

.appsElementsWorkspaceRecommendationBannerContentOverlineSmall {
  font-size: 13px
}

.appsElementsWorkspaceRecommendationBannerContentRibbon {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  align-items: center;
  background-color: var(--gm3-sys-color-inverse-surface, #303030);
  border-radius: 0 0 4px 4px;
  color: var(--gm3-sys-color-inverse-on-surface, #f2f2f2);
  display: flex;
  gap: 6px;
  justify-content: center;
  margin-block-end: 4px;
  min-block-size: 40px;
  padding: 0 24px;
  text-align: center
}

.appsElementsWorkspaceRecommendationBannerContentRibbonSmall {
  padding: 0 24px
}

@media only screen and (min-width:33.75rem) and (max-width:63.9375rem) {
  .appsElementsWorkspaceRecommendationBannerContentRibbon {
    padding: 0 24px
  }
}

.appsElementsWorkspaceRecommendationBannerContentTextActionContainer {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 24px 24px 24px 32px;
  position: relative
}

.appsElementsWorkspaceRecommendationBannerContentTextActionContainerSmall {
  padding: 16px 24px
}

@media only screen and (min-width:33.75rem) and (max-width:63.9375rem) {
  .appsElementsWorkspaceRecommendationBannerContentTextActionContainer {
    padding: 16px 24px
  }
}

@media only screen and (max-width:33.6875rem) {
  .appsElementsWorkspaceRecommendationBannerContentTextActionContainer {
    padding: 16px 24px
  }
}

.appsElementsWorkspaceRecommendationBannerContentTextActionContainerRowLayout {
  align-items: center;
  flex-direction: row;
  justify-content: start;
  padding: 8px 24px
}

.appsElementsWorkspaceRecommendationBannerContentTextActionContainerWithIcon {
  padding-left: 64px
}

.appsElementsWorkspaceRecommendationBannerContentTextActionContainerWithCloseAction {
  padding-right: 10px
}

.appsElementsWorkspaceRecommendationBannerContentContentWrapperStacked {
  display: flex;
  flex-direction: row;
  margin-block-end: -16px;
  width: 100%
}

.appsElementsWorkspaceRecommendationBannerContentGraphicWrapper {
  align-self: center;
  display: flex;
  margin-inline-start: -20px
}

.appsElementsWorkspaceRecommendationBannerContentContentWrapperV2 {
  --gm3-banner-expressive-container-color: var(--ae-banner-container-color, var(--gm3-sys-color-surface-container, #f0f4f9));
  --gm3-banner-expressive-icon-color: var(--ae-banner-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-banner-headline-color: var(--ae-banner-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-banner-supporting-text-color: var(--ae-banner-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-icon-button-standard-unselected-icon-color: var(--ae-banner-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-icon-button-standard-unselected-hover-icon-color: var(--ae-banner-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-icon-button-standard-unselected-focus-icon-color: var(--ae-banner-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-icon-button-standard-unselected-pressed-icon-color: var(--ae-banner-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-icon-button-standard-unselected-hover-state-layer-color: var(--ae-banner-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-icon-button-standard-unselected-pressed-state-layer-color: var(--ae-banner-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-button-text-label-text-color: var(--ae-banner-action-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-button-text-hover-label-text-color: var(--ae-banner-action-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-button-text-focus-label-text-color: var(--ae-banner-action-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-button-text-pressed-label-text-color: var(--ae-banner-action-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-button-text-hover-state-layer-color: var(--ae-banner-action-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-button-text-pressed-state-layer-color: var(--ae-banner-action-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-banner-inset-container-shape: 16px;
  display: flex;
  flex-direction: column;
  width: 100%
}

.appsElementsWorkspaceRecommendationBannerContentContentWrapperV2:link {
  color: var(--ae-banner-text-link-color, var(--gm3-sys-color-primary, #0b57d0));
  text-decoration: underline
}

.appsElementsWorkspaceRecommendationBannerContentBannerGraphicIcon {
  justify-self: center;
  height: 24px;
  margin: 0 12px;
  width: 24px;
  color: var(--gm3-sys-color-primary, #0b57d0);
  fill: var(--gm3-sys-color-primary, #0b57d0)
}

.appsElementsWorkspaceRecommendationBannerContentActionsContainerV2 {
  align-self: flex-end;
  display: flex;
  flex-shrink: 0;
  padding-bottom: 6px
}

.appsElementsWorkspaceRecommendationBannerContentActionsContainerV2WithCloseAction {
  margin-inline-end: -48px
}

.appsElementsWorkspaceRecommendationBannerContentBackground {
  background: var(--gm3-sys-color-primary-container, #d3e3fd)
}

.appsElementsWorkspaceRecommendationBannerContentG1Background {
  --gm3-icon-button-standard-focus-indicator-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-icon-button-standard-selected-focus-icon-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-icon-button-standard-selected-hover-icon-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-icon-button-standard-selected-icon-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-icon-button-standard-selected-pressed-icon-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-icon-button-standard-unselected-hover-icon-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-icon-button-standard-unselected-hover-state-layer-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-icon-button-standard-unselected-icon-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-icon-button-standard-unselected-pressed-icon-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-icon-button-standard-unselected-focus-icon-color: var(--gm3-sys-color-on-surface-variant, #444746)
}

.appsElementsWorkspaceRecommendationBannerContentG1BackgroundWarning {
  background: var(--gm3-sys-color-surface, #fff);
  border: 1px solid var(--gm3-sys-color-outline-variant, #c4c7c5)
}

.appsElementsWorkspaceRecommendationBannerContentBackgroundAlertEscalation {
  --ae-banner-action-color: var(--gm3-sys-color-on-error-container, #8c1d18);
  --ae-banner-container-color: var(--gm3-sys-color-error-container, #f9dedc);
  --ae-banner-text-color: var(--gm3-sys-color-on-error-container, #8c1d18);
  --ae-banner-text-link-color: var(--gm3-sys-color-on-error-container, #8c1d18);
  background: var(--ae-recommendation-banner-container-color, var(--gm3-sys-color-error-container, #f9dedc))
}

.appsElementsWorkspaceRecommendationBannerContentBannerImageV2Small {
  block-size: 24px;
  inline-size: 24px;
  margin-top: 0
}

.appsElementsWorkspaceRecommendationBannerContentOverlineV2 {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.25rem;
  color: var(--gm3-sys-color-on-surface-variant, #444746);
  align-items: center;
  display: flex;
  gap: 8px
}

.appsElementsWorkspaceRecommendationBannerContentOverlineV2AlertEscalation {
  color: var(--gm3-sys-color-on-error-container, #8c1d18)
}

.appsElementsWorkspaceRecommendationBannerContentOverlineIcon {
  padding-block-start: 4px
}

.appsElementsWorkspaceRecommendationBannerContentRibbonV2 {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem
}

.appsElementsWorkspaceRecommendationBannerContentTitleV2 {
  font-family: Roboto, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5rem;
  color: var(--gm3-sys-color-on-surface, #1f1f1f)
}

.appsElementsWorkspaceRecommendationBannerContentTitleV2Small {
  display: inline;
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.25rem;
  margin-right: 8px
}

.appsElementsWorkspaceRecommendationBannerContentDescriptionV2 {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  color: var(--gm3-sys-color-on-surface-variant, #444746)
}

.appsElementsWorkspaceRecommendationBannerContentDescriptionV2Small {
  display: inline
}

.appsElementsWorkspaceRecommendationBannerContentButton {
  margin: 4px
}

.appsElementsWorkspaceRecommendationBannerContentButtonSmall {
  --gm3-button-text-container-height: 32px;
  --gm3-button-filled-container-height: 32px
}

.appsElementsWorkspaceRecommendationBannerContentButtonAlert {
  --gm3-button-text-label-text-color: var(--gm3-sys-color-error, #b3261e);
  --gm3-button-text-hover-label-text-color: var(--gm3-sys-color-error, #b3261e);
  --gm3-button-text-pressed-label-text-color: var(--gm3-sys-color-error, #b3261e)
}

.appsElementsWorkspaceRecommendationBannerContentButtonAlertEscalation {
  --gm3-button-text-label-text-color: var(--gm3-sys-color-on-error-container, #8c1d18);
  --gm3-button-text-hover-label-text-color: var(--gm3-sys-color-on-error-container, #8c1d18);
  --gm3-button-text-pressed-label-text-color: var(--gm3-sys-color-on-error-container, #8c1d18)
}

.appsElementsWorkspaceRecommendationBannerContentDynamicContent {
  width: 100%
}

.appsElementsWorkspaceRecommendationBannerContentCopyWrapperSmall {
  display: block
}

.appsElementsWorkspaceRecommendationContentActionBehaviorLink {
  cursor: pointer
}

.appsElementsWorkspaceRecommendationContentActionImage {
  align-items: center;
  display: flex;
  block-size: 20px;
  margin-inline-start: -32px;
  position: relative;
  pointer-events: none
}

.appsElementsWorkspaceRecommendationContentButtonFull {
  align-items: center;
  display: grid;
  grid-template-columns: 100% 1fr
}

.appsElementsWorkspaceRecommendationContentButtonIcon {
  display: none
}

@container (max-width: 90px) {
  .appsElementsWorkspaceRecommendationContentButtonFull {
    display: none
  }

  .appsElementsWorkspaceRecommendationContentButtonIcon {
    display: block
  }
}

.appsElementsWorkspaceRecommendationContentDialogContainer {
  --gm3-dialog-container-color: var(--gm3-sys-color-surface-container-low, #f8fafd);
  --gm3-dialog-container-content-padding: 0;
  --gm3-dialog-container-max-width: 1200px;
  --gm3-dialog-container-content-padding-block-start: 0;
  --gm3-dialog-container-content-padding-inline-end: 0;
  --gm3-dialog-container-content-padding-block-end: 0;
  --gm3-dialog-container-content-padding-inline-start: 0
}

.appsElementsWorkspaceRecommendationContentDialogContainerFilledCloseButton [data-dialog-close-button] {
  --gm3-icon-button-standard-container-width: 32px;
  --gm3-icon-button-standard-container-height: 32px;
  --gm3-icon-button-standard-icon-size: 20px;
  background: var(--gm3-sys-color-surface-container-low, #f8fafd)
}

.appsElementsWorkspaceRecommendationContentDialogContainerFullScreen {
  --gm3-dialog-container-min-height: 100dvh;
  --gm3-dialog-container-max-width: 100dvw;
  --gm3-dialog-container-min-width: 100dvw;
  --gm3-dialog-container-shape: 0
}

.appsElementsWorkspaceRecommendationContentDialogContainerShimmer.appsElementsWorkspaceRecommendationContentDialogContainerShimmer [role=dialog] {
  background-color: var(--gm3-sys-color-surface-container-low, #f8fafd);
  background-clip: padding-box;
  border: 1px solid transparent;
  position: relative;
  overflow: unset
}

.appsElementsWorkspaceRecommendationContentDialogContainerShimmer.appsElementsWorkspaceRecommendationContentDialogContainerShimmer [role=dialog]:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  margin: -1px;
  border-radius: inherit;
  background: linear-gradient(90deg, #217bfe, #078efb, #ac87eb, #ee4d5d)
}

.appsElementsWorkspaceRecommendationContentDialogContainerShimmer.appsElementsWorkspaceRecommendationContentDialogContainerShimmer [role=dialog]:after {
  content: "";
  position: absolute;
  z-index: -1;
  background: linear-gradient(53deg, #6080f5, #ac87eb, #6981f4, #3a7ae3, #5279c8, #ee4d5d);
  opacity: .25;
  filter: blur(25px);
  border-radius: inherit;
  inset-block-start: -24px;
  inset-inline-start: -24px;
  inline-size: calc(100% + 48px);
  block-size: calc(100% + 48px)
}

.appsElementsWorkspaceRecommendationContentDialogContentFullScreen {
  align-items: safe center;
  box-sizing: border-box;
  display: flex;
  block-size: calc(100vh - 64px);
  justify-content: safe center;
  overflow: auto;
  padding: 24px 16px
}

.appsElementsWorkspaceRecommendationContentDialogFooter {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.25rem;
  align-items: center;
  border-block-start: 1px solid var(--gm3-sys-color-primary-container, #d3e3fd);
  display: flex;
  justify-content: space-between;
  padding: 24px 24px 0
}

.appsElementsWorkspaceRecommendationContentDialogFooterButtons {
  display: flex;
  gap: 8px;
  margin-inline-start: auto
}

.appsElementsWorkspaceRecommendationContentDialogHeaderContainer {
  align-items: center;
  background-color: var(--gm3-sys-color-surface-container-low, #f8fafd);
  border-block-end: 1px solid var(--gm3-sys-color-primary-container, #d3e3fd);
  box-sizing: border-box;
  display: flex;
  height: 64px;
  padding-inline-start: 24px;
  position: relative
}

@media screen and (max-width:600px) {
  .appsElementsWorkspaceRecommendationContentDialogHeaderContainer {
    padding-inline-start: 16px
  }
}

.appsElementsWorkspaceRecommendationContentDialogHeaderTitle {
  font-family: Roboto, Arial, sans-serif;
  font-size: 1.375rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.75rem;
  display: -webkit-box;
  max-block-size: 3.5rem;
  max-inline-size: calc(50% - 116px);
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2
}

@media screen and (max-width:480px) {
  .appsElementsWorkspaceRecommendationContentDialogHeaderTitle {
    display: none
  }
}

.appsElementsWorkspaceRecommendationContentDialogTitle {
  font-family: Roboto, Arial, sans-serif;
  font-size: 1.75rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 2.25rem;
  font-weight: 700;
  text-align: center
}

.appsElementsWorkspaceRecommendationContentDialogRoot {
  box-sizing: border-box;
  color: var(--gm3-sys-color-on-surface, #1f1f1f);
  display: grid;
  max-inline-size: 600px;
  padding: 24px 0
}

.appsElementsWorkspaceRecommendationContentDialogWorkspaceLogo {
  inset-inline-start: 50%;
  position: absolute;
  transform: translateX(-50%)
}

.appsElementsWorkspaceRecommendationContentFilledIcon {
  color: var(--gm3-sys-color-on-primary, #fff)
}

.appsElementsWorkspaceRecommendationContentHidden {
  display: none
}

.appsElementsWorkspaceRecommendationContentIframeContainer {
  block-size: 100%;
  inline-size: 100%;
  inset: 0;
  position: fixed;
  z-index: 10
}

.appsElementsWorkspaceRecommendationContentRichMessageRoot {
  align-items: center;
  display: flex;
  gap: 12px
}

.appsElementsWorkspaceRecommendationContentRichMessageImage {
  block-size: 24px
}

.appsElementsWorkspaceRecommendationContentTableBody {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  color: var(--gm3-sys-color-on-surface, #1f1f1f)
}

.appsElementsWorkspaceRecommendationContentTableBody .appsElementsWorkspaceRecommendationContentTableCellLong {
  text-align: left;
  white-space: normal
}

.appsElementsWorkspaceRecommendationContentTableCell {
  padding: 10px 16px;
  white-space: nowrap
}

.appsElementsWorkspaceRecommendationContentTableCell:has(.appsElementsWorkspaceRecommendationContentTableCellImage) {
  padding: 10px 0
}

.appsElementsWorkspaceRecommendationContentTableCell:last-of-type {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.25rem;
  background-color: var(--gm3-sys-color-surface-container-high, #e9eef6);
  color: var(--gm3-sys-color-primary, #0b57d0)
}

.appsElementsWorkspaceRecommendationContentTableCell:last-of-type .appsElementsWorkspaceRecommendationContentTableCellBool {
  color: var(--gm3-sys-color-primary, #0b57d0)
}

.appsElementsWorkspaceRecommendationContentTableCellImage {
  block-size: 24px;
  vertical-align: sub
}

.appsElementsWorkspaceRecommendationContentTableHead {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.25rem;
  color: var(--gm3-sys-color-on-surface, #1f1f1f)
}

.appsElementsWorkspaceRecommendationContentTableHead .appsElementsWorkspaceRecommendationContentTableCell {
  border-radius: 16px 16px 0 0;
  padding-block-start: 16px
}

.appsElementsWorkspaceRecommendationContentTableRoot {
  border-collapse: collapse;
  margin: 16px 24px;
  text-align: center
}

.appsElementsWorkspaceRecommendationContentTableRow+.appsElementsWorkspaceRecommendationContentTableRow {
  border-block-start: 1px dotted var(--gm3-sys-color-primary, #0b57d0)
}

.appsElementsWorkspaceRecommendationContentTableRow:last-of-type .appsElementsWorkspaceRecommendationContentTableCell {
  border-radius: 0 0 16px 16px
}

.appsElementsWorkspaceRecommendationEl {
  background-color: transparent;
  display: grid
}

.appsElementsWorkspaceRecommendationCtaButtonContainer {
  container-type: inline-size
}

.appsElementsWorkspaceRecommendationCtaButtonContainer .appsElementsWorkspaceRecommendationCtaButton {
  --gm3-button-filled-tonal-container-height: 32px;
  --gm3-button-filled-tonal-container-color: var(--gm3-sys-color-surface, #fff);
  --gm3-button-filled-tonal-label-text-weight: normal;
  --gm3-button-filled-tonal-with-icon-icon-label-space: 16px;
  display: flex;
  inline-size: 100%;
  justify-content: flex-start;
  margin: 4px 0;
  padding-inline-end: 40px
}

.appsElementsWorkspaceRecommendationCtaIconButton {
  --gm3-icon-button-filled-tonal-container-width: 32px;
  --gm3-icon-button-filled-tonal-container-height: 32px;
  --gm3-icon-button-filled-tonal-icon-size: 18px;
  --gm3-icon-button-filled-tonal-container-color: var(--gm3-sys-color-surface, #fff);
  margin: 4px 0
}

.appsElementsWorkspacePepGlobalRecommendationPepGlobalContainer .appsElementsWorkspacePepGlobalRecommendationPepGlobalTextButton {
  --gm3-button-filled-tonal-container-color: #d3e3fd;
  --gm3-button-filled-tonal-container-shape: 28px;
  --gm3-button-filled-tonal-label-text-color: #0842a0;
  --gm3-button-filled-tonal-with-icon-icon-label-space: 4px;
  --gm3-button-filled-tonal-with-icon-icon-size: 24px;
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.25rem;
  justify-content: center;
  margin: 0;
  padding: 22px 0
}

.appsElementsWorkspacePepGlobalRecommendationPepGlobalContainer .appsElementsWorkspacePepGlobalRecommendationPepGlobalIconButton {
  --gm3-icon-button-filled-tonal-container-color: #d3e3fd;
  --gm3-icon-button-filled-tonal-icon-size: 24px;
  margin: 0
}

.appsElementsWorkspaceRecommendationMeterContentContainer {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  margin-top: 4px;
  padding-top: 12px
}

.appsElementsWorkspaceRecommendationMeterContentOuterBar {
  background: var(--gm3-sys-color-surface-container-high, #e9e8e8);
  border-radius: 8px;
  height: 4px;
  margin: 4px 0;
  margin-right: 32px
}

.appsElementsWorkspaceRecommendationMeterContentInnerBar {
  background-color: #919191;
  border-radius: 8px;
  height: 100%
}

.appsElementsWorkspaceRecommendationMeterContentInnerBarAlert {
  background-color: var(--gm3-sys-color-error, #b3261e)
}

.appsElementsWorkspaceRecommendationMeterContentInnerBarAlertEscalation {
  background-color: var(--gm3-sys-color-on-error-container, #8c1d18)
}

.appsElementsWorkspaceRecommendationMeterContentInnerBarWarning {
  background-color: #fcbd00
}

.appsElementsWorkspaceRecommendationMeterContentTextRow {
  align-items: center;
  display: flex;
  margin-top: 4px
}

.appsElementsWorkspaceRecommendationMeterContentDescription {
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  letter-spacing: .00625rem;
  line-height: 1rem;
  color: var(--gm3-sys-color-on-surface-variant, #444746)
}

.appsElementsWorkspaceRecommendationMeterContentDescriptionAlert {
  color: var(--gm3-sys-color-error, #b3261e)
}

.appsElementsWorkspaceRecommendationMeterContentDescriptionAlertEscalation {
  color: var(--gm3-sys-color-on-error-container, #8c1d18)
}

@media (forced-colors:active) {
  .appsElementsWorkspaceRecommendationMeterContentOuterBar {
    border-color: CanvasText;
    border-style: solid;
    border-width: 1px
  }

  .appsElementsWorkspaceRecommendationMeterContentInnerBar {
    background-color: CanvasText
  }
}

.appsElementsWorkspaceRecommendationValuePropContainer {
  align-items: center;
  display: flex;
  flex-direction: column;
  text-align: center
}

.appsElementsWorkspaceRecommendationValuePropMask {
  background-image: radial-gradient(var(--ae-value-prop-mask-color, #bde9ff), var(--gm3-sys-color-surface, #fff));
  filter: blur(100px);
  block-size: 30%;
  margin-block-start: 100px;
  position: absolute;
  inline-size: 20%;
  z-index: -1
}

.appsElementsWorkspaceRecommendationValuePropTitle {
  font-family: Roboto, Arial, sans-serif;
  font-size: 1.75rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 2.25rem;
  margin-block: 16px;
  text-wrap: pretty
}

.appsElementsWorkspaceRecommendationValuePropDescription,
.appsElementsWorkspaceRecommendationValuePropPrimaryAction {
  font-family: Roboto, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem
}

.appsElementsWorkspaceRecommendationValuePropBadgeContainer {
  font-family: Roboto, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
  margin-block-start: 16px
}

.appsElementsWorkspaceRecommendationValuePropBadge {
  --ae-badge-container-color: transparent;
  --ae-badge-text-color: #188038;
  --ae-badge-outline-color: #188038
}

.appsElementsWorkspaceRecommendationValuePropCardContainer {
  background-color: #fff;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  justify-content: space-between;
  padding: 16px
}

.appsElementsWorkspaceRecommendationValuePropCardPrimaryFeatureCard {
  background-color: var(--gm3-sys-color-tertiary-container, #c4eed0);
  color: var(--gm3-sys-color-on-tertiary-container, #0f5223);
  justify-content: center
}

.appsElementsWorkspaceRecommendationValuePropCardTitleMedium {
  font-family: Roboto, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5rem
}

.appsElementsWorkspaceRecommendationValuePropCardTitleLarge {
  font-family: Roboto, Arial, sans-serif;
  font-size: 1.375rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.75rem;
  padding-block: 24px
}

.appsElementsWorkspaceRecommendationValuePropCardSecondaryFeatureCard {
  background-color: var(--gm3-sys-color-primary-container, #d3e3fd)
}

.appsElementsWorkspaceRecommendationValuePropCardDescription {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  margin-block-start: 4px
}

.appsElementsWorkspaceRecommendationValuePropCardPrimaryAction {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.25rem
}

.appsElementsWorkspaceRecommendationValuePropCardValuePropMedia {
  align-items: center;
  background-color: #fff;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  min-height: 100px;
  overflow: hidden
}

.appsElementsWorkspaceRecommendationValuePropCardVideoContent {
  display: block;
  width: 100%
}

.appsElementsWorkspaceRecommendationValuePropCardImageContent {
  width: 75%;
  display: block
}

.appsElementsWorkspaceRecommendationValuePropCardColSpanDouble {
  grid-column: span 2
}

.appsElementsWorkspaceRecommendationValuePropGroupGroupsContainer {
  display: flex;
  flex-direction: column;
  gap: 24px
}

.appsElementsWorkspaceRecommendationValuePropGroupTitle {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.25rem;
  margin-block-end: 16px
}

.appsElementsWorkspaceRecommendationValuePropGroupGroupsContainer .appsElementsWorkspaceRecommendationValuePropGroupPrimaryFeatureGroupTitle {
  color: var(--gm3-sys-color-primary, #0b57d0)
}

.appsElementsWorkspaceRecommendationValuePropGroupValuePropList {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 16px
}

.appsElementsWorkspaceRecommendationValuePropGroupValuePropItem {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  display: flex;
  gap: 12px
}

.appsElementsWorkspaceRecommendationValuePropGroupValuePropIcon {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  block-size: 24px;
  inline-size: 24px;
  color: var(--gm3-sys-color-primary, #0b57d0)
}

.appsElementsWorkspaceRecommendationValuePropGroupValuePropTitle {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.25rem
}

.appsElementsWorkspaceRecommendationValuePropGroupsCardGroupsContainer {
  margin: 0 auto 16px;
  max-width: 500px
}

.appsElementsWorkspaceRecommendationValuePropGroupsCardValuePropList {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px
}

.appsElementsRichTextScoperScoperMenuButton {
  --gm3-dropdown-button-outlined-container-height: 32px;
  --gm3-dropdown-button-outlined-container-shape: 8px;
  --gm3-dropdown-button-outlined-focus-label-text-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-dropdown-button-outlined-focus-outline-color: var(--gm3-sys-color-outline-variant, #c4c7c5);
  --gm3-dropdown-button-outlined-hover-label-text-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-dropdown-button-outlined-hover-outline-color: var(--gm3-sys-color-outline-variant, #c4c7c5);
  --gm3-dropdown-button-outlined-hover-state-layer-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-dropdown-button-outlined-label-text-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-dropdown-button-outlined-outline-color: var(--gm3-sys-color-outline-variant, #c4c7c5);
  --gm3-dropdown-button-outlined-pressed-label-text-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-dropdown-button-outlined-pressed-outline-color: var(--gm3-sys-color-outline-variant, #c4c7c5);
  --gm3-dropdown-button-outlined-pressed-state-layer-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-dropdown-button-outlined-with-icon-focus-icon-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-dropdown-button-outlined-with-icon-hover-icon-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-dropdown-button-outlined-with-icon-icon-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-dropdown-button-outlined-with-icon-icon-size: 20px;
  --gm3-dropdown-button-outlined-with-icon-pressed-icon-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-dropdown-button-outlined-with-leading-icon-leading-space: 8px;
  --gm3-dropdown-button-outlined-with-leading-icon-trailing-space: 8px;
  padding-inline: 8px;
  max-inline-size: 192px
}

.appsElementsRichTextScoperEmptySources {
  border-style: dashed
}

.appsElementsRichTextScoperAddSourcesButton {
  --gm3-button-outlined-container-height: 32px;
  --gm3-button-outlined-container-shape: 8px;
  --gm3-button-outlined-focus-label-text-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-button-outlined-focus-outline-color: var(--gm3-sys-color-outline-variant, #c4c7c5);
  --gm3-button-outlined-hover-label-text-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-button-outlined-hover-outline-color: var(--gm3-sys-color-outline-variant, #c4c7c5);
  --gm3-button-outlined-hover-state-layer-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-button-outlined-label-text-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-button-outlined-outline-color: var(--gm3-sys-color-outline-variant, #c4c7c5);
  --gm3-button-outlined-pressed-label-text-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-button-outlined-pressed-outline-color: var(--gm3-sys-color-outline-variant, #c4c7c5);
  --gm3-button-outlined-pressed-state-layer-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-button-outlined-with-icon-focus-icon-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-button-outlined-with-icon-hover-icon-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-button-outlined-with-icon-icon-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-button-outlined-with-icon-icon-size: 20px;
  --gm3-button-outlined-with-icon-pressed-icon-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-button-outlined-with-leading-icon-leading-space: 8px;
  --gm3-button-outlined-with-leading-icon-trailing-space: 12px;
  border-style: dashed
}

.appsElementsRichTextScoperScoperMenu {
  --gm3-menu-surface-container-color: var(--gm3-sys-color-surface, #fff);
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  border-radius: 4px;
  color: var(--gm3-sys-color-on-surface, #1f1f1f)
}

.appsElementsRichTextScoperScoperMenu:before {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none
}

@media screen and (forced-colors:active) {
  .appsElementsRichTextScoperScoperMenu:before {
    border-color: CanvasText
  }
}

.appsElementsRichTextScoperScoperMenuList {
  --gm3-list-list-item-container-color: transparent;
  --gm3-list-list-item-content-gap: 12px;
  --gm3-list-list-item-label-text-size: 14px;
  --gm3-list-list-item-leading-icon-size: 24px;
  --gm3-list-list-item-one-line-container-height: 32px;
  --gm3-list-list-item-one-line-padding: 0;
  padding-block: 0 4px;
  inline-size: 288px
}

.appsElementsRichTextScoperScoperMenuSourceItemsContainer {
  max-block-size: 280px;
  overflow-y: auto;
  padding-block: 4px 2px
}

.appsElementsRichTextScoperMenuActionItem,
.appsElementsRichTextScoperMenuItemWithControls {
  padding-inline: 12px
}

.appsElementsRichTextScoperScoperMenu .appsElementsRichTextScoperScoperMenuList .appsElementsRichTextScoperMenuItemWithControls>:last-child {
  pointer-events: all;
  display: flex
}

.appsElementsRichTextScoperMenuIconButton,
.appsElementsRichTextScoperMenuItemControl {
  --gm3-icon-button-standard-container-width: 24px;
  --gm3-icon-button-standard-container-height: 24px;
  --gm3-icon-button-standard-icon-size: 20px;
  --gm3-icon-button-standard-touch-target-size: 24px;
  display: flex;
  padding: 0
}

.appsElementsRichTextScoperMenuHeader {
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 500;
  letter-spacing: .00625rem;
  line-height: 1rem;
  align-items: center;
  display: flex;
  height: 32px;
  padding: 0 8px 0 12px
}

.appsElementsRichTextScoperMenuHeaderTitle {
  flex-basis: 100%
}

.appsElementsRichTextScoperMenuHeaderTooltipContainer {
  padding-inline: 4px
}

.appsElementsRichTextScoperDivider {
  padding-block: 6px 8px
}

.appsElementsSidekickAbuseWarningWarning {
  --gm3-banner-expressive-container-color: var(--ae-banner-container-color, var(--gm3-sys-color-surface-container, #f0f4f9));
  --gm3-banner-expressive-icon-color: var(--ae-banner-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-banner-headline-color: var(--ae-banner-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-banner-supporting-text-color: var(--ae-banner-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-icon-button-standard-unselected-icon-color: var(--ae-banner-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-icon-button-standard-unselected-hover-icon-color: var(--ae-banner-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-icon-button-standard-unselected-focus-icon-color: var(--ae-banner-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-icon-button-standard-unselected-pressed-icon-color: var(--ae-banner-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-icon-button-standard-unselected-hover-state-layer-color: var(--ae-banner-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-icon-button-standard-unselected-pressed-state-layer-color: var(--ae-banner-text-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-button-text-label-text-color: var(--ae-banner-action-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-button-text-hover-label-text-color: var(--ae-banner-action-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-button-text-focus-label-text-color: var(--ae-banner-action-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-button-text-pressed-label-text-color: var(--ae-banner-action-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-button-text-hover-state-layer-color: var(--ae-banner-action-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-button-text-pressed-state-layer-color: var(--ae-banner-action-color, var(--gm3-sys-color-primary, #0b57d0));
  --gm3-banner-inset-container-shape: 16px;
  --ae-banner-action-color: var(--ws-sys-color-extended-on-yellow-tonal, #6d3a01);
  --ae-banner-container-color: var(--ws-sys-color-extended-yellow-tonal, #fff2b4);
  --ae-banner-text-color: var(--ws-sys-color-extended-on-yellow-tonal, #6d3a01);
  --ae-banner-text-link-color: var(--ws-sys-color-extended-on-yellow-tonal, #6d3a01)
}

.appsElementsSidekickAbuseWarningWarning:link {
  color: var(--ae-banner-text-link-color, var(--gm3-sys-color-primary, #0b57d0));
  text-decoration: underline
}

.appsElementsSidekickAbuseWarningIcon {
  margin-inline: 12px 10px
}

.appsElementsSidekickAbuseWarningText {
  margin-inline-end: 12px
}

.appsElementsSidekickRoot {
  display: flex;
  inline-size: -moz-fit-content;
  inline-size: fit-content
}

.appsElementsSidekickCard {
  --gm3-card-outlined-container-color: var(--ae-sidekick-container-color, var(--gm3-sys-color-surface, #fff));
  --gm3-card-outlined-hover-outline-color: var(--ae-sidekick-panel-outline-color, var(--ae-sidekick-outline-color, var(--gm3-sys-color-surface-variant, #e1e3e1)));
  --gm3-card-outlined-outline-color: var(--ae-sidekick-panel-outline-color, var(--ae-sidekick-outline-color, var(--gm3-sys-color-surface-variant, #e1e3e1)));
  --gm3-card-outlined-pressed-outline-color: var(--ae-sidekick-panel-outline-color, var(--ae-sidekick-outline-color, var(--gm3-sys-color-surface-variant, #e1e3e1)));
  --gm3-card-outlined-container-shape-start-start: 16px;
  --gm3-card-outlined-container-shape-start-end: 16px;
  --gm3-card-outlined-container-shape-end-end: 16px;
  --gm3-card-outlined-container-shape-end-start: 16px;
  overflow: hidden;
  inline-size: -moz-fit-content;
  inline-size: fit-content
}

.appsElementsSidekickResizeHandle {
  block-size: 100%;
  inline-size: 12px;
  position: absolute;
  margin-inline-start: -6px;
  cursor: ew-resize;
  -webkit-user-select: none;
  user-select: none;
  z-index: 2
}

.appsElementsSidekickContent {
  display: flex;
  flex-direction: column;
  inline-size: calc(var(--ae-sidekick-collapsed-inline-size, 318px) + var(--ae-sidekick-inline-size-offset, 0)*1px);
  min-inline-size: var(--ae-sidekick-collapsed-inline-size, 318px);
  max-inline-size: var(--ae-sidekick-max-inline-size, calc(85vw - 217.6px));
  block-size: 100%
}

.appsElementsSidekickRoot:not(:has(.appsElementsSidekickResizeHandle:focus)) .appsElementsSidekickContent {
  transition: inline-size .3s cubic-bezier(.2, 0, 0, 1)
}

@supports (transition-timing-function:linear(0, 0.002, 0.01 3.6%, 0.034, 0.074 9.1%, 0.128 11.4%, 0.194 13.4%, 0.271 15%, 0.344 16.1%, 0.544, 0.66 20.6%, 0.717 22.4%, 0.765 24.6%, 0.808 27.3%, 0.845 30.4%, 0.883 35.1%, 0.916 40.6%, 0.942 47.2%, 0.963 55%, 0.979 64%, 0.991 74.4%, 0.998 86.4%, 1)) {
  .appsElementsSidekickRoot:not(:has(.appsElementsSidekickResizeHandle:focus)) .appsElementsSidekickContent {
    transition-timing-function: linear(0, .002, .01 3.6%, .034, .074 9.1%, .128 11.4%, .194 13.4%, .271 15%, .344 16.1%, .544, .66 20.6%, .717 22.4%, .765 24.6%, .808 27.3%, .845 30.4%, .883 35.1%, .916 40.6%, .942 47.2%, .963 55%, .979 64%, .991 74.4%, .998 86.4%, 1)
  }
}

.appsElementsSidekickFeed {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  align-items: flex-start;
  color: var(--gm3-sys-color-on-surface, #1f1f1f);
  display: flex;
  flex: 1;
  justify-content: center;
  padding: 8px calc(16px - var(--ae-sidekick-computed-scrollbar-width, 16)*1px) 8px 16px;
  scrollbar-gutter: stable;
  overflow: hidden auto;
  overscroll-behavior: none;
  margin-block-end: -16px;
  padding-block-end: 24px;
  scroll-padding-block: 12px 24px
}

@media not (prefers-reduced-motion) {
  .appsElementsSidekickFeed {
    scroll-behavior: smooth
  }
}

.appsElementsSidekickFeedDisclaimer,
.appsElementsSidekickQuotaMessage {
  font-family: Roboto, Arial, sans-serif;
  font-size: .6875rem;
  font-weight: 500;
  letter-spacing: .00625rem;
  line-height: 1rem;
  text-align: center;
  text-wrap: balance;
  color: var(--gm3-sys-color-outline, #747775)
}

.appsElementsSidekickSourcesDisclaimer {
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  letter-spacing: .00625rem;
  line-height: 1rem;
  margin-block-start: 8px
}

.appsElementsSidekickLearnMoreLink {
  text-decoration: underline;
  text-underline-offset: 3px
}

.appsElementsSidekickLearnMoreLink:active,
.appsElementsSidekickLearnMoreLink:hover,
.appsElementsSidekickLearnMoreLink:link,
.appsElementsSidekickLearnMoreLink:visited {
  color: var(--gm3-sys-color-on-surface-variant, #444746)
}

.appsElementsSidekickScrollDelineation {
  border-block-start: 1px solid var(--ae-sidekick-outline-color, var(--gm3-sys-color-surface-variant, #e1e3e1));
  padding-block-start: 7px
}

.appsElementsSidekickFeedEntries {
  --ae-chip-container-color: var(--gm3-sys-color-surface-container-high, #e9eef6);
  --ae-chip-container-max-inline-size: calc(100% - var(--ae-sidekick-computed-scrollbar-width, 16)*1px - 2ch);
  --ae-chip-hover-state-layer-color: var(--gm3-sys-color-surface-dim, #d3dbe5);
  --ae-chip-label-text-size: 0.875rem;
  display: flex;
  flex-direction: column;
  gap: 24px;
  inline-size: 100%;
  list-style: none;
  margin: unset;
  max-inline-size: 40rem;
  padding: unset
}

.appsElementsSidekickAgentBubble,
.appsElementsSidekickSystemBubble {
  position: relative;
  flex-shrink: 0;
  border-radius: 16px
}

.appsElementsSidekickAgentBubble:before,
.appsElementsSidekickSystemBubble:before {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none
}

@media screen and (forced-colors:active) {

  .appsElementsSidekickAgentBubble:before,
  .appsElementsSidekickSystemBubble:before {
    border-color: CanvasText
  }
}

.appsElementsSidekickBubbleContent {
  font-variant-ligatures: no-contextual;
  font-feature-settings: "liga" 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  text-wrap: pretty;
  overflow-wrap: break-word;
  word-break: break-word
}

.appsElementsSidekickBubbleContent ol,
.appsElementsSidekickBubbleContent p,
.appsElementsSidekickBubbleContent pre,
.appsElementsSidekickBubbleContent ul {
  margin-block: unset
}

.appsElementsSidekickBubbleContent :is(ul, ol) {
  margin-block: 16px
}

.appsElementsSidekickBubbleContent :is(ul, ol):first-child {
  margin-block-start: 0
}

.appsElementsSidekickBubbleContent :is(ul, ol):last-child {
  margin-block-end: 0
}

.appsElementsSidekickBubbleContent :is(ul, ol) :is(ul, ol),
.appsElementsSidekickBubbleContent :is(ul, ol) :is(ul, ol):is(:first-child, :last-child) {
  margin-block: 8px
}

.appsElementsSidekickBubbleContent ul {
  list-style-type: disc;
  padding-inline-start: 16px
}

.appsElementsSidekickBubbleContent ol {
  padding-inline-start: 3ch
}

.appsElementsSidekickBubbleContent b {
  font-weight: 500
}

.appsElementsSidekickBubbleContent code,
.appsElementsSidekickBubbleContent pre {
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  letter-spacing: .00625rem;
  line-height: 1rem;
  font-family: Google Sans Mono, monospace;
  white-space: pre-wrap;
  margin: unset
}

.appsElementsSidekickBubbleContent table {
  background-color: var(--gm3-sys-color-surface, #fff);
  border-spacing: 0;
  border: 1px solid var(--gm3-sys-color-outline-variant, #c4c7c5);
  border-collapse: inherit;
  word-break: auto-phrase
}

.appsElementsSidekickBubbleContent table th {
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 500;
  letter-spacing: .00625rem;
  line-height: 1rem;
  padding: 8px
}

.appsElementsSidekickBubbleContent table td {
  font-family: Roboto, Arial, sans-serif;
  font-size: .6875rem;
  font-weight: 500;
  letter-spacing: .00625rem;
  line-height: 1rem;
  font-weight: 400;
  padding: 5px 8px
}

.appsElementsSidekickBubbleContent table td,
.appsElementsSidekickBubbleContent table th {
  text-align: start;
  border: 1px solid var(--gm3-sys-color-outline-variant, #c4c7c5)
}

.appsElementsSidekickBubbleContent table tr+tr td,
.appsElementsSidekickBubbleContent table tr+tr th,
.appsElementsSidekickBubbleContent table tr:first-child td,
.appsElementsSidekickBubbleContent table tr:first-child th {
  border-block-start: 0
}

.appsElementsSidekickBubbleContent table td+td,
.appsElementsSidekickBubbleContent table td+th,
.appsElementsSidekickBubbleContent table td:first-child,
.appsElementsSidekickBubbleContent table th+td,
.appsElementsSidekickBubbleContent table th+th,
.appsElementsSidekickBubbleContent table th:first-child {
  border-inline-start: 0
}

.appsElementsSidekickBubbleContent table td:last-child,
.appsElementsSidekickBubbleContent table th:last-child {
  border-inline-end: 0
}

.appsElementsSidekickBubbleContent table tr:last-child td {
  border-block-end: 0
}

.appsElementsSidekickBubbleContent mark:not([class]) {
  background-color: unset;
  color: unset
}

.appsElementsSidekickBubbleContent a:any-link:not([class]) {
  color: var(--gm3-sys-color-primary, #0b57d0);
  text-underline-offset: .25em;
  text-decoration: underline
}

.appsElementsSidekickBubbleContent a:active:not([class]),
.appsElementsSidekickBubbleContent a:hover:not([class]),
.appsElementsSidekickBubbleContent a:visited:not([class]) {
  color: var(--gm3-sys-color-primary, #0b57d0)
}

.appsElementsSidekickSystemBubble {
  border: 1px solid var(--gm3-sys-color-outline-variant, #c4c7c5)
}

.appsElementsSidekickAgentBubble {
  display: flex;
  flex-direction: column;
  gap: 2px;
  border-start-start-radius: 6px
}

.appsElementsSidekickAgentBubble .appsElementsSidekickBubbleContent {
  background-color: var(--gm3-sys-color-surface-container-high, #e9eef6);
  border-radius: 16px;
  border-start-start-radius: 6px
}

.appsElementsSidekickAgentBubble .appsElementsSidekickBubbleContent:not(:only-child) {
  border-end-start-radius: 2px;
  border-end-end-radius: 2px
}

.appsElementsSidekickExpandableContent {
  display: flex;
  flex-direction: column;
  align-items: center
}

.appsElementsSidekickExpandableContentOverflow {
  margin-block-end: -8px
}

.appsElementsSidekickContentContainer {
  font-variant-ligatures: no-contextual;
  font-feature-settings: "liga" 0;
  align-self: start;
  max-inline-size: -webkit-fill-available;
  max-inline-size: stretch;
  overflow-x: auto
}

.appsElementsSidekickContentContainer ol,
.appsElementsSidekickContentContainer p,
.appsElementsSidekickContentContainer pre,
.appsElementsSidekickContentContainer ul {
  margin-block: unset
}

.appsElementsSidekickContentContainer :is(ul, ol) {
  margin-block: 16px
}

.appsElementsSidekickContentContainer :is(ul, ol):first-child {
  margin-block-start: 0
}

.appsElementsSidekickContentContainer :is(ul, ol):last-child {
  margin-block-end: 0
}

.appsElementsSidekickContentContainer :is(ul, ol) :is(ul, ol),
.appsElementsSidekickContentContainer :is(ul, ol) :is(ul, ol):is(:first-child, :last-child) {
  margin-block: 8px
}

.appsElementsSidekickContentContainer ul {
  list-style-type: disc;
  padding-inline-start: 16px
}

.appsElementsSidekickContentContainer ol {
  padding-inline-start: 3ch
}

.appsElementsSidekickContentContainer b {
  font-weight: 500
}

.appsElementsSidekickContentContainer code,
.appsElementsSidekickContentContainer pre {
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  letter-spacing: .00625rem;
  line-height: 1rem;
  font-family: Google Sans Mono, monospace;
  white-space: pre-wrap;
  margin: unset
}

.appsElementsSidekickContentContainer table {
  background-color: var(--gm3-sys-color-surface, #fff);
  border-spacing: 0;
  border: 1px solid var(--gm3-sys-color-outline-variant, #c4c7c5);
  border-collapse: inherit;
  word-break: auto-phrase
}

.appsElementsSidekickContentContainer table th {
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 500;
  letter-spacing: .00625rem;
  line-height: 1rem;
  padding: 8px
}

.appsElementsSidekickContentContainer table td {
  font-family: Roboto, Arial, sans-serif;
  font-size: .6875rem;
  font-weight: 500;
  letter-spacing: .00625rem;
  line-height: 1rem;
  font-weight: 400;
  padding: 5px 8px
}

.appsElementsSidekickContentContainer table td,
.appsElementsSidekickContentContainer table th {
  text-align: start;
  border: 1px solid var(--gm3-sys-color-outline-variant, #c4c7c5)
}

.appsElementsSidekickContentContainer table tr+tr td,
.appsElementsSidekickContentContainer table tr+tr th,
.appsElementsSidekickContentContainer table tr:first-child td,
.appsElementsSidekickContentContainer table tr:first-child th {
  border-block-start: 0
}

.appsElementsSidekickContentContainer table td+td,
.appsElementsSidekickContentContainer table td+th,
.appsElementsSidekickContentContainer table td:first-child,
.appsElementsSidekickContentContainer table th+td,
.appsElementsSidekickContentContainer table th+th,
.appsElementsSidekickContentContainer table th:first-child {
  border-inline-start: 0
}

.appsElementsSidekickContentContainer table td:last-child,
.appsElementsSidekickContentContainer table th:last-child {
  border-inline-end: 0
}

.appsElementsSidekickContentContainer table tr:last-child td {
  border-block-end: 0
}

.appsElementsSidekickContentContainer mark:not([class]) {
  background-color: unset;
  color: unset
}

.appsElementsSidekickContentContainer a:any-link:not([class]) {
  color: var(--gm3-sys-color-primary, #0b57d0);
  text-underline-offset: .25em;
  text-decoration: underline
}

.appsElementsSidekickContentContainer a:active:not([class]),
.appsElementsSidekickContentContainer a:hover:not([class]),
.appsElementsSidekickContentContainer a:visited:not([class]) {
  color: var(--gm3-sys-color-primary, #0b57d0)
}

.appsElementsSidekickContentContainer:has(table:only-child) {
  padding-block: 2px
}

.appsElementsSidekickContentContainerOverflow {
  max-block-size: 288px;
  overflow: hidden;
  position: relative
}

.appsElementsSidekickContentContainerOverflowing {
  -webkit-mask-image: linear-gradient(180deg, #000 50%, transparent);
  mask-image: linear-gradient(180deg, #000 50%, transparent)
}

@media (-ms-high-contrast:active),
screen and (forced-colors:active) {
  .appsElementsSidekickContentContainerOverflowing {
    forced-color-adjust: none
  }
}

.appsElementsSidekickCodeBlockShow [data-ice-generated-code=true] {
  display: block;
  background-color: var(--gm3-sys-color-surface-container, #f0f4f9);
  margin: 8px 0
}

.appsElementsSidekickCodeBlockHide [data-ice-generated-code=true] {
  display: none
}

.appsElementsSidekickCodeBlockButtonContainer {
  display: flex;
  flex-direction: row;
  justify-content: end;
  margin: 10px 0
}

.appsElementsSidekickInteractiveContentHighlightable .appsElementsGenerativeaiAstInlineCode {
  background-color: var(--gm3-sys-color-primary-container, #d3e3fd);
  color: var(--gm3-sys-color-on-primary-container, #0842a0)
}

.appsElementsSidekickInteractiveContentHighlightable .appsElementsGenerativeaiAstInlineCode:hover {
  background-color: color-mix(in srgb, var(--gm3-sys-color-primary-container, #d3e3fd), var(--gm3-sys-color-on-primary-container, #0842a0) 8%);
  cursor: pointer
}

.appsElementsSidekickOverflowButton {
  --gm3-icon-button-standard-container-width: 28px;
  --gm3-icon-button-standard-container-height: 28px;
  --gm3-icon-button-standard-icon-size: 20px;
  --gm3-icon-button-standard-selected-focus-icon-color: var(--gm3-sys-color-secondary, #00639b);
  --gm3-icon-button-standard-selected-hover-icon-color: var(--gm3-sys-color-secondary, #00639b);
  --gm3-icon-button-standard-selected-icon-color: var(--gm3-sys-color-secondary, #00639b);
  --gm3-icon-button-standard-selected-pressed-icon-color: var(--gm3-sys-color-secondary, #00639b);
  --gm3-icon-button-standard-unselected-focus-icon-color: var(--gm3-sys-color-secondary, #00639b);
  --gm3-icon-button-standard-unselected-hover-icon-color: var(--gm3-sys-color-secondary, #00639b);
  --gm3-icon-button-standard-unselected-icon-color: var(--gm3-sys-color-secondary, #00639b);
  --gm3-icon-button-standard-unselected-pressed-icon-color: var(--gm3-sys-color-secondary, #00639b)
}

.appsElementsSidekickOverflowButtonExpanded {
  margin-block-start: 12px
}

.appsElementsSidekickResponseSourcesList {
  --gm3-chip-set-vertical-space-between-chips: 8px
}

.appsElementsSidekickResponseSourcesList .appsElementsSidekickResponseSource {
  --gm3-chip-shared-label-text-size: 0.75rem;
  --gm3-chip-assist-flat-outline-width: 0;
  --gm3-chip-assist-flat-label-text-color: var(--gm3-sys-color-on-surface-variant, #444746);
  background-color: var(--gm3-sys-color-surface-container, #f0f4f9);
  max-inline-size: -webkit-fill-available;
  max-inline-size: stretch
}

@media (-ms-high-contrast:active),
screen and (forced-colors:active) {
  .appsElementsSidekickResponseSourcesList .appsElementsSidekickResponseSource {
    --gm3-chip-assist-flat-outline-width: 1px
  }
}

.appsElementsSidekickResponseSource a:hover {
  text-decoration: none
}

.appsElementsSidekickResponseSource :is(a:any-link, a:visited, a:hover, a:active) {
  color: currentColor
}

.appsElementsSidekickFooter {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  max-block-size: 80%;
  background-color: var(--ae-sidekick-container-color, var(--gm3-sys-color-surface, #fff));
  z-index: 8
}

.appsElementsSidekickFooterBorder {
  margin-inline: -1px;
  border-radius: 16px 16px 0 0;
  border: 1px solid var(--ae-sidekick-outline-color, var(--gm3-sys-color-surface-variant, #e1e3e1));
  border-block-end-width: 0
}

.appsElementsSidekickSuggestionList {
  --gm3-chip-set-vertical-space-between-chips: 8px;
  flex-shrink: 0;
  overflow: clip;
  overflow-clip-margin: 16px;
  padding-block: 0;
  flex-direction: column;
  align-items: flex-start
}

.appsElementsSidekickSuggestionListContainer:not(:has(.appsElementsSidekickSuggestion)) {
  display: none
}

.appsElementsSidekickSuggestionListToggle {
  --gm3-chip-shared-container-height: auto;
  --gm3-chip-shared-container-shape-start-start: 16px;
  --gm3-chip-shared-container-shape-start-end: 16px;
  --gm3-chip-shared-container-shape-end-end: 16px;
  --gm3-chip-shared-container-shape-end-start: 16px;
  --gm3-chip-assist-flat-outline-color: var(--gm3-sys-color-surface-variant, #e1e3e1);
  min-block-size: 36px;
  max-inline-size: -webkit-fill-available;
  max-inline-size: stretch
}

.appsElementsSidekickValidityStateMessage {
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  letter-spacing: .00625rem;
  line-height: 1rem;
  font-size: 10px;
  color: var(--gm3-sys-color-error, #b3261e);
  text-align: center;
  text-wrap: balance;
  word-break: break-word
}

.appsElementsSidekickValidityStateMessage:empty {
  display: none
}

.appsElementsSidekickPromptInputContainer {
  display: flex;
  inline-size: -webkit-fill-available;
  inline-size: stretch;
  justify-content: center;
  max-block-size: -webkit-fill-available;
  max-block-size: stretch;
  min-block-size: 60px
}

.appsElementsSidekickPromptInputWrapper {
  font-family: Roboto, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5rem;
  --ae-chip-label-text-weight: 400;
  --ae-chip-container-color: var(--gm3-sys-color-surface, #fff);
  --ae-chip-hover-state-layer-color: var(--gm3-sys-color-surface-dim, #d3dbe5);
  block-size: 100%;
  box-sizing: border-box;
  border-radius: 28px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-inline-size: 40rem;
  overflow: hidden auto;
  padding: 18px 20px;
  background-color: var(--ae-sidekick-prompt-input-background-color, var(--gm3-sys-color-surface-container, #f0f4f9));
  color: var(--ae-sidekick-prompt-input-text-color, #000);
  caret-color: var(--gm3-sys-color-primary, #0b57d0)
}

@media not (prefers-reduced-motion) {
  .appsElementsSidekickPromptInputWrapper {
    transition: border-radius .2s cubic-bezier(.2, 0, 0, 1)
  }
}

.appsElementsSidekickPromptInputWrapper:hover {
  background-color: color-mix(in srgb, var(--gm3-sys-color-surface-container, #f0f4f9), var(--gm3-sys-color-on-surface, #1f1f1f) 8%)
}

.appsElementsSidekickPromptInputWrapper:focus-within {
  --ae-chip-container-color: var(--gm3-sys-color-surface-container-high, #e9eef6);
  background-color: var(--gm3-sys-color-surface, #fff);
  outline: 1px solid var(--gm3-sys-color-outline, #747775)
}

.appsElementsSidekickPromptInputWrapper:focus-within:has(.appsElementsSidekickPromptInput[aria-invalid=true]) {
  outline-color: var(--gm3-sys-color-error, #b3261e)
}

.appsElementsSidekickPromptInputWrapper:not(.appsElementsSidekickPromptInputDisabled) .appsElementsSidekickPromptInput:before {
  color: var(--ae-sidekick-prompt-input-text-placeholder-color, #5e5e5e)
}

.appsElementsSidekickPromptInputMultiline .appsElementsSidekickPromptInputWrapper,
.appsElementsSidekickPromptInputWrapper.appsElementsSidekickHasCorpusScoper,
.appsElementsSidekickPromptInputWrapper.appsElementsSidekickHasModeSelector {
  border-radius: 16px
}

.appsElementsSidekickPromptInputWrapper.appsElementsSidekickHasCorpusScoper,
.appsElementsSidekickPromptInputWrapper.appsElementsSidekickHasModeSelector {
  padding: 12px 16px
}

.appsElementsSidekickPromptInputDisabled {
  background-color: var(--gm3-sys-color-surface-container-low, #f8fafd)
}

.appsElementsSidekickResetSessionDialog {
  --gm3-dialog-container-color: var(--gm3-sys-color-surface, #fff);
  --gm3-dialog-container-elevation: 0;
  --gm3-dialog-container-max-width: 312px
}

.appsElementsSidekickGemAlertDialog {
  --gm3-dialog-container-color: var(--gm3-sys-color-surface-container-high, #e9eef6);
  --gm3-dialog-container-elevation: 0;
  --gm3-dialog-container-max-width: 320px
}

.appsElementsSidekickDisclosureSummary {
  --gm3-button-text-container-height: 24px;
  --gm3-button-text-with-icon-icon-size: 18px;
  --gm3-button-text-with-icon-icon-color: var(--gm3-sys-color-secondary, #00639b);
  --gm3-button-text-with-icon-hover-icon-color: var(--gm3-sys-color-secondary, #00639b);
  --gm3-button-text-label-text-size: 0.75rem;
  --gm3-button-text-label-text-color: var(--gm3-sys-color-secondary, #00639b);
  margin: 0;
  margin-inline-start: -8px;
  padding-inline: 4px 8px
}

.appsElementsSidekickDebugDialog {
  --gm3-dialog-supporting-text-font: "Google Sans Mono";
  --gm3-dialog-supporting-text-line-height: 1rem;
  --gm3-dialog-supporting-text-size: 0.75rem;
  --gm3-dialog-supporting-text-tracking: 0.00625rem;
  --gm3-dialog-supporting-text-weight: 400;
  word-break: break-word;
  white-space: pre-wrap
}

.appsElementsSidekickQuotaMessage {
  display: flex
}

@keyframes rotate-spark {
  to {
    transform: rotate(1turn)
  }
}

.appsElementsSidekickAgentMessageRoot {
  display: flex;
  flex-direction: column
}

.appsElementsSidekickAgentMessageBubbleContent {
  font-variant-ligatures: no-contextual;
  font-feature-settings: "liga" 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  text-wrap: pretty;
  overflow-wrap: break-word;
  word-break: break-word
}

.appsElementsSidekickAgentMessageBubbleContent ol,
.appsElementsSidekickAgentMessageBubbleContent p,
.appsElementsSidekickAgentMessageBubbleContent pre,
.appsElementsSidekickAgentMessageBubbleContent ul {
  margin-block: unset
}

.appsElementsSidekickAgentMessageBubbleContent :is(ul, ol) {
  margin-block: 16px
}

.appsElementsSidekickAgentMessageBubbleContent :is(ul, ol):first-child {
  margin-block-start: 0
}

.appsElementsSidekickAgentMessageBubbleContent :is(ul, ol):last-child {
  margin-block-end: 0
}

.appsElementsSidekickAgentMessageBubbleContent :is(ul, ol) :is(ul, ol),
.appsElementsSidekickAgentMessageBubbleContent :is(ul, ol) :is(ul, ol):is(:first-child, :last-child) {
  margin-block: 8px
}

.appsElementsSidekickAgentMessageBubbleContent ul {
  list-style-type: disc;
  padding-inline-start: 16px
}

.appsElementsSidekickAgentMessageBubbleContent ol {
  padding-inline-start: 3ch
}

.appsElementsSidekickAgentMessageBubbleContent b {
  font-weight: 500
}

.appsElementsSidekickAgentMessageBubbleContent code,
.appsElementsSidekickAgentMessageBubbleContent pre {
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  letter-spacing: .00625rem;
  line-height: 1rem;
  font-family: Google Sans Mono, monospace;
  white-space: pre-wrap;
  margin: unset
}

.appsElementsSidekickAgentMessageBubbleContent table {
  background-color: var(--gm3-sys-color-surface, #fff);
  border-spacing: 0;
  border: 1px solid var(--gm3-sys-color-outline-variant, #c4c7c5);
  border-collapse: inherit;
  word-break: auto-phrase
}

.appsElementsSidekickAgentMessageBubbleContent table th {
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 500;
  letter-spacing: .00625rem;
  line-height: 1rem;
  padding: 8px
}

.appsElementsSidekickAgentMessageBubbleContent table td {
  font-family: Roboto, Arial, sans-serif;
  font-size: .6875rem;
  font-weight: 500;
  letter-spacing: .00625rem;
  line-height: 1rem;
  font-weight: 400;
  padding: 5px 8px
}

.appsElementsSidekickAgentMessageBubbleContent table td,
.appsElementsSidekickAgentMessageBubbleContent table th {
  text-align: start;
  border: 1px solid var(--gm3-sys-color-outline-variant, #c4c7c5)
}

.appsElementsSidekickAgentMessageBubbleContent table tr+tr td,
.appsElementsSidekickAgentMessageBubbleContent table tr+tr th,
.appsElementsSidekickAgentMessageBubbleContent table tr:first-child td,
.appsElementsSidekickAgentMessageBubbleContent table tr:first-child th {
  border-block-start: 0
}

.appsElementsSidekickAgentMessageBubbleContent table td+td,
.appsElementsSidekickAgentMessageBubbleContent table td+th,
.appsElementsSidekickAgentMessageBubbleContent table td:first-child,
.appsElementsSidekickAgentMessageBubbleContent table th+td,
.appsElementsSidekickAgentMessageBubbleContent table th+th,
.appsElementsSidekickAgentMessageBubbleContent table th:first-child {
  border-inline-start: 0
}

.appsElementsSidekickAgentMessageBubbleContent table td:last-child,
.appsElementsSidekickAgentMessageBubbleContent table th:last-child {
  border-inline-end: 0
}

.appsElementsSidekickAgentMessageBubbleContent table tr:last-child td {
  border-block-end: 0
}

.appsElementsSidekickAgentMessageBubbleContent mark:not([class]) {
  background-color: unset;
  color: unset
}

.appsElementsSidekickAgentMessageBubbleContent a:any-link:not([class]) {
  color: var(--gm3-sys-color-primary, #0b57d0);
  text-underline-offset: .25em;
  text-decoration: underline
}

.appsElementsSidekickAgentMessageBubbleContent a:active:not([class]),
.appsElementsSidekickAgentMessageBubbleContent a:hover:not([class]),
.appsElementsSidekickAgentMessageBubbleContent a:visited:not([class]) {
  color: var(--gm3-sys-color-primary, #0b57d0)
}

.appsElementsSidekickAgentMessageBubbleContent .appsElementsSidekickAgentMessageResponseOptionsMenuList {
  padding-inline-start: 0
}

.appsElementsSidekickAgentMessageSystemBubble {
  border-radius: 16px;
  border: 1px solid var(--gm3-sys-color-outline-variant, #c4c7c5);
  flex-shrink: 0;
  padding: 16px;
  position: relative
}

.appsElementsSidekickAgentMessageSystemBubble:before {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none
}

@media screen and (forced-colors:active) {
  .appsElementsSidekickAgentMessageSystemBubble:before {
    border-color: CanvasText
  }
}

.appsElementsSidekickAgentMessageSpark {
  position: relative;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  overflow: hidden;
  color: #217bfe
}

.appsElementsSidekickAgentMessageSparkIcon {
  display: block
}

.appsElementsSidekickAgentMessageSparkAnimate {
  transform-origin: center
}

@media not (prefers-reduced-motion) {
  .appsElementsSidekickAgentMessageSparkAnimate {
    animation: rotate-spark 2.1s linear infinite
  }
}

.appsElementsSidekickAgentMessageGem {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-block-end: 8px
}

.appsElementsSidekickAgentMessageGemLogo {
  aspect-ratio: 1;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 100%;
  inline-size: 24px
}

.appsElementsSidekickAgentMessageGemName {
  display: flex;
  flex-direction: column
}

.appsElementsSidekickAgentMessageHeader {
  font-family: Roboto, Arial, sans-serif;
  font-size: .6875rem;
  font-weight: 500;
  letter-spacing: .00625rem;
  line-height: 1rem;
  padding-block-end: 8px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center
}

.appsElementsSidekickAgentMessageStatusMessage {
  color: var(--gm3-sys-color-outline, #747775)
}

.appsElementsSidekickAgentMessageGeneratedImageText {
  padding-block-end: 8px
}

.appsElementsSidekickAgentMessageLinkPreview {
  --ae-link-preview-inline-size: 272px;
  margin-inline-start: 8px
}

.appsElementsSidekickAgentMessageMultiModalButtonContainer {
  background-color: var(--gm3-sys-color-surface-container, #f0f4f9);
  margin-inline-start: 16px
}

.appsElementsSidekickAgentMessageMultiModalButtonContainer:empty {
  display: none
}

.appsElementsSidekickAgentMessageCardResponseOptionsContainer:empty {
  display: none
}

.appsElementsSidekickAgentMessageChainOfThoughtContent {
  margin: 8px 0 0 4px;
  padding-inline-start: 8px;
  border-inline-start: 1px solid var(--gm3-sys-color-outline-variant, #c4c7c5)
}

.appsElementsSidekickAgentMessageChainOfThoughtButton {
  --gm3-button-text-container-height: 24px;
  --gm3-button-text-with-icon-icon-size: 20px;
  --gm3-button-text-with-icon-icon-color: var(--gm3-sys-color-secondary, #00639b);
  --gm3-button-text-with-icon-hover-icon-color: var(--gm3-sys-color-secondary, #00639b);
  --gm3-button-text-label-text-size: 0.75rem;
  --gm3-button-text-label-text-color: var(--gm3-sys-color-secondary, #00639b);
  margin: 0;
  margin-inline-start: -4px;
  padding-inline: 4px 8px
}

.appsElementsSidekickAvatarAvatarContainer {
  position: relative;
  inline-size: 24px;
  block-size: 24px
}

.appsElementsSidekickAvatarAvatarContainer:after {
  content: "";
  border: 1px solid var(--gm3-sys-color-outline-variant, #c4c7c5);
  border-radius: 100%;
  opacity: .5;
  position: absolute;
  inset: 0;
  box-sizing: border-box;
  inline-size: 100%;
  block-size: 100%
}

.appsElementsSidekickAvatarAvatar {
  inline-size: 24px;
  aspect-ratio: 1;
  border-radius: 100%;
  overflow: hidden
}

.appsElementsSidekickCalendarReply {
  margin-block-end: 16px
}

.appsElementsSidekickCalendarEventsWrapper {
  display: flex;
  flex-direction: column;
  gap: 2px
}

.appsElementsSidekickCalendarCalendarIcon {
  inline-size: 16px;
  block-size: 16px
}

.appsElementsSidekickCalendarEventCardWrapper {
  --gm3-card-filled-container-color: var(--gm3-sys-color-surface-container, #f0f4f9);
  --gm3-card-filled-container-shape-start-start: 4px;
  --gm3-card-filled-container-shape-start-end: 4px;
  --gm3-card-filled-container-shape-end-end: 4px;
  --gm3-card-filled-container-shape-end-start: 4px;
  border-radius: 4px
}

.appsElementsSidekickCalendarEventCardWrapper:last-child {
  border-end-start-radius: 12px;
  border-end-end-radius: 12px;
  --gm3-card-filled-container-shape-start-start: 4px;
  --gm3-card-filled-container-shape-start-end: 4px;
  --gm3-card-filled-container-shape-end-end: 12px;
  --gm3-card-filled-container-shape-end-start: 12px
}

.appsElementsSidekickCalendarEventCardElement {
  border-radius: inherit
}

.appsElementsSidekickCalendarEventCard {
  display: flex;
  justify-content: center;
  min-block-size: 60px;
  border-radius: inherit
}

.appsElementsSidekickCalendarCardAction {
  inline-size: 100%;
  block-size: 100%;
  min-block-size: 60px;
  justify-content: center
}

.appsElementsSidekickCalendarCardContent {
  display: flex;
  inline-size: 100%;
  block-size: 100%;
  min-block-size: 60px;
  align-content: center
}

.appsElementsSidekickCalendarCardText {
  display: flex;
  flex-direction: column;
  inline-size: calc(100% - 32px);
  block-size: 100%;
  padding: 8px 16px;
  justify-content: center
}

.appsElementsSidekickCalendarCardTextWithInlineEditButton {
  inline-size: calc(100% - 72px)
}

.appsElementsSidekickCalendarInlineEditButton {
  --gm3-icon-button-filled-tonal-container-width: 36px;
  --gm3-icon-button-filled-tonal-container-height: 36px;
  --gm3-icon-button-filled-tonal-icon-size: 22px;
  margin-block-start: 8px;
  margin-inline-start: -44px;
  justify-content: center;
  align-items: center
}

.appsElementsSidekickCalendarEventTitle {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.25rem;
  color: var(--gm3-sys-color-on-surface, #1f1f1f);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.appsElementsSidekickCalendarEventSubtitle {
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  letter-spacing: .00625rem;
  line-height: 1rem;
  color: var(--gm3-sys-color-on-surface-variant, #444746)
}

.appsElementsSidekickCalendarDeletedEvent {
  opacity: .38;
  pointer-events: none
}

.appsElementsSidekickCalendarRowWithIcon {
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  letter-spacing: .00625rem;
  line-height: 1rem;
  color: var(--gm3-sys-color-on-surface-variant, #444746);
  display: flex;
  flex-direction: row;
  margin-block-start: 8px;
  gap: 8px
}

.appsElementsSidekickCalendarRowIcon {
  inline-size: 16px;
  block-size: 16px
}

.appsElementsSidekickCalendarDescription {
  white-space: pre-wrap;
  overflow-wrap: anywhere
}

.appsElementsSidekickCalendarAttendeeRow {
  max-block-size: 60px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis
}

.appsElementsSidekickCalendarLocation {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

.appsElementsSidekickCalendarLink {
  text-decoration: none
}

.appsElementsSidekickCalendarLink:hover {
  text-decoration: underline
}

.appsElementsSidekickCommonCardListRoot {
  display: flex;
  flex-direction: column;
  gap: 2px
}

.appsElementsSidekickCommonCardListHeader {
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 500;
  letter-spacing: .00625rem;
  line-height: 1rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: var(--gm3-sys-color-surface-container, #f0f4f9);
  gap: 12px;
  padding: 10px 10px 10px 16px;
  border-radius: 4px;
  border-start-start-radius: 12px;
  border-start-end-radius: 12px
}

.appsElementsSidekickCommonCardListHeaderCard {
  --gm3-card-filled-container-color: var(--gm3-sys-color-surface-container, #f0f4f9);
  --gm3-card-filled-container-shape-start-start: 12px;
  --gm3-card-filled-container-shape-start-end: 12px;
  --gm3-card-filled-container-shape-end-end: 4px;
  --gm3-card-filled-container-shape-end-start: 4px;
  display: flex;
  block-size: 36px
}

.appsElementsSidekickCommonCardListHeaderContent {
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 500;
  letter-spacing: .00625rem;
  line-height: 1rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  inline-size: calc(100% - 32px);
  block-size: 100%;
  padding-inline: 16px
}

.appsElementsSidekickCommonCardListHeaderAction {
  inline-size: 100%;
  block-size: 100%;
  justify-content: center
}

.appsElementsSidekickCommonCardListFooter {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: var(--gm3-sys-color-surface-container, #f0f4f9);
  block-size: 44px;
  gap: 12px;
  border-radius: 4px;
  border-end-start-radius: 12px;
  border-end-end-radius: 12px
}

.appsElementsSidekickCommonCardListShowMoreCard {
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 500;
  letter-spacing: .00625rem;
  line-height: 1rem;
  --gm3-card-filled-container-color: var(--gm3-sys-color-surface-container, #f0f4f9);
  --gm3-card-filled-container-shape-start-start: 4px;
  --gm3-card-filled-container-shape-start-end: 4px;
  --gm3-card-filled-container-shape-end-end: 12px;
  --gm3-card-filled-container-shape-end-start: 12px;
  display: flex;
  block-size: 100%;
  inline-size: 100%
}

.appsElementsSidekickCommonCardListShowMoreContent {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  inline-size: calc(100% - 32px);
  block-size: 100%;
  margin-inline: 6px
}

.appsElementsSidekickCommonCardListShowMoreAction {
  inline-size: 100%;
  block-size: 100%;
  justify-content: center
}

.appsElementsSidekickGemLogoRoot {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  justify-content: center
}

.appsElementsSidekickGemLogoLight {
  color: var(--ae-gem-icon-color-light, var(--gm3-sys-color-on-surface-variant, #444746));
  border: 1px solid var(--ae-gem-border-color-light, var(--gm3-sys-color-surface, #fff));
  background-color: var(--ae-gem-bg-color-light, var(--gm3-sys-color-surface, #fff));
  display: var(--ae-sidekick-gem-display-light, flex)
}

.appsElementsSidekickGemLogoDark {
  color: var(--ae-gem-icon-color-dark, var(--gm3-sys-color-on-surface-variant, #444746));
  border: 1px solid var(--ae-gem-border-color-dark, var(--gm3-sys-color-surface, #fff));
  background-color: var(--ae-gem-bg-color-dark, var(--gm3-sys-color-surface, #fff));
  display: var(--ae-sidekick-gem-display-dark, none)
}

.appsElementsSidekickGemLogoDefault {
  color: var(--gm3-sys-color-on-surface-variant, #444746);
  border: 1px solid var(--gm3-sys-color-surface, #fff);
  background-color: var(--gm3-sys-color-surface, #fff)
}

.appsElementsSidekickImageGridRoot {
  --gm3-sys-color-background: #fff;
  --gm3-sys-color-background-rgb: 255, 255, 255;
  --gm3-sys-color-error: #b3261e;
  --gm3-sys-color-error-rgb: 179, 38, 30;
  --gm3-sys-color-error-container: #f9dedc;
  --gm3-sys-color-error-container-rgb: 249, 222, 220;
  --gm3-sys-color-inverse-on-surface: #f2f2f2;
  --gm3-sys-color-inverse-on-surface-rgb: 242, 242, 242;
  --gm3-sys-color-inverse-primary: #a8c7fa;
  --gm3-sys-color-inverse-primary-rgb: 168, 199, 250;
  --gm3-sys-color-inverse-surface: #303030;
  --gm3-sys-color-inverse-surface-rgb: 48, 48, 48;
  --gm3-sys-color-on-background: #1f1f1f;
  --gm3-sys-color-on-background-rgb: 31, 31, 31;
  --gm3-sys-color-on-error: #fff;
  --gm3-sys-color-on-error-rgb: 255, 255, 255;
  --gm3-sys-color-on-error-container: #410e0b;
  --gm3-sys-color-on-error-container-rgb: 65, 14, 11;
  --gm3-sys-color-on-primary: #fff;
  --gm3-sys-color-on-primary-rgb: 255, 255, 255;
  --gm3-sys-color-on-primary-container: #041e49;
  --gm3-sys-color-on-primary-container-rgb: 4, 30, 73;
  --gm3-sys-color-on-primary-fixed: #041e49;
  --gm3-sys-color-on-primary-fixed-rgb: 4, 30, 73;
  --gm3-sys-color-on-primary-fixed-variant: #0842a0;
  --gm3-sys-color-on-primary-fixed-variant-rgb: 8, 66, 160;
  --gm3-sys-color-on-secondary: #fff;
  --gm3-sys-color-on-secondary-rgb: 255, 255, 255;
  --gm3-sys-color-on-secondary-container: #001d35;
  --gm3-sys-color-on-secondary-container-rgb: 0, 29, 53;
  --gm3-sys-color-on-secondary-fixed: #001d35;
  --gm3-sys-color-on-secondary-fixed-rgb: 0, 29, 53;
  --gm3-sys-color-on-secondary-fixed-variant: #004a77;
  --gm3-sys-color-on-secondary-fixed-variant-rgb: 0, 74, 119;
  --gm3-sys-color-on-surface: #1f1f1f;
  --gm3-sys-color-on-surface-rgb: 31, 31, 31;
  --gm3-sys-color-on-surface-variant: #444746;
  --gm3-sys-color-on-surface-variant-rgb: 68, 71, 70;
  --gm3-sys-color-on-tertiary: #fff;
  --gm3-sys-color-on-tertiary-rgb: 255, 255, 255;
  --gm3-sys-color-on-tertiary-container: #072711;
  --gm3-sys-color-on-tertiary-container-rgb: 7, 39, 17;
  --gm3-sys-color-on-tertiary-fixed: #072711;
  --gm3-sys-color-on-tertiary-fixed-rgb: 7, 39, 17;
  --gm3-sys-color-on-tertiary-fixed-variant: #0f5223;
  --gm3-sys-color-on-tertiary-fixed-variant-rgb: 15, 82, 35;
  --gm3-sys-color-outline: #747775;
  --gm3-sys-color-outline-rgb: 116, 119, 117;
  --gm3-sys-color-outline-variant: #c4c7c5;
  --gm3-sys-color-outline-variant-rgb: 196, 199, 197;
  --gm3-sys-color-primary: #0b57d0;
  --gm3-sys-color-primary-rgb: 11, 87, 208;
  --gm3-sys-color-primary-container: #d3e3fd;
  --gm3-sys-color-primary-container-rgb: 211, 227, 253;
  --gm3-sys-color-primary-fixed: #d3e3fd;
  --gm3-sys-color-primary-fixed-rgb: 211, 227, 253;
  --gm3-sys-color-primary-fixed-dim: #a8c7fa;
  --gm3-sys-color-primary-fixed-dim-rgb: 168, 199, 250;
  --gm3-sys-color-scrim: #000;
  --gm3-sys-color-scrim-rgb: 0, 0, 0;
  --gm3-sys-color-secondary: #00639b;
  --gm3-sys-color-secondary-rgb: 0, 99, 155;
  --gm3-sys-color-secondary-container: #c2e7ff;
  --gm3-sys-color-secondary-container-rgb: 194, 231, 255;
  --gm3-sys-color-secondary-fixed: #c2e7ff;
  --gm3-sys-color-secondary-fixed-rgb: 194, 231, 255;
  --gm3-sys-color-secondary-fixed-dim: #7fcfff;
  --gm3-sys-color-secondary-fixed-dim-rgb: 127, 207, 255;
  --gm3-sys-color-shadow: #000;
  --gm3-sys-color-shadow-rgb: 0, 0, 0;
  --gm3-sys-color-surface: #fff;
  --gm3-sys-color-surface-rgb: 255, 255, 255;
  --gm3-sys-color-surface-bright: #fff;
  --gm3-sys-color-surface-bright-rgb: 255, 255, 255;
  --gm3-sys-color-surface-container: #f0f4f9;
  --gm3-sys-color-surface-container-rgb: 240, 244, 249;
  --gm3-sys-color-surface-container-high: #e9eef6;
  --gm3-sys-color-surface-container-high-rgb: 233, 238, 246;
  --gm3-sys-color-surface-container-highest: #dde3ea;
  --gm3-sys-color-surface-container-highest-rgb: 221, 227, 234;
  --gm3-sys-color-surface-container-low: #f8fafd;
  --gm3-sys-color-surface-container-low-rgb: 248, 250, 253;
  --gm3-sys-color-surface-container-lowest: #fff;
  --gm3-sys-color-surface-container-lowest-rgb: 255, 255, 255;
  --gm3-sys-color-surface-dim: #d3dbe5;
  --gm3-sys-color-surface-dim-rgb: 211, 219, 229;
  --gm3-sys-color-surface-tint: #6991d6;
  --gm3-sys-color-surface-tint-rgb: 105, 145, 214;
  --gm3-sys-color-surface-variant: #e1e3e1;
  --gm3-sys-color-surface-variant-rgb: 225, 227, 225;
  --gm3-sys-color-tertiary: #146c2e;
  --gm3-sys-color-tertiary-rgb: 20, 108, 46;
  --gm3-sys-color-tertiary-container: #c4eed0;
  --gm3-sys-color-tertiary-container-rgb: 196, 238, 208;
  --gm3-sys-color-tertiary-fixed: #c4eed0;
  --gm3-sys-color-tertiary-fixed-rgb: 196, 238, 208;
  --gm3-sys-color-tertiary-fixed-dim: #6dd58c;
  --gm3-sys-color-tertiary-fixed-dim-rgb: 109, 213, 140;
  --gm3-dialog-container-color: transparent;
  --gm3-dialog-container-content-padding: 0;
  --gm3-dialog-container-elevation: 0;
  --gm3-dialog-container-shape: 0;
  --gm3-dialog-scrim-color: color-mix(in srgb, var(--gm3-sys-color-scrim, #000), transparent 20%);
  --gm3-dialog-container-content-padding-block-start: 0;
  --gm3-dialog-container-content-padding-inline-end: 0;
  --gm3-dialog-container-content-padding-block-end: 0;
  --gm3-dialog-container-content-padding-inline-start: 0
}

@media (-ms-high-contrast:active),
screen and (forced-colors:active) {
  .appsElementsSidekickImageGridRoot [role=dialog] {
    outline: none
  }

  .appsElementsSidekickImageGridRoot [role=dialog]:after {
    border: none
  }
}

.appsElementsSidekickImageGridImageContainer {
  display: flex;
  align-items: center;
  overflow: hidden
}

.appsElementsSidekickImageGridImage {
  min-inline-size: 0;
  border-radius: 12px;
  -webkit-user-select: none;
  user-select: none
}

@media (-ms-high-contrast:active),
screen and (forced-colors:active) {
  .appsElementsSidekickImageGridImage {
    border: 1px solid
  }
}

.appsElementsSidekickImageGridMinimizeButton {
  --gm3-icon-button-filled-container-width: 32px;
  --gm3-icon-button-filled-container-height: 32px;
  --gm3-icon-button-filled-icon-size: 20px;
  --gm3-icon-button-filled-container-color: var(--gm3-sys-color-scrim, #000);
  --gm3-icon-button-filled-focus-icon-color: var(--gm3-sys-color-inverse-on-surface, #f2f2f2);
  --gm3-icon-button-filled-hover-icon-color: var(--gm3-sys-color-inverse-on-surface, #f2f2f2);
  --gm3-icon-button-filled-icon-color: var(--gm3-sys-color-inverse-on-surface, #f2f2f2);
  --gm3-icon-button-filled-pressed-icon-color: var(--gm3-sys-color-inverse-on-surface, #f2f2f2);
  position: absolute;
  inset-block-start: 16px;
  inset-inline-end: 44px
}

.appsElementsSidekickImageGridMinimizeButton:before {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none
}

@media screen and (forced-colors:active) {
  .appsElementsSidekickImageGridMinimizeButton:before {
    border-color: CanvasText
  }
}

.appsElementsSidekickImageGridCarouselButton {
  --gm3-icon-button-filled-container-color: var(--gm3-sys-color-surface, #fff);
  --gm3-icon-button-filled-icon-color: var(--gm3-sys-color-on-surface, #1f1f1f);
  --gm3-icon-button-filled-hover-icon-color: var(--gm3-sys-color-on-surface, #1f1f1f);
  --gm3-icon-button-filled-pressed-icon-color: var(--gm3-sys-color-on-surface, #1f1f1f);
  --gm3-icon-button-filled-focus-icon-color: var(--gm3-sys-color-on-surface, #1f1f1f);
  --gm3-icon-button-filled-icon-size: 24px
}

.appsElementsSidekickImageGridCarouselButton:before {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none
}

@media screen and (forced-colors:active) {
  .appsElementsSidekickImageGridCarouselButton:before {
    border-color: CanvasText
  }
}

.appsElementsSidekickImageGridNextButton {
  margin-inline: -20px 8px
}

.appsElementsSidekickImageGridPreviousButton {
  margin-inline: 8px -20px
}

.appsElementsSidekickImageGridFirstImageSpacing {
  margin-inline-start: 28px
}

.appsElementsSidekickImageGridLastImageSpacing {
  margin-inline-end: 28px
}

.appsElementsSidekickImageGridInsertButton {
  --gm3-button-filled-container-color: var(--gm3-sys-color-scrim, #000);
  --gm3-button-filled-container-shape: 8px;
  --gm3-button-filled-label-text-size: 0.875rem;
  --gm3-button-filled-label-text-weight: 400;
  --gm3-button-filled-label-text-tracking: 0rem;
  padding-inline: 24px;
  margin: 12px 0 8px 28px
}

.appsElementsSidekickImageGridFeedbackButtons {
  --gm3-icon-button-filled-tonal-container-color: var(--gm3-sys-color-scrim, #000);
  --gm3-icon-button-filled-tonal-disabled-container-color: rgba(var(--gm3-sys-color-scrim-rgb, 0, 0, 0), 1);
  --gm3-icon-button-filled-tonal-disabled-icon-color: rgba(var(--gm3-sys-color-inverse-on-surface-rgb, 242, 242, 242), 1);
  --gm3-icon-button-filled-tonal-focus-icon-color: var(--gm3-sys-color-inverse-on-surface, #f2f2f2);
  --gm3-icon-button-filled-tonal-hover-icon-color: var(--gm3-sys-color-inverse-on-surface, #f2f2f2);
  --gm3-icon-button-filled-tonal-icon-color: var(--gm3-sys-color-inverse-on-surface, #f2f2f2);
  --gm3-icon-button-filled-tonal-icon-size: 24px;
  --gm3-icon-button-filled-tonal-pressed-icon-color: var(--gm3-sys-color-inverse-on-surface, #f2f2f2);
  --gm3-icon-button-filled-tonal-container-shape-start-start: 12px;
  --gm3-icon-button-filled-tonal-container-shape-start-end: 12px;
  --gm3-icon-button-filled-tonal-container-shape-end-end: 12px;
  --gm3-icon-button-filled-tonal-container-shape-end-start: 12px;
  --gm3-icon-button-filled-tonal-pressed-container-shape-start-start: 12px;
  --gm3-icon-button-filled-tonal-pressed-container-shape-start-end: 12px;
  --gm3-icon-button-filled-tonal-pressed-container-shape-end-end: 12px;
  --gm3-icon-button-filled-tonal-pressed-container-shape-end-start: 12px;
  --gm3-icon-button-filled-tonal-selected-container-shape-start-start: 12px;
  --gm3-icon-button-filled-tonal-selected-container-shape-start-end: 12px;
  --gm3-icon-button-filled-tonal-selected-container-shape-end-end: 12px;
  --gm3-icon-button-filled-tonal-selected-container-shape-end-start: 12px
}

.appsElementsSidekickImageGridFeedbackButtons:before {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none
}

@media screen and (forced-colors:active) {
  .appsElementsSidekickImageGridFeedbackButtons:before {
    border-color: CanvasText
  }
}

.appsElementsSidekickImageGridGrid {
  display: flex;
  flex-wrap: wrap;
  gap: 2px
}

.appsElementsSidekickImageGridGridImageContainer {
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  aspect-ratio: 1;
  flex-basis: calc(50% - 2px);
  flex-grow: 1
}

.appsElementsSidekickImageGridGridImageContainer:before {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none
}

@media screen and (forced-colors:active) {
  .appsElementsSidekickImageGridGridImageContainer:before {
    border-color: CanvasText
  }
}

.appsElementsSidekickImageGridGridImageContainer:hover {
  cursor: zoom-in
}

.appsElementsSidekickImageGridGridImageContainer:focus-within .appsElementsSidekickImageGridImageOptionsContainer,
.appsElementsSidekickImageGridGridImageContainer:hover .appsElementsSidekickImageGridImageOptionsContainer {
  display: flex;
  gap: 8px;
  width: 100%
}

.appsElementsSidekickImageGridGridImage {
  width: 100%
}

.appsElementsSidekickImageGridImageOptionsContainer {
  display: none;
  position: absolute;
  inset-block-end: 12px;
  justify-content: center
}

.appsElementsSidekickImageGridLightboxFeedbackOptionContainer {
  display: flex;
  gap: 8px;
  margin: 12px 28px 8px 0;
  float: right
}

.appsElementsSidekickImageGridImageOption {
  --gm3-icon-button-filled-tonal-container-width: 28px;
  --gm3-icon-button-filled-tonal-container-height: 28px;
  --gm3-icon-button-filled-tonal-icon-size: 20px;
  --gm3-icon-button-filled-tonal-container-color: var(--gm3-sys-color-inverse-surface, #303030);
  --gm3-icon-button-filled-tonal-icon-color: var(--gm3-sys-color-inverse-on-surface, #f2f2f2);
  --gm3-icon-button-filled-tonal-hover-icon-color: var(--gm3-sys-color-inverse-on-surface, #f2f2f2);
  --gm3-icon-button-filled-tonal-pressed-icon-color: var(--gm3-sys-color-inverse-on-surface, #f2f2f2);
  --gm3-icon-button-filled-tonal-focus-icon-color: var(--gm3-sys-color-inverse-on-surface, #f2f2f2);
  --gm3-icon-button-filled-tonal-container-shape-start-start: 12px;
  --gm3-icon-button-filled-tonal-container-shape-start-end: 12px;
  --gm3-icon-button-filled-tonal-container-shape-end-end: 12px;
  --gm3-icon-button-filled-tonal-container-shape-end-start: 12px;
  --gm3-icon-button-filled-tonal-pressed-container-shape-start-start: 12px;
  --gm3-icon-button-filled-tonal-pressed-container-shape-start-end: 12px;
  --gm3-icon-button-filled-tonal-pressed-container-shape-end-end: 12px;
  --gm3-icon-button-filled-tonal-pressed-container-shape-end-start: 12px;
  --gm3-icon-button-filled-tonal-selected-container-shape-start-start: 12px;
  --gm3-icon-button-filled-tonal-selected-container-shape-start-end: 12px;
  --gm3-icon-button-filled-tonal-selected-container-shape-end-end: 12px;
  --gm3-icon-button-filled-tonal-selected-container-shape-end-start: 12px
}

.appsElementsSidekickImageGridImageOption:before {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none
}

@media screen and (forced-colors:active) {
  .appsElementsSidekickImageGridImageOption:before {
    border-color: CanvasText
  }
}

.appsElementsSidekickImageGridRipple {
  --gm3-ripple-hover-color: var(--gm3-sys-color-scrim, #000);
  --gm3-ripple-hover-opacity: 0.08;
  --gm3-ripple-pressed-color: var(--gm3-sys-color-scrim, #000);
  --gm3-ripple-pressed-opacity: 0.1
}

.appsElementsSidekickTasksReply {
  margin-block-end: 16px
}

.appsElementsSidekickTasksTasksWrapper {
  display: flex;
  flex-direction: column;
  gap: 2px
}

.appsElementsSidekickTasksTasksIcon {
  inline-size: 16px;
  block-size: 16px
}

.appsElementsSidekickTasksTaskCardWrapper {
  overflow: hidden;
  border-radius: 4px
}

.appsElementsSidekickTasksTaskCardWrapper:last-child {
  border-end-start-radius: 12px;
  border-end-end-radius: 12px
}

.appsElementsSidekickTasksTaskCard {
  --gm3-card-filled-container-color: var(--gm3-sys-color-surface-container, #f0f4f9);
  --gm3-card-filled-container-shape-start-start: 4px;
  --gm3-card-filled-container-shape-start-end: 4px;
  --gm3-card-filled-container-shape-end-end: 4px;
  --gm3-card-filled-container-shape-end-start: 4px;
  display: flex;
  block-size: 60px;
  border-radius: inherit
}

.appsElementsSidekickTasksCardAction {
  inline-size: 100%;
  block-size: 100%;
  justify-content: center
}

.appsElementsSidekickTasksCardContent {
  display: flex;
  flex-direction: column;
  inline-size: calc(100% - 32px);
  block-size: 100%;
  padding-inline: 16px;
  justify-content: center
}

.appsElementsSidekickTasksTaskTitle {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.25rem;
  color: var(--gm3-sys-color-on-surface, #1f1f1f);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.appsElementsSidekickTasksTaskSubtitle {
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  letter-spacing: .00625rem;
  line-height: 1rem;
  color: var(--gm3-sys-color-on-surface-variant, #444746)
}

.appsElementsSidekickUiKitRoot {
  --gm3-chip-assist-flat-label-text-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-chip-assist-flat-hover-label-text-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-chip-assist-flat-pressed-label-text-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-chip-assist-flat-focus-label-text-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-chip-assist-flat-disabled-outline-color: var(--gm3-sys-color-outline-variant, #c4c7c5);
  --gm3-chip-assist-flat-focus-outline-color: var(--gm3-sys-color-outline-variant, #c4c7c5);
  --gm3-chip-assist-flat-outline-color: var(--gm3-sys-color-outline-variant, #c4c7c5);
  --gm3-chip-assist-flat-outline-width: 1px;
  block-size: 100%;
  position: relative
}

.appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardCardfooterButtonGroup {
  padding-inline: 0
}

.appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardCard.CardMixin {
  border: none;
  border-radius: 0
}

.appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardButtonFilledTonalTextButton {
  --light-bg-color: var(--gm3-sys-color-primary-container, #d3e3fd);
  --light-text-color: var(--gm3-sys-color-primary, #0b57d0)
}

.appsElementsSidekickUiKitRoot:before {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none
}

@media screen and (forced-colors:active) {
  .appsElementsSidekickUiKitRoot:before {
    border-color: CanvasText
  }
}

.appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardCardsectionCardSection {
  --uikit-background-color: var(--gm3-sys-color-surface-container-high, #e9eef6);
  border: none
}

.appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardCardsectionCardSection:has(.boqAddonscardsrendererCardKeyvalueKeyValueContainer:first-child:last-child) {
  overflow: hidden
}

.appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardCardsectionWidget.WidgetDensity:has(.boqAddonscardsrendererCardDividerSpace) {
  padding-bottom: 4px;
  padding-top: 0
}

.appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardCardsectionWidget:has(.boqAddonscardsrendererCardChiplistChipList) {
  padding-top: 0
}

.appsElementsSidekickUiKitRoot .javascriptMaterialdesignGm3WizChipShared-chip {
  background-color: var(--gm3-sys-color-on-primary, #fff);
  border: 1px solid var(--gm3-sys-color-outline-variant, #c4c7c5);
  margin-block: 0
}

.appsElementsSidekickUiKitRoot .javascriptMaterialdesignGm3WizChipShared-chip--disabled {
  background-color: transparent
}

.appsElementsSidekickUiKitRoot .javascriptMaterialdesignGm3WizChipShared-chip__action--primary:before {
  display: none
}

.appsElementsSidekickUiKitRoot .javascriptMaterialdesignGm3WizChipShared-chip__graphic {
  inline-size: 20px;
  block-size: 20px
}

.appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardChiplistChipList .boqAddonscardsrendererCardIconImageContainer {
  inline-size: 20px
}

@media (-ms-high-contrast:active),
screen and (forced-colors:active) {
  .appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardIconImageContainer {
    filter: contrast(.3)
  }
}

.appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardCardheaderContainer:only-child {
  padding: 0
}

.appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardCardheaderContainer:only-child .boqAddonscardsrendererCardCardheaderCardHeader {
  padding: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px
}

.appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardCardheaderContainer:only-child .boqAddonscardsrendererCardCardheaderTitleText {
  font-size: 14px;
  font-weight: 400
}

.appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardKeyvalueKeyValueContainer {
  justify-content: flex-start;
  margin-block-end: -4px
}

.appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardKeyvalueKeyValueContainer:has(.boqAddonscardsrendererCardKeyvalueKeyValue:first-child:last-child) {
  margin-block-end: 0
}

.appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardKeyvalueKeyValue {
  inline-size: 100%;
  gap: 8px
}

.appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardKeyvalueKeyValue:has(.boqAddonscardsrendererCardKeyvalueKeyValueStartIcon:first-child, .boqAddonscardsrendererCardKeyvalueKeyValueText:last-child) {
  gap: 12px
}

.appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardKeyvalueKeyValue.clickable:has(.boqAddonscardsrendererCardKeyvalueKeyValueStartIcon:first-child, .boqAddonscardsrendererCardKeyvalueKeyValueText:last-child) {
  margin: -16px;
  padding: 16px;
  max-inline-size: none
}

.appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardKeyvalueKeyValue.clickable:has(.boqAddonscardsrendererCardKeyvalueKeyValueStartIcon:first-child, .boqAddonscardsrendererCardKeyvalueKeyValueText:last-child):hover {
  --uikit-background-color: var(--gm3-sys-color-surface-container-highest, #dde3ea);
  background-color: var(--gm3-sys-color-surface-container-highest, #dde3ea)
}

.appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardKeyvalueKeyValueStartIcon {
  margin: 0
}

.appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardIconFontIcon.customStyle {
  font-size: 20px
}

.appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardKeyvalueKeyValueText {
  margin: 0;
  flex: 1 1
}

.appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardKeyvalueKeyValueBottomLabel {
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 500;
  letter-spacing: .00625rem;
  line-height: 1rem
}

.appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardCardsectionSectionHeaderIcon {
  --uikit-background-color: var(--gm3-sys-color-surface, #fff);
  background-color: var(--gm3-sys-color-surface, #fff);
  inline-size: 32px;
  block-size: 32px;
  border-radius: 32px
}

.appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardImageImage {
  display: block
}

.appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardFormattedtextFontWeightBold {
  font-weight: 500
}

.appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardColumnsColumns {
  --uikit-columns-gap: 16px;
  gap: var(--uikit-columns-gap)
}

.appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardColumnsColumns .boqAddonscardsrendererCardColumnsColumn {
  --uikit-column-size: 50%;
  --uikit-column-width: calc(var(--uikit-column-size) - var(--uikit-columns-gap)/2);
  flex-basis: var(--uikit-column-width);
  min-width: var(--uikit-column-width)
}

.appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardColumnsColumns .boqAddonscardsrendererCardColumnsColumn.FillMinimumSpace {
  --uikit-column-size: 40%
}

.appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardCardsectionSectionHeader .boqAddonscardsrendererCardFormattedtextFormattedTextSpan {
  color: var(--gm3-sys-color-on-surface, #1f1f1f)
}

.appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardColumnsColumnWidget .boqAddonscardsrendererCardKeyvalueKeyValueContainer .boqAddonscardsrendererCardKeyvalueKeyValueStartIcon {
  --uikit-background-color: none;
  background: none;
  border-radius: 0;
  inline-size: 24px;
  block-size: 24px
}

.appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardColumnsColumnWidget .boqAddonscardsrendererCardKeyvalueKeyValue {
  gap: 8px
}

.appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardTextparagraphTextParagraph[data-max-lines] .boqAddonscardsrendererCardTextparagraphCollapsedText {
  -webkit-mask-image: linear-gradient(180deg, #000 50%, transparent);
  mask-image: linear-gradient(180deg, #000 50%, transparent)
}

.appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardTextparagraphShowLessTextButton,
.appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardTextparagraphShowMoreTextButton {
  --gm3-button-text-container-min-width: 28px;
  --gm3-button-text-container-height: 28px;
  --gm3-button-text-leading-space: 0;
  --gm3-button-text-trailing-space: 0
}

.appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardTextparagraphShowLessTextButton>span:nth-child(5),
.appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardTextparagraphShowMoreTextButton>span:nth-child(5) {
  display: none
}

.appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardTextparagraphShowLessTextButton>span:nth-child(4),
.appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardTextparagraphShowMoreTextButton>span:nth-child(4) {
  display: block
}

.appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardTextparagraphShowLessTextButton>span:nth-child(4):before,
.appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardTextparagraphShowMoreTextButton>span:nth-child(4):before {
  display: block;
  inline-size: 24px;
  block-size: 24px;
  content: ""
}

.appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardCardsectionWidget.WidgetDensity a,
.appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardCardsectionWidget.WidgetDensity a:active,
.appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardCardsectionWidget.WidgetDensity a:hover,
.appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardCardsectionWidget.WidgetDensity a:link,
.appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardCardsectionWidget.WidgetDensity a:visited {
  color: var(--gm3-sys-color-primary, #0b57d0)
}

.appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardCarouselWidget .boqAddonscardsrendererCardColumnsColumnWidget:last-child {
  align-items: flex-end
}

.appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardCarouselWidget .boqAddonscardsrendererCardColumnsColumnWidget:last-child a,
.appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardCarouselWidget .boqAddonscardsrendererCardColumnsColumnWidget:last-child a:active,
.appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardCarouselWidget .boqAddonscardsrendererCardColumnsColumnWidget:last-child a:hover,
.appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardCarouselWidget .boqAddonscardsrendererCardColumnsColumnWidget:last-child a:link,
.appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardCarouselWidget .boqAddonscardsrendererCardColumnsColumnWidget:last-child a:visited {
  color: var(--gm3-sys-color-primary, #0b57d0);
  font-weight: 500
}

.appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardCarouselSlides {
  overflow-x: hidden
}

.appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardTextparagraphShowMoreTextButton>span:nth-child(4):before {
  background-image: url(https://fonts.gstatic.com/s/i/short-term/release/googlesymbols/more_horiz/default/24px.svg);
  filter: invert(17%) sepia(100%) saturate(2545%) hue-rotate(186deg) brightness(98%) contrast(101%)
}

.appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardTextparagraphShowLessTextButton>span:nth-child(4):before {
  background-image: url(https://fonts.gstatic.com/s/i/short-term/release/googlesymbols/remove/default/24px.svg);
  filter: invert(17%) sepia(100%) saturate(2545%) hue-rotate(186deg) brightness(98%) contrast(101%)
}

.appsElementsSidekickUiKitRoot img[src*=error_icon] {
  inline-size: 20px;
  block-size: 20px
}

.appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardTextparagraphTextParagraph .mdc-touch-target-wrapper {
  display: flex;
  justify-content: center;
  inline-size: 100%
}

.appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardCarouselSlides {
  overflow: hidden;
  scroll-behavior: unset
}

.appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardCarouselWidget {
  padding-block-end: 0
}

.appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardCarouselWidget .boqAddonscardsrendererCardColumnsColumns {
  height: 100%
}

.appsElementsSidekickUiKitRoot .boqAddonscardsrendererCardCarouselWidget .boqAddonscardsrendererCardColumnsColumn {
  gap: 16px;
  justify-content: space-between
}

.appsElementsSidekickUiKitRoot[data-card-name=sheets-action-card] {
  --gm3-button-filled-hover-container-elevation: 0;
  --gm3-button-filled-hover-state-layer-color: var(--gm3-sys-color-on-surface, #1f1f1f);
  --gm3-button-filled-pressed-state-layer-color: var(--gm3-sys-color-on-surface, #1f1f1f);
  --gm3-button-filled-tonal-hover-container-elevation: 0;
  --gm3-button-filled-tonal-hover-state-layer-color: var(--gm3-sys-color-on-primary-fixed, #041e49);
  --gm3-button-filled-tonal-pressed-state-layer-color: var(--gm3-sys-color-on-primary-fixed, #041e49);
  --gm3-icon-button-filled-hover-state-layer-color: var(--gm3-sys-color-on-surface, #1f1f1f);
  --gm3-icon-button-filled-pressed-state-layer-color: var(--gm3-sys-color-on-surface, #1f1f1f)
}

.appsElementsSidekickUiKitRoot[data-card-name=sheets-action-card] {
  max-width: 500px
}

@media (forced-colors:active) {

  .appsElementsSidekickUiKitRoot[data-card-name=sheets-action-card] .javascriptMaterialdesignGm3WizButtonFilled-button__icon-slot,
  .appsElementsSidekickUiKitRoot[data-card-name=sheets-action-card] .javascriptMaterialdesignGm3WizButtonFilledTonal-button__icon-slot,
  .appsElementsSidekickUiKitRoot[data-card-name=sheets-action-card] .javascriptMaterialdesignGm3WizIconButtonFilled-icon-button__icon-slot {
    filter: brightness(0) invert(1)
  }
}

.appsElementsSidekickUiKitRoot[data-card-name=sheets-action-card] .boqAddonscardsrendererCardButtonFilledImageButton {
  --light-icon-color: var(--gm3-sys-color-on-surface, #1f1f1f)
}

.appsElementsSidekickUiKitRoot[data-card-name=sheets-action-card] .boqAddonscardsrendererCardFormattedtextChipContainer {
  --chip-container-height: 18px;
  --chip-background-color: var(--gm3-sys-color-primary-container, #d3e3fd);
  --chip-shape: 8px;
  --chip-focus-indicator-thickness: unset;
  --chip-focus-indicator-outline-offset: unset;
  --chip-focus-label-text-color: var(--gm3-sys-color-on-primary-container, #0842a0);
  --chip-hover-label-text-color: var(--gm3-sys-color-on-primary-container, #0842a0);
  --chip-label-text-color: var(--gm3-sys-color-on-primary-container, #0842a0);
  --chip-pressed-label-text-color: var(--gm3-sys-color-on-primary-container, #0842a0);
  --chip-label-text-font-family: Google Sans;
  --chip-label-text-line-height: 1rem;
  --chip-label-text-size: 0.75rem;
  --chip-label-text-tracking: 0.00625rem;
  --chip-label-text-weight: 400;
  --chip-disabled-outline-color: transparent;
  --chip-focus-outline-color: transparent;
  --chip-outline-color: transparent;
  --chip-outline-width: 1px;
  --chip-hover-state-layer-color: var(--gm3-sys-color-on-primary-fixed, #041e49);
  --chip-pressed-state-layer-color: var(--gm3-sys-color-on-primary-fixed, #041e49)
}

.appsElementsSidekickUiKitRoot[data-card-name=sheets-action-card] .javascriptMaterialdesignGm3WizChipShared-chip__action--primary {
  padding-inline: 4px
}

.appsElementsSidekickUiKitRoot[data-card-name=sheets-action-card] .javascriptMaterialdesignGm3WizChipShared-chip__cell--primary {
  min-width: unset
}

.appsElementsSidekickUiKitRoot[data-card-name=sheets-action-card] .javascriptMaterialdesignGm3WizChipShared-chip {
  background-color: var(--gm3-sys-color-primary-container, #d3e3fd);
  border: unset;
  margin-block: unset
}

.appsElementsSidekickUiKitRoot[data-card-name=sheets-action-card] .javascriptMaterialdesignGm3WizChipShared-chip__action--primary:before {
  display: unset
}

.appsElementsSidekickUiKitRoot[data-card-name*=SPREADSHEET_ITEM] {
  --gm3-button-filled-hover-container-elevation: 0;
  --gm3-button-filled-hover-state-layer-color: var(--gm3-sys-color-on-surface, #1f1f1f);
  --gm3-button-filled-pressed-state-layer-color: var(--gm3-sys-color-on-surface, #1f1f1f);
  --gm3-button-filled-tonal-hover-container-elevation: 0;
  --gm3-button-filled-tonal-hover-state-layer-color: var(--gm3-sys-color-on-primary-fixed, #041e49);
  --gm3-button-filled-tonal-pressed-state-layer-color: var(--gm3-sys-color-on-primary-fixed, #041e49);
  --gm3-icon-button-filled-hover-state-layer-color: var(--gm3-sys-color-on-surface, #1f1f1f);
  --gm3-icon-button-filled-pressed-state-layer-color: var(--gm3-sys-color-on-surface, #1f1f1f)
}

.appsElementsSidekickUiKitRoot[data-card-name*=SPREADSHEET_ITEM] {
  max-width: 500px
}

@media (forced-colors:active) {

  .appsElementsSidekickUiKitRoot[data-card-name*=SPREADSHEET_ITEM] .javascriptMaterialdesignGm3WizButtonFilled-button__icon-slot,
  .appsElementsSidekickUiKitRoot[data-card-name*=SPREADSHEET_ITEM] .javascriptMaterialdesignGm3WizButtonFilledTonal-button__icon-slot,
  .appsElementsSidekickUiKitRoot[data-card-name*=SPREADSHEET_ITEM] .javascriptMaterialdesignGm3WizIconButtonFilled-icon-button__icon-slot {
    filter: brightness(0) invert(1)
  }
}

.appsElementsSidekickUiKitRoot[data-card-name*=SPREADSHEET_ITEM] .boqAddonscardsrendererCardButtonFilledImageButton {
  --light-icon-color: var(--gm3-sys-color-on-surface, #1f1f1f)
}

.appsElementsSidekickUiKitRoot[data-card-name*=SPREADSHEET_ITEM] .boqAddonscardsrendererCardFormattedtextChipContainer {
  --chip-container-height: 18px;
  --chip-background-color: var(--gm3-sys-color-primary-container, #d3e3fd);
  --chip-shape: 8px;
  --chip-focus-indicator-thickness: unset;
  --chip-focus-indicator-outline-offset: unset;
  --chip-focus-label-text-color: var(--gm3-sys-color-on-primary-container, #0842a0);
  --chip-hover-label-text-color: var(--gm3-sys-color-on-primary-container, #0842a0);
  --chip-label-text-color: var(--gm3-sys-color-on-primary-container, #0842a0);
  --chip-pressed-label-text-color: var(--gm3-sys-color-on-primary-container, #0842a0);
  --chip-label-text-font-family: Google Sans;
  --chip-label-text-line-height: 1rem;
  --chip-label-text-size: 0.75rem;
  --chip-label-text-tracking: 0.00625rem;
  --chip-label-text-weight: 400;
  --chip-disabled-outline-color: transparent;
  --chip-focus-outline-color: transparent;
  --chip-outline-color: transparent;
  --chip-outline-width: 1px;
  --chip-hover-state-layer-color: var(--gm3-sys-color-on-primary-fixed, #041e49);
  --chip-pressed-state-layer-color: var(--gm3-sys-color-on-primary-fixed, #041e49)
}

.appsElementsSidekickUiKitRoot[data-card-name*=SPREADSHEET_ITEM] .javascriptMaterialdesignGm3WizChipShared-chip__action--primary {
  padding-inline: 4px
}

.appsElementsSidekickUiKitRoot[data-card-name*=SPREADSHEET_ITEM] .javascriptMaterialdesignGm3WizChipShared-chip__cell--primary {
  min-width: unset
}

.appsElementsSidekickUiKitRoot[data-card-name*=SPREADSHEET_ITEM] .javascriptMaterialdesignGm3WizChipShared-chip {
  background-color: var(--gm3-sys-color-primary-container, #d3e3fd);
  border: unset;
  margin-block: unset
}

.appsElementsSidekickUiKitRoot[data-card-name*=SPREADSHEET_ITEM] .javascriptMaterialdesignGm3WizChipShared-chip__action--primary:before {
  display: unset
}

.appsElementsSidekickUiKitRoot[data-card-name*=EMAIL_ITEM] [id^=card-banner-section] {
  background-color: var(--gm3-sys-color-primary-fixed, #d3e3fd)
}

.appsElementsSidekickUiKitRoot[data-card-name*=EMAIL_ITEM] [id^=card-banner-section]+.boqAddonscardsrendererCardDividerSpace {
  display: none
}

.appsElementsSidekickUiKitRoot[data-card-name*=EMAIL_ITEM] [id^=card-banner-section] .boqAddonscardsrendererCardFormattedtextFormattedText {
  color: var(--gm3-sys-color-on-primary-fixed-variant, #0842a0)
}

.appsElementsSidekickUiKitRoot[data-card-name*=EMAIL_ITEM] [id^=card-banner-section] .boqAddonscardsrendererCardTextparagraphTextParagraph .boqAddonscardsrendererCardFormattedtextFormattedText {
  --text-line-height: 1rem;
  --text-size: 0.75rem;
  --text-weight: 500
}

.appsElementsSidekickUiKitRoot[data-card-name*=drive-action] .javascriptMaterialdesignGm3WizChipShared-chip__action.javascriptMaterialdesignGm3WizChipShared-chip__action--primary {
  padding-inline-end: 4px;
  -webkit-padding-end: 4px;
  --gm3-chip-shared-with-leading-icon-leading-space: 2px;
  --gm3-chip-shared-with-icon-icon-label-space: 2px
}

.appsElementsSidekickUiKitRoot[data-card-name*=drive-action] .javascriptMaterialdesignGm3WizChipShared-chip.boqAddonscardsrendererCardFormattedtextChip {
  border: none
}

.appsElementsSidekickUiKitRoot[data-card-name*=drive-action] .javascriptMaterialdesignGm3WizChipShared-chip.boqAddonscardsrendererCardFormattedtextChip .javascriptMaterialdesignGm3WizChipShared-chip__graphic {
  inline-size: 18px;
  block-size: 18px
}

.appsElementsSidekickUiKitRoot[data-card-name*=drive-action] .boqAddonscardsrendererCardFormattedtextChipContainer {
  --chip-icon-size: 12px;
  --chip-container-height: 18px;
  --chip-label-text-line-height: 1rem;
  --chip-label-text-weight:
}

.appsElementsSidekickUiKitLoadingContainer {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  transform: translate(-50%, -50%)
}

.appsElementsSidekickUiKitScrimContainer {
  position: relative
}

.appsElementsSidekickUiKitScrimContainer[data-card-name=sheets-action-card] {
  width: -moz-fit-content;
  width: fit-content
}

.appsElementsSidekickUiKitScrimContainer[data-card-name*=SPREADSHEET_ITEM] {
  width: -moz-fit-content;
  width: fit-content
}

.appsElementsSidekickUiKitScrim {
  position: absolute;
  inset: 0;
  visibility: hidden
}

.appsElementsSidekickUiKitScrim:not([data-scrim=hidden]) {
  border-radius: 16px;
  background-color: var(--gm3-sys-color-surface-container, #f0f4f9);
  transition: opacity .3s linear;
  visibility: visible
}

.appsElementsSidekickUiKitScrim[data-scrim=loading] {
  opacity: 1
}

.appsElementsSidekickUiKitScrim[data-scrim=disabled] {
  opacity: .38
}

.appsElementsSidekickUiKitScrim[data-scrim=hidden] {
  opacity: 0
}

.appsElementsSidekickUiKitAccountLinkingDialog {
  --gm3-dialog-container-shape: 8px;
  --gm3-dialog-container-min-width: 370px;
  --gm3-dialog-container-min-height: 500px
}

.appsElementsSidekickAiOverviewsAiOverviews {
  display: flex;
  flex-direction: column;
  gap: 24px
}

.appsElementsSidekickAiOverviewsCard {
  --gm3-card-outlined-container-color: var(--ae-sidekick-container-color, var(--gm3-sys-color-surface, #fff));
  --gm3-card-outlined-hover-outline-color: var(--ae-sidekick-panel-outline-color, var(--ae-sidekick-outline-color, var(--gm3-sys-color-surface-variant, #e1e3e1)));
  --gm3-card-outlined-outline-color: var(--ae-sidekick-panel-outline-color, var(--ae-sidekick-outline-color, var(--gm3-sys-color-surface-variant, #e1e3e1)));
  --gm3-card-outlined-pressed-outline-color: var(--ae-sidekick-panel-outline-color, var(--ae-sidekick-outline-color, var(--gm3-sys-color-surface-variant, #e1e3e1)));
  --gm3-card-outlined-container-shape-start-start: 16px;
  --gm3-card-outlined-container-shape-start-end: 16px;
  --gm3-card-outlined-container-shape-end-end: 16px;
  --gm3-card-outlined-container-shape-end-start: 16px;
  overflow: hidden;
  display: flex;
  flex-direction: column
}

.appsElementsSidekickAiOverviewsCardContent {
  font-variant-ligatures: no-contextual;
  font-feature-settings: "liga" 0;
  background-color: var(--gm3-sys-color-surface-container, #f0f4f9);
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  padding: 16px;
  text-wrap: wrap;
  overflow-wrap: break-word;
  position: relative
}

.appsElementsSidekickAiOverviewsCardContent ol,
.appsElementsSidekickAiOverviewsCardContent p,
.appsElementsSidekickAiOverviewsCardContent pre,
.appsElementsSidekickAiOverviewsCardContent ul {
  margin-block: unset
}

.appsElementsSidekickAiOverviewsCardContent :is(ul, ol) {
  margin-block: 16px
}

.appsElementsSidekickAiOverviewsCardContent :is(ul, ol):first-child {
  margin-block-start: 0
}

.appsElementsSidekickAiOverviewsCardContent :is(ul, ol):last-child {
  margin-block-end: 0
}

.appsElementsSidekickAiOverviewsCardContent :is(ul, ol) :is(ul, ol),
.appsElementsSidekickAiOverviewsCardContent :is(ul, ol) :is(ul, ol):is(:first-child, :last-child) {
  margin-block: 8px
}

.appsElementsSidekickAiOverviewsCardContent ul {
  list-style-type: disc;
  padding-inline-start: 16px
}

.appsElementsSidekickAiOverviewsCardContent ol {
  padding-inline-start: 3ch
}

.appsElementsSidekickAiOverviewsCardContent b {
  font-weight: 500
}

.appsElementsSidekickAiOverviewsCardContent code,
.appsElementsSidekickAiOverviewsCardContent pre {
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  letter-spacing: .00625rem;
  line-height: 1rem;
  font-family: Google Sans Mono, monospace;
  white-space: pre-wrap;
  margin: unset
}

.appsElementsSidekickAiOverviewsCardContent table {
  background-color: var(--gm3-sys-color-surface, #fff);
  border-spacing: 0;
  border: 1px solid var(--gm3-sys-color-outline-variant, #c4c7c5);
  border-collapse: inherit;
  word-break: auto-phrase
}

.appsElementsSidekickAiOverviewsCardContent table th {
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 500;
  letter-spacing: .00625rem;
  line-height: 1rem;
  padding: 8px
}

.appsElementsSidekickAiOverviewsCardContent table td {
  font-family: Roboto, Arial, sans-serif;
  font-size: .6875rem;
  font-weight: 500;
  letter-spacing: .00625rem;
  line-height: 1rem;
  font-weight: 400;
  padding: 5px 8px
}

.appsElementsSidekickAiOverviewsCardContent table td,
.appsElementsSidekickAiOverviewsCardContent table th {
  text-align: start;
  border: 1px solid var(--gm3-sys-color-outline-variant, #c4c7c5)
}

.appsElementsSidekickAiOverviewsCardContent table tr+tr td,
.appsElementsSidekickAiOverviewsCardContent table tr+tr th,
.appsElementsSidekickAiOverviewsCardContent table tr:first-child td,
.appsElementsSidekickAiOverviewsCardContent table tr:first-child th {
  border-block-start: 0
}

.appsElementsSidekickAiOverviewsCardContent table td+td,
.appsElementsSidekickAiOverviewsCardContent table td+th,
.appsElementsSidekickAiOverviewsCardContent table td:first-child,
.appsElementsSidekickAiOverviewsCardContent table th+td,
.appsElementsSidekickAiOverviewsCardContent table th+th,
.appsElementsSidekickAiOverviewsCardContent table th:first-child {
  border-inline-start: 0
}

.appsElementsSidekickAiOverviewsCardContent table td:last-child,
.appsElementsSidekickAiOverviewsCardContent table th:last-child {
  border-inline-end: 0
}

.appsElementsSidekickAiOverviewsCardContent table tr:last-child td {
  border-block-end: 0
}

.appsElementsSidekickAiOverviewsCardContent mark:not([class]) {
  background-color: unset;
  color: unset
}

.appsElementsSidekickAiOverviewsCardContent a:any-link:not([class]) {
  color: var(--gm3-sys-color-primary, #0b57d0);
  text-underline-offset: .25em;
  text-decoration: underline
}

.appsElementsSidekickAiOverviewsCardContent a:active:not([class]),
.appsElementsSidekickAiOverviewsCardContent a:hover:not([class]),
.appsElementsSidekickAiOverviewsCardContent a:visited:not([class]) {
  color: var(--gm3-sys-color-primary, #0b57d0)
}

.appsElementsSidekickAiOverviewsCardContent:before {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none
}

@media screen and (forced-colors:active) {
  .appsElementsSidekickAiOverviewsCardContent:before {
    border-color: CanvasText
  }
}

.appsElementsSidekickAiOverviewsCardHeading {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.25rem;
  display: flex;
  align-items: center;
  gap: 8px
}

.appsElementsSidekickAiOverviewsCardBody {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  color: var(--gm3-sys-color-on-surface-variant, #444746)
}

.appsElementsSidekickConversationHistoryGemListItemLogo {
  aspect-ratio: 1;
  box-sizing: border-box;
  overflow: hidden;
  flex-shrink: 0;
  border-radius: 4px
}

.appsElementsSidekickConversationHistoryGemListItemIcon {
  --gm3-list-list-item-leading-icon-size: 16px
}

.appsElementsSidekickConversationHistoryGemListItemMonogram {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.25rem;
  -webkit-user-select: none;
  user-select: none
}

.appsElementsSidekickConversationHistoryConversationMenuItem {
  --gm3-list-list-item-two-line-container-height: 40px;
  --gm3-list-list-item-leading-icon-size: 24px;
  --gm3-list-list-item-label-text-size: 0.75rem;
  --gm3-list-list-item-supporting-text-size: 0.75rem;
  --gm3-list-list-item-label-text-line-height: 1.25rem;
  --gm3-list-list-item-supporting-text-line-height: 1.25rem;
  --gm3-list-list-item-label-text-weight: 500;
  --gm3-list-list-item-supporting-text-weight: 500;
  --gm3-list-list-item-label-text-color: var(--gm3-sys-color-on-surface, #1f1f1f);
  --gm3-list-list-item-supporting-text-color: var(--gm3-sys-color-outline, #747775);
  --gm3-list-list-item-leading-avatar-size: 24px;
  --gm3-list-list-item-leading-avatar-shape: 4px;
  padding: 0;
  margin-block-end: 10px
}

.appsElementsSidekickConversationHistoryConversationListTitle {
  font-family: Roboto, Arial, sans-serif;
  font-size: .6875rem;
  font-weight: 500;
  letter-spacing: .00625rem;
  line-height: 1rem;
  color: var(--gm3-sys-color-on-surface-variant, #444746)
}

@keyframes rotateFull {
  to {
    transform: rotate(1turn)
  }
}

@keyframes morph {
  0% {
    clip-path: path("M29.6119 3.50376C27.9701 2.75188 25.1343 2 22 2C18.8657 2 16.0713 2.85149 14.3881 3.50376C12.4478 4.25564 9.76119 5.90977 7.97015 7.71429C6.1791 9.5188 4.38806 12.0752 3.49254 14.4812C2.73084 16.5277 2 19.7444 2 22.1504C2 24.1053 2.44776 26.9624 3.49254 29.6692C4.17681 31.442 6.08404 34.3854 7.97015 36.2857C9.91045 38.2406 12 39.4026 14.3881 40.4962C16.0299 41.2481 19.1642 42 22 42C24.8358 42 27.6278 41.2959 29.6119 40.4962C32.7463 39.2331 35.1343 37.188 36.0299 36.2857C37.9701 34.3308 39.0896 32.5263 40.209 30.2707C41.2537 28.1654 42 25.0075 42 22.1504C42 19.7444 41.6418 17.3383 40.5075 14.4812C39.4328 11.7744 37.599 9.29521 36.1791 7.86466C34.0896 5.7594 31.6815 4.45156 29.6119 3.50376Z")
  }

  20% {
    clip-path: path("M29.6119 3.50376C27.9701 2.75188 25.1343 2 22 2C18.8657 2 16.0713 2.85149 14.3881 3.50376C12.4478 4.25564 9.76119 5.90977 7.97015 7.71429C6.1791 9.5188 4.38806 12.0752 3.49254 14.4812C2.73084 16.5277 2 19.7444 2 22.1504C2 24.1053 2.44776 26.9624 3.49254 29.6692C4.17681 31.442 6.08404 34.3854 7.97015 36.2857C9.91045 38.2406 12 39.4026 14.3881 40.4962C16.0299 41.2481 19.1642 42 22 42C24.8358 42 27.6278 41.2959 29.6119 40.4962C32.7463 39.2331 35.1343 37.188 36.0299 36.2857C37.9701 34.3308 39.0896 32.5263 40.209 30.2707C41.2537 28.1654 42 25.0075 42 22.1504C42 19.7444 41.6418 17.3383 40.5075 14.4812C39.4328 11.7744 37.599 9.29521 36.1791 7.86466C34.0896 5.7594 31.6815 4.45156 29.6119 3.50376Z")
  }

  25% {
    clip-path: path("M29.6119 3.50376C27.9701 2.75188 25.1343 2 22 2C18.8657 2 16.0713 2.85149 14.3881 3.50376C12.4478 4.25564 9.76119 5.90977 7.97015 7.71429C6.1791 9.5188 4.38806 12.0752 3.49254 14.4812C2.73084 16.5277 2 19.7444 2 22.1504C2 24.1053 2.44776 26.9624 3.49254 29.6692C4.17681 31.442 6.08404 34.3854 7.97015 36.2857C9.91045 38.2406 12 39.4026 14.3881 40.4962C16.0299 41.2481 19.1642 42 22 42C24.8358 42 27.6278 41.2959 29.6119 40.4962C32.7463 39.2331 35.1343 37.188 36.0299 36.2857C37.9701 34.3308 39.0896 32.5263 40.209 30.2707C41.2537 28.1654 42 25.0075 42 22.1504C42 19.7444 41.6418 17.3383 40.5075 14.4812C39.4328 11.7744 37.599 9.29521 36.1791 7.86466C34.0896 5.7594 31.6815 4.45156 29.6119 3.50376Z")
  }

  40% {
    clip-path: path("M27.4536 4.32973C25.3394 2.50423 23.5376 2 22 2C20.4624 2 18.1238 3.28888 17.363 3.72924C14.8403 5.77091 15.3208 5.17042 12.0773 5.77091C6.91783 6.72615 6.31124 10.4548 5.83073 12.9768C5.35021 15.4989 4.62946 16.2195 3.30805 18.021C0.424997 22.4646 3.0678 25.8274 4.02882 27.0284C4.98984 28.2293 5.47034 28.8298 5.83073 31.9524C6.19111 35.075 9.43455 38.3176 12.0773 38.3176C14.7201 38.3176 16.6422 39.7588 18.2038 40.9598C19.7655 42.1608 23.8498 42.5211 25.7719 40.9598C27.6939 39.3985 28.2945 38.798 32.0185 38.3176C35.7424 37.8372 37.9047 34.5946 38.145 31.9524C38.3372 29.8387 39.5064 27.789 40.067 27.0284C41.3484 25.427 43.2864 21.3837 40.7878 18.021C36.7034 12.8567 39.7066 12.6165 36.8236 8.65328C33.9405 4.69003 30.0964 6.6116 27.4536 4.32973Z")
  }

  45% {
    clip-path: path("M27.4536 4.32973C25.3394 2.50423 23.5376 2 22 2C20.4624 2 18.1238 3.28888 17.363 3.72924C14.8403 5.77091 15.3208 5.17042 12.0773 5.77091C6.91783 6.72615 6.31124 10.4548 5.83073 12.9768C5.35021 15.4989 4.62946 16.2195 3.30805 18.021C0.424997 22.4646 3.0678 25.8274 4.02882 27.0284C4.98984 28.2293 5.47034 28.8298 5.83073 31.9524C6.19111 35.075 9.43455 38.3176 12.0773 38.3176C14.7201 38.3176 16.6422 39.7588 18.2038 40.9598C19.7655 42.1608 23.8498 42.5211 25.7719 40.9598C27.6939 39.3985 28.2945 38.798 32.0185 38.3176C35.7424 37.8372 37.9047 34.5946 38.145 31.9524C38.3372 29.8387 39.5064 27.789 40.067 27.0284C41.3484 25.427 43.2864 21.3837 40.7878 18.021C36.7034 12.8567 39.7066 12.6165 36.8236 8.65328C33.9405 4.69003 30.0964 6.6116 27.4536 4.32973Z")
  }

  60% {
    clip-path: path("M31.5444 3.3673C27.9392 1.80933 23.7332 1.86925 22.0808 2.16886C20.2783 2.35735 16.9646 3.71421 15.171 5.01516C13.5186 6.2136 11.2654 8.3608 9.91344 9.80892C9.01215 10.6578 6.57867 13.0747 5.25678 14.7525C3.60442 16.8498 2.25248 20.2953 2.10227 22.5423C1.96096 24.6562 1.80184 27.3361 2.85335 30.482C3.90485 33.6279 5.93025 35.9474 7.05936 37.0734C8.56151 38.5715 10.0318 39.5394 12.9177 40.8186C15.6216 42.017 18.7761 42.1668 21.3298 41.8672C23.8834 41.5676 26.5966 40.6193 28.8405 39.0209C30.9435 37.5228 32.9584 35.3637 34.2482 34.0773C35.3999 32.9288 37.8534 30.6318 38.7547 29.2836C39.7047 27.8624 41.1581 25.838 41.759 22.0929C42.2637 18.947 41.9092 16.4003 41.3083 14.3031C40.7175 12.2407 39.6259 10.1085 38.304 8.46067C37.1023 6.96262 35.3575 5.01516 31.5444 3.3673Z")
  }

  65% {
    clip-path: path("M31.5444 3.3673C27.9392 1.80933 23.7332 1.86925 22.0808 2.16886C20.2783 2.35735 16.9646 3.71421 15.171 5.01516C13.5186 6.2136 11.2654 8.3608 9.91344 9.80892C9.01215 10.6578 6.57867 13.0747 5.25678 14.7525C3.60442 16.8498 2.25248 20.2953 2.10227 22.5423C1.96096 24.6562 1.80184 27.3361 2.85335 30.482C3.90485 33.6279 5.93025 35.9474 7.05936 37.0734C8.56151 38.5715 10.0318 39.5394 12.9177 40.8186C15.6216 42.017 18.7761 42.1668 21.3298 41.8672C23.8834 41.5676 26.5966 40.6193 28.8405 39.0209C30.9435 37.5228 32.9584 35.3637 34.2482 34.0773C35.3999 32.9288 37.8534 30.6318 38.7547 29.2836C39.7047 27.8624 41.1581 25.838 41.759 22.0929C42.2637 18.947 41.9092 16.4003 41.3083 14.3031C40.7175 12.2407 39.6259 10.1085 38.304 8.46067C37.1023 6.96262 35.3575 5.01516 31.5444 3.3673Z")
  }

  80% {
    clip-path: path("M25.4695 2.89888C24.3839 2.29963 23.0856 2 22 2C20.9144 2 19.2875 2.30687 18.232 2.89888C17.0258 3.57545 8.55189 8.50187 6.01877 9.94007C3.48564 11.3783 2.95288 14.6342 3.00314 16.0824C3.0534 17.5306 3.00314 26.2697 3.00314 28.2172C3.00314 30.1648 3.35204 31.5789 4.05862 32.5618C4.81252 33.6105 6.1662 34.3596 7.22502 34.9588C11.1956 37.206 17.7495 41.0112 18.232 41.2509C18.986 41.6255 20.1906 42 22 42C23.8094 42 24.7156 41.5506 25.4695 41.1011C26.2234 40.6517 35.5719 35.7079 36.7781 34.9588C37.9844 34.2097 39.0398 33.4607 39.643 32.5618C40.3121 31.5646 41 30.1648 41 28.2172C41 26.2697 41 19.6779 41 16.0824C41 12.4869 39.0901 10.4894 38.1352 9.94007C34.3656 7.8427 26.5552 3.49813 25.4695 2.89888Z")
  }

  85% {
    clip-path: path("M25.4695 2.89888C24.3839 2.29963 23.0856 2 22 2C20.9144 2 19.2875 2.30687 18.232 2.89888C17.0258 3.57545 8.55189 8.50187 6.01877 9.94007C3.48564 11.3783 2.95288 14.6342 3.00314 16.0824C3.0534 17.5306 3.00314 26.2697 3.00314 28.2172C3.00314 30.1648 3.35204 31.5789 4.05862 32.5618C4.81252 33.6105 6.1662 34.3596 7.22502 34.9588C11.1956 37.206 17.7495 41.0112 18.232 41.2509C18.986 41.6255 20.1906 42 22 42C23.8094 42 24.7156 41.5506 25.4695 41.1011C26.2234 40.6517 35.5719 35.7079 36.7781 34.9588C37.9844 34.2097 39.0398 33.4607 39.643 32.5618C40.3121 31.5646 41 30.1648 41 28.2172C41 26.2697 41 19.6779 41 16.0824C41 12.4869 39.0901 10.4894 38.1352 9.94007C34.3656 7.8427 26.5552 3.49813 25.4695 2.89888Z")
  }
}

.appsElementsSidekickEntryPointRoot {
  position: relative;
  inline-size: var(--ae-sidekick-entry-point-container-size, 40px);
  block-size: var(--ae-sidekick-entry-point-container-size, 40px)
}

.appsElementsSidekickEntryPointButton {
  --gm3-icon-button-filled-container-color: transparent;
  --gm3-icon-button-filled-container-height: var(--ae-sidekick-entry-point-container-size, 40px);
  --gm3-icon-button-filled-container-width: var(--ae-sidekick-entry-point-container-size, 40px);
  --gm3-icon-button-filled-disabled-container-color: transparent;
  --gm3-icon-button-filled-disabled-icon-color: var(--gm3-sys-color-outline-variant, #c4c7c5);
  --gm3-icon-button-filled-focus-icon-color: var(--ae-sidekick-entry-point-icon-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-icon-button-filled-hover-icon-color: var(--gm3-sys-color-surface, #fff);
  --gm3-icon-button-filled-icon-color: var(--ae-sidekick-entry-point-icon-color, var(--gm3-sys-color-on-surface-variant, #444746));
  --gm3-icon-button-filled-icon-size: var(--ae-sidekick-entry-point-icon-size, 24px);
  --gm3-icon-button-filled-container-shape-start-start: 100%;
  --gm3-icon-button-filled-container-shape-start-end: 100%;
  --gm3-icon-button-filled-container-shape-end-end: 100%;
  --gm3-icon-button-filled-container-shape-end-start: 100%;
  --gm3-icon-button-filled-pressed-container-shape-start-start: 100%;
  --gm3-icon-button-filled-pressed-container-shape-start-end: 100%;
  --gm3-icon-button-filled-pressed-container-shape-end-end: 100%;
  --gm3-icon-button-filled-pressed-container-shape-end-start: 100%;
  --gm3-icon-button-filled-selected-container-shape-start-start: 100%;
  --gm3-icon-button-filled-selected-container-shape-start-end: 100%;
  --gm3-icon-button-filled-selected-container-shape-end-end: 100%;
  --gm3-icon-button-filled-selected-container-shape-end-start: 100%;
  position: absolute;
  inset: 0
}

.appsElementsSidekickEntryPointButton:before {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none
}

@media screen and (forced-colors:active) {
  .appsElementsSidekickEntryPointButton:before {
    border-color: CanvasText
  }
}

@media not (prefers-reduced-motion) {
  .appsElementsSidekickEntryPointButton {
    transition: background-color .3s
  }
}

.appsElementsSidekickEntryPointButtonPressed:not(:hover) {
  --gm3-icon-button-filled-container-color: #76acff;
  --gm3-icon-button-filled-icon-color: var(--gm3-sys-color-surface, #fff);
  --gm3-icon-button-filled-focus-icon-color: var(--gm3-sys-color-surface, #fff)
}

@media not (prefers-reduced-motion) {
  .appsElementsSidekickEntryPointIcon {
    transition: transform .8s, color .8s
  }
}

.appsElementsSidekickEntryPointMorphContainer {
  position: relative;
  inline-size: 44px;
  block-size: 44px;
  inset-inline-start: calc((var(--ae-sidekick-entry-point-container-size, 40px) - 44px)/2);
  inset-block-start: calc((var(--ae-sidekick-entry-point-container-size, 40px) - 44px)/2)
}

.appsElementsSidekickEntryPointMorphSpark {
  animation: rotateFull 7s linear infinite paused
}

.appsElementsSidekickEntryPointMorphShimmer {
  background: linear-gradient(135deg, #217bfe, #078efb, #ac87eb, #217bfe);
  animation: morph 5s cubic-bezier(.01, 1.5, .63, .69) infinite paused, feature-shimmer 2.1s linear infinite paused;
  clip-path: path("M29.6119 3.50376C27.9701 2.75188 25.1343 2 22 2C18.8657 2 16.0713 2.85149 14.3881 3.50376C12.4478 4.25564 9.76119 5.90977 7.97015 7.71429C6.1791 9.5188 4.38806 12.0752 3.49254 14.4812C2.73084 16.5277 2 19.7444 2 22.1504C2 24.1053 2.44776 26.9624 3.49254 29.6692C4.17681 31.442 6.08404 34.3854 7.97015 36.2857C9.91045 38.2406 12 39.4026 14.3881 40.4962C16.0299 41.2481 19.1642 42 22 42C24.8358 42 27.6278 41.2959 29.6119 40.4962C32.7463 39.2331 35.1343 37.188 36.0299 36.2857C37.9701 34.3308 39.0896 32.5263 40.209 30.2707C41.2537 28.1654 42 25.0075 42 22.1504C42 19.7444 41.6418 17.3383 40.5075 14.4812C39.4328 11.7744 37.599 9.29521 36.1791 7.86466C34.0896 5.7594 31.6815 4.45156 29.6119 3.50376Z");
  position: absolute;
  inline-size: inherit;
  block-size: inherit;
  transform: scale(calc(var(--ae-sidekick-entry-point-shimmer-scale, 1)*.2))
}

@media not (prefers-reduced-motion) {
  .appsElementsSidekickEntryPointMorphShimmer {
    background-position: 50%;
    background-size: 800%
  }

  @keyframes feature-shimmer {
    0% {
      background-position: 100% 100%
    }

    to {
      background-position: 0 0
    }
  }
}

@media not (prefers-reduced-motion) {
  .appsElementsSidekickEntryPointMorphShimmer {
    transition: transform .3s cubic-bezier(0, 0, 0, 1)
  }
}

@media not (prefers-reduced-motion) {
  :is(.appsElementsSidekickEntryPointRoot:hover, .appsElementsSidekickEntryPointAnimation) :is(.appsElementsSidekickEntryPointMorphContainer, .appsElementsSidekickEntryPointMorphShimmer) {
    animation-play-state: running
  }
}

:is(.appsElementsSidekickEntryPointRoot:hover, .appsElementsSidekickEntryPointAnimation) .appsElementsSidekickEntryPointMorphShimmer {
  transform: scale(calc(var(--ae-sidekick-entry-point-shimmer-scale, 1)*1))
}

:is(.appsElementsSidekickEntryPointRoot:hover, .appsElementsSidekickEntryPointAnimation) .appsElementsSidekickEntryPointButton:not(:disabled) .appsElementsSidekickEntryPointIcon {
  transform: rotate(180deg)
}

:is(.appsElementsSidekickEntryPointRoot:hover, .appsElementsSidekickEntryPointAnimation) .appsElementsSidekickEntryPointButton {
  --gm3-icon-button-filled-icon-color: var(--gm3-sys-color-surface, #fff);
  --gm3-icon-button-filled-hover-icon-color: var(--gm3-sys-color-surface, #fff);
  --gm3-icon-button-filled-focus-icon-color: var(--gm3-sys-color-surface, #fff)
}

.appsElementsSidekickGemManagerRoot {
  display: flex;
  flex-direction: column
}

.appsElementsSidekickGemManagerCreateGemButton {
  --gm3-button-filled-container-color: var(--gm3-sys-color-primary-container, #d3e3fd);
  --gm3-button-filled-container-elevation: 0;
  --gm3-button-filled-focus-label-text-color: var(--gm3-sys-color-on-primary-container, #0842a0);
  --gm3-button-filled-hover-container-elevation: 0;
  --gm3-button-filled-hover-label-text-color: var(--gm3-sys-color-on-primary-container, #0842a0);
  --gm3-button-filled-label-text-color: var(--gm3-sys-color-on-primary-container, #0842a0);
  --gm3-button-filled-pressed-container-elevation: 0;
  --gm3-button-filled-pressed-label-text-color: var(--gm3-sys-color-on-primary-container, #0842a0);
  --gm3-button-filled-with-icon-focus-icon-color: var(--gm3-sys-color-on-primary-container, #0842a0);
  --gm3-button-filled-with-icon-hover-icon-color: var(--gm3-sys-color-on-primary-container, #0842a0);
  --gm3-button-filled-with-icon-icon-color: var(--gm3-sys-color-on-primary-container, #0842a0);
  --gm3-button-filled-with-icon-pressed-icon-color: var(--gm3-sys-color-on-primary-container, #0842a0);
  inline-size: 100%
}

.appsElementsSidekickGemManagerDescription {
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  letter-spacing: .00625rem;
  line-height: 1rem;
  margin-block: 16px 4px
}

.appsElementsSidekickGemManagerTilesHeader {
  font-family: Roboto, Arial, sans-serif;
  font-size: .6875rem;
  font-weight: 500;
  letter-spacing: .00625rem;
  line-height: 1rem;
  margin-block: 12px
}

.appsElementsSidekickZeroStateRoot {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  max-width: 40rem
}

.appsElementsSidekickZeroStateList {
  --gm3-list-list-item-container-color: var(--gm3-sys-color-surface-container, #f0f4f9);
  --gm3-list-list-item-container-shape: 4px;
  --gm3-list-list-item-hover-state-layer-opacity: 0;
  --gm3-list-list-item-label-text-color: var(--gm3-sys-color-on-surface, #1f1f1f);
  --gm3-list-list-item-label-text-line-height: 1rem;
  --gm3-list-list-item-label-text-size: 0.75rem;
  --gm3-list-list-item-label-text-tracking: 0.00625rem;
  --gm3-list-list-item-label-text-weight: 500;
  --gm3-list-list-item-leading-avatar-size: 36px;
  --gm3-list-list-item-leading-icon-size: 36px;
  --gm3-list-list-item-one-line-container-height: 76px;
  --gm3-list-list-item-selected-container-color: var(--gm3-sys-color-surface-container, #f0f4f9);
  --gm3-list-list-item-selected-label-text-weight: 500;
  --gm3-list-list-item-selected-supporting-text-color: var(--gm3-sys-color-outline, #747775);
  --gm3-list-list-item-supporting-text-color: var(--gm3-sys-color-outline, #747775);
  --gm3-list-list-item-supporting-text-line-height: 1rem;
  --gm3-list-list-item-supporting-text-size: 0.75rem;
  --gm3-list-list-item-supporting-text-tracking: 0.00625rem;
  --gm3-list-list-item-supporting-text-weight: 500;
  --gm3-list-list-item-three-line-container-height: 76px;
  --gm3-list-list-item-trailing-icon-size: 20px;
  --gm3-list-list-item-two-line-container-height: 64px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 0
}

.appsElementsSidekickZeroStateListItem>:nth-child(3),
.appsElementsSidekickZeroStateListItem>:nth-child(4) {
  align-self: unset
}

.appsElementsSidekickZeroStateListItem:before {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none
}

@media screen and (forced-colors:active) {
  .appsElementsSidekickZeroStateListItem:before {
    border-color: CanvasText
  }
}

.appsElementsSidekickZeroStateListItem:not([aria-disabled=true]):hover {
  --gm3-list-list-item-container-color: var(--gm3-sys-color-surface-container-highest, #dde3ea);
  --gm3-list-list-item-selected-container-color: var(--gm3-sys-color-surface-container-highest, #dde3ea)
}

.appsElementsSidekickZeroStateListItem:only-child {
  --gm3-list-list-item-container-shape: 16px
}

.appsElementsSidekickZeroStateListItem:not(:only-child):first-child {
  --gm3-list-list-item-container-shape: 16px 16px 4px 4px
}

.appsElementsSidekickZeroStateListItem:not(:only-child):last-child {
  --gm3-list-list-item-container-shape: 4px 4px 16px 16px
}

.appsElementsSidekickZeroStateGemListItemLogo {
  aspect-ratio: 1;
  border-radius: 100%;
  box-sizing: border-box;
  inline-size: 36px
}

.appsElementsSidekickZeroStateGemListItemIcon {
  --gm3-list-list-item-leading-icon-size: 20px
}

.appsElementsSidekickZeroStateGemListItemMonogram {
  font-family: Roboto, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5rem;
  -webkit-user-select: none;
  user-select: none
}

.appsElementsSidekickZeroStateSuggestionsSkeletonLoader {
  display: flex;
  flex-direction: column;
  gap: 4px;
  border-radius: 16px;
  overflow: hidden
}

.appsElementsSidekickZeroStateIconContainer {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 36px;
  block-size: 36px;
  border-radius: 8px;
  background-color: var(--ae-sidekick-container-color, var(--gm3-sys-color-surface, #fff));
  z-index: 1
}

.appsElementsSidekickZeroStateIconContainer:before {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none
}

@media screen and (forced-colors:active) {
  .appsElementsSidekickZeroStateIconContainer:before {
    border-color: CanvasText
  }
}

.appsElementsSidekickZeroStateIcon {
  --gm3-list-list-item-leading-icon-size: 20px
}

.appsElementsSidekickZeroStateHeaderButton {
  --gm3-button-text-container-height: 20px;
  --gm3-button-text-focus-label-text-color: var(--gm3-sys-color-on-surface, #1f1f1f);
  --gm3-button-text-label-text-color: var(--gm3-sys-color-on-surface, #1f1f1f);
  --gm3-button-text-label-text-size: 0.6875rem;
  --gm3-button-text-pressed-label-text-color: var(--gm3-sys-color-on-surface, #1f1f1f);
  --gm3-button-text-with-icon-focus-icon-color: var(--gm3-sys-color-on-surface, #1f1f1f);
  --gm3-button-text-with-icon-icon-color: var(--gm3-sys-color-on-surface, #1f1f1f);
  --gm3-button-text-with-icon-icon-size: 20px;
  --gm3-button-text-with-icon-pressed-icon-color: var(--gm3-sys-color-on-surface, #1f1f1f);
  justify-content: space-between;
  padding-inline: 4px;
  inline-size: 100%
}

.appsElementsSidekickZeroStateHeaderContainer>[data-is-tooltip-wrapper=true] {
  inline-size: 100%
}

.appsElementsSidekickZeroStateHeaderContainer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  block-size: 20px;
  margin-block: 8px
}

.appsElementsSidekickZeroStateHeader {
  font-family: Roboto, Arial, sans-serif;
  font-size: .6875rem;
  font-weight: 500;
  letter-spacing: .00625rem;
  line-height: 1rem;
  margin-inline: 4px
}

.appsElementsSidekickZeroStateGemDisclaimer {
  font-family: Roboto, Arial, sans-serif;
  font-size: .6875rem;
  font-weight: 500;
  letter-spacing: .00625rem;
  line-height: 1rem;
  color: var(--gm3-sys-color-outline, #747775);
  margin-inline: 4px
}

.appsElementsSidekickZeroStateMoreSuggestionsButton {
  --gm3-button-text-container-height: 28px;
  --gm3-button-text-label-text-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-button-text-label-text-size: 0.75rem;
  --gm3-button-text-label-text-tracking: 0.00625rem;
  --gm3-button-text-label-text-weight: 500;
  --gm3-button-text-with-icon-icon-color: var(--gm3-sys-color-on-surface-variant, #444746);
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  align-self: center
}

.appsElementsSidekickZeroStateQuickConsumptionContainer {
  display: flex;
  flex-direction: column;
  gap: 4px
}

.appsElementsSidekickZeroStateQuickConsumptionContent {
  font-variant-ligatures: no-contextual;
  font-feature-settings: "liga" 0;
  background-color: var(--gm3-sys-color-surface-container, #f0f4f9);
  flex-shrink: 0;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  text-wrap: pretty;
  overflow-wrap: break-word;
  word-break: break-word;
  position: relative
}

.appsElementsSidekickZeroStateQuickConsumptionContent ol,
.appsElementsSidekickZeroStateQuickConsumptionContent p,
.appsElementsSidekickZeroStateQuickConsumptionContent pre,
.appsElementsSidekickZeroStateQuickConsumptionContent ul {
  margin-block: unset
}

.appsElementsSidekickZeroStateQuickConsumptionContent :is(ul, ol) {
  margin-block: 16px
}

.appsElementsSidekickZeroStateQuickConsumptionContent :is(ul, ol):first-child {
  margin-block-start: 0
}

.appsElementsSidekickZeroStateQuickConsumptionContent :is(ul, ol):last-child {
  margin-block-end: 0
}

.appsElementsSidekickZeroStateQuickConsumptionContent :is(ul, ol) :is(ul, ol),
.appsElementsSidekickZeroStateQuickConsumptionContent :is(ul, ol) :is(ul, ol):is(:first-child, :last-child) {
  margin-block: 8px
}

.appsElementsSidekickZeroStateQuickConsumptionContent ul {
  list-style-type: disc;
  padding-inline-start: 16px
}

.appsElementsSidekickZeroStateQuickConsumptionContent ol {
  padding-inline-start: 3ch
}

.appsElementsSidekickZeroStateQuickConsumptionContent b {
  font-weight: 500
}

.appsElementsSidekickZeroStateQuickConsumptionContent code,
.appsElementsSidekickZeroStateQuickConsumptionContent pre {
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  letter-spacing: .00625rem;
  line-height: 1rem;
  font-family: Google Sans Mono, monospace;
  white-space: pre-wrap;
  margin: unset
}

.appsElementsSidekickZeroStateQuickConsumptionContent table {
  background-color: var(--gm3-sys-color-surface, #fff);
  border-spacing: 0;
  border: 1px solid var(--gm3-sys-color-outline-variant, #c4c7c5);
  border-collapse: inherit;
  word-break: auto-phrase
}

.appsElementsSidekickZeroStateQuickConsumptionContent table th {
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 500;
  letter-spacing: .00625rem;
  line-height: 1rem;
  padding: 8px
}

.appsElementsSidekickZeroStateQuickConsumptionContent table td {
  font-family: Roboto, Arial, sans-serif;
  font-size: .6875rem;
  font-weight: 500;
  letter-spacing: .00625rem;
  line-height: 1rem;
  font-weight: 400;
  padding: 5px 8px
}

.appsElementsSidekickZeroStateQuickConsumptionContent table td,
.appsElementsSidekickZeroStateQuickConsumptionContent table th {
  text-align: start;
  border: 1px solid var(--gm3-sys-color-outline-variant, #c4c7c5)
}

.appsElementsSidekickZeroStateQuickConsumptionContent table tr+tr td,
.appsElementsSidekickZeroStateQuickConsumptionContent table tr+tr th,
.appsElementsSidekickZeroStateQuickConsumptionContent table tr:first-child td,
.appsElementsSidekickZeroStateQuickConsumptionContent table tr:first-child th {
  border-block-start: 0
}

.appsElementsSidekickZeroStateQuickConsumptionContent table td+td,
.appsElementsSidekickZeroStateQuickConsumptionContent table td+th,
.appsElementsSidekickZeroStateQuickConsumptionContent table td:first-child,
.appsElementsSidekickZeroStateQuickConsumptionContent table th+td,
.appsElementsSidekickZeroStateQuickConsumptionContent table th+th,
.appsElementsSidekickZeroStateQuickConsumptionContent table th:first-child {
  border-inline-start: 0
}

.appsElementsSidekickZeroStateQuickConsumptionContent table td:last-child,
.appsElementsSidekickZeroStateQuickConsumptionContent table th:last-child {
  border-inline-end: 0
}

.appsElementsSidekickZeroStateQuickConsumptionContent table tr:last-child td {
  border-block-end: 0
}

.appsElementsSidekickZeroStateQuickConsumptionContent mark:not([class]) {
  background-color: unset;
  color: unset
}

.appsElementsSidekickZeroStateQuickConsumptionContent a:any-link:not([class]) {
  color: var(--gm3-sys-color-primary, #0b57d0);
  text-underline-offset: .25em;
  text-decoration: underline
}

.appsElementsSidekickZeroStateQuickConsumptionContent a:active:not([class]),
.appsElementsSidekickZeroStateQuickConsumptionContent a:hover:not([class]),
.appsElementsSidekickZeroStateQuickConsumptionContent a:visited:not([class]) {
  color: var(--gm3-sys-color-primary, #0b57d0)
}

.appsElementsSidekickZeroStateQuickConsumptionContent:before {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none
}

@media screen and (forced-colors:active) {
  .appsElementsSidekickZeroStateQuickConsumptionContent:before {
    border-color: CanvasText
  }
}

.appsElementsSidekickZeroStateQuickConsumptionContent[role=button] {
  cursor: pointer
}

.appsElementsSidekickZeroStateQuickConsumptionContent:not(:only-child) {
  border-end-start-radius: 2px;
  border-end-end-radius: 2px
}

.appsElementsSidekickZeroStateQuickConsumptionPrompt {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.25rem;
  display: flex;
  align-items: center;
  gap: 8px
}

.appsElementsSidekickZeroStateQuickConsumptionReply {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  color: var(--gm3-sys-color-on-surface-variant, #444746)
}

.appsElementsSidekickZeroStateQuickConsumptionReplyCollapsed {
  overflow: hidden;
  position: relative;
  display: -webkit-inline-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4
}

.appsElementsSidekickZeroStateContent {
  display: flex;
  flex-direction: column;
  gap: 8px
}

.appsElementsSidekickZeroStateResponseOptionsContainer {
  background-color: var(--gm3-sys-color-surface-container, #f0f4f9);
  border-radius: 2px 2px 16px 16px;
  margin: 0;
  padding: 8px
}

.appsElementsSidekickGemZeroStateRoot {
  display: flex;
  flex-direction: column;
  inline-size: 100%;
  max-inline-size: 40rem
}

.appsElementsSidekickGemZeroStateCustomRoot {
  gap: 8px;
  justify-content: center;
  min-block-size: 100%;
  align-items: center
}

.appsElementsSidekickGemZeroStateHeaderContainer {
  margin-inline: 4px
}

.appsElementsSidekickGemZeroStateHeader {
  font-family: Roboto, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 2rem;
  margin-block: 8px
}

.appsElementsSidekickGemZeroStateLogo {
  aspect-ratio: 1;
  box-sizing: border-box;
  overflow: hidden;
  flex-shrink: 0
}

.appsElementsSidekickGemZeroStateAvatar {
  border-radius: 9999px
}

.appsElementsSidekickGemZeroStateSuggestion {
  border-radius: 8px
}

.appsElementsSidekickGemZeroStateCustom {
  inline-size: 56px
}

.appsElementsSidekickGemZeroStatePremade {
  inline-size: 36px
}

.appsElementsSidekickGemZeroStateSuggestionIcon {
  --gm3-list-list-item-leading-icon-size: 20px
}

.appsElementsSidekickGemZeroStatePremadeMonogram {
  font-family: Roboto, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5rem;
  -webkit-user-select: none;
  user-select: none
}

.appsElementsSidekickGemZeroStateCustomMonogram {
  font-family: Roboto, Arial, sans-serif;
  font-size: 1.375rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.75rem;
  -webkit-user-select: none;
  user-select: none
}

.appsElementsSidekickGemZeroStateDescription {
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  letter-spacing: .00625rem;
  line-height: 1rem
}

.appsElementsSidekickGemZeroStateList {
  --gm3-list-list-item-container-color: var(--gm3-sys-color-surface-container, #f0f4f9);
  --gm3-list-list-item-container-shape: 4px;
  --gm3-list-list-item-content-gap: 12px;
  --gm3-list-list-item-hover-state-layer-opacity: 0;
  --gm3-list-list-item-label-text-color: var(--gm3-sys-color-on-surface, #1f1f1f);
  --gm3-list-list-item-label-text-line-height: 1rem;
  --gm3-list-list-item-label-text-size: 0.75rem;
  --gm3-list-list-item-label-text-tracking: 0.00625rem;
  --gm3-list-list-item-label-text-weight: 500;
  --gm3-list-list-item-leading-icon-size: 36px;
  --gm3-list-list-item-leading-image-height: 36px;
  --gm3-list-list-item-leading-image-shape: 8px;
  --gm3-list-list-item-leading-image-width: 36px;
  --gm3-list-list-item-leading-space: 12px;
  --gm3-list-list-item-supporting-text-color: var(--gm3-sys-color-outline, #747775);
  --gm3-list-list-item-supporting-text-line-height: 1rem;
  --gm3-list-list-item-supporting-text-size: 0.75rem;
  --gm3-list-list-item-supporting-text-tracking: 0.00625rem;
  --gm3-list-list-item-supporting-text-weight: 500;
  --gm3-list-list-item-trailing-space: 12px;
  --gm3-list-list-item-two-line-container-height: 64px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-block-start: 24px;
  padding: 0
}

.appsElementsSidekickGemZeroStateItem:not([aria-disabled=true]):hover {
  --gm3-list-list-item-container-color: var(--gm3-sys-color-surface-container-highest, #dde3ea)
}

.appsElementsSidekickGemZeroStateItem:only-child {
  --gm3-list-list-item-container-shape: 16px
}

.appsElementsSidekickGemZeroStateItem:not(:only-child):first-child {
  --gm3-list-list-item-container-shape: 16px 16px 4px 4px
}

.appsElementsSidekickGemZeroStateItem:not(:only-child):last-child {
  --gm3-list-list-item-container-shape: 4px 4px 16px 16px
}

.appsElementsSidekickGemZeroStateItem>:nth-last-child(2)>:first-child {
  text-wrap: pretty
}

.appsElementsSidekickGeneralFeedbackContainer {
  min-block-size: 100%
}

.appsElementsSidekickGeneralFeedbackFeedbackConfirmation {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  color: var(--gm3-sys-color-on-surface-variant, #444746);
  padding: 16px
}

.appsElementsSidekickGeneralFeedbackFeedbackButton {
  --gm3-icon-button-standard-icon-size: 20px;
  --gm3-icon-button-standard-selected-icon-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-icon-button-standard-selected-focus-icon-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-icon-button-standard-selected-hover-icon-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-icon-button-standard-selected-pressed-icon-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-icon-button-standard-unselected-icon-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-icon-button-standard-unselected-focus-icon-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-icon-button-standard-unselected-hover-icon-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-icon-button-standard-unselected-pressed-icon-color: var(--gm3-sys-color-on-surface-variant, #444746);
  padding-inline: 0
}

.appsElementsSidekickGeneralFeedbackFeedbackButton:before {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none
}

@media screen and (forced-colors:active) {
  .appsElementsSidekickGeneralFeedbackFeedbackButton:before {
    border-color: CanvasText
  }
}

.appsElementsSidekickHeaderRoot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 8px 8px 16px;
  gap: 8px;
  color: var(--gm3-sys-color-on-surface-variant, #444746)
}

.appsElementsSidekickHeaderTitleContainer {
  display: flex;
  flex-grow: 1;
  align-items: center;
  gap: 8px;
  min-inline-size: 0
}

.appsElementsSidekickHeaderTitle {
  font-family: Roboto, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5rem;
  margin: unset;
  color: var(--gm3-sys-color-on-surface, #1f1f1f);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap
}

.appsElementsSidekickHeaderIcon {
  color: var(--gm3-sys-color-on-surface, #1f1f1f)
}

.appsElementsSidekickHeaderAlphaBadge {
  --ae-badge-container-color: var(--gm3-sys-color-primary-container, #d3e3fd);
  --ae-badge-text-color: var(--gm3-sys-color-primary, #0b57d0)
}

.appsElementsSidekickHeaderButton {
  --gm3-icon-button-standard-touch-target-size: 40px
}

.appsElementsSidekickHeaderBackButton {
  --gm3-icon-button-standard-touch-target-size: 40px;
  margin-inline: -8px
}

.appsElementsSidekickHeaderDogfood {
  --gm3-icon-button-standard-disabled-icon-color: rgba(var(--gm3-sys-color-on-surface-variant-rgb, 68, 71, 70), 1)
}

.appsElementsSidekickHeaderHeaderButtonsContainer {
  display: flex
}

.appsElementsSidekickHeaderOverflowMenu {
  --gm3-menu-container-shape: 8px;
  --gm3-menu-list-item-container-height: 32px;
  --gm3-menu-list-item-label-text-color: var(--gm3-sys-color-on-surface, #1f1f1f);
  --gm3-menu-list-item-label-text-font: "Google Sans Flex", "Google Sans", Roboto, Arial, sans-serif;
  --gm3-menu-list-item-label-text-size: 0.875rem;
  --gm3-menu-list-item-label-text-weight: 400;
  --gm3-menu-list-item-with-leading-icon-leading-icon-color: var(--gm3-sys-color-on-surface-variant, #444746);
  padding-block: 4px
}

.appsElementsSidekickOverlayPanelRoot {
  block-size: 100%;
  display: flex;
  flex-direction: column;
  max-inline-size: -webkit-fill-available;
  max-inline-size: stretch;
  max-block-size: -webkit-fill-available;
  max-block-size: stretch
}

.appsElementsSidekickOverlayPanelRoot .boqAddonscardsrendererCardCard.CardMixin {
  border: none;
  border-radius: 0
}

.appsElementsSidekickOverlayPanelRoot .CardMixin {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  width: 100%
}

.appsElementsSidekickOverlayPanelRoot .CardBodyMixin {
  flex: 1;
  overflow: hidden auto;
  width: 100%
}

.appsElementsSidekickOverlayPanelRoot .boqAddonscardsrendererCardCardsectionCardSection {
  --uikit-background-color: var(--gm3-sys-color-surface-container-low, #f8fafd);
  --section-background-color-light-theme: var(--gm3-sys-color-surface-container-low, #f8fafd)
}

.appsElementsSidekickOverlayPanelContent {
  block-size: 90%;
  padding: 8px 8px 8px 16px
}

.appsElementsSidekickOverlayPanelCardRoot {
  block-size: 100%
}

.appsElementsSidekickPromptLibraryRoot {
  display: flex;
  flex-direction: column;
  inline-size: 100%;
  max-inline-size: 40rem;
  margin-block-start: -8px
}

.appsElementsSidekickPromptLibraryCategoryName {
  font-family: Roboto, Arial, sans-serif;
  font-size: .6875rem;
  font-weight: 500;
  letter-spacing: .00625rem;
  line-height: 1rem;
  color: var(--gm3-sys-color-on-surface-variant, #444746);
  padding-inline-start: 4px;
  margin: unset
}

.appsElementsSidekickPromptLibraryCategoryChip {
  --gm3-chip-filter-flat-focus-outline-color: var(--gm3-sys-color-outline-variant, #c4c7c5);
  --gm3-chip-filter-flat-outline-color: var(--gm3-sys-color-outline-variant, #c4c7c5);
  --gm3-chip-filter-flat-selected-container-color: var(--gm3-sys-color-secondary-container, #c2e7ff);
  --gm3-chip-filter-flat-with-icon-focus-icon-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-chip-filter-flat-with-icon-hover-icon-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-chip-filter-flat-with-icon-icon-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-chip-filter-flat-with-icon-pressed-icon-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-chip-filter-flat-with-icon-selected-focus-icon-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-chip-filter-flat-with-icon-selected-hover-icon-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-chip-filter-flat-with-icon-selected-icon-color: var(--gm3-sys-color-on-surface-variant, #444746);
  --gm3-chip-filter-flat-with-icon-selected-pressed-icon-color: var(--gm3-sys-color-on-surface-variant, #444746);
  scroll-snap-align: start end
}

.appsElementsSidekickPromptLibraryContent {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-block-start: 16px
}

.appsElementsSidekickPromptLibraryChipContainer {
  display: flex;
  overflow-x: hidden;
  overscroll-behavior: none;
  scroll-snap-type: inline mandatory;
  scroll-padding-inline: 52px;
  margin: 0 -16px;
  margin-block-end: -8px;
  padding-inline: 16px
}

@media not (prefers-reduced-motion) {
  .appsElementsSidekickPromptLibraryChipContainer {
    scroll-behavior: smooth
  }
}

.appsElementsSidekickPromptLibraryScrollButton {
  border-width: 0;
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);
  --gm3-icon-button-filled-tonal-container-color: var(--gm3-sys-color-on-primary, #fff);
  --gm3-icon-button-filled-tonal-focus-icon-color: var(--gm3-sys-color-primary, #0b57d0);
  --gm3-icon-button-filled-tonal-hover-icon-color: var(--gm3-sys-color-primary, #0b57d0);
  --gm3-icon-button-filled-tonal-icon-color: var(--gm3-sys-color-primary, #0b57d0);
  --gm3-icon-button-filled-tonal-pressed-icon-color: var(--gm3-sys-color-primary, #0b57d0);
  block-size: 36px;
  inline-size: 36px;
  position: absolute;
  margin-block-start: 6px
}

.appsElementsSidekickPromptLibraryScrollButton:before {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none
}

@media screen and (forced-colors:active) {
  .appsElementsSidekickPromptLibraryScrollButton:before {
    border-color: CanvasText
  }
}

.appsElementsSidekickPromptLibraryScrollButton .mdc-elevation-overlay {
  opacity: 0
}

.appsElementsSidekickPromptLibraryScrollButton:first-of-type {
  inset-inline-start: 0
}

.appsElementsSidekickPromptLibraryScrollButton:last-of-type {
  inset-inline-end: 0
}

.appsElementsSidekickPromptLibraryScrollButtonContainer {
  position: relative;
  z-index: 2
}

.appsElementsSidekickPromptLibraryScrollButtonContainer:after,
.appsElementsSidekickPromptLibraryScrollButtonContainer:before {
  display: none;
  position: absolute;
  inline-size: 52px;
  block-size: 52px;
  content: "";
  pointer-events: none;
  inset-block-start: -2px;
  forced-color-adjust: none
}

.appsElementsSidekickPromptLibraryScrollButtonContainer:before {
  inset-inline-start: -16px;
  background: linear-gradient(to right, var(--ae-sidekick-container-color, var(--gm3-sys-color-surface, #fff)), transparent)
}

.appsElementsSidekickPromptLibraryScrollButtonContainer:after {
  inset-inline-end: -16px;
  background: linear-gradient(to right, transparent, var(--ae-sidekick-container-color, var(--gm3-sys-color-surface, #fff)));
  z-index: -1
}

.appsElementsSidekickPromptLibraryScrollButtonContainer:has(.appsElementsSidekickPromptLibraryScrollButton:first-of-type:not([style*="display: none;"]):not(.appsElementsSidekickPromptLibraryScrollButtonHidden)):before,
.appsElementsSidekickPromptLibraryScrollButtonContainer:has(.appsElementsSidekickPromptLibraryScrollButton:last-of-type:not([style*="display: none;"]):not(.appsElementsSidekickPromptLibraryScrollButtonHidden)):after {
  display: unset
}

.appsElementsSidekickPromptLibraryScrollButtonHidden {
  display: none
}

.appsElementsSidekickPurchasecardEntrypointUpsellMedianFlyoutTooltip {
  --gm3-tooltip-rich-subhead-font: "Google Sans";
  --gm3-tooltip-rich-subhead-line-height: 1.5rem;
  --gm3-tooltip-rich-subhead-size: 1rem;
  --gm3-tooltip-rich-subhead-weight: 500;
  --gm3-tooltip-rich-supporting-text-font: "Google Sans";
  --gm3-tooltip-rich-supporting-text-line-height: 1.25rem;
  --gm3-tooltip-rich-supporting-text-size: 0.875rem;
  --gm3-tooltip-rich-supporting-text-weight: 400;
  --gm3-tooltip-rich-container-max-block-size: fit-content
}

.appsElementsSidekickPurchasecardEntrypointTooltipContent {
  text-wrap: wrap;
  white-space: normal
}

.appsElementsSidekickPurchasecardEntrypointTooltipActionButtonsContainer {
  margin-inline-start: 40%;
  margin-block-end: 8px;
  width: 100%
}

.appsElementsSidekickPurchasecardEntrypointTooltipSecondaryAction {
  --gm3-button-text-hover-state-layer-opacity: 0;
  --gm3-button-text-label-text-font: "Google Sans";
  margin-inline-end: 12px
}

.appsElementsSidekickPurchasecardEntrypointTooltipPrimaryAction {
  --gm3-button-outlined-label-text-font: "Google Sans"
}

.appsElementsPurchaseCardRoot {
  display: flex;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  text-align: center;
  min-inline-size: var(--ae-sidekick-collapsed-inline-size, 320px)
}

.appsElementsPurchaseCardCard {
  --gm3-card-outlined-container-color: var(--ae-sidekick-container-color, var(--gm3-sys-color-surface, #fff));
  --gm3-card-outlined-hover-outline-color: var(--ae-sidekick-panel-outline-color, var(--ae-sidekick-outline-color, var(--gm3-sys-color-surface-variant, #e1e3e1)));
  --gm3-card-outlined-outline-color: var(--ae-sidekick-panel-outline-color, var(--ae-sidekick-outline-color, var(--gm3-sys-color-surface-variant, #e1e3e1)));
  --gm3-card-outlined-pressed-outline-color: var(--ae-sidekick-panel-outline-color, var(--ae-sidekick-outline-color, var(--gm3-sys-color-surface-variant, #e1e3e1)));
  --gm3-card-outlined-container-shape-start-start: 16px;
  --gm3-card-outlined-container-shape-start-end: 16px;
  --gm3-card-outlined-container-shape-end-end: 16px;
  --gm3-card-outlined-container-shape-end-start: 16px;
  inline-size: 320px;
  overflow: hidden
}

.appsElementsPurchaseCardFooter {
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  letter-spacing: .00625rem;
  line-height: 1rem;
  margin-block: 16px
}

.appsElementsPurchaseCardPurchaseCard {
  display: flex;
  flex-direction: column;
  flex-grow: 1
}

.appsElementsPurchaseCardContent {
  flex: 1 0px;
  overflow-y: auto;
  padding-inline: 20px
}

.appsElementsPurchaseCardMedia {
  inline-size: 100%
}

.appsElementsPurchaseCardTitle {
  font-family: Roboto, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 2rem;
  line-height: 1.75rem;
  letter-spacing: -.03rem;
  color: var(--gm3-sys-color-on-surface, #1f1f1f);
  text-align: start;
  text-wrap: pretty
}

.appsElementsPurchaseCardSubtitle {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  color: var(--gm3-sys-color-on-surface-variant, #444746);
  text-align: start;
  text-wrap: pretty
}

.appsElementsPurchaseCardFeaturesList {
  display: flex;
  flex-direction: column;
  gap: 16px;
  list-style-type: none;
  padding-inline-start: 0
}

.appsElementsPurchaseCardFeature {
  align-items: start;
  display: flex;
  gap: 16px
}

.appsElementsPurchaseCardFeatureImage {
  block-size: 18px;
  flex-shrink: 0;
  inline-size: 18px
}

.appsElementsPurchaseCardFeatureText {
  align-items: start;
  display: flex;
  flex-direction: column
}

.appsElementsPurchaseCardFeatureTitle {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.25rem;
  color: var(--gm3-sys-color-on-surface, #1f1f1f);
  text-align: start
}

.appsElementsPurchaseCardFeatureDetails {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  color: var(--gm3-sys-color-on-surface-variant, #444746);
  text-align: start
}

.appsElementsPurchaseCardSubline {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  color: var(--gm3-sys-color-on-surface-variant, #444746);
  padding-block-end: 16px;
  text-align: start;
  text-wrap: pretty
}

.appsElementsPurchaseCardDivider {
  block-size: 0;
  border: 0;
  border-block-end: 1px solid var(--ae-sidekick-panel-outline-color, var(--ae-sidekick-outline-color, var(--gm3-sys-color-surface-variant, #e1e3e1)));
  inline-size: 100%;
  margin: 0
}

.appsElementsPurchaseCardButtons {
  padding: 20px 20px 0
}

.appsElementsPurchaseCardPrimaryButton {
  inline-size: 100%
}

.appsElementsSidekickUserMessageRoot {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-inline-size: 0;
  -webkit-user-select: none;
  user-select: none
}

.appsElementsSidekickUserMessageHeaderContainer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-block-size: 24px
}

.appsElementsSidekickUserMessageHeaderButtons {
  justify-content: flex-end
}

.appsElementsSidekickUserMessagePromptContent {
  font-variant-ligatures: no-contextual;
  font-feature-settings: "liga" 0;
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  text-wrap: pretty;
  overflow-wrap: break-word;
  word-break: break-word;
  display: flex;
  flex-direction: column;
  gap: 8px;
  -webkit-user-select: text;
  user-select: text
}

.appsElementsSidekickUserMessagePromptContent ol,
.appsElementsSidekickUserMessagePromptContent p,
.appsElementsSidekickUserMessagePromptContent pre,
.appsElementsSidekickUserMessagePromptContent ul {
  margin-block: unset
}

.appsElementsSidekickUserMessagePromptContent :is(ul, ol) {
  margin-block: 16px
}

.appsElementsSidekickUserMessagePromptContent :is(ul, ol):first-child {
  margin-block-start: 0
}

.appsElementsSidekickUserMessagePromptContent :is(ul, ol):last-child {
  margin-block-end: 0
}

.appsElementsSidekickUserMessagePromptContent :is(ul, ol) :is(ul, ol),
.appsElementsSidekickUserMessagePromptContent :is(ul, ol) :is(ul, ol):is(:first-child, :last-child) {
  margin-block: 8px
}

.appsElementsSidekickUserMessagePromptContent ul {
  list-style-type: disc;
  padding-inline-start: 16px
}

.appsElementsSidekickUserMessagePromptContent ol {
  padding-inline-start: 3ch
}

.appsElementsSidekickUserMessagePromptContent b {
  font-weight: 500
}

.appsElementsSidekickUserMessagePromptContent code,
.appsElementsSidekickUserMessagePromptContent pre {
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  letter-spacing: .00625rem;
  line-height: 1rem;
  font-family: Google Sans Mono, monospace;
  white-space: pre-wrap;
  margin: unset
}

.appsElementsSidekickUserMessagePromptContent table {
  background-color: var(--gm3-sys-color-surface, #fff);
  border-spacing: 0;
  border: 1px solid var(--gm3-sys-color-outline-variant, #c4c7c5);
  border-collapse: inherit;
  word-break: auto-phrase
}

.appsElementsSidekickUserMessagePromptContent table th {
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 500;
  letter-spacing: .00625rem;
  line-height: 1rem;
  padding: 8px
}

.appsElementsSidekickUserMessagePromptContent table td {
  font-family: Roboto, Arial, sans-serif;
  font-size: .6875rem;
  font-weight: 500;
  letter-spacing: .00625rem;
  line-height: 1rem;
  font-weight: 400;
  padding: 5px 8px
}

.appsElementsSidekickUserMessagePromptContent table td,
.appsElementsSidekickUserMessagePromptContent table th {
  text-align: start;
  border: 1px solid var(--gm3-sys-color-outline-variant, #c4c7c5)
}

.appsElementsSidekickUserMessagePromptContent table tr+tr td,
.appsElementsSidekickUserMessagePromptContent table tr+tr th,
.appsElementsSidekickUserMessagePromptContent table tr:first-child td,
.appsElementsSidekickUserMessagePromptContent table tr:first-child th {
  border-block-start: 0
}

.appsElementsSidekickUserMessagePromptContent table td+td,
.appsElementsSidekickUserMessagePromptContent table td+th,
.appsElementsSidekickUserMessagePromptContent table td:first-child,
.appsElementsSidekickUserMessagePromptContent table th+td,
.appsElementsSidekickUserMessagePromptContent table th+th,
.appsElementsSidekickUserMessagePromptContent table th:first-child {
  border-inline-start: 0
}

.appsElementsSidekickUserMessagePromptContent table td:last-child,
.appsElementsSidekickUserMessagePromptContent table th:last-child {
  border-inline-end: 0
}

.appsElementsSidekickUserMessagePromptContent table tr:last-child td {
  border-block-end: 0
}

.appsElementsSidekickUserMessagePromptContent mark:not([class]) {
  background-color: unset;
  color: unset
}

.appsElementsSidekickUserMessagePromptContent a:any-link:not([class]) {
  color: var(--gm3-sys-color-primary, #0b57d0);
  text-underline-offset: .25em;
  text-decoration: underline
}

.appsElementsSidekickUserMessagePromptContent a:active:not([class]),
.appsElementsSidekickUserMessagePromptContent a:hover:not([class]),
.appsElementsSidekickUserMessagePromptContent a:visited:not([class]) {
  color: var(--gm3-sys-color-primary, #0b57d0)
}

.appsElementsSidekickUserMessagePromptContentCollapsed {
  display: -webkit-inline-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden
}

.appsElementsSidekickUserMessagePromptCanceled {
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 500;
  letter-spacing: .00625rem;
  line-height: 1rem;
  color: var(--gm3-sys-color-outline, #747775)
}

.appsElementsSidekickUserMessageContentToggleButton {
  visibility: hidden
}

.appsElementsSidekickUserMessageRoot:has(:hover, :focus-within) .appsElementsSidekickUserMessageContentToggleButton {
  visibility: visible
}

.appsElementsSidekickUserMessageGeneratedTetherContext {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px
}

.appsElementsSidekickUserMessageContextThumbnailContainer {
  display: flex;
  align-items: center
}

.appsElementsSidekickUserMessageContextThumbnail,
.appsElementsSidekickUserMessageContextThumbnailSeparator {
  display: block;
  inline-size: 24px;
  block-size: 24px;
  border-radius: 4px;
  z-index: var(--context-thumbnail-order, 0)
}

.appsElementsSidekickUserMessageContextThumbnail+.appsElementsSidekickUserMessageContextThumbnailSeparator,
.appsElementsSidekickUserMessageContextThumbnailSeparator+.appsElementsSidekickUserMessageContextThumbnail {
  margin-inline-start: -22px
}

.appsElementsSidekickUserMessageContextThumbnailSeparator {
  background-color: var(--gm3-sys-color-surface-container, #f0f4f9)
}

.appsElementsSidekickUserMessageEditPromptButton {
  --gm3-icon-button-standard-container-width: 30px;
  --gm3-icon-button-standard-container-height: 30px;
  --gm3-icon-button-standard-icon-size: 20px
}

.appsElementsSidekickUserMessagePromptEditorContainer {
  border-radius: 8px;
  outline: 2px solid var(--gm3-sys-color-outline, #747775)
}

.appsElementsSidekickUserMessagePromptEditorContainer:focus-within {
  outline: 2px solid var(--gm3-sys-color-primary, #0b57d0)
}

.appsElementsSidekickUserMessagePromptEditorContainer:focus-within:has(.appsElementsSidekickUserMessagePromptEditor[aria-invalid=true]) {
  outline-color: var(--gm3-sys-color-error, #b3261e)
}

.appsElementsSidekickUserMessagePromptEditor {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  padding: 16px;
  overflow: hidden auto;
  box-sizing: border-box;
  background-color: var(--gm3-sys-color-surface-container, #f0f4f9);
  color: var(--ae-sidekick-prompt-input-text-color, #000);
  caret-color: var(--gm3-sys-color-primary, #0b57d0)
}

.appsElementsSidekickUserMessageCancelEditPromptButton {
  --gm3-button-text-container-height: 36px;
  --gm3-button-text-label-text-size: 0.75rem
}

.appsElementsSidekickUserMessageUpdatePromptButton {
  --gm3-button-filled-container-height: 32px;
  --gm3-button-filled-label-text-size: 0.75rem;
  padding-inline: 16px
}

.appsElementsSidekickUserMessageEditPromptButtons {
  display: flex;
  flex-direction: row;
  gap: 4px
}

.appsElementsStackingSnackbarContainer {
  z-index: 1004;
  display: inline-flex;
  flex-direction: column;
  gap: 0;
  position: fixed;
  bottom: 0;
  left: 0;
  --gm3-snackbar-action-label-text-font: "Google Sans";
  --gm3-snackbar-supporting-text-font: "Google Sans"
}

.fontsBarCssFontsBar {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-top: 8px
}

.fontsBarCssSearchAndSelectDropdowns {
  display: flex;
  flex-direction: row;
  width: 75%;
  column-gap: 8px
}

.fontsBarCssSearchInput {
  --gm3-text-field-outlined-container-height: 40px;
  --gm3-text-field-outlined-input-text-size: 16px;
  --gm3-text-field-outlined-container-shape-start-start: 28px;
  --gm3-text-field-outlined-container-shape-start-end: 28px;
  --gm3-text-field-outlined-container-shape-end-start: 28px;
  --gm3-text-field-outlined-container-shape-end-end: 28px
}

.fontsBarCssSearchInputContainer {
  width: 150px
}

.fontsBarCssMyFontsLabel {
  margin-left: auto;
  width: 20%;
  font-size: 16px;
  font-weight: 700
}

:root {
  --font-family-style: "Roboto"
}

.fontsListCssAllFontsList {
  --gm3-checkbox-container-size: 18px;
  --gm3-checkbox-state-layer-size: 36px;
  --gm3-checkbox-touch-target-size: 0px;
  --gm3-checkbox-label-text-size: 0.875rem
}

.fontsListCssAllFontsListItem {
  --gm3-list-list-item-label-text-font: var(--font-family-style);
  --gm3-list-list-item-trailing-supporting-text-font: var(--font-family-style);
  --gm3-list-list-item-trailing-supporting-text-size: 0.875rem;
  --gm3-list-list-item-one-line-container-height: 54px
}

.fontsListCssSelectedFontsList {
  margin: 0;
  padding-block: 8px;
  padding-inline: 0;
  list-style-type: none
}

.fontsListCssSelectedFontsListItem {
  font-family: var(--font-family-style);
  font-size: .875rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-block: 8px;
  padding-inline: 16px;
  background-color: #fff
}

.fontsListCssSelectedFontsListItemButton {
  --gm3-icon-button-standard-icon-size: 16px;
  --gm3-icon-button-standard-container-height: 16px;
  --gm3-icon-button-standard-container-width: 16px;
  margin-top: 50%
}

.fontsListCssNoFontsFoundContainer {
  background-color: #fff;
  width: 100%;
  height: 100%
}

.fontsListCssNoFontsFoundMessage {
  padding: 20px
}

.fontsPickerCssRoot {
  --gm3-dialog-content-display: flex;
  --gm3-dialog-container-width: 877px;
  --gm3-dialog-container-height: 652px;
  --gm3-dialog-container-max-width: unset;
  --gm3-dialog-container-max-height: unset
}

.fontsPickerCssContentContainer {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  gap: 16px
}

.fontsPickerCssFontsListsContainer {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 85%
}

.fontsPickerCssAllFontsListContainer {
  width: 75%;
  height: 100%;
  overflow-y: auto
}

.fontsPickerCssSelectedFontsListContainer {
  margin-left: auto;
  width: 20%;
  height: 100%;
  overflow-y: auto
}

.fontsPickerCssLoadingCircularProgress {
  transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 50%
}

.fontsPickerCssCancelButton {
  --gm3-button-text-container-height: 40px
}

.fontsPickerCssAddButton {
  --gm3-button-filled-container-height: 40px
}

.fontsSelectDropdownSelectDropdown {
  --gm3-select-shared-text-field-container-width: 144px;
  --gm3-select-shared-text-field-container-height: 40px;
  --gm3-select-shared-text-field-input-text-size: 16px;
  --gm3-select-shared-menu-list-item-label-text-size: 16px
}

.pickerIframeDialogContentContainer {
  --gm3-dialog-container-min-height: max(calc(min(100vw * 0.618, 100vh)*0.85), 480px);
  --gm3-dialog-container-min-width: max(min(calc(min(100vw * 0.618, 100vh)*0.85)/0.618, 100vw), 320px)
}

.pickerIframeDialogIWPickerFrameContainer {
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  position: absolute
}

.pickerIframeDialogIWPickerCloseButtonContainer {
  position: absolute;
  right: 16px;
  top: 18px;
  z-index: 100
}

@media (max-width:1328px) {
  .sketchyUnnestedDialogFloatingSheetContainer {
    --gm3-dialog-container-max-width: 100vw
  }
}

@media (min-width:1328px) {
  .sketchyUnnestedDialogFloatingSheetContainer {
    --gm3-dialog-container-max-width: 1328px
  }
}

.sketchyUnnestedDialogFloatingSheetContainer button {
  display: none
}

.sketchyUnnestedDialogSketchyDialog {
  padding: 10px
}

.sketchyUnnestedDialogSketchyDialog button {
  display: initial
}

.sketchyUnnestedDialogSketchyDialogHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px
}

.sketchyUnnestedDialogSketchyDialogHeaderTitle {
  position: relative;
  box-sizing: border-box;
  text-align: start;
  display: flex;
  flex-shrink: 1;
  margin: 0;
  padding: 24px 24px 16px;
  flex-grow: 1;
  color: #1f1f1f;
  font-family: Google sans;
  line-height: 2rem;
  font-size: 1.5rem;
  letter-spacing: 0;
  font-weight: 400
}

.sketchyUnnestedDialogSketchyDialogHeaderTitle:before {
  display: inline-block;
  width: 0;
  height: 0;
  content: "";
  vertical-align: 0
}

.wizcontribVirtuallistList {
  overflow: hidden;
  position: relative
}

.wizcontribVirtuallistRow {
  left: 0;
  position: absolute;
  top: 0
}

.wizcontribVirtuallistAnimated.wizcontribVirtuallistList {
  transition: height .15s cubic-bezier(0, 0, .2, 1)
}

.wizcontribVirtuallistAnimated .wizcontribVirtuallistRow {
  transition: transform .15s cubic-bezier(0, 0, .2, 1)
}

.quantumWizCommonPositioningScrollableHost {
  position: relative
}

.docs-charts-editor-material-color-picker {
  color: rgba(0, 0, 0, .87);
  cursor: pointer;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 21px;
  outline: none;
  width: 100%
}

.docs-charts-editor-material-color-picker-disabled {
  color: rgba(0, 0, 0, .12);
  cursor: default
}

.docs-charts-editor-material-color-picker-outer-box {
  transition: border-color .3s ease;
  border-bottom: 1px solid rgba(0, 0, 0, .12);
  margin-bottom: 1px;
  padding-bottom: 5px;
  width: 100%
}

.docs-charts-editor-material-color-picker-focused .docs-charts-editor-material-color-picker-outer-box,
.docs-charts-editor-material-color-picker-hover .docs-charts-editor-material-color-picker-outer-box {
  border-bottom-color: rgba(0, 0, 0, .38)
}

.docs-charts-editor-material-color-picker-open .docs-charts-editor-material-color-picker-outer-box {
  border-bottom-width: 2px;
  border-bottom-color: #4285f4;
  margin-bottom: 0
}

.docs-charts-editor-material-color-picker-inner-box {
  width: 100%
}

.docs-charts-editor-material-color-picker-disabled .docs-charts-editor-material-color-picker-outer-box {
  border-bottom: 1px dotted rgba(0, 0, 0, .12)
}

.docs-charts-editor-material-color-picker-indicator {
  border: 1px solid rgba(0, 0, 0, .12);
  border-radius: 2px;
  float: left;
  height: 20px;
  margin-top: 6px;
  position: relative;
  top: 1px;
  width: 20px
}

.docs-charts-editor-material-color-picker-text {
  overflow: hidden;
  padding-left: 4px;
  padding-right: 28px;
  position: relative;
  text-overflow: ellipsis;
  top: 10px;
  vertical-align: middle;
  white-space: nowrap
}

.docs-charts-editor-material-color-picker-dropdown {
  position: absolute;
  right: 8px;
  top: 0
}

.docs-charts-editor-material-color-picker-dropdown-icon {
  transition: opacity .3s ease;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjMiPjxwb2x5Z29uIHBvaW50cz0iMCwwIDUsMCAyLjUsMyIgZmlsbD0iIzAwMCIvPjwvc3ZnPg==") no-repeat;
  background-size: contain;
  height: 8px;
  opacity: .38;
  position: relative;
  top: 19px;
  width: 8px
}

.docs-gm .docs-charts-editor-material-color-picker-dropdown-icon {
  opacity: 1
}

.docs-charts-editor-material-color-picker-focused .docs-charts-editor-material-color-picker-dropdown-icon,
.docs-charts-editor-material-color-picker-hover .docs-charts-editor-material-color-picker-dropdown-icon {
  opacity: .54
}

.docs-gm .docs-charts-editor-material-color-picker-focused .docs-charts-editor-material-color-picker-dropdown-icon,
.docs-gm .docs-charts-editor-material-color-picker-hover .docs-charts-editor-material-color-picker-dropdown-icon {
  opacity: 1
}

.docs-charts-editor-material-color-picker-disabled .docs-charts-editor-material-color-picker-dropdown-icon {
  opacity: .12
}

.docs-gm .docs-charts-editor-material-color-picker-disabled .docs-gm .docs-charts-editor-material-color-picker-dropdown-icon {
  opacity: .38
}

.docs-charts-editor-material-combo-box {
  height: 26px;
  line-height: 26px;
  outline: 0;
  width: 100%
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-combo-box {
  height: 42px;
  line-height: 42px
}

.docs-charts-editor-material-combo-box-disabled {
  cursor: default
}

.docs-charts-editor-material-combo-box .docs-charts-editor-material-combo-box-outer-box {
  transition: border-color .3s ease;
  border-bottom: 1px solid rgba(0, 0, 0, .12);
  height: 26px;
  line-height: 26px;
  margin-bottom: 1px;
  width: 100%
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-combo-box .docs-charts-editor-material-combo-box-outer-box {
  border: 1px solid #dadce0;
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  padding: 8px 6px 8px 8px;
  width: 100%;
  height: 42px;
  line-height: 42px;
  padding: 8px
}

.docs-charts-editor-material-combo-box-focused .docs-charts-editor-material-combo-box-outer-box,
.docs-charts-editor-material-combo-box-hover .docs-charts-editor-material-combo-box-outer-box {
  border-bottom-color: rgba(0, 0, 0, .38)
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-combo-box-hover .docs-charts-editor-material-combo-box-outer-box {
  background-color: rgba(60, 64, 67, .04);
  border: 1px solid #dadce0
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-combo-box-focused .docs-charts-editor-material-combo-box-outer-box {
  background-color: rgba(60, 64, 67, .06);
  border: 1px solid #dadce0
}

.docs-charts-editor-material-combo-box-open .docs-charts-editor-material-combo-box-outer-box {
  border-bottom-width: 2px;
  border-bottom-color: #4285f4;
  margin-bottom: 0
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-combo-box-open .docs-charts-editor-material-combo-box-outer-box {
  background-color: rgba(60, 64, 67, .04);
  border: 1px solid transparent
}

.docs-charts-editor-material-combo-box-disabled .docs-charts-editor-material-combo-box-outer-box {
  border-bottom: 1px dotted rgba(0, 0, 0, .12)
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-combo-box-disabled .docs-charts-editor-material-combo-box-outer-box {
  border: 1px solid #dadce0;
  box-shadow: none;
  cursor: default
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-combo-box-inner-box {
  align-items: center;
  display: flex;
  justify-content: space-between;
  position: relative;
  width: 100%;
  height: 100%
}

.docs-charts-editor-material-combo-box-inner-box {
  width: 100%
}

.docs-charts-editor-material-combo-box-caption {
  box-sizing: border-box;
  padding-right: 28px;
  width: 100%
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-combo-box-caption {
  padding-right: 0
}

.docs-charts-editor-material-combo-box-input,
.docs-charts-editor-material-combo-box-input:focus {
  background: none;
  border: none;
  box-shadow: none;
  color: rgba(0, 0, 0, .87);
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 26px;
  line-height: 26px;
  padding: 0;
  width: 100%
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-combo-box-caption .docs-charts-editor-material-combo-box-input,
.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-combo-box-caption .docs-charts-editor-material-combo-box-input:focus {
  box-sizing: border-box;
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: none;
  padding: 0
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-combo-box-disabled .docs-charts-editor-material-combo-box-input {
  color: rgba(0, 0, 0, .26)
}

.docs-charts-editor-material-combo-box-disabled .docs-charts-editor-material-combo-box-input {
  background: none;
  color: rgba(0, 0, 0, .12);
  cursor: default
}

.docs-charts-editor-material-combo-box-dropdown {
  position: absolute;
  right: 8px;
  top: 10px
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-combo-box-dropdown {
  align-items: center;
  display: flex;
  height: 24px;
  justify-content: center;
  width: 24px;
  position: static
}

.docs-charts-editor-material-combo-box-dropdown-icon {
  transition: opacity .3s ease;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjMiPjxwb2x5Z29uIHBvaW50cz0iMCwwIDUsMCAyLjUsMyIgZmlsbD0iIzAwMCIvPjwvc3ZnPg==") no-repeat;
  background-size: contain;
  cursor: pointer;
  height: 8px;
  opacity: .38;
  width: 8px
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-combo-box-dropdown-icon {
  background: no-repeat url(https://ssl.gstatic.com/docs/common/material_common_sprite839_gm3_grey_medium.svg) -656px -996px;
  height: 18px;
  width: 18px;
  opacity: 1
}

.docs-charts-editor-material-combo-box-focused .docs-charts-editor-material-combo-box-dropdown-icon,
.docs-charts-editor-material-combo-box-hover .docs-charts-editor-material-combo-box-dropdown-icon {
  opacity: .54
}

.docs-charts-editor-material-combo-box-disabled .docs-charts-editor-material-combo-box-dropdown-icon {
  opacity: .12
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-combo-box-disabled .docs-charts-editor-material-combo-box-dropdown-icon {
  opacity: .26
}

.docs-charts-editor-material-icon-menu-button {
  cursor: pointer;
  height: 26px;
  margin: 0;
  min-width: 40px;
  outline: none;
  -webkit-user-select: none;
  user-select: none
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-icon-menu-button {
  height: auto;
  min-width: 34px
}

.docs-charts-editor-material-icon-menu-button-disabled {
  cursor: default
}

.docs-charts-editor-material-icon-menu-button .docs-icon-img {
  transition: opacity .2s cubic-bezier(.4, 0, .2, 1);
  opacity: .54
}

.docs-gm .docs-charts-editor-material-icon-menu-button .docs-icon-img {
  opacity: 1
}

.docs-charts-editor-material-icon-menu-button-disabled .docs-icon-img {
  opacity: .12
}

.docs-gm .docs-charts-editor-material-icon-menu-button-disabled .docs-icon-img {
  opacity: .38
}

.docs-charts-editor-material-icon-menu-button-outer-box {
  transition: background .25s cubic-bezier(.4, 0, .2, 1);
  box-sizing: border-box;
  background: rgba(0, 0, 0, .04);
  border-radius: 1px;
  height: 26px;
  line-height: 26px;
  margin-right: 4px;
  padding: 0 4px;
  width: 100%
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-icon-menu-button-outer-box {
  background: #fff;
  border: 2px solid #fff;
  border-radius: 4px;
  height: 100%;
  line-height: 34px;
  margin-right: 0;
  padding: 0
}

.docs-charts-editor-material-icon-menu-button-open .docs-charts-editor-material-icon-menu-button-outer-box {
  background: rgba(0, 0, 0, .12)
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-icon-menu-button-open .docs-charts-editor-material-icon-menu-button-outer-box {
  background: #e6f4ea
}

.docs-charts-editor-material-icon-menu-button-inner-box {
  width: 100%
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-icon-menu-button-caption {
  margin-left: 2px
}

.docs-charts-editor-material-icon-menu-button-dropdown {
  position: absolute;
  right: 0;
  top: 0
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-icon-menu-button-dropdown {
  left: 15px
}

.docs-charts-editor-material-icon-menu-button-dropdown-icon {
  transition: opacity .25s cubic-bezier(.4, 0, .2, 1);
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjMiPjxwb2x5Z29uIHBvaW50cz0iMCwwIDUsMCAyLjUsMyIgZmlsbD0iIzAwMCIvPjwvc3ZnPg==") no-repeat;
  background-size: contain;
  height: 8px;
  opacity: .54;
  position: relative;
  top: 9px;
  width: 8px
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-icon-menu-button-dropdown-icon {
  background: no-repeat url(https://ssl.gstatic.com/docs/common/material_common_sprite839_gm3_grey_medium.svg) -656px -996px;
  height: 18px;
  opacity: 1;
  width: 18px
}

.docs-charts-editor-material-icon-menu-button-focused .docs-charts-editor-material-icon-menu-button-dropdown-icon,
.docs-charts-editor-material-icon-menu-button-open .docs-charts-editor-material-icon-menu-button-dropdown-icon {
  opacity: .87
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-icon-menu-button-open .docs-icon-img {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_green.svg)
}

.docs-gm .docs-charts-editor-material-icon-menu-button-focused .docs-gm .docs-charts-editor-material-icon-menu-button-dropdown-icon,
.docs-gm .docs-charts-editor-material-icon-menu-button-open .docs-gm .docs-charts-editor-material-icon-menu-button-dropdown-icon {
  opacity: 1
}

.docs-charts-editor-material-icon-menu-button-disabled .docs-charts-editor-material-icon-menu-button-dropdown-icon {
  opacity: .12
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-icon-menu-button-disabled .docs-charts-editor-material-icon-menu-button-dropdown-icon {
  opacity: .26
}

.docs-gm .docs-charts-editor-material-icon-menu-button-disabled .docs-gm .docs-charts-editor-material-icon-menu-button-dropdown-icon {
  opacity: .38
}

.docs-charts-editor-material-menu-button {
  color: rgba(0, 0, 0, .87);
  cursor: pointer;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 26px;
  line-height: 26px;
  outline: 0;
  width: 100%
}

.docs-charts-editor-material-menu-button-disabled {
  color: rgba(0, 0, 0, .12);
  cursor: default
}

.docs-charts-editor-material-menu-button-outer-box {
  transition: border-color .3s ease;
  border-bottom: 1px solid rgba(0, 0, 0, .12);
  height: 26px;
  line-height: 26px;
  margin-bottom: 1px;
  width: 100%
}

.docs-charts-editor-material-menu-button-focused .docs-charts-editor-material-menu-button-outer-box,
.docs-charts-editor-material-menu-button-hover .docs-charts-editor-material-menu-button-outer-box {
  border-bottom-color: rgba(0, 0, 0, .38)
}

.docs-charts-editor-material-menu-button-open .docs-charts-editor-material-menu-button-outer-box {
  border-bottom-width: 2px;
  border-bottom-color: #4285f4;
  margin-bottom: 0
}

.docs-charts-editor-material-menu-button-disabled .docs-charts-editor-material-menu-button-outer-box {
  border-bottom: 1px dotted rgba(0, 0, 0, .12)
}

.docs-charts-editor-material-menu-button-inner-box {
  display: flex;
  width: 100%
}

.docs-charts-editor-material-menu-button-caption {
  display: inline-block;
  line-height: 26px;
  overflow: hidden;
  padding-right: 28px;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1
}

.docs-charts-editor-material-menu-button-dropdown {
  position: absolute;
  right: 8px;
  top: 10px;
  white-space: nowrap
}

.docs-charts-editor-material-menu-button-dropdown-icon {
  transition: opacity .3s ease;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjMiPjxwb2x5Z29uIHBvaW50cz0iMCwwIDUsMCAyLjUsMyIgZmlsbD0iIzAwMCIvPjwvc3ZnPg==") no-repeat;
  background-size: contain;
  height: 8px;
  opacity: .38;
  width: 8px
}

.docs-charts-editor-material-menu-button-focused .docs-charts-editor-material-menu-button-dropdown-icon,
.docs-charts-editor-material-menu-button-hover .docs-charts-editor-material-menu-button-dropdown-icon {
  opacity: .54
}

.docs-gm .docs-charts-editor-material-menu-button-focused .docs-charts-editor-material-menu-button-dropdown-icon,
.docs-gm .docs-charts-editor-material-menu-button-hover .docs-charts-editor-material-menu-button-dropdown-icon {
  opacity: 1
}

.docs-charts-editor-material-menu-button-disabled .docs-charts-editor-material-menu-button-dropdown-icon {
  opacity: .12
}

.docs-gm .docs-charts-editor-material-menu-button-disabled .docs-gm .docs-charts-editor-material-menu-button-dropdown-icon {
  opacity: .38
}

.docs-charts-editor-material-textbutton {
  transition: background .2s cubic-bezier(.4, 0, .2, 1);
  background: rgba(0, 0, 0, .04);
  border-radius: 2px;
  cursor: pointer;
  height: 26px;
  margin-right: 4px;
  outline: none;
  padding: 4px;
  text-align: center
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-textbutton {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #fff;
  border: 1px solid #dadce0 !important;
  color: #137333;
  height: 24px;
  padding: 3px 12px 5px;
  margin-right: 0
}

.docs-charts-editor-material-textbutton-label {
  color: #2196f3;
  font-size: 12px;
  text-transform: uppercase
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-textbutton-label {
  color: #188038;
  font-size: 14px;
  letter-spacing: .25px;
  line-height: 14px;
  text-transform: none
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-textbutton-disabled .docs-charts-editor-material-textbutton-label {
  color: #3c4043;
  opacity: .38
}

.docs-charts-editor-material-textbutton-outer-box {
  vertical-align: -webkit-baseline-middle
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-textbutton-outer-box {
  vertical-align: baseline
}

.docs-charts-editor-material-textbutton-focused {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #fff;
  border: 1px solid #dadce0 !important;
  background: #e7f5eb;
  border: 1px solid #bbe2c6 !important;
  height: 24px;
  padding: 3px 12px 5px
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-textbutton-hover {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #fff;
  border: 1px solid #dadce0 !important;
  background: #f8fcf9;
  border: 1px solid #c8e7d1 !important;
  height: 24px;
  padding: 3px 12px 5px
}

.docs-charts-editor-material-textbutton-checked {
  background: rgba(0, 0, 0, .12)
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-textbutton-checked {
  background-image: none;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  background: #fff;
  border: 1px solid #dadce0 !important;
  background: #dff2e4;
  border: 1px solid transparent !important;
  box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15);
  height: 24px;
  padding: 3px 12px 5px
}

.docs-charts-editor-material-textbutton-disabled {
  cursor: default
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-textbutton-disabled {
  background-image: none;
  border: 1px solid transparent !important;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 36px;
  letter-spacing: .25px;
  line-height: 16px;
  padding: 9px 24px 11px;
  border: 1px solid #dadce0 !important;
  background: #fff;
  border: 1px solid #f1f3f4 !important;
  height: 24px;
  padding: 3px 12px 5px
}

.docs-charts-editor-material-textbutton .docs-icon-img {
  transition: opacity .2s cubic-bezier(.4, 0, .2, 1);
  opacity: .54
}

.docs-gm .docs-charts-editor-material-textbutton .docs-icon-img {
  opacity: 1
}

.docs-charts-editor-material-textbutton-checked .docs-icon-img,
.docs-charts-editor-material-textbutton-focused .docs-icon-img {
  opacity: .87
}

.docs-gm .docs-charts-editor-material-textbutton-checked .docs-icon-img,
.docs-gm .docs-charts-editor-material-textbutton-focused .docs-icon-img {
  opacity: 1
}

.docs-charts-editor-material-textbutton-disabled .docs-icon-img {
  opacity: .12
}

.docs-gm .docs-charts-editor-material-textbutton-disabled .docs-icon-img {
  opacity: .38
}

.docs-charts-editor-material-text-input input {
  box-sizing: border-box;
  transition: border-bottom-color .3s ease;
  background: none;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, .12);
  color: rgba(0, 0, 0, .87);
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 26px;
  line-height: 26px;
  outline: none;
  padding: 0;
  width: 100%
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-text-input .jfk-textinput {
  transition: border-color .3s ease;
  height: 42px;
  line-height: 42px;
  margin: 0
}

.docs-charts-editor-material-text-input input::placeholder {
  color: rgba(0, 0, 0, .38)
}

.docs-charts-editor-material-text-input input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, .38)
}

.docs-charts-editor-material-text-input input::-moz-placeholder {
  color: rgba(0, 0, 0, .38)
}

.docs-charts-editor-material-text-input input:-ms-input-placeholder {
  color: rgba(0, 0, 0, .38)
}

.docs-charts-editor-material-text-input input::-ms-input-placeholder {
  color: rgba(0, 0, 0, .38)
}

.docs-charts-editor-material-text-input input:hover,
.docs-charts-editor-material-text-input-hover input {
  border-bottom-color: rgba(0, 0, 0, .38)
}

.docs-charts-editor-material-text-input input:focus,
.docs-charts-editor-material-text-input-focus input {
  box-shadow: none;
  border: none;
  border-bottom: 2px solid #4285f4
}

.docs-charts-editor-material-text-input-focus input,
.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-text-input input:focus {
  box-shadow: none;
  border: 2px solid #4285f4
}

.docs-charts-editor-material-text-input input:disabled,
.docs-charts-editor-material-text-input-disabled input {
  background: none;
  border-bottom: 1px dotted rgba(0, 0, 0, .12);
  color: rgba(0, 0, 0, .12)
}

.docs-charts-editor-material-togglebutton {
  transition: background .2s cubic-bezier(.4, 0, .2, 1);
  background: rgba(0, 0, 0, .04);
  border-radius: 2px;
  cursor: pointer;
  height: 26px;
  line-height: 26px;
  margin-right: 4px;
  outline: none;
  text-align: center;
  width: 26px
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-togglebutton {
  background: #fff;
  border: 2px solid #fff;
  border-radius: 4px;
  height: 34px;
  line-height: 34px;
  margin-right: 0;
  width: 30px
}

.docs-charts-editor-material-togglebutton-checked {
  background: rgba(0, 0, 0, .12)
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-togglebutton-checked {
  background: #e6f4ea
}

.docs-charts-editor-material-togglebutton-disabled {
  cursor: default
}

.docs-charts-editor-material-togglebutton .docs-icon-img {
  transition: opacity .2s cubic-bezier(.4, 0, .2, 1);
  opacity: .54
}

.docs-gm .docs-charts-editor-material-togglebutton .docs-icon-img {
  opacity: 1
}

.docs-charts-editor-material-togglebutton-checked .docs-icon-img,
.docs-charts-editor-material-togglebutton-focused .docs-icon-img {
  opacity: .87
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-togglebutton-checked .docs-icon-img {
  content: url(https://ssl.gstatic.com/docs/common/material_common_sprite839_green.svg)
}

.docs-gm .docs-charts-editor-material-togglebutton-checked .docs-icon-img,
.docs-gm .docs-charts-editor-material-togglebutton-focused .docs-icon-img {
  opacity: 1
}

.docs-charts-editor-material-togglebutton-disabled .docs-icon-img {
  opacity: .12
}

.docs-gm .docs-charts-editor-material-togglebutton-disabled .docs-icon-img {
  opacity: .38
}

.docs-charts-editor-material-toolbar-color-picker {
  cursor: pointer;
  height: 26px;
  min-width: 40px;
  outline: none;
  -webkit-user-select: none;
  user-select: none
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-toolbar-color-picker {
  color: #3c4043;
  outline: none;
  width: 100%;
  height: 42px;
  max-width: 100%;
  width: auto
}

.docs-charts-editor-material-toolbar-color-picker-disabled {
  cursor: default
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-toolbar-color-picker-disabled {
  color: #5f6368;
  opacity: .38;
  cursor: default
}

.docs-charts-editor-material-toolbar-color-picker-outer-box {
  transition: background .25s cubic-bezier(.4, 0, .2, 1);
  box-sizing: border-box;
  background: rgba(0, 0, 0, .04);
  border-radius: 2px;
  height: 100%;
  padding: 2px 4px;
  width: 100%
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-toolbar-color-picker-outer-box {
  border: 1px solid #dadce0;
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  padding: 8px 6px 8px 8px;
  width: 100%;
  background: #fff;
  max-width: 100%;
  width: auto
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-toolbar-color-picker-hover .docs-charts-editor-material-toolbar-color-picker-outer-box {
  background-color: rgba(60, 64, 67, .04);
  border: 1px solid #dadce0
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-toolbar-color-picker-disabled .docs-charts-editor-material-toolbar-color-picker-outer-box {
  border: 1px solid #dadce0;
  box-shadow: none;
  cursor: default
}

.docs-charts-editor-material-toolbar-color-picker-open .docs-charts-editor-material-toolbar-color-picker-outer-box {
  background: rgba(0, 0, 0, .12)
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-toolbar-color-picker-open .docs-charts-editor-material-toolbar-color-picker-outer-box {
  background-color: rgba(60, 64, 67, .04);
  border: 1px solid transparent
}

.docs-charts-editor-material-toolbar-color-picker-inner-box {
  width: 100%
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-toolbar-color-picker-inner-box {
  align-items: center;
  display: flex;
  justify-content: space-between;
  position: relative;
  width: 100%;
  height: 100%
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-toolbar-color-picker-content-container {
  width: 80%
}

.docs-charts-editor-material-toolbar-color-picker-indicator {
  border-bottom: 3px solid transparent;
  height: 18px;
  width: 22px
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-toolbar-color-picker-indicator {
  height: 22px;
  width: 22px;
  border-radius: 50%;
  border: 1px solid #dadce0;
  margin: 0;
  outline: none
}

.docs-charts-editor-material-toolbar-color-picker-disabled .docs-charts-editor-material-toolbar-color-picker-indicator {
  opacity: .12
}

.docs-gm .docs-charts-editor-material-toolbar-color-picker-disabled .docs-charts-editor-material-toolbar-color-picker-indicator {
  opacity: .38
}

.docs-charts-editor-material-toolbar-color-picker-indicator .docs-icon {
  transition: opacity .25s cubic-bezier(.4, 0, .2, 1);
  transform: scale(.9);
  height: 14px;
  left: 1px;
  opacity: .54;
  width: 18px
}

.docs-gm .docs-charts-editor-material-toolbar-color-picker-indicator .docs-icon {
  opacity: 1
}

.docs-charts-editor-material-toolbar-color-picker-focused .docs-charts-editor-material-toolbar-color-picker-indicator .docs-icon,
.docs-charts-editor-material-toolbar-color-picker-open .docs-charts-editor-material-toolbar-color-picker-indicator .docs-icon {
  opacity: .87
}

.docs-gm .docs-charts-editor-material-toolbar-color-picker-focused .docs-charts-editor-material-toolbar-color-picker-indicator .docs-icon,
.docs-gm .docs-charts-editor-material-toolbar-color-picker-open .docs-charts-editor-material-toolbar-color-picker-indicator .docs-icon {
  opacity: 1
}

.docs-charts-editor-material-toolbar-color-picker-text {
  transition: color .25s cubic-bezier(.4, 0, .2, 1);
  color: rgba(0, 0, 0, .54);
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 11px;
  padding: 3px 8px 3px 2px;
  top: 1px
}

.docs-gm .docs-charts-editor-material-toolbar-color-picker-text {
  color: rgba(0, 0, 0, .87)
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-toolbar-color-picker-text {
  box-sizing: border-box;
  color: #202124;
  font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 100%;
  padding: 3px 5px;
  max-width: 65%
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-toolbar-color-picker-caption {
  height: 100%
}

.docs-charts-editor-material-toolbar-color-picker-focused .docs-charts-editor-material-toolbar-color-picker-text,
.docs-charts-editor-material-toolbar-color-picker-open .docs-charts-editor-material-toolbar-color-picker-text {
  color: rgba(0, 0, 0, .87)
}

.docs-charts-editor-material-toolbar-color-picker-disabled .docs-charts-editor-material-toolbar-color-picker-text {
  color: rgba(0, 0, 0, .12)
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-toolbar-color-picker-disabled .docs-charts-editor-material-toolbar-color-picker-text {
  color: rgba(0, 0, 0, .26)
}

.docs-charts-editor-material-toolbar-color-picker-dropdown {
  float: right
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-toolbar-color-picker-dropdown {
  align-items: center;
  display: flex;
  height: 24px;
  justify-content: center;
  width: 24px
}

.docs-charts-editor-material-toolbar-color-picker-dropdown-icon {
  transition: opacity .25s cubic-bezier(.4, 0, .2, 1);
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjMiPjxwb2x5Z29uIHBvaW50cz0iMCwwIDUsMCAyLjUsMyIgZmlsbD0iIzAwMCIvPjwvc3ZnPg==") no-repeat;
  background-size: contain;
  height: 8px;
  opacity: .54;
  position: relative;
  top: 9px;
  width: 8px
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-toolbar-color-picker-dropdown-icon {
  background: no-repeat url(https://ssl.gstatic.com/docs/common/material_common_sprite839_gm3_grey_medium.svg) -656px -996px;
  height: 18px;
  width: 18px;
  opacity: 1;
  top: 0
}

.docs-charts-editor-material-toolbar-color-picker-focused .docs-charts-editor-material-toolbar-color-picker-dropdown-icon,
.docs-charts-editor-material-toolbar-color-picker-open .docs-charts-editor-material-toolbar-color-picker-dropdown-icon {
  opacity: .87
}

.docs-gm .docs-charts-editor-material-toolbar-color-picker-focused .docs-charts-editor-material-toolbar-color-picker-dropdown-icon,
.docs-gm .docs-charts-editor-material-toolbar-color-picker-open .docs-charts-editor-material-toolbar-color-picker-dropdown-icon {
  opacity: 1
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-toolbar-color-picker-open .docs-charts-editor-material-toolbar-color-picker-dropdown-icon {
  transform: rotate(180deg)
}

.docs-charts-editor-material-toolbar-color-picker-disabled .docs-charts-editor-material-toolbar-color-picker-dropdown-icon {
  opacity: .12
}

.docs-gm .docs-charts-editor-material-toolbar-color-picker-disabled .docs-charts-editor-material-toolbar-color-picker-dropdown-icon {
  opacity: .38
}

.docs-charts-editor-overflow-menu-button {
  outline: none;
  cursor: pointer
}

.docs-charts-editor-overflow-menu-button-icon {
  transition: opacity .3s ease;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgdmlld2JveD0iMCAwIDIwIDIwIiBoZWlnaHQ9IjIwIj48cGF0aCBkPSJtMTAgNmMxLjEgMCAyLTAuOSAyLTJzLTAuOS0yLTItMi0yIDAuOS0yIDIgMC45IDIgMiAyem0wIDJjLTEuMSAwLTIgMC45LTIgMnMwLjkgMiAyIDIgMi0wLjkgMi0yLTAuOS0yLTItMnptMCA2Yy0xLjEgMC0yIDAuOS0yIDJzMC45IDIgMiAyIDItMC45IDItMi0wLjktMi0yLTJ6Ii8+PC9zdmc+") no-repeat;
  opacity: .38;
  height: 21px;
  position: relative;
  right: 5px;
  top: 6px;
  width: 21px
}

.docs-gm .waffle-gm-sidebar .docs-charts-editor-overflow-menu-button-icon {
  right: 12px;
  top: 7px
}

.docs-charts-editor-overflow-menu-button-focused .docs-charts-editor-overflow-menu-button-icon,
.docs-charts-editor-overflow-menu-button-hover .docs-charts-editor-overflow-menu-button-icon {
  opacity: .54
}

.docs-charts-editor-overflow-menu-button-focused .docs-charts-editor-overflow-menu-button-icon {
  outline: 5px auto #4285f4
}

.docs-charts-editor-overflow-menu-button-disabled .docs-charts-editor-overflow-menu-button-icon {
  opacity: .12
}

.docs-charts-editor-overflow-menu-button-caption {
  min-height: 21px;
  overflow: hidden;
  padding-right: 28px;
  position: absolute;
  text-overflow: ellipsis;
  top: 10px;
  white-space: nowrap
}

.docs-material-menu-button-flat-default,
.docs-material-menu-button-flat-primary,
.docs-material-menu-button-raised-default,
.docs-material-menu-button-raised-primary {
  box-sizing: border-box;
  border-radius: 2px;
  border: 1px solid transparent;
  cursor: pointer;
  display: inline-block;
  font: 500 13px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
  height: 32px;
  line-height: 30px;
  margin: 0 4px;
  text-transform: uppercase;
  vertical-align: middle
}

.docs-material-menu-button-raised-default,
.docs-material-menu-button-raised-primary {
  padding: 0 6px 0 16px
}

.docs-material-menu-button-flat-default,
.docs-material-menu-button-flat-primary {
  padding: 0 0 0 8px
}

.docs-material-menu-button-flat-primary {
  color: #4285f4
}

.docs-material-menu-button-flat-primary-hover {
  background-color: rgba(66, 133, 244, .12)
}

.docs-material-menu-button-flat-primary-active {
  background-color: rgba(66, 133, 244, .32);
  color: #3387d6
}

.docs-material-menu-button-flat-primary-focused {
  border: 1px solid #4285f4;
  outline: none
}

.docs-material-menu-button-flat-default {
  background-color: #fff;
  color: rgba(0, 0, 0, .54)
}

.docs-material-menu-button-flat-default-hover {
  background-color: hsla(0, 0%, 40%, .2)
}

.docs-material-menu-button-flat-default-active {
  background-color: rgba(0, 0, 0, .2);
  color: rgba(0, 0, 0, .87)
}

.docs-material-menu-button-flat-default-focused {
  border: 1px solid #4285f4;
  outline: none
}

.docs-material-menu-button-raised-primary {
  background-color: #4285f4;
  color: #fff
}

.docs-material-menu-button-raised-default-hover,
.docs-material-menu-button-raised-primary-hover {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2)
}

.docs-material-menu-button-raised-default-active,
.docs-material-menu-button-raised-primary-active {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2)
}

.docs-material-menu-button-raised-primary-active {
  background-color: #3387d6
}

.docs-material-menu-button-raised-primary-focused {
  background-color: #4285f4;
  border: 1px inset rgba(0, 0, 0, .38);
  outline: none
}

.docs-material-menu-button-raised-default {
  background-color: rgba(0, 0, 0, .04);
  color: rgba(0, 0, 0, .54)
}

.docs-material-menu-button-raised-default-active {
  background-color: rgba(0, 0, 0, .12);
  color: rgba(0, 0, 0, .87)
}

.docs-material-menu-button-raised-default-focused {
  border: 1px solid #4285f4;
  color: rgba(0, 0, 0, .54);
  outline: none
}

.docs-material-menu-button-flat-default-disabled,
.docs-material-menu-button-flat-primary-disabled,
.docs-material-menu-button-raised-default-disabled {
  background-color: #fff;
  color: rgba(0, 0, 0, .26);
  cursor: auto
}

.docs-material-menu-button-raised-primary-disabled {
  background-color: rgba(0, 0, 0, .12);
  color: #fff;
  cursor: auto
}

.docs-material-menu-button-flat-default-disabled,
.docs-material-menu-button-flat-primary-disabled,
.docs-material-menu-button-raised-default-disabled,
.docs-material-menu-button-raised-primary-disabled {
  box-shadow: none
}

.docs-material-menu-button-flat-default-caption,
.docs-material-menu-button-flat-primary-caption,
.docs-material-menu-button-raised-default-caption,
.docs-material-menu-button-raised-primary-caption {
  float: left;
  vertical-align: middle
}

.docs-material-menu-button-flat-default-dropdown,
.docs-material-menu-button-flat-primary-dropdown {
  height: 24px;
  margin: 3px 0 3px 2px
}

.docs-material-menu-button-raised-default-dropdown,
.docs-material-menu-button-raised-primary-dropdown {
  height: 24px;
  margin: 3px 0 3px 8px
}

.docs-material-menu-button-raised-primary-dropdown-icon {
  fill: #fff
}

.docs-material-menu-button-flat-default-dropdown-icon,
.docs-material-menu-button-raised-default-dropdown-icon {
  fill: rgba(0, 0, 0, .54)
}

.docs-material-menu-button-flat-primary-dropdown-icon {
  fill: #4285f4;
  opacity: .54
}

.docs-material-menu-button-flat-default-disabled .docs-material-menu-button-flat-default-dropdown-icon,
.docs-material-menu-button-flat-primary-disabled .docs-material-menu-button-flat-primary-dropdown-icon,
.docs-material-menu-button-raised-default-disabled .docs-material-menu-button-raised-default-dropdown-icon {
  fill: rgba(0, 0, 0, .26);
  opacity: 1
}

.javascriptMaterialdesignGm3WizSnackbar-snackbar {
  display: none;
  position: fixed;
  inset: auto 0 0;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  z-index: var(--gm3-snackbar-z-index, 8);
  margin: 8px;
  pointer-events: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.javascriptMaterialdesignGm3WizSnackbar-snackbar[popover] {
  background: none;
  border: none;
  overflow: visible;
  padding: 0
}

.javascriptMaterialdesignGm3WizSnackbar-snackbar--leading {
  justify-content: flex-start
}

.javascriptMaterialdesignGm3WizSnackbar-snackbar--stacked .javascriptMaterialdesignGm3WizSnackbar-snackbar__surface {
  flex-direction: column;
  align-items: flex-start
}

.javascriptMaterialdesignGm3WizSnackbar-snackbar--stacked .javascriptMaterialdesignGm3WizSnackbar-snackbar__label {
  padding-bottom: 8px;
  padding-inline: 16px 8px
}

.javascriptMaterialdesignGm3WizSnackbar-snackbar--stacked .javascriptMaterialdesignGm3WizSnackbar-snackbar__actions {
  align-self: flex-end;
  margin-bottom: 4px
}

.javascriptMaterialdesignGm3WizSnackbar-snackbar--closing,
.javascriptMaterialdesignGm3WizSnackbar-snackbar--open,
.javascriptMaterialdesignGm3WizSnackbar-snackbar--opening {
  display: flex
}

.javascriptMaterialdesignGm3WizSnackbar-snackbar--open .javascriptMaterialdesignGm3WizSnackbar-snackbar__actions,
.javascriptMaterialdesignGm3WizSnackbar-snackbar--open .javascriptMaterialdesignGm3WizSnackbar-snackbar__label {
  visibility: visible
}

.javascriptMaterialdesignGm3WizSnackbar-snackbar--open .javascriptMaterialdesignGm3WizSnackbar-snackbar__surface {
  transform: scale(1);
  opacity: 1;
  pointer-events: auto;
  transition: opacity .15s cubic-bezier(0, 0, .2, 1) 0ms, transform .15s cubic-bezier(0, 0, .2, 1) 0ms
}

.javascriptMaterialdesignGm3WizSnackbar-snackbar--closing .javascriptMaterialdesignGm3WizSnackbar-snackbar__surface {
  transform: scale(1);
  transition: opacity 75ms cubic-bezier(.4, 0, 1, 1) 0ms
}

.javascriptMaterialdesignGm3WizSnackbar-snackbar__surface {
  background-color: var(--gm3-snackbar-container-color, var(--gm3-sys-color-inverse-surface, #303030));
  min-width: 344px;
  max-width: 672px;
  padding-inline: 0 8px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  transform: scale(.8);
  opacity: 0;
  border-start-start-radius: var(--gm3-snackbar-container-shape-start-start, 4px);
  border-start-end-radius: var(--gm3-snackbar-container-shape-start-end, 4px);
  border-end-end-radius: var(--gm3-snackbar-container-shape-end-end, 4px);
  border-end-start-radius: var(--gm3-snackbar-container-shape-end-start, 4px);
  --gm3-elevation-level: var(--gm3-snackbar-container-elevation, 3);
  --gm3-elevation-shadow-color: var(--gm3-snackbar-container-shadow-color, var(--gm3-sys-color-shadow, #000))
}

@media (max-width:344px),
(max-width:480px) {
  .javascriptMaterialdesignGm3WizSnackbar-snackbar__surface {
    min-width: 100%
  }
}

.javascriptMaterialdesignGm3WizSnackbar-snackbar__surface:before {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  content: "";
  pointer-events: none
}

.javascriptMaterialdesignGm3WizSnackbar-snackbar__label {
  color: var(--gm3-snackbar-supporting-text-color, var(--gm3-sys-color-inverse-on-surface, #f2f2f2));
  letter-spacing: var(--gm3-snackbar-supporting-text-tracking, 0);
  font-size: var(--gm3-snackbar-supporting-text-size, .875rem);
  font-family: var(--gm3-snackbar-supporting-text-font, "Google Sans Flex", "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif);
  font-weight: var(--gm3-snackbar-supporting-text-weight, 400);
  line-height: var(--gm3-snackbar-supporting-text-line-height, 1.25rem);
  font-variation-settings: var(--gm3-snackbar-supporting-text-font-variation-settings, initial);
  padding-top: 14px;
  padding-bottom: 14px;
  padding-inline: 16px 8px;
  margin: 0;
  width: 100%;
  flex-grow: 1;
  box-sizing: border-box;
  visibility: hidden
}

.javascriptMaterialdesignGm3WizSnackbar-snackbar__actions {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  box-sizing: border-box;
  visibility: hidden
}

.javascriptMaterialdesignGm3WizSnackbar-snackbar__action+.javascriptMaterialdesignGm3WizSnackbar-snackbar__dismiss {
  margin-inline: 8px 0
}

.javascriptMaterialdesignGm3WizSnackbar-snackbar__action {
  --gm3-button-text-focus-label-text-color: var(--gm3-snackbar-action-focus-label-text-color, var(--gm3-sys-color-inverse-primary, #a8c7fa));
  --gm3-button-text-hover-label-text-color: var(--gm3-snackbar-action-hover-label-text-color, var(--gm3-sys-color-inverse-primary, #a8c7fa));
  --gm3-button-text-hover-state-layer-color: var(--gm3-snackbar-action-hover-state-layer-color, var(--gm3-sys-color-inverse-primary, #a8c7fa));
  --gm3-button-text-hover-state-layer-opacity: var(--gm3-snackbar-action-hover-state-layer-opacity, 0.08);
  --gm3-button-text-label-text-color: var(--gm3-snackbar-action-label-text-color, var(--gm3-sys-color-inverse-primary, #a8c7fa));
  --gm3-button-text-label-text-font: var(--gm3-snackbar-action-label-text-font, "Google Sans Flex", "Google Sans Text", "Google Sans", Roboto, Arial, sans-serif);
  --gm3-button-text-label-text-font-variation-settings: var(--gm3-snackbar-action-label-text-font-variation-settings, initial);
  --gm3-button-text-label-text-size: var(--gm3-snackbar-action-label-text-size, 0.875rem);
  --gm3-button-text-label-text-tracking: var(--gm3-snackbar-action-label-text-tracking, 0rem);
  --gm3-button-text-label-text-weight: var(--gm3-snackbar-action-label-text-weight, 500);
  --gm3-button-text-pressed-label-text-color: var(--gm3-snackbar-action-pressed-label-text-color, var(--gm3-sys-color-inverse-primary, #a8c7fa));
  --gm3-button-text-pressed-state-layer-color: var(--gm3-snackbar-action-pressed-state-layer-color, var(--gm3-sys-color-inverse-primary, #a8c7fa));
  --gm3-button-text-pressed-state-layer-opacity: var(--gm3-snackbar-action-pressed-state-layer-opacity, 0.1)
}

.javascriptMaterialdesignGm3WizSnackbar-snackbar__dismiss {
  --gm3-icon-button-standard-icon-size: var(--gm3-snackbar-icon-size, 24px);
  --gm3-icon-button-standard-unselected-icon-color: var(--gm3-snackbar-icon-color, var(--gm3-sys-color-inverse-on-surface, #f2f2f2));
  --gm3-icon-button-standard-unselected-hover-icon-color: var(--gm3-snackbar-icon-hover-icon-color, var(--gm3-sys-color-inverse-on-surface, #f2f2f2));
  --gm3-icon-button-standard-unselected-hover-state-layer-color: var(--gm3-snackbar-icon-hover-state-layer-color, var(--gm3-sys-color-inverse-on-surface, #f2f2f2));
  --gm3-icon-button-standard-unselected-hover-state-layer-opacity: var(--gm3-snackbar-icon-hover-state-layer-opacity, 0.08);
  --gm3-icon-button-standard-unselected-focus-icon-color: var(--gm3-snackbar-icon-focus-icon-color, var(--gm3-sys-color-inverse-on-surface, #f2f2f2));
  --gm3-icon-button-standard-unselected-pressed-icon-color: var(--gm3-snackbar-icon-pressed-icon-color, var(--gm3-sys-color-inverse-on-surface, #f2f2f2));
  --gm3-icon-button-standard-unselected-pressed-state-layer-opacity: var(--gm3-snackbar-icon-pressed-state-layer-opacity, 0.1);
  --gm3-icon-button-standard-container-height: 36px;
  --gm3-icon-button-standard-container-width: 36px
}

.veSelected {
  border-color: #7fffd4;
  border-style: solid;
  border-width: 5px
}

.quantumWizCommonModalBackground {
  pointer-events: none;
  transition: opacity .15s cubic-bezier(.4, 0, .2, 1) .15s;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  opacity: 0;
  z-index: 5000;
  background-color: rgba(0, 0, 0, .5)
}

.quantumWizCommonModalBackground.isOpen {
  pointer-events: all;
  transition: opacity .05s cubic-bezier(.4, 0, .2, 1);
  opacity: 1
}

.appsElementsPasteToChipContent {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.25rem;
  border-width: 0;
  box-shadow: 0 1px 3px 0 rgba(60, 64, 67, .3), 0 4px 8px 3px rgba(60, 64, 67, .15);
  align-items: center;
  background: var(--gm3-sys-color-surface-container-lowest, #fff);
  block-size: 40px;
  border-radius: 8px;
  color: var(--gm3-sys-color-on-surface-variant, #444746);
  display: flex;
  gap: 12px;
  max-inline-size: 275px;
  padding: 0 12px;
  position: absolute;
  z-index: 2101
}

.appsElementsPasteToChipContent .mdc-elevation-overlay {
  opacity: 0
}

.appsElementsPasteToChipTabIcon {
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  letter-spacing: .00625rem;
  line-height: 1rem;
  background: var(--gm3-sys-color-surface-container-low, #f8fafd);
  block-size: 14px;
  border: 1px solid var(--gm3-sys-color-outline-variant, #c4c7c5);
  border-radius: 2px;
  direction: ltr;
  overflow: hidden;
  min-inline-size: 25px;
  text-align: center
}

.appsElementsPasteToChipMessage {
  max-width: 101px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.appsElementsPasteToChipContent .appsElementsChipRoot {
  block-size: 24px;
  max-width: 100px
}

.appsElementsPasteToChipContent .appsElementsChipRoot .appsElementsChipImage {
  block-size: 14.67px
}

.appsElementsGenerativeaiReportAbuseCommonReportReportTypeCard {
  padding-bottom: 12px;
  margin-bottom: 8px
}

.appsElementsGenerativeaiReportAbuseCommonReportReportTypeLabel {
  font-family: Roboto, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5rem
}

.appsElementsGenerativeaiReportAbuseCommonReportReportTypeDescription {
  font-family: Roboto, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  margin-left: 12px
}

.appsElementsGenerativeaiReportAbuseCommonReportContext {
  display: flex;
  flex-direction: column;
  gap: 8px
}

.appsElementsGenerativeaiReportAbuseCommonReportContextHeading {
  font-family: Roboto, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5rem
}

.appsElementsGenerativeaiReportAbuseCommonReportHorizontalDivider {
  border-top: 1px solid var(--gm3-sys-color-outline-variant, #c4c7c5);
  margin: 24px 0
}

.appsElementsGenerativeaiReportAbuseCommonReportFooterContainer {
  width: 100%
}

.appsElementsGenerativeaiReportAbuseCommonReportFooterContent {
  font-family: Roboto, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  letter-spacing: .00625rem;
  line-height: 1rem;
  color: var(--gm3-sys-color-on-surface-variant, #444746);
  margin-bottom: 12px
}

.appsElementsGenerativeaiReportAbuseCommonReportFooterButtonContainer {
  display: flex;
  justify-content: space-between
}

.appsElementsGenerativeaiReportAbuseCommonReportContextChipContainer {
  display: flex;
  flex-wrap: wrap;
  gap: 8px
}

.appsElementsGenerativeaiReportAbuseCommonReportSnackbar {
  --gm3-snackbar-supporting-text-font: "Google Sans";
  --gm3-snackbar-z-index: 9999
}

.grid-container {
  height: 100%;
  width: 100%;
  overflow: auto
}
/*# sourceMappingURL=waffle_k_ltr.css.map */