:root {
  /* fetch container*/
  --qv-height: auto;
  /* Caret styles */
  --caret-color:var(--bg3);
  --caret-size: 14px;
  /* best from 10px and above, 0 to hide*/
}
.dwc-expanded-container {
  grid-column: 1 / -1;
  overflow: hidden;
  background-color: var(--bg3);
  box-shadow: 0px 1px 1px 0px rgba(3, 7, 18, 0.02), 0px 5px 4px 0px rgba(3, 7, 18, 0.03), 0px 12px 9px 0px rgba(3, 7, 18, 0.05), 0px 20px 15px 0px rgba(3, 7, 18, 0.06), 0px 32px 24px 0px rgba(3, 7, 18, 0.08);
  transition: max-height 0.25s ease-out;
  z-index: -1;
  position: relative;
  display: grid;
  place-items: center;
}
.dwc-expanded-container:not([data-builder-mode] *) {
  max-block-size: 0;
}
.dwc-expanded-container.open {
  max-block-size: var(--dwc-grid-content-height);
}
[data-builder-mode] .dwc-expanded-container {
  display: none;
}
.dwc-quick-view__inner-wrap--grid {
  height: 100%;
  /*  max-height: 95dvb;
    overflow-y: scroll;*/
  overflow-x: hidden;
  overscroll-behavior: contain;
  background-color: var(--fetch-bg);
}
.dwc-expanded-content {
  position: relative;
  background-color: var(--fetch-border-color);
  grid-auto-rows: var(--qv-height);
  display: grid;
}
/* caret */
.dwc-quickview-grid__card .caret {
  inline-size: 0;
  block-size: 0;
  border-inline-start: var(--caret-size) solid transparent;
  border-inline-end: var(--caret-size) solid transparent;
  border-block-start: var(--caret-size) solid var(--caret-color);
  position: absolute;
  inset-block-end: calc(var(--caret-size) * -0.8);
  inset-inline-start: 50%;
  transform: translateX(-50%);
}
/*SCROLLBARS*/
.dwc-quick-view__inner-wrap::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: transparent;
}
.dwc-quick-view__inner-wrap::-webkit-scrollbar {
  width: 5px;
  background-color: transparent;
}
.dwc-quick-view__inner-wrap::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: gray;
}
.dwc-quickview-grid__next-prev-buttons {
  position: absolute !important;
  z-index: 2;
  justify-content: space-between;
}
.dwc-quickview-grid__next-prev-buttons button {
  padding: var(--space-s);
  background-color: var(--light-50);
  border-radius: 50%;
}
.dwc-quickview-grid__next-prev-buttons button svg {
  transition: fill 200ms ease-out;
}
.dwc-quickview-grid__next-prev-buttons button.inactive {
  cursor: not-allowed;
  opacity: 0.3;
}
.dwc-quickview-grid__next-prev-buttons button:hover {
  box-shadow: none !important;
}
.dwc-quickview-grid__next-prev-buttons button:hover svg {
  fill: var(--primary) !important;
}
.dwc-quickview-grid__next-prev-buttons button:not(.inactive):hover {
  box-shadow: none !important;
}