body {
  --squeeze-primary-color: var(--wp-admin-theme-color, #2271b1);
  --squeeze-secondary-color: #6c757d;
  --squeeze-success-color: #6BCB77;
  --squeeze-warning-color: #FFD93D;
  --squeeze-notice-color: #b6dcfb;
  --squeeze-error-color: #FF6B6B;
  --squeeze-table-color: #F6F7F7;
  --squeeze-box-color: #F9F9F9;
  --squeeze-border-color: #DCDDDF;
  --squeeze-range-color: #EDEEF1;
  --squeeze-text-color: #1d2327;
  --squeeze-text-secondary-color: #6C6C6C;
  --squeeze-light-color: #fff;
  --squeeze-dark-color: #000;
  --squeeze-border-radius: 1rem;
  --squeeze-border-radius-inner: 0.625rem;
  --squeeze-box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.15);
  --squeeze-box-shadow-inner: 0 1px 4px -2px rgba(0, 0, 0, 0.15);
  --squeeze-box-shadow-toggle: 0 0 6px 0 rgba(0, 0, 0, 0.25);
  --squeeze-transition: all 0.3s ease;
  --squeeze-spacing-xl: 2.5rem;
  --squeeze-spacing-l: 1.5rem;
  --squeeze-spacing-m: 1rem;
  --squeeze-spacing-s: 0.5rem;
  --squeeze-spacing-xs: 0.25rem;
  --squeeze-font-size-heading: 1.5em;
  --squeeze-font-size-text-big: 1.125em;
  --squeeze-font-size-text-small: 0.875em;
  --squeeze-icon-size: 1rem;
  --squeeze-toggle-x: 6px;
  --squeeze-range-y: 6px;
}
@keyframes squeeze-fill-chart {
  to {
    stroke-dasharray: 0,1000000;
  }
}
@keyframes squeeze-rotate {
  to {
    transform: rotate(360deg);
  }
}
.compat-item span.squeeze_status {
  text-align: inherit;
}
.squeeze-box {
  background-color: var(--squeeze-box-color);
  border-radius: var(--squeeze-border-radius);
  margin-bottom: var(--squeeze-spacing-l);
  padding: var(--squeeze-spacing-l);
  position: relative;
  box-shadow: var(--squeeze-box-shadow);
  
}
.squeeze-box.squeeze-box--settings {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.squeeze-box--fieldset {
  border-radius: var(--squeeze-border-radius-inner);
  box-shadow: var(--squeeze-box-shadow-inner);
  background-color: var(--squeeze-light-color);
  display: inline-block;
}
.squeeze-box--fieldset .squeeze-box-content {
  gap: var(--squeeze-spacing-m);
}
.squeeze-box-header,
.squeeze-box-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.squeeze-box-header h2,
.squeeze-box-footer h2 {
  margin: 0;
  font-size: var(--squeeze-font-size-heading);
  font-weight: 400;
}
.squeeze-box-header__col,
.squeeze-box-footer__col {
  display: flex;
  gap: var(--squeeze-spacing-m);
  flex-direction: column;
}
.squeeze-box-content {
  display: flex;
  flex-direction: column;
  gap: var(--squeeze-spacing-l);
  flex: 1;
}
.squeeze-box-content__row {
  display: flex;
  gap: var(--squeeze-spacing-l);
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.squeeze-box-content__col {
  display: flex;
  flex-direction: column;
  gap: var(--squeeze-spacing-m);
}
.squeeze-box-content__col--end {
  justify-content: flex-end;
}
.squeeze-box-content__col--start {
  justify-content: flex-start;
  flex: 1;
}
.squeeze-box-content__col--main {
  flex: 2;
}
.squeeze-box-bulk-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(15rem, 1fr));
  grid-gap: var(--squeeze-spacing-xl);
}
@media (max-width: 782px) {
  .squeeze-box-bulk-grid {
    grid-template-columns: 1fr;
  }
}
.squeeze-box-bulk-grid__col {
  display: flex;
  flex-direction: column;
  gap: var(--squeeze-spacing-l);
  position: relative;
}
.squeeze-box-bulk-grid__row {
  display: flex;
  gap: var(--squeeze-spacing-l);
  align-items: center;
  justify-content: space-between;
  grid-column: 1 / -1;
  position: relative;
}
.squeeze-box-bulk-stack {
  display: flex;
  flex-direction: column;
  gap: var(--squeeze-spacing-xl);
}
.squeeze-box-bulk-stack__footer {
  margin-top: var(--squeeze-spacing-s);
  padding: var(--squeeze-spacing-m);
  border: 1px solid var(--squeeze-border-color);
  border-radius: var(--squeeze-border-radius-inner);
  background: var(--squeeze-light-color);
}
.squeeze-box-bulk-workflows {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--squeeze-spacing-xl);
  align-items: stretch;
}
@media (max-width: 782px) {
  .squeeze-box-bulk-workflows {
    grid-template-columns: 1fr;
  }
}
.squeeze-box-bulk-page {
  grid-column: 1 / -1;
}
.squeeze-box-bulk-page .squeeze-box-content__row {
  justify-content: flex-start;
}
.squeeze-box label input {
  margin-top: var(--squeeze-spacing-xs);
}
.squeeze-box .button {
  border-radius: 10rem;
}
.squeeze-box input[type="text"],
.squeeze-box input[type="number"],
.squeeze-box input[type="email"],
.squeeze-box input[type="password"],
.squeeze-box textarea,
.squeeze-box select {
  border: 1px solid var(--squeeze-border-color);
  border-radius: 10rem;
}
.squeeze-box textarea {
  min-height: 5em;
  width: 20em;
  border-radius: var(--squeeze-border-radius-inner);
}
.squeeze-box input[type="range"] {
  background-color: transparent;
  vertical-align: middle;
  accent-color: var(--squeeze-primary-color);
}
.squeeze-box input[type="range"]::-webkit-slider-runnable-track {
  border: 1px solid var(--squeeze-border-color);
  height: var(--squeeze-range-y);
}
.squeeze-box input[type="range"]::-moz-range-track {
  border: 1px solid var(--squeeze-border-color);
  height: var(--squeeze-range-y);
}
.squeeze-box input[type="range"]::-webkit-slider-thumb {
  background: var(--squeeze-primary-color);
  border-radius: 50%;
  margin-top: calc(var(--squeeze-range-y) / -1);
  box-shadow: var(--squeeze-box-shadow-toggle);
}
.squeeze-box input[type="range"]::-moz-range-thumb {
  background: var(--squeeze-primary-color);
  border-radius: 50%;
  margin-top: calc(var(--squeeze-range-y) / -1);
  box-shadow: var(--squeeze-box-shadow-toggle);
}
.squeeze-box input[type="range"]::-moz-range-progress {
  background: var(--squeeze-primary-color);
}
.squeeze-box input[type="range"] + output {
  vertical-align: middle;
  margin-inline-start: 0.5em;
}
.squeeze-box p {
  margin-top: 0;
  margin-bottom: var(--squeeze-spacing-s);
}
.squeeze-box p:last-child {
  margin-bottom: 0;
}
.squeeze-box [name="squeeze_bulk"] .squeeze-icon,
.squeeze-box [name="squeeze_bulk_path_button"] .squeeze-icon {
  fill: var(--squeeze-light-color);
}
.squeeze-box :disabled .squeeze-icon {
  fill: var(--squeeze-border-color) !important;
}
.squeeze-bulk-lede {
  margin-top: 0;
  margin-bottom: var(--squeeze-spacing-m);
  color: var(--squeeze-text-secondary-color);
  font-size: var(--squeeze-font-size-text-big);
}
.squeeze-bulk-section {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  background: var(--squeeze-light-color);
  border: 1px solid var(--squeeze-border-color);
  border-radius: var(--squeeze-border-radius-inner);
  box-shadow: var(--squeeze-box-shadow-inner);
  padding: 0;
  scroll-margin-top: 1rem;
}
.squeeze-bulk-section--library {
  border-left: 4px solid var(--squeeze-primary-color);
}
.squeeze-bulk-section--directory {
  border-left: 4px solid #dba617;
}
.squeeze-bulk-section__head {
  padding: var(--squeeze-spacing-m) var(--squeeze-spacing-l) var(--squeeze-spacing-s);
  border-bottom: 1px solid var(--squeeze-border-color);
}
.squeeze-bulk-section__kicker {
  margin: 0 0 0.25em;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--squeeze-text-secondary-color);
}
.squeeze-bulk-section__head h2 {
  margin: 0;
  font-size: var(--squeeze-font-size-text-big);
  font-weight: 600;
}
.squeeze-bulk-section__meta {
  margin: 0.35em 0 0;
  font-size: var(--squeeze-font-size-text-small);
  color: var(--squeeze-text-secondary-color);
}
.squeeze-bulk-section__body {
  flex: 1;
  padding: var(--squeeze-spacing-m) var(--squeeze-spacing-l);
}
.squeeze-bulk-section__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--squeeze-spacing-m);
  padding: var(--squeeze-spacing-m) var(--squeeze-spacing-l) var(--squeeze-spacing-l);
  border-top: 1px solid var(--squeeze-border-color);
  margin-top: 0;
  justify-content: flex-start;
}
.squeeze-bulk-section__secondary-actions {
  margin-top: var(--squeeze-spacing-m);
}
.squeeze-bulk-paused-banner {
  position: sticky;
  top: var(--squeeze-spacing-s);
  z-index: 2;
  margin: 0 var(--squeeze-spacing-l) var(--squeeze-spacing-m);
}
.squeeze-bulk-paused-banner[hidden] {
  display: none !important;
}
.squeeze-bulk-media-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--squeeze-spacing-l);
  justify-content: flex-start;
}
.squeeze-bulk-media-actions__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--squeeze-spacing-s);
  max-width: 28rem;
}
.squeeze-bulk-media-actions__item[hidden] {
  display: none !important;
}
.squeeze-bulk-field {
  margin-top: var(--squeeze-spacing-m);
}
.squeeze-bulk-field-label {
  display: block;
  font-weight: 600;
  font-size: var(--squeeze-font-size-text-small);
  margin-bottom: 0.25em;
}
.squeeze-bulk-field-hint {
  margin: 0 0 var(--squeeze-spacing-s);
  font-size: var(--squeeze-font-size-text-small);
  color: var(--squeeze-text-secondary-color);
  max-width: 60ch;
}
.squeeze-bulk-field-hint--tight {
  margin-top: var(--squeeze-spacing-s);
}
.squeeze-bulk-media-stats {
  display: flex;
  gap: var(--squeeze-spacing-m);
  align-items: center;
}
.squeeze-bulk-media-stats--linear {
  flex-direction: column;
  align-items: stretch;
  width: 100%;
}
.squeeze-bulk-media-stats-linear-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--squeeze-spacing-s) var(--squeeze-spacing-m);
  margin-bottom: var(--squeeze-spacing-s);
}
.squeeze-bulk-media-stats-hint {
  margin: var(--squeeze-spacing-m) 0 0;
  font-size: var(--squeeze-font-size-text-small);
  color: var(--squeeze-text-secondary-color);
}
.squeeze-bulk-media-stats-legend {
  display: flex;
  flex-wrap: wrap;
  gap: var(--squeeze-spacing-s) var(--squeeze-spacing-l);
  margin-top: var(--squeeze-spacing-s);
  padding-top: var(--squeeze-spacing-s);
  border-top: 1px solid var(--squeeze-border-color);
  font-size: var(--squeeze-font-size-text-small);
}
.squeeze-bulk-media-stats-legend-item {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
}
.squeeze-bulk-media-stats-legend-swatch {
  width: 12px;
  height: 12px;
  border-radius: 2px;
  flex-shrink: 0;
}
.squeeze-bulk-media-stats-legend-swatch--done {
  background: var(--squeeze-success-color);
}
.squeeze-bulk-media-stats-legend-swatch--rest {
  background: var(--squeeze-error-color);
}
.squeeze-bulk-media-stats-item {
  display: flex;
  gap: var(--squeeze-spacing-s);
  flex-direction: column;
}
.squeeze-bulk-media-stats-item--inline {
  flex-direction: row;
  align-items: baseline;
  gap: 0.5em;
}
.squeeze-bulk-media-stats-item-value {
  font-size: var(--squeeze-font-size-text-big);
  font-weight: 700;
}
.squeeze-bulk-media-stats-item-label .squeeze-icon {
  animation: squeeze-rotate 1s linear infinite;
}
.squeeze-bulk-media-stats-chart {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  --squeeze-chart-width: 10;
}
.squeeze-bulk-media-stats-chart-total {
  stroke: var(--squeeze-error-color);
  stroke-width: var(--squeeze-chart-width);
}
.squeeze-bulk-media-stats-chart-squeezed {
  stroke: var(--squeeze-success-color);
  stroke-width: calc(var(--squeeze-chart-width) + 2);
  stroke-linecap: round;
  stroke-dasharray: var(--squeeze-dasharray, 0), 565.49;
  transform: rotate(-90deg);
  transform-origin: center;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3)) drop-shadow(0 1px 3px rgba(0, 0, 0, 0.15));
  animation: squeeze-fill-chart 2s 500ms reverse;
  transition: stroke-dasharray 500ms linear;
}
.squeeze-bulk-media-stats-chart-value {
  font-size: var(--squeeze-font-size-heading);
  font-weight: bold;
}
.squeeze-bulk-media-stats-chart--linear {
  width: 100%;
  display: block;
}
.squeeze-bulk-media-stats-chart-track {
  height: 12px;
  border-radius: 999px;
  background: var(--squeeze-error-color);
  overflow: hidden;
}
.squeeze-bulk-media-stats-chart-fill {
  height: 100%;
  width: calc(var(--squeeze-progress-pct, 0) * 1%);
  background: var(--squeeze-success-color);
  border-radius: 999px 0 0 999px;
  transition: width 500ms linear;
}
.squeeze-bulk-media-actions {
  display: flex;
  gap: var(--squeeze-spacing-m);
  flex-wrap: wrap;
  justify-content: center;
}
.squeeze-bulk-media-stats-chart-value--linear {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.35em 0.75em;
}
.squeeze-bulk-media-stats-chart-pct {
  font-size: var(--squeeze-font-size-heading);
  font-weight: 700;
  line-height: 1.2;
}
.squeeze-bulk-media-stats-chart-pct-label {
  font-size: 0.75rem;
  color: var(--squeeze-text-secondary-color);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.squeeze-icon {
  width: 1rem;
  height: 1rem;
  fill: var(--squeeze-primary-color);
  vertical-align: text-bottom;
  margin-inline-end: 0.25rem;
}
.squeeze-hint {
  font-size: var(--squeeze-font-size-text-small);
  color: var(--squeeze-text-secondary-color);
  display: block;
  margin-top: 1em;
}
.squeeze-banner {
  background-color: var(--squeeze-secondary-color);
  color: var(--squeeze-dark-color);
  padding: var(--squeeze-spacing-m);
  border-radius: var(--squeeze-border-radius-inner);
  display: flex;
  justify-content: space-between;
  margin-block-end: var(--squeeze-spacing-m);
}
.squeeze-banner.squeeze-banner--warning {
  background-color: var(--squeeze-warning-color);
}
.squeeze-banner.squeeze-banner--notice {
  background-color: var(--squeeze-notice-color);
}
.squeeze-banner__content p {
  font-size: var(--squeeze-font-size-text-big);
}
.squeeze-banner__content ul {
  margin: 0.5em 0 0;
  padding-left: 1.2em;
  font-size: var(--squeeze-font-size-text-big);
}
.squeeze-banner__title {
  font-weight: 600;
  margin: 0 0 0.35em;
  font-size: var(--squeeze-font-size-text-big);
}
.squeeze-banner .squeeze-icon {
  fill: var(--squeeze-text-color);
  height: var(--squeeze-icon-size);
  width: var(--squeeze-icon-size);
  min-width: var(--squeeze-icon-size);
  margin: 0;
  order: 10;
}
#squeeze_bulk_log {
  height: 15rem;
  overflow: auto;
  background-color: var(--squeeze-table-color);
  align-content: center;
}
#squeeze_bulk_log:has(#squeeze-log-data > *:nth-child(4)) {
  height: 45rem;
}
#squeeze_bulk_log * {
  overflow-anchor: none;
}
#squeeze-anchor {
  overflow-anchor: auto;
  height: 1px;
}
.squeeze-log-placeholder {
  font-family: monospace;
  color: var(--squeeze-text-secondary-color);
  font-size: var(--squeeze-font-size-heading);
  text-align: center;
}
.squeeze-log-placeholder + * {
  margin-top: var(--squeeze-spacing-m);
}
input[type="checkbox"].squeeze-ios8-switch {
  position: absolute;
  opacity: 0;
  margin: var(--squeeze-toggle-x) 0 0 calc(var(--squeeze-toggle-x) * 2);
}
input[type="checkbox"].squeeze-ios8-switch + label {
  position: relative;
  padding: 0 0 0 calc(var(--squeeze-toggle-x) * 6);
  line-height: calc(var(--squeeze-toggle-x)*3 + 2px);
}
input[type="checkbox"].squeeze-ios8-switch + label:before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: calc(var(--squeeze-toggle-x) * 5);
  /* x*5 */
  height: calc(var(--squeeze-toggle-x) * 3);
  /* x*3 */
  border-radius: calc(var(--squeeze-toggle-x) * 2);
  /* x*2 */
  background: var(--squeeze-table-color);
  border: 1px solid var(--squeeze-border-color);
  transition: all 0.3s;
}
input[type="checkbox"].squeeze-ios8-switch + label:after {
  content: "";
  position: absolute;
  display: block;
  left: 0px;
  top: 0px;
  width: calc(var(--squeeze-toggle-x) * 3);
  /* x*3 */
  height: calc(var(--squeeze-toggle-x) * 3);
  /* x*3 */
  border-radius: calc(var(--squeeze-toggle-x) * 2);
  /* x*2 */
  background: var(--squeeze-light-color);
  border: 1px solid var(--squeeze-border-color);
  transition: all 0.3s;
}
input[type="checkbox"].squeeze-ios8-switch + label:hover:after {
  box-shadow: var(--squeeze-box-shadow-toggle);
}
input[type="checkbox"].squeeze-ios8-switch:checked + label:after {
  margin-left: calc(var(--squeeze-toggle-x) * 2);
}
input[type="checkbox"].squeeze-ios8-switch:checked + label:before {
  background: var(--squeeze-primary-color);
}
input[type="checkbox"].squeeze-ios8-switch:focus-visible + label:after {
  box-shadow: var(--squeeze-box-shadow-toggle);
}
input[type="checkbox"].squeeze-ios8-switch:disabled + label:before,
input[type="checkbox"].squeeze-ios8-switch:disabled + label:after {
  opacity: 0.5;
}
.squeeze-suboption {
  position: relative;
}
.squeeze-setting-units {
  margin-inline-start: 0.5em;
}
.squeeze-settings-example {
  max-width: fit-content;
  display: inline-block;
  margin-inline-start: var(--squeeze-spacing-m);
  /*opacity: 0.5;

    &.enabled {
        opacity: 1;
    }*/
}
.squeeze-settings-example.squeeze-settings-example--webp_replace_urls {
  display: block;
  margin-inline-start: 0;
  margin-top: var(--squeeze-spacing-m);
}
.squeeze-settings-example .squeeze-box--fieldset {
  display: flex;
  gap: var(--squeeze-spacing-m);
}
.squeeze-settings-example .squeeze-box--fieldset .squeeze-box-content {
  gap: var(--squeeze-spacing-s);
}
.squeeze-settings-example .squeeze-box--fieldset .squeeze-box-content p {
  display: flex;
  justify-content: space-between;
  gap: var(--squeeze-spacing-m);
}
.squeeze-settings-example .squeeze-box--fieldset .squeeze-box-content .striked {
  text-decoration: line-through;
  color: var(--squeeze-error-color);
}
.squeeze-settings-example .squeeze-box--fieldset .squeeze-box-content .greened {
  color: var(--squeeze-success-color);
}
.squeeze-settings-example .squeeze-box--fieldset .squeeze-box-content img {
  max-width: 100%;
  height: auto;
}
.squeeze-settings-example .squeeze-hint {
  margin-top: 0;
  margin-bottom: 0.5em;
}
.form-table tr.squeeze_setting_restore_defaults {
  display: none;
}
.form-table tr:has(.squeeze-hidden) {
  display: none;
}
.form-table tr.squeeze-legacy-option {
  opacity: 0.5;
}
.form-table tr.squeeze-legacy-option:hover {
  opacity: 1;
}
body.settings_page_squeeze #wpbody-content {
  padding-bottom: 72px;
}
body.settings_page_squeeze .squeeze-settings-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
  gap: var(--squeeze-spacing-l);
  align-items: start;
  max-width: 1100px;
}
@media (max-width: 960px) {
  body.settings_page_squeeze .squeeze-settings-layout {
    grid-template-columns: 1fr;
  }
}
body.settings_page_squeeze .squeeze-card {
  background-color: var(--squeeze-box-color);
  border: 1px solid var(--squeeze-border-color);
  border-radius: var(--squeeze-border-radius-inner);
  box-shadow: var(--squeeze-box-shadow);
  margin-bottom: var(--squeeze-spacing-m);
  overflow: hidden;
}
body.settings_page_squeeze .squeeze-card-header {
  padding: var(--squeeze-spacing-m) var(--squeeze-spacing-l);
  border-bottom: 1px solid var(--squeeze-border-color);
}
body.settings_page_squeeze .squeeze-card-title {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
}
body.settings_page_squeeze .squeeze-card-desc {
  margin: 6px 0 0;
  font-size: 13px;
  color: var(--squeeze-text-secondary-color);
}
body.settings_page_squeeze .squeeze-card--aside .squeeze-card-body {
  padding: var(--squeeze-spacing-m) var(--squeeze-spacing-l);
  font-size: 13px;
  color: var(--squeeze-text-secondary-color);
}
body.settings_page_squeeze .squeeze-card--aside .squeeze-card-body p {
  margin-top: 0;
}
body.settings_page_squeeze .squeeze-aside-list {
  margin: 8px 0 0;
  padding-inline-start: 18px;
}
body.settings_page_squeeze .squeeze-form-table--card.form-table th {
  width: 200px;
  vertical-align: top;
  padding-inline-start: var(--squeeze-spacing-l);
}
body.settings_page_squeeze .squeeze-webp-delivery-fullwidth {
  width: 100%;
  box-sizing: border-box;
  padding: 0 var(--squeeze-spacing-l) var(--squeeze-spacing-m);
}
body.settings_page_squeeze .squeeze-form-table--hidden {
  display: none !important;
}
body.settings_page_squeeze .squeeze-webp-modes {
  display: flex;
  flex-direction: column;
  gap: var(--squeeze-spacing-s);
  border: none;
  margin: 0;
  padding: 0;
}
body.settings_page_squeeze .squeeze-webp-modes > .squeeze-webp-mode-card {
  max-width: 28rem;
}
body.settings_page_squeeze .squeeze-webp-advanced {
  margin: 0;
  border: 1px solid var(--squeeze-border-color);
  border-radius: var(--squeeze-border-radius-inner);
  background: #fafafa;
}
body.settings_page_squeeze .squeeze-webp-advanced-summary {
  cursor: pointer;
  padding: 10px 12px;
  color: var(--squeeze-text-color);
  font-size: 13px;
  font-weight: 600;
  list-style: none;
}
body.settings_page_squeeze .squeeze-webp-advanced-summary::-webkit-details-marker {
  display: none;
}
body.settings_page_squeeze .squeeze-webp-advanced-summary::before {
  content: "▸";
  display: inline-block;
  margin-right: 6px;
  color: var(--squeeze-primary-color);
  transition: transform 0.15s ease;
}
body.settings_page_squeeze .squeeze-webp-advanced[open] > .squeeze-webp-advanced-summary::before {
  transform: rotate(90deg);
}
body.settings_page_squeeze .squeeze-webp-advanced[open] > .squeeze-webp-advanced-summary {
  border-bottom: 1px solid var(--squeeze-border-color);
}
body.settings_page_squeeze .squeeze-webp-advanced-body {
  padding: var(--squeeze-spacing-s) var(--squeeze-spacing-m) var(--squeeze-spacing-m);
}
body.settings_page_squeeze .squeeze-webp-advanced-intro {
  margin: 0 0 var(--squeeze-spacing-s);
  font-size: 13px;
  color: var(--squeeze-text-secondary-color);
}
body.settings_page_squeeze .squeeze-webp-advanced-modes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--squeeze-spacing-s);
}
@media (max-width: 782px) {
  body.settings_page_squeeze .squeeze-webp-advanced-modes {
    grid-template-columns: 1fr;
  }
}
body.settings_page_squeeze .squeeze-webp-mode-card {
  position: relative;
  border: 2px solid var(--squeeze-border-color);
  border-radius: var(--squeeze-border-radius-inner);
  padding: var(--squeeze-spacing-m);
  cursor: pointer;
  display: block;
  background: var(--squeeze-light-color);
}
body.settings_page_squeeze .squeeze-webp-mode-card.is-selected {
  border-color: var(--squeeze-primary-color);
  background: var(--squeeze-table-color);
}
body.settings_page_squeeze .squeeze-webp-mode-input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
body.settings_page_squeeze .squeeze-webp-mode-badge {
  display: inline-block;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: var(--squeeze-primary-color);
  font-weight: 600;
}
body.settings_page_squeeze .squeeze-webp-mode-title {
  display: block;
  font-weight: 600;
  margin: 4px 0 6px;
  font-size: 14px;
}
body.settings_page_squeeze .squeeze-webp-mode-desc {
  display: block;
  font-size: 12px;
  color: var(--squeeze-text-secondary-color);
  line-height: 1.45;
}
body.settings_page_squeeze .squeeze-webp-code-sample {
  margin: 0;
  padding: 12px;
  overflow: auto;
  font-size: 12px;
  line-height: 1.45;
  background: #fff;
  border: 1px solid var(--squeeze-border-color);
  border-radius: var(--squeeze-border-radius-inner);
}
body.settings_page_squeeze .squeeze-webp-code-sample .squeeze-webp-pre-heading {
  display: block;
  margin: 12px 0 4px;
  font: 600 11px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--squeeze-primary-color);
}
body.settings_page_squeeze .squeeze-webp-code-sample .squeeze-webp-pre-callout {
  display: block;
  margin: 0 0 8px;
  padding: 0;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
  color: var(--squeeze-text-color);
}
body.settings_page_squeeze .squeeze-webp-code-sample .squeeze-webp-size {
  display: inline-block;
  margin-left: 6px;
  padding: 2px 8px;
  border-radius: 4px;
  font-weight: 700;
  font-size: 11px;
  line-height: 1.3;
  vertical-align: baseline;
  white-space: nowrap;
}
body.settings_page_squeeze .squeeze-webp-code-sample .squeeze-webp-size--before {
  background: #eceff1;
  color: #37474f;
  border: 1px solid #cfd8dc;
}
body.settings_page_squeeze .squeeze-webp-code-sample .squeeze-webp-size--after {
  background: #e8f5e9;
  color: #1b5e20;
  border: 1px solid #81c784;
}
body.settings_page_squeeze .squeeze-webp-code-sample .squeeze-webp-pre-note {
  font-size: 11px;
  font-weight: 500;
  color: var(--squeeze-text-secondary-color);
}
body.settings_page_squeeze .squeeze-offload-sidecar-warning,
body.settings_page_squeeze .squeeze-offload-htaccess-warning {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin-top: var(--squeeze-spacing-s);
  padding: 12px 14px;
  background: #fff8e1;
  border: 1px solid #ffe082;
  border-radius: var(--squeeze-border-radius-inner);
  font-size: 13px;
  line-height: 1.5;
}
body.settings_page_squeeze .squeeze-offload-sidecar-warning.squeeze-notice--hidden,
body.settings_page_squeeze .squeeze-offload-htaccess-warning.squeeze-notice--hidden {
  display: none;
}
body.settings_page_squeeze .squeeze-offload-sidecar-warning .squeeze-notice-icon,
body.settings_page_squeeze .squeeze-offload-htaccess-warning .squeeze-notice-icon {
  flex-shrink: 0;
  font-size: 18px;
  line-height: 1;
}
body.settings_page_squeeze .squeeze-offload-sidecar-warning .squeeze-notice-body,
body.settings_page_squeeze .squeeze-offload-htaccess-warning .squeeze-notice-body {
  flex: 1;
}
body.settings_page_squeeze .squeeze-offload-sidecar-warning .squeeze-notice-body strong,
body.settings_page_squeeze .squeeze-offload-htaccess-warning .squeeze-notice-body strong {
  display: block;
  margin-bottom: 4px;
  font-size: 13px;
}
body.settings_page_squeeze .squeeze-offload-sidecar-warning .squeeze-notice-body p,
body.settings_page_squeeze .squeeze-offload-htaccess-warning .squeeze-notice-body p {
  margin: 4px 0 0;
  color: var(--squeeze-text-color);
}
body.settings_page_squeeze .squeeze-webp-example {
  margin-top: var(--squeeze-spacing-s);
  border: 1px solid var(--squeeze-border-color);
  border-radius: var(--squeeze-border-radius-inner);
  background: #fafafa;
}
body.settings_page_squeeze .squeeze-webp-example > summary {
  cursor: pointer;
  padding: 8px 12px;
  color: var(--squeeze-primary-color);
  font-size: 13px;
  list-style: none;
}
body.settings_page_squeeze .squeeze-webp-example > summary::-webkit-details-marker {
  display: none;
}
body.settings_page_squeeze .squeeze-webp-example[open] > summary {
  border-bottom: 1px solid var(--squeeze-border-color);
}
body.settings_page_squeeze .squeeze-thumb-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: var(--squeeze-spacing-s);
}
body.settings_page_squeeze .squeeze-thumb-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 6px 10px;
  max-height: 220px;
  overflow-y: auto;
}
body.settings_page_squeeze .squeeze-format-chips .squeeze-box-content {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
body.settings_page_squeeze .squeeze-format-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
body.settings_page_squeeze .squeeze-settings-submit {
  position: fixed;
  bottom: 0;
  left: 160px;
  right: 0;
  margin: 0 !important;
  padding: 12px 24px !important;
  background: var(--squeeze-light-color);
  border-top: 1px solid var(--squeeze-border-color);
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.06);
  z-index: 100;
}
@media (max-width: 782px) {
  body.settings_page_squeeze .squeeze-settings-submit {
    left: 0;
  }
}
body.folded.settings_page_squeeze .squeeze-settings-submit {
  left: 36px;
}
@media (max-width: 782px) {
  body.folded.settings_page_squeeze .squeeze-settings-submit {
    left: 0;
  }
}
.js .squeeze-single-file-upload-notice:has(+ .html-uploader) {
  display: block;
}
#squeeze-path-dialog {
  padding: var(--squeeze-spacing-l);
  border: none;
  border-radius: var(--squeeze-border-radius);
  width: 25rem;
  max-width: 100%;
  box-shadow: var(--squeeze-box-shadow);
  overflow: hidden;
}
#squeeze-path-dialog .squeeze-box-header {
  padding-bottom: var(--squeeze-spacing-m);
}
#squeeze-path-dialog [name="squeeze_close_path_dialog_button"] .squeeze-icon {
  fill: var(--squeeze-text-color);
  margin: 0;
}
#squeeze-path-dialog [name="squeeze_save_path_button"] {
  width: 100%;
}
#squeeze-bulk-directory-list {
  max-height: 60vh;
  overflow: auto;
  padding: var(--squeeze-spacing-m) 0;
}
#squeeze-bulk-directory-list .squeeze-icon {
  animation: squeeze-rotate 1s linear infinite;
}
.directory-item {
  display: flex;
  align-items: flex-start;
  gap: var(--squeeze-spacing-s);
  flex-direction: column;
}
.directory-item .directory-item__inner {
  display: flex;
  align-items: center;
  gap: var(--squeeze-spacing-s);
}
.directory-item .directory-item__inner > label {
  padding-left: var(--squeeze-spacing-l);
  background-image: url(../images/computer-folder-close-icon.svg);
  background-position: left 0.15rem center;
  background-repeat: no-repeat;
  background-size: var(--squeeze-spacing-m);
}
.directory-item.loading {
  opacity: 0.5;
}
.directory-item > .directory-item {
  padding-left: var(--squeeze-spacing-m);
}
.directory-item:not(.opened) > .directory-item {
  display: none;
}
.directory-item.opened > .directory-item__inner > label {
  background-image: url(../images/computer-folder-open-icon.svg);
}
.directory-item label {
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 0.3em;
  text-decoration-style: dashed;
}
.directory-item label:hover {
  color: var(--squeeze-primary-color);
}
.directory-item input[type="checkbox"],
.directory-item input[type="radio"] {
  margin: 0;
}
[name="squeeze_select_path_button"] {
  align-self: flex-start;
}
[name="squeeze_bulk_path_button"] {
  align-self: center;
}
.squeeze-path-list {
  display: flex;
  flex-direction: column;
  gap: var(--squeeze-spacing-s);
}
.squeeze-path-list input[type="text"].squeeze-path-list__input {
  min-width: 15rem;
  flex: 1 1 auto;
  font-family: monospace;
  border: 0;
  border-radius: var(--squeeze-border-radius-inner);
  border: 1px solid var(--squeeze-border-color);
  padding: var(--squeeze-spacing-xs) var(--squeeze-spacing-s);
}
.squeeze-path-list__item {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--squeeze-spacing-s);
}
.squeeze-path-list__remove {
  flex-shrink: 0;
  cursor: pointer;
}
.squeeze-path-list__remove:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.squeeze-path-list__remove.button {
  padding: 0.25em 0.75em;
  height: auto;
  width: auto;
  line-height: 1.4;
  border-radius: var(--squeeze-border-radius-inner);
  font-size: var(--squeeze-font-size-text-small);
}
.squeeze-path-list__remove:not(.button) {
  background: none;
  border: 0;
  padding: 0;
  width: 1.5rem;
  height: 1.5rem;
}
.squeeze-path-list__remove:not(.button):hover {
  color: var(--squeeze-error-color);
}
.squeeze-path-list__remove:not(.button) .squeeze-icon {
  width: var(--squeeze-icon-size);
  height: var(--squeeze-icon-size);
  fill: currentColor;
}
.media-log-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--squeeze-spacing-m);
  padding: var(--squeeze-spacing-m);
  border-radius: var(--squeeze-border-radius-inner);
  background-color: var(--squeeze-light-color);
  position: relative;
}
.media-log-wrapper h3 {
  margin: 0;
  display: flex;
  gap: var(--squeeze-spacing-s);
  align-items: center;
  position: relative;
  z-index: 1;
}
.media-log-wrapper h3 .squeeze-icon {
  margin: 0;
  width: var(--squeeze-icon-size);
  height: var(--squeeze-icon-size);
}
.media-log-wrapper .button-link {
  align-self: flex-start;
}
.media-log-wrapper .squeeze-comparison-table {
  display: none;
}
.media-log-wrapper .squeeze-comparison-table.show {
  display: block;
}
.media-log-wrapper table.widefat {
  border: 0;
  border-top: 1px solid var(--squeeze-border-color);
  border-bottom: 1px solid var(--squeeze-border-color);
}
.media-log-process {
  display: flex;
  gap: var(--squeeze-spacing-xl);
  position: relative;
  padding-inline-start: var(--squeeze-spacing-xl);
  width: fit-content;
}
.media-log-process::before {
  content: "";
  position: absolute;
  top: 0.5rem;
  left: 0.75rem;
  right: 0;
  translate: 0 -100%;
  height: calc(0.75em + 0.75rem + var(--squeeze-spacing-m));
  border-left: 1px solid var(--squeeze-border-color);
  border-bottom: 1px solid var(--squeeze-border-color);
  border-bottom-left-radius: var(--squeeze-border-radius);
  transition: var(--squeeze-transition);
}
.media-log-process::after {
  content: "";
  position: absolute;
  top: 0.5rem;
  right: 0;
  width: 0.5rem;
  height: 0.5rem;
  border: 1px solid var(--squeeze-border-color);
  border-radius: 50%;
  translate: 100% -50%;
}
.media-log-step {
  display: flex;
  flex-direction: column;
  gap: var(--squeeze-spacing-s);
  align-items: center;
  position: relative;
  max-width: 20em;
}
.media-log-step .squeeze-icon {
  fill: var(--squeeze-primary-color);
  margin: 0;
  animation: squeeze-bulk-loading 2s linear infinite;
}
.media-log-step .squeeze-icon.image-file-icon {
  rotate: 45deg;
}
.media-log-step .squeeze-icon.check-mark-circle-icon {
  fill: var(--squeeze-success-color);
}
.media-log-step .squeeze-icon.ban-sign-icon {
  fill: var(--squeeze-error-color);
}
.media-log-step span {
  font-size: var(--squeeze-font-size-text-big);
  color: var(--squeeze-text-secondary-color);
}
.media-log-wrapper--done .media-log-step .squeeze-icon {
  animation: none;
}
.media-log-step--warning .squeeze-icon {
  fill: var(--squeeze-error-color);
  animation: none;
}
.media-log-step--warning span {
  color: var(--squeeze-error-color);
  font-weight: 600;
}
.media-log-wrapper--warning {
  border-left: 3px solid var(--squeeze-error-color);
}
.media-log-thumbnail {
  position: absolute;
  right: var(--squeeze-spacing-m);
  bottom: var(--squeeze-spacing-m);
  top: var(--squeeze-spacing-m);
  max-height: 85px;
}
.media-log-thumbnail img {
  height: 100%;
  width: auto;
}
#squeeze-log-data {
  display: flex;
  flex-direction: column;
  gap: var(--squeeze-spacing-m);
}
.squeeze-comparison-table table tr {
  display: table-row;
}
.squeeze-savings-label {
  color: var(--squeeze-light-color);
  padding: var(--squeeze-spacing-xs) var(--squeeze-spacing-s);
  border-radius: 0.25rem;
  position: relative;
  white-space: nowrap;
}
.squeeze-savings-label.squeeze-savings-positive {
  background-color: var(--squeeze-success-color);
}
.squeeze-savings-label.squeeze-savings-positive::after {
  content: "\25bc";
  position: relative;
  margin-inline-start: 0.5em;
}
.squeeze-savings-label.squeeze-savings-negative {
  background-color: var(--squeeze-error-color);
}
.squeeze-savings-label.squeeze-savings-negative::after {
  content: "\25b2";
  position: relative;
  margin-inline-start: 0.5em;
}

.squeeze-upgrade-features {
  display: flex;
  gap: var(--squeeze-spacing-m);
  max-width: 65rem;
}
.squeeze-upgrade-features > * {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--squeeze-spacing-s);
  align-items: center;
  padding: var(--squeeze-spacing-m);
}
.squeeze-upgrade-features > * img {
  height: 4em;
  width: auto;
}
body.settings_page_squeeze-account .nav-tab[href*="#squeeze_account"] {
  display: none !important;
}
body.media_page_squeeze-bulk .wrap .nav-tab-wrapper {
  display: none !important;
}
.squeeze-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.squeeze-popup-message {
  border: none;
  overflow: visible;
  margin: auto;
  text-align: center;
}
.squeeze-popup-message > p:last-child {
  margin-bottom: 0;
}
.squeeze-popup-message > .squeeze-icon {
  display: block;
  margin: 0 auto var(--squeeze-spacing-m) auto;
  width: 2rem;
  height: 2rem;
}
.squeeze-popup-success > .squeeze-icon {
  fill: var(--squeeze-success-color);
}
.squeeze-popup-error > .squeeze-icon {
  fill: var(--squeeze-error-color);
}
.squeeze-popup-info > .squeeze-icon {
  fill: var(--squeeze-notice-color);
}
.squeeze-popup-close-btn {
  position: absolute;
  top: 0;
  right: 0;
  translate: 100% -50%;
  border: 0;
  padding: 0;
  width: 2rem;
  height: 2rem;
  background: none;
  cursor: pointer;
}
.squeeze-popup-close-btn .squeeze-icon {
  margin-inline-end: 0;
}
.squeeze-loading-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
  font-size: 1em;
  user-select: none;
}
.squeeze-loading-wrap .squeeze-loading-icon {
  animation: squeeze-loading-animation 2s infinite ease-in-out;
  transform-origin: center;
}
@keyframes squeeze-loading-animation {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes squeeze-bulk-loading {
  0%,
  22% {
    transform: scale(1);
  }
  32% {
    transform: scaleX(0.55) scaleY(1.35);
  }
  42% {
    transform: scaleX(0.7) scaleY(1.2);
  }
  60%,
  100% {
    transform: scale(1);
  }
}
/* Accessibility */
@media (prefers-reduced-motion: reduce) {
  .squeeze-loading-wrap *,
  .squeeze-restore-loading-wrap *,
  .media-log-step .squeeze-icon {
    animation: none;
  }
}
/*# sourceMappingURL=admin.css.map */