/* Metadancer Images customer design system. The shared client enables
   data-liquid-glass for signed-in and signed-out visitors before first paint. */
html[data-liquid-glass="true"] {
  --liquid-cyan: #58e7f2;
  --liquid-magenta: #ed5bca;
  --liquid-orange: #ff8a3d;
  --liquid-coral: #ff6247;
  --liquid-ink: rgba(255,255,255,.96);
  --liquid-edge: rgba(255,255,255,.72);
  --liquid-surface: rgba(255,255,255,.54);
  --liquid-surface-strong: rgba(255,255,255,.7);
  --liquid-shadow: 0 12px 34px rgba(77,37,64,.16), inset 0 1px 0 rgba(255,255,255,.82), inset 0 -1px 0 rgba(255,98,71,.12);
  --liquid-shadow-hover: 0 16px 40px rgba(83,38,78,.22), 0 0 0 1px rgba(88,231,242,.2), inset 0 1px 0 rgba(255,255,255,.92);
}

html[data-liquid-glass="true"][data-theme="dark"] {
  --liquid-edge: rgba(255,255,255,.32);
  --liquid-surface: rgba(28,24,31,.56);
  --liquid-surface-strong: rgba(35,29,38,.74);
  --liquid-shadow: 0 14px 38px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.2), inset 0 -1px 0 rgba(237,91,202,.12);
  --liquid-shadow-hover: 0 18px 45px rgba(0,0,0,.44), 0 0 0 1px rgba(88,231,242,.24), inset 0 1px 0 rgba(255,255,255,.3);
}

html[data-liquid-glass="true"] body {
  background-image:
    radial-gradient(circle at 8% 4%, color-mix(in srgb, var(--liquid-cyan) 10%, transparent) 0, transparent 30rem),
    radial-gradient(circle at 92% 24%, color-mix(in srgb, var(--liquid-magenta) 9%, transparent) 0, transparent 34rem),
    radial-gradient(circle at 38% 94%, color-mix(in srgb, var(--liquid-orange) 8%, transparent) 0, transparent 32rem);
  background-attachment: fixed;
}

/* Structural glass: intentionally limited to controls and utility panels so
   catalogue photography remains clean and visually dominant. */
html[data-liquid-glass="true"] :is(.site-header,.filter-panel,.conversational-search,.home-search,.preview-details,.same-session-strip,.account-shell > section,.lightbox-panel,.lightbox-card,.basket-billing,.license-picker,#shareDialog,.email-share-fields) {
  border-color: color-mix(in srgb, var(--liquid-edge) 70%, var(--liquid-coral)) !important;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--liquid-cyan) 11%, transparent), transparent 32%, color-mix(in srgb, var(--liquid-magenta) 8%, transparent) 68%, color-mix(in srgb, var(--liquid-orange) 10%, transparent)),
    var(--liquid-surface) !important;
  box-shadow: var(--liquid-shadow);
  -webkit-backdrop-filter: saturate(155%) blur(18px);
  backdrop-filter: saturate(155%) blur(18px);
}

html[data-liquid-glass="true"] :is(.conversational-search,.home-search,.account-shell > section,.lightbox-panel,.basket-billing,.license-picker,#shareDialog) {
  border-radius: 18px;
}

html[data-liquid-glass="true"] .site-header {
  border-bottom-width: 1px;
  background-color: color-mix(in srgb, var(--liquid-surface-strong) 82%, transparent) !important;
}

html[data-liquid-glass="true"] .home-search {
  overflow: hidden;
  box-shadow: 0 22px 54px rgba(64,31,61,.25), inset 0 1px 0 rgba(255,255,255,.88);
}

html[data-liquid-glass="true"] .preview-dialog {
  border: 1px solid color-mix(in srgb, var(--liquid-edge) 65%, var(--liquid-magenta));
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 34px 100px rgba(24,14,25,.42), 0 0 0 1px rgba(88,231,242,.15);
}

html[data-liquid-glass="true"] .preview-dialog::backdrop {
  background: rgba(18,13,20,.56);
  -webkit-backdrop-filter: saturate(130%) blur(10px);
  backdrop-filter: saturate(130%) blur(10px);
}

html[data-liquid-glass="true"] :is(input,textarea,select,.search-form) {
  border-color: color-mix(in srgb, var(--liquid-edge) 58%, var(--control-border)) !important;
  background: color-mix(in srgb, var(--liquid-surface-strong) 82%, transparent) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.46), 0 5px 16px rgba(54,35,52,.07);
  -webkit-backdrop-filter: saturate(140%) blur(12px);
  backdrop-filter: saturate(140%) blur(12px);
}

html[data-liquid-glass="true"] :is(input,textarea,select,.search-form):focus,
html[data-liquid-glass="true"] .search-form:focus-within {
  border-color: color-mix(in srgb, var(--liquid-cyan) 55%, var(--liquid-coral)) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--liquid-cyan) 19%, transparent), inset 0 1px 0 rgba(255,255,255,.62);
}

html[data-liquid-glass="true"] :is(.search-form,.home-search) input {
  background: transparent !important;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

/* Search inputs live inside their own glass surface. Keep focus styling on
   that outer surface so the native/input frame cannot cross the magnifier. */
html[data-liquid-glass="true"] :is(.search-form,.home-search) input:is(:focus,:focus-visible) {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

html[data-liquid-glass="true"] #homeSearch {
  border-radius: 26px;
}

html[data-liquid-glass="true"] #homeSearch:focus-within {
  border-color: color-mix(in srgb, var(--liquid-cyan) 48%, var(--liquid-coral)) !important;
  box-shadow: 0 20px 46px rgba(64,31,61,.27), 0 0 0 3px color-mix(in srgb, var(--liquid-cyan) 15%, transparent), inset 0 1px 0 rgba(255,255,255,.88);
}

html[data-liquid-glass="true"] #homeSearch > button[type="submit"] {
  border-radius: 18px;
}

html[data-liquid-glass="true"] #searchForm {
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.42), rgba(88,231,242,.08) 38%, rgba(237,91,202,.1) 72%, rgba(255,138,61,.12)),
    var(--liquid-surface-strong) !important;
  box-shadow: 0 10px 28px rgba(68,34,61,.14), inset 0 1px 0 rgba(255,255,255,.78), inset 0 -1px 0 rgba(237,91,202,.12);
}

html[data-liquid-glass="true"] #searchForm:focus-within {
  box-shadow: 0 12px 32px rgba(68,34,61,.18), 0 0 0 3px color-mix(in srgb, var(--liquid-cyan) 15%, transparent), inset 0 1px 0 rgba(255,255,255,.88);
}

/* A small, always-visible multilingual cue shared by both public search bars. */
.search-form,
.home-search {
  position: relative;
}

html[data-liquid-glass="true"] .home-search {
  overflow: visible;
}

html[data-liquid-glass="true"] .language-support-pill {
  position: absolute !important;
  top: 0;
  right: 12px;
  z-index: 3;
  width: 104px;
  height: 30px;
  min-width: 0;
  overflow: hidden;
  padding: 0;
  border: 1px solid color-mix(in srgb, var(--liquid-edge) 72%, var(--liquid-cyan)) !important;
  border-radius: 999px !important;
  color: color-mix(in srgb, var(--ink) 88%, var(--liquid-magenta));
  background:
    linear-gradient(118deg, rgba(255,255,255,.72), rgba(88,231,242,.2) 34%, rgba(237,91,202,.2) 66%, rgba(255,138,61,.26)),
    var(--liquid-surface-strong) !important;
  box-shadow: 0 9px 24px rgba(65,35,62,.2), inset 0 1px 0 rgba(255,255,255,.92), inset 0 -1px 0 rgba(237,91,202,.16) !important;
  -webkit-backdrop-filter: saturate(185%) blur(16px);
  backdrop-filter: saturate(185%) blur(16px);
  transform: translateY(-50%);
  transform-origin: right center;
  transition: width .28s cubic-bezier(.2,.8,.2,1), transform .2s ease, box-shadow .2s ease !important;
}

html[data-liquid-glass="true"] .language-support-pill::before {
  content: "";
  position: absolute;
  inset: -80% -30%;
  z-index: -1;
  background: linear-gradient(105deg, transparent 28%, rgba(255,255,255,.66) 44%, rgba(88,231,242,.2) 51%, transparent 66%);
  animation: language-liquid-glide 4.8s ease-in-out infinite;
  pointer-events: none;
}

html[data-liquid-glass="true"] .language-support-pill:is(:hover,:focus-visible) {
  transform: translateY(-50%) scale(1.035) !important;
  box-shadow: 0 12px 29px rgba(65,35,62,.25), 0 0 0 2px rgba(88,231,242,.18), inset 0 1px 0 rgba(255,255,255,.95) !important;
}

html[data-liquid-glass="true"] .language-support-pill.is-showing-label {
  width: 174px;
}

.language-support-flags,
.language-support-label {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity .2s ease, transform .24s cubic-bezier(.2,.8,.2,1);
}

.language-support-flags {
  gap: 8px;
  opacity: 1;
  transform: translateY(0) scale(1);
}

.language-support-flags > span {
  display: inline-block;
  font-size: 17px;
  line-height: 1;
  filter: saturate(1.08) drop-shadow(0 2px 3px rgba(40,22,38,.22));
  animation: language-flag-float 2.8s ease-in-out infinite;
}

.language-support-flags > span:nth-child(2) { animation-delay: -.9s; }
.language-support-flags > span:nth-child(3) { animation-delay: -1.8s; }

.language-support-label {
  opacity: 0;
  transform: translateY(7px) scale(.96);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .12em;
  white-space: nowrap;
}

.language-support-pill.is-showing-label .language-support-flags {
  opacity: 0;
  transform: translateY(-7px) scale(.94);
}

.language-support-pill.is-showing-label .language-support-label {
  opacity: 1;
  transform: translateY(0) scale(1);
}

@keyframes language-liquid-glide {
  0%, 22% { transform: translateX(-44%) rotate(4deg); }
  58%, 100% { transform: translateX(44%) rotate(4deg); }
}

@keyframes language-flag-float {
  0%, 100% { transform: translateY(1px) rotate(-1deg) scale(.98); }
  50% { transform: translateY(-1.5px) rotate(1deg) scale(1.04); }
}

@media (max-width: 620px) {
  /* Keep the catalogue search below the mobile action row. The shared
     language-pill anchor above otherwise restores position:relative after
     search.css has placed this form at the bottom of the phone header. */
  html[data-liquid-glass="true"] .site-header .search-form {
    position: absolute;
  }

  /* Signed-in customers can have an active lightbox name below the heart.
     Give that label its own row instead of allowing it to overlap search. */
  html[data-liquid-glass="true"] .site-header:has(.active-lightbox-name:not([hidden])) {
    min-height: 239px;
  }

  html[data-liquid-glass="true"] .search-form .language-support-pill {
    top: 50%;
    right: 44px;
    transform: translateY(-50%);
  }

  html[data-liquid-glass="true"] .search-form .language-support-pill:is(:hover,:focus-visible) {
    transform: translateY(-50%) scale(1.035) !important;
  }
}

/* Glass controls. Text-only utility actions remain text-only. */
html[data-liquid-glass="true"] :is(button,.button,.account-link,.basket-link,.browse-link,.portal-account-link,.portal-basket-link,.portal-browse-close,.home-icon-action,.home-theme-action,.home-account-action,.home-browse,.adobe-license-button,.admin-tier-download):not(.language-support-pill):not(.clear-search):not(.reset-filters):not(.contributor-link):not(.basket-remove):not(:disabled) {
  position: relative;
  isolation: isolate;
  border-color: color-mix(in srgb, var(--liquid-edge) 64%, var(--liquid-coral)) !important;
  border-radius: 13px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.42), rgba(255,255,255,.04) 38%, rgba(237,91,202,.11) 72%, rgba(255,138,61,.16)),
    var(--liquid-surface-strong) !important;
  box-shadow: 0 8px 22px rgba(68,34,61,.15), inset 0 1px 0 rgba(255,255,255,.84), inset 0 -1px 0 rgba(237,91,202,.14);
  -webkit-backdrop-filter: saturate(175%) blur(15px);
  backdrop-filter: saturate(175%) blur(15px);
  transition: transform .2s cubic-bezier(.2,.8,.2,1), box-shadow .2s ease, border-color .2s ease, filter .2s ease;
}

/* Disabled navigation remains visibly part of the glass control family while
   retaining a clearly inactive state. */
html[data-liquid-glass="true"] .pagination button:disabled {
  border-color: color-mix(in srgb, var(--liquid-edge) 48%, var(--disabled-border)) !important;
  border-radius: 13px;
  color: color-mix(in srgb, var(--ink) 42%, transparent) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.24), rgba(255,255,255,.03) 45%, rgba(237,91,202,.07)),
    color-mix(in srgb, var(--liquid-surface) 76%, transparent) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.48), 0 5px 14px rgba(54,35,52,.06);
  -webkit-backdrop-filter: saturate(125%) blur(12px);
  backdrop-filter: saturate(125%) blur(12px);
  opacity: .72;
}

/* Search result navigation controls use a deliberately stronger surface than
   ordinary form fields so their liquid treatment reads at a glance. */
html[data-liquid-glass="true"] :is(.filter-field select,.page-size-field select,.sort-field select,.page-jump input) {
  border-radius: 12px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.38), rgba(88,231,242,.07) 42%, rgba(237,91,202,.09) 74%, rgba(255,138,61,.1)),
    var(--liquid-surface-strong) !important;
  box-shadow: 0 7px 18px rgba(68,34,61,.1), inset 0 1px 0 rgba(255,255,255,.76);
}

html[data-liquid-glass="true"] .images-privacy-settings {
  position: fixed !important;
  right: calc(14px + env(safe-area-inset-right)) !important;
  bottom: calc(14px + var(--images-privacy-footer-offset, 0px)) !important;
  left: auto !important;
  margin: 0 !important;
}

html[data-liquid-glass="true"]:not([data-theme="dark"]) .images-consent-actions button {
  color: #111 !important;
  text-shadow: none !important;
}

html[data-liquid-glass="true"]:not([data-theme="dark"]) :is(#homeLightboxAction,#homeBasketAction,#homeThemeToggle) {
  border-color: color-mix(in srgb, var(--liquid-edge) 72%, var(--liquid-coral)) !important;
  color: var(--liquid-coral) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.96), rgba(255,255,255,.72) 50%, rgba(255,224,216,.88)) !important;
  box-shadow: 0 8px 20px rgba(91,48,65,.16), inset 0 1px 0 #fff;
  text-shadow: none;
}

html[data-liquid-glass="true"]:not([data-theme="dark"]) #shareDialog .share-dialog-actions button {
  color: #111 !important;
}

html[data-liquid-glass="true"] :is(.account-link,.browse-link,.home-account-action,.license-button,#checkoutButton,.conversational-search-form button[type="submit"],.price-option-action strong) {
  color: var(--liquid-ink) !important;
  border-color: rgba(255,255,255,.58) !important;
  background:
    linear-gradient(130deg, rgba(88,231,242,.42), rgba(237,91,202,.38) 46%, rgba(255,98,71,.72) 72%, rgba(255,138,61,.72)) !important;
  text-shadow: 0 1px 5px rgba(64,20,43,.4);
}

html[data-liquid-glass="true"] :is(button,.button,.account-link,.basket-link,.browse-link,.portal-account-link,.portal-basket-link,.portal-browse-close,.home-icon-action,.home-theme-action,.home-account-action,.home-browse,.adobe-license-button,.admin-tier-download):not(.language-support-pill):not(.clear-search):not(.reset-filters):not(.contributor-link):not(.basket-remove):not(:disabled):hover {
  border-color: color-mix(in srgb, var(--liquid-cyan) 48%, var(--liquid-magenta)) !important;
  box-shadow: var(--liquid-shadow-hover);
  filter: saturate(1.08) brightness(1.035);
  transform: translateY(-1px);
}

html[data-liquid-glass="true"] :is(.card-action,.preview-stage-action,.same-session-nav) {
  border-radius: 50% !important;
  color: #fff !important;
  background: linear-gradient(145deg, rgba(88,231,242,.3), rgba(20,18,24,.58) 42%, rgba(237,91,202,.32)) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.27), inset 0 1px 0 rgba(255,255,255,.55);
}

/* The generic glass-button rule uses relative positioning for its press wave.
   Restore the preview close control's required overlay positioning. */
html[data-liquid-glass="true"] #previewDialog .preview-close {
  position: absolute !important;
  right: 14px !important;
  left: auto !important;
  top: 12px !important;
}

html[data-liquid-glass="true"] .price-option-action {
  width: 90px;
  min-width: 90px;
  height: 56px;
  min-height: 56px;
  align-self: center;
  align-content: center;
}

html[data-liquid-glass="true"] .price-option-action strong {
  width: 100%;
  border-radius: 11px !important;
}

html[data-liquid-glass="true"]:not([data-theme="dark"]) #previewDialog .price-option-action strong,
html[data-liquid-glass="true"]:not([data-theme="dark"]) #previewDialog .license-prices strong {
  color: #191919 !important;
  text-shadow: none;
}

html[data-liquid-glass="true"]:not([data-theme="dark"]) #previewDialog .preview-stage-action {
  color: var(--liquid-coral) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.94), rgba(255,255,255,.7) 48%, rgba(255,224,216,.86)) !important;
  box-shadow: 0 8px 20px rgba(91,48,65,.16), inset 0 1px 0 #fff;
}

html[data-liquid-glass="true"]:not([data-theme="dark"]) #homeSearch > button[type="submit"] {
  color: #ff6247 !important;
  text-shadow: none;
}

/* Lightbox form controls and actions. */
html[data-liquid-glass="true"] :is(#lightboxSelect,#lightboxSort) {
  border-radius: 12px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.4), rgba(88,231,242,.08) 42%, rgba(237,91,202,.1) 76%, rgba(255,138,61,.1)),
    var(--liquid-surface-strong) !important;
  box-shadow: 0 7px 18px rgba(68,34,61,.1), inset 0 1px 0 rgba(255,255,255,.76);
  -webkit-backdrop-filter: saturate(160%) blur(14px);
  backdrop-filter: saturate(160%) blur(14px);
}

html[data-liquid-glass="true"] #lightboxSelect {
  width: min(280px, 100%);
  min-width: 184px;
  height: 46px;
  padding: 0 34px 0 12px;
  border: 1px solid color-mix(in srgb, var(--liquid-edge) 64%, var(--liquid-coral)) !important;
  color: var(--ink);
  font-size: 13px;
  font-weight: 650;
}

html[data-liquid-glass="true"] .account-shell #auth .tabs button {
  border-radius: 12px;
}

html[data-liquid-glass="true"]:not([data-theme="dark"]) .account-shell #auth :is(.tabs button,form > button) {
  color: #191919 !important;
  text-shadow: none;
}

html[data-liquid-glass="true"] .account-shell #auth .tabs button.active {
  color: var(--liquid-coral) !important;
  box-shadow: 0 8px 22px rgba(68,34,61,.15), inset 0 -2px 0 var(--liquid-coral), inset 0 1px 0 rgba(255,255,255,.84);
}

html[data-liquid-glass="true"] .lightbox-card label {
  width: 32px;
  height: 32px;
  border: 1px solid color-mix(in srgb, var(--liquid-edge) 70%, var(--liquid-coral));
  border-radius: 50%;
  background: color-mix(in srgb, var(--liquid-surface-strong) 88%, transparent);
  box-shadow: 0 5px 16px rgba(52,31,49,.16), inset 0 1px 0 rgba(255,255,255,.8);
  -webkit-backdrop-filter: blur(10px) saturate(145%);
  backdrop-filter: blur(10px) saturate(145%);
}

html[data-liquid-glass="true"] .lightbox-card input[type="checkbox"] {
  width: 20px !important;
  height: 20px !important;
  min-height: 20px;
  margin: 0 !important;
  padding: 0;
  border: 2px solid color-mix(in srgb, var(--ink) 56%, var(--liquid-coral)) !important;
  border-radius: 6px;
  background: color-mix(in srgb, var(--liquid-surface-strong) 88%, transparent) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
}

html[data-liquid-glass="true"] .lightbox-card input[type="checkbox"]:checked {
  border-color: var(--liquid-coral) !important;
  background: var(--liquid-coral) center/14px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round' d='m5 12 4.2 4.2L19.5 6'/%3E%3C/svg%3E") !important;
  box-shadow: 0 0 0 4px rgba(255,98,71,.24), 0 5px 14px rgba(255,98,71,.28);
}

html[data-liquid-glass="true"] #lightboxGrid .lightbox-card:has(input[type="checkbox"]:checked) {
  border-color: var(--liquid-coral) !important;
  box-shadow: 0 0 0 2px rgba(255,98,71,.28), var(--liquid-shadow);
}

html[data-liquid-glass="true"] #removeSelected {
  border-color: color-mix(in srgb, #ff5f73 68%, var(--liquid-edge)) !important;
  border-radius: 13px;
  color: #ff5f73 !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.38), rgba(255,255,255,.04) 42%, rgba(255,95,115,.13)),
    var(--liquid-surface-strong) !important;
  box-shadow: 0 8px 22px rgba(68,34,61,.13), inset 0 1px 0 rgba(255,255,255,.8);
  -webkit-backdrop-filter: saturate(165%) blur(14px);
  backdrop-filter: saturate(165%) blur(14px);
}

html[data-liquid-glass="true"] #removeSelected:disabled {
  opacity: .62;
}

html[data-liquid-glass="true"] #addSelected {
  border-color: color-mix(in srgb, var(--liquid-edge) 64%, var(--liquid-coral)) !important;
  border-radius: 13px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.4), rgba(88,231,242,.08) 42%, rgba(237,91,202,.12) 74%, rgba(255,138,61,.16)),
    var(--liquid-surface-strong) !important;
  box-shadow: 0 8px 22px rgba(68,34,61,.15), inset 0 1px 0 rgba(255,255,255,.84), inset 0 -1px 0 rgba(237,91,202,.14);
  -webkit-backdrop-filter: saturate(175%) blur(15px);
  backdrop-filter: saturate(175%) blur(15px);
}

html[data-liquid-glass="true"] #addSelected:disabled {
  cursor: default;
  opacity: .62;
}

html[data-liquid-glass="true"]:not([data-theme="dark"]) :is(.lightbox-actions button:not(.lightbox-remove),#addSelected,.basket-empty .button,#billingForm button,#basketBillingForm button[type="submit"],#lightboxItems .remove) {
  color: #191919 !important;
  text-shadow: none;
}

html[data-liquid-glass="true"] :is(.conversational-search-chip,.keyword-list span,.active-lightbox-name,.basket-added-message) {
  border: 1px solid color-mix(in srgb, var(--liquid-edge) 62%, var(--liquid-magenta));
  border-radius: 999px;
  background: linear-gradient(125deg, rgba(88,231,242,.12), rgba(255,255,255,.32), rgba(237,91,202,.12)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.62), 0 5px 15px rgba(67,35,61,.09);
  -webkit-backdrop-filter: blur(11px) saturate(145%);
  backdrop-filter: blur(11px) saturate(145%);
}

html[data-liquid-glass="true"][data-theme="dark"] .active-lightbox-name {
  color: #fff !important;
}

html[data-liquid-glass="true"] .lightbox-danger:not(:disabled) {
  color: #ff5f73 !important;
  border-color: color-mix(in srgb, #ff5f73 68%, var(--liquid-edge)) !important;
}

/* One-shot press wave inserted by images-liquid-glass.js. */
.liquid-press-wave {
  position: absolute;
  z-index: 0;
  width: 22px;
  height: 22px;
  margin: -11px 0 0 -11px;
  pointer-events: none;
  border-radius: 47% 53% 58% 42% / 43% 48% 52% 57%;
  background: radial-gradient(circle, rgba(255,255,255,.88) 0 13%, rgba(88,231,242,.55) 31%, rgba(237,91,202,.34) 52%, transparent 72%);
  mix-blend-mode: screen;
  animation: liquid-wave .48s cubic-bezier(.16,.8,.25,1) forwards;
}

html[data-liquid-glass="true"] .liquid-pressing {
  animation: liquid-compress .42s cubic-bezier(.2,.82,.25,1);
  overflow: hidden;
}

@keyframes liquid-wave {
  0% { opacity: .98; transform: scale(.25) rotate(0deg); }
  58% { opacity: .62; transform: scale(5.8) rotate(23deg); }
  100% { opacity: 0; transform: scale(8.4) rotate(38deg); }
}

@keyframes liquid-compress {
  0% { transform: translateY(0) scale(1); }
  28% { transform: translateY(1px) scale(.965,.94); filter: saturate(1.18) brightness(1.08); }
  62% { transform: translateY(-1px) scale(1.018,.985); }
  100% { transform: translateY(0) scale(1); }
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  html[data-liquid-glass="true"] :is(.site-header,.filter-panel,.conversational-search,.home-search,.preview-details,.account-shell > section,.lightbox-panel,.basket-billing,.license-picker,#shareDialog),
  html[data-liquid-glass="true"] :is(button,.button,.account-link,.basket-link,.browse-link,.portal-account-link,.portal-basket-link,.home-icon-action,.home-theme-action,.home-account-action) {
    background-color: var(--panel) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-liquid-glass="true"] *, html[data-liquid-glass="true"] *::before, html[data-liquid-glass="true"] *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
  .liquid-press-wave { display: none; }
  html[data-liquid-glass="true"] .language-support-pill::before,
  .language-support-flags > span { animation: none !important; }
}

@media (forced-colors: active) {
  html[data-liquid-glass="true"] :is(button,.button,input,textarea,select,.search-form) {
    border: 1px solid ButtonText !important;
    background: Canvas !important;
    color: CanvasText !important;
  }
}

@media (max-width: 620px) {
  html[data-liquid-glass="true"] :is(.conversational-search,.account-shell > section,.lightbox-panel,.basket-billing) { border-radius: 15px; }
  html[data-liquid-glass="true"] .preview-dialog { border-radius: 0; }
}

@media (max-width: 932px) {
  html[data-liquid-glass="true"] .images-privacy-settings {
    position: static !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    margin: 4px 0 calc(14px + env(safe-area-inset-bottom)) auto !important;
  }
}

@media (max-width: 1300px) {
  html[data-liquid-glass="true"] #previewDialog .preview-close {
    top: calc(12px + env(safe-area-inset-top)) !important;
    right: calc(14px + env(safe-area-inset-right)) !important;
  }
}