/* PIIXONOVA - iOS glass utility (WPCode CSS, site-wide header). Same recipe as 20914 / the /me/admin glass:
   fill rgba(250,250,252,.62), blur 22px + saturate 180%, 7-stroke lit rim + float shadow, ink #1d1d1f, press scale .94,
   44 px phone / 38 px desktop. Use on floating controls over photos/video only (owner rule).
   Usage: class="ios-glass" (capsule) | add "ios-glass--circle" for a symbol button | "ios-glass--prominent" for the solid rose tint.
   Or give the element an ID starting with "ios-glass" (ios-glass, ios-glass-2, ios-glass-circle-1 ...; IDs containing "circle" are circles). */
:root{
  --pxg-ease:cubic-bezier(.32,.72,0,1);
  --pxg-light:rgba(250,250,252,.62);
  --pxg-light-rim:inset 0 0 0 .5px rgba(255,255,255,.3),inset 1.8px 3px 0 -2px rgba(255,255,255,.9),inset -2px -2px 0 -2px rgba(255,255,255,.8),inset -3px -8px 1px -6px rgba(255,255,255,.55),inset -.3px -1px 4px 0 rgba(0,0,0,.1),inset -1.5px 2.5px 0 -2px rgba(0,0,0,.14),inset 0 3px 4px -2px rgba(0,0,0,.12),0 10px 30px -8px rgba(0,0,0,.18),0 2px 6px rgba(0,0,0,.06);
  --pxg-blur:blur(22px) saturate(180%);
  --pxg-size:44px;
}
@media (min-width:900px){:root{--pxg-size:38px}}
:is(.ios-glass,[id^="ios-glass"]){display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;min-height:var(--pxg-size);min-width:var(--pxg-size);
  padding:0 18px;border:0;border-radius:999px;color:#1d1d1f;text-decoration:none;cursor:pointer;
  background:var(--pxg-light);-webkit-backdrop-filter:var(--pxg-blur);backdrop-filter:var(--pxg-blur);box-shadow:var(--pxg-light-rim);
  transition:transform .2s var(--pxg-ease),background .2s;-webkit-tap-highlight-color:transparent}
:is(.ios-glass--circle,[id^="ios-glass"][id*="circle"]){width:var(--pxg-size);height:var(--pxg-size);padding:0;border-radius:50%}
:is(.ios-glass,[id^="ios-glass"]) :is(svg,i){width:20px;height:20px;fill:currentColor;color:inherit;flex:none}
@media (min-width:900px){:is(.ios-glass,[id^="ios-glass"]) :is(svg,i){width:18px;height:18px}}
.ios-glass--prominent{background:#cd3f67;color:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 6px 16px -6px rgba(205,63,103,.6)}
:is(.ios-glass,[id^="ios-glass"]):active{transform:scale(.94)}
:is(.ios-glass,[id^="ios-glass"]):focus-visible{outline:2px solid #1d1d1f;outline-offset:3px}
@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){
  :is(.ios-glass,[id^="ios-glass"]):not(.ios-glass--prominent){background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 0 0 1px rgba(60,60,67,.16),0 10px 30px -8px rgba(0,0,0,.18)}
}
@media (prefers-reduced-motion:reduce){:is(.ios-glass,[id^="ios-glass"]){transition:none}:is(.ios-glass,[id^="ios-glass"]):active{transform:none}}