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; }