.moonstone-logo{width:var(--moonstone-logo-width,26px);height:var(--moonstone-logo-height,26px);vertical-align:middle;pointer-events:none;flex:none;display:inline-block;position:relative}.moonstone-logo>img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;display:block}.moonstone-logo-surface{pointer-events:none;-webkit-mask:var(--moonstone-logo-mask) center / contain no-repeat;-webkit-mask:var(--moonstone-logo-mask) center / contain no-repeat;mask:var(--moonstone-logo-mask) center / contain no-repeat;position:absolute;inset:0;overflow:hidden}.moonstone-logo-surface:before{content:"";mix-blend-mode:color;opacity:.72;background:linear-gradient(145deg,#edf3ff 5%,#9ebdf4 23%,#d0c0ff 38%,#f4f6ff 47%,#8594df 53%,#b4cafc 64%,#e2dcff 80%);position:absolute;inset:0}.moonstone-logo-surface:after{content:"";opacity:.65;background:linear-gradient(115deg,#0000 38%,#e9f1ff00 43%,#f2f6ffbc 49%,#e1d8ff45 53%,#0000 58%);position:absolute;inset:-65%;transform:translate(-20%)}.moonstone-logo-intro .moonstone-logo-surface:after{animation:2.4s linear moonstone-pearl-reflection}@keyframes moonstone-pearl-reflection{0%{transform:translate(-25%)}to{transform:translate(25%)}}@supports not ((-webkit-mask-image:linear-gradient(#000, #000)) or (mask-image:linear-gradient(#000, #000))){.moonstone-logo-surface{display:none}}@media (prefers-reduced-motion:reduce){.moonstone-logo-intro .moonstone-logo-surface:after{animation:none}}html[data-motion=reduced] .moonstone-logo-intro .moonstone-logo-surface:after{animation:none}