.mg-gallery{--purple: #7b2cff;--purple-2: #a46bff;--white: #ffffff;--ring: rgba(164, 107, 255, .55);background:transparent;color:var(--white);position:relative;overflow:hidden;isolation:isolate;padding:60px 16px}.mg-gallery .mg-wrap{max-width:1200px;margin:0 auto}.mg-gallery .mg-head{text-align:center;max-width:860px;margin:0 auto 28px}.mg-gallery .mg-eyebrow{display:inline-block;font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:900;background:linear-gradient(135deg,var(--purple),var(--purple-2));color:#fff;padding:6px 12px;border-radius:999px}.mg-gallery .mg-title{margin:.55em 0 .25em;line-height:1.06;font-weight:1000;font-size:48px;color:#fff}.mg-gallery .mg-sub{color:#fff;font-size:clamp(15px,2vw,18px);margin:0 auto;max-width:64ch}.mg-gallery .mg-portal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px}@media(max-width:1100px){.mg-gallery .mg-portal-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:580px){.mg-gallery .mg-portal-grid{grid-template-columns:1fr}}.mg-gallery .mg-portal{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:10px 6px}.mg-gallery .mg-portal-link{display:flex;flex-direction:column;align-items:center;gap:10px;text-decoration:none;color:inherit;outline:none;border-radius:18px}.mg-gallery .mg-portal-link:focus-visible{box-shadow:0 0 0 2px #ffffff59,0 0 0 4px #7b2cffa6}.mg-gallery .mg-ring{--sz: 240px;width:var(--sz);height:var(--sz);border-radius:50%;background:radial-gradient(closest-side,#ffffff14,#fff0 65%),conic-gradient(from 0deg,#7b2cff00,#7b2cff4d,#a46bff00);filter:drop-shadow(0 0 40px rgba(123,44,255,.25));display:grid;place-items:center;transition:transform .25s ease,filter .25s ease;border:2px solid rgba(255,255,255,.12)}.mg-gallery .mg-portal:hover .mg-ring{transform:translateY(-3px) scale(1.02);filter:drop-shadow(0 10px 60px rgba(123,44,255,.35))}.mg-gallery .mg-orb{width:calc(var(--sz) - 18px);height:calc(var(--sz) - 18px);border-radius:50%;background:radial-gradient(80% 80% at 50% 25%,rgba(255,255,255,.12),transparent 55%);background-size:cover;background-position:center;border:2px solid var(--ring);box-shadow:inset 0 0 40px #7b2cff3d,0 0 50px #7b2cff38;overflow:hidden}.mg-gallery .mg-orb__img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}.mg-gallery .mg-label{font-weight:900;font-size:16px;color:#fff;margin-top:6px}.mg-gallery .mg-note{color:#fff;font-size:14px;max-width:30ch}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-portal-gallery.css.map */