{
  "version": 3,
  "sources": ["src/app/loot/loot/loot/loot.component.scss"],
  "sourcesContent": ["\r\n\r\n.large {\r\n  padding-bottom: 1em;\r\n}\r\n\r\n.loot-container {\r\n  display: flex;\r\n  width: 100%;\r\n  max-width: 1800px;\r\n  gap: 1em;\r\n  // Stack the controls bar on top so the loot rows (and Archetype Farming) get the full width.\r\n  flex-direction: column;\r\n  overflow: hidden;\r\n}\r\n\r\n@media screen and (max-width: 1050px) {\r\n  .loot-container {\r\n    width: 100vw;\r\n  }\r\n}\r\n\r\n// Top controls bar: search + (collapsible) watchers + display options, inline and compact.\r\n.side-container {\r\n  display: flex;\r\n  gap: 1em;\r\n  flex-direction: row;\r\n  flex-wrap: wrap;\r\n  align-items: flex-start;\r\n  width: 100%;\r\n  min-width: 0;\r\n\r\n  .search {\r\n    flex: 1 1 240px;\r\n    min-width: 200px;\r\n  }\r\n\r\n  .watchers {\r\n    flex: 0 0 auto;\r\n    align-self: flex-start;\r\n  }\r\n\r\n  .loot-actions {\r\n    flex: 5 1 480px;\r\n  }\r\n}\r\n\r\n.loot-windows {\r\n  grid-area: loot-windows;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: flex-start;\r\n  gap: 1em;\r\n  width: 100%;\r\n  max-width: 100%;\r\n}\r\n\r\n.loot-actions {\r\n  background-color: var(--box-secondary);\r\n  border: 1px solid var(--box-secondary-border);\r\n  padding: .75em 1em;\r\n  border-radius: 3px;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  align-items: center;\r\n  gap: .75em 1.5em;\r\n\r\n  .opt-group {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: .5em;\r\n    flex-wrap: wrap;\r\n\r\n    strong {\r\n      margin: 0;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    input[type=\"number\"] {\r\n      width: 3.5em;\r\n    }\r\n  }\r\n}\r\n\r\n.watchers {\r\n  background-color: var(--box-secondary);\r\n  border: 1px solid var(--box-secondary-border);\r\n  border-radius: 3px;\r\n  overflow: hidden;\r\n\r\n  .watchers-toggle {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: .5em;\r\n    width: 100%;\r\n    background: transparent;\r\n    border: 0;\r\n    color: #fff;\r\n    padding: 1em;\r\n    cursor: pointer;\r\n    text-align: left;\r\n    white-space: nowrap;\r\n\r\n    &:hover {\r\n      background-color: rgba(255, 255, 255, 0.06);\r\n    }\r\n  }\r\n}\r\n\r\n.loot {\r\n  display: flex;\r\n  min-width: 0;\r\n  flex-direction: column;\r\n  background-color: var(--box-secondary);\r\n  border: 1px solid var(--box-secondary-border);\r\n  border-radius: 5px;\r\n  overflow: hidden;\r\n  padding: 0;\r\n\r\n  &.actions {\r\n    padding: 1em;\r\n    box-sizing: border-box;\r\n\r\n    strong {\r\n      margin-bottom: .25em;\r\n    }\r\n  }\r\n\r\n  &.collapsed {\r\n    max-height: 0;\r\n    border: 0;\r\n    padding: 0;\r\n    margin: 0;\r\n    overflow: hidden;\r\n  }\r\n\r\n  h3 {\r\n    background-color: var(--box-primary);\r\n    font-weight: 300;\r\n    letter-spacing: 1px;\r\n    text-transform: uppercase;\r\n    margin: 0;\r\n    padding: 1em;\r\n  }\r\n\r\n  .help {\r\n    border-bottom: 1px solid var(--box-primary-border);\r\n    padding: 1em;\r\n    margin: 0;\r\n    font-size: .7em;\r\n    opacity: .8;\r\n  }\r\n\r\n  .flex-help {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n  }\r\n\r\n  .list-container {\r\n    --base-row-height: 186px;\r\n    --row-height: var(--base-row-height);\r\n    margin-top: 0;\r\n    position: relative;\r\n    transition: height .2s ease-in-out;\r\n    width: 100%;\r\n    max-width: 100%;\r\n    height: var(--row-height);\r\n    box-sizing: border-box;\r\n    user-select: none;\r\n\r\n    &.armor {\r\n      --base-row-height: 160px;\r\n    }\r\n\r\n    &.with-rows-2 {\r\n      --row-height: calc(2 * var(--base-row-height));\r\n    }\r\n    &.with-rows-3 {\r\n      --row-height: calc(3 * var(--base-row-height));\r\n    }\r\n    &.with-rows-4 {\r\n      --row-height: calc(4 * var(--base-row-height));\r\n    }\r\n    &.with-rows-5 {\r\n      --row-height: calc(5 * var(--base-row-height));\r\n    }\r\n\r\n    .new-loot-notification {\r\n      position: absolute;\r\n      bottom: 5px;\r\n      left: 50%;\r\n      transform: translateX(-50%);\r\n      background-color: rgba(var(--bungie-gold-rgb), .7);\r\n      box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);\r\n      backdrop-filter: blur(5px);\r\n      padding: .5em;\r\n      border-radius: 5px;\r\n      border: 1px solid var(--bungie-gold);\r\n      transition: all .25s ease;\r\n      cursor: pointer;\r\n\r\n      &:hover {\r\n        background-color: rgba(var(--bungie-gold-rgb), .8);\r\n      }\r\n\r\n      &:active {\r\n        background-color: rgba(var(--bungie-gold-rgb), 1);\r\n      }\r\n    }\r\n\r\n    .arrow {\r\n      position: absolute;\r\n      top: 0;\r\n      bottom: 0;\r\n      width: 40px;\r\n      display: flex;\r\n      flex-direction: row;\r\n      align-items: center;\r\n      justify-content: center;\r\n      cursor: pointer;\r\n      background-color: var(--box-secondary-dk);\r\n\r\n      &:hover {\r\n        background-color: var(--box-primary-opaque);\r\n      }\r\n      &:active {\r\n        background-color: var(--box-primary-lt);\r\n      }\r\n\r\n      &.disabled {\r\n        opacity: .5;\r\n        cursor: default;\r\n        pointer-events: none;\r\n        color: #fff2;\r\n      }\r\n\r\n      &.left {\r\n        left: 0;\r\n      }\r\n      &.right {\r\n        right: 0;\r\n      }\r\n    }\r\n\r\n    .list {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 40px;\r\n      right: 40px;\r\n      bottom: 0;\r\n      display: flex;\r\n      flex-direction: row;\r\n      align-items: flex-start;\r\n      justify-content: flex-start;\r\n      flex-wrap: wrap;\r\n      gap: 15px;\r\n      padding: 1em 0 1em 1em;\r\n      overflow: hidden;\r\n      height: 100%;\r\n      box-sizing: border-box;\r\n\r\n      .loot-item {\r\n        position: relative;\r\n\r\n        .new-bull {\r\n          display: none;\r\n          position: absolute;\r\n          top: -10px;\r\n          right: 2px;\r\n          &:before {\r\n            content: '\\2022';\r\n            font-size: 1.1em;\r\n            color: rgba(var(--bungie-gold-rgb), 0.8);\r\n            // add a text shadow to make it glow\r\n            text-shadow: 0 0 10px rgba(var(--bungie-gold-rgb), .8);\r\n          }\r\n        }\r\n\r\n        &.new {\r\n          .new-bull {\r\n            display: block;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n}\r\n\r\n.nonew {\r\n  opacity: .7;\r\n  white-space: nowrap;\r\n  padding: 0 1em;\r\n}\r\n\r\n.loot-title {\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n\r\n  button {\r\n    background-color: transparent;\r\n    font-weight: 300;\r\n    color: #FFF;\r\n    border: none;\r\n    transition: all .25s ease;\r\n    padding: .5em;\r\n    &:disabled {\r\n      visibility: hidden;\r\n    }\r\n    &:hover {\r\n      cursor: pointer;\r\n      background-color: #FFF5;\r\n    }\r\n    &:active {\r\n      background-color: var(--box-primary);\r\n    }\r\n  }\r\n}\r\n\r\n.options {\r\n  text-align: center;\r\n  color: #FFFc;\r\n  font-size: .9em;\r\n  padding: 1em;\r\n\r\n  a {\r\n    color: #FFF;\r\n    &:hover {\r\n      color: #DDD;\r\n    }\r\n  }\r\n}\r\n\r\n.clear {\r\n  background-color: var(--box-primary);\r\n  padding: 1em;\r\n  color: #FFF;\r\n  cursor: pointer;\r\n  border: 0;\r\n  &:hover {\r\n    background-color: var(--box-secondary);\r\n  }\r\n  &:active {\r\n    background-color: var(--dr-pink);\r\n  }\r\n  &:disabled {\r\n    background-color: #6663;\r\n    cursor: not-allowed;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 900px){\r\n}\r\n\r\n.search {\r\n  grid-area: search;\r\n  outline: none;\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  position: relative;\r\n  .action {\r\n    margin: .5em;\r\n    cursor: pointer;\r\n    &:hover {\r\n      color: #FFF;\r\n    }\r\n  }\r\n  input {\r\n    flex: 1;\r\n    background-color: var(--box-secondary);\r\n    border: 1px solid var(--box-secondary-border);\r\n    border-radius: 3px;\r\n    padding: 1em;\r\n    color: #FFF;\r\n    outline: 0;\r\n  }\r\n  fa-icon {\r\n    color: #FFF8;\r\n    position: absolute;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    right: 1em;\r\n    pointer-events: none;\r\n  }\r\n}\r\n\r\n.item-ctn {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  height: 100%;\r\n}\r\n"],
  "mappings": "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",
  "names": []
}