:root {
  --isi-height-expanded: calc(70vh - var(--isi-expand-button-height));
}

.cope-core-isi-fixed .cope-core-isi-fixed-container {
  width: 100%;
  padding: 0 var(--container-padding);
}
@media screen and (min-width: 768px) {
  .cope-core-isi-fixed .cope-core-isi-fixed-container {
    max-width: var(--tablet-width);
    padding: 0 var(--container-padding-tablet);
    margin: 0 auto;
  }
}
@media screen and (min-width: 1024px) {
  .cope-core-isi-fixed .cope-core-isi-fixed-container {
    max-width: var(--desktop-width);
    padding: 0 var(--container-padding-desktop);
  }
}
@media screen and (min-width: 1440px) {
  .cope-core-isi-fixed .cope-core-isi-fixed-container {
    max-width: var(--desktop-xl-width);
    padding: 0 var(--container-padding-desktop-xl);
  }
}

.cope-core-isi-fixed[data-expanding-isi] {
  position: fixed;
  bottom: 0;
  display: none;
  z-index: 300;
}
.cope-core-isi-fixed[data-expanding-isi] .cope-core-isi-container {
  height: auto;
}
.cope-core-isi-fixed[data-expanding-isi].cope-core-isi-is-expanded .cope-core-isi-container {
  overflow-y: auto;
  height: 100%;
}
.cope-core-isi-fixed[data-expanding-isi].cope-core-isi-visible {
  display: block;
}
.cope-core-isi-fixed[data-expanding-isi] [data-expandable-content] .iScrollVerticalScrollbar {
  top: 10px !important;
  position: absolute;
  right: 0 !important;
}

.cope-core-navigation-top-open .cope-core-isi-fixed[data-expanding-isi] {
  z-index: 0;
}