@include export-module('cc-dialog-catalog-layout') {
  .co-dialog-catalog {
    .co-dialog:not(.is-mobile) .co-dialog-wrapper {
      height: $tp-dialog-catalog-min-height;
      width: $tp-dialog-catalog-min-width;
      max-width: 90vw;
      .dialog-content {
        height: 100%;
        overflow-x: hidden;
      }
    }
    .dialog-catalog-product-wrapper {
      display: flex;
      transform: translateX(0);
      width: calc(#{$tp-dialog-catalog-min-width} * 2);
      > * {
        width: $tp-dialog-catalog-sub-min-width;
      }
      height: 100%;
      .back-button-product {
        cursor: pointer;
      }
      transition: transform .2s ease-in-out;
      &.show-product {
        transform: translateX(-50%);
      }
    }
    .view-modes-wrapper {
      position: relative;
      z-index: 1;
      margin-bottom: $tp-dialog-catalog-view-modes-margin-bottom;
    }
  }
}