/* Keep the mobile drawer overlay out of the desktop CSS grid. */
.directory-layout{grid-template-columns:205px minmax(0,1fr)!important}
.drawer-scrim{display:none}
.directory{min-width:0!important;width:100%!important}
.directory .cards{width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
@media(max-width:720px){.drawer-scrim{display:block}.directory .cards{grid-template-columns:1fr!important}}

/* Seller directory variant of the shared cosmic background. */
body{isolation:isolate}
body>*{position:relative;z-index:1}
body:before,body:after{content:"";position:fixed;z-index:0;pointer-events:none}
body:before{inset:0;background:radial-gradient(circle 10px at 77.8% 17.2%,rgba(70,31,110,.75) 0 52%,transparent 55%),radial-gradient(circle 7px at 82% 21%,rgba(70,31,110,.63) 0 52%,transparent 55%),radial-gradient(circle 61px at 80% 20%,#f0ddff 0 53%,#d8b4fe 56%,#a855f7 70%,#581c87 90%,rgba(88,28,135,.15) 100%),radial-gradient(circle 104px at 80% 20%,rgba(168,85,247,.22),transparent 70%),radial-gradient(circle at 12% 29%,white 0 1px,transparent 2px),radial-gradient(circle at 45% 59%,rgba(255,255,255,.85) 0 1px,transparent 2px),radial-gradient(circle at 88% 70%,rgba(255,255,255,.65) 0 1px,transparent 2px);opacity:.8;animation:sellerTwinkle 8s ease-in-out infinite}
body:after{top:-18%;left:86%;width:310px;height:4px;border-radius:99px;background:linear-gradient(90deg,transparent 0%,rgba(168,85,247,.22) 50%,#a855f7 84%,#e9d5ff 96%,#fff 100%);filter:drop-shadow(0 0 10px #a855f7);opacity:0;transform:rotate(135deg);transform-origin:right center;animation:sellerShooting 16s ease-in infinite}
@keyframes sellerTwinkle{0%,100%{opacity:.42}50%{opacity:.72}}
@keyframes sellerShooting{0%,70%,100%{opacity:0;top:-18%;left:86%}73%{opacity:1}83%{opacity:.92;top:74%;left:-16%}87%{opacity:0;top:80%;left:-22%}}
@media(prefers-reduced-motion:reduce){body:before,body:after{animation:none!important}}