.ripple-button-ripple-init{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:.7px solid #2e2f31;border-radius:9999px;width:6.375rem;height:2.5rem}.be-part-of-it-clip{clip-path:polygon(2.125rem 0,100% 0,100% calc(100% - 2.125rem),100% 100%,0 100%,0 2.125rem)}.be-part-of-it-clip:before{--border-width-half:calc(2px / 2);content:"";position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;clip-path:polygon(0 0,calc(2.125rem - (var(--sqrt2) * var(--border-width-half))) 0,0 calc(2.125rem - (var(--sqrt2) * var(--border-width-half))));background:#fff}.be-part-of-it-tag-active-clip{position:relative;clip-path:polygon(.40625rem 0,100% 0,100% calc(100% - .40625rem),100% 100%,0 100%,0 .40625rem)}.be-part-of-it-tag-active-clip:before{--border-width-half:calc(1px / 2);content:"";position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;clip-path:polygon(0 0,calc(.40625rem - (var(--sqrt2) * var(--border-width-half))) 0,0 calc(.40625rem - (var(--sqrt2) * var(--border-width-half))));--tw-bg-opacity:1;background-color:rgb(193 17 17/var(--tw-bg-opacity))}.be-part-of-it-tag-inactive-clip{position:relative;clip-path:polygon(.40625rem 0,100% 0,100% calc(100% - .40625rem),100% 100%,0 100%,0 .40625rem)}.be-part-of-it-tag-inactive-clip:before{--border-width-half:calc(1px / 2);content:"";position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;clip-path:polygon(0 0,calc(.40625rem - (var(--sqrt2) * var(--border-width-half))) 0,0 calc(.40625rem - (var(--sqrt2) * var(--border-width-half))));--tw-bg-opacity:1;background-color:rgb(34 34 34/var(--tw-bg-opacity))}.legend-button{--border-width:2px;&:after,&:before,section:after,section:before{content:"";display:block;border-width:var(--border-width);position:absolute;width:.75rem;height:.75rem;--tw-border-opacity:1;border-color:rgb(193 17 17/var(--tw-border-opacity))}&:before{left:0;top:0;--tw-translate-x:calc(calc(var(--border-width) / 2) * -1);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-bottom-width:0;border-right-width:0}&:after{right:0;top:0;--tw-translate-x:calc(var(--border-width) / 2);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-bottom-width:0;border-left-width:0}&>section:before{bottom:0;left:0;--tw-translate-x:calc(calc(var(--border-width) / 2) * -1);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-right-width:0;border-top-width:0}&>section:after{bottom:0;right:0;--tw-translate-x:calc(var(--border-width) / 2);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-left-width:0;border-top-width:0}}