.shadow,
.shadow-md,
.shadow-sm,
input:focus+.kw-radio-button-slider {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.from-kwsso-primary-bg,
.from-purple-500,
.kwsso_contact_us_box {
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.kwsso-absolute {
    position: absolute
}

.kw-input-wrapper,
.relative {
    position: relative
}

.right-kwsso-2 {
    right: .5rem
}

.top-kwsso-4 {
    top: 1rem
}

.m-kwsso-0 {
    margin: 0
}

.m-kwsso-2 {
    margin: .5rem
}

.m-kwsso-4 {
    margin: 1rem
}

.mx-kwsso-4 {
    margin-left: 1rem;
    margin-right: 1rem
}

.mx-kwsso-8 {
    margin-left: 2rem;
    margin-right: 2rem
}

.my-kwsso-2 {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.my-kwsso-4 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.my-kwsso-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.my-kwsso-8 {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.-ml-kwsso-4 {
    margin-left: -1rem
}

.mb-kwsso-2 {
    margin-bottom: .5rem
}

.mb-kwsso-4 {
    margin-bottom: 1rem
}

.mb-kwsso-6 {
    margin-bottom: 1.5rem
}

.mb-kwsso-8 {
    margin-bottom: 2rem
}

.ml-kwsso-1 {
    margin-left: .25rem
}

.ml-kwsso-4 {
    margin-left: 1rem
}

.mr-kwsso-16 {
    margin-right: 4rem
}

.mr-kwsso-2 {
    margin-right: .5rem
}

.mr-kwsso-4 {
    margin-right: 1rem
}

.mr-kwsso-8 {
    margin-right: 2rem
}

.mt-kwsso-1 {
    margin-top: .25rem
}

.mt-kwsso-4 {
    margin-top: 1rem
}

.mt-kwsso-6 {
    margin-top: 1.5rem
}

.block,
.kw-checkbox-container input:checked~.kw-checkmark:after {
    display: block
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.h-\[160px\] {
    height: 160px
}

.h-\[56px\] {
    height: 56px
}

.h-\[80px\] {
    height: 80px
}

.h-kwsso-10 {
    height: 2.5rem
}

.h-kwsso-icon {
    height: 24px
}

.h-screen {
    height: 100vh
}

.w-\[296px\] {
    width: 296px
}

.w-\[95\%\] {
    width: 95%
}

.w-full {
    width: 100%
}

.w-kwsso-10 {
    width: 2.5rem
}

.w-kwsso-icon {
    width: 24px
}

.max-w-3xl {
    max-width: 48rem
}

.max-w-xl {
    max-width: 36rem
}

.flex-1 {
    flex: 1 1 0%
}

.flex-shrink {
    flex-shrink: 1
}

.flex-grow {
    flex-grow: 1
}

.border-collapse {
    border-collapse: collapse
}

.transform {
    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 spin {
    to {
        transform: rotate(360deg)
    }
}

.animate-spin {
    animation: 1s linear infinite spin
}

.cursor-pointer {
    cursor: pointer
}

.resize {
    resize: both
}

.flex-col {
    flex-direction: column
}

.items-center,
.kw-icon-button {
    align-items: center
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.gap-kwsso-2 {
    gap: .5rem
}

.gap-kwsso-3 {
    gap: .75rem
}

.gap-kwsso-4 {
    gap: 1rem
}

.gap-kwsso-6 {
    gap: 1.5rem
}

.space-x-kwsso-4>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-y-kwsso-2>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.5rem * var(--tw-space-y-reverse))
}

.rounded {
    border-radius: .25rem
}

.rounded-full {
    border-radius: 9999px
}

.rounded-kwsso-smooth {
    border-radius: 4px
}

.rounded-lg {
    border-radius: .5rem
}

.rounded-md {
    border-radius: .375rem
}

.border {
    border-width: 1px
}

.border-2 {
    border-width: 2px
}

.border-4 {
    border-width: 4px
}

.border-b {
    border-bottom-width: 1px;
    border-bottom-color: rgb(241 245 249)
}

.border-t {
    border-top-width: 1px;
    border-top-color: rgb(241 245 249)
}

.border-dashed {
    border-style: dashed
}

.border-blue-600 {
    --tw-border-opacity: 1;
    border-color: rgb(37 99 235 / var(--tw-border-opacity, 1))
}

.border-kwsso-primary-br {
    --tw-border-opacity: 1;
    border-color: rgb(226 232 240 / var(--tw-border-opacity, 1))
}

.bg-amber-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1))
}

.bg-gray-100,
.kw-subtab-title-active {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1))
}

.bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1))
}

.bg-kwsso-app-primary,
.kw-main-button.primary:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1))
}

.kw-main-button.primary:disabled,
.kw-main-button:disabled {
    background-color: rgb(199 210 254 / var(--tw-bg-opacity, 1));
    --tw-bg-opacity: 1
}

.bg-kwsso-primary-bg {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

.bg-orange-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(234 88 12 / var(--tw-bg-opacity, 1))
}

.bg-transparent {
    background-color: transparent
}

.bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}

.bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops))
}

.from-kwsso-primary-bg {
    --tw-gradient-from: #FFFFFF var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position)
}

.from-purple-500 {
    --tw-gradient-from: #a855f7 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position)
}

.to-kwsso-secondary-bg {
    --tw-gradient-to: #F8FAFC var(--tw-gradient-to-position)
}

.to-pink-500 {
    --tw-gradient-to: #ec4899 var(--tw-gradient-to-position)
}

.p-kwsso-1\.5 {
    padding: .375rem
}

.p-kwsso-2 {
    padding: .5rem
}

.p-kwsso-4 {
    padding: 1rem
}

.p-kwsso-6 {
    padding: 1.5rem
}

.p-kwsso-8 {
    padding: 2rem
}

.px-kwsso-16 {
    padding-left: 4rem;
    padding-right: 4rem
}

.px-kwsso-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-kwsso-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.px-kwsso-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.py-kwsso-1 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.py-kwsso-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.py-kwsso-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.py-kwsso-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.pb-kwsso-2 {
    padding-bottom: .5rem
}

.pb-kwsso-4 {
    padding-bottom: 1rem
}

.pl-kwsso-1\.5 {
    padding-left: .375rem
}

.pl-kwsso-2 {
    padding-left: .5rem
}

.pl-kwsso-4 {
    padding-left: 1rem
}

.pl-kwsso-8 {
    padding-left: 2rem
}

.pr-kwsso-1 {
    padding-right: .25rem
}

.pr-kwsso-4 {
    padding-right: 1rem
}

.pt-kwsso-4 {
    padding-top: 1rem
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.text-kwsso-head-text {
    font-size: 16px
}

.text-kwsso-subtitle {
    font-size: 13px
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.font-bold {
    font-weight: 700
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.leading-normal {
    line-height: 1.5
}

.text-blue-600,
.text-kwsso-app-primary {
    --tw-text-opacity: 1;
    color: rgb(37 99 235 / var(--tw-text-opacity, 1))
}

.text-kwsso-inactive-ic {
    --tw-text-opacity: 1;
    color: rgb(148 163 184 / var(--tw-text-opacity, 1))
}

.kw-main-button.primary,
.text-kwsso-light-ic,
.text-white {
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    --tw-text-opacity: 1
}

.text-kwsso-primary-txt {
    --tw-text-opacity: 1;
    color: rgb(51 65 85 / var(--tw-text-opacity, 1))
}

.kw-subtitle-secondary,
.text-kwsso-secondary-txt {
    --tw-text-opacity: 1;
    color: rgb(100 116 139 / var(--tw-text-opacity, 1))
}

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

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

.kw-plugin-container select,
.shadow-sm,
input:focus+.kw-radio-button-slider {
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)
}

.outline {
    outline-style: solid
}

.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}

.duration-300 {
    transition-duration: .3s
}

:where(#kwsso-main-outer-container-div) * {
    box-sizing: border-box;
    border: 0 solid #d3d3d3
}

.kw-main-button,
.kw-main-button.medium {
    width: 100%;
    border-style: none;
    text-align: center;
    text-decoration-line: none;
    gap: .5rem
}

:where(#kwsso-main-outer-container-div) img,
:where(#kwsso-main-outer-container-div) video {
    max-width: 100%;
    height: auto
}

:where(#kwsso-main-outer-container-div) button,
:where(#kwsso-main-outer-container-div) input,
:where(#kwsso-main-outer-container-div) optgroup,
:where(#kwsso-main-outer-container-div) select,
:where(#kwsso-main-outer-container-div) textarea {
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

:where(#kwsso-main-outer-container-div) legend {
    padding: 0
}

:where(#kwsso-main-outer-container-div) ::-webkit-search-decoration {
    -webkit-appearance: none
}

:where(#kwsso-main-outer-container-div) sub,
:where(#kwsso-main-outer-container-div) sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

:where(#kwsso-main-outer-container-div) [type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

:where(#kwsso-main-outer-container-div) blockquote,
:where(#kwsso-main-outer-container-div) dd,
:where(#kwsso-main-outer-container-div) dl,
:where(#kwsso-main-outer-container-div) figure,
:where(#kwsso-main-outer-container-div) h1,
:where(#kwsso-main-outer-container-div) h2,
:where(#kwsso-main-outer-container-div) h3,
:where(#kwsso-main-outer-container-div) h4,
:where(#kwsso-main-outer-container-div) h5,
:where(#kwsso-main-outer-container-div) h6,
:where(#kwsso-main-outer-container-div) hr,
:where(#kwsso-main-outer-container-div) p,
:where(#kwsso-main-outer-container-div) pre {
    margin: 0
}

:where(#kwsso-main-outer-container-div) sub {
    bottom: -.25em
}

:where(#kwsso-main-outer-container-div) audio,
:where(#kwsso-main-outer-container-div) canvas,
:where(#kwsso-main-outer-container-div) embed,
:where(#kwsso-main-outer-container-div) iframe,
:where(#kwsso-main-outer-container-div) img,
:where(#kwsso-main-outer-container-div) object,
:where(#kwsso-main-outer-container-div) svg,
:where(#kwsso-main-outer-container-div) video {
    display: block;
    vertical-align: middle
}

:where(#kwsso-main-outer-container-div) progress {
    vertical-align: baseline
}

:where(#kwsso-main-outer-container-div) h1,
:where(#kwsso-main-outer-container-div) h2,
:where(#kwsso-main-outer-container-div) h3,
:where(#kwsso-main-outer-container-div) h4,
:where(#kwsso-main-outer-container-div) h5,
:where(#kwsso-main-outer-container-div) h6 {
    font-size: inherit;
    font-weight: inherit
}

:where(#kwsso-main-outer-container-div) ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

:where(#kwsso-main-outer-container-div) fieldset {
    margin: 0;
    padding: 0
}

:where(#kwsso-main-outer-container-div) button,
[role=button] {
    cursor: pointer
}

:where(#kwsso-main-outer-container-div) code,
:where(#kwsso-main-outer-container-div) kbd,
:where(#kwsso-main-outer-container-div) pre,
:where(#kwsso-main-outer-container-div) samp {
    font-size: 1em
}

:where(#kwsso-main-outer-container-div) input::-moz-placeholder,
:where(#kwsso-main-outer-container-div) textarea::-moz-placeholder {
    opacity: 1;
    color: #dfdede
}

:where(#kwsso-main-outer-container-div) abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

:where(#kwsso-main-outer-container-div) button,
:where(#kwsso-main-outer-container-div) select {
    text-transform: none
}

:where(#kwsso-main-outer-container-div) [type=button],
:where(#kwsso-main-outer-container-div) [type=reset],
:where(#kwsso-main-outer-container-div) [type=submit],
:where(#kwsso-main-outer-container-div) button {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:where(#kwsso-main-outer-container-div) ::-webkit-inner-spin-button,
:where(#kwsso-main-outer-container-div) ::-webkit-outer-spin-button {
    height: auto
}

:where(#kwsso-main-outer-container-div) :disabled {
    cursor: default
}

:where(#kwsso-main-outer-container-div) sup {
    top: -.5em
}

:where(#kwsso-main-outer-container-div) hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

:where(#kwsso-main-outer-container-div) :-moz-ui-invalid {
    box-shadow: none
}

:where(#kwsso-main-outer-container-div) input::placeholder,
:where(#kwsso-main-outer-container-div) textarea::placeholder {
    opacity: 1;
    color: #dfdede
}

:where(#kwsso-main-outer-container-div) summary {
    display: list-item
}

:where(#kwsso-main-outer-container-div) menu,
:where(#kwsso-main-outer-container-div) ol,
:where(#kwsso-main-outer-container-div) ul {
    margin-left: 1rem;
    padding: 0
}

:where(#kwsso-main-outer-container-div) table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

:where(#kwsso-main-outer-container-div) a {
    color: inherit;
    text-decoration: inherit
}

:where(#kwsso-main-outer-container-div) b,
:where(#kwsso-main-outer-container-div) strong {
    font-weight: bolder
}

:where(#kwsso-main-outer-container-div) small {
    font-size: 80%
}

:where(#kwsso-main-outer-container-div) textarea {
    resize: vertical
}

:where(#kwsso-main-outer-container-div)::after,
:where(#kwsso-main-outer-container-div)::before {
    --tw-content: ""
}

:where(#kwsso-main-outer-container-div) :-moz-focusring {
    outline: auto
}

.kw-plugin-container {
    width: 100%;
    padding: 2rem
}

@font-face {
    font-family: Inter;
    font-style: 400;
    src: url("../fonts/InterRegular.woff2")
}

@font-face {
    font-family: Inter;
    font-weight: 500;
    src: url("../fonts/InterMedium.woff2")
}

@font-face {
    font-family: Inter;
    font-weight: 600;
    src: url("../fonts/InterSemiBold.woff2")
}

:where(#kwsso-main-outer-container-div) * {
    font-family: Inter, sans-serif
}

.kw-subtitle {
    font-weight: 500;
    line-height: 1.5;
    --tw-text-opacity: 1;
    color: rgb(51 65 85 / var(--tw-text-opacity, 1))
}

.kw-main-button {
    display: flex;
    cursor: pointer;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    font-weight: 600;
    font-size: 13px;
    border-radius: .35rem;
    height: 38px
}

.kw-main-button.medium:hover,
.kw-main-button:hover {
    text-decoration-line: none
}

.kw-main-button.medium {
    display: flex;
    height: 35px;
    cursor: pointer;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: .375rem;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 12px;
    font-weight: 700
}

.kw-main-button.primary {
    background-color: #1877f2
}

.kw-main-button.primary:disabled {
    cursor: not-allowed
}

#kwsso-main-outer-container-div,
.kw-main-button.secondary:disabled,
.kw-main-button.secondary:hover {
    background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1))
}

.kw-main-button.secondary {
    border: 1px solid rgb(203 213 225);
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1))
}

.kw-main-button.alert,
.kw-main-button.inverted {
    border-width: 1px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    --tw-bg-opacity: 1
}

.kw-main-button.secondary:hover {
    --tw-bg-opacity: 1
}

.kw-main-button.secondary:disabled {
    cursor: not-allowed;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity, 1))
}

.kw-main-button.inverted {
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1))
}

.kw-main-button.inverted:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1))
}

.kw-main-button.inverted:disabled {
    cursor: not-allowed;
    --tw-bg-opacity: 1;
    background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1))
}

.kw-main-button.alert {
    background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1))
}

.kw-main-button.gradient-button {
    background: linear-gradient(to right, #a855f7, #ec4899);
    color: #fff;
    cursor: pointer;
    transition: background .3s ease-in-out, transform .2s
}

.kw-main-button.gradient-button:hover {
    background: linear-gradient(to left, #a855f7, #ec4899);
    transform: translateY(-1px)
}

.kw-main-button.gradient-button:active {
    transform: translateY(0)
}

.kw-icon-button {
    border-radius: 9999px;
    transition-duration: 150ms;
    justify-content: center;
    border: .5px solid #d3d3d3;
    display: flex;
    height: 36px;
    width: 36px
}

.kw-icon-button:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249 / var(--tw-bg-opacity))
}

.kw-input-label,
.kw-radio-button-slider:before {
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    --tw-bg-opacity: 1
}

.kw-input-wrapper {
    width: 100%
}

.kw-input[type=email],
.kw-input[type=password],
.kw-input[type=text],
.kw-input[type=textarea],
.kw-input[type=url],
.kw-textarea,
select.kw-input {
    -webkit-appearance: none;
    outline: 0 !important;
    box-shadow: none !important;
    border: 2px solid;
    border-radius: .375rem;
    --tw-border-opacity: 1;
    border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
    padding: 1rem;
    font-weight: 700;
    transition-duration: .2s
}

.kw-plugin-container select,
.kwsso_contact_us_box,
.kwsso_gethelp_container {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.kw-input[type=email]:disabled,
.kw-input[type=password]:disabled,
.kw-input[type=text]:disabled,
.kw-input[type=textarea]:disabled,
.kw-input[type=url]:disabled,
.kw-textarea:disabled,
select.kw-input:disabled {
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.kw-input[type=email]:focus,
.kw-input[type=password]:focus,
.kw-input[type=text]:focus,
.kw-input[type=textarea]:focus,
.kw-input[type=url]:focus,
.kw-textarea:focus,
select.kw-input:focus {
    outline: 0 !important;
    box-shadow: none !important;
    border: 2px solid #000;
    --tw-border-opacity: 1;
    border-color: rgb(99 102 241 / var(--tw-border-opacity, 1))
}

select.kw-input {
    padding: .75rem 1rem !important;
    font-size: .875rem !important;
    font-weight: 500 !important
}

.kw-textarea {
    font-family: monospace, sans-serif;
    width: 100%;
    resize: none;
    font-weight: 400
}

.kw-input-label,
.kw-subtab-title {
    --tw-text-opacity: 1;
    font-weight: 600
}

.kw-input-label {
    border-radius: 4px;
    position: absolute;
    top: -.625rem;
    left: .75rem;
    padding-left: .5rem;
    padding-right: .5rem;
    font-size: 12px;
    color: rgb(100 116 139 / var(--tw-text-opacity, 1))
}

.group:focus-within .kw-input-label {
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(99 102 241 / var(--tw-text-opacity, 1))
}

.kw-switch input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
    display: none
}

.kw-radio-button-slider {
    display: flex;
    align-items: center;
    --tw-bg-opacity: 1;
    background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1))
}

.kw-radio-button-slider:before {
    content: ""
}

input:checked+.kw-radio-button-slider {
    --tw-bg-opacity: 1;
    background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(99 102 241 / var(--tw-bg-opacity))
}

.kw-checkbox-container {
    position: relative;
    display: block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.kw-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border-radius: .125rem;
    --tw-bg-opacity: 1;
    background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
    transition-duration: .2s
}

.kw-plugin-container select,
.kw-section-header {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

.kw-checkbox-container:hover input~.kw-checkmark {
    --tw-bg-opacity: 1;
    background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1))
}

.kw-checkbox-container input:checked~.kw-checkmark {
    --tw-bg-opacity: 1;
    background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1))
}

.kw-checkmark:after {
    content: '';
    position: absolute;
    display: none
}

.kw-checkbox-container .kw-checkmark:after {
    top: 3px;
    left: 7px;
    height: 10px;
    width: 6px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg)
}

.kw-select-container {
    border: 1.5px solid;
    border-radius: .375rem;
    --tw-border-opacity: 1;
    border-color: rgb(203 213 225 / var(--tw-border-opacity, 1))
}

.kw-section-header,
.kw-subtabs-container {
    display: flex;
    align-items: center;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(226 232 240 / var(--tw-border-opacity, 1))
}

.kw-plugin-container select {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .375rem;
    border-width: 1px;
    padding: .625rem;
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
    outline: transparent solid 2px;
    outline-offset: 2px
}

.kw-plugin-container select:focus {
    --tw-border-opacity: 1;
    border-color: rgb(79 70 229 / var(--tw-border-opacity, 1))
}

.kw-section-header {
    height: 60px;
    justify-content: flex-start;
    gap: .5rem;
    padding-left: 1rem;
    padding-right: 1.5rem
}

.kw-head-text {
    line-height: 1.5;
    flex: 1 1 0%
}

.kw-subtabs-container {
    height: 56px;
    gap: 12px;
    padding-left: 12px;
    padding-right: 12px
}

.kw-header,
.kwsso_contact_us_box {
    display: flex;
    height: 60px;
    align-items: center
}

.kw-subtab-item {
    cursor: pointer;
    padding-top: 16px;
    padding-bottom: 16px
}

.kw-subtab-title {
    border-radius: 4px;
    padding: 12px;
    line-height: 1.5;
    color: rgb(51 65 85 / var(--tw-text-opacity, 1));
    font-size: .8rem
}

.kw-subtab-title:hover {
    background-color: rgb(226 232 240 / .5)
}

.kw-subtab-item-active {
    border-bottom-width: 3px;
    border-color: #000
}

.kw-alert-container,
.kw-main-content {
    border-width: 1px;
    border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
    --tw-border-opacity: 1
}

.kw-alert-container {
    padding: 12px;
    margin-bottom: 5px;
    font-weight: 600 !important;
    border-radius: 5px
}

.kw-alert-success {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1)) !important;
    --tw-text-opacity: 1 !important;
    color: rgb(22 101 52 / var(--tw-text-opacity, 1)) !important
}

.kw-alert-error {
    --tw-bg-opacity: 1;
    background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity, 1))
}

#kwsso-main-outer-container-div {
    margin-left: -18px;
    border-radius: 5px;
    padding: 2px 2px 10px;
    --tw-bg-opacity: 1
}

.kw-main-content {
    border-radius: 7px;
    overflow: hidden
}

.kw-idp-list-container {
    font-family: Inter, sans-serif !important
}

.kw-head-text {
    font-size: 1rem;
    font-weight: 600
}

.kw-header {
    border-bottom: 1px solid;
    gap: 1rem;
    --tw-border-opacity: 1;
    border-color: rgb(226 232 240 / var(--tw-border-opacity));
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.kw-subtitle {
    font-size: .85rem;
    font-weight: 550
}

.kw-subtitle-secondary {
    font-size: .8rem;
    line-height: 1.5;
    --tw-text-opacity: 1;
    color: rgb(51 65 85 / var(--tw-text-opacity))
}

.kwsso-get-help-container {
    position: fixed;
    right: 3rem;
    bottom: 2.5rem
}

.kwsso_gethelp_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
}

.kwsso_contact_us_box {
    border-radius: 15px;
    position: relative;
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
    --tw-gradient-from: #2563eb var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);
    --tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position);
    padding-left: 1rem;
    padding-right: 1rem;
    --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);
    background-color: #007bff
}

.kw-radio-button-slider:before,
.kwsso_gethelp_container {
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.kwsso_gethelp_container {
    border-radius: 10px;
    width: 380px;
    --tw-bg-opacity: 1;
    margin-right: 1.75rem;
    margin-bottom: 1.75rem;
    border-width: 1px;
    overflow: hidden;
    bottom: 0;
    right: 0;
    position: absolute;
    --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)
}

:where(#kwsso_gethelp_container) p {
    margin: 0;
    padding: 0
}

.kw-switch {
    position: relative;
    display: inline-block;
    height: 24px;
    width: 40px
}

.kw-radio-button-slider,
.kw-radio-button-slider:before {
    position: absolute;
    border-radius: 9999px;
    transition-duration: 150ms;
    --tw-bg-opacity: 1
}

.kw-radio-button-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))
}

.kw-radio-button-slider:before {
    left: 3px;
    height: 19px;
    width: 19px;
    content: ""
}

input:checked+.kw-radio-button-slider:before {
    transform: translateX(15px)
}

.kw-radio-button-slider.round {
    border-radius: 34px
}

.kw-radio-button-slider.round:before {
    border-radius: 50%
}

.kwsso_full-layout {
    margin: 0;
    width: 100%
}

@keyframes slideIn {
    from {
        bottom: -300px;
        opacity: 0
    }
    to {
        bottom: 0;
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.text-blue-600 {
    --tw-text-opacity: 1;
    color: rgb(37 99 235 / var(--tw-text-opacity))
}

.hover\:bg-gray-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1))
}

.hover\:bg-gradient-to-l:hover {
    background-image: linear-gradient(to left, var(--tw-gradient-stops))
}

.hover\:text-gray-900:hover {
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity, 1))
}

@media (min-width:640px) {
    .kw-main-button,
    .kw-main-button.medium {
        width: auto
    }
    .sm\:p-kwsso-5 {
        padding: 1.25rem
    }
}

@media (min-width:768px) {
    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}