woocommerce/plugins/woocommerce-admin/client/marketplace/components/my-subscriptions/my-subscriptions.scss

407 lines
25 KiB
SCSS

@import "@wordpress/base-styles/_colors.native.scss";
@import "../../stylesheets/_variables.scss";
@mixin content-width {
max-width: calc(100vw - (2 * #{$grid-unit-20}));
@media screen and (min-width: 783px) {
max-width: calc(100vw - (2 * #{$grid-unit-40}) - $admin-menu-width-collapsed);
}
@media screen and (min-width: 960px) {
max-width: calc(100vw - (2 * #{$grid-unit-40}) - $admin-menu-width);
}
}
.woocommerce-marketplace__my-subscriptions__header {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: stretch;
@include content-width;
.woocommerce-marketplace__my-subscriptions__header-content,
.woocommerce-marketplace__my-subscriptions__header-refresh {
width: 100%;
}
.woocommerce-marketplace__my-subscriptions__header-content {
order: 2;
}
.woocommerce-marketplace__my-subscriptions__header-refresh {
display: flex;
justify-content: end;
order: 1;
}
@media screen and (min-width: $breakpoint-medium) {
align-items: center;
justify-content: space-between;
flex-direction: row;
.woocommerce-marketplace__my-subscriptions__header-content,
.woocommerce-marketplace__my-subscriptions__header-refresh {
width: auto;
}
.woocommerce-marketplace__my-subscriptions__header-content {
order: 1;
}
.woocommerce-marketplace__my-subscriptions__header-refresh {
order: 2;
}
}
}
.woocommerce-marketplace__refresh-subscriptions {
text-decoration: none;
color: #007cba;
.woocommerce-marketplace__refresh-subscriptions-icon {
margin-right: $grid-unit-05;
}
}
.woocommerce-marketplace__my-subscriptions__available {
margin-top: $grid-unit-50;
}
.woocommerce-marketplace__my-subscriptions__heading {
font-size: 20px;
color: $gray-900;
font-weight: 400;
margin: 0;
line-height: 28px;
}
.woocommerce-marketplace__notice--error {
&:last-child {
margin-bottom: $grid-unit-50;
}
}
.woocommerce-marketplace__my-subscriptions__table-description {
font-size: 13px;
margin: 1em 0;
line-height: 20px;
color: $gray-700;
a {
display: inline-flex;
align-items: center;
text-decoration: none;
}
svg {
fill: #007cba;
margin-left: 2px;
width: 16px;
height: 16px;
}
}
.woocommerce-marketplace__my-subscriptions__table-wrapper {
position: relative;
overflow: hidden;
}
.woocommerce-marketplace__my-subscriptions__table {
font-size: 13px;
line-height: 20px;
margin-top: $grid-unit-30;
color: $gray-900;
@include content-width;
}
.woocommerce-marketplace__my-subscriptions__product {
$product-icon-size: 40px;
min-width: 400px;
display: flex;
align-items: center;
&-name {
margin-left: $grid-unit-15;
line-height: 18px;
font-weight: 600;
color: $gray-900;
text-decoration: none;
}
&-icon img {
border-radius: 4px;
width: $product-icon-size;
}
&-icon {
width: $product-icon-size;
height: $product-icon-size;
svg {
border-radius: 4px;
padding: $grid-unit-10;
fill: $gray-600;
background-color: $gray-200;
width: $product-icon-size;
height: $product-icon-size;
}
}
}
.woocommerce-table__item {
.woocommerce-marketplace__my-subscriptions__product-name {
&:active,
&:hover,
&:visited {
color: $gray-900;
}
}
}
.woocommerce-marketplace__my-subscriptions__product-status {
display: flex;
align-items: center;
border-radius: 2px;
border: none;
cursor: pointer;
padding: 2px $grid-unit-10;
margin-left: $grid-unit-15;
margin-bottom: $grid-unit-05;
text-align: left;
white-space: nowrap;
font-size: 12px;
&--error {
color: var(--wp-red-red-70, #8a2424);
background: var(--wp-red-red-0, #fcf0f1);
& > svg {
margin-right: 2px;
fill: var(--wp-red-red-70, #8a2424);
}
}
&--warning {
color: var(--wp-yellow-yellow-70, #614200);
background: var(--wp-yellow-yellow-0, #fcf9e8);
& > svg {
margin-right: 2px;
color: var(--wp-yellow-yellow-70, #614200);
}
}
}
.woocommerce-marketplace__my-subscriptions__popover {
top: -8px !important;
.components-popover__content {
border: none;
width: 300px;
border-radius: 2px;
padding: $grid-unit-15;
color: $gray-900;
a {
text-decoration: none;
}
}
}
.components-base-control.woocommerce-marketplace__my-subscriptions__activation {
margin-bottom: 0;
}
.woocommerce-marketplace__my-subscriptions-version {
padding: 6px 12px;
}
.woocommerce-marketplace__my-subscriptions__table__header--version > span {
display: inline-block;
padding: 0 12px;
}
.woocommerce-marketplace__my-subscriptions {
.woocommerce-table__empty-item,
.woocommerce-table__header,
.woocommerce-table__item {
padding: $grid-unit-10 $grid-unit-30;
align-items: center;
}
.woocommerce-table__table tr:hover {
background: #f8f9fa;
}
.woocommerce-table.is-empty {
background: none;
border: 1px solid var(--gutenberg-gray-100, #f0f0f0);
flex-direction: column;
gap: $grid-unit-15;
margin-top: $grid-unit-30;
}
}
.woocommerce-marketplace__my-subscriptions .components-button {
&.is-link {
text-decoration: none;
padding: 6px 12px;
}
}
.woocommerce-marketplace__my-subscriptions
.components-button.is-secondary:hover:not(:disabled) {
color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
}
.woocommerce-marketplace__my-subscriptions--connect {
display: flex;
flex-direction: column;
align-items: center;
max-width: 584px;
padding: $grid-unit-80 $grid-unit-40;
margin: 0 auto;
.woocommerce-marketplace__my-subscriptions__icon {
width: 104px;
height: 80px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAABQEAYAAAClpewiAAAMPmlDQ1BJQ0MgUHJvZmlsZQAASImVVwdYU8kWnluSkEBoAQSkhN4EESkBpITQQu8INkISIJQQA0HFjiwquBZULGBDV0UUrIDYETuLYu8LKgrKuliwK29SQNd95Xvn++be//5z5j9nzp1bBgC1kxyRKBtVByBHmC+OCfKjj09KppN6AAJQQAEEQOJw80TMqKgwAG3o/Hd7dxN6Q7tmL9X6Z/9/NQ0eP48LABIFcSovj5sD8UEA8CquSJwPAFHKm03LF0kxbEBLDBOEeJEUp8txlRSnyvFemU9cDAviVgCUVDgccToAqlcgTy/gpkMN1X6IHYU8gRAANTrE3jk5uTyIUyC2hj4iiKX6jNQfdNL/ppk6rMnhpA9j+VxkpuQvyBNlc2b8n+X435aTLRmKYQmbSoY4OEY6Z1i321m5oVKsAnGfMDUiEmJNiD8IeDJ/iFFKhiQ4Xu6PGnDzWLBmQAdiRx7HPxRiA4gDhdkRYQo+NU0QyIYYrhB0uiCfHQexLsSL+HkBsQqfzeLcGEUstCFNzGIq+PMcsSyuNNZDSVY8U6H/OoPPVuhjqoUZcYkQUyA2LxAkRECsCrFDXlZsqMJnXGEGK2LIRyyJkeZvDnEMXxjkJ9fHCtLEgTEK/9KcvKH5YpszBOwIBd6fnxEXLK8P1srlyPKHc8Gu8IXM+CEdft74sKG58Pj+AfK5Yz18YXysQueDKN8vRj4Wp4iyoxT+uCk/O0jKm0LsnFcQqxiLJ+TDBSnXx9NE+VFx8jzxwkxOSJQ8H3w5CAMs4A/oQAJbKsgFmUDQ3tfYB6/kPYGAA8QgHfCBvYIZGpEo6xHCYywoBH9CxAd5w+P8ZL18UAD5r8Os/GgP0mS9BbIRWeApxDkgFGTDa4lslHA4WgJ4AhnBP6JzYOPCfLNhk/b/e36I/c4wIROmYCRDEelqQ57EAKI/MZgYSLTB9XFv3BMPg0df2JxwBu4+NI/v/oSnhA7CI8INQifhzhRBkfinLMNBJ9QPVNQi9cda4JZQ0wX3w72gOlTGdXB9YI87wzhM3AdGdoEsS5G3tCr0n7T/NoMf7obCj+xIRskjyL5k659HqtqqugyrSGv9Y33kuaYO15s13PNzfNYP1efBc+jPntgi7AB2DjuFXcCOYo2Ajp3AmrA27JgUD6+uJ7LVNRQtRpZPFtQR/CPe0J2VVjLPsdax1/GLvC+fP136jgasXNEMsSA9I5/OhF8EPp0t5DqMojs5OjkDIP2+yF9fb6Jl3w1Ep+07t+APALxODA4OHvnOhZwAYJ8bfPwPf+esGfDToQzA+cNcibhAzuHSAwG+JdTgk6YHjIAZsIbzcQKuwBP4ggAQAiJBHEgCk2H2GXCdi8E0MAvMByWgDCwHq8F6sAlsBTvBHrAfNIKj4BQ4Cy6BK+AGuAdXTzd4AfrBO/AZQRASQkVoiB5ijFggdogTwkC8kQAkDIlBkpAUJB0RIhJkFrIAKUPKkfXIFqQG2YccRk4hF5AO5A7ShfQir5FPKIaqoFqoIWqJjkYZKBMNRePQSWg6OhUtRIvRpehatBrdjTagp9BL6A20E32BDmAAU8Z0MBPMHmNgLCwSS8bSMDE2ByvFKrBqrA5rhvf5GtaJ9WEfcSJOw+m4PVzBwXg8zsWn4nPwJfh6fCfegLfi1/AuvB//RqASDAh2BA8CmzCekE6YRighVBC2Ew4RzsBnqZvwjkgk6hCtiG7wWUwiZhJnEpcQNxDriSeJHcTHxAESiaRHsiN5kSJJHFI+qYS0jrSbdIJ0ldRN+qCkrGSs5KQUqJSsJFQqUqpQ2qV0XOmq0jOlz2R1sgXZgxxJ5pFnkJeRt5GbyZfJ3eTPFA2KFcWLEkfJpMynrKXUUc5Q7lPeKCsrmyq7K0crC5TnKa9V3qt8XrlL+aOKpoqtCktloopEZanKDpWTKndU3lCpVEuqLzWZmk9dSq2hnqY+pH5Qpak6qLJVeapzVStVG1Svqr5UI6tZqDHVJqsVqlWoHVC7rNanTla3VGepc9TnqFeqH1a/pT6gQdMYoxGpkaOxRGOXxgWNHk2SpqVmgCZPs1hzq+Zpzcc0jGZGY9G4tAW0bbQztG4topaVFlsrU6tMa49Wu1a/tqa2s3aC9nTtSu1j2p06mI6lDlsnW2eZzn6dmzqfRhiOYI7gj1g8om7E1RHvdUfq+urydUt163Vv6H7So+sF6GXprdBr1Hugj+vb6kfrT9PfqH9Gv2+k1kjPkdyRpSP3j7xrgBrYGsQYzDTYatBmMGBoZBhkKDJcZ3jasM9Ix8jXKNNoldFxo15jmrG3scB4lfEJ4+d0bTqTnk1fS2+l95sYmASbSEy2mLSbfDa1Mo03LTKtN31gRjFjmKWZrTJrMes3NzYPN59lXmt+14JswbDIsFhjcc7ivaWVZaLlQstGyx4rXSu2VaFVrdV9a6q1j/VU62rr6zZEG4ZNls0Gmyu2qK2LbYZtpe1lO9TO1U5gt8GuYxRhlPso4ajqUbfsVeyZ9gX2tfZdDjoOYQ5FDo0OL0ebj04evWL0udHfHF0csx23Od4bozkmZEzRmOYxr51snbhOlU7Xx1LHBo6dO7Zp7CtnO2e+80bn2y40l3CXhS4tLl9d3VzFrnWuvW7mbiluVW63GFqMKMYSxnl3gruf+1z3o+4fPVw98j32e/zlae+Z5bnLs2ec1Tj+uG3jHnuZenG8tnh1etO9U7w3e3f6mPhwfKp9Hvma+fJ8t/s+Y9owM5m7mS/9HP3Efof83rM8WLNZJ/0x/yD/Uv/2AM2A+ID1AQ8DTQPTA2sD+4NcgmYGnQwmBIcGrwi+xTZkc9k17P4Qt5DZIa2hKqGxoetDH4XZhonDmsPR8JDwleH3IywihBGNkSCSHbky8kGUVdTUqCPRxOio6MropzFjYmbFnIulxU6J3RX7Ls4vblncvXjreEl8S4JawsSEmoT3if6J5Ymd40ePnz3+UpJ+kiCpKZmUnJC8PXlgQsCE1RO6J7pMLJl4c5LVpOmTLkzWn5w9+dgUtSmcKQdSCCmJKbtSvnAiOdWcgVR2alVqP5fFXcN9wfPlreL18r345fxnaV5p5Wk96V7pK9N7M3wyKjL6BCzBesGrzODMTZnvsyKzdmQNZidm1+co5aTkHBZqCrOErblGudNzO0R2ohJR51SPqaun9otDxdvzkLxJeU35WvBHvk1iLflF0lXgXVBZ8GFawrQD0zWmC6e3zbCdsXjGs8LAwt9m4jO5M1tmmcyaP6trNnP2ljnInNQ5LXPN5hbP7Z4XNG/nfMr8rPm/FzkWlRe9XZC4oLnYsHhe8eNfgn6pLVEtEZfcWui5cNMifJFgUfvisYvXLf5Wyiu9WOZYVlH2ZQl3ycVfx/y69tfBpWlL25e5Ltu4nLhcuPzmCp8VO8s1ygvLH68MX9mwir6qdNXb1VNWX6hwrti0hrJGsqZzbdjapnXm65av+7I+Y/2NSr/K+iqDqsVV7zfwNlzd6LuxbpPhprJNnzYLNt/eErSlodqyumIrcWvB1qfbErad+43xW812/e1l27/uEO7o3Bmzs7XGraZml8GuZbVoraS2d/fE3Vf2+O9pqrOv21KvU1+2F+yV7H2+L2Xfzf2h+1sOMA7UHbQ4WHWIdqi0AWmY0dDfmNHY2ZTU1HE45HBLs2fzoSMOR3YcNTlaeUz72LLjlOPFxwdPFJ4YOCk62Xcq/dTjlikt906PP329Nbq1/UzomfNnA8+ePsc8d+K81/mjFzwuHL7IuNh4yfVSQ5tL26HfXX4/1O7a3nDZ7XLTFfcrzR3jOo5f9bl66pr/tbPX2dcv3Yi40XEz/ubtWxNvdd7m3e65k33n1d2Cu5/vzbtPuF/6QP1BxUODh9V/2PxR3+naeazLv6vtUeyje4+5j188yXvypbv4KfVpxTPjZzU9Tj1HewN7rzyf8Lz7hejF576SPzX+rHpp/fLgX75/tfWP7+9+JX41+HrJG703O946v20ZiBp4+C7n3ef3pR/0Puz8yPh47lPip2efp30hfVn71eZr87fQb/cHcwYHRRwxR/YrgMGGpqUB8HoHANQkAGhwf0aZIN//yQyR71llCPwnLN8jyswVgDr4/x7dB/9ubgGwdxvcfkF9tYkARFEBiHMH6Nixw21orybbV0qNCPcBm6O+puakgn9j8j3nD3n/fAZSVWfw8/lfE118JR6j/0cAAAB4ZVhJZk1NACoAAAAIAAUBEgADAAAAAQABAAABGgAFAAAAAQAAAEoBGwAFAAAAAQAAAFIBKAADAAAAAQACAACHaQAEAAAAAQAAAFoAAAAAAAAAkAAAAAEAAACQAAAAAQACoAIABAAAAAEAAABooAMABAAAAAEAAABQAAAAAEvpcB4AAAAJcEhZcwAAFiUAABYlAUlSJPAAAAKeaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJYTVAgQ29yZSA2LjAuMCI+CiAgIDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+CiAgICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiCiAgICAgICAgICAgIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIgogICAgICAgICAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyI+CiAgICAgICAgIDx0aWZmOlhSZXNvbHV0aW9uPjE0NDwvdGlmZjpYUmVzb2x1dGlvbj4KICAgICAgICAgPHRpZmY6WVJlc29sdXRpb24+MTQ0PC90aWZmOllSZXNvbHV0aW9uPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICAgICA8dGlmZjpSZXNvbHV0aW9uVW5pdD4yPC90aWZmOlJlc29sdXRpb25Vbml0PgogICAgICAgICA8ZXhpZjpQaXhlbFlEaW1lbnNpb24+MTc2PC9leGlmOlBpeGVsWURpbWVuc2lvbj4KICAgICAgICAgPGV4aWY6UGl4ZWxYRGltZW5zaW9uPjIyODwvZXhpZjpQaXhlbFhEaW1lbnNpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgrS7gRTAAAi9klEQVR4Ae2dCbQlRXnHv56dAUQQWQRxEFQUA4jCgBA3ArgyogQXDCECEYG45bglaCQqUdQQlyBENFFQXKIietyICkEU0RGICEkUmKCoILjLNjOv8//X1K/7Tc30effe996dO3j7d86rV9VV1dVf1Vf1VXV136rOR6z/WJGDl2S39Ofg6Arv9TzxSnem8u03n6nil+Us/VOln+p8mV+Xf6by6cp/qvCZuv5U+ZTnS3/0eUyVvjxf+pvLzWn+G/8zlsBYAn1LYKxAfYtsnGAsgVYCYwVqZTH+byyBviUwVqC+RTZOMJZAK4GxArWyGP83lkDfEtj4FKgO0x74S7eNsfZ/xFs7tNtH/NLtTtHbGfIrY/cbTnrS4RKOW4ZP5Z9uujJ9eT3Ol25XvK7wMv2Q/fOGfL3pX64K0x6lvz2z/v9mO/76r7puaFc5+g0n5650XefL+KV/uum60hPe5fZajq70Qw4fHQX6fZiITROtGH4bJmJ1IpLP/u0TET9NtPH5b7Mwkf7aJX/y4zzxu9zfhVn36DX9uinXhJDv5mEijaseWQkv8+8KJ3/O458qPfGJV/rJpwyfyk86XOLj53r4cVEc6ge50B5+FibiAYmIOxORulN3qMSjnvGT/yy5w1egUkC/CdMqxkSYiFWJiB8lIrZNRDww0Yqj9DPUUyHEvG+YSH/t9npsGWbmj658KWdX+ctwStaVX9f5Mn7XdaeK15Wu67qEd7nkV57fMUzELxIRP05EbJ1oY/8qTNvh3idM275QzDbFtP4bngJ1KQ49Bj3TD8NEPCoRqfn20oAZoeaGWfcoFav0r5ti7RAUe06YqQ/iE7NMx/WJR7kJLxWlK5z8S3e24pf5lv6yHsrzlHOqeMgFuSGP+4WJ9NfuHYmImxOtZUJ743ooUld5iNenOzwFQvMRHDeCKXZRmIiDExHfTcTKbY0GpJVGls5So3i7JyJuSkTMT0RskmiHdgRHz1RWCOX4dZiILRKtGAmngZM/ftJT4YSTjoqng+D65XnKyYiMn5KU4eSHiYRL+eaFaU1D8qE8uJS7zJ/45Mv1iEd90lApbxmf65TpiIe8V4Zpy7sgTCT7xBbKgYmYe7WJmPdlEzF3S6PzD0lEfDsRsU8iUq26Xml31E/pV5RBjuEpEAXGdkVAF4SJeGYi6vcbmbhvMhH3nGF0PitUfCbR2sKYeFQwFYrpQUUzVyIeDZ9ykY6GgKB/GaYdCct4mBQ02MVhIu5OtG6p4Jyn4dCQUCz8yiodZTgmLtdFEZDvVHMArrswTKS79H2W1yXfUvG3CtOaVKRDYZAvftIjb+S7KEzErQn9kw/axzZhIm5MRFyZiOp8E7FoLxOx8LFG8VCc5WEiHpFo50zUP/KnvvJl+3WGp0D0QDTsi8M0PQsFv/MjRoqzm4mY8zKjs8sSEackInZNRPwkoYjZtKKCqFAUiBGIiuOC+FEMKpT8MBEQPOloqLg0KBo25aChokA0+HvCtD0kcqGcKDLlQJG5L/LhepwnHfdFeUsX05mGyn2SP/HJl/KhyFgOdExlOtJz//iRA+HcH+dRWOSDyUZ5DwsT9d1GenGTUfUvMzJEfm6UGfXC4sPOYdqDjqMNGei/4SkQmo7gMNmeECZWHW8iVi41ssBeaXRPD05E/edGfnokKvbqMO0iw+1h2p4UBcLUY5JKz4gfBaJ8VCzxaGDcBxXEeRoiPW/Zw5Gehk0+VCyKS7yy4dCgaKi4NGhcGiANXqJY78H9IS/85Esi8iUcPyMcDZvzpMOlnvBTLsJJR77IkXpDjtx/vr/qP4wU6TCjgf7rRqbdb4zaz4FGF70wEUl9JisQ9U39U74+3eEpEBpPj7VbmOZY9VAj73sTEa9JRL3CKJwRLN9w9RijcARNT4ygqRjOo0A0TBoaPSIVSEOmQaEQ5MvIwnkUiPsjX+IzJ6EhMJL9IEx7f6SjZ+d+qOC7wkRaU9KqUrWZUfrfGoVTTv2bDkYi/F0u98P5Mh35Eo4fudIhcJ58cImPn3iEkw9yRMGQB/VFx0b4S8JEtYfRFOcMEzFxstHc6Gyji5If8ivrl3IN6A5PgSggDZYeLIfXpxu1gy8bDck7G/l/ZhSJnjn3XPVHjcIZgRA08UoFwjRCkFyfhkpDonwoCC750mCoSMKpKMLJj4rnOigQ5UOxkA8Ni+uSHy7nS5fzZT74u9yp0nGe603lL69DfMKnygc5ZYWqFphJHQVyzflWhxopzq+M4t1puJhcRjTkjAJNijKdf4evQNwAgqL0NEQaDqYBc5wHhYnqGBNx15ZGc6UPGYW/1Siz9yTanocejnwYKRAsFcKcggaPn5GvHFFQBEwRRgruC0Ul3eFhor7EyFY/32jRcFejcucGU19m5H94op2k00Pr1L3y4P5wuUkUjnrIHV/9eyOx3dcoMsvYtB/SU79lvpyfpjt8BUIQNGxugBukYaNoKBYNO6+qrD7WaM602mjEutqogX7WKFNGBBo6IxAjDBVDvigMCkA8/JQPU4/8yRc/+RE/29rViUY95TIjE+Noo3LygBCbHMWj56ZBUF7kdW9zy/vDj8ucMfurRUZCQM7IiXpDPpiM+GfYnTPD+U2dHT0CphApmJTTcBBEjlctNoqc51DVB4zkt72Ru9LInWtad85cI38WeJWO9nx1PyP/PDMpnHxIl02JJl5X/DId/lWVUP4PMbqPcxLt3A650BBoGDQg5LSxudxHWW7CuW8aOn7mjvcPo3XqNcvt1dZGfjoeTHfyo8PjemU7I3yG3OGPQNxoeQM0HMJpOLicZ+7AogA9PkM4WzyyCVj/2ChTnheRPy4jFA/2yA8FJh4uJhsmZukv03Oe8lGOHcK0iyDkf29xqWc6REZ4FCQ39GqJCZkSax6k1j8w8l+eiPpNRv5XJKJ+o5H/0YmonmbUMT3UKPxPE/onH1wf/wy7wx+Bum4ARek6T3hZMQiI9PgHdaebT1f6Mry8H/wbq8v9UT90JOWcM1sa1eOMTO6vG7mbG938bnl19uL4mojqBiMT/Xwj/9ON4uW9kfWeRunnGoV/I9FKkQ6sDZnR/4Y/As1o8XvIjArtijrV+a50MxVOw5up/DZUPlgIrHZhSrGIkp/fVXsaNfhtjAr7b4mY+1yj5zgPNnK/YqQ4nzeKd0ki4txE1B8yWr7+qdFi0olG8fZLtFLANKRD5UzpJ7xPd3RGoD4LPo4+IhKgA2LxAxONjiHv0Kh2MVpEucpIMZ5jIha/w+itkzuNtuacZKRAnzKKd5eRu9TIfbPRIsyPjFapVxml38Yo3TvNJNmwY4U5FadKP+F9uvf+EahPgYyj9ymBUmHySFRtZZRXfvxQ32K0fP9pI8V5nZFJlhdXmqu+L0zE9YlmJ0raGuvWytz0hjDtXsPTwrRbvW4LI03Lu/N57qegdKD4+Ad0xwo0oODGybIEWITBJGLkybvlJ75j1O6/avTe20eM0rJs/6owEY9NRDw/IQ3Lm3Jp6MQvH39QEVeEabd6LQkj2y7vOaR8xC/9hPfpjhWoT4GNo2cJ0AAZgbK/OsBojjPPaAA410gf3mKUlpGFzcHsrqeh89yPORQjDiYXCopiUSH7hmkP4vFckTOUm+eMhA/ojudAAwruDzZZbrjV5kZSYFVt10pIcc41Cs8jysLDjEy1643Cj01E/EuiWb5uXqdg0s8qHorAMnipOFQE8XC74rHYQbppumMFmqYA/+CS00AZGbZIbxC1inBImObFtwVPNJOkdFCYZlNsc4ZX9nmgzvJ3lyI0CfM/xMMtz8+Sf6xAsyTYe222WWHqXxvdZR4Z6huM/Hk1bt6DjPzXJtoRxy+vPEHhmGwoIg+yMdWY/CvqKB8bnwLRAw65pxnlShxq2ZA7c577VEIlyG+KxjGJ9nUCCnddmPZNYvLhPKtkM2xikf1suRufAiFgJq8oVJfLpHHQ813p+g3vKgcNCXe2anqm8y3Lm1+5rt5n9LzmvWbSRZnDTApa698yv7VOjq5n41mFQ3EY+svXB1jmZBLKciduVwURn/Os/nRVOIpLvqWf9Kz+cJ7rMGfAVCH+6LaR3kp2Z37h75Fh1j2473XPbNQho69AuWHXdxit5rzCSOas8zPZpMHmr7NUWxrF4zkFy6OMBFQb6Vn1QUE7FKi+3agceRd3/QsjP7uEeSKfr1PfZXSxXRIRD020n2Xi9QjKgyLjHzWXkbcs15ZrvrtXf8ro5F8n2lgsDrQha/6jPuggy/Mj7h99BaKHpmHxjYRNa6GtIUcYNeD8WkM9YbSceqqR9FGgn4dpv2BJxaEw+Jm8MrmlYjn/jjBt/m8NE/WrjPJnpOG9p9eHifrtRu7eRu6PjOKXzyO4Xxoq941fSTbogTwYWSkfH7jMr1pPbG7ajQDNDgI6GG6C/Agv5UG8EXVHX4H48iQCPjtMLDjVqIKWGinQXUYN81AjaWPilQqEIjBppSEwEmBqoEj0nFQs5cAEY6QqTUgUiHzId48wMfclRuXldQvKwYNG0hFOQ9vQDYmRPHcwzQjLKtqXwsSq5abdecPu6fTdWXVwzXfauB/uD3kjX86PqDv6iwgoQv7+Wn2hUcVcY9SBX2T0vtWlRv7FRu4mZpL//ouE/Jub9ZzfbJGYFJ/0+bNlizY16zl/9yKh8K2NXOKT34JFQuHXGLkXGpV/a6NW8b+J9rto9OQoICPaqDQgOhA6oPxVHzaLxh8lYtXvjDqI04wK/+JEs5u6Ganp0BhhUaRRud8pyjH6IxACxlTA5OLFNHpsfxD4h7pb5kL0+Ez2+RoQfiqM/MsGS0ViUvFhP/JlZOA8IxH50dDY3k987oPNkPS0vKCHn7kZ6aeoyKGdznLhDd/6RqOr82HEa8LExK5Gj3tebZoXSiN9It4fieGDlFvrfVN3JIw8dJjIo9wTN7Qb7e1Co69A2TSqdjS6qbxF5J65Rg/Av2Fkwu26ZitJ+s7pBYpHRaAwvMHKtwuQT9mwUSxMKBo8FU44IwOmC6Yi+aGQpM9P4OufGD1/fLtRw9rRqKdeaVSoqxLtp4vJn3wo94Zys3yaB6m5w6h/alQPexvdz0FGm6UPNxpxlxgtb68wKnx+wzTenmgnS3wIsVQc5ICcN9T9F9cdfQXCdMufK6pON1Kck4wefL/NqGL+06ji3mp0l1lRmu+nMddAsRAEIwiLBqzGMaIQj4+HoDiMUChW+WVSKrxek0H14uqE6gT1zE83MuWeZ6RAW5tJiyCfqYXSMJJxHRSb8mxol46CkSKPzPV3je5nP6P62Nfoq2SvMVrDOcro/IeNboIPbPKzJcx5WfRB3tjGyAW5Myejw8JCoKNEbnRAKCD1g39AeY6+AnFjCI6Ko+HTsDHtCre+xygTJvkoCILFlkeg5M/1qCgUj/Pkg4uphR8TjPKhkORHPoyQNADKMaqKQ33QIJET8sz++iIjRXmG0ZrBKUY/f5QmR9qdfavRwHOwIdNJLvnyOTIUBbkhHx5n7BSmPTApMYkZ0YhR+gnv0x19BaJnR3D5U60LrjIaeZYYVdSE0d0/OdFtwtGjYYqRLw24PE+DpkJRJHpERi4Ul4aFwlLRe4WJemcjE+4qo/KSP+l4gxJFRPHoMPqs4KFF5z7o0bN8eS5UPcdoYD3A6PfOVhiNwLsYTV1XG9Xj5Ual5gutPd5A/Umj9M83SkSHRgdG+ajf0t/jdcpoo69A9NBZEM0q3KfXvNk4/ySj21qRaN9IZCgnPYsINFRGHhSDST+KQbyiZ+V5RvN5Kno4FIj0KBAdwOfCRPx3IurzjRQqPxcKrke5MY3oKcmvrMFR8VNuOiLkkL+FUJ9n1MCPMLrvfzdaO7jNqL3vZzRXepbRyHSqkXuC0U2+LhHxlUSjiKu3MjLpTzT6UOX2ptnj2q5y8rGSGZbX6CsQPTgjBas1+dvS8a1E+9kq4lOhKBAmAIrCyIECoSg0ZEYoXg3mS6H51wEmjjKqDRo4isQqID0cDYnrUD7Kw3W4Pj0m3zvj+sSb4QYwcHbcT5kBIzQKj5y3CxOe4aU5Xt4xMucYo/A8d7r7YKNM84hbLTTy88ZqXmSpDzEKZxMr182fu9KZNQftBf8Mu6OvQEWDqvYx6nHebGRb/5mRVPLyaVyWWNeEwwTCJGIEQjG5DhVB/KeFifQWi1aV5i0yci8yqvhvG53Ptnr1MKPw24zCaUD580rVA4zOsxMBxWHOxEhGA6WcKL6yHImDjoGRsiwf90NHwv0wZ8nyqN9lNDLlHwuoDjG6w7MSzQhSX2UUfnIi5hxo5H92Iur7G/mpT/2bjj5NQZL16o6+AuUeuNrO6Lbysuc9Bxmtwh1pNBc6xahhvtYoXrkK9/NaqKLym5T1KqN4KAqCp6fPpkh1nJHtnrcMLf5nIwV6gVF6GgY2N34aDqtBOd/m1xQYgYjPSEY+jISMbGUD1aU35NGsbvIeED095fxUmIhnJCJ9X9QNnOdpedWt2tao3r5vdJ4OJ3dkfDCRb6KzGMRHSqotjNJfY5S+3IPHXFKnZuMYfQUqGl51hpEo+MW688O0gsfWzRXAJDZtMPmSBJ1/AS9VrysYBcL0YgRAAb4QpnmXv+kJzwwjjUwo40TrluEoCiYcfmWRjtI/VTjnN5DbPAdCfnkEr3Y3KtSpieC5lx6g3iIiluZvF9gnf/0bo3DkjssIRrxf1ULxkDMdDR0PvxulKGsd1MNagTPnGX0FwoTB9PpqmJh/nZEgsgKxmTQ+nmgbNiMLNjkVTjguIw9+JsOXhml+EW3+TkbXxdb+yzDtJlUUhDrqtQK74nWFk/+Gcmng+XkND7LrM4wG5h2MFgE+ZlTIbyaifrGR/7hEuwrJSIFpiPypF65H/SAXFIrwIctj9BWIVaws0Poco2XPlxu5lxlJDQFSATwHQPHosVAkllvp+Wn4+Kmwz4dpXz/YO0zUHzAKp+LzA8CmR2VONeQKHdblmt/t+UItdNWliebB6B1LjUzdc4xWx5Yb9WvZJOYnGquXGskz79AIFId65IYIp0MlfAO7w1cgeoxeb5yGzciRG3b9MaNMsqCbCuW9ofwLbumTF7aRbzaqQMLJNytM/Tuz1nn3fVZMX7lRlMZ0oULpCbNiMldrGkS/99urXLriUZ6u85SnKx7ny/RlOH5MqLxqWL/QaATawmgHwi+N/E82UqSzjOasC43q5YtGF2O1kdXHon6aDpLr4lJO/LiEz7I7fAViSC5vlJGCnp85CZNKwlklowHk3cxNg82T1GaVi2XsMpzr82CNVaEV+SclqUCuw8hEhTC5x5+XzZvFCT5qTrnpUcmPdFynzJ/z/brcF9dhZEaOyJkOiXIRD7lzXfy4xCcfRoS8zF/vbpQ4PxBmcefufzWacj7QyOJ9i5EpfpqRgt1mlM6flP+a3KckWlMcS4T7wqVcyJlyUX7kgX+G3eErEA0PU4obYrWKZcfssuwbvK9DPEwwfs4ERSFfngOhIGwmRQG5Lg2AdITTsKkoGhgdAOWh4VMuGlie/DICslu5vtXoIuTPfbAczPUoR68u6SgfCsJImVfHqr2MMuU89cHqGfLgutwn8uR+KXd+nhOHJiKelYiJdxllkrfYzDnWaED/hNHOqkONHqPdYrQj4V1G8fNI1HSIuTzVg4zOU05GPlbz8uOBeG6C0rdbuNqQGf1v+ArEcierLfl26ocbDekfNOqRLjU6ScNnTkHF0SPxWgM9DQ0JRUGx2OVbNhAaEg2NhlI2RBSM9PR4jDSE0yPSE7K7OveozZYjVvm4L8pLg+23msuGTT4o9vvDxMSZRpnvk2h/4AtFYqRCnuzdQ97cLx0TOyy+EyYmrjfKP7+ZGv+TiPoNRv3G3kb1/EqjLT3LjBTreCMT75FGA09+w3jiBUb5US/5Dd/mtYisQJiC9dOM4nMgF/wz7A5fgVCAYvPfvBOM7i4vQze7dfkZdhowAmGk4oerUBwqHsWhomlQxEOQ+HkuQ89GPjSgUjEYaVAE8slP3OPriaYhYVKuOsuoAeUtPNVJRv5rjQrF9Slfry7lYTn5kZVQvs8zWg37jtGk/kqj8CONMs/fsG4m7ygSHQgdHffP/SLfb4eJan8jBXqJUf552ZkHnvXXjMLPNLpu3rPIXsa7/thoYPwro98du9JIoR5jlO9yo/T5/aPqWqN8PpuI+mAjBdXvEfoXCZsDedJuOFH6Ce/THZ4CMfRS0XzLOJs6C4407ftw6cXnPfq8m1GK/tIwzbHyNKO1iDuMgtnhcFKYVnFouE3KHv8hHQ2GDiGvPtZfMVpzOcQozw8nesy892grzzJq6BcYpXtRov0RYBR2eZiolxs1/OOMFOjdRpbXs43mSM8wEs9fmEnlYGvVpKC1/uV1iPzrEOt0TMhprUT9e4anQJQNzaeCMX3yJsFmtYWRik2ijDiYgPiziUD2jcunYjGNbtKPPN6ks/P1Lc35culpS8Xu8jOCUX5MI3po8uPN2BPDxMS3jEz31xldN0+uq6ONGhBbVLhfKh6TqbmhKf5hZMi/KUq+bN5c/XqjzZu7mPb24w2JiP0T7RyjNFF5X4dNucgVCyB/83r1qUb3xZ43LAfkxOMEOtJsOtcnGynSJ40U6XSjF11PN7LgDjLaYHK2kSzySFtfajQCfs8onG9vM2fFMphCfIOeHp4CITAEiAnADfJgkjvBhGJnAT0sFYHi0cOQDpf42PRMdlFATJIqTedV42lTjld9PL1v/ZSXOQ350zBYduXV8oeFaY6VhxvZ+C8yaiCVUfavNoqGoqCglLvJocd/SMdcjt/luaQWuq3/M3rgv73RpP0RRuW51uga+WMtcVSimcw3W2vIP3/zoOno6MhyMVefYORhbyKbQP8rjOVr2oPFlGzSM4eZs62RnCojfTnDqPx/Y/RY7vNGJulTjbJ7UyL0eriJODIR6VeEbpCf8lPvLNrgb0vU13/DUyCKRc+GH5ceDX+vbr9DMT19r/l3xUPw5Iei0XAvr4Uq/FyjdvMao8zyZ7maPXTkQ4dBxXZdtyuc9HQwdFC5XNVTjUbEK4zKtdg0j9HWbWB0TJSH/MmXRZk9wzTH6j2N7vdMo2DqlfskJvWGJUK5cwfkj5P582TVB42Kd6DRc6X7GJnC31jzKv/9fmY0on7JkLncCxIRefd8swWIKCxK4B/QdV87PgaRACYCphMjbM5r9eeMGuzzjRrCdUY96oeNImFiMvKUDWyQMjkNPTqre9nUrL9nVI4XGZlINxvF/0SiWX6O7ycUMY8UmKwoEOViB0b21zcZjbR7GSX/ptFJfvS3vD/yo7x0rMgjWx6YdvVHjRTpZqPyP8BE3LK/0WLipYbCyX1mItLPbqnDaEYgomCJ4B/QHSvQgIJrPsuEIjEnyvmtPttIYd5mFMhzEiqOBkp6GtSg5SEd+TAyouCYvEeEiYm9jRr8wUaJMSXz3j+y63TJN0eorzTK9zCjQDb5XpGacPvBSe4bBafjwfTKpny1h5EiLjPKL5tg9d8b9ROPMjr/QhNx+2VGL+ZtYiaVGgXGtOUUjy/wD+iOFWhAwTU9NA0CGzvnN/EyIw8v/KFgxOe6pZ/w6br07IwglC+bXPWTjRSc95m43u1hpj5Q0Byz3sFIId9j1LDfbXTy8oQmXQkNHXlrVJ5DVk8xisfixNFhop5vpJDnGfkPMPKvNHLPNnJ/aaRfmxtd9wdmUvHpGEo5I49JUQf5d6xAg0htfWmw6TnHm5I0YOYORc+9jm1O+um6NBhGJPyUhwfQ54VpD+Y8bcj6/+OBaj47cY5RQ3+uUWD+kCLPv5o5Xx4JUDAUr36CUbqscHMmjBZNP73m1f2FxxttATrPaEBbZDRwPslEbLe70WOQHY3yyVu34nGJdre8TqWDERn/gO7wFxEGLOjIJ0Mx8qS5usqo1Hk5Oz31WC4/IxENmYY90zfIHIVVSCbp7FJ/bZionmQmXZzyTQpa778oYP5U8ap/MlKgzYzyxfT6Yphm8aS62GjkWGwU70+MxHKj0aLGXkbhNxqtsj3ayGQ7z6y3JGsHXh2m/SgJq6esmrJ4wFyLRY61c+nZNx6BehZVEZEGSg+PP0ebs8zIQw/INxxYdSpNLPIpLjOwF5ufBoOCs3NgXiXUMK8zk67S9fMkk6Kkf5nD5PCJvzNSoCOMFGAbo5OPT0T1fSMTbzcjk+sDRj+qfZnRc56bjCy9C4xGkrS9XuX7rpl0cd73eluYiCWJiGMS7a9gMLeio5qURfoXk7IM79M/HoH6FFgTHVOHimJxIEeYe7xRQ7rGqGHlr/BUDzTy32IUmYqcIZu8mZvxYDc/GK52NrrulmbSnCF/lL/ZesQeueZGO/5hRMunJ84y8vCC3T2VkN/7MV4qxbnaaIQ5yuhxzfVGJtrHjOLxbYNTaiG55QfNcXii2frTPPDNX3qNVyZyKeTwIJwQtnIRTkeFfIg3oDtWoAEF1ywXo0DFCDT3MiMTZF+j5xa/MGoYJxtddEUigi0pzCkw6aho/F3lLOOxqsfIw84IJv254Sw43ShTGiAPPnkxjuvRgzNiEo5JlP2r3mGkoEuM3P2M1gyOM9rb9nGjB6CrjEaWFxglZgT5aJioHmUU/r1Ezr0HBzlQHyTpCuf8NN2xCTdNATaLADwgZfKat5QsvNCoYeRNo8nwkOlR7Wt0cXab85ykbLA0gK5y0rBJxxwmm4zVs40a9DZGI8+2Rj3/+8ykTPOvazc7DxhhWfwgf5LsGKY5Fuxj5M1fJ5pYZjTJP8romyJPNJMUh5EhfycvveerZXVtuDLtah1X4EE18ijdro6mK5x8p+mOR6BBBUgFUkFM1lmmzfnO+1sjmz43sLsvNmpIvzWKxFYgTAxGDuYsjBxlObku8UiXFbI6yEhx8ush8cFELDrRKLP9Es1uZj7bFSgOCk3DpcFzPV54y+Xa9Aqj3xC+xaiDON7IQs0dSFP8/Eo8pl5jwvL+FD/vQjkwbTF1m4xG45/xCDRoPdAz06BQIPbc5U8Qk/0mxxr1/JsZrUL93qihPc7I5YUx5haYYphKKEx2m89jMTJkE5LNo/UbjRRoJ6OtLkcamZT7GZWKB6YHhmnnYnQA3A8Nlzkecwdcfqbl+DCx6BSzHsX5hzDt15R4TQTTl6/qIE9MMe4bQY6YOx6BBq0QVtN4/oOfEYNvdGfbHtNk032N9nR9y2hP2iVGCvQWo8Lknr/ayUgB+EBjbtjVJkbx8nWaj5jkV9snvmqU3yqjxx97GinurUbp6OlpsCzzoiCMNCguHQWKxYjACMz7T2wWRaEYwZDHq8K0L/BxffLTqXQgT0xTwkfUHSvQoBXDgzhMDSqe/DB98ivOzc945K0tRJ+3v9EWlLONRqZDjdyfGCnCbkaZ5oZcb2fkp6GjALkcC442GgluNjIVbzWKz7IzIxavJ9DDUyDuB8XhfjAR8Zfp8vOgYARGARjBUDjKTT6lS7oyfET9YwUatGJoQPSwmB74aQi83/OkMBHFNxwWbGE08Pyj0dz5ciN3e6Pl37wptd7CSKGWGrkvM1oU2MrINLvTyM932Livi8NE2jOtkShQfMqHqVSOoKTv18W0K9MhrzJ8I/ePFWimKhDFoael52UvFnu96PlROOZK7wwT895p5CbWUzhGtvWcSkF8sRWTi0k78TGZKB+mG+Un3tjtSQJjBepJTH1EoqelodPj5zdFm98CZZLOLm2Wc3kzly0mB4Rpf1t0hzDtFz0/E6b5+k3zLWoUBZOMOQnlIXysOH1U7rpRxwq0rkxmJoSGSm70+LiEMwLkV735qErzkQ9W4zC1UATeBH15mHYVjeVw8kdxy/CyfMQfu31JYKxAfYlrFiJ3zRmmmmxTlNLWQ9E4j0lZhnN+7E5LAuPnQNMS3ywmpuFzidI/VTjnMSnxj90ZlcBYgWZUnDOYWdnwSz+X6grn/NidVQmMFWhWxTvO/N4ugbEC3dtreHx/syqB/wd1c5imi3hSbAAAAABJRU5ErkJggg==);
}
.woocommerce-marketplace__my-subscriptions__header {
margin-top: $grid-unit-20;
margin-bottom: $grid-unit-10;
font-size: $default-font-size;
}
.woocommerce-marketplace__my-subscriptions__description {
text-align: center;
font-size: $default-font-size;
line-height: 20px;
font-weight: 400;
color: $gray-700;
margin-top: 0;
margin-bottom: $grid-unit-30;
max-width: 520px;
}
}
.woocommerce-marketplace__my-subscriptions__table__header--actions {
text-align: right;
justify-content: flex-end;
}
.woocommerce-marketplace__my-subscriptions__actions {
display: flex;
justify-content: end;
.components-button {
margin-right: $grid-unit-10;
}
a:hover {
color: #007cba;
}
}
.woocommerce-marketplace__my-subscriptions__notices {
.components-notice {
margin-left: 0;
margin-right: 0;
background-color: #fff;
box-shadow: 0 2px 6px 0 rgba($gray-100, 0.05);
border: 1px solid var(--gutenberg-gray-100, #f0f0f0);
padding-right: $grid-unit-15;
position: relative;
&::before {
content: "";
display: block;
width: 4px;
height: 100%;
background-color: var(--wp-admin-theme-color, #007cba);
position: absolute;
left: 0;
top: 0;
bottom: 0;
}
&.is-error::before {
background-color: $alert-red;
}
.components-notice__content {
display: flex;
align-items: center;
gap: $grid-unit-15;
}
.components-notice__dismiss.has-icon {
width: 24px;
min-width: 24px;
height: 24px;
align-self: center;
padding: $grid-unit-05;
> svg {
fill: $gray-900;
}
}
}
.components-notice__action.components-button.is-link {
margin: 0;
padding: 0;
}
}
.woocommerce-marketplace__header-account-modal-overlay {
.components-modal__header {
padding-bottom: $grid-unit-20;
.components-modal__header-heading {
font-weight: 400;
font-size: 20px;
line-height: 28px;
}
}
.components-notice {
color: $gray-900;
padding: $grid-unit-15 $grid-unit-20;
border-left: none;
margin: $grid-unit-20 0;
&.is-error {
background-color: var(--wp-red-red-0, #fcf0f1);
}
&.is-warning {
background-color: var(--wp-yellow-yellow-0, #fcf9e8);
}
&.is-error,
&.is-warning, {
align-items: start;
.components-notice__content {
margin: 0;
}
&::before {
content: "";
/* stylelint-disable-next-line function-url-quotes */
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z' stroke='%23614200' stroke-width='1.5'/%3E%3Cpath d='M13 7H11V13H13V7Z' fill='%23614200'/%3E%3Cpath d='M13 15H11V17H13V15Z' fill='%23614200'/%3E%3C/svg%3E");
background-repeat: no-repeat;
margin-right: $grid-unit-15;
min-width: 24px;
height: 24px;
}
}
}
.components-button-group .components-button {
&.is-primary {
box-shadow: none;
}
&.is-secondary {
box-shadow: inset 0 0 0 1px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
}
}
.woocommerce-marketplace__product-card {
margin: $grid-unit-20 0;
}
}