.social-icon {
                    overflow: hidden;
                    --tw-text-opacity: 1;
                    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.social-icon.colored.brand-GOOGLE_BUSINESS {
                    --tw-bg-opacity: 1;
                    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.social-icon.colored.brand-TIKTOK {
                    --tw-bg-opacity: 1;
                    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.social-icon.colored.brand-TIKTOK svg path:not([fill]) {
                    fill: white;
}
.social-icon.colored.brand-YOUTUBE { background: #ff0000
}
.social-icon.colored.brand-INSTAGRAM {
                    background-image: linear-gradient(to top right, var(--tw-gradient-stops));
                    --tw-gradient-from: #a855f7 var(--tw-gradient-from-position);
                    --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);
                    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
                    --tw-gradient-to: rgb(220 38 38 / 0)  var(--tw-gradient-to-position);
                    --tw-gradient-stops: var(--tw-gradient-from), #dc2626 var(--tw-gradient-via-position), var(--tw-gradient-to);
                    --tw-gradient-to: #f59e0b var(--tw-gradient-to-position);
                    --tw-text-opacity: 1;
                    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.social-icon.colored.brand-FACEBOOK {
                    --tw-bg-opacity: 1;
                    background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
                    padding-left: 0.125rem;
                    padding-right: 0.125rem;
                    padding-bottom: 0px;
                    --tw-text-opacity: 1;
                    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.social-icon.colored.brand-FACEBOOK svg {
                    --tw-translate-x: 0.125rem;
                    --tw-translate-y: 0.25rem;
                    --webkit-transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), var(--tw-translate-z)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)) perspective(var(--tw-perspective));
                    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), var(--tw-translate-z)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)) perspective(var(--tw-perspective));
}
.social-icon.colored.brand-TWITTER { background: #222222
}
.social-icon.colored.brand-THREADS {
                    --tw-bg-opacity: 1;
                    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
                    padding: 0.375rem;
}
.social-icon.colored.brand-LINKEDIN { background: #0a66c2
}
.social-icon.colored.brand-PINTEREST { background: #e60023
}
.social-icon.colored.brand-REDDIT {
                    padding: 0.375rem; background: #ff4500;
}
.social-icon.colored.brand-MASTODON { background: #615ef8
}
.social-icon.colored.brand-DISCORD { background: #5865f2
}
.social-icon.colored.brand-SLACK {
                    --tw-bg-opacity: 1;
                    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.social-icon.colored.brand-BLUESKY { background: #0f73ff;
}
.social-icon:not(.colored).with-background .brand-GOOGLE_BUSINESS {
                    --tw-bg-opacity: 1;
                    background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
                    --tw-text-opacity: 1;
                    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.social-icon:not(.colored).with-background .brand-TIKTOK { background: #000000
}
.social-icon:not(.colored).with-background .brand-YOUTUBE { background: #ff0000
}
.social-icon:not(.colored).with-background .brand-INSTAGRAM { background: #e1306c
}
.social-icon:not(.colored).with-background .brand-FACEBOOK { background: #1877f2
}
.social-icon:not(.colored).with-background .brand-TWITTER { background: #222222
}
.social-icon:not(.colored).with-background .brand-THREADS { background: #333333
}
.social-icon:not(.colored).with-background .brand-LINKEDIN { background: #0a66c2
}
.social-icon:not(.colored).with-background .brand-PINTEREST { background: #e60023
}
.social-icon:not(.colored).with-background .brand-REDDIT { background: #ff4500
}
.social-icon:not(.colored).with-background .brand-MASTODON { background: #615ef8
}
.social-icon:not(.colored).with-background .brand-DISCORD { background: #5865f2
}
.social-icon:not(.colored).with-background .brand-SLACK { background: #4b064a
}
.social-icon:not(.colored).with-background .brand-BLUESKY { background: #0f73ff
}

.icon-group {
        display: flex;
        align-items: center;
        overflow: hidden;
        border-radius: 9999px;
        border-width: 4px;
        --tw-border-opacity: 1;
        border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}
.icon-group .icon-entry,
    .icon-group .display-more-entry {
        overflow: visible;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
        flex-shrink: 0;
        flex-grow: 0
}
.icon-group .icon-entry .social-icon, .icon-group .display-more-entry .social-icon {
        width: 2rem;
        height: 2rem;
        border-radius: 9999px;
        padding: 0.25rem;
        flex-shrink: 0;
        flex-grow: 0
}
.icon-group .icon-entry {
        position: relative;
        z-index: 10
}
.icon-group .display-more-text {
        z-index: 0;
        display: flex;
        height: 2rem;
        width: 2rem;
        align-items: center;
        padding-left: 0.25rem;
        padding-right: 0.125rem;
        text-align: center;
        font-size: 1rem;
        line-height: 1.5rem;
        --tw-text-opacity: 1;
        color: rgb(148 163 184 / var(--tw-text-opacity, 1));
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
        flex-shrink: 0;
        flex-grow: 0
}
.icon-group .display-more-entry {
        z-index: 0;
        width: 0px;
        opacity: 0;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
        --tw-translate-x: -6rem;
        --webkit-transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), var(--tw-translate-z)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)) perspective(var(--tw-perspective));
        transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), var(--tw-translate-z)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)) perspective(var(--tw-perspective));
        transition-duration: var(--reveal-delay)
}
.icon-group:hover .display-more-text, .icon-group.open .display-more-text {
        width: 0px;
        padding-left: 0px;
        padding-right: 0px;
        opacity: 0;
        transition-duration: 100ms;
        --tw-translate-x: -6rem;
        --webkit-transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), var(--tw-translate-z)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)) perspective(var(--tw-perspective));
        transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), var(--tw-translate-z)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)) perspective(var(--tw-perspective))
}
.icon-group:hover .display-more-entry, .icon-group.open .display-more-entry {
        width: 2.25rem;
        padding-left: 0.25rem;
        opacity: 1;
        transition-duration: 100ms;
        --tw-translate-x: -0px;
        --webkit-transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), var(--tw-translate-z)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)) perspective(var(--tw-perspective));
        transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), var(--tw-translate-z)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)) perspective(var(--tw-perspective))
}