{"version":3,"file":"static/css/4930.988d1d57.chunk.css","mappings":"AAGE,sDAEE,iBACA,iBAGF,+BACE,eAEA,iCACE,SACA,qBAIJ,gCACE,4EAGA,aACA,sBACA,UACA,kBACA,kBACA,kBAEA,4DACE,iCACA,eACA,WACA,cACA,gBACA,aACA,kBACA,QAGF,uCACE,aAEA,0CACE,kBACA,SACA,uBAMA,wIACE,oBAGF,wBAEI,mFACE,oCAAqC,CACrC,kBACA,qBAOV,6CACE,mBACA,kBACA,mCACA,kBAGF,kCACE,0BACA,SAGF,sCACE,kBAEA,wCACE,kBAGF,wCACE,0BAIJ,sCACE,uCACA,qBAEA,aACA,2BACA,kBAEA,kBACA,mCACA,SACA,aAEA,4CACE,kBACA,YAGF,+DACE,0BAGF,wCACE,eACA,uBACA,qBAEA,6CACE,6BACA,kBACA,+BAKN,0CACE,+BAAgC,CAChC,sBAEA,uDACE,kBACA,oBCjIR,mBACE,GACE,UAGF,IACE,WAGF,GACE,WCXJ,aACE,4BACA,gBACA,6CAEA,gCAEE,0BACA,iBACA,gBAEA,oCACE,cAMJ,iCACE,aACA,uBACA,aAEA,wBALF,iCAMI,2DAIJ,uEAEE,iBAGF,8BACE,2CACA,6CACA,iCACA,4BACA,4BACA,aACA,sBACA,aAEA,6CACE,0BACA,gBACA,iBAGF,sCACE,6CAGF,qCACE,kBACA,aACA,sFAGF,iCACE,kBACA,kBACA,gBAGA,4BACA,uBAEA,mCACE,0BAIJ,gCACE,SD1DJ,qDACA,gBC0DI,uBDzDJ,kBC0DI,oBD1DJ,CAEA,sCACE,oCC2DI,CD1DJ,WACA,cACA,iDACA,0GACA,oBACA,kBACA,QACA,8CACA,WAIA,+CACE,OACA,4GACA,WC+CF,qCACE,qBACA,4BACA,aACA,eACA,8BACA,gBACA,uBACA,iBAEA,uCACE,8BAIJ,mCACE,kBAGF,wBACE,qCACE","sources":["plus/collections/collection.scss","ui/_mixins.scss","plus/collections/index.scss"],"sourcesContent":["@use \"../../ui/vars\" as *;\n\n.collections-collection {\n  h1,\n  h2 {\n    font-size: 1.5rem;\n    margin-top: 0.5rem;\n  }\n\n  > header {\n    padding: 2rem 0;\n\n    p {\n      margin: 0;\n      white-space: pre-wrap;\n    }\n  }\n\n  article {\n    border-left: var(--category-color-engage, var(--border-primary)) 0.25rem\n      solid;\n\n    display: flex;\n    flex-direction: column;\n    gap: 0.5rem;\n    margin-bottom: 3em;\n    padding-left: 1rem;\n    position: relative;\n\n    &:nth-last-of-type(n + 2)::after {\n      background: var(--border-primary);\n      bottom: -1.5rem;\n      content: \"\";\n      display: block;\n      height: 0.0625rem;\n      left: -0.25rem;\n      position: absolute;\n      right: 0;\n    }\n\n    header {\n      display: flex;\n\n      h2 {\n        font-size: 1.25rem;\n        margin: 0;\n        overflow-wrap: anywhere;\n      }\n\n      .article-actions {\n        margin-top: -0.125rem;\n\n        .article-actions-toggle {\n          margin-top: -0.125rem;\n        }\n\n        @media (min-width: $screen-md) {\n          li > div > button {\n            .button-wrap {\n              --button-color: var(--text-secondary);\n              font-size: 0.875rem;\n              text-transform: none;\n            }\n          }\n        }\n      }\n    }\n\n    .breadcrumbs {\n      font-size: 0.6875rem;\n      font-style: italic;\n      font-variation-settings: \"slnt\" -10;\n      margin-top: -0.5rem;\n    }\n\n    > p {\n      color: var(--text-primary);\n      margin: 0;\n    }\n\n    aside {\n      font-size: 0.875rem;\n\n      b {\n        font-weight: unset;\n      }\n\n      a {\n        text-decoration: underline;\n      }\n    }\n\n    .note {\n      background: var(--background-secondary);\n      border-radius: 0.25rem;\n\n      display: flex;\n      flex-direction: row-reverse;\n      font-size: 0.875rem;\n\n      font-style: italic;\n      font-variation-settings: \"slnt\" -10;\n      gap: 1rem;\n      padding: 1rem;\n\n      .text {\n        margin-right: auto;\n        min-width: 0;\n      }\n\n      button.link .button-wrap {\n        text-decoration: underline;\n      }\n\n      p {\n        display: inline;\n        overflow-wrap: anywhere;\n        white-space: pre-wrap;\n\n        &.code {\n          font-family: var(--font-code);\n          font-style: normal;\n          font-variation-settings: normal;\n        }\n      }\n    }\n\n    .add-note {\n      --button-color: var(--text-link);\n      align-self: flex-start;\n\n      .button-wrap {\n        font-size: 0.875rem;\n        text-transform: none;\n      }\n    }\n  }\n}\n","@mixin fade-in() {\n  animation: fade-in 0.5s ease-out;\n}\n\n@keyframes fade-in {\n  0% {\n    opacity: 0;\n  }\n\n  50% {\n    opacity: 0.5;\n  }\n\n  100% {\n    opacity: 1;\n  }\n}\n\n@mixin line-clamp($lines, $line-height, $background-color) {\n  max-height: calc(1em * $lines * $line-height);\n  overflow: hidden;\n  position: relative;\n\n  &::after {\n    background: $background-color;\n    content: \"\";\n    display: block;\n    height: calc(1em * $line-height);\n    mask-image: linear-gradient(to right, transparent, #000 75%);\n    pointer-events: none;\n    position: absolute;\n    right: 0;\n    top: calc(1em * ($lines - 1) * $line-height);\n    width: 20ch;\n  }\n\n  &:dir(rtl) {\n    &::after {\n      left: 0;\n      mask-image: linear-gradient(to left, transparent, #000 75%);\n      right: initial;\n    }\n  }\n}\n","@use \"../../ui/vars\" as *;\n@use \"../../ui/mixins\" as *;\n\n.collections {\n  color: var(--text-secondary);\n  font-weight: 500;\n  letter-spacing: var(--heading-letter-spacing);\n\n  h1,\n  h2 {\n    color: var(--text-primary);\n    font-size: 1.5rem;\n    font-weight: 700;\n\n    a {\n      color: inherit;\n    }\n  }\n}\n\n.collections-overview {\n  > .container {\n    display: grid;\n    gap: 1rem;\n    padding: 1rem;\n\n    @media (min-width: $screen-md) {\n      grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));\n    }\n  }\n\n  .notecard,\n  .generic-loading {\n    grid-column: 1/-1;\n  }\n\n  article {\n    background-color: var(--background-primary);\n    border: 1px solid var(--background-secondary);\n    border-radius: var(--elem-radius);\n    box-shadow: var(--shadow-02);\n    color: var(--text-secondary);\n    display: flex;\n    flex-direction: column;\n    padding: 1rem;\n\n    .dropdown-list {\n      color: var(--text-primary);\n      font-weight: 400;\n      letter-spacing: 0;\n    }\n\n    &.default {\n      background-color: var(--background-secondary);\n    }\n\n    header {\n      align-items: start;\n      display: grid;\n      grid-template-columns: auto min-content;\n    }\n\n    h2 {\n      align-self: center;\n      font-size: 1.25rem;\n      font-weight: 700;\n      // vertically centre first line of title, without increasing line height:\n      margin: 0.25rem 0;\n      margin-right: 1rem;\n      overflow-wrap: anywhere;\n\n      a {\n        color: var(--text-primary);\n      }\n    }\n\n    p {\n      margin: 0;\n      overflow-wrap: anywhere;\n      white-space: pre-wrap;\n      @include line-clamp(\n        4,\n        var(--font-content-line-height),\n        var(--background-primary)\n      );\n    }\n\n    footer {\n      align-items: baseline;\n      color: var(--text-secondary);\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: space-between;\n      margin-top: auto;\n      overflow-wrap: anywhere;\n      padding-top: 1rem;\n\n      a {\n        color: var(--collections-link);\n      }\n    }\n\n    time {\n      font-size: 0.875rem;\n    }\n\n    @media (max-width: $screen-md) {\n      .count {\n        display: none;\n      }\n    }\n  }\n}\n"],"names":[],"sourceRoot":""}