@charset "UTF-8";
/* line 3, app/assets/stylesheets/item_trades/index.sass */
.item-header {
  border-bottom: 1px solid #060;
  margin-top: 1em;
  margin-bottom: 1em;
}

/* line 9, app/assets/stylesheets/item_trades/../partials/_item_header.sass */
.item-header .item-header-main {
  display: grid;
  grid-template-areas: "img gap1" "img name" "img links" "img lists" "img gap2" "nav nav";
  align-items: center;
  justify-content: center;
  column-gap: 1em;
  row-gap: .5em;
}

/* line 17, app/assets/stylesheets/item_trades/../partials/_item_header.sass */
.item-header .item-header-main .item-thumbnail {
  grid-area: img;
  border: 1px solid #060;
  height: 80px;
  width: 80px;
}

/* line 24, app/assets/stylesheets/item_trades/../partials/_item_header.sass */
.item-header .item-header-main .item-name {
  grid-area: name;
  text-align: left;
  line-height: 100%;
  margin-bottom: 0;
}

/* line 31, app/assets/stylesheets/item_trades/../partials/_item_header.sass */
.item-header .item-header-main .item-links {
  grid-area: links;
  font-size: 85%;
  text-align: left;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1em;
}

/* line 41, app/assets/stylesheets/item_trades/../partials/_item_header.sass */
.item-header .item-header-main .item-links abbr {
  cursor: help;
}

/* line 44, app/assets/stylesheets/item_trades/../partials/_item_header.sass */
.item-header .item-header-main .item-links .item-kind, .item-header .item-header-main .item-links .first-seen-at {
  padding: .25em .5em;
  border-radius: .25em;
  text-decoration: none;
  font-weight: bold;
  line-height: 1;
  background: #E2E8F0;
  color: #1A202C;
}

/* line 55, app/assets/stylesheets/item_trades/../partials/_item_header.sass */
.item-header .item-header-main .item-links .item-kind .icon, .item-header .item-header-main .item-links .first-seen-at .icon {
  vertical-align: middle;
}

/* line 63, app/assets/stylesheets/item_trades/../partials/_item_header.sass */
.item-header .item-header-main .item-links .item-kind[data-type=nc] {
  background: #E9D8FD;
  color: #44337A;
}

/* line 66, app/assets/stylesheets/item_trades/../partials/_item_header.sass */
.item-header .item-header-main .item-links .item-kind[data-type=pb] {
  background: #FEEBC8;
  color: #7B341E;
}

/* line 70, app/assets/stylesheets/item_trades/../partials/_item_header.sass */
.item-header .item-header-main .support-form {
  grid-area: support;
  font-size: 85%;
  text-align: left;
}

/* line 75, app/assets/stylesheets/item_trades/../partials/_item_header.sass */
.item-header .item-header-main .user-lists-info {
  grid-area: lists;
  font-size: 85%;
  text-align: left;
  display: flex;
  gap: 1em;
}

/* line 83, app/assets/stylesheets/item_trades/../partials/_item_header.sass */
.item-header .item-header-main .user-lists-info a::after {
  content: " ›";
}

/* line 86, app/assets/stylesheets/item_trades/../partials/_item_header.sass */
.item-header .user-lists-form {
  background: #fff;
  border: 1px solid #060;
  border-radius: .5em;
  padding: 1em;
  width: 30em;
  text-align: center;
  z-index: 2;
  margin-top: .5em;
  margin-inline: auto;
  margin-bottom: 1.5em;
  font-size: 85%;
}

/* line 99, app/assets/stylesheets/item_trades/../partials/_item_header.sass */
.item-header .user-lists-form h3 {
  font-size: 150%;
  font-weight: bold;
  margin-bottom: .75em;
}

/* line 104, app/assets/stylesheets/item_trades/../partials/_item_header.sass */
.item-header .user-lists-form .closet-hangers-ownership-groups {
  overflow: hidden;
  display: inline-block;
  margin-bottom: .5em;
}

/* line 6, app/assets/stylesheets/item_trades/../partials/../partials/clean/_mixins.sass */
.item-header .user-lists-form .closet-hangers-ownership-groups {
  display: block;
}

/* line 108, app/assets/stylesheets/item_trades/../partials/_item_header.sass */
.item-header .user-lists-form .closet-hangers-ownership-groups div {
  float: left;
  margin: 0 5%;
  text-align: left;
  width: 40%;
}

/* line 114, app/assets/stylesheets/item_trades/../partials/_item_header.sass */
.item-header .user-lists-form .closet-hangers-ownership-groups div li {
  list-style: none;
  word-wrap: break-word;
}

/* line 118, app/assets/stylesheets/item_trades/../partials/_item_header.sass */
.item-header .user-lists-form .closet-hangers-ownership-groups div li label.unlisted {
  font-style: italic;
}

/* line 121, app/assets/stylesheets/item_trades/../partials/_item_header.sass */
.item-header .user-lists-form form {
  padding: .5em 0;
}

/* line 124, app/assets/stylesheets/item_trades/../partials/_item_header.sass */
.item-header .user-lists-form select {
  width: 9em;
}

/* line 127, app/assets/stylesheets/item_trades/../partials/_item_header.sass */
.item-header .user-lists-form input[type=number] {
  margin-right: .5em;
  width: 3em;
}

/* line 131, app/assets/stylesheets/item_trades/../partials/_item_header.sass */
.item-header .item-description {
  margin-top: .5em;
  margin-bottom: 1em;
}

/* line 135, app/assets/stylesheets/item_trades/../partials/_item_header.sass */
.item-header .item-subpages-nav {
  display: flex;
  align-items: flex-end;
  gap: 1em;
}

/* line 140, app/assets/stylesheets/item_trades/../partials/_item_header.sass */
.item-header .item-subpages-nav .preview-link {
  margin-right: auto;
}

/* line 143, app/assets/stylesheets/item_trades/../partials/_item_header.sass */
.item-header .item-subpages-nav .trades-section {
  display: flex;
  gap: .5em;
}

/* line 147, app/assets/stylesheets/item_trades/../partials/_item_header.sass */
.item-header .item-subpages-nav .trades-section header {
  align-self: center;
  font-weight: bold;
}

/* line 151, app/assets/stylesheets/item_trades/../partials/_item_header.sass */
.item-header .item-subpages-nav .trades-section header::after {
  content: ":";
}

/* line 154, app/assets/stylesheets/item_trades/../partials/_item_header.sass */
.item-header .item-subpages-nav .trades-section ul {
  align-self: flex-end;
  list-style: none;
  display: flex;
  gap: .5em;
}

/* line 160, app/assets/stylesheets/item_trades/../partials/_item_header.sass */
.item-header .item-subpages-nav .trades-section ul li {
  display: block;
}

/* line 163, app/assets/stylesheets/item_trades/../partials/_item_header.sass */
.item-header .item-subpages-nav a {
  display: block;
  background: #efe;
  border: 1px solid #060;
  border-bottom: 0;
  border-radius: .5em .5em 0 0;
  padding: .5em 1em;
  text-decoration: none;
}

/* line 172, app/assets/stylesheets/item_trades/../partials/_item_header.sass */
.item-header .item-subpages-nav a:hover, .item-header .item-subpages-nav a:focus {
  text-decoration: underline;
}

/* line 175, app/assets/stylesheets/item_trades/../partials/_item_header.sass */
.item-header .item-subpages-nav a[data-is-current=true] {
  background: #fff;
  padding-bottom: calc(.5em + 1px);
  font-weight: bold;
  margin-bottom: -1px;
}

/* line 6, app/assets/stylesheets/item_trades/index.sass */
.item-subpage-title {
  text-align: left;
  margin-bottom: .5em;
}

/* line 10, app/assets/stylesheets/item_trades/index.sass */
.trades-table {
  text-align: left;
  width: 100%;
  table-layout: fixed;
}

/* line 16, app/assets/stylesheets/item_trades/index.sass */
.trades-table th:nth-child(1), .trades-table th:nth-child(2), .trades-table td:nth-child(1), .trades-table td:nth-child(2) {
  width: 15ch;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 21, app/assets/stylesheets/item_trades/index.sass */
.trades-table td[data-is-same-as-prev] {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

/* line 31, app/assets/stylesheets/item_trades/index.sass */
.trades-table .trade-list-names {
  list-style: none;
}

/* line 34, app/assets/stylesheets/item_trades/index.sass */
.trades-table .trade-list-names li {
  display: inline;
}

/* line 37, app/assets/stylesheets/item_trades/index.sass */
.trades-table .trade-list-names li:not(:last-child)::after {
  content: ", ";
}