.mo-addon-card,
.mowc-button:focus,
.mowc-tab-item:focus,
.shadow-lg,
.shadow-md,
input:focus+.mowc-slider {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.overflow-hidden,
.sr-only {
    overflow: hidden
}

.mowc-caption,
.text-blue-600,
.text-green-300,
.text-slate-200,
.text-white,
.text-yellow-500 {
    --tw-text-opacity: 1
}

.mo-addon-card,
.shadow-md {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

.static {
    position: static
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.right-mowc-0 {
    right: 0
}

.bottom-mowc-0 {
    bottom: 0
}

.my-mowc-3 {
    margin-top: .75rem;
    margin-bottom: .75rem
}

.my-mowc-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.mt-mowc-2 {
    margin-top: .5rem
}

.mt-mowc-4 {
    margin-top: 1rem
}

.-ml-mowc-4 {
    margin-left: -1rem
}

.mt-mowc-3 {
    margin-top: .75rem
}

.mt-mowc-1 {
    margin-top: .25rem
}

.ml-\[32px\] {
    margin-left: 32px
}

.block,
.peer:checked~.peer-checked\:block {
    display: block
}

.flex,
.mowc-checkbox-container input:checked~.mowc-checkmark:after {
    display: flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.hidden,
.mowc-switch input {
    display: none
}

.h-full {
    height: 100%
}

.h-mowc-14 {
    height: 3.5rem
}

.h-\[68px\] {
    height: 68px
}

.h-\[100px\] {
    height: 100px
}

.h-\[128px\] {
    height: 128px
}

.min-h-\[8px\] {
    min-height: 8px
}

.w-full {
    width: 100%
}

.w-max {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.w-\[368px\] {
    width: 368px
}

.w-\[528px\] {
    width: 528px
}

.min-w-\[8px\] {
    min-width: 8px
}

.flex-1 {
    flex: 1 1 0%
}

@-webkit-keyframes fade-in-up {
    0% {
        opacity: 0;
        transform: translateY(10px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fade-in-up {
    0% {
        opacity: 0;
        transform: translateY(10px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.animate-fade-in-up {
    -webkit-animation: .1s ease-out fade-in-up;
    animation: .1s ease-out fade-in-up
}

.cursor-pointer {
    cursor: pointer
}

.resize {
    resize: both
}

.mo-addon-section-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(268px, 1fr));
    gap: 1rem;
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249 / var(--tw-bg-opacity));
    padding: 1rem
}

.bg-white,
.mo-addon-card {
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-bg-opacity: 1
}

.mo-addon-card {
    display: flex;
    flex-direction: column;
    border-radius: .125rem;
    padding: 1.25rem
}

.text-md {
    font-size: 1rem;
    line-height: 1.25rem
}

.grid-cols-pricingPlans {
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr))
}

.flex-col {
    flex-direction: column
}

.items-center {
    align-items: center
}

.justify-end {
    justify-content: flex-end
}

.justify-center,
.mowc-button {
    justify-content: center
}

.gap-mowc-2 {
    gap: .5rem
}

.gap-mowc-3 {
    gap: .75rem
}

.gap-mowc-5 {
    gap: 1.25rem
}

.gap-mowc-4 {
    gap: 1rem
}

.gap-mowc-6 {
    gap: 1.5rem
}

.rounded-smooth {
    border-radius: 4px
}

.rounded-full {
    border-radius: 9999px
}

.border,
.mowc-checkbox-container:hover input~.mowc-checkmark {
    border-width: 1px
}

.border-r {
    border-right-width: 1px
}

.border-b,
.mowc-table tr,
.mowc-wcnotif-table thead {
    border-bottom-width: 1px
}

.border-slate-700 {
    --tw-border-opacity: 1;
    border-color: rgb(51 65 85 / var(--tw-border-opacity))
}

.border-slate-400 {
    --tw-border-opacity: 1;
    border-color: rgb(148 163 184 / var(--tw-border-opacity))
}

.bg-slate-100,
.mowc-icon-button:hover,
.mowc-tab-item:hover,
.mowc-tag:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249 / var(--tw-bg-opacity))
}

.bg-slate-50,
.mowc-table td:nth-child(odd) {
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 252 / var(--tw-bg-opacity))
}

.bg-slate-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(15 23 42 / var(--tw-bg-opacity))
}

.bg-yellow-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 249 195 / var(--tw-bg-opacity))
}

.bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops))
}

.from-blue-600 {
    --tw-gradient-from: #2563eb;
    --tw-gradient-to: rgb(37 99 235 / 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.to-blue-700 {
    --tw-gradient-to: #1d4ed8
}

.fill-yellow-400 {
    fill: #facc15
}

.p-mowc-2 {
    padding: .5rem
}

.p-mowc-4 {
    padding: 1rem
}

.p-mowc-14 {
    padding: 3.5rem
}

.mowc-section,
.p-mowc-6 {
    padding: 1.5rem
}

.p-mowc-8 {
    padding: 2rem
}

.px-mowc-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-mowc-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.text-right {
    text-align: right
}

.text-xs {
    font-size: .75rem
}

.font-bold {
    font-weight: 700
}

.font-semibold,
.mowc-alert,
.mowc-button,
.mowc-display,
.mowc-heading,
.mowc-subtab-title,
.mowc-tab-item,
.mowc-table td:nth-child(odd),
.mowc-title {
    font-weight: 600
}

.leading-normal,
.mowc-display {
    line-height: 1.5
}

.leading-loose {
    line-height: 2
}

.text-green-300 {
    color: rgb(134 239 172 / var(--tw-text-opacity))
}

.text-slate-200 {
    color: rgb(226 232 240 / var(--tw-text-opacity))
}

.text-white {
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.text-blue-600 {
    color: rgb(37 99 235 / var(--tw-text-opacity))
}

.text-yellow-500 {
    color: rgb(234 179 8 / var(--tw-text-opacity))
}

.opacity-60 {
    opacity: .6
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)
}

.duration-150 {
    transition-duration: 150ms
}

.duration-300 {
    transition-duration: .3s
}

:where(#main-outer-div) * {
    box-sizing: border-box;
    border: 0 solid #e5e7eb
}

:where(#main-outer-div)::after,
:where(#main-outer-div)::before {
    --tw-content: ""
}

:where(#main-outer-div) hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

:where(#main-outer-div) abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

:where(#main-outer-div) h1,
:where(#main-outer-div) h2,
:where(#main-outer-div) h3,
:where(#main-outer-div) h4,
:where(#main-outer-div) h5,
:where(#main-outer-div) h6 {
    font-size: inherit;
    font-weight: inherit
}

:where(#main-outer-div) a {
    color: inherit;
    text-decoration: inherit
}

:where(#main-outer-div) b,
:where(#main-outer-div) strong {
    font-weight: bolder
}

:where(#main-outer-div) code,
:where(#main-outer-div) kbd,
:where(#main-outer-div) pre,
:where(#main-outer-div) samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em
}

:where(#main-outer-div) small {
    font-size: 80%
}

:where(#main-outer-div) sub,
:where(#main-outer-div) sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

:where(#main-outer-div) sub {
    bottom: -.25em
}

:where(#main-outer-div) sup {
    top: -.5em
}

:where(#main-outer-div) table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

:where(#main-outer-div) button,
:where(#main-outer-div) input,
:where(#main-outer-div) optgroup,
:where(#main-outer-div) select,
:where(#main-outer-div) textarea {
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

:where(#main-outer-div) button,
:where(#main-outer-div) select {
    text-transform: none
}

:where(#main-outer-div) [type=button],
:where(#main-outer-div) [type=reset],
:where(#main-outer-div) [type=submit],
:where(#main-outer-div) button {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:where(#main-outer-div) :-moz-focusring {
    outline: auto
}

:where(#main-outer-div) :-moz-ui-invalid {
    box-shadow: none
}

:where(#main-outer-div) progress {
    vertical-align: baseline
}

:where(#main-outer-div) ::-webkit-inner-spin-button,
:where(#main-outer-div) ::-webkit-outer-spin-button {
    height: auto
}

:where(#main-outer-div) [type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

:where(#main-outer-div) ::-webkit-search-decoration {
    -webkit-appearance: none
}

:where(#main-outer-div) ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

:where(#main-outer-div) summary {
    display: list-item
}

:where(#main-outer-div) blockquote,
:where(#main-outer-div) dd,
:where(#main-outer-div) dl,
:where(#main-outer-div) figure,
:where(#main-outer-div) h1,
:where(#main-outer-div) h2,
:where(#main-outer-div) h3,
:where(#main-outer-div) h4,
:where(#main-outer-div) h5,
:where(#main-outer-div) h6,
:where(#main-outer-div) hr,
:where(#main-outer-div) p,
:where(#main-outer-div) pre {
    margin: 0
}

:where(#main-outer-div) fieldset {
    margin: 0;
    padding: 0
}

:where(#main-outer-div) legend {
    padding: 0
}

:where(#main-outer-div) menu,
:where(#main-outer-div) ol,
:where(#main-outer-div) ul {
    list-style: none;
    margin: 0;
    padding: 0
}

:where(#main-outer-div) textarea {
    resize: vertical
}

:where(#main-outer-div) input::-moz-placeholder,
:where(#main-outer-div) textarea::-moz-placeholder {
    opacity: 1;
    color: #9ca3af
}

:where(#main-outer-div) input::placeholder,
:where(#main-outer-div) textarea::placeholder {
    opacity: 1;
    color: #9ca3af
}

:where(#main-outer-div) button,
[role=button] {
    cursor: pointer
}

:where(#main-outer-div) :disabled {
    cursor: default
}

:where(#main-outer-div) audio,
:where(#main-outer-div) canvas,
:where(#main-outer-div) embed,
:where(#main-outer-div) iframe,
:where(#main-outer-div) img,
:where(#main-outer-div) object,
:where(#main-outer-div) svg,
:where(#main-outer-div) video {
    display: block;
    vertical-align: middle
}

:where(#main-outer-div) img,
:where(#main-outer-div) video {
    max-width: 100%;
    height: auto
}

#main-outer-div {
    margin-left: -20px;
    margin-bottom: 88px;
    width: calc(100% + 20px)
}

.mo-otp-help-button-text {
    background-color: #002ab6
}

@font-face {
    font-family: Inter;
    font-style: 400;
    src: url("../fonts/Inter-Regular.woff2")
}

@font-face {
    font-family: Inter;
    font-weight: 500;
    src: url("../fonts/Inter-Medium.woff2")
}

@font-face {
    font-family: Inter;
    font-weight: 600;
    src: url("../fonts/Inter-SemiBold.woff2")
}

:where(#main-outer-div) * {
    font-family: Inter, sans-serif
}

.mowc-display.large {
    font-size: 1.875rem
}

.mowc-display.regular {
    font-size: 1.5rem
}

.mowc-display.small {
    font-size: 1.25rem
}

.mowc-heading {
    font-size: 1rem
}

.mowc-alert,
.mowc-caption,
.mowc-close,
.mowc-tab-item,
.mowc-table,
.mowc-title,
.mowc-trowhead {
    font-size: .8rem
}

.mowc-caption {
    line-height: 1.5;
    color: rgb(51 65 85 / var(--tw-text-opacity))
}

.mowc-tab-item,
.mowc-tab-item:hover {
    color: rgb(15 23 42 / var(--tw-text-opacity));
    --tw-text-opacity: 1
}

.mowc-list-item {
    padding: .75rem 1.5rem
}

.mowc-tab-item {
    display: flex;
    height: 36px;
    width: 100%;
    cursor: pointer;
    align-items: center;
    gap: .75rem;
    border-radius: 4px;
    padding-left: .5rem;
    padding-right: .5rem;
    transition-duration: 150ms
}

.mowc-button:focus,
.mowc-tab-item:focus {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000
}

.mowc-header {
    border-bottom: 1px solid;
    display: flex;
    height: 68px;
    align-items: center;
    gap: 1rem;
    --tw-border-opacity: 1;
    border-color: rgb(226 232 240 / var(--tw-border-opacity));
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.mowc-alert,
.mowc-table-block {
    padding: 1rem 1.5rem
}

.mowc-alert {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    border-radius: 4px
}

.mowc-message {
    --tw-bg-opacity: 1;
    background-color: rgb(239 246 255 / var(--tw-bg-opacity))
}

.mowc-success {
    --tw-bg-opacity: 1;
    background-color: rgb(240 253 244 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(22 101 52 / var(--tw-text-opacity))
}

.mowc-error {
    --tw-bg-opacity: 1;
    background-color: rgb(254 242 242 / var(--tw-bg-opacity))
}

#main-outer-div .mowc-a {
    border-bottom-width: 2px;
    padding-bottom: .25rem;
    -webkit-text-decoration-line: none;
    text-decoration-line: none
}

#main-outer-div .mowc-a:hover {
    border-bottom-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(15 23 42 / var(--tw-border-opacity))
}

.mowc-table {
    width: 100%;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-width: 1px;
    text-align: left
}

.mowc-trowhead {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity));
    text-transform: uppercase
}

.mowc-table td {
    border-right-width: 1px;
    padding: .75rem 1rem
}

.mowc_deactivation_popup_container {
    font-family: Inter, sans-serif;
    z-index: 2;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
    --tw-bg-opacity: 0.5;
    padding: 3.5rem
}

.mowc-button,
.mowc-icon-button {
    height: 36px;
    align-items: center;
    display: flex
}

.mowc-close {
    float: right
}

.mowc_deactivation_popup_wrapper {
    width: 528px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

:where(#mowc_deactivation_popup_wrapper) p {
    margin: 0;
    padding: 0
}

.deactivation_message {
    border: 1px solid;
    border-radius: 4px;
    --tw-border-opacity: 1;
    border-color: rgb(203 213 225 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 252 / var(--tw-bg-opacity));
    padding: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(15 23 42 / var(--tw-text-opacity))
}

.mowc-button {
    cursor: pointer;
    gap: 1.5rem;
    border-radius: 4px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    outline: transparent solid 2px;
    outline-offset: 2px
}

.mowc-button.primary {
    --tw-bg-opacity: 1;
    background-color: rgb(79 70 229 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.mowc-button.primary:focus {
    outline-width: 2px;
    outline-color: #a5b4fc
}

.mowc-button.primary:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(129 140 248 / var(--tw-bg-opacity))
}

.mowc-button.secondary {
    border-width: 1px;
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(15 23 42 / var(--tw-text-opacity))
}

.mowc-button.secondary:focus {
    outline-width: 2px;
    outline-color: #d1d5db
}

.mowc-button.secondary:disabled {
    cursor: auto;
    --tw-text-opacity: 1;
    color: rgb(148 163 184 / var(--tw-text-opacity))
}

.mowc-button.inverted {
    --tw-bg-opacity: 1;
    background-color: rgb(17 24 39 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(248 250 252 / var(--tw-text-opacity))
}

.mowc-button.inverted:focus {
    outline-width: 2px;
    outline-color: #9ca3af
}

.mowc-icon-button {
    width: 36px;
    justify-content: center;
    border-radius: 9999px;
    border-width: 1px;
    transition-duration: 150ms
}

.mowc-input-wrapper {
    position: relative;
    width: 100%
}

.mowc-subtabs-container {
    display: flex;
    height: 56px;
    align-items: center;
    gap: 12px;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(226 232 240 / var(--tw-border-opacity));
    padding-left: 12px;
    padding-right: 12px
}

.mowc-subtab-item-active {
    border-bottom-width: 3px;
    --tw-border-opacity: 1;
    border-color: rgb(37 99 235 / var(--tw-border-opacity))
}

.mowc-subtab-item {
    cursor: pointer;
    padding-top: 16px;
    padding-bottom: 16px
}

.mowc-subtab-title {
    border-radius: 4px;
    padding: 8px 12px;
    line-height: 1.5;
    --tw-text-opacity: 1;
    color: rgb(51 65 85 / var(--tw-text-opacity));
    font-size: .8rem
}

.mowc-subtab-title:hover {
    background-color: rgb(226 232 240 / .5)
}

.mowc-input-label,
.mowc-slider:before {
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.mowc-input[type=email],
.mowc-input[type=password],
.mowc-input[type=text],
.mowc-textarea {
    -webkit-appearance: none;
    outline: 0 !important;
    box-shadow: none !important;
    border: 1px solid;
    border-radius: 4px;
    --tw-border-opacity: 1;
    border-color: rgb(226 232 240 / var(--tw-border-opacity));
    padding: .75rem 1rem;
    font-weight: 700;
    transition-duration: .2s
}

.mowc-input[type=email]:disabled,
.mowc-input[type=password]:disabled,
.mowc-input[type=text]:disabled,
.mowc-textarea:disabled {
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mowc-input[type=email]:focus,
.mowc-input[type=password]:focus,
.mowc-input[type=text]:focus,
.mowc-textarea:focus {
    outline: 0 !important;
    box-shadow: none !important;
    border: 1px solid #000;
    --tw-border-opacity: 1;
    border-color: rgb(37 99 235 / var(--tw-border-opacity))
}

.mowc-textarea {
    font-family: monospace, sans-serif;
    resize: none;
    font-weight: 400
}

.mowc-input-label {
    position: absolute;
    top: -.625rem;
    left: .75rem;
    --tw-bg-opacity: 1;
    padding-left: .5rem;
    padding-right: .5rem;
    font-size: 12px;
    --tw-text-opacity: 1;
    color: rgb(100 116 139 / var(--tw-text-opacity))
}

.group:focus-within .mowc-input-label {
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(37 99 235 / var(--tw-text-opacity))
}

.mowc-switch {
    position: relative;
    display: inline-block;
    height: 24px;
    width: 40px
}

.mowc-slider,
.mowc-slider:before {
    position: absolute;
    border-radius: 9999px;
    transition-duration: 150ms;
    --tw-bg-opacity: 1
}

.mowc-slider {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    cursor: pointer;
    align-items: center;
    background-color: rgb(203 213 225 / var(--tw-bg-opacity))
}

.mowc-slider:before {
    left: 3px;
    height: 19px;
    width: 19px;
    content: ""
}

input:checked+.mowc-slider {
    --tw-bg-opacity: 1;
    background-color: rgb(99 102 241 / var(--tw-bg-opacity))
}

input:focus+.mowc-slider {
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)
}

input:checked+.mowc-slider:before {
    transform: translateX(15px)
}

.mowc-slider.round {
    border-radius: 34px
}

.mowc-slider.round:before {
    border-radius: 50%
}

.mowc-checkbox-container {
    position: relative;
    display: flex;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    gap: .75rem
}

.mowc-checkmark {
    display: flex;
    height: 20px;
    min-height: 20px;
    width: 20px;
    min-width: 20px;
    align-items: center;
    justify-content: center;
    border-radius: .125rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(203 213 225 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249 / var(--tw-bg-opacity));
    transition-duration: .2s
}

.mowc-checkbox-container input:checked~.mowc-checkmark {
    --tw-border-opacity: 1;
    border-color: rgb(99 102 241 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(99 102 241 / var(--tw-bg-opacity))
}

.mowc-checkmark:after {
    content: "";
    margin-bottom: 3.5px;
    display: none
}

.mowc-checkbox-container .mowc-checkmark:after {
    height: 7px;
    width: 3px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg)
}

.mowc-wcnotif-table {
    width: 100%;
    table-layout: fixed
}

.mowc-wcnotif-table tbody tr:nth-child(odd) td,
.mowc-wcnotif-table thead th {
    padding: 1rem 2rem;
    text-align: left
}

.mowc-wcnotif-table tbody tr:nth-child(2n) {
    border-bottom-width: 1px;
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 252 / var(--tw-bg-opacity))
}

.mowc-wcnotif-table tbody tr td:nth-child(4),
.mowc-wcnotif-table thead tr th:nth-child(4) {
    display: flex;
    justify-content: flex-end;
    text-align: center
}

.mowc-wcnotif-table tbody tr td:nth-child(3) {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 0
}

.mowc-wcnotif-table thead tr th:nth-child(3) {
    width: 48px;
    max-width: 48px !important;
    padding: 0
}

.mowc-tags-section {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem
}

.mowc-otptype-radio-label,
.mowc-tag {
    display: flex;
    align-items: center;
    border-width: 1px
}

.mowc-tag {
    cursor: pointer;
    justify-content: center;
    border-radius: 4px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding: .25rem .5rem;
    transition-duration: 150ms;
    font-size: .8rem;
    line-height: 1.5;
    --tw-text-opacity: 1;
    color: rgb(51 65 85 / var(--tw-text-opacity))
}

.mowc-otptype-radio-label {
    gap: 1rem;
    border-radius: .375rem;
    padding: .75rem 1rem;
    transition-duration: 75ms
}

.peer:checked~.mowc-otptype-radio-label {
    border-color: transparent;
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 252 / var(--tw-bg-opacity));
    outline-style: solid;
    outline-color: #2563eb
}

.mowc-otptype-radio-container {
    margin-top: 1.25rem;
    display: grid;
    width: 100%;
    grid-template-columns: repeat(auto-fit, minmax(292px, 292px));
    gap: .75rem
}

.feature-snippet {
    display: flex;
    align-items: center;
    gap: 1rem
}

.mowc-features {
    display: flex;
    flex: 1 1 0%;
    list-style-type: none;
    flex-direction: column;
    gap: .75rem
}

.mowc-sms-pricing-table {
    flex: 1 1 0%;
    border-width: 1px
}

.mowc-sms-pricing-table tbody tr td,
.mowc-sms-pricing-table thead th {
    border-bottom-width: 1px;
    border-right-width: 1px;
    padding: .5rem 1rem
}

.mowc-formsettings-container {
    border-bottom-width: 1px;
    padding: 1rem 1.5rem
}

.mowc-form-options {
    margin-left: 32px;
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.contact-us-container {
    position: fixed;
    right: 2rem;
    bottom: 2.5rem
}

.mowc_contactus_popup_container {
    font-family: Inter, sans-serif;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
    --tw-bg-opacity: 0.5;
    padding: 3.5rem
}

.before\:content-none::before {
    --tw-content: none;
    content: var(--tw-content)
}

@media (min-width:768px) {
    .md\:w-\[268px\] {
        width: 268px
    }

    .md\:min-w-\[268px\] {
        min-width: 268px
    }
}

@media (min-width:1280px) {
    .xl\:w-5\/12 {
        width: 41.666667%
    }

    .xl\:w-7\/12 {
        width: 58.333333%
    }

    .xl\:flex-row {
        flex-direction: row
    }
}