:root{--zencom-font: 'Inter', sans-serif;--zencom-primary-color: #2A3BEE;--zencom-background: #F6F7F8;--zencom-body-background: #ffffff;--zencom-border-color: #CBD1D7;--zencom-secondary-color: #F6F7F8;--zencom-font-color: #141A24;--zencom-blue-2: #1123DE;--zencom-primary-light: #EBEDFF;--zencom-gray-light: #E0E4E8;--zencom-font-muted: #A2ADB9;--zencom-warning: #E2483D;--zencom-shadow: 0px 0px 1px 0px rgba(20, 26, 36, 0.30), 0px 2px 4px 0px rgba(20, 26, 36, 0.10)}#ZenCommunitySettingsElement{background:#f6f7f8;margin:0 -20px 0 0;padding:0}.zencom-settings-container{max-width:1200px;margin:0 auto}p{margin:0 !important}
/* Admin-only Tailwind utilities. Scoped to #ZenCommunitySettingsElement via
   tailwind.admin.config.js so it cannot leak into the main app or the
   surrounding WordPress admin page. */

#ZenCommunitySettingsElement .tw-sr-only {

    position: absolute;

    width: 1px;

    height: 1px;

    padding: 0;

    margin: -1px;

    overflow: hidden;

    clip: rect(0, 0, 0, 0);

    white-space: nowrap;

    border-width: 0
}

#ZenCommunitySettingsElement .tw-relative {

    position: relative
}

#ZenCommunitySettingsElement .tw-m-0 {

    margin: 0px
}

#ZenCommunitySettingsElement .tw-mx-auto {

    margin-right: auto;

    margin-left: auto
}

#ZenCommunitySettingsElement .tw-my-6 {

    margin-top: 1.5rem;

    margin-bottom: 1.5rem
}

#ZenCommunitySettingsElement .tw-mb-0 {

    margin-bottom: 0px
}

#ZenCommunitySettingsElement .tw-mb-1 {

    margin-bottom: 0.25rem
}

#ZenCommunitySettingsElement .tw-mb-10 {

    margin-bottom: 2.5rem
}

#ZenCommunitySettingsElement .tw-mb-2 {

    margin-bottom: 0.5rem
}

#ZenCommunitySettingsElement .tw-mb-3 {

    margin-bottom: 0.75rem
}

#ZenCommunitySettingsElement .tw-mb-4 {

    margin-bottom: 1rem
}

#ZenCommunitySettingsElement .tw-mb-5 {

    margin-bottom: 1.25rem
}

#ZenCommunitySettingsElement .tw-mb-6 {

    margin-bottom: 1.5rem
}

#ZenCommunitySettingsElement .tw-mt-1 {

    margin-top: 0.25rem
}

#ZenCommunitySettingsElement .tw-mt-2 {

    margin-top: 0.5rem
}

#ZenCommunitySettingsElement .tw-mt-3 {

    margin-top: 0.75rem
}

#ZenCommunitySettingsElement .tw-mt-4 {

    margin-top: 1rem
}

#ZenCommunitySettingsElement .tw-mt-5 {

    margin-top: 1.25rem
}

#ZenCommunitySettingsElement .tw-mt-6 {

    margin-top: 1.5rem
}

#ZenCommunitySettingsElement .tw-inline-block {

    display: inline-block
}

#ZenCommunitySettingsElement .tw-flex {

    display: flex
}

#ZenCommunitySettingsElement .tw-inline-flex {

    display: inline-flex
}

#ZenCommunitySettingsElement .tw-h-1 {

    height: 0.25rem
}

#ZenCommunitySettingsElement .tw-h-10 {

    height: 2.5rem
}

#ZenCommunitySettingsElement .tw-h-2 {

    height: 0.5rem
}

#ZenCommunitySettingsElement .tw-h-3 {

    height: 0.75rem
}

#ZenCommunitySettingsElement .tw-h-4 {

    height: 1rem
}

#ZenCommunitySettingsElement .tw-h-5 {

    height: 1.25rem
}

#ZenCommunitySettingsElement .tw-h-6 {

    height: 1.5rem
}

#ZenCommunitySettingsElement .tw-h-8 {

    height: 2rem
}

#ZenCommunitySettingsElement .tw-h-9 {

    height: 2.25rem
}

#ZenCommunitySettingsElement .tw-h-\[100px\] {

    height: 100px
}

#ZenCommunitySettingsElement .tw-h-\[20px\] {

    height: 20px
}

#ZenCommunitySettingsElement .tw-h-\[38px\] {

    height: 38px
}

#ZenCommunitySettingsElement .tw-h-\[40px\] {

    height: 40px
}

#ZenCommunitySettingsElement .tw-h-\[90px\] {

    height: 90px
}

#ZenCommunitySettingsElement .tw-h-full {

    height: 100%
}

#ZenCommunitySettingsElement .\!tw-w-\[115px\] {

    width: 115px !important
}

#ZenCommunitySettingsElement .tw-w-16 {

    width: 4rem
}

#ZenCommunitySettingsElement .tw-w-2 {

    width: 0.5rem
}

#ZenCommunitySettingsElement .tw-w-2\/5 {

    width: 40%
}

#ZenCommunitySettingsElement .tw-w-3\/4 {

    width: 75%
}

#ZenCommunitySettingsElement .tw-w-3\/5 {

    width: 60%
}

#ZenCommunitySettingsElement .tw-w-4 {

    width: 1rem
}

#ZenCommunitySettingsElement .tw-w-40 {

    width: 10rem
}

#ZenCommunitySettingsElement .tw-w-9 {

    width: 2.25rem
}

#ZenCommunitySettingsElement .tw-w-\[100px\] {

    width: 100px
}

#ZenCommunitySettingsElement .tw-w-\[120px\] {

    width: 120px
}

#ZenCommunitySettingsElement .tw-w-\[20px\] {

    width: 20px
}

#ZenCommunitySettingsElement .tw-w-\[224px\] {

    width: 224px
}

#ZenCommunitySettingsElement .tw-w-\[300px\] {

    width: 300px
}

#ZenCommunitySettingsElement .tw-w-\[35\%\] {

    width: 35%
}

#ZenCommunitySettingsElement .tw-w-\[60\%\] {

    width: 60%
}

#ZenCommunitySettingsElement .tw-w-\[90px\] {

    width: 90px
}

#ZenCommunitySettingsElement .tw-w-full {

    width: 100%
}

#ZenCommunitySettingsElement .tw-w-max {

    width: -moz-max-content;

    width: max-content
}

#ZenCommunitySettingsElement .tw-min-w-0 {

    min-width: 0px
}

#ZenCommunitySettingsElement .tw-min-w-\[200px\] {

    min-width: 200px
}

#ZenCommunitySettingsElement .tw-min-w-\[220px\] {

    min-width: 220px
}

#ZenCommunitySettingsElement .tw-min-w-\[448px\] {

    min-width: 448px
}

#ZenCommunitySettingsElement .tw-max-w-\[340px\] {

    max-width: 340px
}

#ZenCommunitySettingsElement .tw-max-w-\[448px\] {

    max-width: 448px
}

#ZenCommunitySettingsElement .tw-max-w-\[85\%\] {

    max-width: 85%
}

#ZenCommunitySettingsElement .tw-flex-1 {

    flex: 1 1 0%
}

#ZenCommunitySettingsElement .tw-shrink-0 {

    flex-shrink: 0
}

#ZenCommunitySettingsElement .tw-translate-x-\[18px\] {

    --tw-translate-x: 18px;

    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))
}

#ZenCommunitySettingsElement .tw-translate-x-\[2px\] {

    --tw-translate-x: 2px;

    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))
}

@keyframes tw-pulse {

    50% {

        opacity: .5
    }
}

#ZenCommunitySettingsElement .tw-animate-pulse {

    animation: tw-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite
}

@keyframes tw-spin {

    to {

        transform: rotate(-360deg)
    }
}

#ZenCommunitySettingsElement .tw-animate-spin {

    animation: tw-spin 1s linear infinite
}

#ZenCommunitySettingsElement .tw-cursor-not-allowed {

    cursor: not-allowed
}

#ZenCommunitySettingsElement .tw-cursor-pointer {

    cursor: pointer
}

#ZenCommunitySettingsElement .tw-list-none {

    list-style-type: none
}

#ZenCommunitySettingsElement .tw-flex-col {

    flex-direction: column
}

#ZenCommunitySettingsElement .tw-flex-wrap {

    flex-wrap: wrap
}

#ZenCommunitySettingsElement .tw-items-start {

    align-items: flex-start
}

#ZenCommunitySettingsElement .tw-items-center {

    align-items: center
}

#ZenCommunitySettingsElement .tw-justify-end {

    justify-content: flex-end
}

#ZenCommunitySettingsElement .tw-justify-center {

    justify-content: center
}

#ZenCommunitySettingsElement .tw-justify-between {

    justify-content: space-between
}

#ZenCommunitySettingsElement .tw-gap-1 {

    gap: 0.25rem
}

#ZenCommunitySettingsElement .tw-gap-2 {

    gap: 0.5rem
}

#ZenCommunitySettingsElement .tw-gap-2\.5 {

    gap: 0.625rem
}

#ZenCommunitySettingsElement .tw-gap-3 {

    gap: 0.75rem
}

#ZenCommunitySettingsElement .tw-gap-4 {

    gap: 1rem
}

#ZenCommunitySettingsElement .tw-gap-6 {

    gap: 1.5rem
}

#ZenCommunitySettingsElement .tw-gap-8 {

    gap: 2rem
}

#ZenCommunitySettingsElement .tw-overflow-hidden {

    overflow: hidden
}

#ZenCommunitySettingsElement .tw-rounded {

    border-radius: 0.25rem
}

#ZenCommunitySettingsElement .tw-rounded-\[2px\] {

    border-radius: 2px
}

#ZenCommunitySettingsElement .tw-rounded-full {

    border-radius: 9999px
}

#ZenCommunitySettingsElement .tw-border {

    border-width: 1px
}

#ZenCommunitySettingsElement .tw-border-0 {

    border-width: 0px
}

#ZenCommunitySettingsElement .tw-border-2 {

    border-width: 2px
}

#ZenCommunitySettingsElement .tw-border-b {

    border-bottom-width: 1px
}

#ZenCommunitySettingsElement .tw-border-t {

    border-top-width: 1px
}

#ZenCommunitySettingsElement .tw-border-solid {

    border-style: solid
}

#ZenCommunitySettingsElement .tw-border-dashed {

    border-style: dashed
}

#ZenCommunitySettingsElement .tw-border-none {

    border-style: none
}

#ZenCommunitySettingsElement .tw-border-\[\#E2E8F0\] {

    --tw-border-opacity: 1;

    border-color: rgb(226 232 240 / var(--tw-border-opacity, 1))
}

#ZenCommunitySettingsElement .tw-border-blue-200 {

    --tw-border-opacity: 1;

    border-color: rgb(191 219 254 / var(--tw-border-opacity, 1))
}

#ZenCommunitySettingsElement .tw-border-zc-border {

    border-color: var(--zencom-border-color)
}

#ZenCommunitySettingsElement .tw-border-zc-primary {

    border-color: var(--zencom-primary-color)
}

#ZenCommunitySettingsElement .tw-border-t-transparent {

    border-top-color: transparent
}

#ZenCommunitySettingsElement .tw-bg-\[\#ffa943\] {

    --tw-bg-opacity: 1;

    background-color: rgb(255 169 67 / var(--tw-bg-opacity, 1))
}

#ZenCommunitySettingsElement .tw-bg-blue-100 {

    --tw-bg-opacity: 1;

    background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1))
}

#ZenCommunitySettingsElement .tw-bg-blue-50 {

    --tw-bg-opacity: 1;

    background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1))
}

#ZenCommunitySettingsElement .tw-bg-blue-500 {

    --tw-bg-opacity: 1;

    background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1))
}

#ZenCommunitySettingsElement .tw-bg-gray-100 {

    --tw-bg-opacity: 1;

    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1))
}

#ZenCommunitySettingsElement .tw-bg-gray-50 {

    --tw-bg-opacity: 1;

    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1))
}

#ZenCommunitySettingsElement .tw-bg-green-50 {

    --tw-bg-opacity: 1;

    background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1))
}

#ZenCommunitySettingsElement .tw-bg-orange-50 {

    --tw-bg-opacity: 1;

    background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1))
}

#ZenCommunitySettingsElement .tw-bg-red-50 {

    --tw-bg-opacity: 1;

    background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1))
}

#ZenCommunitySettingsElement .tw-bg-red-500 {

    --tw-bg-opacity: 1;

    background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1))
}

#ZenCommunitySettingsElement .tw-bg-transparent {

    background-color: transparent
}

#ZenCommunitySettingsElement .tw-bg-white {

    --tw-bg-opacity: 1;

    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

#ZenCommunitySettingsElement .tw-bg-zc-border {

    background-color: var(--zencom-border-color)
}

#ZenCommunitySettingsElement .tw-bg-zc-primary {

    background-color: var(--zencom-primary-color)
}

#ZenCommunitySettingsElement .tw-object-cover {

    -o-object-fit: cover;

       object-fit: cover
}

#ZenCommunitySettingsElement .tw-p-0 {

    padding: 0px
}

#ZenCommunitySettingsElement .tw-p-1 {

    padding: 0.25rem
}

#ZenCommunitySettingsElement .tw-p-2 {

    padding: 0.5rem
}

#ZenCommunitySettingsElement .tw-p-2\.5 {

    padding: 0.625rem
}

#ZenCommunitySettingsElement .tw-p-3 {

    padding: 0.75rem
}

#ZenCommunitySettingsElement .tw-p-4 {

    padding: 1rem
}

#ZenCommunitySettingsElement .tw-p-6 {

    padding: 1.5rem
}

#ZenCommunitySettingsElement .tw-px-1 {

    padding-right: 0.25rem;

    padding-left: 0.25rem
}

#ZenCommunitySettingsElement .tw-px-1\.5 {

    padding-right: 0.375rem;

    padding-left: 0.375rem
}

#ZenCommunitySettingsElement .tw-px-2 {

    padding-right: 0.5rem;

    padding-left: 0.5rem
}

#ZenCommunitySettingsElement .tw-px-3 {

    padding-right: 0.75rem;

    padding-left: 0.75rem
}

#ZenCommunitySettingsElement .tw-px-4 {

    padding-right: 1rem;

    padding-left: 1rem
}

#ZenCommunitySettingsElement .tw-px-5 {

    padding-right: 1.25rem;

    padding-left: 1.25rem
}

#ZenCommunitySettingsElement .tw-px-6 {

    padding-right: 1.5rem;

    padding-left: 1.5rem
}

#ZenCommunitySettingsElement .tw-py-0\.5 {

    padding-top: 0.125rem;

    padding-bottom: 0.125rem
}

#ZenCommunitySettingsElement .tw-py-1 {

    padding-top: 0.25rem;

    padding-bottom: 0.25rem
}

#ZenCommunitySettingsElement .tw-py-1\.5 {

    padding-top: 0.375rem;

    padding-bottom: 0.375rem
}

#ZenCommunitySettingsElement .tw-py-2 {

    padding-top: 0.5rem;

    padding-bottom: 0.5rem
}

#ZenCommunitySettingsElement .tw-py-2\.5 {

    padding-top: 0.625rem;

    padding-bottom: 0.625rem
}

#ZenCommunitySettingsElement .tw-py-3 {

    padding-top: 0.75rem;

    padding-bottom: 0.75rem
}

#ZenCommunitySettingsElement .tw-py-4 {

    padding-top: 1rem;

    padding-bottom: 1rem
}

#ZenCommunitySettingsElement .tw-py-5 {

    padding-top: 1.25rem;

    padding-bottom: 1.25rem
}

#ZenCommunitySettingsElement .tw-py-6 {

    padding-top: 1.5rem;

    padding-bottom: 1.5rem
}

#ZenCommunitySettingsElement .tw-py-8 {

    padding-top: 2rem;

    padding-bottom: 2rem
}

#ZenCommunitySettingsElement .tw-pb-2 {

    padding-bottom: 0.5rem
}

#ZenCommunitySettingsElement .tw-pb-6 {

    padding-bottom: 1.5rem
}

#ZenCommunitySettingsElement .tw-pb-\[100px\] {

    padding-bottom: 100px
}

#ZenCommunitySettingsElement .tw-text-left {

    text-align: right
}

#ZenCommunitySettingsElement .tw-text-center {

    text-align: center
}

#ZenCommunitySettingsElement .tw-text-right {

    text-align: left
}

#ZenCommunitySettingsElement .tw-font-mono {

    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

#ZenCommunitySettingsElement .tw-text-\[10px\] {

    font-size: 10px
}

#ZenCommunitySettingsElement .tw-text-\[11px\] {

    font-size: 11px
}

#ZenCommunitySettingsElement .tw-text-\[13px\] {

    font-size: 13px
}

#ZenCommunitySettingsElement .tw-text-\[14px\] {

    font-size: 14px
}

#ZenCommunitySettingsElement .tw-text-\[15px\] {

    font-size: 15px
}

#ZenCommunitySettingsElement .tw-text-\[18px\] {

    font-size: 18px
}

#ZenCommunitySettingsElement .tw-text-base {

    font-size: 1rem;

    line-height: 1.5rem
}

#ZenCommunitySettingsElement .tw-text-sm {

    font-size: 0.875rem;

    line-height: 1.25rem
}

#ZenCommunitySettingsElement .tw-text-xl {

    font-size: 1.25rem;

    line-height: 1.75rem
}

#ZenCommunitySettingsElement .tw-text-xs {

    font-size: 0.75rem;

    line-height: 1rem
}

#ZenCommunitySettingsElement .tw-font-\[var\(--zencom-font\)\] {

    font-weight: var(--zencom-font)
}

#ZenCommunitySettingsElement .tw-font-bold {

    font-weight: 700
}

#ZenCommunitySettingsElement .tw-font-medium {

    font-weight: 500
}

#ZenCommunitySettingsElement .tw-font-normal {

    font-weight: 400
}

#ZenCommunitySettingsElement .tw-font-semibold {

    font-weight: 600
}

#ZenCommunitySettingsElement .tw-uppercase {

    text-transform: uppercase
}

#ZenCommunitySettingsElement .tw-leading-5 {

    line-height: 1.25rem
}

#ZenCommunitySettingsElement .tw-leading-9 {

    line-height: 2.25rem
}

#ZenCommunitySettingsElement .tw-leading-\[30px\] {

    line-height: 30px
}

#ZenCommunitySettingsElement .tw-leading-none {

    line-height: 1
}

#ZenCommunitySettingsElement .tw-text-\[\#1a7f37\] {

    --tw-text-opacity: 1;

    color: rgb(26 127 55 / var(--tw-text-opacity, 1))
}

#ZenCommunitySettingsElement .tw-text-\[\#738496\] {

    --tw-text-opacity: 1;

    color: rgb(115 132 150 / var(--tw-text-opacity, 1))
}

#ZenCommunitySettingsElement .tw-text-gray-400 {

    --tw-text-opacity: 1;

    color: rgb(156 163 175 / var(--tw-text-opacity, 1))
}

#ZenCommunitySettingsElement .tw-text-gray-500 {

    --tw-text-opacity: 1;

    color: rgb(107 114 128 / var(--tw-text-opacity, 1))
}

#ZenCommunitySettingsElement .tw-text-gray-700 {

    --tw-text-opacity: 1;

    color: rgb(55 65 81 / var(--tw-text-opacity, 1))
}

#ZenCommunitySettingsElement .tw-text-orange-600 {

    --tw-text-opacity: 1;

    color: rgb(234 88 12 / var(--tw-text-opacity, 1))
}

#ZenCommunitySettingsElement .tw-text-orange-700 {

    --tw-text-opacity: 1;

    color: rgb(194 65 12 / var(--tw-text-opacity, 1))
}

#ZenCommunitySettingsElement .tw-text-red-700 {

    --tw-text-opacity: 1;

    color: rgb(185 28 28 / var(--tw-text-opacity, 1))
}

#ZenCommunitySettingsElement .tw-text-white {

    --tw-text-opacity: 1;

    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

#ZenCommunitySettingsElement .tw-text-zc-fg {

    color: var(--zencom-font-color)
}

#ZenCommunitySettingsElement .tw-text-zc-muted {

    color: var(--zencom-font-muted)
}

#ZenCommunitySettingsElement .tw-text-zc-primary {

    color: var(--zencom-primary-color)
}

#ZenCommunitySettingsElement .tw-no-underline {

    text-decoration-line: none
}

#ZenCommunitySettingsElement .tw-opacity-40 {

    opacity: 0.4
}

#ZenCommunitySettingsElement .tw-opacity-50 {

    opacity: 0.5
}

#ZenCommunitySettingsElement .tw-shadow {

    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);

    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);

    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#ZenCommunitySettingsElement .tw-shadow-\[0_0_1px_0_rgba\(20\,26\,36\,0\.30\)\,0_2px_4px_0_rgba\(20\,26\,36\,0\.10\)\] {

    --tw-shadow: 0 0 1px 0 rgba(20,26,36,0.30),0 2px 4px 0 rgba(20,26,36,0.10);

    --tw-shadow-colored: 0 0 1px 0 var(--tw-shadow-color), 0 2px 4px 0 var(--tw-shadow-color);

    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#ZenCommunitySettingsElement .tw-shadow-zc {

    --tw-shadow: var(--zencom-shadow);

    --tw-shadow-colored: var(--zencom-shadow);

    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#ZenCommunitySettingsElement .tw-transition-colors {

    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-duration: 150ms
}

#ZenCommunitySettingsElement .tw-transition-opacity {

    transition-property: opacity;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-duration: 150ms
}

#ZenCommunitySettingsElement .tw-transition-transform {

    transition-property: transform;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-duration: 150ms
}

#ZenCommunitySettingsElement .hover\:tw-bg-blue-400:hover {

    --tw-bg-opacity: 1;

    background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1))
}

#ZenCommunitySettingsElement .hover\:tw-bg-blue-50:hover {

    --tw-bg-opacity: 1;

    background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1))
}

#ZenCommunitySettingsElement .hover\:tw-bg-gray-50:hover {

    --tw-bg-opacity: 1;

    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1))
}

#ZenCommunitySettingsElement .hover\:tw-bg-red-600:hover {

    --tw-bg-opacity: 1;

    background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1))
}

#ZenCommunitySettingsElement .hover\:tw-opacity-90:hover {

    opacity: 0.9
}

#ZenCommunitySettingsElement .focus\:tw-border-zc-primary:focus {

    border-color: var(--zencom-primary-color)
}

#ZenCommunitySettingsElement .focus\:tw-shadow-none:focus {

    --tw-shadow: 0 0 #0000;

    --tw-shadow-colored: 0 0 #0000;

    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#ZenCommunitySettingsElement .disabled\:tw-cursor-not-allowed:disabled {

    cursor: not-allowed
}

#ZenCommunitySettingsElement .disabled\:tw-opacity-50:disabled {

    opacity: 0.5
}

@media (min-width: 640px) {

    #ZenCommunitySettingsElement .sm\:tw-flex-col {

        flex-direction: column
    }
}

@media (min-width: 768px) {

    #ZenCommunitySettingsElement .md\:tw-flex-row {

        flex-direction: row
    }

    #ZenCommunitySettingsElement .md\:tw-items-center {

        align-items: center
    }

    #ZenCommunitySettingsElement .md\:tw-p-2\.5 {

        padding: 0.625rem
    }
}

@media (min-width: 1280px) {

    #ZenCommunitySettingsElement .xl\:tw-max-w-\[1250px\] {

        max-width: 1250px
    }
}

