/* PicPac Design System 2.0.4. Import tokens.css first. */
.pp-glass-media{
 color:var(--pp-glass-media-ink);background:var(--pp-glass-media-fallback);
 border:1px solid var(--pp-glass-border);border-top-color:var(--pp-glass-edge-top);border-left-color:var(--pp-glass-edge-left);
 box-shadow:var(--pp-glass-shadow);text-shadow:var(--pp-glass-text-shadow);
}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 .pp-glass-media{background:var(--pp-glass-sheen),var(--pp-glass-media-fill);
 -webkit-backdrop-filter:blur(var(--pp-glass-media-blur)) saturate(var(--pp-glass-media-saturation)) brightness(var(--pp-glass-media-brightness));
 backdrop-filter:blur(var(--pp-glass-media-blur)) saturate(var(--pp-glass-media-saturation)) brightness(var(--pp-glass-media-brightness));}
}
.pp-glass-nav{
 color:var(--pp-glass-nav-ink);background:var(--pp-glass-nav-fallback);
 border:1px solid var(--pp-glass-border);border-top-color:var(--pp-glass-edge-top);border-left-color:var(--pp-glass-edge-left);
 box-shadow:var(--pp-glass-shadow);text-shadow:none;
}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 .pp-glass-nav{background:var(--pp-glass-sheen),var(--pp-glass-nav-fill);
 -webkit-backdrop-filter:blur(var(--pp-glass-nav-blur)) saturate(var(--pp-glass-nav-saturation)) brightness(var(--pp-glass-nav-brightness));
 backdrop-filter:blur(var(--pp-glass-nav-blur)) saturate(var(--pp-glass-nav-saturation)) brightness(var(--pp-glass-nav-brightness));}
}

.pp-glass-strong,[data-glass-contrast="strong"]{--pp-glass-media-fill:var(--pp-glass-media-strong)}
.pp-glass-media :focus-visible,.pp-glass-nav :focus-visible{outline:2px solid currentColor;outline-offset:-3px;box-shadow:0 0 0 1px #17231c}

[data-pp-transparency="reduce"] :is(.pp-glass-media,.pp-glass-nav),[data-b-transparency="reduce"] :is(.pp-glass-media,.pp-glass-nav){background:var(--pp-glass-media-fallback);-webkit-backdrop-filter:none;backdrop-filter:none;text-shadow:none;box-shadow:none}
[data-pp-transparency="reduce"] .pp-glass-nav,[data-b-transparency="reduce"] .pp-glass-nav{background:var(--pp-glass-nav-fallback)}
@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){
 .pp-glass-media,.pp-glass-nav{background:var(--pp-glass-media-fallback);-webkit-backdrop-filter:none;backdrop-filter:none;text-shadow:none;box-shadow:none;border-color:currentColor}
 .pp-glass-nav{background:var(--pp-glass-nav-fallback)}
}
@media (forced-colors:active){
 .pp-glass-media,.pp-glass-nav{background:Canvas;color:CanvasText;border:1px solid CanvasText;-webkit-backdrop-filter:none;backdrop-filter:none;text-shadow:none;box-shadow:none}
}