@layer core,playground,project;@layer project{.svg-mask-image-animation{display:flex;flex-flow:column nowrap;gap:200rem;padding:200rem;font-family:Inter,sans-serif;transition:background .321s,color .321s}.svg-mask-image-animation-html{--mobile-design-width: 440;--desktop-design-width: 1440;--ultrawide-breakpoint: 2560;scrollbar-width:thin;font-size:calc(100 / var(--desktop-design-width) * 1vw)}@media(min-width:2560px){.svg-mask-image-animation-html{font-size:calc(100 / var(--desktop-design-width) * var(--ultrawide-breakpoint) / 16 * .01rem)}}.svg-mask-image-animation-html:has(.svg-mask-image-animation[data-theme=dark]) .playground-ui-bar-top-right,.svg-mask-image-animation-html:has(.svg-mask-image-animation[data-theme=dark]) .playground-ui-bar-bottom-right,.svg-mask-image-animation-html:has(.svg-mask-image-animation[data-theme=dark]) .playground-ui-mobile-navigation select{color:#e0e0e0;font-weight:300}.svg-mask-image-animation-html:has(.svg-mask-image-animation[data-theme=dark]) .playground-ui-bar-top-right a:hover,.svg-mask-image-animation-html:has(.svg-mask-image-animation[data-theme=dark]) .playground-ui-bar-bottom-right a:hover,.svg-mask-image-animation-html:has(.svg-mask-image-animation[data-theme=dark]) .playground-ui-mobile-navigation select a:hover{color:inherit}.svg-mask-image-animation-html:has(.svg-mask-image-animation[data-theme=light]) .playground-ui-bar-top-right,.svg-mask-image-animation-html:has(.svg-mask-image-animation[data-theme=light]) .playground-ui-bar-bottom-right,.svg-mask-image-animation-html:has(.svg-mask-image-animation[data-theme=light]) .playground-ui-mobile-navigation select{color:#212121;font-weight:400}.svg-mask-image-animation-html:has(.svg-mask-image-animation[data-theme=light]) .playground-ui-bar-top-right a:hover,.svg-mask-image-animation-html:has(.svg-mask-image-animation[data-theme=light]) .playground-ui-bar-bottom-right a:hover,.svg-mask-image-animation-html:has(.svg-mask-image-animation[data-theme=light]) .playground-ui-mobile-navigation select a:hover{color:inherit}.svg-mask-image-animation[data-theme=dark]{background:color-mix(in srgb,#212121,black 21%);color:#fff}.svg-mask-image-animation[data-theme=light]{background:#fff;color:#000}.svg-mask-image-animation .gradient{position:absolute;inset:-66rem;z-index:0}.svg-mask-image-animation .gradient--conic{background:conic-gradient(from 180deg at 50% 50%,#ff3d00,#f000,#ff3d00 90deg,#f000,#ff3d00 270deg,#f000,#ff3d00 360deg);animation:gradient-rotation 5s linear infinite}@keyframes gradient-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.svg-mask-image-animation .gradient--linear{background:linear-gradient(to left,#ff3d00,#f000 40%,#ff00004d 60%,#ff3d00)}.svg-mask-image-animation .text{display:flex;flex-flow:column nowrap;width:100%;color:#ff3d00;font-size:21rem;word-break:break-all;animation:translate-y 12s linear infinite}.svg-mask-image-animation .text>div{width:100%}.svg-mask-image-animation .text>div:before{content:"Lorem sit tempor mollit officia laboris proident eiusmod voluptate veniam commodo sunt velit nostrud. Reprehenderit adipisicing nulla veniam excepteur cupidatat quis ex. Labore et duis qui minim sunt proident. Cillum cupidatat labore dolor est ex elit occaecat veniam. Enim ut et fugiat nulla dolore labore cillum cupidatat. In est culpa proident voluptate irure voluptate laborum exercitation excepteur. Magna est id moll."}@keyframes translate-y{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.svg-mask-image-animation .logos{display:flex;flex-flow:row wrap;gap:50rem}.svg-mask-image-animation .logos .logo{position:relative;z-index:1;width:300rem;height:168rem;mask-image:url('data:image/svg+xml;utf8,        <svg viewBox="0 0 301 170" xmlns="http://www.w3.org/2000/svg">          <path d="M201.07 169.257L300.5 0.743408H270.846L186.236 144.063L201.07 169.257Z" fill="black"/>          <path d="M175.728 126.379L249.817 0.743408H219.949L160.894 100.986L175.728 126.379Z" fill="black"/>          <path d="M198.934 0.743408H0.5L99.7169 169.257L198.934 0.743408ZM154.472 25.9103L99.7169 118.87L44.9747 25.9103H154.472Z" fill="black"/>        </svg>');mask-size:cover}.svg-mask-image-animation .logos .logo__gradients{display:flex;flex-flow:row nowrap;scale:1.3;width:200%;height:100%;animation:translate-skew-x 5s linear infinite}@keyframes translate-skew-x{0%{transform:translate(-50%) skew(-21deg)}to{transform:translate(0) skew(-21deg)}}.svg-mask-image-animation .logos .logo__gradients .gradient{position:relative;inset:0;width:100%;height:100%}.svg-mask-image-animation .buttons{display:flex;flex-flow:row wrap;justify-content:center;gap:50rem}.svg-mask-image-animation .buttons .button{--button-height: 90rem;position:relative;z-index:1;height:var(--button-height);padding:0 calc(var(--button-height) / 2);overflow:hidden;font-size:21rem;cursor:pointer}.svg-mask-image-animation .buttons .button .gradient{inset:-50vw;animation:none}.svg-mask-image-animation .buttons .button__pill{position:absolute;inset:0;width:auto;height:auto;mask-image:url('data:image/svg+xml;utf8,            <svg xmlns="http://www.w3.org/2000/svg" viewBox="50 0 50 100">              <path d="M100,5 A45,45 0 0 0 100,95" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" vector-effect="non-scaling-stroke"/>            </svg>'),url('data:image/svg+xml;utf8,            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 100">              <path d="M0,5 A45,45 0 0 1 0,95" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" vector-effect="non-scaling-stroke"/>            </svg>'),url('data:image/svg+xml;utf8,            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none">              <g fill="none" stroke="black" stroke-width="2">                <line x1="0" y1="5" x2="100" y2="5" vector-effect="non-scaling-stroke"/>                <line x1="0" y1="95" x2="100" y2="95" vector-effect="non-scaling-stroke"/>              </g>            </svg>');mask-position:left center,right center,center center;mask-size:auto 100%,auto 100%,calc(100% - var(--button-height) + 2rem) 100%;mask-repeat:no-repeat}@media(max-width:767px){.svg-mask-image-animation .buttons .button__pill{mask-image:url('data:image/svg+xml;utf8,              <svg xmlns="http://www.w3.org/2000/svg" viewBox="50 0 50 100">                <path d="M100,5 A45,45 0 0 0 100,95" fill="none" stroke="black" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" vector-effect="non-scaling-stroke"/>              </svg>'),url('data:image/svg+xml;utf8,              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 100">                <path d="M0,5 A45,45 0 0 1 0,95" fill="none" stroke="black" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" vector-effect="non-scaling-stroke"/>              </svg>'),url('data:image/svg+xml;utf8,              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none">                <g fill="none" stroke="black" stroke-width="1">                  <line x1="0" y1="5" x2="100" y2="5" vector-effect="non-scaling-stroke"/>                  <line x1="0" y1="95" x2="100" y2="95" vector-effect="non-scaling-stroke"/>                </g>              </svg>')}}.svg-mask-image-animation .shapes{display:flex;flex-flow:row wrap;justify-content:center;gap:50rem}.svg-mask-image-animation .shapes [class*=-fill] .gradient{filter:blur(8rem);opacity:.2}.svg-mask-image-animation .shapes .shape{position:relative;z-index:1;width:300rem;overflow:hidden;aspect-ratio:1;mask-size:cover}.svg-mask-image-animation .shapes .shape--circle-stroke{mask-image:url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <circle cx="50" cy="50" r="45" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />          </svg>')}.svg-mask-image-animation .shapes .shape--circle-fill{mask-image:url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <circle cx="50" cy="50" r="45" fill="black" />          </svg>')}.svg-mask-image-animation .shapes .shape--diamond-stroke{mask-image:url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <polygon points="50,5 95,50 50,95 5,50" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />          </svg>')}.svg-mask-image-animation .shapes .shape--diamond-fill{mask-image:url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <polygon points="50,5 95,50 50,95 5,50" fill="black" />          </svg>')}.svg-mask-image-animation .shapes .shape--ellipse-stroke{mask-image:url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <ellipse cx="50" cy="50" rx="33" ry="50" transform="rotate(33 50 50)" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />          </svg>')}.svg-mask-image-animation .shapes .shape--ellipse-fill{mask-image:url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <ellipse cx="50" cy="50" rx="33" ry="50" transform="rotate(33 50 50)" fill="black" />          </svg>')}.svg-mask-image-animation .shapes .shape--hexagon-stroke{mask-image:url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <polygon points="50,5 90,25 90,75 50,95 10,75 10,25" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />          </svg>')}.svg-mask-image-animation .shapes .shape--hexagon-fill{mask-image:url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <polygon points="50,5 90,25 90,75 50,95 10,75 10,25" fill="black" />          </svg>')}.svg-mask-image-animation .shapes .shape--octagon-stroke{mask-image:url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <polygon points="30,5 70,5 95,30 95,70 70,95 30,95 5,70 5,30" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />          </svg>')}.svg-mask-image-animation .shapes .shape--octagon-fill{mask-image:url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <polygon points="30,5 70,5 95,30 95,70 70,95 30,95 5,70 5,30" fill="black" />          </svg>')}.svg-mask-image-animation .shapes .shape--pentagon-stroke{mask-image:url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <polygon points="50,5 95,38 77,90 23,90 5,38" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />          </svg>')}.svg-mask-image-animation .shapes .shape--pentagon-fill{mask-image:url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <polygon points="50,5 95,38 77,90 23,90 5,38" fill="black" />          </svg>')}.svg-mask-image-animation .shapes .shape--square-stroke{mask-image:url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <rect x="10" y="10" width="80" height="80" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />          </svg>')}.svg-mask-image-animation .shapes .shape--square-fill{mask-image:url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <rect x="10" y="10" width="80" height="80" fill="black" />          </svg>')}.svg-mask-image-animation .shapes .shape--triangle-1-stroke{mask-image:url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <polygon points="5,5 95,5 50,95" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />          </svg>')}.svg-mask-image-animation .shapes .shape--triangle-1-fill{mask-image:url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <polygon points="5,5 95,5 50,95" fill="black" />          </svg>')}.svg-mask-image-animation .shapes .shape--triangle-2-stroke{mask-image:url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <polygon points="50,5 95,95 5,95" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />          </svg>')}.svg-mask-image-animation .shapes .shape--triangle-2-fill{mask-image:url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <polygon points="50,5 95,95 5,95" fill="black" />          </svg>')}.svg-mask-image-animation .shapes .shape--rounded-circle-stroke{mask-image:url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <circle cx="50" cy="50" r="42" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />          </svg>')}.svg-mask-image-animation .shapes .shape--rounded-circle-fill{mask-image:url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <circle cx="50" cy="50" r="42" fill="black" />          </svg>')}.svg-mask-image-animation .shapes .shape--rounded-diamond-1-stroke{mask-image:url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <path d="M47.1715 7.57354C48.7336 6.01145 51.2663 6.01145 52.8284 7.57354L92.4264 47.1715C93.9885 48.7336 93.9885 51.2663 92.4264 52.8284L52.8284 92.4264C51.2663 93.9885 48.7336 93.9885 47.1715 92.4264L7.57354 52.8284C6.01145 51.2663 6.01145 48.7336 7.57354 47.1715L47.1715 7.57354Z" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />          </svg>')}.svg-mask-image-animation .shapes .shape--rounded-diamond-1-fill{mask-image:url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <path d="M47.1715 7.57354C48.7336 6.01145 51.2663 6.01145 52.8284 7.57354L92.4264 47.1715C93.9885 48.7336 93.9885 51.2663 92.4264 52.8284L52.8284 92.4264C51.2663 93.9885 48.7336 93.9885 47.1715 92.4264L7.57354 52.8284C6.01145 51.2663 6.01145 48.7336 7.57354 47.1715L47.1715 7.57354Z" fill="black" />          </svg>')}.svg-mask-image-animation .shapes .shape--rounded-diamond-2-stroke{mask-image:url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <path d="M46.6614 7.55904C48.2424 5.16328 51.7575 5.16329 53.3385 7.55905L79.8922 47.7968C80.7741 49.1332 80.7741 50.8668 79.8922 52.2032L53.3385 92.441C51.7575 94.8367 48.2424 94.8367 46.6614 92.441L20.1077 52.2032C19.2258 50.8668 19.2258 49.1332 20.1077 47.7968L46.6614 7.55904Z" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />          </svg>')}.svg-mask-image-animation .shapes .shape--rounded-diamond-2-fill{mask-image:url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <path d="M46.6614 7.55904C48.2424 5.16328 51.7575 5.16329 53.3385 7.55905L79.8922 47.7968C80.7741 49.1332 80.7741 50.8668 79.8922 52.2032L53.3385 92.441C51.7575 94.8367 48.2424 94.8367 46.6614 92.441L20.1077 52.2032C19.2258 50.8668 19.2258 49.1332 20.1077 47.7968L46.6614 7.55904Z" fill="black" />          </svg>')}.svg-mask-image-animation .shapes .shape--rounded-ellipse-stroke{mask-image:url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <ellipse cx="50.0001" cy="50.0001" rx="35.121" ry="50.3444" transform="rotate(45 50.0001 50.0001)" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />          </svg>')}.svg-mask-image-animation .shapes .shape--rounded-ellipse-fill{mask-image:url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <ellipse cx="50.0001" cy="50.0001" rx="35.121" ry="50.3444" transform="rotate(45 50.0001 50.0001)" fill="black" />          </svg>')}.svg-mask-image-animation .shapes .shape--rounded-hexagon-stroke{mask-image:url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <path d="M47.9939 4.66292C49.2346 3.9437 50.7654 3.9437 52.0061 4.66292L88.1132 25.5941C89.3474 26.3096 90.1071 27.6282 90.1071 29.0547V70.9453C90.1071 72.3718 89.3474 73.6904 88.1132 74.4059L52.0061 95.3371C50.7654 96.0563 49.2346 96.0563 47.9939 95.3371L11.8867 74.4059C10.6526 73.6904 9.89282 72.3718 9.89282 70.9453V29.0547C9.89282 27.6282 10.6526 26.3096 11.8867 25.5941L47.9939 4.66292Z" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />          </svg>')}.svg-mask-image-animation .shapes .shape--rounded-hexagon-fill{mask-image:url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <path d="M47.9939 4.66292C49.2346 3.9437 50.7654 3.9437 52.0061 4.66292L88.1132 25.5941C89.3474 26.3096 90.1071 27.6282 90.1071 29.0547V70.9453C90.1071 72.3718 89.3474 73.6904 88.1132 74.4059L52.0061 95.3371C50.7654 96.0563 49.2346 96.0563 47.9939 95.3371L11.8867 74.4059C10.6526 73.6904 9.89282 72.3718 9.89282 70.9453V29.0547C9.89282 27.6282 10.6526 26.3096 11.8867 25.5941L47.9939 4.66292Z" fill="black" />          </svg>')}.svg-mask-image-animation .shapes .shape--rounded-octagon-stroke{mask-image:url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <path d="M48.0866 5.71004C49.3117 5.20257 50.6883 5.20257 51.9134 5.71004L79.9649 17.3294C81.1901 17.8368 82.1634 18.8102 82.6709 20.0353L94.2902 48.0868C94.7977 49.312 94.7977 50.6885 94.2902 51.9137L82.6709 79.9652C82.1634 81.1903 81.19 82.1637 79.9649 82.6711L51.9134 94.2904C50.6883 94.7979 49.3117 94.7979 48.0866 94.2904L20.0351 82.6711C18.8099 82.1637 17.8366 81.1903 17.3291 79.9652L5.7098 51.9137C5.20233 50.6885 5.20233 49.312 5.7098 48.0868L17.3291 20.0353C17.8366 18.8102 18.8099 17.8368 20.0351 17.3294L48.0866 5.71004Z" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />          </svg>')}.svg-mask-image-animation .shapes .shape--rounded-octagon-fill{mask-image:url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <path d="M48.0866 5.71004C49.3117 5.20257 50.6883 5.20257 51.9134 5.71004L79.9649 17.3294C81.1901 17.8368 82.1634 18.8102 82.6709 20.0353L94.2902 48.0868C94.7977 49.312 94.7977 50.6885 94.2902 51.9137L82.6709 79.9652C82.1634 81.1903 81.19 82.1637 79.9649 82.6711L51.9134 94.2904C50.6883 94.7979 49.3117 94.7979 48.0866 94.2904L20.0351 82.6711C18.8099 82.1637 17.8366 81.1903 17.3291 79.9652L5.7098 51.9137C5.20233 50.6885 5.20233 49.312 5.7098 48.0868L17.3291 20.0353C17.8366 18.8102 18.8099 17.8368 20.0351 17.3294L48.0866 5.71004Z" fill="black" />          </svg>')}.svg-mask-image-animation .shapes .shape--rounded-pentagon-stroke{mask-image:url('data:image/svg+xml;utf8,          <svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">            <path d="M47.0612 5.90967C48.8136 4.63645 51.1866 4.63645 52.939 5.90967L94.614 36.1883C96.3664 37.4615 97.0997 39.7184 96.4303 41.7785L80.5119 90.7704C79.8426 92.8305 77.9228 94.2253 75.7566 94.2253H24.2435C22.0774 94.2253 20.1576 92.8305 19.4883 90.7704L3.56983 41.7785C2.90046 39.7184 3.63375 37.4615 5.38619 36.1883L47.0612 5.90967Z" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />          </svg>        ')}.svg-mask-image-animation .shapes .shape--rounded-pentagon-fill{mask-image:url('data:image/svg+xml;utf8,          <svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">            <path d="M47.0612 5.90967C48.8136 4.63645 51.1866 4.63645 52.939 5.90967L94.614 36.1883C96.3664 37.4615 97.0997 39.7184 96.4303 41.7785L80.5119 90.7704C79.8426 92.8305 77.9228 94.2253 75.7566 94.2253H24.2435C22.0774 94.2253 20.1576 92.8305 19.4883 90.7704L3.56983 41.7785C2.90046 39.7184 3.63375 37.4615 5.38619 36.1883L47.0612 5.90967Z" fill="black" />          </svg>        ')}.svg-mask-image-animation .shapes .shape--rounded-square-stroke{mask-image:url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <rect x="10" y="10" width="80" height="80" rx="4" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />          </svg>')}.svg-mask-image-animation .shapes .shape--rounded-square-fill{mask-image:url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <rect x="10" y="10" width="80" height="80" rx="4" fill="black" />          </svg>')}.svg-mask-image-animation .shapes .shape--rounded-triangle-1-stroke{mask-image:url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <path d="M53.4641 87.4131C51.9245 90.0798 48.0755 90.0797 46.5359 87.4131L6.79914 18.5869C5.25954 15.9203 7.18405 12.5869 10.2632 12.5869L89.7369 12.5869C92.8161 12.5869 94.7405 15.9203 93.2009 18.5869L53.4641 87.4131Z" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />          </svg>')}.svg-mask-image-animation .shapes .shape--rounded-triangle-1-fill{mask-image:url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <path d="M53.4641 87.4131C51.9245 90.0798 48.0755 90.0797 46.5359 87.4131L6.79914 18.5869C5.25954 15.9203 7.18405 12.5869 10.2632 12.5869L89.7369 12.5869C92.8161 12.5869 94.7405 15.9203 93.2009 18.5869L53.4641 87.4131Z" fill="black" />          </svg>')}.svg-mask-image-animation .shapes .shape--rounded-triangle-2-stroke{mask-image:url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <path d="M46.5359 12.5869C48.0755 9.92024 51.9245 9.92025 53.4641 12.5869L93.2009 81.4131C94.7405 84.0797 92.816 87.4131 89.7368 87.4131H10.2632C7.18395 87.4131 5.25946 84.0797 6.79906 81.4131L46.5359 12.5869Z" fill="none" stroke="black" stroke-width="2" vector-effect="non-scaling-stroke" />          </svg>')}.svg-mask-image-animation .shapes .shape--rounded-triangle-2-fill{mask-image:url('data:image/svg+xml;utf8,          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">            <path d="M46.5359 12.5869C48.0755 9.92024 51.9245 9.92025 53.4641 12.5869L93.2009 81.4131C94.7405 84.0797 92.816 87.4131 89.7368 87.4131H10.2632C7.18395 87.4131 5.25946 84.0797 6.79906 81.4131L46.5359 12.5869Z" fill="black" />          </svg>')}}