@include export-module('co-suggestions-sidebar-layout') {
  .co-suggestions-sidebar {
    font-family: $tp-suggestions-sidebar-font-familiy;
    font-size: $tp-suggestions-sidebar-font-size;
    .suggestions-sidebar {
      position: fixed;
      top: 0;
      right: 0;
      z-index: 999;
      display: flex;
      flex-direction: column;
      width: $tp-suggestions-sidebar-width;
      height: 100%;
      background: $tp-suggestions-sidebar-background-color;
      box-shadow: $tp-suggestions-sidebar-boxshadow;
      padding: $tp-suggestions-sidebar-padding;
      .close-button {
        position: absolute;
        cursor: pointer;
        right:$tp-suggestions-sidebar-close-btn-right;
        top: $tp-suggestions-sidebar-close-btn-top;
        width: $tp-suggestions-sidebar-close-btn-size;
        height: $tp-suggestions-sidebar-close-btn-size;
        svg [fill] {
          fill: $tp-suggestions-sidebar-close-btn-color;
        }
      }
    }
    .relation-sidebar-header {
      padding: $tp-suggestions-sidebar-label-padding;
      margin: $tp-suggestions-sidebar-label-margin;
      .checkout-label-h3 {
        color: $tp-suggestions-sidebar-label-color;
      }
    }
  }
}
