{"version":3,"file":"css/wphb-react-minify.min.css","mappings":"AASI,0GACE,kBAGF,6EACE,kBACA,mBACA,aAEA,6HAEA,yGACE,gBACA,sBACA,yBAEA,yIAEA,kJACA,+IAGF,sGACE,aACA,uBCEA,0CDJF,sGAKI,eACA,kIAKN,uEACE,WACA,YACA,yBACA,kBACA,qBAGF,uJAEE,gBACA,2LAGF,wEACE,aACA,uBACA,iBCxBE,0CDqBJ,wEAKI,iBAGF,+EACE,eACA,iBACA,iBAGF,iFACE,kBAIJ,0DACE,WACA,gBACA,kBC3CE,0CDwCJ,0DAMI,gBACA,kBACA,S;AE3EN,+BACE,kBAGA,4CACE,WACA,eACA,iBACA,eAGF,oDACE,eACA,WACA,c;ACdF,4EAEA,yDACE,kBACA,WACA,YACA,uCACA,UACA,aACA,mBACA,qBACA,uBAEA,2DACE,eACA,aACA,iBACA,W;ACjBF,mFACE,2BACA,uIACE,qBAIJ,uFACE,YACA,8GACA,4GAGF,mIAEA,yFACE,+BACA,gBAEA,8GACE,YAKF,uHACE,4BACA,wBAGF,oHACE,aACA,mBACA,0IAGF,8HAEA,0GACE,mBACA,uIACA,qK","sources":["webpack://wp-hummingbird/./_src/react/views/minify/assets.scss","webpack://wp-hummingbird/./_src/scss/common/_mixins.scss","webpack://wp-hummingbird/./_src/react/components/sui-box/style.scss","webpack://wp-hummingbird/./_src/react/components/loader/style.scss","webpack://wp-hummingbird/./_src/react/views/minify/configurations.scss"],"sourcesContent":["@import \"~@wpmudev/shared-ui/scss/functions\";\n@import \"~@wpmudev/shared-ui/scss/colors\";\n@import \"~@wpmudev/shared-ui/scss/variables\";\n@import \"~@wpmudev/shared-ui/scss/mixins\";\n@import \"../../../scss/common/mixins\";\n\n@include body-class(true) {\n\n  .box-minification-assets-auto {\n    .sui-box-header .sui-actions-right > span:first-of-type {\n      margin-right: 10px;\n    }\n\n    .wphb-minification-files {\n      margin-left: -30px;\n      margin-right: -30px;\n      padding: 30px;\n\n      .sui-box { box-shadow: 0 2px 7px 0 rgba(0,0,0,0.05) }\n\n      .sui-box.wphb-close-section {\n        box-shadow: none;\n        border: 1px solid #DDDDDD;\n        background-color: #F8F8F8;\n\n        .sui-box-header { border-bottom: 0; }\n\n        .wphb-ao-type-icon { background-color: #AAAAAA; }\n        .wphb-ao-type-title strong { color: #888888; }\n      }\n\n      .sui-box .sui-box-header {\n        padding: 30px;\n        align-items: flex-start;\n\n        @include bp(phone-large) {\n          flex-wrap: wrap;\n          .sui-actions-right { order: 3; }\n        }\n      }\n    }\n\n    .wphb-ao-type-icon {\n      width: 31px;\n      height: 30px;\n      background-color: #17A8E3;\n      border-radius: 5px;\n      margin: -4px 10px 0 0;\n    }\n\n    .sui-icon-hummingbird,\n    .sui-icon-speed-optimize {\n      padding: 1px 8px;\n      &:before { color: #fff !important }\n    }\n\n    .wphb-ao-type-title {\n      display: flex;\n      align-items: flex-start;\n      flex-basis: 235px;\n      @include bp(phone-large) {\n        flex-basis: auto;\n      }\n\n      strong {\n        font-size: 14px;\n        line-height: 19px;\n        margin-right: 5px;\n      }\n\n      .sui-tag {\n        margin-right: 10px;\n      }\n    }\n\n    small {\n      color: #AAAAAA;\n      flex-basis: 100%;\n      margin: 0 30px 0 0;\n\n      @include bp(phone-large) {\n        flex-basis: 100%;\n        margin: 10px 0 0 0;\n        order: 5;\n      }\n    }\n  }\n\n}\n","/* ****************************************************************************\n * COMMON: MIXINS\n */\n\n@import \"variables\";\n\n// High PPI display background\n@mixin background-2x($path, $ext: \"png\", $w: auto, $h: auto, $pos: left top, $repeat: no-repeat) {\n    $at1x_path: \"#{$path}.#{$ext}\";\n    $at2x_path: \"#{$path}@2x.#{$ext}\";\n\n    background: #fff url(\"#{$at1x_path}\") $repeat $pos;\n    background-size: $w $h;\n\n    @media only screen and (-webkit-min-device-pixel-ratio: 2),\n    only screen and (min--moz-device-pixel-ratio: 2),\n    only screen and (-o-min-device-pixel-ratio: 2/1),\n    only screen and (min-device-pixel-ratio: 2),\n    only screen and (min-resolution: 192dpi),\n    only screen and (min-resolution: 2dppx) {\n        background-image: url(\"#{$at2x_path}\");\n    }\n}\n\n// Breakpoints\n@mixin bp($point) {\n    // Phone: < 480px\n    @if $point == phone {\n        @media only screen and (max-width: $phone) {\n            @content;\n        }\n    }\n\n    // Phone Large: < 600px\n    @if $point == phone-large {\n        @media only screen and (max-width: $phone--large) {\n            @content;\n        }\n    }\n\n    // Tablet: < 783px\n    @if $point == tablet {\n        @media only screen and (max-width: $tablet) {\n            @content;\n        }\n    }\n\n    // Desktop Small: < 960px\n    @if $point == desktop-small {\n        @media only screen and (max-width: $desktop--small) {\n            @content;\n        }\n    }\n\n    // Desktop: < 1100px\n    @if $point == desktop {\n        @media only screen and (max-width: $desktop) {\n            @content;\n        }\n    }\n\n    // Desktop Large: < 1200px\n    @if $point == desktop-large {\n        @media only screen and (max-width: $desktop--large) {\n            @content;\n        }\n    }\n\n    // Desktop Wide: < 1440px\n    @if $point == desktop-wide {\n        @media only screen and (max-width: $desktop--wide) {\n            @content;\n        }\n    }\n\n    // Desktop Very Large: < 1600px\n    @if $point == desktop-very-large {\n        @media only screen and (max-width: $desktop--very-large) {\n            @content;\n        }\n    }\n}","@import \"~@wpmudev/shared-ui/scss/functions\";\n@import \"~@wpmudev/shared-ui/scss/colors\";\n@import \"~@wpmudev/shared-ui/scss/variables\";\n@import '~@wpmudev/shared-ui/scss/mixins';\n\n@include body-class(true) {\n\n  // Needed for overlay to cover the whole box.\n  .sui-box {\n    position: relative;\n\n    /* Status text on dashboard meta boxes */\n    .status-text {\n      color: #888888;\n      font-size: 13px;\n      line-height: 22px;\n      margin-top: 5px;\n    }\n\n    .label-notice-inline {\n      font-size: 13px;\n      color: #888888;\n      margin: 0 15px;\n    }\n  }\n\n}\n","@import \"~@wpmudev/shared-ui/scss/functions\";\n@import \"~@wpmudev/shared-ui/scss/colors\";\n@import \"~@wpmudev/shared-ui/scss/variables\";\n@import '~@wpmudev/shared-ui/scss/mixins';\n\n@include body-class(true) {\n\n  .wphb-loading-overlay {\n    &:not(.wphb-loading) { display: none; }\n\n    &.wphb-loading {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      background-color: rgba(255,255,255,.95);\n      z-index: 2;\n      display: flex;\n      align-items: center;\n      align-content: center;\n      justify-content: center;\n\n      p {\n        font-size: 13px;\n        margin-top: 0;\n        margin-left: 10px;\n        color: #888888;\n      }\n    }\n  }\n\n}\n","@import \"~@wpmudev/shared-ui/scss/functions\";\n@import \"~@wpmudev/shared-ui/scss/colors\";\n@import \"~@wpmudev/shared-ui/scss/variables\";\n@import '~@wpmudev/shared-ui/scss/mixins';\n\n@include body-class(true) {\n  .box-minification-assets-auto-config {\n    .sui-box-body {\n      .sui-tabs {\n        margin-top: 30px !important;\n        &:not(.sui-side-tabs).sui-tabs-flushed>.sui-tabs-menu {\n          border-top-width: 1px;\n        }\n      }\n\n      .sui-table th {\n        height: 30px;\n        &:nth-child(2) { width: 15% }\n        &:last-child { width: 60% }\n      }\n\n      .sui-table tbody tr { background-color: rgba(242,242,242,0.5) }\n\n      .sui-upsell-row {\n        margin-bottom: -30px !important;\n        margin-top: 30px;\n\n        img.sui-upsell-image {\n          width: 127px;\n        }\n      }\n\n      .sui-tab-content {\n        .sui-table.sui-table-flushed {\n          margin: 20px auto 40px -30px;\n          width: calc( 100% + 60px );\n        }\n\n        tbody tr td:first-of-type {\n          display: flex;\n          align-items: center;\n          img { margin-right: 10px }\n        }\n\n        tbody tr td:last-of-type { color: #AAAAAA }\n\n        .sui-form-field {\n          margin-bottom: 10px;\n          &:last-of-type { margin-bottom: 0; }\n          .sui-description.sui-checkbox-description { margin-left: 27px; }\n        }\n      }\n    }\n  }\n}\n"],"names":[],"sourceRoot":""}