@include export-module('co-printer-selection-layout') {
  .co-printer-selection {
    .printer-selection-wrapper {
      cursor: pointer;
      user-select: none;
      display: flex;
      flex-direction: column;
      row-gap: $sc-co-printer-selection-row-gap;
      border-style: $sc-co-printer-selection-border-style;
      border-width: $sc-co-printer-selection-border-width;
      border-radius: $sc-co-printer-selection-border-radius;
      padding: $sc-co-printer-selection-padding;
      background: $sc-co-printer-selection-background;
      .printer-name {
        font-size: $sc-co-printer-selection-description-font-size;
        font-weight: $sc-co-printer-selection-description-font-weight;
      }
    }
    .layouts-wrapper {
      position: absolute;
      transform-origin: bottom center;
      left: 0;
      bottom: 0;
      width: 100%;
      display: flex;
      flex-direction: column;
      z-index: 1;
      row-gap: $sc-co-printer-selection-selections-row-gap;
      box-shadow: $sc-co-printer-selection-selections-shadow;
      padding: $sc-co-printer-selection-selections-padding;
    }
    .printer-list-item {
      cursor: pointer;
      user-select: none;
      display: flex;
      flex-direction: row;
      align-items: center;
      column-gap: 10px;
      height: $sc-co-printer-selection-button-height;
      border-radius: $sc-co-printer-selection-button-radius;
      border-style: $sc-co-printer-selection-button-border-style;
      border-width: $sc-co-printer-selection-button-border-width;
      padding: $sc-co-printer-selection-button-padding;
    }
    .printer-details {
      display: flex;
      flex-direction: column;
    }
    .printer-name {
      font-size: $sc-co-printer-selection-printer-name-font-size;
      font-weight: $sc-co-printer-selection-printer-name-font-weight;
      font-style: $sc-co-printer-selection-printer-name-font-style;
    }
    .printer-status {
      font-size: $sc-co-printer-selection-printer-status-font-size;
      font-weight: $sc-co-printer-selection-printer-status-font-weight;
      font-style: $sc-co-printer-selection-printer-status-font-style;
    }
    .layouts-wrapper-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      .co-icon {
        width: 12px;
        height: 12px;
      }
    }
  }
}
