/* The positioned shade used to paint above the static legal footer on phones. */
.legal-footer{position:relative;z-index:1}
main{z-index:1}

/* Touch devices keep the square glass appearance without live GPU blur layers. */
:root[data-mobile-ui] .background{filter:none}
:root[data-mobile-ui] .shade{backdrop-filter:none;-webkit-backdrop-filter:none}
:root[data-mobile-ui] .glass,
:root[data-mobile-ui] .search-field,
:root[data-mobile-ui] .filters,
:root[data-mobile-ui] dialog::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none}
:root[data-mobile-ui] .catalog{background:rgba(15,15,17,.86)}
:root[data-mobile-ui] .socials .glass{background:rgba(15,15,17,.7)}
:root[data-mobile-ui] .filters,:root[data-mobile-ui] dialog.glass{background:rgba(15,15,17,.97)}
:root[data-mobile-ui] #name{animation:none;filter:none;background-image:linear-gradient(115deg,#fff,#bdbdbd 48%,#fff);background-size:100% 100%;background-position:0 0;text-shadow:0 0 17px #ffffff28}
:root[data-mobile-ui] [data-glow]:not(#name):hover{box-shadow:inset 0 1px #ffffff08;text-shadow:none}
:root[data-mobile-ui] .legal-footer{width:calc(100% - 28px);max-width:480px;margin:0 auto;padding:0 0 max(20px,env(safe-area-inset-bottom))}
:root[data-mobile-ui] .legal-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0 8px}
:root[data-mobile-ui] .legal-links button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;padding:8px 2px;border:0;border-radius:0;background:transparent;color:#bdbdc5;font-size:10px;font-weight:400;line-height:1.65;filter:none;opacity:1;transform:none;text-shadow:none;box-shadow:none;text-underline-offset:4px}
:root[data-mobile-ui] .legal-links button:is(:hover,:focus-visible){color:#f2f2f3;background:transparent;box-shadow:none;text-decoration:underline}
:root[data-mobile-ui] .legal-rights{display:block;margin-top:6px;color:#aaaab2;font-size:8px;line-height:1.8}
:root[data-low-power] .glass,:root[data-low-power] .search-field,:root[data-low-power] .shade{backdrop-filter:none;-webkit-backdrop-filter:none}
@media(max-width:700px){.legal-footer{width:calc(100% - 28px);margin-inline:auto}.legal-links{gap:8px}.legal-links button{font-size:10px;color:#e0e0e5}}