@charset "UTF-8";

/*
 * Only the complete detail dialog receives an aluminum frame.
 * Catalogue cards intentionally inherit their original styles without overrides.
 *
 * The 80×80 vector is a nine-slice border, not an overlay. Its four profile
 * sections have directional highlights, a recessed seal, a glazing bead and
 * 45-degree joints. The center is transparent and is not used by border-image.
 */
#gallery-dialog{
  --window-profile-width:9px;
  border:var(--window-profile-width) solid #173C57;
  border-radius:0;
  border-image-source:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2280%22%20height%3D%2280%22%20viewBox%3D%220%200%2080%2080%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22profile%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%2212%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2390aabd%22%2F%3E%3Cstop%20offset%3D%22.05%22%20stop-color%3D%22%2366869e%22%2F%3E%3Cstop%20offset%3D%22.12%22%20stop-color%3D%22%2315354e%22%2F%3E%3Cstop%20offset%3D%22.18%22%20stop-color%3D%22%2320445f%22%2F%3E%3Cstop%20offset%3D%22.37%22%20stop-color%3D%22%23315a77%22%2F%3E%3Cstop%20offset%3D%22.42%22%20stop-color%3D%22%236f93ac%22%2F%3E%3Cstop%20offset%3D%22.47%22%20stop-color%3D%22%23132f47%22%2F%3E%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%23071b2c%22%2F%3E%3Cstop%20offset%3D%22.63%22%20stop-color%3D%22%230a2033%22%2F%3E%3Cstop%20offset%3D%22.67%22%20stop-color%3D%22%2368889d%22%2F%3E%3Cstop%20offset%3D%22.72%22%20stop-color%3D%22%23193a53%22%2F%3E%3Cstop%20offset%3D%22.89%22%20stop-color%3D%22%23294e68%22%2F%3E%3Cstop%20offset%3D%22.94%22%20stop-color%3D%22%237999ae%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230a2336%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22left%22%20href%3D%22%23profile%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%2212%22%20y2%3D%220%22%2F%3E%3ClinearGradient%20id%3D%22right%22%20href%3D%22%23profile%22%20x1%3D%2280%22%20y1%3D%220%22%20x2%3D%2268%22%20y2%3D%220%22%2F%3E%3ClinearGradient%20id%3D%22bottom%22%20href%3D%22%23profile%22%20x1%3D%220%22%20y1%3D%2280%22%20x2%3D%220%22%20y2%3D%2268%22%2F%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M0%200H80L68%2012H12Z%22%20fill%3D%22url(%23profile)%22%2F%3E%3Cpath%20d%3D%22M80%200V80L68%2068V12Z%22%20fill%3D%22url(%23right)%22%2F%3E%3Cpath%20d%3D%22M80%2080H0L12%2068H68Z%22%20fill%3D%22url(%23bottom)%22%2F%3E%3Cpath%20d%3D%22M0%2080V0L12%2012V68Z%22%20fill%3D%22url(%23left)%22%2F%3E%3Cpath%20d%3D%22M.3%20.3L11.8%2011.8M79.7%20.3L68.2%2011.8M79.7%2079.7L68.2%2068.2M.3%2079.7L11.8%2068.2%22%20fill%3D%22none%22%20stroke%3D%22%23071e30%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M1%20.3L12%2011.3M79%20.3L68%2011.3M79%2079.7L68%2068.7M1%2079.7L12%2068.7%22%20fill%3D%22none%22%20stroke%3D%22%23a1bbc9%22%20stroke-opacity%3D%22.52%22%20stroke-width%3D%22.35%22%2F%3E%3Cpath%20d%3D%22M.3%20.3H79.7V79.7H.3Z%22%20fill%3D%22none%22%20stroke%3D%22%236c8ea5%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M12%2012H68V68H12Z%22%20fill%3D%22none%22%20stroke%3D%22%23082033%22%20stroke-width%3D%22.85%22%2F%3E%3C%2Fsvg%3E");
  border-image-slice:12;
  border-image-width:1;
  border-image-outset:0;
  border-image-repeat:stretch;
  background:var(--paper);
  background-clip:padding-box;
  overflow:auto;
  box-shadow:
    0 0 0 .5px #536F84,
    inset 0 0 0 .7px #19374C,
    0 20px 70px #071D3440;
  scrollbar-color:#8099AA #E6EBEE;
  scrollbar-width:thin;
}

/* The native border stays at the scrolling dialog's perimeter. */
@media(max-width:740px){
  #gallery-dialog{
    --window-profile-width:6px;
    box-shadow:
      0 0 0 .5px #536F84,
      inset 0 0 0 .5px #19374C,
      0 16px 48px #071D3440;
  }
}