@layer base{.mask{vertical-align:middle;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.mask-squircle{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath d='M100 0C22 0 0 22 0 100s22 100 100 100 100-22 100-100S178 0 100 0Z' fill='%23000'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath d='M100 0C22 0 0 22 0 100s22 100 100 100 100-22 100-100S178 0 100 0Z' fill='%23000'/%3E%3C/svg%3E")}.mask-heart{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z' fill='%23000'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z' fill='%23000'/%3E%3C/svg%3E")}.mask-circle{clip-path:circle(50%)}.mask-hexagon{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.mask-hexagon-2{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.mask-triangle{clip-path:polygon(50% 0,0 100%,100% 100%)}.mask-triangle-2{clip-path:polygon(0 0,100% 0,50% 100%)}.mask-triangle-3{clip-path:polygon(0 50%,100% 0,100% 100%)}.mask-triangle-4{clip-path:polygon(0 0,0 100%,100% 50%)}.mask-diamond{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.mask-pentagon{clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%)}.mask-star{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.mask-star-2{clip-path:polygon(50% 0,63% 38%,100% 38%,69% 59%,82% 100%,50% 75%,18% 100%,31% 59%,0 38%,37% 38%)}.mask-decagon{clip-path:polygon(50% 0,79% 9.5%,97.5% 34.5%,97.5% 65.5%,79% 90.5%,50% 100%,21% 90.5%,2.5% 65.5%,2.5% 34.5%,21% 9.5%)}.mask-parallelogram{clip-path:polygon(25% 0,100% 0,75% 100%,0 100%)}}