/* * — what shows before vanta-logo.js has run (and if it never * does): a still frame of the live foil, in the logo's shape — never the * white PNG and never a plain pastel — so the live foil takes over without a * visible change. (Rendered from the shader's first frame; rim baked in.) */ vanta-logo { position: relative; display: inline-block; vertical-align: middle; } vanta-logo:not(:defined) { background: url("data:image/webp;base64,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") center / 100% 100% no-repeat, #e9ebf0; -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M128%2064L128%2078.2L127.8%2084L127.7%2088.5L127.4%2092.3L127%2095.5L126.6%2098.5L126.1%20101.1L125.5%20103.6L124.9%20105.8L124.1%20107.9L123.3%20109.9L122.4%20111.7L121.4%20113.4L120.3%20115L119.1%20116.4L117.8%20117.8L116.4%20119.1L115%20120.3L113.4%20121.4L111.7%20122.4L109.9%20123.3L107.9%20124.1L105.8%20124.9L103.6%20125.5L101.1%20126.1L98.5%20126.6L95.5%20127L92.3%20127.4L88.5%20127.7L84%20127.8L78.2%20128L64%20128L49.8%20128L44%20127.8L39.5%20127.7L35.7%20127.4L32.5%20127L29.5%20126.6L26.9%20126.1L24.4%20125.5L22.2%20124.9L20.1%20124.1L18.1%20123.3L16.3%20122.4L14.6%20121.4L13%20120.3L11.6%20119.1L10.2%20117.8L8.9%20116.4L7.7%20115L6.6%20113.4L5.6%20111.7L4.7%20109.9L3.9%20107.9L3.1%20105.8L2.5%20103.6L1.9%20101.1L1.4%2098.5L1%2095.5L0.6%2092.3L0.3%2088.5L0.2%2084L0%2078.2L0%2064L0%2049.8L0.2%2044L0.3%2039.5L0.6%2035.7L1%2032.5L1.4%2029.5L1.9%2026.9L2.5%2024.4L3.1%2022.2L3.9%2020.1L4.7%2018.1L5.6%2016.3L6.6%2014.6L7.7%2013L8.9%2011.6L10.2%2010.2L11.6%208.9L13%207.7L14.6%206.6L16.3%205.6L18.1%204.7L20.1%203.9L22.2%203.1L24.4%202.5L26.9%201.9L29.5%201.4L32.5%201L35.7%200.6L39.5%200.3L44%200.2L49.8%200L64%200L78.2%200L84%200.2L88.5%200.3L92.3%200.6L95.5%201L98.5%201.4L101.1%201.9L103.6%202.5L105.8%203.1L107.9%203.9L109.9%204.7L111.7%205.6L113.4%206.6L115%207.7L116.4%208.9L117.8%2010.2L119.1%2011.6L120.3%2013L121.4%2014.6L122.4%2016.3L123.3%2018.1L124.1%2020.1L124.9%2022.2L125.5%2024.4L126.1%2026.9L126.6%2029.5L127%2032.5L127.4%2035.7L127.7%2039.5L127.8%2044L128%2049.8ZM33.19%2053.10A9%209%200%200%201%2040.99%2039.60L87.01%2039.60A9%209%200%200%201%2094.81%2053.10L71.79%2092.96A9%209%200%200%201%2056.21%2092.96Z%22%2F%3E%3C%2Fsvg%3E") center / 100% 100% no-repeat; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M128%2064L128%2078.2L127.8%2084L127.7%2088.5L127.4%2092.3L127%2095.5L126.6%2098.5L126.1%20101.1L125.5%20103.6L124.9%20105.8L124.1%20107.9L123.3%20109.9L122.4%20111.7L121.4%20113.4L120.3%20115L119.1%20116.4L117.8%20117.8L116.4%20119.1L115%20120.3L113.4%20121.4L111.7%20122.4L109.9%20123.3L107.9%20124.1L105.8%20124.9L103.6%20125.5L101.1%20126.1L98.5%20126.6L95.5%20127L92.3%20127.4L88.5%20127.7L84%20127.8L78.2%20128L64%20128L49.8%20128L44%20127.8L39.5%20127.7L35.7%20127.4L32.5%20127L29.5%20126.6L26.9%20126.1L24.4%20125.5L22.2%20124.9L20.1%20124.1L18.1%20123.3L16.3%20122.4L14.6%20121.4L13%20120.3L11.6%20119.1L10.2%20117.8L8.9%20116.4L7.7%20115L6.6%20113.4L5.6%20111.7L4.7%20109.9L3.9%20107.9L3.1%20105.8L2.5%20103.6L1.9%20101.1L1.4%2098.5L1%2095.5L0.6%2092.3L0.3%2088.5L0.2%2084L0%2078.2L0%2064L0%2049.8L0.2%2044L0.3%2039.5L0.6%2035.7L1%2032.5L1.4%2029.5L1.9%2026.9L2.5%2024.4L3.1%2022.2L3.9%2020.1L4.7%2018.1L5.6%2016.3L6.6%2014.6L7.7%2013L8.9%2011.6L10.2%2010.2L11.6%208.9L13%207.7L14.6%206.6L16.3%205.6L18.1%204.7L20.1%203.9L22.2%203.1L24.4%202.5L26.9%201.9L29.5%201.4L32.5%201L35.7%200.6L39.5%200.3L44%200.2L49.8%200L64%200L78.2%200L84%200.2L88.5%200.3L92.3%200.6L95.5%201L98.5%201.4L101.1%201.9L103.6%202.5L105.8%203.1L107.9%203.9L109.9%204.7L111.7%205.6L113.4%206.6L115%207.7L116.4%208.9L117.8%2010.2L119.1%2011.6L120.3%2013L121.4%2014.6L122.4%2016.3L123.3%2018.1L124.1%2020.1L124.9%2022.2L125.5%2024.4L126.1%2026.9L126.6%2029.5L127%2032.5L127.4%2035.7L127.7%2039.5L127.8%2044L128%2049.8ZM33.19%2053.10A9%209%200%200%201%2040.99%2039.60L87.01%2039.60A9%209%200%200%201%2094.81%2053.10L71.79%2092.96A9%209%200%200%201%2056.21%2092.96Z%22%2F%3E%3C%2Fsvg%3E") center / 100% 100% no-repeat; } vanta-logo:not(:defined) > img { opacity: 0; } vanta-logo > img { display: block; width: 100%; height: 100%; }