{"version":3,"sources":["webpack:///./assets/css/admin.scss"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAUQ,yFACE,aAMN,gDACE,gBACA,cAEA,uDACE,gBAMR,0BACE,oBAEA,qDACE,aAGF,sDACE,kBACA,iBAGA,6DACE,gBACA,eACA,gBACA,qBAKE,yFACE,aAGF,iGAEE,sFAKA,0BACA,6BAKN,sEACE,kBAEA,mKAEE,aAEA,+KACE,aACA,gBAMN,iEACE,kBACA,MACA,SACA,OACA,QACA,iCACA,aACA,mBACA,uBACA,wFACA,aAIJ,uCACE,iBACA,gBACA,gBAIF,sDACE,kBAEA,2EACE,mBAGF,0EACE,kBACA,MACA,QACA,aACA,6CAOJ,0CACE,mBACA,aAGF,4CACE,gBAEA,+CACE,gBAIJ,wCACE,aACA,qBAGF,+BACE,qBAGF,2CACE,aAGF,gDACE,kBACA,kBAGF,oCACE,cAEA,qBACA,iBACA,eAEA,0CACE,0BAIJ,iCACE,cACA,qBAEA,uCACE,0BAIJ,0CACE,gBACA,sBAEA,iDACE,gBAOJ,sCACE,gBACA,gCAEA,sDACE,gBACA,mBACA,gBAGF,kDACE,uBACA,YACA,UAEA,oDACE,UAGF,uEACE,UAKF,gEACE,oBACA,qBACA,sBAEA,gFACE,mBACA,oBAGF,sEACE,iBACA,kBACA,mBAKN,4CACE,yBAEA,gHAEE,gBACA,uBAaF,4JACE,UAGF,0KACE,UACA,kBAEA,oOACE,mBACA,cAMA,8OACE,gBAIJ,0MACE,SACA,UACA,oBACA,gBACA,gBAEA,gNACE,SACA,eAGA,cAEA,oNACE,aACA,mBACA,mBACA,iBACA,qBACA,WAEA,gOACE,0BAIJ,sNACE,mBAGF,wNACE,WACA,iBAGF,sNACE,gBAIJ,saAEE,iBAKN,8KACE,mBAME,sKACE,cACA,qBAEA,kLACE,0BACA,cASN,4KACE,mBACA,UACA,gBAEA,kLACE,cAEA,qBAEA,wLACE,kBAGF,4MACE,gBAGF,wMACE,mBACA,WACA,yBACA,gBACA,iBACA,mBACA,qBACA,kBACA,cAEA,oOACE,mBAGF,sOACE,mBAOV,sLACE,UAIA,wMACE,UAMN,yDACE,kBAEA,uEACE,kBACA,UACA,UAMR,mBACE,mBAEA,yBACE,qBACA,mBACA,gBAGF,qCACE,WACA,gBAKF,kCACE,gBACA,iBAOF,gDACE,aACA,mBACA,gBAEA,iEACE,OACA,aACA,sBAEA,mEACE,gBACA,gBAGF,oFACE,kBACA,UACA,iBAEA,uFACE,SACA,UAEA,6FACE,iBAGF,mGACE,yBACA,qBACA,qBAEA,kHACE,kBAGF,qHACE,qBAGF,wHACE,qBAOV,2DACE,OACA,SACA,iBACA,aACA,mBACA,yBAEA,2EACE,SACA,UACA,mBACA,gBACA,gBAEA,8EACE,aACA,mBACA,mBACA,SACA,oBACA,eACA,qBACA,yBACA,gBAEA,iFACE,kBAGF,kFACE,WACA,iBACA,WAGF,iFACE,gBAGF,4FACE,iBACA,gBACA,gBACA,WAGF,uFACE,qBACA,gBAEA,2FACE,UAIJ,iGACE,qBACA,gBAEA,qGACE,UAIJ,oFACE,gBAYV,2DAGE,kBACA,mBAGF,wDACE,kBAEA,2DACE,mBACA,iBAMA,wEACE,gB","file":"admin_css/admin-e8054c8f.css","sourcesContent":["@import \"../../node_modules/@sparkpost/design-tokens/tokens.scss\";\n\n/**\n * Admin page.\n */\ndiv#adminmenuwrap {\n  ul#adminmenu {\n    // Hide menu head.\n    li#toplevel_page_trustmeup {\n      ul.wp-submenu {\n        li.wp-first-item {\n          display: none;\n        }\n      }\n    }\n\n    // Fix the Collapse menu item being bigger for some weird reason.\n    li#collapse-menu {\n      font-size: 0.8rem;\n      line-height: 2;\n\n      button {\n        line-height: 1.5;\n      }\n    }\n  }\n}\n\n#tmu-admin-page-container {\n  padding-bottom: 3rem;\n\n  div.notice.tmu-credentials {\n    display: none;\n  }\n\n  div.admin-page-core-content {\n    position: relative;\n    max-width: 1200px;\n\n    // Disable the \".wp-core-ui select\" base styles.\n    select {\n      min-height: auto;\n      max-width: 100%;\n      background: #fff;\n      background-size: auto;\n    }\n\n    nav.plugin-tabs {\n      button {\n        &:focus:after {\n          display: none;\n        }\n\n        &[aria-selected=\"true\"] {\n          //background: rgba(#111, 0.025);\n          background-image: linear-gradient(\n            0deg,\n            rgba(#111, 0.0425),\n            rgba(#111, 0)\n          );\n          border-radius: 4px 4px 0 0;\n          text-shadow: 0px 1px 0px #fff;\n        }\n      }\n    }\n\n    div.tab-content {\n      position: relative;\n\n      *:focus,\n      *:focus-within {\n        outline: none;\n\n        &:after {\n          display: none;\n          box-shadow: none;\n        }\n      }\n    }\n\n    // Loader.\n    div.loader {\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      background: rgba(#fff, 0.25);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      backdrop-filter: saturate(90%) blur(3px);\n      z-index: 9000;\n    }\n  }\n\n  p.field-desc {\n    font-size: 0.75rem;\n    line-height: 1.3;\n    margin-top: 0.5em;\n  }\n\n  // Header.\n  header.settings-page-header {\n    position: relative;\n\n    h1.wp-heading-inline {\n      margin-bottom: 0.5em;\n    }\n\n    div.feedback-notice {\n      position: absolute;\n      top: 0;\n      right: 0;\n      z-index: 5000;\n      box-shadow: 0px 5px 15px -5px rgba(#000, 0.25);\n    }\n  }\n\n  /**\n   * Utility classes.\n   */\n  .vertical-align {\n    align-items: center;\n    display: flex;\n  }\n\n  .restricted-width {\n    max-width: 30rem;\n\n    &.xl {\n      max-width: 45rem;\n    }\n  }\n\n  .align-bottom {\n    display: flex;\n    align-items: flex-end;\n  }\n\n  code {\n    word-break: break-all;\n  }\n\n  button[disabled] {\n    opacity: 0.325;\n  }\n\n  p.empty-table-message {\n    text-align: center;\n    font-style: italic;\n  }\n\n  span.link {\n    color: color(red, 700);\n    //font-size: 85%;\n    display: inline-block;\n    margin-left: 0.5em;\n    cursor: pointer;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n\n  a.link {\n    color: color(blue, 800);\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n\n  nav.actions-bar {\n    margin-top: 1rem;\n    margin-bottom: -0.5rem;\n\n    button {\n      font-size: 0.9rem;\n    }\n  }\n\n  /**\n   * Panels.\n   */\n  div.section {\n    margin-top: 1rem;\n    background: rgba(#fff, 0.8);\n\n    p.section-intro {\n      font-size: 0.9rem;\n      margin-bottom: 1rem;\n      margin-top: 1rem;\n    }\n\n    &.transparent {\n      background: transparent;\n      border: none;\n      padding: 0;\n\n      > * {\n        padding: 0;\n      }\n\n      div.section-children {\n        padding: 0;\n      }\n    }\n\n    &.edgy {\n      div.section-children {\n        margin-left: -1.5rem;\n        margin-right: -1.5rem;\n        margin-bottom: -1.5rem;\n\n        p.section-intro {\n          margin-left: 1.5rem;\n          margin-right: 1.5rem;\n        }\n\n        table {\n          border-left: none;\n          border-right: none;\n          border-bottom: none;\n        }\n      }\n    }\n\n    table {\n      border: 1px solid color(gray, 300);\n\n      thead tr th,\n      tbody tr td {\n        font-size: 0.9rem;\n        padding: 0.75rem 1.25rem;\n      }\n    }\n\n    &.connected-products {\n      div.search-section {\n        //width: 46.5%;\n      }\n    }\n\n    table.connected-products-table,\n    table.pending-products-table {\n      // Sizes\n      .col-name {\n        width: 50%;\n      }\n\n      .col-connections {\n        width: 50%;\n        position: relative;\n\n        .connect-button-popup-opener {\n          border-radius: 2rem;\n          display: block;\n\n          &.connect {\n            //\n          }\n\n          &.edit {\n            font-size: 0.9rem;\n          }\n        }\n\n        ul.woo-products {\n          margin: 0;\n          padding: 0;\n          max-height: 19.75rem;\n          overflow: hidden;\n          overflow-y: auto;\n\n          li {\n            margin: 0;\n            cursor: pointer;\n            //border-radius: 0.25rem;\n            //border: 2px solid color(gray, 300);\n            display: block;\n\n            > a {\n              display: flex;\n              flex-direction: row;\n              align-items: center;\n              padding: 0.25rem 0;\n              text-decoration: none;\n              color: #333;\n\n              &:hover {\n                text-decoration: underline;\n              }\n            }\n\n            + li {\n              margin-top: 0.125rem;\n            }\n\n            img {\n              width: 40px;\n              margin-right: 8px;\n            }\n\n            h6 {\n              font-size: 0.9rem;\n            }\n          }\n\n          + button,\n          + a {\n            margin-top: 0.5rem;\n          }\n        }\n      }\n\n      tr.default-product {\n        background: color(blue, 300);\n      }\n\n      // Name\n      .col-name {\n        h6 {\n          a {\n            color: color(gray, 900);\n            text-decoration: none;\n\n            &:hover {\n              text-decoration: underline;\n              color: color(blue, 700);\n            }\n          }\n\n          span.product-name-text {\n            //\n          }\n        }\n\n        ul.meta {\n          margin: 0.1rem 0 0 0;\n          padding: 0;\n          font-size: 0.8rem;\n\n          li {\n            color: color(gray, 600);\n            //font-style: italic;\n            display: inline-block;\n\n            + li {\n              margin-left: 0.75em;\n            }\n\n            &:last-of-type {\n              margin-bottom: 0;\n            }\n\n            span.label {\n              background: color(gray, 600);\n              color: #fff;\n              text-transform: uppercase;\n              font-size: 0.6rem;\n              font-weight: bold;\n              padding: 0.25em 0.5em;\n              border-radius: 0.25rem;\n              margin-right: 0.5em;\n              line-height: 1;\n\n              &.group-product {\n                background: color(blue, 600);\n              }\n\n              &.single-product {\n                background: color(green, 600);\n              }\n            }\n          }\n        }\n      }\n\n      span.single-disconnect {\n        opacity: 0;\n      }\n\n      tr:hover {\n        span.single-disconnect {\n          opacity: 1;\n        }\n      }\n    }\n\n    // Connected products table.\n    &.connected-products {\n      position: relative;\n\n      .action-right {\n        position: absolute;\n        right: 1em;\n        top: 1.1em;\n      }\n    }\n  }\n}\n\ndiv.search-section {\n  margin-bottom: 1rem;\n\n  input {\n    padding-left: 2.75rem;\n    padding-right: 5rem;\n    font-size: 0.9rem;\n  }\n\n  span.search-stats {\n    opacity: 0.5;\n    font-size: 0.9rem;\n  }\n}\n\ndiv#connector-popup {\n  .modal-footer {\n    margin-top: 1rem;\n    text-align: right;\n  }\n\n  button.connect-button {\n    //\n  }\n\n  div#search-widget-container {\n    display: flex;\n    flex-direction: row;\n    min-height: 30vh;\n\n    div.instructions {\n      flex: 1;\n      display: flex;\n      flex-direction: column;\n\n      p {\n        font-size: 0.9rem;\n        line-height: 1.4;\n      }\n\n      ul.products-legend {\n        margin: auto 0 0 0;\n        padding: 0;\n        font-size: 0.75rem;\n\n        li {\n          margin: 0;\n          padding: 0;\n\n          &.title {\n            font-weight: bold;\n          }\n\n          &.legend-item {\n            border: 2px solid color(gray, 300);\n            padding: 0.125em 0.75em;\n            border-radius: 0.25rem;\n\n            + li.legend-item {\n              margin-top: 0.325em;\n            }\n\n            &.already-connected {\n              border-color: color(green, 700);\n            }\n\n            &.connected-with-other {\n              border-color: color(yellow, 400);\n            }\n          }\n        }\n      }\n    }\n\n    div.widget {\n      flex: 2;\n      margin: 0;\n      margin-left: 1rem;\n      padding: 1rem;\n      background: color(gray, 100);\n      border: 1px solid color(gray, 300);\n\n      ul.woo-products {\n        margin: 0;\n        padding: 0;\n        max-height: 22.5rem;\n        overflow: hidden;\n        overflow-y: auto;\n\n        li {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          margin: 0;\n          padding: 0 0.5rem 0 0;\n          cursor: pointer;\n          border-radius: 0.25rem;\n          border: 2px solid color(gray, 300);\n          min-height: 40px;\n\n          + li {\n            margin-top: 0.25rem;\n          }\n\n          img {\n            width: 40px;\n            margin-right: 8px;\n            opacity: 0.6;\n          }\n\n          h6 {\n            font-size: 0.9rem;\n          }\n\n          span.discount {\n            margin-left: auto;\n            font-size: 0.7rem;\n            font-weight: 500;\n            opacity: 0.6;\n          }\n\n          &.selected {\n            border-color: color(green, 700);\n            background: #fff;\n\n            img {\n              opacity: 1;\n            }\n          }\n\n          &.selected-elsewhere {\n            border-color: color(yellow, 400);\n            background: #fff;\n\n            img {\n              opacity: 1;\n            }\n          }\n\n          &:hover {\n            background: #fff;\n          }\n        }\n      }\n    }\n  }\n}\n\n/**\n * Order metabox.\n */\nbody.post-type-shop_order div.postbox#trustmeup {\n  span.value {\n    //display: block;\n    //padding-left: 0.5em;\n    font-size: 0.725rem;\n    font-weight: normal;\n  }\n\n  ul.info {\n    margin: 1em 0 0.5em;\n\n    li {\n      margin-bottom: 0.5em;\n      font-weight: bold;\n\n      span.value {\n        //\n      }\n\n      &:last-of-type {\n        margin-bottom: 0;\n      }\n    }\n  }\n}\n"],"sourceRoot":""}