.dialog-contextual-items {
  position: fixed;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 140;
}
.dialog-contextual-items.dialog-contextual-items-closed {
  pointer-events: none;
}
.dialog-contextual-item {
  background: #ffffff;
  width: 100%;
  max-width: 296px;
}
.dialog-contextual-item .arrow,
.dialog-contextual-item .arrow::before {
  position: absolute;
  width: 24px;
  height: 24px;
  z-index: -1;
}
.dialog-contextual-item .arrow::before {
  content: '';
  transform: rotate(45deg);
  background: white;
}
.dialog-contextual-item[data-popper-placement^='top'] > .arrow {
  bottom: -12px;
}
.dialog-contextual-item[data-popper-placement^='bottom'] > .arrow {
  top: -12px;
}
.dialog-contextual-item[data-popper-placement^='left'] > .arrow {
  right: -12px;
}
.dialog-contextual-item[data-popper-placement^='right'] > .arrow {
  left: -12px;
}
@media only screen and (min-width: 480px) {
  .dialog-contextual-item {
    min-width: 480px;
    max-width: 560px;
  }
}
.dialog-branding-navy {
  background: #001932;
}
.dialog-branding-navy .dialog-button {
  background: #001932;
  color: #ffffff;
}
.dialog-branding-navy .dialog-button:hover {
  background: #003265;
}
.dialog-branding-navy .dialog-icon .icon {
  color: #ffffff;
}
.dialog-branding-navy .dialog-text {
  color: #ffffff;
}
.dialog-branding-navy .arrow::before {
  background: #001932;
}