/* The four product shortcuts only; background never switches to solid white. */
@media(min-width:801px){
 html:not(.mobile-redesign-active) #screen-products .paths>a.pointer-glow{
  --pointer-base:var(--glass-bg);--pointer-ink:var(--ink);--pointer-light:#31b9e333;--pointer-fringe:#9a80e021;
  position:relative;isolation:isolate;overflow:hidden;z-index:0;
  background:var(--pointer-base)!important;color:var(--pointer-ink)!important;
  transition:border-color .18s,box-shadow .18s;cursor:pointer;
 }
 body.preview-night #screen-products .paths>a.pointer-glow{--pointer-light:#64d8ff38;--pointer-fringe:#b49aff26}
 body.palette-preview #screen-products .paths>a.pointer-glow{
  --pointer-base:var(--palette-panels-bg);--pointer-ink:var(--palette-panels-ink);
 }
 #screen-products .paths>a.pointer-glow::before{
  content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;
  background:radial-gradient(ellipse 85px 65px at var(--pointer-x,50%) var(--pointer-y,50%),var(--pointer-light),var(--pointer-fringe) 45%,transparent 100%);
  transition:opacity .18s;
 }
 #screen-products .paths>a.pointer-glow[data-pointer-glow=active]::before,
 #screen-products .paths>a.pointer-glow:focus-visible::before{opacity:1}
 #screen-products .paths>a.pointer-glow:is(:hover,:focus-visible){
  border-color:#67bbdc;box-shadow:inset 0 1px 0 #9edfff26,0 0 14px #50cfff25,0 0 22px #aa91ff14;transform:none;
 }
 #screen-products .paths>a.pointer-glow:focus-visible{outline:3px solid #ed8b23;outline-offset:3px}
}
@media(prefers-reduced-motion:reduce){
 #screen-products .paths>a.pointer-glow,#screen-products .paths>a.pointer-glow::before{transition:none}
 #screen-products .paths>a.pointer-glow::before{background-position:center}
 #screen-products .paths>a.pointer-glow:hover::before{opacity:1}
}
@media(forced-colors:active){
 #screen-products .paths>a.pointer-glow{background:Canvas!important;color:LinkText!important;border-color:LinkText;box-shadow:none!important}
 #screen-products .paths>a.pointer-glow::before{display:none}
 #screen-products .paths>a.pointer-glow:focus-visible{outline-color:Highlight}
}
