# sharing-image/2.0.0/assets/styles/settings.css

Sharing Image, version 2.0.0. 819 lines.

- Page: https://pluginprobe.com/plugins/sharing-image/2.0.0/code/assets/styles/settings.css
- Raw: https://pluginprobe.com/plugins/sharing-image/2.0.0/raw/assets/styles/settings.css
- Modified: 2021-11-04T11:20:16+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/sharing-image/2.0.0/code/assets/styles/settings.css#L10-L20`.

```css
input[type="range"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent; }
  input[type="range"]:focus {
    outline: none; }
  input[type="range"]::-webkit-slider-runnable-track {
    cursor: pointer;
    width: 100%;
    height: 7px;
    background: #dddddd;
    border-radius: 4px;
    border: solid 1px #b7b7b7; }
  input[type="range"]::-webkit-slider-thumb {
    cursor: pointer;
    -webkit-appearance: none;
            appearance: none;
    width: 16px;
    height: 16px;
    margin-top: -5.5px;
    background: #3582c4;
    border: 0;
    border-radius: 50%; }
  input[type="range"]:focus::-webkit-slider-thumb {
    background: #2a679c; }
  input[type="range"]:hover::-webkit-slider-runnable-track {
    background: #d0d0d0; }
  input[type="range"]:disabled::-webkit-slider-thumb {
    cursor: default;
    background-color: #d0d0d0; }
  input[type="range"]:disabled::-webkit-slider-runnable-track {
    cursor: default;
    background-color: #eaeaea;
    border: solid 1px #d0d0d0; }
  input[type="range"]::-moz-range-thumb {
    cursor: pointer;
    -moz-appearance: none;
         appearance: none;
    width: 16px;
    height: 16px;
    margin-top: -5.5px;
    background: #3582c4;
    border: 0;
    border-radius: 50%; }
  input[type="range"]::-moz-range-track {
    cursor: pointer;
    width: 100%;
    height: 7px;
    background: #dddddd;
    border-radius: 4px;
    border: solid 1px #c4c4c4; }
  input[type="range"]::-moz-range-progress {
    cursor: pointer;
    width: 100%;
    height: 7px;
    background: #3582c4;
    border-radius: 4px;
    border: solid 1px #3582c4; }
  input[type="range"]:focus::-moz-range-thumb {
    background: #2a679c; }
  input[type="range"]:disabled::-moz-range-thumb {
    cursor: default;
    background-color: #d0d0d0; }
  input[type="range"]:disabled::-moz-range-track {
    cursor: default;
    background-color: #eaeaea;
    border: solid 1px #d0d0d0; }
  input[type="range"]:disabled::-moz-range-progress {
    cursor: default;
    background-color: #eaeaea;
    border: solid 1px #d0d0d0; }
  input[type="range"]::-ms-track {
    cursor: pointer;
    width: 100%;
    height: 7px;
    background: #dddddd;
    border-radius: 4px;
    border: solid 1px #c4c4c4; }
  input[type="range"]::-ms-thumb {
    cursor: pointer;
    appearance: none;
    width: 16px;
    height: 16px;
    margin-top: -5.5px;
    background: #3582c4;
    border: 0;
    border-radius: 50%; }
  input[type="range"]:focus::-ms-thumb {
    background: #2a679c; }
  input[type="range"]:disabled::-ms-thumb {
    cursor: default;
    background-color: #d0d0d0; }
  input[type="range"]:disabled::-ms-track {
    cursor: default;
    background-color: #eaeaea;
    border: solid 1px #d0d0d0; }

@-webkit-keyframes rotate {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes rotate {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

body.settings_page_sharing-image #wpcontent {
  padding-left: 0; }

body.settings_page_sharing-image .update-nag {
  margin: 20px; }
  @media screen and (max-width: 782px) {
    body.settings_page_sharing-image .update-nag {
      margin: 10px; } }

body.settings_page_sharing-image #setting-error-sharing-image {
  display: block;
  order: -1;
  width: 1060px;
  max-width: 100%;
  margin: 20px 0 0;
  font-weight: 600;
  border-top: 1px solid #dcdcde;
  border-bottom: 1px solid #dcdcde;
  border-radius: 3px; }

body.settings_page_sharing-image #sharing-image-settings {
  display: block;
  position: relative; }
  body.settings_page_sharing-image #sharing-image-settings * {
    box-sizing: border-box; }
  body.settings_page_sharing-image #sharing-image-settings .sharing-image-catalog {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: 20px;
    position: relative;
    width: 1100px;
    max-width: 100%;
    padding: 20px; }
    body.settings_page_sharing-image #sharing-image-settings .sharing-image-catalog .sharing-image-catalog-card {
      display: block;
      position: relative;
      overflow: hidden;
      background: #fff;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125);
      border: 1px solid #ccd0d4;
      border-radius: 4px; }
    body.settings_page_sharing-image #sharing-image-settings .sharing-image-catalog .sharing-image-catalog-new {
      display: block;
      position: relative;
      padding-top: calc(52.5% + 44px);
      text-decoration: none;
      color: #666;
      border: 2px dashed rgba(0, 0, 0, 0.125);
      border-radius: 4px; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-catalog .sharing-image-catalog-new h2 {
        display: flex;
        flex-flow: column nowrap;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: 0;
        font-size: 15px;
        font-weight: 400;
        color: inherit;
        transform: translate(-50%, -50%); }
        body.settings_page_sharing-image #sharing-image-settings .sharing-image-catalog .sharing-image-catalog-new h2 span {
          display: block;
          margin-top: 8px;
          text-align: center;
          font-size: 11px;
          font-weight: normal;
          font-style: italic; }
        body.settings_page_sharing-image #sharing-image-settings .sharing-image-catalog .sharing-image-catalog-new h2::before {
          content: '+';
          display: block;
          font-size: 5rem;
          font-weight: 400;
          line-height: 1;
          opacity: 0.25; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-catalog .sharing-image-catalog-new:hover {
        color: #eee;
        background-color: #3582c4;
        border: solid 2px #2a679c; }
      @media screen and (max-width: 782px) {
        body.settings_page_sharing-image #sharing-image-settings .sharing-image-catalog .sharing-image-catalog-new {
          padding-top: calc(52.5% + 54px); } }
    body.settings_page_sharing-image #sharing-image-settings .sharing-image-catalog .sharing-image-catalog-preview {
      display: block;
      position: relative;
      margin: 0;
      padding: 52.5% 0 0;
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYGWO8d+/efwYkoKioiMRjYGBC4WHhUK6A8T8QIJt8//59ZC493AAAQssKpBK4F5AAAAAASUVORK5CYII="); }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-catalog .sharing-image-catalog-preview img {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
    body.settings_page_sharing-image #sharing-image-settings .sharing-image-catalog .sharing-image-catalog-footer {
      display: flex;
      align-items: center;
      position: relative;
      height: 48px;
      padding: 0 15px; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-catalog .sharing-image-catalog-footer h2 {
        flex: 1 1 auto;
        margin-right: 10px;
        font-size: 15px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-catalog .sharing-image-catalog-footer .button {
        margin-bottom: 0; }
      @media screen and (max-width: 782px) {
        body.settings_page_sharing-image #sharing-image-settings .sharing-image-catalog .sharing-image-catalog-footer {
          height: 54px; } }
    @media screen and (max-width: 782px) {
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-catalog {
        width: 75%; } }
    @media screen and (max-width: 600px) {
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-catalog {
        width: 100%;
        grid-template-columns: 1fr; } }
  body.settings_page_sharing-image #sharing-image-settings .sharing-image-config {
    display: block;
    width: 800px;
    max-width: 100%;
    padding: 20px; }
    body.settings_page_sharing-image #sharing-image-settings .sharing-image-config h2 {
      margin: 12px 0; }
    body.settings_page_sharing-image #sharing-image-settings .sharing-image-config > * {
      margin: 24px 0; }
    body.settings_page_sharing-image #sharing-image-settings .sharing-image-config .sharing-image-config-control {
      display: grid;
      grid-template-columns: 240px auto;
      position: relative;
      width: 100%;
      max-width: 620px;
      margin: 40px 0;
      width: 100%;
      margin-bottom: 24px; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-config .sharing-image-config-control small {
        margin-top: 6px; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-config .sharing-image-config-control h3 {
        grid-column: 1;
        margin: 6px 0;
        font-size: 14px; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-config .sharing-image-config-control h4 {
        margin: 0; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-config .sharing-image-config-control h3 ~ * {
        grid-column: 2;
        width: 100%; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-config .sharing-image-config-control.control-extra h3 + * {
        margin-bottom: 20px; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-config .sharing-image-config-control .sharing-image-config-control-input {
        display: block;
        position: relative; }
        body.settings_page_sharing-image #sharing-image-settings .sharing-image-config .sharing-image-config-control .sharing-image-config-control-input input {
          display: block;
          width: calc(100% - 2px); }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-config .sharing-image-config-control .sharing-image-config-control-radio {
        display: block;
        position: relative;
        margin-top: 5px; }
        body.settings_page_sharing-image #sharing-image-settings .sharing-image-config .sharing-image-config-control .sharing-image-config-control-radio span {
          -webkit-user-select: none;
             -moz-user-select: none;
              -ms-user-select: none;
                  user-select: none; }
        body.settings_page_sharing-image #sharing-image-settings .sharing-image-config .sharing-image-config-control .sharing-image-config-control-radio input {
          margin-right: 8px; }
        @media screen and (max-width: 782px) {
          body.settings_page_sharing-image #sharing-image-settings .sharing-image-config .sharing-image-config-control .sharing-image-config-control-radio {
            margin-top: 10px; } }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-config .sharing-image-config-control .sharing-image-config-control-select {
        display: block;
        position: relative;
        flex: 1 1 100%; }
        body.settings_page_sharing-image #sharing-image-settings .sharing-image-config .sharing-image-config-control .sharing-image-config-control-select select {
          display: block;
          width: calc(100% - 2px);
          max-width: none; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-config .sharing-image-config-control .sharing-image-config-control-range {
        display: block;
        position: relative;
        width: 100%; }
        body.settings_page_sharing-image #sharing-image-settings .sharing-image-config .sharing-image-config-control .sharing-image-config-control-range input {
          display: block;
          width: 100%;
          margin: 8px 0; }
        body.settings_page_sharing-image #sharing-image-settings .sharing-image-config .sharing-image-config-control .sharing-image-config-control-range em {
          display: block;
          cursor: default;
          position: absolute;
          right: 2px;
          top: 0;
          font-size: 10px;
          font-style: normal;
          color: #3582c4; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-config .sharing-image-config-control .sharing-image-config-control-media {
        display: flex;
        align-items: center; }
        body.settings_page_sharing-image #sharing-image-settings .sharing-image-config .sharing-image-config-control .sharing-image-config-control-media a {
          margin-left: 14px; }
        body.settings_page_sharing-image #sharing-image-settings .sharing-image-config .sharing-image-config-control .sharing-image-config-control-media button {
          margin-bottom: 0; }
        body.settings_page_sharing-image #sharing-image-settings .sharing-image-config .sharing-image-config-control .sharing-image-config-control-media small {
          margin-top: 10px; }
    body.settings_page_sharing-image #sharing-image-settings .sharing-image-config .sharing-image-config-control-fieldset {
      display: block;
      position: relative;
      width: 100%;
      margin-bottom: 10px; }
    body.settings_page_sharing-image #sharing-image-settings .sharing-image-config ~ #setting-error-sharing-image {
      max-width: 760px; }
  body.settings_page_sharing-image #sharing-image-settings .sharing-image-content {
    display: none;
    flex-flow: column wrap;
    align-items: center; }
    body.settings_page_sharing-image #sharing-image-settings .sharing-image-content.content-visible {
      display: flex; }
  body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor {
    display: flex;
    flex-flow: row nowrap;
    position: relative;
    width: 1100px;
    max-width: 100%;
    padding: 20px; }
    body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-fieldset {
      display: block;
      flex: 1 1 auto;
      margin-right: 48px;
      margin-bottom: 24px; }
      @media screen and (max-width: 1023px) {
        body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-fieldset {
          flex: 0 1 640px;
          margin-right: 0; } }
    body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control {
      display: flex;
      flex-flow: column nowrap;
      align-items: flex-start;
      position: relative;
      margin-bottom: 24px; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control p {
        margin: 0 0 5px; }
        body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control p:last-child {
          margin-bottom: 0; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control h3, body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control h4 {
        display: block;
        cursor: default;
        width: 100%;
        margin: 0 0 5px;
        font-size: 13px;
        font-weight: 600; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control small {
        display: block;
        cursor: default;
        width: 100%;
        margin-top: 6px;
        font-size: 10.5px;
        line-height: 1.5; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control.control-hidden {
        display: none; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control.control-compact {
        width: 300px;
        max-width: 100%; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control.control-media {
        flex-flow: row nowrap;
        align-items: center; }
        body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control.control-media .button {
          margin-right: 14px; }
        body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control.control-media .button:disabled ~ * {
          display: none; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control.control-reduced {
        margin-bottom: 14px; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control.control-sizes {
        flex-flow: row nowrap; }
        body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control.control-sizes > * {
          margin-right: 14px; }
        body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control.control-sizes > *:nth-child(2) {
          margin-right: 54px; }
        body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control.control-sizes > *:last-child {
          margin-right: 0; }
        @media screen and (max-width: 782px) {
          body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control.control-sizes {
            flex-flow: row wrap; }
            body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control.control-sizes > * {
              width: calc(50% - 7px); }
            body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control.control-sizes > *:first-child {
              margin-bottom: 14px; }
            body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control.control-sizes > *:nth-child(2) {
              margin-right: 0;
              margin-bottom: 14px; } }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control.control-select {
        flex-flow: row nowrap;
        align-items: center; }
        body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control.control-select > * {
          margin-right: 14px; }
        body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control.control-select > *:last-child {
          margin-right: 0; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control.control-footer {
        flex-flow: row nowrap;
        align-items: center;
        margin-bottom: 0;
        padding-top: 20px;
        border-top: solid 1px #dcdcde; }
        body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control.control-footer > * {
          margin-right: 28px; }
        body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control.control-footer > *:last-child {
          margin-right: 0; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control.control-series {
        flex-flow: row nowrap; }
        body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control.control-series > *:first-child {
          margin-right: 54px; }
        @media screen and (max-width: 782px) {
          body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control.control-series {
            flex-flow: row wrap; }
            body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control.control-series > * {
              width: 100%; }
            body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control.control-series > *:first-child {
              margin-right: 0;
              margin-bottom: 24px; } }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control.control-upload {
        flex-flow: row wrap;
        align-items: flex-end; }
        body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control.control-upload > *:first-child {
          flex: 1 1 auto;
          margin-right: 14px; }
        body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control.control-upload > *:nth-child(2) {
          margin-top: 8px; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control.control-extend > * {
        width: 100%; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control .sharing-image-editor-control-input {
        display: block;
        position: relative; }
        body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control .sharing-image-editor-control-input input {
          display: block;
          width: calc(100% - 2px); }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control .sharing-image-editor-control-radio {
        display: block;
        position: relative;
        margin-top: 5px; }
        body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control .sharing-image-editor-control-radio span {
          -webkit-user-select: none;
             -moz-user-select: none;
              -ms-user-select: none;
                  user-select: none; }
        body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control .sharing-image-editor-control-radio input {
          margin-right: 8px; }
        @media screen and (max-width: 782px) {
          body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control .sharing-image-editor-control-radio {
            margin-top: 10px; } }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control .sharing-image-editor-control-select {
        display: block;
        position: relative;
        flex: 1 1 100%; }
        body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control .sharing-image-editor-control-select select {
          display: block;
          width: calc(100% - 2px);
          max-width: none; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control .sharing-image-editor-control-checkbox {
        display: flex;
        align-items: center;
        position: relative;
        margin-top: 5px; }
        body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control .sharing-image-editor-control-checkbox span {
          -webkit-user-select: none;
             -moz-user-select: none;
              -ms-user-select: none;
                  user-select: none; }
        body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control .sharing-image-editor-control-checkbox input[type="checkbox"] {
          margin: 0 8px 0 0; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control .sharing-image-editor-control-textarea {
        display: block;
        position: relative; }
        body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control .sharing-image-editor-control-textarea textarea {
          display: block;
          width: calc(100% - 2px);
          min-height: 30px; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control .sharing-image-editor-control-range {
        display: block;
        position: relative;
        width: 100%; }
        body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control .sharing-image-editor-control-range input {
          display: block;
          width: 100%;
          margin: 8px 0; }
        body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control .sharing-image-editor-control-range em {
          display: block;
          cursor: default;
          position: absolute;
          right: 2px;
          top: 0;
          font-size: 10px;
          font-style: normal;
          color: #3582c4; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control .sharing-image-editor-control-media {
        display: flex;
        align-items: center; }
        body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control .sharing-image-editor-control-media a {
          margin-left: 14px; }
        body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control .sharing-image-editor-control-media button {
          margin-bottom: 0; }
        body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control .sharing-image-editor-control-media small {
          margin-top: 10px; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control .sharing-image-editor-control-color {
        display: block;
        position: relative; }
        body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control .sharing-image-editor-control-color input[type="color"] {
          cursor: pointer; }
    body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-designer {
      display: block;
      position: relative;
      width: 100%;
      margin-top: -10px; }
    body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-more {
      display: block;
      cursor: pointer;
      margin: 0;
      padding: 0;
      color: #3582c4;
      background: transparent;
      border: none;
      border-bottom: solid 1px;
      transition: border 0.25s; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-more:focus {
        box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
        outline: 1px solid transparent; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-more:hover {
        border-bottom-color: transparent; }
    body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-delete {
      display: block;
      cursor: pointer;
      margin: 0;
      padding: 0;
      color: #b32d2e;
      background: transparent;
      border: none;
      border-bottom: solid 1px;
      text-decoration: none;
      transition: border 0.25s; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-delete:focus {
        box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
        outline: 1px solid transparent; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-delete:hover {
        border-bottom-color: transparent; }
    body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-order {
      display: block;
      cursor: pointer;
      position: absolute;
      top: 4px;
      right: 4px;
      padding: 4px 4px 2px;
      font-size: 16px;
      color: #aaa;
      background: transparent;
      border: none;
      transition: color 0.25s; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-order::after {
        font-family: dashicons;
        content: "\f342"; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-order:hover {
        color: #777; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-order:focus {
        border-color: #007cba;
        color: #016087;
        outline: none; }
    body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-layer {
      display: block;
      position: relative;
      margin: 0 0 16px;
      padding: 12px 10px 16px;
      background-color: #fff;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
      border: 1px solid #ccd0d4;
      border-radius: 4px; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-layer h2 {
        display: block;
        margin: 0 0 10px;
        padding-right: 20px;
        font-size: 16px;
        font-weight: 600; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-layer h5 {
        display: block;
        margin: 0 10px 24px 0;
        font-size: 13px;
        font-weight: 400; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-layer.layer-up {
        -webkit-animation: 0.5s raise-up;
                animation: 0.5s raise-up; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-layer.layer-blink {
        -webkit-animation: 0.5s blink;
                animation: 0.5s blink; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-layer:first-child .sharing-image-editor-order {
        display: none; }
    body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-monitor {
      display: block;
      flex: 0 0 480px;
      max-width: 100%;
      order: 2; }
      @media screen and (max-width: 1279px) {
        body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-monitor {
          flex: 0 0 400px; } }
    body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-viewport {
      display: block;
      position: -webkit-sticky;
      position: sticky;
      top: 52px;
      width: 100%; }
    body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-loader {
      display: none;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.75); }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-loader::after {
        content: " ";
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 40px;
        height: 40px;
        margin-top: -20px;
        margin-left: -20px;
        border: 6px solid #999;
        border-color: #999 transparent #999 transparent;
        border-radius: 50%;
        -webkit-animation: rotate 1.2s linear infinite;
                animation: rotate 1.2s linear infinite; }
    body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-preview {
      display: block;
      position: relative;
      width: 100%;
      overflow: hidden;
      border-radius: 3px;
      box-shadow: 0 0 3px 0 #777;
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYGWO8d+/efwYkoKioiMRjYGBC4WHhUK6A8T8QIJt8//59ZC493AAAQssKpBK4F5AAAAAASUVORK5CYII="); }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-preview img {
        display: block;
        -o-object-fit: contain;
           object-fit: contain;
        -o-object-position: center;
           object-position: center;
        width: 100%;
        height: auto;
        max-height: 400px; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-preview.preview-blank {
        padding-top: 52.5%; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-preview.preview-loader .sharing-image-editor-loader {
        display: block; }
    body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-warning {
      display: none;
      position: relative;
      margin: 12px 0 -6px;
      padding: 8px 12px;
      background: #fff;
      border: 1px solid #c3c4c7;
      border-left: 4px solid #b32d2e;
      border-radius: 3px;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125); }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-warning.warning-visible {
        display: block; }
    body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-manager {
      display: flex;
      align-items: center;
      flex-flow: row wrap;
      width: 100%;
      margin-top: 16px; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-manager button {
        margin-right: 14px; }
        body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-manager button:last-child {
          margin-right: 0; }
    body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-suspend {
      display: flex;
      align-items: center;
      order: 2;
      margin: 10px 0 10px auto; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-suspend input {
        margin: 0 8px 0 0; }
      @media screen and (max-width: 782px) {
        body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-suspend {
          order: 0;
          width: 100%;
          margin-bottom: 24px; } }
    @media screen and (max-width: 1023px) {
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor {
        flex-flow: row wrap; } }
  body.settings_page_sharing-image #sharing-image-settings .sharing-image-error {
    max-width: 760px;
    margin: 40px auto 20px;
    color: #b32d2e;
    text-align: center; }
  body.settings_page_sharing-image #sharing-image-settings .sharing-image-header {
    display: block;
    order: -2;
    width: 100%;
    background: #fff;
    border-top: 1px solid #dcdcde;
    border-bottom: 1px solid #dcdcde; }
    body.settings_page_sharing-image #sharing-image-settings .sharing-image-header h1 {
      display: block;
      position: relative;
      margin: 0 0 1rem;
      padding: 16px 0 4px 0;
      font-weight: 600;
      font-size: 23px;
      line-height: 1.3;
      text-align: center; }
    body.settings_page_sharing-image #sharing-image-settings .sharing-image-header .sharing-image-menu {
      display: flex;
      justify-content: center;
      margin: 0 auto; }
    body.settings_page_sharing-image #sharing-image-settings .sharing-image-header .sharing-image-tab {
      display: block;
      margin: 0 1rem;
      padding: 0.5rem 1rem 1rem;
      text-decoration: none;
      color: inherit;
      transition: box-shadow .5s ease-in-out; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-header .sharing-image-tab:focus-visible {
        outline: 1px solid #787c82; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-header .sharing-image-tab:focus {
        box-shadow: none; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-header .sharing-image-tab.active {
        box-shadow: inset 0 -3px #3582c4;
        font-weight: 600; }
      @media screen and (max-width: 767px) {
        body.settings_page_sharing-image #sharing-image-settings .sharing-image-header .sharing-image-tab {
          margin: 0 0.5rem;
          padding: 0.5rem 0.5rem 1rem; } }
  body.settings_page_sharing-image #sharing-image-settings .sharing-image-premium {
    display: block;
    width: 800px;
    max-width: 100%;
    padding: 20px; }
    body.settings_page_sharing-image #sharing-image-settings .sharing-image-premium h2 {
      margin: 12px 0; }
    body.settings_page_sharing-image #sharing-image-settings .sharing-image-premium ul {
      margin-left: 40px;
      list-style-type: disc; }
    body.settings_page_sharing-image #sharing-image-settings .sharing-image-premium p {
      margin: 12px 0 0; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-premium p:first-child {
        margin-top: 0; }
    body.settings_page_sharing-image #sharing-image-settings .sharing-image-premium > * {
      margin: 24px 0; }
    body.settings_page_sharing-image #sharing-image-settings .sharing-image-premium .sharing-image-premium-benefits {
      display: block; }
    body.settings_page_sharing-image #sharing-image-settings .sharing-image-premium .sharing-image-premium-gratitude {
      display: none; }
    body.settings_page_sharing-image #sharing-image-settings .sharing-image-premium.premium-enabled .sharing-image-premium-benefits {
      display: none; }
    body.settings_page_sharing-image #sharing-image-settings .sharing-image-premium.premium-enabled .sharing-image-premium-gratitude {
      display: block; }
    body.settings_page_sharing-image #sharing-image-settings .sharing-image-premium .sharing-image-premium-contacts {
      display: block;
      padding-top: 24px;
      border-top: solid 1px #ccc; }
    body.settings_page_sharing-image #sharing-image-settings .sharing-image-premium .sharing-image-premium-access {
      display: block; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-premium .sharing-image-premium-access strong {
        display: block; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-premium .sharing-image-premium-access.access-loader .spinner {
        visibility: visible; }
    body.settings_page_sharing-image #sharing-image-settings .sharing-image-premium .sharing-image-premium-verify {
      display: flex;
      align-items: center;
      margin-top: 8px; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-premium .sharing-image-premium-verify input {
        flex: 1 1 auto;
        max-width: 320px; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-premium .sharing-image-premium-verify button {
        margin-left: 8px;
        margin-bottom: 0; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-premium .sharing-image-premium-verify .spinner {
        margin: 0 0 0 8px; }
    body.settings_page_sharing-image #sharing-image-settings .sharing-image-premium .sharing-image-premium-revoke {
      display: flex;
      flex-flow: row wrap;
      align-items: center;
      margin: 24px 0; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-premium .sharing-image-premium-revoke p {
        width: 100%;
        margin: 0 0 16px; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-premium .sharing-image-premium-revoke button {
        color: #b32d2e;
        border-color: #b32d2e; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-premium .sharing-image-premium-revoke .spinner {
        margin: 0 0 0 8px; }
    body.settings_page_sharing-image #sharing-image-settings .sharing-image-premium .sharing-image-premium-permit {
      display: flex;
      align-items: center;
      margin: 24px 0; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-premium .sharing-image-premium-permit strong {
        display: none;
        margin-left: 16px; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-premium .sharing-image-premium-permit.permit-visible strong {
        display: block; }
    body.settings_page_sharing-image #sharing-image-settings .sharing-image-premium .sharing-image-premium-warning {
      display: none;
      position: relative;
      color: #b32d2e; }
      body.settings_page_sharing-image #sharing-image-settings .sharing-image-premium .sharing-image-premium-warning.warning-visible {
        display: block; }
    body.settings_page_sharing-image #sharing-image-settings .sharing-image-premium ~ #setting-error-sharing-image {
      max-width: 760px; }

```