html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
menu,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
main,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
    display: block
}

*[hidden] {
    display: none
}

body {
    line-height: 1
}

menu,
ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

button {
    background: transparent;
    border: 0;
    font-size: 100%;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

input[type=button]:not(.knox-reset),
input[type=email]:not(.knox-reset),
input[type=number]:not(.knox-reset),
input[type=password]:not(.knox-reset),
input[type=search]:not(.knox-reset),
input[type=submit]:not(.knox-reset),
input[type=tel]:not(.knox-reset),
input[type=text]:not(.knox-reset),
input[type=url]:not(.knox-reset),
select:not(.knox-reset),
textarea:not(.knox-reset) {
    appearance: none;
    background: transparent;
    border: 0
}

@font-face {
    font-family: "Inter V";
    font-weight: 100 900;
    font-display: swap;
    font-style: normal;
    src: url("Inter-roman.woff2") format("woff2")
}

@font-face {
    font-family: "Inter V";
    font-weight: 100 900;
    font-display: swap;
    font-style: italic;
    src: url("Inter-italic.var.woff2") format("woff2")
}

:root {
    --b5-font-family-default: var(--knox-font-family-default), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif
}

* {
    letter-spacing: -0.03em;
    word-break: break-word;
    box-sizing: border-box
}

html,
body {
    height: 100%;
    width: 100%
}

html {
    font-size: 15px;
    overflow: hidden
}

body {
    background-color: var(--knox-background-neutral);
    line-height: 1.2em;
    overflow: auto;
    color: var(--knox-text-icon-neutral);
    font-family: var(--b5-font-family-default);
    font-feature-settings: "ss01", "calt" 0
}

div#noscript-background {
    background: #f6f7f8;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -5
}

#b5app,
#locked-app,
.full-page {
    height: 100%;
    width: 100%
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
    margin-top: 1.5em
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
    margin-top: 0
}

h1,
.h1 {
    font-size: 1.5rem
}

h2,
.h2 {
    font-size: 1.25rem
}

h3,
.h3 {
    font-size: 1.1rem
}

h4,
.h4 {
    font-size: 1rem;
    font-weight: 500
}

h5:not(.knox-reset),
.h5:not(.knox-reset) {
    font-size: .8rem;
    text-transform: uppercase
}

p,
ul,
.paragraph {
    margin-top: 10px
}

p.extra-space,
ul.extra-space,
.paragraph.extra-space {
    margin-top: 20px
}

p:first-child,
ul:first-child,
.paragraph:first-child {
    margin-top: 0
}

ul.normal-bullets {
    list-style-type: disc;
    margin-left: 1em
}

strong,
.bold {
    font-weight: 600
}

hr {
    height: 1px;
    border: none;
    padding: 0;
    margin: 10px 0;
    background-color: rgba(0, 0, 0, .15)
}

code {
    font-family: "Source Code Pro", "Menlo", "Monaco", "Andale Mono", "Anonymous Pro", "PT Mono", monospace;
    letter-spacing: normal;
    padding: 10px 15px 9px;
    border: 1px solid #999;
    display: inline-block;
    border-radius: 6px
}

.code-font {
    font-family: "Source Code Pro", "Menlo", "Monaco", "Andale Mono", "Anonymous Pro", "PT Mono", monospace;
    letter-spacing: normal
}

a {
    color: var(--knox-text-icon-brand);
    outline: none;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    cursor: pointer
}

a.black {
    color: #333
}

a.discreet {
    color: inherit
}

a.button,
a.new-button,
a[role=button] {
    -webkit-text-decoration: none;
    text-decoration: none
}

button.flex>div {
    width: 100%;
    height: 100%
}

small,
.small {
    font-size: .75rem;
    line-height: 1.2em;
    color: rgba(0, 0, 0, .55)
}

footer nav li {
    display: inline-block;
    padding: 0 10px;
    border-right: solid 1px rgba(0, 0, 0, .25)
}

footer nav li:first-child,
footer nav li:last-child {
    border-right: none
}

footer nav li:first-child {
    display: block;
    margin-bottom: 9px
}

@media only screen and (min-width: 600px) {
    footer nav li:first-child {
        display: inline-block;
        margin-bottom: 0
    }
}

footer nav li:first-child img {
    width: 130px
}

@media only screen and (min-width: 600px) {
    footer nav li:first-child img {
        vertical-align: -5px
    }
}

.center {
    text-align: center
}

.supplemental {
    color: #707070;
    font-weight: 300
}

.hidden {
    display: none !important
}

.invisible {
    visibility: hidden !important
}

.float-right {
    float: right
}

div.form,
div.fieldset {
    margin-top: 20px
}

div.form:first-child,
div.fieldset:first-child {
    margin-top: 0
}

input:not(.knox-reset),
select:not(.knox-reset) {
    word-break: normal
}

input[type=text]:not(.knox-reset),
input[type=email]:not(.knox-reset),
input[type=number]:not(.knox-reset),
input[type=password]:not(.knox-reset),
input[type=search]:not(.knox-reset),
input[type=tel]:not(.knox-reset),
select:not(.knox-reset),
textarea:not(.knox-reset),
.button:not(.knox-reset),
.fake-input:not(.knox-reset) {
    color: #333;
    font-size: 16px;
    font-family: inherit;
    line-height: 1.2em;
    border-radius: 6px;
    padding: 10px 14px;
    background-color: #fff;
    outline: none;
    resize: none;
    margin-top: 10px
}

@media(min-width: 851px) {

    input[type=text]:not(.knox-reset),
    input[type=email]:not(.knox-reset),
    input[type=number]:not(.knox-reset),
    input[type=password]:not(.knox-reset),
    input[type=search]:not(.knox-reset),
    input[type=tel]:not(.knox-reset),
    select:not(.knox-reset),
    textarea:not(.knox-reset),
    .button:not(.knox-reset),
    .fake-input:not(.knox-reset) {
        font-size: 1rem
    }
}

input[type=text]:not(.knox-reset):first-child,
input[type=email]:not(.knox-reset):first-child,
input[type=number]:not(.knox-reset):first-child,
input[type=password]:not(.knox-reset):first-child,
input[type=search]:not(.knox-reset):first-child,
input[type=tel]:not(.knox-reset):first-child,
select:not(.knox-reset):first-child,
textarea:not(.knox-reset):first-child,
.button:not(.knox-reset):first-child,
.fake-input:not(.knox-reset):first-child {
    margin-top: 0
}

input[type=text]:not(.knox-reset):disabled,
input[type=email]:not(.knox-reset):disabled,
input[type=number]:not(.knox-reset):disabled,
input[type=password]:not(.knox-reset):disabled,
input[type=search]:not(.knox-reset):disabled {
    background: #f7f7f7;
    color: #666
}

textarea.tall {
    height: 200px
}

input[type=text]:not(.knox-reset),
input[type=email]:not(.knox-reset),
input[type=password]:not(.knox-reset),
input[type=search]:not(.knox-reset),
select:not(.knox-reset),
.button:not(.knox-reset),
.fake-input:not(.knox-reset) {
    min-height: 40px
}

input[type=text]:not(.knox-reset).short,
input[type=email]:not(.knox-reset).short,
input[type=password]:not(.knox-reset).short,
input[type=search]:not(.knox-reset).short,
select:not(.knox-reset).short,
.button:not(.knox-reset).short,
.fake-input:not(.knox-reset).short {
    min-height: 32px
}

#item-details input[type=text]:not(.knox-reset),
#item-details input[type=email]:not(.knox-reset),
#item-details input[type=password]:not(.knox-reset),
#item-details input[type=search]:not(.knox-reset),
#item-details select:not(.knox-reset),
#item-details .button:not(.knox-reset),
#item-details .fake-input:not(.knox-reset) {
    height: auto;
    min-height: auto
}

.button.short {
    height: auto;
    padding: 6px 12px
}

input:not(.knox-reset) {
    font-size: 1rem
}

input[type=text]:not(.knox-reset),
input[type=email]:not(.knox-reset),
input[type=password]:not(.knox-reset),
input[type=search]:not(.knox-reset),
input[type=tel]:not(.knox-reset),
textarea:not(.knox-reset),
.fake-input:not(.knox-reset) {
    width: 100%;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .25)
}

input[type=text]:not(.knox-reset).error,
input[type=email]:not(.knox-reset).error,
input[type=password]:not(.knox-reset).error,
input[type=search]:not(.knox-reset).error,
input[type=tel]:not(.knox-reset).error,
textarea:not(.knox-reset).error,
.fake-input:not(.knox-reset).error {
    box-shadow: inset 0 0 0 1px #e60000
}

input[type=text]:not(.knox-reset):focus,
input[type=text]:not(.knox-reset).focus,
input[type=email]:not(.knox-reset):focus,
input[type=email]:not(.knox-reset).focus,
input[type=password]:not(.knox-reset):focus,
input[type=password]:not(.knox-reset).focus,
input[type=search]:not(.knox-reset):focus,
input[type=search]:not(.knox-reset).focus,
input[type=tel]:not(.knox-reset):focus,
input[type=tel]:not(.knox-reset).focus,
textarea:not(.knox-reset):focus,
textarea:not(.knox-reset).focus,
.fake-input:not(.knox-reset):focus,
.fake-input:not(.knox-reset).focus {
    box-shadow: inset 0 0 0 1px #0572ec
}

input[type=password]:not(.knox-reset) {
    font-family: "Source Code Pro", "Menlo", "Monaco", "Andale Mono", "Anonymous Pro", "PT Mono", monospace;
    letter-spacing: normal
}

input[type=search]:not(.knox-reset) {
    border-radius: 22px
}

input[type=search]::-webkit-search-cancel-button {
    z-index: 1
}

select:not(.knox-reset) {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .25)
}

select:not(.knox-reset):focus {
    box-shadow: inset 0 0 0 1px #0572ec
}

.button {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .25);
    transition: all .25s ease
}

.button:focus {
    box-shadow: inset 0 0 0 1px #0572ec, 0 0 0 1px #0572ec
}

.button.call-to-action {
    box-shadow: inset 0 0 0 1px #0572ec;
    background-color: #fff;
    color: #0572ec
}

.button.call-to-action:focus {
    box-shadow: inset 0 0 0 1px #0572ec, 0 0 0 1px #0572ec
}

.button.red {
    box-shadow: inset 0 0 0 1px #e60000;
    color: #e60000
}

.button.red:focus {
    box-shadow: inset 0 0 0 1px #e60000, 0 0 0 1px #e60000
}

.button.green {
    box-shadow: inset 0 0 0 1px green;
    color: green
}

.button.green:focus {
    box-shadow: inset 0 0 0 1px green, 0 0 0 1px green
}

.button.blue {
    box-shadow: inset 0 0 0 1px #0572ec;
    color: #0572ec
}

.button.blue:focus {
    box-shadow: inset 0 0 0 1px #0572ec, 0 0 0 1px #0572ec
}

.button.subtle {
    padding-top: 0;
    padding-bottom: 0;
    height: 32px;
    line-height: 32px;
    background: #f6f7f8
}

button.button:not(:first-of-type) {
    margin-left: 10px
}

button.button:not(:first-of-type).block {
    margin-left: 0
}

button:not(.knox-reset),
.button:not(.knox-reset),
.new-button:not(.knox-reset),
[role=button]:not(.knox-reset) {
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

button:not(.knox-reset).disabled,
button:not(.knox-reset)[disabled],
.button:not(.knox-reset).disabled,
.button:not(.knox-reset)[disabled],
.new-button:not(.knox-reset).disabled,
.new-button:not(.knox-reset)[disabled],
[role=button]:not(.knox-reset).disabled,
[role=button]:not(.knox-reset)[disabled] {
    cursor: default
}

button:not(.knox-reset):focus {
    outline: 0
}

.button.primary,
.button.submit {
    background-color: #0572ec;
    color: #fff;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .25);
    transition: all .25s ease
}

.button.primary:focus,
.button.submit:focus {
    box-shadow: inset 0 0 0 1px #333, 0 0 0 1px #333
}

.button.primary:active,
.button.submit:active {
    box-shadow: inset 0 0 0 1px #333, 0 0 0 1px #333, inset 0 1px 0 rgba(0, 0, 0, .25), inset 0 4px 4px rgba(0, 0, 0, .25)
}

div.form.error .button.primary,
div.form.error .button.submit {
    background-color: #e60000;
    color: #fff;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .25)
}

.button.primary.red,
.button.submit.red {
    background-color: #e60000
}

.button.primary.disabled,
.button.primary[disabled],
.button.submit.disabled,
.button.submit[disabled] {
    background-color: #999;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .25)
}

select:not(.knox-reset) {
    background-image: url(../images/select-indicator.svg);
    background-position: right 10px center;
    background-repeat: no-repeat;
    padding-right: 28px
}

select:not(.knox-reset).small {
    padding: 0 26px 0 10px
}

.select-check {
    fill: currentColor
}

div.inline-select {
    padding: 0 3px
}

div.inline-select label.option {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
    padding: 6px 10px 6px 28px;
    color: #333
}

div.inline-select label.option:hover {
    background: #0572ec
}

div.inline-select label.option:hover,
div.inline-select label.option:hover * {
    color: #fff
}

div.inline-select label.option:focus-within {
    box-shadow: inset 0 0 0 1px var(--knox-border-focus), 0 0 0 3px var(--knox-border-focus)
}

div.inline-select label.option p:not(.knox-reset) {
    margin: 0;
    font-size: .75rem;
    line-height: 1.2;
    color: #707070
}

div.inline-select label.option.disabled,
div.inline-select label.option.disabled p,
div.inline-select label.option.disabled:hover,
div.inline-select label.option.disabled:hover p {
    background: transparent;
    cursor: default
}

div.inline-select label.option.disabled,
div.inline-select label.option.disabled *,
div.inline-select label.option.disabled p,
div.inline-select label.option.disabled p *,
div.inline-select label.option.disabled:hover,
div.inline-select label.option.disabled:hover *,
div.inline-select label.option.disabled:hover p,
div.inline-select label.option.disabled:hover p * {
    color: #707070
}

div.inline-select label.option .select-check {
    position: absolute;
    margin-left: -18px;
    margin-top: 3px
}

div.inline-select label.option input[type=radio]:not(.knox-reset),
div.inline-select label.option input[type=checkbox]:not(.knox-reset) {
    position: absolute;
    opacity: 0
}

div.inline-select-new label.option {
    border: 1px solid #d7d9e0;
    display: block;
    padding: .5rem 3rem .5rem .5rem;
    color: #333;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

div.inline-select-new label.option:first-child {
    border-radius: 6px 6px 0 0
}

div.inline-select-new label.option:last-child {
    border-radius: 0 0 6px 6px
}

div.inline-select-new label.option:not(:last-child) {
    margin-bottom: -1px
}

div.inline-select-new label.option.selected {
    border-color: #0572ec;
    z-index: 10
}

div.inline-select-new label.option.selected h4:not(.knox-reset) {
    color: #0572ec
}

div.inline-select-new label.option:focus-within {
    box-shadow: inset 0 0 0 1px var(--knox-border-focus), 0 0 0 3px var(--knox-border-focus)
}

div.inline-select-new label.option:focus-within:first-child {
    border-radius: 6px 6px 0 0
}

div.inline-select-new label.option:focus-within:last-child {
    border-radius: 0 0 6px 6px
}

div.inline-select-new label.option .family-role-description {
    padding: 0 0 10px 10px
}

div.inline-select-new label.option p:not(.knox-reset) {
    margin-top: .4rem;
    font-size: .8rem;
    line-height: 1rem;
    color: #707070
}

div.inline-select-new label.option.disabled {
    cursor: not-allowed
}

div.inline-select-new label.option.disabled:not(.knox-reset),
div.inline-select-new label.option.disabled p:not(.knox-reset) {
    color: #e4e6e7
}

div.inline-select-new label.option svg:not(.knox-reset) {
    position: absolute;
    margin: auto;
    right: 10px;
    top: 0;
    bottom: 0
}

div.inline-select-new label.option input[type=radio]:not(.knox-reset),
div.inline-select-new label.option input[type=checkbox]:not(.knox-reset) {
    opacity: 0
}

div.form p.error-description {
    transition: all .5s ease;
    max-height: 0;
    overflow: hidden;
    margin: 0
}

div.form.error p.error-description {
    max-height: 100%
}

div.form.error p.error-description:first-child~p.error-description {
    margin-top: 10px
}

label:not(.knox-reset) {
    font-weight: 300;
    color: #707070
}

label[for=results-limit-menu] {
    display: none
}

@media screen and (min-width: 1390px) {
    label[for=results-limit-menu] {
        display: block
    }
}

div.form.signin {
    width: 100%;
    max-width: 280px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    font-size: 1rem !important
}

div.form.signin.otp h4:not(.knox-reset) {
    text-align: center;
    margin-bottom: 12px;
    font-size: .9rem !important
}

div.form.signin.otp #otp-error {
    color: #d43f21;
    font-size: .75rem !important;
    min-height: 16px
}

div.form.signin.otp .otp-error-text {
    margin: 0
}

div.form.signin.otp .otp-error-text:first-of-type {
    margin-bottom: .8rem
}

div.form.signin.otp button:not(.knox-reset) {
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    width: 150px
}

@media only screen and (min-width: 450px) {
    div.form.signin.otp {
        max-width: 316px
    }

    div.form.signin.otp h4:not(.knox-reset) {
        font-size: 1rem !important
    }

    div.form.signin.otp #otp-error {
        font-size: .9rem !important
    }
}

div.form.signin input[type=text]:not(.knox-reset),
div.form.signin input[type=email]:not(.knox-reset),
div.form.signin input[type=number]:not(.knox-reset),
div.form.signin input[type=password]:not(.knox-reset) {
    background-color: #fff
}

div.form.signin input#public-computer {
    margin-top: 16px;
    margin-bottom: 6px
}

div.form.signin .button.submit {
    width: 100%
}

div.form.signin .offside {
    margin-top: 11px;
    font-weight: 300;
    position: absolute;
    width: 150px;
    right: -170px
}

div.form.signin.hidden {
    display: none
}

div.form.signin input:not(.knox-reset) {
    font-size: 1rem !important;
    margin-top: 0;
    padding: 10px 13px
}

@media only screen and (min-width: 600px) {
    div.form.signin input:not(.knox-reset) {
        margin-top: 10px
    }
}

div.form.signin input:not(.knox-reset):disabled {
    background-color: #f6f7f8;
    -webkit-text-fill-color: #333
}

div.form.signin input:not(.knox-reset)#account-key {
    font-family: "Source Code Pro", "Menlo", "Monaco", "Andale Mono", "Anonymous Pro", "PT Mono", monospace;
    letter-spacing: normal
}

div.form.signin div:not(.knox-reset) {
    position: relative
}

div.form.signin label[for=email]:not(.knox-reset),
div.form.signin label[for=account-key]:not(.knox-reset),
div.form.signin label[for=master-password]:not(.knox-reset) {
    display: block;
    margin: 10px 0 4px;
    text-align: left;
    font-weight: normal
}

@media only screen and (min-width: 600px) {

    div.form.signin label[for=email]:not(.knox-reset),
    div.form.signin label[for=account-key]:not(.knox-reset),
    div.form.signin label[for=master-password]:not(.knox-reset) {
        display: inline;
        margin: 0;
        position: absolute;
        width: 134px;
        left: -150px;
        top: 21px;
        text-align: right
    }
}

div.form.signin label[for=public-computer]:not(.knox-reset) {
    margin-left: 6px;
    font-weight: normal;
    line-height: 1
}

div.form.signin img.field-icon {
    position: absolute;
    display: none
}

div.form.signin img.field-icon.master-password {
    right: -47px
}

@media only screen and (min-width: 450px) {
    div.form.signin img.field-icon {
        display: block;
        top: 25px
    }
}

@media only screen and (min-width: 600px) {
    div.form.signin img.field-icon {
        top: 14px
    }
}

div.form.signin div.error-message {
    margin-top: 16px
}

div.form.signin p.not-you {
    margin-top: 35px
}

#domain-entry #domain-container {
    position: relative
}

#domain-entry input:not(.knox-reset) {
    height: auto;
    display: block
}

#domain-entry p.domain-diagnostic {
    min-height: 2.4rem;
    line-height: 1.2rem
}

#domain-entry p.domain-diagnostic img.spinner {
    margin-left: 6px;
    margin-bottom: -3px
}

#domain-overlay {
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    padding: 11px 14px;
    line-height: 1.2;
    color: transparent;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap
}

#domain-overlay .suffix {
    font-weight: normal;
    color: #707070
}

.msp-domain-input #domain-overlay {
    height: var(--knox-field-size-large);
    padding: 13px var(--knox-field-padding-large) 12px;
    z-index: 1;
    font-size: var(--knox-font-size-body-large);
    margin-top: 26px
}

.msp-domain-input #domain-overlay .placeholder+.suffix {
    color: #757575
}

.msp-domain-input #domain-overlay .suffix {
    color: var(--knox-field-color)
}

.msp-domain-input input {
    font-size: var(--knox-font-size-body-large)
}

.msp-domain-input input:disabled {
    color: var(--knox-text-icon-neutral);
    background-color: var(--knox-background-neutral-low)
}

label[for=expiry]:not(.knox-reset) {
    display: block
}

#modal,
#popup {
    display: flex;
    flex-direction: column;
    z-index: 9999;
    width: 320px;
    max-height: calc(100% - 60px);
    background-color: #fff;
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, .15) 0 0 0 1px, rgba(0, 0, 0, .15) 0 1px 20px;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    font-size: 1rem !important;
    top: 6vh
}

@media only screen and (min-height: 650px) {

    #modal,
    #popup {
        max-height: calc(100% - 175px)
    }
}

@media only screen and (max-width: 430px) {

    #modal,
    #popup {
        width: 100% !important;
        height: 100%;
        top: 0;
        max-height: none;
        border-radius: 0
    }
}

#modal.thin,
#popup.thin {
    width: 320px
}

#modal.feedback,
#popup.feedback {
    width: 430px
}

#modal.medium,
#popup.medium {
    width: 450px
}

@media only screen and (max-width: 520px) {

    #modal.medium,
    #popup.medium {
        width: 100% !important;
        height: 100%;
        top: 0;
        max-height: none;
        border-radius: 0
    }
}

#modal.wide,
#popup.wide {
    width: 600px
}

@media only screen and (max-width: 720px) {

    #modal.wide,
    #popup.wide {
        width: 100% !important;
        height: 100%;
        top: 0;
        max-height: none;
        border-radius: 0
    }
}

#modal.idp-request,
#modal.manage-groups,
#popup.idp-request,
#popup.manage-groups {
    width: 430px
}

#modal.review-sso-changes,
#popup.review-sso-changes {
    width: 100%
}

@media only screen and (min-width: 600px) {

    #modal.review-sso-changes,
    #popup.review-sso-changes {
        width: 583px
    }
}

#modal>header,
#popup>header {
    background-color: #f6f7f8;
    padding: .7rem .8rem;
    border-bottom: 1px solid #e4e6e7;
    position: relative;
    text-align: center;
    border-radius: 6px 6px 0 0
}

#modal>header h3,
#popup>header h3 {
    color: #525c66;
    font-size: 1.05rem;
    padding: 2px;
    max-width: 60%;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#modal>header.red,
#popup>header.red {
    background-color: #fae5e1;
    border-bottom: 1px solid #e6b6ac
}

#modal>header.white,
#popup>header.white {
    background-color: var(--knox-background-neutral-high);
    border-bottom: none
}

#modal>footer,
#popup>footer {
    padding: .7rem .8rem;
    border-top: solid 1px rgba(193, 193, 193, .4);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .05);
    text-align: center;
    border-radius: 0 0 6px 6px
}

#modal>footer .button-container,
#popup>footer .button-container {
    position: relative;
    display: inline-block;
    width: 85%
}

#modal>footer .button-container button,
#popup>footer .button-container button {
    width: 100%;
    margin-top: 8px
}

#modal>footer .button-container button:first-of-type,
#popup>footer .button-container button:first-of-type {
    margin-top: 0
}

#modal>footer .button-container .button-count,
#popup>footer .button-container .button-count {
    position: absolute;
    top: -5px;
    right: -5px;
    min-width: 22px;
    min-height: 22px;
    padding: 3px 6px;
    border-radius: 11px;
    background-color: #fff;
    border: 1px solid #1060d1;
    color: #0572ec;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1rem
}

#modal>.scroll-box,
#popup>.scroll-box {
    overflow: auto;
    position: relative
}

#modal>div,
#popup>div {
    flex: 1 1 auto;
    box-shadow: 0 1px 20px rgba(0, 0, 0, 0)
}

#modal>div>main.content-box,
#popup>div>main.content-box {
    padding: 1.2rem
}

#modal>div:first-child>main.content-box,
#popup>div:first-child>main.content-box {
    padding: 20px
}

#modal>div p:not(.clear):not(.knox-reset),
#modal>div .fake-p:not(.knox-reset),
#popup>div p:not(.clear):not(.knox-reset),
#popup>div .fake-p:not(.knox-reset) {
    font-size: 1rem !important;
    line-height: 1.2 !important;
    margin-top: 10px !important
}

#modal>div p:not(.clear):not(.knox-reset):first-child,
#modal>div .fake-p:not(.knox-reset):first-child,
#popup>div p:not(.clear):not(.knox-reset):first-child,
#popup>div .fake-p:not(.knox-reset):first-child {
    margin-top: 0 !important
}

#modal>div p:not(.clear):not(.knox-reset) em,
#modal>div .fake-p:not(.knox-reset) em,
#popup>div p:not(.clear):not(.knox-reset) em,
#popup>div .fake-p:not(.knox-reset) em {
    font-style: italic
}

#modal>div .fake-p,
#popup>div .fake-p {
    color: #333;
    font-weight: normal;
    display: block
}

#modal>div div.error-messages,
#popup>div div.error-messages {
    margin-top: 10px
}

#modal>div div.error-messages.user-limit-message,
#popup>div div.error-messages.user-limit-message {
    --border: inset 0 0 0 1px var(--color-shading-barely-there);
    background-color: var(--color-shading-barely-there);
    box-shadow: var(--border);
    border-radius: 5px;
    padding: 10px
}

#modal>div div.error-messages.user-limit-message.limit-exceeded,
#popup>div div.error-messages.user-limit-message.limit-exceeded {
    --border: inset 0 0 0 1px $color-red-box-border;
    background-color: #fae5e1
}

#modal>div div.error-messages.user-limit-message p.error-description,
#popup>div div.error-messages.user-limit-message p.error-description {
    color: #333
}

#modal>div #exp-month,
#modal>div #exp-year,
#popup>div #exp-month,
#popup>div #exp-year {
    width: 52px;
    height: 40px
}

#modal>div label:not(.knox-reset),
#popup>div label:not(.knox-reset) {
    display: block;
    margin-top: 12px
}

#modal>div label:not(.knox-reset):first-child,
#popup>div label:not(.knox-reset):first-child {
    margin-top: 0
}

#modal>div label:not(.knox-reset)~input,
#modal>div label:not(.knox-reset)+select,
#popup>div label:not(.knox-reset)~input,
#popup>div label:not(.knox-reset)+select {
    margin-top: 5px
}

#modal>div input[type=checkbox]+label,
#popup>div input[type=checkbox]+label {
    display: inline
}

#modal>div input[type=radio]:not(.clear),
#popup>div input[type=radio]:not(.clear) {
    width: auto !important
}

#modal>div select,
#popup>div select {
    max-width: 100%
}

#modal>div select.full-width,
#popup>div select.full-width {
    width: 100%
}

#modal>div .new-button.big,
#modal>div button.primary,
#modal>div .button.submit,
#popup>div .new-button.big,
#popup>div button.primary,
#popup>div .button.submit {
    width: 100%;
    margin-top: 20px
}

#modal.upgrade-guest-confirm main,
#popup.upgrade-guest-confirm main {
    padding: 1.2rem 2rem
}

#modal.upgrade-guest-confirm div.error-messages.billing-box,
#popup.upgrade-guest-confirm div.error-messages.billing-box {
    margin-top: 20px;
    padding: 1rem;
    background-color: #f6f7fb;
    border: 1px solid #d7d9df;
    border-radius: 8px
}

#modal.upgrade-guest-confirm div.error-messages.billing-box p.error-description,
#popup.upgrade-guest-confirm div.error-messages.billing-box p.error-description {
    color: #333
}

#modal.upgrade-guest-confirm div.error-messages.billing-box.at-user-limit,
#popup.upgrade-guest-confirm div.error-messages.billing-box.at-user-limit {
    border: 1px solid #e6b6ac;
    background-color: #fae5e1
}

#modal.progress,
#popup.progress {
    padding: 20px
}

#modal.progress h2,
#modal.progress img,
#modal.progress svg,
#popup.progress h2,
#popup.progress img,
#popup.progress svg {
    font-weight: normal;
    margin-top: 0;
    line-height: 32px
}

#modal.progress .svg-checkmark,
#popup.progress .svg-checkmark {
    float: right;
    width: 32px;
    height: 32px
}

#modal.progress .svg-checkmark circle,
#popup.progress .svg-checkmark circle {
    display: none
}

#modal.progress .svg-checkmark path,
#popup.progress .svg-checkmark path {
    stroke: #3b8736;
    fill: #50b347
}

#modal.account-chooser li,
#popup.account-chooser li {
    cursor: pointer;
    margin-top: 15px
}

#modal.account-chooser li:first-child,
#popup.account-chooser li:first-child {
    margin-top: 0
}

#modal.account-chooser li p.small,
#popup.account-chooser li p.small {
    margin-top: 3px !important;
    font-size: .8rem !important
}

#modal.account-chooser button,
#popup.account-chooser button {
    margin-top: 20px
}

#popup-container {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9990;
    pointer-events: auto
}

#popup-container .popup-history {
    display: none
}

.window-overlay {
    z-index: 9998;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #333;
    opacity: .7
}

#modal input[type=search],
#popup input[type=search] {
    border-radius: 6px;
    background-image: url('data:image/svg+xml;utf8,<svg width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path d="M12 10.4c-.4-.3-.5-.8-.3-1 .6-1.2 1-2.5.7-4C12 3 10 .5 7.4.2 3-.5-.7 3 0 7.5c.5 2.7 2.7 4.8 5.4 5.2 1.3.2 2.6 0 3.7-.7.5-.3 1-.2 1.2 0l3.8 4c.5.6 1.3.6 1.7 0 .5-.5.5-1.3 0-1.7l-3.8-4zm-10.4-4c0-2.7 2-4.8 4.6-4.8 2.6 0 4.6 2 4.6 4.7 0 2.6-2 4.7-4.6 4.7-2.5 0-4.6-2-4.6-4.7z" fill="%237a8a99" fill-rule="evenodd"/></svg>');
    background-repeat: no-repeat;
    height: 37px;
    padding-left: 37px;
    padding-right: 10px;
    background-position: 10px center;
    color: #333;
    font-weight: 500
}

#modal input[type=search]::-webkit-search-cancel-button,
#popup input[type=search]::-webkit-search-cancel-button {
    appearance: none;
    height: 18px;
    width: 18px;
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 12 12" width="18px" height="18px" xmlns="http://www.w3.org/2000/svg"><circle fill="%237a8a99" cx="6" cy="6" r="6"/><path fill="white" d="M6 5L4.4 3.4l-1 1 1.5 1.7-1.5 1.5 1 1L6 7.2l1.6 1.6 1-1L7.1 6l1.6-1.7-1-1z"/></svg>');
    background-repeat: no-repeat
}

#modal input[type=search].loading,
#popup input[type=search].loading {
    background-image: none
}

#modal input[type=search]:focus,
#popup input[type=search]:focus {
    background-image: url('data:image/svg+xml;utf8,<svg width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path d="M12 10.4c-.4-.3-.5-.8-.3-1 .6-1.2 1-2.5.7-4C12 3 10 .5 7.4.2 3-.5-.7 3 0 7.5c.5 2.7 2.7 4.8 5.4 5.2 1.3.2 2.6 0 3.7-.7.5-.3 1-.2 1.2 0l3.8 4c.5.6 1.3.6 1.7 0 .5-.5.5-1.3 0-1.7l-3.8-4zm-10.4-4c0-2.7 2-4.8 4.6-4.8 2.6 0 4.6 2 4.6 4.7 0 2.6-2 4.7-4.6 4.7-2.5 0-4.6-2-4.6-4.7z" fill="%230572ec" fill-rule="evenodd"/></svg>');
    background-repeat: no-repeat;
    box-shadow: inset 0 0 0 2px #0572ec
}

#modal input[type=search]:focus::-webkit-search-cancel-button,
#popup input[type=search]:focus::-webkit-search-cancel-button {
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 12 12" width="18px" height="18px" xmlns="http://www.w3.org/2000/svg"><circle fill="%230572ec" cx="6" cy="6" r="6"/><path fill="white" d="M6 5L4.4 3.4l-1 1 1.5 1.7-1.5 1.5 1 1L6 7.2l1.6 1.6 1-1L7.1 6l1.6-1.7-1-1z"/></svg>');
    background-repeat: no-repeat
}

#modal input[type=search]:focus.loading,
#popup input[type=search]:focus.loading {
    background-image: none
}

#modal input[type=search]+.spinner,
#popup input[type=search]+.spinner {
    position: absolute;
    top: 5rem;
    left: 2rem
}

#modal .item-list,
#popup .item-list {
    display: flex;
    flex-direction: column;
    min-height: 275px;
    margin-top: .6rem
}

#modal .item-list:first-child,
#popup .item-list:first-child {
    margin-top: 0
}

#modal .item-list.permissions,
#popup .item-list.permissions {
    justify-content: flex-start;
    flex: 1;
    margin-top: 0
}

#modal .item-list.select-one .checkmark,
#popup .item-list.select-one .checkmark {
    display: none
}

#modal .item-list .empty-list,
#popup .item-list .empty-list {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    color: #707070;
    text-align: center;
    margin-top: 0
}

#modal .item-list .empty-list h3,
#popup .item-list .empty-list h3 {
    font-size: 1rem;
    font-weight: 500;
    color: #707070
}

#modal .item-list .empty-list p,
#popup .item-list .empty-list p {
    margin-top: .5rem
}

#modal .item-list ol,
#popup .item-list ol {
    margin-top: 10px
}

#modal .item-list ol:first-child,
#popup .item-list ol:first-child {
    margin-top: 0
}

#modal .warning-message,
#popup .warning-message {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 119, 255, .08);
    padding: 10px;
    margin: 20px -18px -18px;
    font-size: 13px
}

#modal .warning-icon,
#popup .warning-icon {
    padding-right: 12px;
    display: inline-flex
}

#modal h3.divider,
#popup h3.divider {
    margin: 20px 0;
    text-shadow: 2px 0 0 #fff, 4px 0 0 #fff, 6px 0 0 #fff, 8px 0 0 #fff, -2px 0 0 #fff, -4px 0 0 #fff, -6px 0 0 #fff, -8px 0 0 #fff;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#modal h3.divider:first-child,
#popup h3.divider:first-child {
    margin: 0
}

#modal .avatar.large,
#popup .avatar.large {
    margin-left: 108px
}

#modal .button:first-child,
#popup .button:first-child {
    width: auto;
    margin-bottom: 10px
}

#modal .item-list.permissions .item,
#popup .item-list.permissions .item {
    padding-left: 0;
    height: 32px;
    line-height: 32px
}

#modal .dropzone,
#popup .dropzone {
    margin: 0 auto;
    position: relative
}

#modal .dropzone .avatar.large,
#popup .dropzone .avatar.large {
    margin-left: 0
}

#modal #color-picker-button,
#popup #color-picker-button {
    width: 32px;
    height: 32px;
    border-radius: 16px;
    box-shadow: inset rgba(0, 0, 0, .25) 0 0 0 1px;
    transition: transform .25s ease;
    position: absolute;
    left: 213px;
    top: 52px;
    background-image: url(../images/picker-chevron.svg);
    background-repeat: no-repeat
}

#modal #color-picker-button.active,
#popup #color-picker-button.active {
    transform: rotate(-180deg)
}

#modal #color-picker,
#popup #color-picker {
    display: block;
    text-align: center;
    margin: 7px 0 -7px;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all .25s ease
}

#modal #color-picker.active,
#popup #color-picker.active {
    opacity: 1;
    max-height: 150px;
    margin-bottom: 0;
    overflow: visible
}

#modal #color-picker .color-option,
#popup #color-picker .color-option {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin: 7px;
    border-radius: 16px
}

#modal #color-picker .color-option.active,
#popup #color-picker .color-option.active {
    box-shadow: #fff 0 0 0 2px, #333 0 0 0 4px
}

#modal #color-picker input#color-code,
#popup #color-picker input#color-code {
    margin-top: 7px;
    text-align: center
}

#modal input,
#modal textarea,
#modal .button,
#modal .list li,
#popup input,
#popup textarea,
#popup .button,
#popup .list li {
    width: 100%
}

#modal .button,
#popup .button {
    text-align: center
}

#modal input[type=checkbox]:not(.knox-reset),
#popup input[type=checkbox]:not(.knox-reset) {
    width: auto;
    margin-right: 10px;
    margin-top: 10px
}

#modal p.error-description,
#popup p.error-description {
    text-align: left;
    color: #e60000
}

#modal p.validation-message,
#popup p.validation-message {
    font-size: .9rem;
    margin-top: 5px;
    line-height: 1.2em;
    min-height: 1.2em
}

#modal.add-remove-list,
#popup.add-remove-list {
    width: 320px
}

@media only screen and (min-width: 750px) {

    #modal.add-remove-list,
    #popup.add-remove-list {
        width: 430px
    }
}

#modal.add-remove-list input[type=checkbox],
#popup.add-remove-list input[type=checkbox] {
    display: block;
    font-size: 3rem;
    margin-top: 0
}

#modal.add-remove-list li.disabled,
#popup.add-remove-list li.disabled {
    filter: opacity(0.7)
}

#modal.add-remove-list .select-one .item>label>input,
#popup.add-remove-list .select-one .item>label>input {
    display: none
}

#modal.group-application-assignment,
#popup.group-application-assignment {
    width: 600px
}

#modal.group-application-assignment header,
#popup.group-application-assignment header {
    padding-top: 24px;
    padding-bottom: 24px;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center
}

#modal.group-application-assignment>button,
#popup.group-application-assignment>button {
    top: 27px
}

#modal.duo,
#popup.duo {
    width: 400px;
    border-radius: 0;
    box-shadow: none
}

#modal.duo #duo-frame,
#popup.duo #duo-frame {
    width: 100%;
    height: 420px
}

#modal.emergency-kit-popup,
#popup.emergency-kit-popup {
    text-align: center
}

@media(min-width: 450px) {

    #modal.emergency-kit-popup,
    #popup.emergency-kit-popup {
        width: 450px
    }
}

#modal.emergency-kit-popup div.ek-modal.complete,
#popup.emergency-kit-popup div.ek-modal.complete {
    margin: .8rem 0
}

#modal.emergency-kit-popup div.ek-modal p,
#popup.emergency-kit-popup div.ek-modal p {
    color: #525c66;
    line-height: 1.5rem !important
}

#modal.emergency-kit-popup div.ek-modal p,
#modal.emergency-kit-popup div.ek-modal ul,
#popup.emergency-kit-popup div.ek-modal p,
#popup.emergency-kit-popup div.ek-modal ul {
    margin-bottom: 25px
}

#modal.emergency-kit-popup div.ek-modal #secret-key,
#popup.emergency-kit-popup div.ek-modal #secret-key {
    line-height: 1.8rem;
    font-size: 1.3rem;
    font-family: "Source Code Pro", "Menlo", "Monaco", "Andale Mono", "Anonymous Pro", "PT Mono", monospace;
    color: #7a8a99;
    letter-spacing: .1em
}

#modal.emergency-kit-popup div.ek-modal div.ekit-icon,
#popup.emergency-kit-popup div.ek-modal div.ekit-icon {
    margin: -20px 0 25px -20px;
    background-image: linear-gradient(-180deg, white 59%, #f6f7fb 100%);
    border-radius: 6px 6px 0 0
}

@media(min-width: 450px) {

    #modal.emergency-kit-popup div.ek-modal div.ekit-icon,
    #popup.emergency-kit-popup div.ek-modal div.ekit-icon {
        width: 450px
    }
}

#modal.emergency-kit-popup div.ek-modal div.ekit-icon img,
#popup.emergency-kit-popup div.ek-modal div.ekit-icon img {
    -webkit-user-drag: none;
    border-radius: 6px 6px 0 0;
    object-fit: cover;
    width: calc(100% + 20px)
}

@media(min-width: 450px) {

    #modal.emergency-kit-popup div.ek-modal div.ekit-icon img,
    #popup.emergency-kit-popup div.ek-modal div.ekit-icon img {
        width: 450px
    }
}

#modal.emergency-kit-popup div.ek-modal h2,
#popup.emergency-kit-popup div.ek-modal h2 {
    margin-bottom: 1rem;
    color: #7a8a99
}

#modal.emergency-kit-popup div.ek-modal p.download-sk-text,
#popup.emergency-kit-popup div.ek-modal p.download-sk-text {
    color: #707070
}

#modal.emergency-kit-popup div.ek-modal .download-sk-box,
#popup.emergency-kit-popup div.ek-modal .download-sk-box {
    background-image: linear-gradient(0deg, white 17%, #f6f7fb 69%);
    border: 1px dashed #e4e6e7;
    border-radius: 6px;
    padding: 20px 40px 0
}

#modal.emergency-kit-popup div.ek-modal p.description,
#popup.emergency-kit-popup div.ek-modal p.description {
    margin-bottom: 10px;
    padding: 5px;
    font-size: .95rem !important
}

#modal.emergency-kit-popup div.ek-modal a.big,
#modal.emergency-kit-popup div.ek-modal button.big,
#popup.emergency-kit-popup div.ek-modal a.big,
#popup.emergency-kit-popup div.ek-modal button.big {
    display: block;
    width: 200px;
    margin: 20px auto 15px
}

#modal.emergency-kit-popup div.ek-modal button.grey,
#popup.emergency-kit-popup div.ek-modal button.grey {
    color: #707070
}

#modal.emergency-kit-popup div.ek-modal button+button,
#popup.emergency-kit-popup div.ek-modal button+button {
    margin-left: .5rem;
    margin-top: .5rem
}

#modal.emergency-kit-popup div.ek-modal a.learn-more,
#modal.emergency-kit-popup div.ek-modal a.cancel,
#popup.emergency-kit-popup div.ek-modal a.learn-more,
#popup.emergency-kit-popup div.ek-modal a.cancel {
    -webkit-text-decoration: none;
    text-decoration: none
}

#modal.emergency-kit-popup div.ek-modal a.learn-more,
#popup.emergency-kit-popup div.ek-modal a.learn-more {
    white-space: nowrap
}

#modal.emergency-kit-popup div.ek-modal a.learn-more :hover,
#popup.emergency-kit-popup div.ek-modal a.learn-more :hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

#modal.emergency-kit-popup div.ek-modal a.cancel,
#popup.emergency-kit-popup div.ek-modal a.cancel {
    font-weight: 500;
    display: inline-block;
    margin: 0 auto;
    margin-top: 10px;
    font-size: .9rem
}

#modal.emergency-kit-popup div.ek-modal a.cancel:hover,
#popup.emergency-kit-popup div.ek-modal a.cancel:hover {
    color: #1060d1
}

#modal.emergency-kit-popup div.ek-modal ul,
#popup.emergency-kit-popup div.ek-modal ul {
    margin: 0 25px 25px;
    list-style-type: none;
    text-align: left;
    display: flex;
    flex-direction: column
}

#modal.emergency-kit-popup div.ek-modal ul img,
#popup.emergency-kit-popup div.ek-modal ul img {
    margin-right: 30px
}

#modal.emergency-kit-popup div.ek-modal ul li,
#popup.emergency-kit-popup div.ek-modal ul li {
    display: flex;
    align-items: center;
    height: 62px
}

#modal.emergency-kit-popup div.ek-modal ul+a.new-button,
#popup.emergency-kit-popup div.ek-modal ul+a.new-button {
    clear: left
}

#modal.recovery-plan-popup button.big,
#popup.recovery-plan-popup button.big {
    margin-top: 10px
}

#modal.recovery-plan-popup button.grey,
#popup.recovery-plan-popup button.grey {
    margin-top: 20px
}

#modal.image-cropper-popup,
#popup.image-cropper-popup {
    text-align: center
}

#modal.image-cropper-popup canvas,
#popup.image-cropper-popup canvas {
    border-radius: 20px;
    border: 1px solid rgba(0, 0, 0, .25);
    cursor: move;
    margin-top: 10px
}

#modal.image-cropper-popup canvas.circular,
#popup.image-cropper-popup canvas.circular {
    border-radius: 50%
}

#modal.image-cropper-popup input,
#popup.image-cropper-popup input {
    width: 256px;
    margin-top: 10px
}

#modal.client-access-popup,
#popup.client-access-popup {
    width: 278px
}

#modal.client-access-popup ol,
#popup.client-access-popup ol {
    width: 100%
}

#modal.client-access-popup .client-access-list:not(:last-child),
#popup.client-access-popup .client-access-list:not(:last-child) {
    margin-bottom: 1rem
}

#modal.client-access-popup .client-access-list .client-access-button,
#popup.client-access-popup .client-access-list .client-access-button {
    color: #333;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    width: 100%
}

#modal.client-access-popup .client-access-list .client-access-button:hover,
#popup.client-access-popup .client-access-list .client-access-button:hover {
    -webkit-text-decoration: none;
    text-decoration: none
}

#modal.client-access-popup .client-access-list .client-access-button svg,
#popup.client-access-popup .client-access-list .client-access-button svg {
    width: 20px;
    height: 20px;
    float: right
}

#modal.client-access-popup .client-access-list .client-access-button span,
#popup.client-access-popup .client-access-list .client-access-button span {
    vertical-align: 2px
}

#modal.client-access-popup hr,
#popup.client-access-popup hr {
    margin: 1.2rem -1.2rem
}

#modal.client-access-popup #travel-mode-switch,
#modal.client-access-popup #service-account-access-switch,
#popup.client-access-popup #travel-mode-switch,
#popup.client-access-popup #service-account-access-switch {
    margin: -18px -1.2rem -1.2rem;
    padding: 1.2rem;
    border-radius: 0 0 6px 6px
}

#modal.manage-device-popup .header>div,
#popup.manage-device-popup .header>div {
    display: inline-block
}

#modal.manage-device-popup .header>div.avatar,
#popup.manage-device-popup .header>div.avatar {
    width: 38%
}

#modal.manage-device-popup .header>div:last-child,
#popup.manage-device-popup .header>div:last-child {
    width: 62%;
    vertical-align: 1px
}

#modal.manage-device-popup .header small,
#popup.manage-device-popup .header small {
    display: block;
    margin-top: 2px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

#modal.manage-device-popup .details,
#popup.manage-device-popup .details {
    margin: 1rem 0
}

#modal.manage-device-popup .details>strong,
#popup.manage-device-popup .details>strong {
    width: 38%;
    color: #707070;
    display: inline-block;
    margin-bottom: 4px;
    overflow: hidden
}

#modal.manage-device-popup .details>span,
#popup.manage-device-popup .details>span {
    width: 60%;
    display: inline-block;
    margin-bottom: 4px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

#modal.manage-device-popup .details>span .flag,
#popup.manage-device-popup .details>span .flag {
    margin-left: 4px;
    vertical-align: -1px
}

#modal.change-mp-popup label,
#popup.change-mp-popup label {
    font-weight: normal;
    color: #333
}

#modal.change-mp-popup p.error-description,
#popup.change-mp-popup p.error-description {
    font-weight: 600
}

#modal.change-mp-popup .field:not(:first-child),
#popup.change-mp-popup .field:not(:first-child) {
    margin-top: 1.2rem
}

#modal.change-mp-popup .change-mp-label,
#popup.change-mp-popup .change-mp-label {
    height: 20px
}

#modal.change-mp-popup #new-mp,
#popup.change-mp-popup #new-mp {
    margin-top: 2.4rem;
    position: relative
}

#modal.change-mp-popup #new-mp::before,
#popup.change-mp-popup #new-mp::before {
    content: "";
    width: calc(100% + 2.4rem);
    height: 1px;
    position: absolute;
    top: -15px;
    right: 0;
    background-color: #cbcccd;
    margin-right: -18px
}

#modal.change-mp-popup #new-mp #change-mp-new,
#popup.change-mp-popup #new-mp #change-mp-new {
    border-radius: 6px 6px 0 0;
    margin-bottom: 0
}

#modal.change-mp-popup .change-mp-label,
#popup.change-mp-popup .change-mp-label {
    display: flex;
    justify-content: space-between
}

#modal.change-mp-popup .change-mp-caps-lock-warning,
#popup.change-mp-popup .change-mp-caps-lock-warning {
    position: relative;
    bottom: -7px;
    margin: 0
}

#modal p.blurb,
#popup p.blurb {
    margin-bottom: 15px
}

#modal.upgrade-account-popup div.images,
#popup.upgrade-account-popup div.images {
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: baseline;
    margin: 20px 0 15px
}

#modal.upgrade-account-popup div.images img,
#popup.upgrade-account-popup div.images img {
    min-width: 0;
    height: auto;
    margin-left: 10px
}

#modal.upgrade-account-popup div.images img:first-child,
#popup.upgrade-account-popup div.images img:first-child {
    margin-left: 0
}

#modal.upgrade-account-popup .illustration,
#popup.upgrade-account-popup .illustration {
    width: 200px;
    height: auto
}

#modal.upgrade-account-popup .button.corner,
#popup.upgrade-account-popup .button.corner {
    position: absolute;
    top: 20px;
    right: 20px;
    width: auto;
    margin: 0
}

#modal.upgrade-account-popup .button.block,
#modal.upgrade-account-popup a.block,
#popup.upgrade-account-popup .button.block,
#popup.upgrade-account-popup a.block {
    display: block
}

#modal.upgrade-account-popup footer,
#popup.upgrade-account-popup footer {
    padding: 1rem
}

#modal.upgrade-account-popup .button.show-code,
#popup.upgrade-account-popup .button.show-code {
    color: #0572ec;
    box-shadow: inset 0 0 0 1px #e4e6e7;
    margin: 0;
    width: 100%
}

#modal.upgrade-account-popup .link-code.confirmed,
#popup.upgrade-account-popup .link-code.confirmed {
    padding: 10px 10px 10px 43px;
    background-image: url(../images/circle-check-green-fill-v2.svg);
    background-repeat: no-repeat;
    background-position: 10px center
}

#modal.upgrade-account-popup .link-code .child-account-form,
#popup.upgrade-account-popup .link-code .child-account-form {
    display: flex
}

#modal.upgrade-account-popup .link-code .child-account-form #child-account-code,
#popup.upgrade-account-popup .link-code .child-account-form #child-account-code {
    flex: 3;
    border-radius: 6px;
    font-family: "Source Code Pro", "Menlo", "Monaco", "Andale Mono", "Anonymous Pro", "PT Mono", monospace;
    letter-spacing: normal
}

#modal.upgrade-account-popup .link-code .child-account-form #child-account-code:focus,
#popup.upgrade-account-popup .link-code .child-account-form #child-account-code:focus {
    box-shadow: inset 0 0 0 2px #0572ec
}

#modal.upgrade-account-popup .link-code .child-account-form #redeem-child-code,
#popup.upgrade-account-popup .link-code .child-account-form #redeem-child-code {
    flex: 1;
    margin: 0 0 0 5px;
    padding: 5px;
    color: #0572ec
}

#modal.upgrade-account-popup .link-code .error-messages,
#popup.upgrade-account-popup .link-code .error-messages {
    margin-top: 10px;
    padding: 10px
}

#modal.upgrade-account-popup .link-code .error-messages p.error-description,
#popup.upgrade-account-popup .link-code .error-messages p.error-description {
    max-height: 5rem;
    text-align: center
}

#modal.upgrade-account-popup .link-code p,
#popup.upgrade-account-popup .link-code p {
    font-size: .9rem !important
}

#modal.upgrade-account-popup h1,
#popup.upgrade-account-popup h1 {
    line-height: 130%
}

#modal.upgrade-account-popup h1.middle,
#popup.upgrade-account-popup h1.middle {
    margin-top: 20px !important
}

#modal.upgrade-account-popup h1.top,
#popup.upgrade-account-popup h1.top {
    width: calc(100% - 90px);
    text-align: left
}

#modal.upgrade-account-popup #domain-entry,
#popup.upgrade-account-popup #domain-entry {
    text-align: left
}

#modal.upgrade-account-popup #domain-entry label,
#popup.upgrade-account-popup #domain-entry label {
    display: none
}

#modal.upgrade-account-popup p.team-upgrade-warning,
#popup.upgrade-account-popup p.team-upgrade-warning {
    color: #e60000;
    font-size: .9rem !important;
    margin-top: 20px !important
}

#modal.accept-invite-popup .popup-description,
#popup.accept-invite-popup .popup-description {
    font-size: .8rem !important;
    color: #707070
}

#modal.error-message .diagnostics.small,
#popup.error-message .diagnostics.small {
    margin-top: 1.5rem
}

#modal.error-message .diagnostics.small>*,
#popup.error-message .diagnostics.small>* {
    margin-top: 3px !important;
    font-size: .7rem !important
}

#modal.remove-members,
#popup.remove-members {
    color: #333;
    text-align: center
}

#modal.remove-members main>*,
#popup.remove-members main>* {
    padding-left: .5rem;
    padding-right: .5rem
}

h4 #modal.remove-members :not(.knox-reset),
h4 #popup.remove-members :not(.knox-reset) {
    margin-top: 1rem;
    margin-bottom: var(--knox-spacing-large)
}

#modal.remove-members .description,
#popup.remove-members .description {
    color: #707070;
    text-align: left
}

#modal.remove-members #go-to-people,
#popup.remove-members #go-to-people {
    display: inline-flex;
    margin-top: var(--knox-spacing-xl);
    border-radius: var(--knox-corner-radius-medium);
    margin-bottom: var(--knox-spacing-small);
    align-items: center;
    justify-content: center;
    height: 44px;
    font-size: var(--knox-font-size-body-large)
}

#modal.remove-members #go-to-people:hover,
#popup.remove-members #go-to-people:hover {
    cursor: default
}

#modal.delete-account,
#popup.delete-account {
    color: #333
}

#modal.delete-account p,
#modal.delete-account h4,
#popup.delete-account p,
#popup.delete-account h4 {
    letter-spacing: -0.3px
}

#modal.delete-account main>div,
#popup.delete-account main>div {
    padding: 1.5rem 0;
    border-top: 1px solid #e4e6e7
}

#modal.delete-account main>div:first-child,
#popup.delete-account main>div:first-child {
    padding-top: 0;
    border: 0
}

#modal.delete-account main>div:last-child,
#popup.delete-account main>div:last-child {
    padding-bottom: 0
}

#modal.delete-account main>div.spanner,
#popup.delete-account main>div.spanner {
    padding: 1rem 1.2rem;
    margin: 0 -1.2rem;
    border-bottom: 1px solid #e4e6e7
}

#modal.delete-account main>div.spanner+div,
#popup.delete-account main>div.spanner+div {
    border-top: none
}

#modal.delete-account .header,
#popup.delete-account .header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

#modal.delete-account .subtext,
#popup.delete-account .subtext {
    color: #707070
}

#modal.delete-account .spanner,
#popup.delete-account .spanner {
    background-color: #f6f7f8
}

#modal.delete-account .spanner:first-child,
#popup.delete-account .spanner:first-child {
    margin-top: -1.2rem
}

#modal.delete-account .spanner button,
#popup.delete-account .spanner button {
    background-color: #fcfcfc
}

#modal.delete-account .spanner button:hover,
#popup.delete-account .spanner button:hover {
    background-color: #0572ec
}

#modal.delete-account .new-button,
#popup.delete-account .new-button {
    padding: 10px 1.5rem;
    min-width: 160px
}

[data-focus-visible] #modal.delete-account .support-btn-focus:focus,
[data-focus-visible] #popup.delete-account .support-btn-focus:focus {
    box-shadow: inset 0 0 0 1px var(--knox-border-focus), 0 0 0 3px var(--knox-border-focus)
}

#modal.delete-account .description,
#popup.delete-account .description {
    margin-right: 15px
}

#modal.delete-account #confirm-intent,
#popup.delete-account #confirm-intent {
    margin-top: 1rem;
    font-size: .9rem;
    font-weight: 600;
    color: #0572ec;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

#modal.delete-account .delete-confirmation,
#popup.delete-account .delete-confirmation {
    margin-top: 1.2rem
}

#modal.delete-account .delete-confirmation .form,
#popup.delete-account .delete-confirmation .form {
    margin-top: .8rem;
    display: flex;
    align-items: center
}

#modal.delete-account .delete-confirmation .form input,
#popup.delete-account .delete-confirmation .form input {
    width: 75%
}

#modal.delete-account .delete-confirmation .form button,
#popup.delete-account .delete-confirmation .form button {
    margin-left: 10px
}

#modal.convert-account main.content-box,
#popup.convert-account main.content-box {
    padding: 1.5rem
}

#modal.convert-account .changelog,
#popup.convert-account .changelog {
    margin-top: var(--knox-spacing-medium);
    color: #333;
    line-height: var(--knox-line-height-default)
}

#modal.convert-account .changelog ul,
#popup.convert-account .changelog ul {
    margin-top: var(--knox-spacing-medium)
}

#modal.departure-survey .title,
#modal.departure-survey .description,
#modal.departure-survey .reasons,
#popup.departure-survey .title,
#popup.departure-survey .description,
#popup.departure-survey .reasons {
    letter-spacing: -0.4px
}

#modal.departure-survey footer p,
#popup.departure-survey footer p {
    letter-spacing: -0.2px
}

#modal.departure-survey section,
#popup.departure-survey section {
    padding: 1.5rem 0;
    border-top: 1px solid #e4e6e7
}

#modal.departure-survey section:first-child,
#popup.departure-survey section:first-child {
    padding-top: 0;
    border: 0
}

#modal.departure-survey section:last-child,
#popup.departure-survey section:last-child {
    padding-bottom: 0
}

#modal.departure-survey footer,
#popup.departure-survey footer {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

#modal.departure-survey footer a,
#popup.departure-survey footer a {
    display: inline-block;
    margin-top: 1rem
}

#modal.departure-survey .survey .reasons,
#popup.departure-survey .survey .reasons {
    margin-left: .5rem;
    margin-bottom: .5rem
}

#modal.departure-survey .survey .reasons .departure-reason,
#popup.departure-survey .survey .reasons .departure-reason {
    padding-bottom: .5rem
}

#modal.departure-survey .survey .reasons .departure-reason textarea,
#popup.departure-survey .survey .reasons .departure-reason textarea {
    margin-left: 1.2rem;
    width: 90%
}

#modal.departure-survey .survey .reasons label,
#popup.departure-survey .survey .reasons label {
    color: #333
}

#modal.departure-survey .survey button,
#popup.departure-survey .survey button {
    display: block;
    width: 90%;
    margin-left: 1.7rem
}

#modal.get-app-popup,
#popup.get-app-popup {
    text-align: center;
    width: 378px
}

#modal.get-app-popup .scroll-box,
#popup.get-app-popup .scroll-box {
    overflow: hidden;
    border-radius: 6px
}

#modal.get-app-popup main,
#popup.get-app-popup main {
    display: flex;
    flex-direction: column
}

#modal.get-app-popup header,
#popup.get-app-popup header {
    margin-top: -20px;
    margin-left: -20px;
    display: flex;
    justify-content: center
}

#modal.get-app-popup header::after,
#popup.get-app-popup header::after {
    content: "";
    display: block;
    background: #f3d661;
    width: 100%;
    height: 1px;
    position: absolute;
    z-index: -1;
    top: 182px;
    left: 0
}

#modal.get-app-popup .copy-text,
#popup.get-app-popup .copy-text {
    visibility: visible;
    position: absolute;
    left: -1000px;
    top: -1000px;
    font-family: "Source Code Pro", "Menlo", "Monaco", "Andale Mono", "Anonymous Pro", "PT Mono", monospace;
    letter-spacing: normal
}

#modal.get-app-popup .decline,
#popup.get-app-popup .decline {
    color: #707070;
    font-size: .9rem;
    margin-top: 1.5rem
}

#modal.get-app-popup small,
#popup.get-app-popup small {
    margin-top: 1.5rem;
    text-align: justify
}

#modal.account-csv-popup,
#popup.account-csv-popup {
    text-align: center
}

#modal.account-csv-popup main,
#popup.account-csv-popup main {
    padding: 1.5rem
}

#modal.account-csv-popup .download-csv,
#popup.account-csv-popup .download-csv {
    display: grid;
    margin-top: 1.2rem
}

#modal.account-csv-popup .download-csv.blue,
#popup.account-csv-popup .download-csv.blue {
    color: #fff
}

#modal.account-csv-popup .download-csv .spinner,
#popup.account-csv-popup .download-csv .spinner {
    margin: auto
}

[data-focus-visible] #modal.account-csv-popup .download-csv:focus,
[data-focus-visible] #popup.account-csv-popup .download-csv:focus {
    box-shadow: inset 0 0 0 1px var(--knox-border-focus), 0 0 0 3px var(--knox-border-focus)
}

#modal.account-csv-popup .csv-importer-label-text,
#popup.account-csv-popup .csv-importer-label-text {
    text-align: left
}

#modal.date-format-popup .scroll-box,
#popup.date-format-popup .scroll-box {
    overflow: visible
}

#modal.trash-archive-rename-notification,
#popup.trash-archive-rename-notification {
    width: 400px;
    text-align: center
}

#modal.trash-archive-rename-notification div.scroll-box>main.content-box,
#popup.trash-archive-rename-notification div.scroll-box>main.content-box {
    padding: 128px 34px 34px 34px
}

#modal.trash-archive-rename-notification .scroll-box,
#popup.trash-archive-rename-notification .scroll-box {
    overflow-x: hidden;
    border-radius: 6px
}

#modal.trash-archive-rename-notification .archive-intro,
#popup.trash-archive-rename-notification .archive-intro {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0
}

#modal.trash-archive-rename-notification h1,
#popup.trash-archive-rename-notification h1 {
    line-height: 1.8rem;
    margin-bottom: 32px
}

#modal.trash-archive-rename-notification button.view-archive,
#popup.trash-archive-rename-notification button.view-archive {
    margin-top: 32px;
    font-weight: 500
}

#modal.trash-archive-rename-notification a.learn-more,
#popup.trash-archive-rename-notification a.learn-more {
    display: block;
    font-weight: 500
}

#modal.archive-explanation #acknowledged-rename,
#popup.archive-explanation #acknowledged-rename {
    margin-top: 20px
}

#modal.archive-explanation h1.title,
#popup.archive-explanation h1.title {
    font-size: 16px;
    line-height: 21px
}

#modal.archive-explanation button,
#popup.archive-explanation button {
    font-weight: 500
}

#modal footer.grey {
    background-color: #f6f7f8
}

#modal.upgrade-account-popup main.content-box {
    text-align: center
}

#modal.recovery-plan-popup main.content-box {
    text-align: center
}

#modal.recovery-plan-popup main.content-box h1 {
    margin-top: 26px
}

.modal-date-select-menu {
    width: 280px;
    padding: 0 !important
}

.modal-date-select-menu>li {
    padding: 15px !important;
    border-radius: 0 !important
}

.modal-date-select-menu>li:not(:last-child) {
    border-bottom: 1px solid #d7d9e0
}

.modal-date-select-button {
    width: 280px;
    margin: 15px auto;
    text-align: left
}

.item {
    padding: 4px 0
}

.item:first-child {
    margin-top: 0
}

.item label,
.item a {
    display: flex;
    align-items: center
}

.item label .avatar,
.item a .avatar {
    margin-right: 10px
}

.item label .details,
.item a .details {
    display: flex;
    flex-direction: column;
    flex: 1
}

.item label .details h4,
.item a .details h4 {
    font-weight: normal;
    margin-top: 0;
    color: #333
}

.item label .details small,
.item a .details small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgba(0, 0, 0, .55)
}

.item label .details .state-note,
.item a .details .state-note {
    display: block !important;
    color: #707070
}

.item label .details .state-note.error,
.item a .details .state-note.error {
    color: #e60000
}

[data-focus-visible] .item:focus {
    box-shadow: inset 0 0 0 1px var(--knox-border-focus), 0 0 0 3px var(--knox-border-focus)
}

.item:focus {
    outline: none
}

.item-anchor {
    -webkit-text-decoration: none;
    text-decoration: none
}

.new-button {
    font-size: 1rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.3rem;
    border-radius: 24px;
    padding: 8px 16px;
    outline: none;
    resize: none;
    color: #0572ec;
    box-shadow: inset 0 0 0 1px #0572ec;
    transition: all .25s ease
}

.new-button:hover,
.new-button:focus {
    background-color: #0572ec;
    color: #fff
}

.new-button.big {
    min-height: 40px;
    font-weight: 600;
    line-height: 1.5rem
}

.new-button.small {
    height: 23px;
    font-size: .9rem;
    padding: 0 10px;
    border-radius: 12px
}

.new-button.blue {
    color: #fff;
    background-color: #0572ec;
    box-shadow: inset 0 0 0 1px #1060d1
}

.new-button.blue:hover {
    background-color: #1060d1;
    color: #fff
}

.new-button.blue:focus {
    box-shadow: inset 0 0 0 1px #1060d1, 0 0 0 1px #1060d1
}

.new-button.grey {
    color: #333;
    background-color: #fff;
    box-shadow: inset 0 0 0 1px #d7d9e0
}

.new-button.grey:hover {
    background-color: #d7d9e0;
    color: #333
}

.new-button.grey:focus {
    box-shadow: inset 0 0 0 1px #d7d9e0, 0 0 0 1px #d7d9e0
}

.new-button.red {
    color: #fff;
    background-color: #d43f21;
    box-shadow: inset 0 0 0 1px #b35947
}

.new-button.red:hover {
    background-color: #b35947;
    color: #fff
}

.new-button.red:focus {
    box-shadow: inset 0 0 0 1px #b35947, 0 0 0 1px #b35947
}

.new-button.green {
    color: #fff;
    background-color: #50b347;
    box-shadow: inset 0 0 0 1px #3b8736
}

.new-button.green:hover {
    background-color: #3b8736;
    color: #fff
}

.new-button.green:focus {
    box-shadow: inset 0 0 0 1px #3b8736, 0 0 0 1px #3b8736
}

.new-button.peach {
    color: #333;
    background-color: #e6a15c;
    box-shadow: inset 0 0 0 1px #cc9951
}

.new-button.peach:hover {
    background-color: #cc9951;
    color: #333
}

.new-button.peach:focus {
    box-shadow: inset 0 0 0 1px #cc9951, 0 0 0 1px #cc9951
}

.new-button.lavender {
    color: #fff;
    background-color: #7369bf;
    box-shadow: inset 0 0 0 1px #544d8c
}

.new-button.lavender:hover {
    background-color: #544d8c;
    color: #fff
}

.new-button.lavender:focus {
    box-shadow: inset 0 0 0 1px #544d8c, 0 0 0 1px #544d8c
}

.new-button.sand {
    color: #fff;
    background-color: #f3d661;
    box-shadow: inset 0 0 0 1px #d9bb41
}

.new-button.sand:hover {
    background-color: #d9bb41;
    color: #fff
}

.new-button.sand:focus {
    box-shadow: inset 0 0 0 1px #d9bb41, 0 0 0 1px #d9bb41
}

.new-button:disabled,
.new-button.disabled {
    color: #cbcccd !important;
    background-color: #f6f7fb !important;
    cursor: not-allowed !important;
    box-shadow: inset 0 0 0 1px #d7d9e0
}

.new-button.margin {
    margin: 16px 0 !important
}

.new-button.secondary {
    background-color: transparent
}

.new-button.secondary.red {
    color: #e60000;
    background-color: #fff;
    box-shadow: inset 0 0 0 1px #e60000
}

.new-button.secondary.red:focus {
    box-shadow: inset 0 0 0 1px #e60000, 0 0 0 1px #e60000
}

.new-button.secondary.red:hover {
    background-color: #e60000;
    color: #fff
}

.new-button.secondary.red:disabled,
.new-button.secondary.red.disabled {
    color: #fcc !important;
    background-color: #fff !important;
    box-shadow: inset 0 0 0 1px #fcc
}

.new-button.secondary.green {
    color: green;
    background-color: #fff;
    box-shadow: inset 0 0 0 1px green
}

.new-button.secondary.green:focus {
    box-shadow: inset 0 0 0 1px green, 0 0 0 1px green
}

.new-button.secondary.green:hover {
    background-color: green;
    color: #fff
}

.new-button.secondary.green:disabled,
.new-button.secondary.green.disabled {
    color: #6f6 !important;
    background-color: #fff !important;
    box-shadow: inset 0 0 0 1px #6f6
}

.new-button.secondary.blue {
    color: #0572ec;
    background-color: #fff;
    box-shadow: inset 0 0 0 1px #0572ec
}

.new-button.secondary.blue:focus {
    box-shadow: inset 0 0 0 1px #0572ec, 0 0 0 1px #0572ec
}

.new-button.secondary.blue:hover {
    background-color: #0572ec;
    color: #fff
}

.new-button.secondary.blue:disabled,
.new-button.secondary.blue.disabled {
    color: #d8eafe !important;
    background-color: #fff !important;
    box-shadow: inset 0 0 0 1px #d8eafe
}

button.settings-button {
    width: 28px;
    height: 28px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px #d7d9e0
}

button.settings-button:hover {
    box-shadow: inset 0 0 0 1px #0572ec
}

button.settings-button:hover svg {
    fill: #0572ec
}

button.select-menu-button {
    min-height: 35px;
    min-width: 125px;
    padding: 8px 32px 10px 14px;
    text-align: left;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .25);
    border-radius: 32px;
    margin-top: 0;
    position: relative
}

button.select-menu-button::after {
    content: "";
    width: 9px;
    height: 5px;
    position: absolute;
    right: 14px;
    top: calc(50% - 2px);
    background-image: url(../images/dropdown-chevron.svg);
    background-repeat: no-repeat
}

button.select-menu-button.results-limit-menu {
    min-width: max-content
}

button.actions-button::after {
    content: "";
    position: absolute;
    left: 11px;
    bottom: 0;
    border-top: 7px solid #0572ec;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    filter: drop-shadow(0 1px 0 #1060d1);
    transition: all .25s ease
}

button.actions-button:hover::after {
    border-top-color: #1060d1
}

button.actions-button svg {
    fill: #fff;
    margin-left: .4rem;
    vertical-align: 2px
}

button.actions-button:disabled {
    color: #cbcccd !important;
    background-color: #f6f7fb !important;
    cursor: not-allowed;
    box-shadow: inset 0 0 0 1px #d7d9e0
}

button.actions-button:disabled::after {
    border-top-color: #f6f7fb;
    filter: drop-shadow(0 1px 0 #d7d9e0)
}

button.actions-button:disabled svg {
    fill: #cbcccd
}

button.add-button svg {
    fill: #0572ec;
    margin-right: .5rem;
    transition: all .25s ease
}

button.add-button:hover svg {
    fill: #fff
}

a.go-to-people {
    display: inline-flex;
    height: 44px;
    padding: var(--knox-spacing-xs) var(--knox-spacing-medium);
    margin-bottom: var(--knox-spacing-small);
    font-size: var(--knox-font-size-body-large);
    border-radius: var(--knox-corner-radius-medium);
    align-items: center;
    justify-content: center
}

a.go-to-people:hover {
    cursor: default;
    -webkit-text-decoration: none;
    text-decoration: none
}

.box {
    border-radius: 8px;
    padding: 1rem
}

.box.red {
    background-color: #fae5e1;
    box-shadow: inset 0 0 0 1px #e6b6ac
}

.box.green {
    background-color: #f3fdfa;
    box-shadow: inset 0 0 0 1px #ade0d3
}

.box.blue {
    background-color: #f1f8ff;
    box-shadow: inset 0 0 0 1px #b8cbe0
}

.box.peach {
    background-color: #faf2e1;
    box-shadow: inset 0 0 0 1px #e6d2ac
}

.box.lavender {
    background-color: #e8e7f5;
    box-shadow: inset 0 0 0 1px #cdcae6
}

.box.sand {
    background-color: #fefbf6;
    box-shadow: inset 0 0 0 1px #e6d3ac
}

.box.travel-yellow {
    background-color: #ffec9b;
    box-shadow: inset 0 0 0 1px #996a1a
}

.banner {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
    padding: .7rem;
    flex-direction: column
}

@media only screen and (min-width: 600px) {
    .banner {
        flex-direction: row
    }
}

.banner>div {
    margin-right: auto;
    margin-bottom: .8rem
}

@media only screen and (min-width: 600px) {
    .banner>div {
        margin-bottom: 0
    }
}

.banner>div h2 {
    margin-bottom: 4px
}

.banner>div .subtitle {
    color: rgba(0, 0, 0, .55);
    font-size: .9rem
}

.banner button,
.banner .new-button {
    margin-bottom: .8rem;
    flex-shrink: 0
}

@media only screen and (min-width: 600px) {

    .banner button,
    .banner .new-button {
        margin-left: .8rem;
        margin-bottom: 0
    }
}

[data-focus-visible] .banner button:focus,
[data-focus-visible] .banner .new-button:focus {
    box-shadow: inset 0 0 0 1px var(--knox-border-focus), 0 0 0 3px var(--knox-border-focus)
}

.svg-checkmark {
    fill: none
}

.svg-checkmark circle {
    stroke: #d7d9e0
}

.svg-checkmark path {
    fill: #d7d9e0
}

.svg-checkmark.blue {
    fill: #0572ec
}

.svg-checkmark.blue circle {
    stroke: #1060d1
}

.svg-checkmark.blue path {
    stroke: #1060d1;
    fill: #fff
}

.svg-checkmark.progress-tracker-blue {
    fill: var(--knox-text-icon-brand)
}

.svg-checkmark.progress-tracker-blue circle {
    stroke: var(--knox-text-icon-brand)
}

.svg-checkmark.progress-tracker-blue path {
    stroke: var(--knox-text-icon-brand);
    fill: var(--knox-background-neutral-high)
}

.svg-checkmark.green {
    fill: #50b347
}

.svg-checkmark.green circle {
    stroke: #3b8736
}

.svg-checkmark.green path {
    stroke: #3b8736;
    fill: #fff
}

.svg-trash {
    fill: #d43f21
}

.svg-settings {
    fill: #7a8a99
}

.svg-airplane {
    fill: #996a1a
}

.svg-banner-close {
    fill: #333
}

.svg-right-chevron {
    fill: #8fa1b3
}

.svg-back-chevron {
    fill: #8fa1b3
}

.svg-ellipsis {
    fill: #8fa1b3
}

.svg-mfa-lock {
    fill: #0572ec
}

.svg-minus-control circle {
    fill: #e60000
}

.svg-minus-control path {
    fill: #fff
}

.svg-info {
    fill: #d7d9e0;
    stroke: transparent
}

.svg-tag-input-x path {
    fill: #fff
}

.svg-filter path {
    fill: #8fa1b3
}

.sr-only {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important
}

#unlocked-app #top-bar {
    position: relative;
    flex: 0 0 70px;
    z-index: 500;
    display: flex;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none
}

#unlocked-app #top-bar #title-container {
    flex-grow: 1;
    text-align: center;
    position: relative;
    background-color: var(--knox-background-neutral)
}

#unlocked-app #top-bar #title-container::after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: var(--knox-border-neutral-weak)
}

#unlocked-app #top-bar #title-container h1#page-title {
    display: none
}

@media(min-width: 600px) {
    #unlocked-app #top-bar #title-container h1#page-title {
        display: inline-block;
        font-size: 1.4rem;
        margin-top: 24px;
        cursor: default;
        outline: none
    }
}

#unlocked-app #top-bar #title-container.contains-special-content-center h1#page-title {
    position: absolute;
    left: 78px
}

#unlocked-app #top-bar #title-container.contains-special-content-center #top-bar-nav {
    display: inline-block;
    font-size: 1.1rem;
    font-weight: 600;
    margin-top: 24px
}

#unlocked-app #top-bar #title-container.contains-special-content-center #top-bar-nav a {
    color: var(--knox-text-icon-neutral-weak);
    padding: .5rem 1rem;
    -webkit-text-decoration: none;
    text-decoration: none;
    border-radius: 25px
}

#unlocked-app #top-bar #title-container.contains-special-content-center #top-bar-nav a:hover,
#unlocked-app #top-bar #title-container.contains-special-content-center #top-bar-nav a.selected {
    color: var(--knox-text-icon-inverse);
    background-color: var(--knox-background-brand)
}

#unlocked-app #top-bar #title-container.contains-special-content-center #top-bar-nav a:not(:last-child) {
    margin-right: .8rem
}

[data-focus-visible] #unlocked-app #top-bar #title-container.contains-special-content-center #top-bar-nav a:focus {
    box-shadow: inset 0 0 0 1px var(--knox-border-focus), 0 0 0 3px var(--knox-border-focus)
}

#unlocked-app #top-bar #title-container.contains-special-content-left #top-bar-left-content {
    position: absolute;
    left: 78px;
    top: 17px
}

#unlocked-app #top-bar #title-container #vault-switcher {
    width: 325px;
    text-align: center;
    margin-top: 9px
}

#unlocked-app #top-bar #title-container #vault-switcher button {
    height: 48px;
    text-align: left;
    cursor: pointer;
    max-width: 100%
}

#unlocked-app #top-bar #title-container #vault-switcher button h1 {
    font-size: 1.25rem;
    line-height: 32px;
    white-space: nowrap;
    margin: 0 .5rem;
    cursor: pointer;
    overflow: hidden;
    max-width: 251px;
    text-overflow: ellipsis;
    color: #333
}

#unlocked-app #top-bar #title-container #vault-switcher button div>* {
    vertical-align: top;
    display: inline-block
}

#unlocked-app #top-bar #title-container #vault-switcher .menu {
    z-index: 9990;
    position: absolute;
    left: 32.5px;
    top: 48px;
    width: 260px;
    text-align: left
}

#unlocked-app #top-bar #title-container #vault-switcher .menu::before {
    position: absolute;
    left: 120px;
    top: -10px;
    content: "";
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    filter: drop-shadow(0 -1px 0 rgba(0, 0, 0, 0.15))
}

#unlocked-app #top-bar #title-container #vault-switcher .menu ul.section {
    margin-top: 0 !important
}

#unlocked-app #top-bar #title-container #vault-switcher .menu .vault-list-container {
    max-height: calc(100vh - 110px);
    overflow: auto
}

#unlocked-app #top-bar #title-container #vault-switcher .menu .vault-list-container li a {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    padding: 2px 20px 2px 40px
}

#unlocked-app #top-bar #title-container #vault-switcher .menu .vault-list-container li a .avatar {
    display: inline-block;
    vertical-align: -7px;
    margin-right: 8px
}

#unlocked-app #top-bar #title-container #vault-switcher .menu .vault-list-container li a .avatar img {
    margin: 0
}

#unlocked-app #top-bar #user-menu {
    position: relative;
    height: 100%;
    width: 240px;
    transition: 100ms;
    background-color: var(--knox-background-neutral-low);
    box-shadow: inset 1px 0 0 0 var(--knox-border-neutral-weak)
}

#unlocked-app #top-bar #user-menu::after {
    content: "";
    width: calc(100% - 40px);
    height: 1px;
    margin-top: -1px;
    display: block;
    position: relative;
    margin-left: 20px;
    background-color: var(--knox-border-neutral-weak)
}

#unlocked-app #top-bar #user-menu #menu-sign-out::before {
    content: "";
    display: block;
    background: #d7d9e0;
    width: 100%;
    height: 1px;
    position: absolute;
    z-index: -1;
    bottom: 35px;
    right: 0
}

#unlocked-app #top-bar #user-menu .menu-container {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

#unlocked-app #top-bar #user-menu .menu-container>button {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 24px
}

#unlocked-app #top-bar #user-menu button {
    text-align: left;
    cursor: pointer
}

#unlocked-app #top-bar #user-menu button>div>* {
    vertical-align: middle;
    display: inline-block
}

#unlocked-app #top-bar #user-menu button label {
    max-width: 130px;
    margin: 0 .5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--knox-text-icon-neutral);
    font-weight: normal;
    cursor: inherit
}

#unlocked-app #top-bar #user-menu .active {
    width: 210px;
    left: 15px;
    top: 68px
}

#unlocked-app #top-bar #user-menu .active a,
#unlocked-app #top-bar #user-menu .active button {
    border-radius: 0;
    color: #707070;
    text-align: left;
    padding: 4px 20px;
    font-size: .9rem;
    font-weight: 500;
    border: none
}

#unlocked-app #top-bar #user-menu .active a:hover,
#unlocked-app #top-bar #user-menu .active button:hover {
    color: #333
}

#unlocked-app #top-bar #user-menu .active a:last-child,
#unlocked-app #top-bar #user-menu .active button:last-child {
    margin-top: 10px;
    margin-bottom: 3px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px
}

#unlocked-app #top-bar #user-menu .active a:first-child,
#unlocked-app #top-bar #user-menu .active button:first-child {
    margin-top: 3px;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px
}

#unlocked-app #top-bar #user-menu .active a img,
#unlocked-app #top-bar #user-menu .active button img {
    margin-right: .5rem;
    vertical-align: -2px
}

#unlocked-app #top-bar .menu-icon {
    transform: translateY(2px)
}

#unlocked-app #global-sidebar #sidebar-banner.invite-family {
    background-position: right 24px top;
    background-image: url(../images/banner-invite-family.png);
    background-size: 27px 33px
}

@media(min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    #unlocked-app #global-sidebar #sidebar-banner.invite-family {
        background-image: url(../images/banner-invite-family@2x.png)
    }
}

#unlocked-app #global-sidebar #sidebar-banner.trustpilot {
    background-position: right 7px top;
    background-image: url(../images/banner-trustpilot.svg)
}

#unlocked-app #global-sidebar #sidebar-quest.sso-migration {
    background-image: url(../images/sso-sign-on-modal.svg);
    background-size: 95%;
    background-position: left -15px bottom -30px;
    padding-bottom: 130px
}

#unlocked-app #global-sidebar #sidebar-quest.ekit {
    background-image: url(../images/quest-ekit.png);
    background-size: 66px 68px
}

@media(min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    #unlocked-app #global-sidebar #sidebar-quest.ekit {
        background-image: url(../images/quest-ekit@2x.png)
    }
}

#unlocked-app #global-sidebar #sidebar-quest.get-apps {
    background-image: url(../images/quest-get-apps.png);
    background-size: 69px 69px
}

@media(min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    #unlocked-app #global-sidebar #sidebar-quest.get-apps {
        background-image: url(../images/quest-get-apps@2x.png)
    }
}

#unlocked-app #global-sidebar #sidebar-quest.invite-team {
    background-image: url(../images/quest-invite-team.png);
    background-size: 105px 67px
}

@media(min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    #unlocked-app #global-sidebar #sidebar-quest.invite-team {
        background-image: url(../images/quest-invite-team@2x.png)
    }
}

#unlocked-app #global-sidebar #sidebar-quest.add-admin {
    background-image: url(../images/quest-add-admin.png);
    background-size: 96px 66px
}

@media(min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    #unlocked-app #global-sidebar #sidebar-quest.add-admin {
        background-image: url(../images/quest-add-admin@2x.png)
    }
}

#unlocked-app #global-sidebar #sidebar-quest.free-family {
    background-position: bottom left 16px;
    background-image: url(../images/quest-free-family.svg);
    background-size: 104px, 62px
}

#unlocked-app #global-sidebar #sidebar-quest.live-chat {
    background-position: bottom right 10px;
    background-image: url(../images/quest-bizchat.svg);
    background-size: 106px, 70px
}

#unlocked-app #main-content {
    flex: 1 1 auto;
    overflow: auto;
    padding: var(--knox-spacing-xl) var(--knox-spacing-2xl);
    position: relative
}

#unlocked-app #main-content .page-loading {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 6rem auto;
    width: 100%
}

#unlocked-app .reset {
    padding-top: var(--knox-spacing-xl);
    padding-left: 0 !important;
    padding-right: 0 !important
}

.vault-view #global-sidebar {
    display: none !important
}

.vault-view #top-bar #title-container::after,
.vault-view #top-bar #user-menu::after {
    width: 100% !important;
    margin-left: 0 !important
}

.vault-view #top-bar #user-menu {
    background-color: var(--knox-background-neutral) !important;
    box-shadow: inset 1px 0 0 0 #e4e6e7 !important
}

#locked-app {
    background-color: #f6f7f8;
    overflow: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.knox-dark-mode #locked-app {
    background-color: var(--knox-background-neutral)
}

#locked-app #locked-app-container {
    width: 100%;
    max-width: 1000px;
    display: flex;
    flex-direction: column
}

@media only screen and (min-width: 1024px) {
    #locked-app #locked-app-container {
        max-width: 70%;
        justify-content: center
    }
}

@media only screen and (min-width: 750px) {
    #locked-app #locked-app-container {
        flex-direction: row
    }
}

#locked-app #locked-app-icon {
    width: 100%;
    margin: 6rem 0;
    position: relative;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

@media only screen and (min-width: 750px) {
    #locked-app #locked-app-icon {
        width: 250px;
        margin: 0;
        margin-right: 3rem;
        flex-direction: row
    }
}

#locked-app #locked-app-icon .icon {
    position: absolute;
    width: 126px;
    height: 126px;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: -31px;
    z-index: 10;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media only screen and (min-width: 750px) {
    #locked-app #locked-app-icon .icon {
        top: 24vh
    }
}

#locked-app #locked-app-icon .icon .lock {
    height: 128px;
    width: 128px
}

#locked-app #locked-app-icon .icon .keyhole {
    top: 40px;
    left: 56px;
    height: 48px;
    width: 15px;
    position: relative
}

#locked-app #locked-app-icon .icon .gradient {
    top: 8px;
    left: 8px;
    height: 112px;
    width: 112px;
    animation: spin 4.8s infinite steps(64)
}

#locked-app #locked-app-icon .icon .lock,
#locked-app #locked-app-icon .icon .gradient {
    position: absolute;
    -webkit-user-drag: none
}

#locked-app #locked-app-icon::before,
#locked-app #locked-app-icon::after {
    content: "";
    width: 100%;
    height: 32px;
    background-color: rgba(255, 255, 255, .6)
}

@media only screen and (min-width: 750px) {

    #locked-app #locked-app-icon::before,
    #locked-app #locked-app-icon::after {
        width: 32px;
        height: auto;
        position: absolute;
        top: 0;
        bottom: 0
    }
}

#locked-app #locked-app-icon::before {
    box-shadow: 0 -1px 0 #fff, inset 0 1px 0 rgba(0, 0, 0, .15), inset 0 -1px 0 rgba(0, 0, 0, .25), inset 0 -2px 0 #fff
}

@media only screen and (min-width: 750px) {
    #locked-app #locked-app-icon::before {
        box-shadow: -1px 0 0 #fff, inset 1px 0 0 rgba(0, 0, 0, .15), inset -1px 0 0 rgba(0, 0, 0, .25), inset -2px 0 0 #fff;
        left: calc(50% - 32px)
    }
}

#locked-app #locked-app-icon::after {
    box-shadow: 0 1px 0 #fff, inset 0 1px 0 rgba(0, 0, 0, .25), inset 0 -1px 0 rgba(0, 0, 0, .15), inset 0 2px 0 #fff
}

@media only screen and (min-width: 750px) {
    #locked-app #locked-app-icon::after {
        box-shadow: 1px 0 0 #fff, inset 1px 0 0 rgba(0, 0, 0, .25), inset -1px 0 0 rgba(0, 0, 0, .15), inset 2px 0 0 #fff;
        right: calc(50% - 32px)
    }
}

#locked-app #locked-app-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    align-items: center;
    width: 100%;
    padding: 0 1rem
}

@media only screen and (min-width: 750px) {
    #locked-app #locked-app-content {
        align-items: flex-start;
        padding: 0;
        margin-right: 3rem
    }
}

@media only screen and (min-width: 1050px) {
    #locked-app #locked-app-content {
        max-width: 420px;
        margin-right: 62px
    }
}

#locked-app #locked-app-content #account-list,
#locked-app #locked-app-content #signin-form,
#locked-app #locked-app-content #domain-form,
#locked-app #locked-app-content #support {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    align-items: stretch;
    width: 100%
}

@media only screen and (min-width: 750px) {

    #locked-app #locked-app-content #account-list,
    #locked-app #locked-app-content #signin-form,
    #locked-app #locked-app-content #domain-form,
    #locked-app #locked-app-content #support {
        padding-top: 22vh
    }
}

#locked-app #locked-app-content #account-list.loading,
#locked-app #locked-app-content #signin-form.loading,
#locked-app #locked-app-content #domain-form.loading,
#locked-app #locked-app-content #support.loading {
    text-align: center;
    margin-top: 5rem;
    max-width: none;
    width: auto
}

#locked-app #locked-app-content #account-list {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 425px
}

#locked-app #locked-app-content #signin-form {
    max-width: 425px
}

#locked-app #locked-app-content #support {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 550px
}

#locked-app #locked-app-content #support h3:not(.knox-reset),
#locked-app #locked-app-content #support p:not(.knox-reset),
#locked-app #locked-app-content #support strong:not(.knox-reset),
#locked-app #locked-app-content #support ul:not(.knox-reset) {
    margin-bottom: 1rem
}

#locked-app #locked-app-content #support .spinner {
    margin-top: 7vh
}

#locked-app #locked-app-content #support .badge {
    border-radius: 5px;
    color: #fff;
    padding: 3px 7px;
    margin: 0 10px;
    font-size: .85rem;
    font-weight: 600
}

#locked-app #locked-app-content #support .badge.individual {
    background-color: #c44598
}

#locked-app #locked-app-content #support .badge.family {
    background-color: #736bbd
}

#locked-app #locked-app-content #support .badge.team {
    background-color: #0572ec
}

#locked-app #locked-app-content #support .badge.business {
    background-color: #525c66
}

#locked-app #locked-app-content #support .start {
    position: relative;
    max-width: 425px;
    width: 100%;
    align-self: center
}

@media only screen and (min-width: 750px) {
    #locked-app #locked-app-content #support .start {
        align-self: auto;
        width: inherit
    }
}

#locked-app #locked-app-content #support .start button {
    margin-bottom: 1.4rem
}

#locked-app #locked-app-content #support .accounts {
    max-width: 425px;
    width: 100%;
    align-self: center
}

@media only screen and (min-width: 750px) {
    #locked-app #locked-app-content #support .accounts {
        align-self: auto;
        width: inherit
    }
}

#locked-app #locked-app-content #support .accounts .account {
    display: flex;
    align-items: center
}

#locked-app #locked-app-content #support .accounts .account .content {
    flex: 1;
    min-width: 50px;
    width: 50px
}

#locked-app #locked-app-content #support>.account {
    box-shadow: inset 0 0 0 1px #cbcccd;
    border-radius: 6px;
    max-width: 550px;
    position: relative;
    padding: 2rem;
    background-color: #fff
}

#locked-app #locked-app-content #support>.account section:not(:first-of-type) {
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid #e4e6e7
}

#locked-app #locked-app-content #support>.account section.delete {
    border-radius: 10px;
    border: 2px dashed #cbcccd;
    padding: 1.5rem
}

#locked-app #locked-app-content #support>.account section.delete .apple-subscription {
    display: flex;
    align-items: center;
    margin-bottom: 1rem
}

#locked-app #locked-app-content #support>.account section.delete .apple-subscription label {
    margin-left: .5rem;
    font-weight: 400
}

#locked-app #locked-app-content #support>.account section.account-details {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

@media only screen and (min-width: 600px) {
    #locked-app #locked-app-content #support>.account section.account-details {
        flex-direction: row
    }

    #locked-app #locked-app-content #support>.account section.account-details .badge {
        margin: 0 10px
    }
}

#locked-app #locked-app-content #support>.account section.account-details .avatar-container {
    position: relative;
    margin: 0 0 .5rem;
    flex-shrink: 0
}

@media only screen and (min-width: 600px) {
    #locked-app #locked-app-content #support>.account section.account-details .avatar-container {
        margin: 0 1rem 0 0
    }
}

#locked-app #locked-app-content #support>.account section.account-details .avatar-container .avatar-badge {
    position: absolute;
    bottom: -5px;
    right: -5px;
    -webkit-user-drag: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#locked-app #locked-app-content #support>.account section.account-details .content {
    flex: 1;
    min-width: 0;
    max-width: 100%
}

#locked-app #locked-app-content #support>.account section.account-details .content p {
    overflow: hidden;
    text-overflow: ellipsis
}

#locked-app #locked-app-content #support>.account section.account-details .content p {
    color: #707070;
    margin: 0;
    line-height: 1.4rem
}

#locked-app #locked-app-content #support>.account section.account-details .badge {
    margin: 5px 0
}

#locked-app #locked-app-content #support>.account section p:last-child {
    margin-bottom: 0
}

#locked-app #locked-app-content #support>.account li {
    position: relative;
    padding-left: 1rem;
    list-style: none;
    line-height: 1.6rem
}

#locked-app #locked-app-content #support>.account li::before {
    content: "•";
    position: absolute;
    top: 0;
    left: 0
}

#locked-app #locked-app-content #support>.account .actions {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center
}

#locked-app #locked-app-content footer {
    margin-top: 6rem;
    margin-bottom: 1rem
}

#locked-app #locked-app-content footer .country-selector {
    margin-bottom: 3rem
}

#locked-app #locked-app-content footer .links {
    margin-bottom: 1rem
}

#locked-app #locked-app-content footer .links a {
    display: block;
    margin-bottom: 4px
}

#locked-app #locked-app-content footer .links a:last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 410px) {
    #locked-app #locked-app-content footer .links a {
        display: inline-block;
        margin-bottom: 0
    }
}

#locked-app #locked-app-content footer .links .separator {
    display: none
}

@media only screen and (min-width: 410px) {
    #locked-app #locked-app-content footer .links .separator {
        display: inline
    }
}

#locked-app .country-selector button {
    padding: .6rem;
    margin-bottom: .6rem;
    background-color: #fff;
    color: #333 !important;
    box-shadow: inset 0 0 0 1px #cbcccd;
    border-radius: 6px
}

#locked-app .country-selector button:hover {
    box-shadow: inset 0 0 0 1px #0572ec
}

#locked-app .country-selector button svg {
    margin-left: .6rem;
    vertical-align: 3px
}

[data-focus-visible] #locked-app .country-selector button:focus {
    box-shadow: inset 0 0 0 1px var(--knox-border-focus), 0 0 0 3px var(--knox-border-focus)
}

#locked-app .country-selector .active {
    z-index: 9990;
    position: absolute;
    width: 198px;
    padding: 1rem;
    text-align: left;
    left: 0;
    top: 17px;
    transform: translateY(-100%)
}

#locked-app .country-selector .active a {
    display: block;
    margin-bottom: 1rem;
    -webkit-text-decoration: none;
    text-decoration: none;
    position: relative
}

#locked-app .country-selector .active a:last-child {
    margin-bottom: .5rem
}

#locked-app .country-selector .active a .flag {
    margin-right: .6rem;
    font-size: 1.6rem;
    width: 16px;
    height: 16px
}

#locked-app .country-selector .active a .domain {
    vertical-align: 3px;
    font-weight: 500
}

#locked-app .country-selector .active a svg {
    fill: #0572ec;
    position: absolute;
    right: 0;
    top: 7px;
    transform: rotate(-90deg)
}

#locked-app .country-selector .active a:hover .domain {
    color: #1060d1
}

#locked-app .country-selector .active a:hover svg {
    fill: #1060d1
}

[data-focus-visible] #locked-app .country-selector .active a:focus {
    box-shadow: inset 0 0 0 1px var(--knox-border-focus), 0 0 0 3px var(--knox-border-focus)
}

#locked-app #spinner-overlay {
    text-align: center;
    padding-top: 35vh;
    z-index: 100000;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent
}

#locked-app #spinner-overlay .error-message {
    font-size: .8rem;
    color: #707070
}

#locked-app .locked-header {
    margin-bottom: 1.4rem
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

@keyframes mp-practice-blink {
    50% {
        border-color: #fff
    }
}

@keyframes lock-glow {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

img.spinner {
    opacity: .85;
    animation: spin .6s infinite steps(12)
}

img.spinner.small {
    animation: spin .6s infinite steps(8);
    width: 16px;
    height: 16px
}

img.spinner.small.with-padding {
    padding: 1px;
    width: 18px;
    height: 18px
}

img.spinner.normal {
    width: 22px;
    height: 22px
}

img.spinner.normal.with-padding {
    padding: 5px;
    width: 32px;
    height: 32px
}

img.spinner.large {
    width: 44px;
    height: 44px
}

img.spinner.large.with-padding {
    padding: 10px;
    width: 64px;
    height: 64px
}

.button img.spinner.normal {
    margin: -1px 0
}

.spinner-text {
    display: flex;
    align-items: center
}

.spinner-text img {
    flex: 0 0 auto;
    margin-top: -4px
}

.spinner-text p {
    margin-top: 0;
    margin-left: 10px
}

body.account-view #main-content>.centered {
    max-width: 1050px;
    margin: 0 auto;
    display: flex;
    flex-direction: column
}

body.account-view #main-content>.centered.xlarge {
    max-width: 925px
}

body.account-view #main-content>.centered.large {
    max-width: 850px
}

body.account-view #main-content>.centered.medlarge {
    max-width: 750px
}

body.account-view #main-content>.centered.medium {
    max-width: 600px
}

body.account-view #main-content>.centered.small {
    max-width: 450px
}

h3.divider {
    font-weight: normal;
    color: #707070;
    text-align: center;
    position: relative;
    z-index: 1;
    margin: 15px 10px 0;
    text-shadow: 2px 0 0 #f6f7f8, 4px 0 0 #f6f7f8, 6px 0 0 #f6f7f8, 8px 0 0 #f6f7f8, -2px 0 0 #f6f7f8, -4px 0 0 #f6f7f8, -6px 0 0 #f6f7f8, -8px 0 0 #f6f7f8
}

h3.divider:first-child {
    margin-top: 10px
}

h3.divider::after {
    content: "";
    display: block;
    background: rgba(0, 0, 0, .15);
    width: 100%;
    height: 1px;
    position: absolute;
    z-index: -1;
    top: .5em
}

input[type=checkbox] {
    margin: 0
}

.checkmark-container .permissions-item {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.checkmark-container .permissions-item:hover {
    -webkit-text-decoration: none;
    text-decoration: none
}

.checkmark-container .permission-name {
    color: #333;
    font-size: 1rem;
    font-weight: 500
}

.checkmark-container .permission-name.disabled {
    color: rgba(0, 0, 0, .55)
}

input[type=file] {
    display: none !important
}

#add-people ol {
    margin-top: 15px
}

#add-people ol li {
    color: #707070;
    padding: 0;
    margin: 0;
    line-height: 40px
}

#add-people ol li .delete-button {
    float: right;
    margin-top: 4px
}

.contact-form {
    margin: 2rem auto 0
}

.contact-form .loading {
    text-align: center
}

span.user-label {
    border-radius: 2px;
    display: inline-block;
    font-size: .8em;
    font-weight: 600;
    padding: 0 4px;
    position: relative;
    top: -1;
    margin-left: 10px;
    color: #fff
}

span.user-label.short {
    display: none
}

span.user-label.full:first-child,
span.user-label.short:nth-child(2) {
    margin-left: 0
}

span.user-label.type-G {
    background: #7369bf
}

span.user-label.state-T {
    background: #e6a15c
}

span.user-label.state-3 {
    background: #e6a15c
}

span.user-label.state-1 {
    background: #e6a15c
}

span.user-label.state-S {
    background: #999
}

span.user-label.state-5 {
    background: #999
}

span.user-label.state-P {
    background: #d43f21
}

span.user-label.state-V {
    background: #d43f21
}

span.user-label.state-2 {
    background: #d43f21
}

span.user-label.state-4 {
    background: #d43f21
}

.invitation-page>header {
    max-width: 1200px;
    margin: 0 auto;
    margin-bottom: 32px
}

.invitation-page>header h2 {
    font-size: 28px;
    margin-top: 0;
    margin-bottom: 8px
}

#detail-view .user-label.full,
.report .user-label.full {
    display: none
}

@media only screen and (min-width: 1050px) {

    #detail-view .user-label.full,
    .report .user-label.full {
        display: inline-block
    }
}

#detail-view .user-label.short,
.report .user-label.short {
    display: inline-block
}

@media only screen and (min-width: 1050px) {

    #detail-view .user-label.short,
    .report .user-label.short {
        display: none
    }
}

#detail-view .user-label {
    margin-right: 4px;
    font-size: .8em;
    font-weight: 600;
    border-radius: 2px
}

#detail-view li .content .user-label {
    max-height: 1.3rem;
    margin-top: 2px
}

#detail-view li .content .user-label.short {
    margin-left: .5rem
}

.report .user-label {
    font-size: .7rem;
    line-height: 1rem;
    margin-left: .3rem
}

.report .user-label:first-child {
    margin-left: 0
}

#admin-invitations {
    display: grid;
    grid-template-columns: 100%;
    grid-gap: 16px;
    margin-bottom: 32px;
    max-width: 1200px;
    margin: 0 auto
}

@media(min-width: 1000px) {
    #admin-invitations {
        grid-template-columns: 50% 50%
    }
}

@media(min-width: 1000px) {
    #admin-invitations>div {
        grid-column: 2;
        grid-row: 1/3
    }
}

#admin-invitations>div .confirmations {
    margin-bottom: var(--knox-spacing-medium)
}

@media(min-width: 1000px) {
    #admin-invitations .invite {
        grid-column: 1;
        grid-row: 1
    }
}

@media(min-width: 1000px) {
    #admin-invitations .signup-url {
        grid-column: 1;
        grid-row: 2
    }
}

#admin-invitations div.box {
    padding: 16px;
    width: 100%
}

#admin-invitations div.box .header {
    margin-bottom: 18px
}

#admin-invitations div.box .header>div {
    align-items: center
}

#admin-invitations div.box .header>div img {
    margin-right: 8px
}

#admin-invitations div.box .header>div h2 {
    margin: 0
}

#admin-invitations div.box ul li {
    display: flex;
    justify-content: space-between;
    align-items: center
}

#admin-invitations div.box ul li>:first-child {
    display: flex;
    margin-right: 6px;
    white-space: nowrap
}

#admin-invitations div.box ul li>:first-child.remove {
    overflow: visible;
    overflow: initial
}

#admin-invitations div.box ul li>:first-child .remove,
#admin-invitations div.box ul li>:first-child .avatar,
#admin-invitations div.box ul li>:first-child .main {
    display: inline-block
}

#admin-invitations div.box ul li>:first-child .main p {
    overflow: hidden;
    text-overflow: ellipsis
}

#admin-invitations div.box ul li>:first-child .main p .user-label {
    margin-left: 8px
}

#admin-invitations div.box ul li>:first-child .no-link {
    width: calc(100% - 48px)
}

#admin-invitations div.box ul li>:first-child .with-link {
    width: 100%
}

#admin-invitations div.box ul li>:first-child .confirm-link,
#admin-invitations div.box ul li>:first-child .avatar+.no-link {
    width: calc(100% - 94px)
}

#admin-invitations div.box ul li>:last-child {
    flex: 0 0 auto
}

#admin-invitations div.box ul li .remove {
    margin-right: 16px
}

[data-focus-visible] #admin-invitations div.box ul li .remove:focus {
    box-shadow: inset 0 0 0 1px var(--knox-border-focus), 0 0 0 3px var(--knox-border-focus)
}

#admin-invitations div.box ul li .spinner {
    margin: auto 25px auto 5px
}

#admin-invitations div.box ul li .avatar {
    margin-right: 10px
}

#admin-invitations div.box ul li .button {
    margin: 0
}

#admin-invitations div.box ul li .small {
    margin-top: 0
}

@media(min-width: 700px) {
    #admin-invitations div.box .actions {
        align-items: center;
        display: flex;
        flex-flow: row
    }
}

#admin-invitations div.box .actions button:first-of-type {
    margin-bottom: var(--knox-spacing-medium)
}

@media(min-width: 700px) {
    #admin-invitations div.box .actions button:first-of-type {
        margin-bottom: 0;
        margin-right: 16px
    }
}

#admin-invitations div.box.invite {
    padding: 0
}

#admin-invitations div.box.invite .confirm-reply-to {
    display: inline;
    height: 40px;
    margin-left: 10px;
    line-height: 0;
    border-radius: inherit
}

@media(min-width: 1000px)and (max-width: 1090px) {
    #admin-invitations div.box.invite .confirm-reply-to {
        margin-top: 5px;
        margin-left: 0
    }
}

#admin-invitations div.box.invite .error {
    color: #e60000;
    margin-top: 5px
}

#admin-invitations div.box.invite #reply-to {
    width: 275px
}

#admin-invitations div.box.invite #reply-to-token {
    width: 275px
}

#admin-invitations div.box.invite>div {
    border-radius: 6px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15);
    margin-bottom: var(--knox-spacing-medium);
    padding: var(--knox-spacing-medium) 20px
}

#admin-invitations div.box.invite>div:last-of-type {
    margin-bottom: 0
}

#admin-invitations div.box.invite>div img {
    margin-bottom: 8px
}

#admin-invitations div.box.invite>div h2 {
    margin-top: 0;
    margin-bottom: var(--knox-spacing-medium);
    font-size: 1.25rem
}

#admin-invitations div.box.invite>div .reply-header {
    border-bottom: none;
    margin-bottom: 0;
    margin-top: 15px;
    font-weight: 500
}

#admin-invitations div.box.invite>div a.new-button {
    font-weight: 600
}

#admin-invitations div.box.invite>div button:not(.submit):not(.confirm-reply-to) {
    font-weight: 600;
    display: flex;
    align-items: center
}

#admin-invitations div.box.invite>div button:not(.submit):not(.confirm-reply-to) img {
    margin: 0;
    margin-right: 8px
}

#admin-invitations div.box.invite .email {
    margin-bottom: var(--knox-spacing-medium)
}

#admin-invitations div.box.invite .signup-url .secret-link {
    display: flex;
    align-items: center;
    margin-bottom: var(--knox-spacing-medium)
}

[data-focus-visible] #admin-invitations div.box.invite .signup-url .secret-link a:focus {
    box-shadow: inset 0 0 0 1px var(--knox-border-focus), 0 0 0 3px var(--knox-border-focus)
}

#admin-invitations div.box.invite .signup-url .secret-link button {
    margin-left: var(--knox-spacing-medium)
}

[data-focus-visible] #admin-invitations div.box.invite .signup-url .secret-link button:focus {
    box-shadow: inset 0 0 0 1px var(--knox-border-focus), 0 0 0 3px var(--knox-border-focus)
}

#admin-invitations div.box.invite .signup-url .secret-link button img {
    width: 28px;
    height: 28px
}

#admin-invitations div.box .slack.has-list p {
    border-bottom: none !important;
    margin-bottom: 0 !important
}

#admin-invitations div.box .slack.has-list ol {
    list-style: decimal inside;
    padding-bottom: 16px;
    margin: 0;
    line-height: 1.5
}

#admin-invitations div.box .slack>.spinner {
    display: block;
    margin: 24px auto
}

#admin-invitations div.box .slack img {
    margin-top: 4px;
    margin-right: 12px
}

#admin-invitations div.box.invitations {
    margin-bottom: var(--knox-spacing-medium);
    align-self: start;
    border-radius: 6px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15)
}

#admin-invitations div.box.invitations.container {
    padding: 0
}

#admin-invitations div.box.invitations .header {
    margin-bottom: 8px
}

#admin-invitations div.box.invitations .header>:first-child {
    overflow: hidden
}

#admin-invitations div.box.invitations .header>:first-child>* {
    display: inline-block
}

#admin-invitations div.box.invitations .header>:first-child h2 {
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.13;
    width: calc(100% - 180px);
    white-space: nowrap
}

#admin-invitations div.box.invitations .header h3 {
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.13;
    margin: 0;
    width: calc(100% - 180px);
    white-space: nowrap
}

#admin-invitations div.box.invitations .resend-all {
    position: relative
}

#admin-invitations div.box.invitations .resend-all img {
    position: absolute;
    top: calc(50% - 9px);
    left: calc(50% - 9px)
}

#admin-invitations div.box.invitations .resend-all img+span {
    visibility: hidden
}

#admin-invitations div.box.invitations .button:disabled {
    background-color: #e0e0e0;
    color: #a0a0a0;
    cursor: not-allowed
}

#admin-invitations div.box.invitations .expired {
    color: #e60000;
    text-transform: uppercase
}

#admin-invitations div.box.invitations li {
    margin: 0 -15px;
    padding: 6px 16px
}

#admin-invitations div.box.invitations li .button {
    background: #f6f7f8;
    position: relative
}

#admin-invitations div.box.invitations li .button .spinner {
    margin: auto
}

#admin-invitations div.box.invitations li .button img {
    position: absolute;
    top: calc(50% - 9px);
    left: calc(50% - 9px)
}

#admin-invitations div.box.invitations li .button img+span {
    color: transparent
}

#admin-invitations div.box.invitations li:nth-child(even) {
    background: #f6f7f8
}

#admin-invitations div.box.invitations li:nth-child(even) .button {
    background: #fff
}

#admin-invitations div.box.invitations .empty-view {
    margin-top: 10px
}

#admin-invitations div.box.invitations .empty-view hr {
    margin-top: 20px;
    margin-bottom: 0
}

#admin-invitations div.box.invitations .empty-view>.spinner {
    display: block;
    margin: 46px auto 18px
}

#admin-invitations div.box.confirmations {
    background: #f6fcf5;
    border-radius: 6px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15)
}

#admin-invitations div.box.confirmations.container {
    padding: 0
}

#admin-invitations div.box.confirmations h2 {
    color: green
}

#admin-invitations div.box.confirmations .confirm-all {
    color: #fff;
    background-color: #52a64b
}

#admin-invitations div.box.confirmations .confirm-all:focus {
    outline: none;
    box-shadow: none
}

#admin-invitations div.box.confirmations.empty {
    background: #f6f7f8;
    padding-bottom: 20px
}

#admin-invitations div.box.confirmations.empty img {
    filter: grayscale(100%)
}

#admin-invitations div.box.confirmations.empty h2 {
    color: #707070
}

#admin-invitations div.box.confirmations .header {
    margin-bottom: 8px
}

#admin-invitations div.box.confirmations .header>:first-child {
    overflow: hidden
}

#admin-invitations div.box.confirmations .header>:first-child>* {
    display: inline-block
}

#admin-invitations div.box.confirmations .header>:first-child h2 {
    width: calc(100% - 52px);
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.13
}

#admin-invitations div.box.confirmations .header.one-row {
    display: flex;
    justify-content: space-between;
    align-items: center
}

#admin-invitations div.box.confirmations .header.one-row>:first-child {
    display: flex;
    flex: 1 1 auto;
    white-space: nowrap
}

#admin-invitations div.box.confirmations .header.one-row h3 {
    flex-grow: 1;
    width: calc(100% - 52px);
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.13;
    margin: 0
}

#admin-invitations div.box.confirmations .header.one-row button {
    margin: 0
}

#admin-invitations div.box.confirmations .header.one-row>:nth-child(2) {
    flex: 0 0 auto
}

#admin-invitations div.box.confirmations .header.two-rows {
    height: auto
}

#admin-invitations div.box.confirmations .header.two-rows .buttons {
    margin-top: 10px
}

#admin-invitations div.box.confirmations .header.two-rows .buttons>:nth-child(2) {
    margin: 5px 0 5px 10px
}

#admin-invitations div.box.confirmations .confirm-all-progress {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    margin: 10px -19px 0;
    padding: 8px 19px
}

#admin-invitations div.box.confirmations .confirm-all-progress>.left {
    flex: 1 1 auto;
    margin-right: 20px
}

#admin-invitations div.box.confirmations .confirm-all-progress>.button.progress-stop {
    flex: 0 0 auto;
    margin-top: 0
}

#admin-invitations div.box.confirmations li {
    margin: 0 -15px;
    padding: 6px 16px
}

#detail-view {
    max-width: 1024px;
    margin: 0 auto;
    display: flex;
    flex-direction: column
}

@media only screen and (min-width: 1050px) {
    #detail-view {
        display: block
    }
}

@media only screen and (min-width: 1050px) {
    #detail-view.vault-detail.empty {
        background-image: url(../images/vault-detail-background.png);
        background-size: 462px 243px;
        background-repeat: no-repeat;
        background-position: 46% 2.5rem
    }
}

@media only screen and (min-width: 1050px)and (min-device-pixel-ratio: 1.5),
only screen and (min-width: 1050px)and (min-resolution: 1.5dppx) {
    #detail-view.vault-detail.empty {
        background-image: url(../images/vault-detail-background@2x.png)
    }
}

@media only screen and (min-width: 1050px) {
    #detail-view.vault-detail.empty header {
        margin: 3rem auto 1rem;
        float: none
    }
}

#detail-view.vault-detail.empty .empty-description {
    width: 100%;
    margin: 1rem auto 0;
    color: #707070;
    text-align: center
}

@media only screen and (min-width: 1050px) {
    #detail-view.vault-detail.empty .empty-description {
        width: 250px
    }
}

#detail-view.vault-detail.empty section#travel-mode-switch,
#detail-view.vault-detail.empty section#service-account-access-switch,
#detail-view.vault-detail.empty section#actions-list,
#detail-view.vault-detail.empty .actions-list-center {
    margin: 0 auto 1rem;
    float: none;
    clear: none
}

#detail-view .rounded-section {
    border-radius: 10px
}

#detail-view .rounded-section.provisioned {
    background-color: #faf2e1;
    border-color: #e6d2ac
}

#detail-view .menu-container div.active {
    border-radius: 10px;
    width: 100%;
    top: 80%;
    left: 0
}

#detail-view .menu-container div.active>a,
#detail-view .menu-container div.active>button {
    text-align: center
}

#detail-view .menu-container div.active>a {
    font-weight: 500;
    padding: 1rem
}

#detail-view .menu-container div.active>a:hover {
    color: #0572ec;
    background-color: #f6f7f8
}

#detail-view section#activity {
    width: 100%;
    order: 1
}

@media only screen and (min-width: 1050px) {
    #detail-view section#activity {
        float: left;
        clear: left;
        width: 280px
    }
}

#detail-view section#activity .activity-container {
    position: relative;
    margin: .4rem
}

#detail-view section#activity .activity-container::before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    height: calc(100% - 16px);
    width: 2px;
    background: #d7d9e0
}

#detail-view section#activity .activity-container .activity-block {
    position: relative;
    margin: 1rem 0 1rem 1.6rem;
    font-size: .93rem
}

#detail-view section#activity .activity-container .activity-block span.secondary {
    color: #707070
}

#detail-view section#activity .activity-container .activity-block::after {
    content: "";
    clear: both
}

#detail-view section#activity .activity-container .activity-block a {
    -webkit-text-decoration: none;
    text-decoration: none
}

#detail-view section#activity .activity-container .activity-block a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

#detail-view section#activity .activity-container .activity-block h3 {
    display: inline-block;
    border: 1px solid #d7d9e0;
    color: #8fa1b3;
    font-size: .7rem;
    padding: 0 4px;
    margin: 0;
    text-transform: uppercase;
    height: 20px;
    border-radius: 6px
}

#detail-view section#activity .activity-container .activity-block .activity-icon {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 34%;
    left: -8px;
    margin-left: -1.6rem;
    background-color: #d7d9e0;
    border-radius: 50%
}

#detail-view section#activity .activity-container .activity-block .activity-icon.small {
    width: 6px;
    height: 6px;
    left: -2px
}

#detail-view section#activity .activity-container .activity-block .activity-icon:not(.small)::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, .2)
}

#detail-view section#activity .activity-container .activity-block .activity-icon img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

#detail-view section#activity .activity-container .activity-block .time {
    color: #707070;
    white-space: nowrap
}

#detail-view section#activity .load-more {
    margin-top: 10px
}

#detail-view .detail-view-left-section {
    width: 100%;
    margin-bottom: 1.2rem
}

@media only screen and (min-width: 1050px) {
    #detail-view .detail-view-left-section {
        float: left;
        clear: left;
        width: 280px
    }
}

#detail-view .detail-view-left-section#travel-mode-switch,
#detail-view .detail-view-left-section#service-account-access-switch {
    padding: .95rem;
    border: 1px solid var(--knox-border-neutral);
    border-radius: 10px
}

#detail-view main {
    width: 100%;
    margin-bottom: 2rem
}

@media only screen and (min-width: 1050px) {
    #detail-view main {
        width: calc(100% - 280px - 4rem);
        margin-left: calc(280px + 4rem)
    }
}

#detail-view p.owner-statement {
    color: #707070;
    margin: 1.5rem 0
}

#detail-view section.detail-view-section {
    width: 100%;
    margin-top: 2rem
}

#detail-view section.detail-view-section:first-child {
    margin-top: 0
}

#detail-view section.detail-view-section.sign-in-details {
    display: flex;
    flex-direction: column
}

#detail-view section.detail-view-section.sign-in-details .detail {
    border: #d7d9e0 1px solid;
    display: flex;
    align-items: center;
    padding: .7rem
}

#detail-view section.detail-view-section.sign-in-details .detail+.detail {
    margin-top: .5rem
}

#detail-view section.detail-view-section.sign-in-details .detail .title {
    font-size: .9rem
}

#detail-view section.detail-view-section.sign-in-details .detail .secret-key {
    font-family: "Source Code Pro", "Menlo", "Monaco", "Andale Mono", "Anonymous Pro", "PT Mono", monospace;
    letter-spacing: normal
}

#detail-view section.detail-view-section.sign-in-details .detail .content {
    flex: 1
}

#detail-view section.detail-view-section.sign-in-details .detail .content p {
    margin-top: 8px;
    font-size: 1.1rem;
    font-weight: 500
}

#detail-view section.detail-view-section.sign-in-details .detail .content p.secret-key {
    font-size: 1rem
}

#detail-view section.detail-view-section.sign-in-details .copy-box {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: 0
}

#detail-view section.detail-view-section.sign-in-details .copy-box:hover,
#detail-view section.detail-view-section.sign-in-details .copy-box:focus-within,
#detail-view section.detail-view-section.sign-in-details .copy-box:focus {
    cursor: pointer
}

#detail-view section.detail-view-section.sign-in-details .copy-box:hover .show-on-focus,
#detail-view section.detail-view-section.sign-in-details .copy-box:focus-within .show-on-focus,
#detail-view section.detail-view-section.sign-in-details .copy-box:focus .show-on-focus {
    opacity: 1
}

#detail-view section.detail-view-section.sign-in-details .copy-box .copy-box-button {
    margin-left: 5px;
    border: 1px solid #cbcccd;
    border-radius: 5px;
    padding: 5px;
    -webkit-text-decoration: none;
    text-decoration: none;
    font-size: 1.1rem;
    color: #333;
    word-break: normal;
    height: auto;
    height: initial;
    min-width: 3.5rem
}

#detail-view section.detail-view-section.sign-in-details .copy-box .copy-box-button:hover {
    background-color: transparent
}

#detail-view section.detail-view-section.sign-in-details .copy-box .copy-box-button:active {
    background-color: #cbcccd;
    border-color: #999
}

#detail-view section.detail-view-section.sign-in-details .copy-box:active .copy {
    background-color: #cbcccd;
    border-color: #999
}

#detail-view section.detail-view-section.sign-in-details .copy-box .visibility-toggle:active+.copy {
    background-color: #f6f7f8;
    border-color: #cbcccd
}

#detail-view section.detail-view-section.sign-in-details .copy-box .show-on-focus {
    opacity: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#detail-view section.detail-view-section.sign-in-details .credentials {
    display: flex;
    flex-direction: column;
    flex: auto
}

#detail-view section.detail-view-section.sign-in-details .credentials+.qr-code-container {
    margin: .5rem 0 0
}

#detail-view section.detail-view-section.sign-in-details .credentials+.qr-code-container .qr-code {
    padding: 12px;
    border-color: #d7d9e0
}

#detail-view section.detail-view-section.sign-in-details .credentials+.qr-code-container .wrapper {
    width: 100%
}

@media only screen and (min-width: 750px) {
    #detail-view section.detail-view-section.sign-in-details {
        flex-direction: row
    }

    #detail-view section.detail-view-section.sign-in-details .credentials+.qr-code-container {
        margin: -8px 0 0 .5rem
    }

    #detail-view section.detail-view-section.sign-in-details .credentials+.qr-code-container .qr-code img {
        height: 112px;
        width: 112px
    }

    #detail-view section.detail-view-section.sign-in-details .credentials+.qr-code-container .wrapper {
        width: 138px
    }
}

#detail-view section.detail-view-section.sign-in-details+.emergency-kit {
    margin-top: .5rem
}

@media only screen and (min-width: 850px) {
    #detail-view section.detail-view-section.sign-in-details+.emergency-kit {
        margin-top: 1rem
    }
}

#detail-view section#delete-account {
    margin-top: 4rem
}

#delete-account .danger-zone {
    border: 1px solid #d7d9e0;
    text-align: center;
    padding-bottom: 9px;
    margin-top: 1rem;
    border-radius: 10px;
    display: flex;
    flex-direction: column
}

#delete-account .danger-zone #danger-zone-header {
    display: flex;
    justify-content: center;
    margin-top: -10px
}

#delete-account .danger-zone #danger-zone-header span {
    padding: 0 .5rem;
    background-color: var(--knox-background-neutral);
    color: #333;
    font-size: .75rem;
    text-transform: uppercase
}

#delete-account .danger-zone button {
    margin: 1rem
}

.account-view table:not(.knox-reset) {
    width: 100%;
    border-collapse: separate;
    overflow: hidden
}

.account-view table:not(.knox-reset) tr:nth-child(odd) {
    background-color: #fcfcfc
}

.account-view table:not(.knox-reset) tr:nth-child(even) {
    background-color: #f6f7fb
}

.account-view table:not(.knox-reset) tr,
.account-view table:not(.knox-reset) td,
.account-view table:not(.knox-reset) th {
    height: 44px
}

.account-view table:not(.knox-reset) td,
.account-view table:not(.knox-reset) th {
    padding: 0 1rem;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.account-view table:not(.knox-reset) td.square,
.account-view table:not(.knox-reset) th.square {
    width: 32px;
    min-width: 32px;
    padding: 0;
    text-align: center;
    box-sizing: content-box
}

.account-view table:not(.knox-reset) td a,
.account-view table:not(.knox-reset) th a {
    -webkit-text-decoration: none;
    text-decoration: none;
    line-height: 32px
}

.account-view table:not(.knox-reset) td a:hover,
.account-view table:not(.knox-reset) th a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.account-view table:not(.knox-reset) th {
    background-color: #f6f7fb;
    font-weight: 600;
    text-align: left;
    border-color: #d7d9e0;
    border-style: solid;
    border-width: 1px 0
}

.account-view table:not(.knox-reset) th:first-child {
    border-radius: 6px 0 0;
    border-left-width: 1px
}

.account-view table:not(.knox-reset) th:last-child {
    border-radius: 0 6px 0 0;
    border-right-width: 1px
}

.account-view table:not(.knox-reset) th:only-child {
    border-radius: 6px 6px 0 0;
    border-right-width: 1px;
    border-left-width: 1px
}

.account-view table:not(.knox-reset) th.sortable {
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-right: 38px
}

.account-view table:not(.knox-reset) th.sortable.sort-selected {
    color: #0572ec;
    background-color: #fff;
    border-width: 1px;
    position: relative
}

.account-view table:not(.knox-reset) th.sortable.sort-selected::after {
    content: "";
    width: 8px;
    height: 5px;
    position: absolute;
    right: 16px;
    top: 20px;
    background-image: url(../images/sort-indicator-v3.svg);
    background-repeat: no-repeat
}

.account-view table:not(.knox-reset) th.sortable.sort-selected.asc::after {
    transform: scaleY(-1)
}

.account-view table:not(.knox-reset) td {
    border-bottom: 1px solid #d7d9e0
}

.account-view table:not(.knox-reset) td.disabled {
    color: var(--knox-text-icon-disabled)
}

.account-view table:not(.knox-reset) td.secondary {
    color: #707070
}

.account-view table:not(.knox-reset) td.status.needs-action {
    color: #d43f21
}

.account-view table:not(.knox-reset) td.status svg {
    fill: #666;
    margin-left: .3rem;
    vertical-align: -2px
}

.account-view table:not(.knox-reset) td .avatar.small {
    float: left;
    margin-right: 10px
}

.account-view table:not(.knox-reset) td .avatar.small+span {
    line-height: 32px
}

.account-view table:not(.knox-reset) td .template-icon {
    vertical-align: -4px;
    margin-right: 8px
}

.account-view table:not(.knox-reset) td span.secondary {
    color: #707070
}

.account-view table:not(.knox-reset) tr.empty {
    text-align: center;
    color: #707070
}

.account-view table:not(.knox-reset) tr.selected {
    background-color: #f7fbff
}

.account-view table:not(.knox-reset).activity-log-table th:not(:first-of-type) {
    width: 21%
}

.account-view table:not(.knox-reset) caption.empty {
    caption-side: bottom;
    padding: 12px;
    color: #707070;
    background-color: #fcfcfc;
    border-bottom: 1px solid #d7d9e0
}

.account-view .empty-list {
    margin-top: 5rem;
    text-align: center
}

.account-view .empty-list h3 {
    font-size: 1rem;
    font-weight: 500
}

.account-view .empty-list p {
    margin-top: .5rem;
    color: #707070
}

.account-view .list-header {
    display: flex
}

.account-view .list-header :-ms-input-placeholder {
    color: #707070
}

.account-view .list-header ::placeholder {
    color: #707070
}

.account-view .list-header>* {
    margin-left: .6rem
}

.account-view .list-header>*:first-child {
    margin-left: 0
}

.account-view .list-header .search-wrapper {
    margin-top: 0;
    margin-left: auto;
    display: none
}

@media only screen and (min-width: 720px) {
    .account-view .list-header .search-wrapper {
        display: flex;
        align-items: center;
        position: relative
    }
}

@media only screen and (min-width: 1050px) {
    .account-view .list-header .search-wrapper {
        width: 250px
    }
}

.account-view .list-header .add-button {
    height: 35px
}

.account-view .list-header .menu-container.actions>div {
    width: 190px;
    top: 115%
}

.account-view .list-header .menu-container.actions>div button {
    text-align: left
}

.account-view .list-header .menu-container.actions .active .action-list-link {
    width: 100%
}

.account-view .list-header .menu-container.actions .active .action-list-link:first-child {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.account-view .list-header .menu-container.actions .active .action-list-link:last-child {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.account-view .list-header .menu-container.status-filter {
    display: none
}

@media only screen and (min-width: 925px) {
    .account-view .list-header .menu-container.status-filter {
        display: block
    }

    .account-view .list-header .menu-container.status-filter .active .status-filter-link {
        width: 100%
    }

    .account-view .list-header .menu-container.status-filter .active .status-filter-link:first-child {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px
    }

    .account-view .list-header .menu-container.status-filter .active .status-filter-link:last-child {
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px
    }
}

.account-view .list-header .menu-container.status-filter>div {
    width: 154px;
    top: 18px
}

.account-view .list-header.vaults>*.status-filter,
.account-view .list-header.vaults>*.date-filter {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.account-view .list-header.vaults>.group {
    display: flex
}

.account-view .list-header.vaults>.group>* {
    margin-left: .6rem
}

.account-view .list-header.vaults>.group>*:first-child {
    margin-left: 0
}

.account-view .list-header.vaults>* {
    flex: 1 1 0
}

.account-view .list-header.vaults .main-action,
.account-view .list-header.vaults .search-wrapper {
    flex: none
}

.account-view .list-header.vaults>.date-filter {
    display: none
}

@media only screen and (min-width: 750px) {
    .account-view .list-header.vaults .date-filter {
        justify-content: flex-start;
        display: none
    }
}

@media only screen and (min-width: 1080px) {
    .account-view .list-header.vaults {
        flex-wrap: nowrap
    }

    .account-view .list-header.vaults .date-filter {
        display: flex;
        justify-content: flex-end;
        flex: none
    }
}

@media only screen and (min-width: 1440px) {
    .account-view .list-header.vaults .date-filter {
        display: flex;
        flex: none
    }
}

.account-view .list-header.vaults>.date-filter+* {
    flex: 1 1 0
}

.account-view .list-header.vaults .datefilter-direction {
    margin-top: 0
}

.account-view .list-header.vaults .datefilter-direction.select-menu.menu-container {
    margin-left: .6rem
}

.account-view .list-header.vaults .datefilter-direction .selected {
    font-weight: 500;
    color: #0572ec
}

.account-view .list-header.vaults .filter-button,
.account-view .list-header.vaults~* .filter-button {
    padding: .6rem;
    border-radius: 6px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .25)
}

.account-view .list-header.vaults .filter-button.date,
.account-view .list-header.vaults~* .filter-button.date {
    min-width: 100px
}

.account-view .list-header.vaults~.additional-actions {
    display: flex;
    justify-content: center;
    margin-top: 1rem
}

.account-view .list-header.activity-log-header {
    justify-content: space-between
}

.account-view .list-header.activity-log-header .filter-buttons-container .filter-button-container {
    display: inline-block
}

.account-view .list-header.activity-log-header .filter-buttons-container .filter-button-container:not(:last-of-type) {
    margin-right: 18px
}

.account-view .list-header.activity-log-header .filter-buttons-container .filter-button-container button {
    color: #707070;
    margin-top: 6px
}

.account-view .list-header.activity-log-header .filter-buttons-container .filter-button-container button:hover {
    color: #333
}

.account-view .list-header.activity-log-header .filter-buttons-container .filter-button-container button.filter-active {
    color: #0572ec
}

.account-view .list-header.activity-log-header .filter-buttons-container .filter-button-container button.filter-active:hover {
    color: #0455b0
}

.account-view .list-header.activity-log-header .filter-buttons-container .filter-button-container .clear-filter {
    margin-left: 2px;
    margin-bottom: -2px;
    cursor: pointer
}

.account-view .list-header.activity-log-header .report-buttons-container {
    display: inline-block
}

.account-view .list-header.activity-log-header .report-buttons-container button {
    margin-left: 30px
}

[data-focus-visible] .activity-log-header button:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.account-view .spinner-container {
    width: 100%;
    text-align: center;
    padding-top: 30vh
}

.account-view .activity-log-footer>.spinner-container {
    padding-top: 1rem
}

.result-text {
    margin-left: 15px
}

.avatar {
    background-color: #fff
}

.avatar.xxsmall,
.avatar.xxsmall img,
.avatar.xxsmallactivity,
.avatar.xxsmallactivity img {
    width: 18px;
    height: 18px
}

.avatar.xxsmall .svg-ellipsis,
.avatar.xxsmall img .svg-ellipsis,
.avatar.xxsmallactivity .svg-ellipsis,
.avatar.xxsmallactivity img .svg-ellipsis {
    width: 12px;
    height: 4px
}

.avatar.xsmall,
.avatar.xsmall img {
    width: 24px;
    height: 24px
}

.avatar.small,
.avatar.small img {
    width: 32px;
    height: 32px
}

.avatar.medium,
.avatar.medium img {
    width: 40px;
    height: 40px
}

.avatar.medium .svg-ellipsis,
.avatar.medium img .svg-ellipsis {
    width: 24px;
    height: 8px
}

.avatar.large,
.avatar.large img {
    width: 64px;
    height: 64px
}

.avatar.large .svg-ellipsis,
.avatar.large img .svg-ellipsis {
    width: 36px;
    height: 12px
}

.avatar.xlarge,
.avatar.xlarge img {
    width: 72px;
    height: 72px
}

.avatar.xlarge .svg-ellipsis,
.avatar.xlarge img .svg-ellipsis {
    width: 42px;
    height: 14px
}

.avatar.xxlarge,
.avatar.xxlarge img {
    width: 128px;
    height: 128px
}

.avatar.xxlarge .svg-ellipsis,
.avatar.xxlarge img .svg-ellipsis {
    width: 64px;
    height: 22px
}

.avatar .edit {
    display: none
}

.avatar.default,
.avatar.vault,
.avatar.ellipsis {
    color: #fff;
    text-align: center;
    font-weight: normal;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    overflow: hidden
}

.avatar.default.xxsmallactivity,
.avatar.xxsmallactivity.vault,
.avatar.ellipsis.xxsmallactivity {
    line-height: 18px;
    font-size: .6rem
}

.avatar.default.xxsmallactivity,
.avatar.xxsmallactivity.vault,
.avatar.default.xxsmallactivity::after,
.avatar.xxsmallactivity.vault::after,
.avatar.ellipsis.xxsmallactivity,
.avatar.ellipsis.xxsmallactivity::after {
    border-radius: 50%
}

.avatar.default.xxsmall,
.avatar.xxsmall.vault,
.avatar.ellipsis.xxsmall {
    line-height: 18px;
    font-size: .6rem
}

.avatar.default.xxsmall,
.avatar.xxsmall.vault,
.avatar.default.xxsmall::after,
.avatar.xxsmall.vault::after,
.avatar.ellipsis.xxsmall,
.avatar.ellipsis.xxsmall::after {
    border-radius: 3px
}

.avatar.default.xsmall,
.avatar.xsmall.vault,
.avatar.ellipsis.xsmall {
    line-height: 24px;
    font-size: .7rem
}

.avatar.default.xsmall,
.avatar.xsmall.vault,
.avatar.default.xsmall::after,
.avatar.xsmall.vault::after,
.avatar.ellipsis.xsmall,
.avatar.ellipsis.xsmall::after {
    border-radius: 3.8px
}

.avatar.default.small,
.avatar.small.vault,
.avatar.ellipsis.small {
    line-height: 32px;
    font-size: .9rem
}

.avatar.default.small,
.avatar.small.vault,
.avatar.default.small::after,
.avatar.small.vault::after,
.avatar.ellipsis.small,
.avatar.ellipsis.small::after {
    border-radius: 5px
}

.avatar.default.medium,
.avatar.medium.vault,
.avatar.ellipsis.medium {
    line-height: 40px;
    font-size: 1.13rem
}

.avatar.default.medium,
.avatar.medium.vault,
.avatar.default.medium::after,
.avatar.medium.vault::after,
.avatar.ellipsis.medium,
.avatar.ellipsis.medium::after {
    border-radius: 6.25px
}

.avatar.default.large,
.avatar.large.vault,
.avatar.ellipsis.large {
    font-size: 1.8rem;
    line-height: 64px
}

.avatar.default.large,
.avatar.large.vault,
.avatar.default.large::after,
.avatar.large.vault::after,
.avatar.ellipsis.large,
.avatar.ellipsis.large::after {
    border-radius: 10px
}

.avatar.default.xlarge,
.avatar.xlarge.vault,
.avatar.default.xxlarge,
.avatar.xxlarge.vault,
.avatar.ellipsis.xlarge,
.avatar.ellipsis.xxlarge {
    font-size: 1.8rem;
    line-height: 70px
}

.avatar.default.xlarge,
.avatar.xlarge.vault,
.avatar.default.xlarge::after,
.avatar.xlarge.vault::after,
.avatar.default.xxlarge,
.avatar.xxlarge.vault,
.avatar.default.xxlarge::after,
.avatar.xxlarge.vault::after,
.avatar.ellipsis.xlarge,
.avatar.ellipsis.xlarge::after,
.avatar.ellipsis.xxlarge,
.avatar.ellipsis.xxlarge::after {
    border-radius: 12px
}

.avatar.default:not(.disable-image-border)::after,
.avatar.vault:not(.disable-image-border)::after,
.avatar.ellipsis:not(.disable-image-border)::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15)
}

.avatar.default.xxsmallactivity::after,
.avatar.xxsmallactivity.vault::after,
.avatar.ellipsis.xxsmallactivity::after {
    content: none
}

.avatar.default img,
.avatar.vault img,
.avatar.ellipsis img {
    width: 100%;
    height: 100%;
    border-radius: inherit
}

.avatar.default.ellipsis,
.avatar.ellipsis.ellipsis {
    border: 1px solid rgba(0, 0, 0, .25)
}

.avatar.default.ellipsis::after,
.avatar.ellipsis.ellipsis::after {
    display: none
}

.avatar.default.ellipsis .svg-ellipsis,
.avatar.ellipsis.ellipsis .svg-ellipsis {
    margin-top: 45%
}

.avatar.default,
.avatar.vault {
    color: #333
}

.avatar.ellipsis .svg-ellipsis {
    margin-top: 45%
}

.avatar.vault.xlarge {
    z-index: 10
}

.avatar.vault.xsmall,
.avatar.vault.xsmall::after,
.avatar.vault.small,
.avatar.vault.small::after,
.avatar.vault.medium,
.avatar.vault.medium::after,
.avatar.vault.large,
.avatar.vault.large::after,
.avatar.vault.xlarge,
.avatar.vault.xlarge::after {
    border-radius: 100%
}

.dropzone {
    cursor: pointer;
    position: relative;
    outline: 0;
    border-radius: 100%
}

.dropzone.xxlarge {
    width: 128px;
    height: 128px
}

.dropzone.xlarge {
    width: 72px;
    height: 72px
}

.dropzone.large {
    width: 64px;
    height: 64px
}

.dropzone.medium {
    width: 40px;
    height: 40px
}

.dropzone.small {
    width: 32px;
    height: 32px
}

.dropzone.xsmall {
    width: 24px;
    height: 24px
}

.dropzone:hover .avatar .edit {
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, .25);
    background: rgba(0, 0, 0, .4);
    bottom: -10px;
    top: -10px;
    left: -10px;
    right: -10px;
    position: absolute
}

.dropzone:hover .avatar .edit .svg-upload {
    margin-top: 7px
}

.dropzone .menu {
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 165px
}

.bg-color-0 {
    background-color: #e6b8e6
}

.bg-color-1 {
    background-color: #c9ace6
}

.bg-color-2 {
    background-color: #b0aaf2
}

.bg-color-3 {
    background-color: #b6c0f2
}

.bg-color-4 {
    background-color: #9dc8f2
}

.bg-color-5 {
    background-color: #acdce6
}

.bg-color-6 {
    background-color: #cce6b8
}

.bg-color-7 {
    background-color: #f2f2b6
}

.bg-color-8 {
    background-color: #f2e3aa
}

.bg-color-9 {
    background-color: #f2d4aa
}

.bg-color-10 {
    background-color: #e6bcac
}

.bg-color-11 {
    background-color: #e6acac
}

.bg-color-12 {
    background-color: #e6c3cf
}

.bg-color-13 {
    background-color: #b8e6b8
}

.billing section {
    display: flex;
    flex-direction: column;
    width: 100%
}

.billing .badges>div {
    width: 100%
}

.billing .badges .icon-flex {
    display: flex;
    align-items: center;
    margin: 20px 0 10px;
    padding-right: 20px;
    flex: 1 1 0;
    min-width: 225px
}

@media only screen and (min-width: 860px) {
    .billing .badges .icon-flex {
        flex: 0 0 33%
    }
}

.billing .badges .icon-flex>img {
    flex: 0 0 auto;
    margin-right: 15px
}

.billing .badges .icon-flex>img+* {
    flex: 1 1 auto;
    line-height: 1.5
}

.billing .badges .icon-flex>img+*,
.billing .badges .icon-flex>img+* p {
    margin-top: 0
}

.billing .achievements-coupon {
    display: flex;
    justify-content: space-between;
    margin-top: 10px
}

.billing .achievements-coupon .coupon-badge-text .coupon-badge-title {
    font-weight: 600;
    font-size: 15px;
    color: #333
}

.billing .achievements-coupon .coupon-badge-text .coupon-badge-desc {
    color: #707070
}

.billing .achievements-coupon .badge-image {
    margin-top: 5px
}

.billing .stripe-purchase-order {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1 0 auto;
    max-width: 350px;
    padding: 30px;
    border: solid 1px #cbcccd;
    border-radius: 6px
}

.billing .stripe-purchase-order>section {
    max-width: 300px;
    font-size: .9rem
}

.billing .stripe-purchase-order p.questions {
    font-size: .8rem
}

.billing .stripe-purchase-order .new-button {
    margin-top: 4px;
    width: 80%;
    max-width: 190px;
    text-align: center
}

.billing .stripe-purchase-order .previous-invoice-container {
    margin-bottom: 12px
}

.billing p.line-item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

.billing p.line-item>span.label {
    flex: 1 1 auto
}

.billing p.line-item>span.value {
    font-weight: 600;
    margin-left: 20px;
    flex: 0 0 auto
}

.billing p.line-item.pending-credit {
    color: #707070
}

.billing .buttons {
    margin-top: 22px
}

@media only screen and (max-width: 430px) {
    #modal {
        width: 100% !important;
        height: 100%;
        top: 0;
        max-height: none;
        border-radius: 0
    }
}

#modal.confirm-edit {
    min-width: 400px;
    text-align: center
}

#modal.edit-payment {
    width: calc(100% - 30px);
    min-height: 400px
}

@media only screen and (min-width: 816px) {
    #modal.edit-payment {
        width: 520px
    }
}

#modal.edit-payment .scroll-box>.content-box {
    padding: 2rem
}

#modal.edit-payment select#country {
    width: 100%
}

#modal.subscribe-modal .scroll-box>.content-box>.subscribe {
    display: flex;
    justify-content: space-between;
    flex-direction: column-reverse
}

#modal.subscribe-modal .scroll-box>.content-box>.subscribe .credit-card.form {
    width: 100%;
    border-bottom: solid 1px var(--knox-border-neutral)
}

#modal.subscribe-modal .scroll-box>.content-box>.subscribe .credit-card.form select#country {
    width: 100%;
    border: solid 1px var(--knox-border-neutral);
    box-shadow: none
}

#modal.subscribe-modal .scroll-box>.content-box>.subscribe .plans p.extra {
    color: #707070;
    font-size: .75rem !important
}

#modal.subscribe-modal .scroll-box>.content-box>.subscribe .plans p.extra .emoji {
    font-size: 1.4rem;
    line-height: 1.3;
    float: left
}

#modal.subscribe-modal .scroll-box>.content-box>.subscribe .plans p.extra .text {
    display: block;
    margin-left: 30px
}

#modal.subscribe-modal .plan-selector {
    margin: 18px 0
}

#modal .plan-selector>label.plan-option {
    display: flex
}

#modal .plan-selector>label.plan-option input[type=radio] {
    width: auto
}

#modal .plan-selector>label.plan-option p.price-description {
    font-size: .7rem !important
}

#payment-frame {
    width: 100%;
    display: flex
}

.plan-selector {
    margin-top: 18px
}

.plan-selector>label.plan-option {
    box-shadow: inset 0 0 0 1px #999;
    border-radius: var(--knox-corner-radius-medium);
    display: flex;
    align-items: flex-start;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: var(--knox-spacing-small);
    margin-top: 0;
    margin-left: -1px;
    font-weight: normal;
    flex: 1;
    position: relative;
    z-index: 0
}

.plan-selector>label.plan-option.selected {
    color: var(--knox-text-icon-brand);
    z-index: 1;
    border: solid 1px var(--knox-text-icon-brand)
}

.plan-selector>label.plan-option:first-child {
    margin: 0 var(--knox-spacing-2xs) 0 0 !important
}

.plan-selector>label.plan-option:last-child {
    margin: 0 0 0 var(--knox-spacing-2xs) !important
}

.plan-selector>label.plan-option.disabled {
    color: var(--knox-text-icon-neutral-weak)
}

.plan-selector>label.plan-option div.radio {
    flex: 0 0 auto
}

.plan-selector>label.plan-option div.radio input[type=radio] {
    margin: 0;
    width: auto
}

.plan-selector>label.plan-option:not(.selected) {
    color: var(--knox-text-icon-neutral-weak);
    border: solid 1px var(--knox-text-icon-neutral-weak)
}

.plan-selector>label.plan-option div.description {
    flex: 1 1 auto;
    margin: -2px 0 0 10px
}

.plan-selector>label.plan-option div.description h3 {
    font-size: 1rem
}

.plan-selector>label.plan-option div.description .header {
    display: flex;
    min-height: var(--knox-spacing-large);
    justify-content: space-between
}

.plan-selector>label.plan-option div.description .annual-status-pill {
    border-radius: 20px;
    padding: 3px var(--knox-spacing-xs);
    min-width: 0;
    min-width: initial;
    display: flex;
    justify-content: center
}

.plan-selector>label.plan-option div.description p {
    margin-top: 6px
}

.plan-selector>label.plan-option div.description p.price {
    display: flex;
    align-items: center;
    font-weight: var(--knox-font-weight-heading-default)
}

.plan-selector>label.plan-option div.description p.price .prefix {
    font-size: var(--knox-font-size-heading-small);
    margin-right: .1rem
}

.plan-selector>label.plan-option div.description p.price .whole {
    font-size: var(--knox-font-size-heading-medium)
}

.plan-selector>label.plan-option div.description p.price .suffix {
    font-size: var(--knox-font-size-body-small);
    margin-left: .1em
}

.plan-selector>label.plan-option div.description p.price .currency {
    font-size: var(--knox-font-size-body-small);
    margin-left: .3em
}

.plan-selector>label.plan-option div.description p.price .formatted {
    font-size: 1.6rem
}

.plan-selector>label.plan-option div.description p.price .tax {
    font-size: var(--knox-font-size-body-small);
    font-weight: var(--knox-font-weight-body-default);
    margin-left: var(--knox-spacing-2xs)
}

@media only screen and (max-width: 1050px) {

    .plan-selector>label.plan-option div.description p.price .prefix,
    .plan-selector>label.plan-option div.description p.price .whole,
    .plan-selector>label.plan-option div.description p.price .suffix,
    .plan-selector>label.plan-option div.description p.price .currency,
    .plan-selector>label.plan-option div.description p.price .formatted,
    .plan-selector>label.plan-option div.description p.price .tax {
        font-size: var(--knox-font-size-body-small)
    }
}

.plan-selector>label.plan-option div.description p.price-description {
    font-size: .7rem
}

#modal.subscribe-modal,
#modal.invoice-settings,
#modal.subscribe-form {
    width: calc(100% - 30px);
    min-height: 400px
}

@media only screen and (min-width: 816px) {

    #modal.subscribe-modal,
    #modal.invoice-settings,
    #modal.subscribe-form {
        width: 520px
    }
}

#modal.subscribe-modal .plan-selector,
#modal.invoice-settings .plan-selector,
#modal.subscribe-form .plan-selector {
    display: flex;
    flex-direction: row
}

#modal.subscribe-modal .plans,
#modal.invoice-settings .plans,
#modal.subscribe-form .plans {
    margin-bottom: 0
}

#modal.subscribe-modal .plans .plan-selector>label.plan-option,
#modal.invoice-settings .plans .plan-selector>label.plan-option,
#modal.subscribe-form .plans .plan-selector>label.plan-option {
    flex: 1;
    border-radius: 6px;
    position: relative;
    z-index: 0;
    margin-top: 0;
    margin-left: -1px
}

@media only screen and (min-width: 816px) {

    #modal.subscribe-modal .plans .plan-selector>label.plan-option,
    #modal.invoice-settings .plans .plan-selector>label.plan-option,
    #modal.subscribe-form .plans .plan-selector>label.plan-option {
        width: 160px
    }
}

@media only screen and (min-width: 816px) {

    #modal.subscribe-modal .plans .plan-selector>label.plan-option,
    #modal.invoice-settings .plans .plan-selector>label.plan-option,
    #modal.subscribe-form .plans .plan-selector>label.plan-option {
        margin-left: 0;
        margin-top: -1px
    }
}

#modal.subscribe-modal .plans .plan-selector>label.plan-option.selected,
#modal.invoice-settings .plans .plan-selector>label.plan-option.selected,
#modal.subscribe-form .plans .plan-selector>label.plan-option.selected {
    z-index: 1
}

#modal.subscribe-modal .plans .plan-selector>label.plan-option:first-child,
#modal.invoice-settings .plans .plan-selector>label.plan-option:first-child,
#modal.subscribe-form .plans .plan-selector>label.plan-option:first-child {
    margin-right: var(--knox-spacing-2xs)
}

#modal.subscribe-modal .plans .plan-selector>label.plan-option:last-child,
#modal.invoice-settings .plans .plan-selector>label.plan-option:last-child,
#modal.subscribe-form .plans .plan-selector>label.plan-option:last-child {
    margin-left: var(--knox-spacing-2xs)
}

#modal.invoice-settings .options {
    display: flex;
    flex-direction: column
}

#modal.invoice-settings .unsubscribe {
    margin: 20px -1.2rem -1.2rem;
    background-color: #f6f7f8;
    border-radius: 0 0 6px 6px;
    padding: 18px;
    display: flex;
    align-items: center
}

#modal.invoice-settings .unsubscribe button {
    text-align: center;
    min-height: 32px;
    padding: 5px 25px;
    margin-bottom: 0;
    margin-left: 16px;
    float: right;
    width: 30%;
    height: 40px
}

#modal.invoice-settings .unsubscribe button:not(:hover) {
    background-color: #fff
}

#modal.invoice-settings .unsubscribe .text {
    width: 70%
}

#modal.invoice-settings .unsubscribe a {
    display: block
}

#modal.invoice-settings .unsubscribe p {
    font-size: 14px !important;
    line-height: 130% !important
}

#modal.invoice-settings .customization {
    margin-top: 36px;
    font-size: 14px
}

#modal.invoice-settings .customization label {
    color: #333;
    font-size: 1rem;
    font-weight: 500
}

#modal.invoice-settings .customization h2 {
    margin-bottom: 18px
}

#modal.invoice-settings .customization input {
    font-size: 14px
}

#modal.invoice-settings .buttons {
    margin: 36px 0 19px;
    text-align: center
}

#modal.invoice-settings .buttons button {
    padding: 12px 26px;
    margin-bottom: 0
}

#modal.invoice-settings a {
    display: block;
    font-weight: 500;
    -webkit-text-decoration: none;
    text-decoration: none
}

#modal.invoice-settings a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.credit-card.form input:not(.knox-reset),
.credit-card.form select:not(.knox-reset) {
    margin-top: 5px;
    margin-left: 0;
    border: var(--knox-spacing-hairline) solid var(--knox-border-neutral) !important;
    box-shadow: none
}

.credit-card.form div.province-or-state {
    width: 100%
}

.credit-card.form div.province-or-state select {
    width: 100%;
    border: var(--knox-spacing-hairline) solid var(--knox-border-neutral);
    box-shadow: none
}

.credit-card.form div.province-or-state select:disabled {
    background-color: #f7f7f7
}

.credit-card.form div.province-or-state select:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.credit-card.form div.zip input {
    border: var(--knox-spacing-hairline) solid var(--knox-border-neutral);
    box-shadow: none
}

.credit-card.form div.zip input:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.credit-card.form div.country select {
    width: 100%;
    border: var(--knox-spacing-hairline) solid var(--knox-border-neutral);
    box-shadow: none
}

.credit-card.form div.country select:disabled {
    background-color: #f7f7f7
}

.credit-card.form div.country select:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.credit-card.form .button.submit {
    background: green;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .05)
}

.credit-card.form .button.submit:disabled {
    background: #999;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15)
}

.credit-card.form .menu-container>button,
.credit-card.form .menu-container .active {
    width: 100%;
    border-radius: 6px
}

.credit-card.form .menu-container>button {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .25)
}

.credit-card.form .menu-container>button:hover {
    background-color: #f6f7f8
}

.credit-card.form .menu-container .active {
    padding: .5rem 0;
    top: 26px
}

.credit-card.form .menu-container .active .card-item {
    cursor: pointer
}

.credit-card.form .menu-container .active .card-item:hover {
    background-color: #f6f7f8
}

.credit-card.form .box.error-messages {
    margin-top: 1rem !important
}

.credit-card.form .box.error-messages p {
    font-weight: 600
}

.credit-card.form div.tax {
    margin-top: 12px;
    width: 100%
}

.credit-card.form div.tax .tax-info {
    background: #f2f9ff;
    margin-top: -1px;
    min-height: 40px;
    height: auto
}

.credit-card.form div.tax .tax-info .emoji {
    font-size: 1.4em;
    line-height: 1.1;
    float: left;
    letter-spacing: 0
}

.credit-card.form div.tax .tax-info .text {
    display: block;
    margin-left: 2rem
}

.credit-card.form div.tax .tax-info .text:nth-child(3) {
    margin-top: .2rem
}

.credit-card.form .secondary-cta {
    margin: 24px 0 16px !important
}

#stripe-frame {
    display: none
}

.button-row {
    flex-direction: row;
    margin-top: 10px
}

.button-row .new-button {
    margin-right: 5px
}

.section {
    width: 100% !important;
    margin-top: var(--knox-spacing-large) !important
}

.section.secondary {
    line-height: var(--knox-spacing-large);
    margin-top: var(--knox-spacing-xs);
    font-size: var(--knox-font-size-heading-small)
}

@media(min-width: 576px) {
    .section.secondary {
        font-size: var(--knox-font-size-heading-medium);
        line-height: 28px
    }
}

.section label {
    font-weight: var(--knox-font-weight-body-default);
    line-height: 19.5px;
    color: var(--knox-text-icon-neutral)
}

.section #exp-month {
    width: 56px
}

.section #exp-year {
    width: 52px
}

.section input:not([type=checkbox]),
.section select {
    margin-top: var(--knox-spacing-2xs);
    width: 100%
}

.section input:not([type=checkbox])[type=checkbox],
.section select[type=checkbox] {
    margin-right: .5rem;
    vertical-align: var(--knox-spacing-hairline);
    width: auto
}

.section input:not(#code):not([type=checkbox]),
.section select {
    height: 40px
}

.section.divided {
    display: flex;
    justify-content: space-between
}

.section.divided>div {
    width: 42%
}

.section.verify-code input {
    height: 60px;
    font-size: 2rem
}

.section.card-number {
    position: relative
}

.section.card-number img {
    position: absolute;
    top: 33px;
    right: 9px;
    height: 22px
}

.section.card-number input {
    padding-right: 52px
}

div#home-card-container {
    display: flex;
    flex-flow: row wrap;
    gap: 24px;
    max-width: 1620px;
    margin: 0 auto;
    margin-bottom: 40px
}

div#home-card-container .card,
div#home-card-container .filler {
    flex: 1 1 calc(20% - 24px);
    min-width: 225px;
    max-width: 480px
}

@media only screen and (min-width: 1280px) {

    div#home-card-container .card,
    div#home-card-container .filler {
        max-width: 280px
    }
}

@media only screen and (min-width: 750px) {

    div#home-card-container .card.double-width,
    div#home-card-container .filler.double-width {
        min-width: 474px;
        max-width: 100%
    }
}

@media only screen and (min-width: 1015px) {

    div#home-card-container .card.double-width,
    div#home-card-container .filler.double-width {
        flex: 2 2 calc(40% - 24px);
        max-width: 984px
    }
}

@media only screen and (min-width: 1280px) {

    div#home-card-container .card.double-width,
    div#home-card-container .filler.double-width {
        max-width: 584px
    }
}

div#home-card-container .card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 270px;
    border: 1px solid #d7d9e0;
    cursor: default;
    border-radius: 6px;
    background-color: #fff
}

div#home-card-container .card .main {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 20px 20px 12px
}

div#home-card-container .card .main .header {
    position: relative;
    height: 40px;
    margin: -20px -20px -10px;
    background-color: #f6f7fb;
    border-bottom: 1px solid #eeeff2;
    border-radius: 6px 6px 0 0
}

div#home-card-container .card .main .header .avatar {
    position: absolute;
    right: 24px;
    top: 20px;
    z-index: 10
}

div#home-card-container .card .main .header .circle {
    position: absolute;
    right: 16px;
    top: 11px;
    height: 28px;
    width: 56px;
    background-color: #fafafd;
    border: 1px solid #d7d9e0;
    z-index: 5;
    border-radius: 90px 90px 0 0
}

div#home-card-container .card .main .header::before,
div#home-card-container .card .main .header::after {
    content: "";
    position: absolute;
    height: 9px;
    bottom: 0;
    left: 0;
    right: 0
}

div#home-card-container .card .main .header::before {
    border-top: 1px solid #d7d9e0
}

div#home-card-container .card .main .header::after {
    background-color: #fafafd;
    z-index: 5
}

div#home-card-container .card .main .header.travel-safe {
    background-color: #fff5c2
}

div#home-card-container .card .main .header.travel-safe::after,
div#home-card-container .card .main .header.travel-safe .circle {
    background-color: #fffae1
}

div#home-card-container .card .main .header.travel-safe svg {
    position: absolute;
    left: 7px;
    top: 8px;
    fill: #996a1a
}

div#home-card-container .card .main h2 {
    font-size: 1.3rem;
    line-height: 1.5rem;
    margin-top: 2.5rem
}

div#home-card-container .card .main p {
    color: #707070;
    font-size: .9rem
}

div#home-card-container .card .main p.description {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin: 8px 0 1rem
}

div#home-card-container .card .main .accessor-list {
    margin-top: auto;
    margin-left: -4px
}

div#home-card-container .card .main .accessor-list .avatar,
div#home-card-container .card .main .accessor-list .more-box {
    margin-left: 4px;
    display: inline-block;
    vertical-align: middle
}

div#home-card-container .card .main .accessor-list .more-box {
    height: 24px;
    width: 24px;
    text-align: center;
    border: 1px solid #eeeff2;
    border-radius: 3.8px;
    color: #8fa1b3
}

div#home-card-container .card .main .accessor-list .more-box svg {
    margin-top: 9px
}

div#home-card-container .card:not(.loading):hover {
    box-shadow: 0 0 0 .1em #8dc2fd
}

div#home-card-container .card:not(.loading):hover.all-vaults {
    box-shadow: 0 0 0 .1em #e1def0
}

div#home-card-container .card:not(.loading):hover.travel-safe {
    box-shadow: 0 0 0 .1em #fbf8eb
}

div#home-card-container .card.all-vaults {
    border: 1px solid #cdcae6
}

div#home-card-container .card.all-vaults .header {
    background-color: #e8e7f5;
    border-bottom: 1px solid #dad8ed
}

div#home-card-container .card.all-vaults .header::before {
    border-top: 1px solid #cdcae6
}

div#home-card-container .card.all-vaults .header::after {
    background-color: #f6f5fb
}

div#home-card-container .card.all-vaults .header .circle {
    background-color: #f6f5fb;
    border: 1px solid #cdcae6
}

div#home-card-container .card.ghost {
    cursor: default;
    filter: grayscale(100%)
}

div#home-card-container .card.ghost h2 {
    color: #707070
}

div#home-card-container .card.ghost p {
    color: #707070
}

div#home-card-container .card.ghost .header .avatar {
    background-color: #fff;
    border-radius: 20px
}

div#home-card-container .sand {
    background-color: #fefbf6;
    border-color: #e6d3ac
}

div#home-card-container .sand svg {
    fill: #e6d3ac
}

div#home-card-container .sand svg:hover {
    fill: #d4b471
}

div#home-card-container .loading .svg-loading-line {
    fill: rgba(215, 217, 224, .5)
}

div#home-card-container .loading .svg-loading-line .animated {
    animation: loading 2s cubic-bezier(0.07, 1.13, 1, 1) infinite
}

div#home-card-container .loading .svg-loading-line.title {
    margin-top: 2.5rem;
    height: 1.5rem
}

div#home-card-container .loading .svg-loading-line.count,
div#home-card-container .loading .svg-loading-line.description {
    margin-top: .9rem;
    height: .9rem
}

div#home-card-container .loading .svg-loading-line.count {
    margin-top: .9rem
}

div#home-card-container .loading .svg-loading-line.description+.description {
    margin-top: .3rem
}

div#home-card-container .loading.sand .svg-loading-line {
    fill: rgba(230, 211, 172, .5)
}

div#home-card-container .loading.sand .svg-loading-line>rect:first-of-type {
    fill: rgba(230, 211, 172, .5)
}

@keyframes loading {
    0% {
        transform: translate3d(-50%, 0, 0)
    }

    100% {
        transform: translate3d(150%, 0, 0)
    }
}

#modal.invoice-popup {
    width: 600px
}

#modal.invoice-popup .invoice-body h2 {
    margin-top: 10px
}

#modal.invoice-popup .invoice-body table {
    table-layout: fixed;
    border: none;
    border-radius: 0
}

#modal.invoice-popup .invoice-body table th,
#modal.invoice-popup .invoice-body table td {
    background-color: #fff !important;
    border: none;
    padding: 9px 2px;
    height: auto !important
}

#modal.invoice-popup .invoice-body .lines table {
    margin-top: 16px
}

#modal.invoice-popup .invoice-body .lines table th {
    color: #707070;
    font-size: .9rem;
    font-weight: 600;
    border-bottom: 2px solid rgba(0, 0, 0, .15)
}

#modal.invoice-popup .invoice-body .lines table th:last-of-type {
    width: 100px;
    text-align: right
}

#modal.invoice-popup .invoice-body .lines table td {
    border-bottom: 1px solid rgba(0, 0, 0, .15)
}

#modal.invoice-popup .invoice-body .lines table td:first-of-type {
    padding-right: 15px;
    white-space: normal
}

#modal.invoice-popup .invoice-body .lines table td:last-of-type {
    text-align: right
}

#modal.invoice-popup .invoice-body .lines table td .period {
    font-size: .75rem
}

#modal.invoice-popup .invoice-body .lines table tr:last-of-type td {
    border-bottom: 2px solid rgba(0, 0, 0, .15)
}

#modal.invoice-popup .invoice-body .totals table {
    margin-top: 0;
    margin-left: 45%;
    width: 55%
}

#modal.invoice-popup .invoice-body .totals table td:first-of-type {
    padding-right: 15px;
    color: #707070;
    font-size: .9rem;
    font-weight: 600
}

#modal.invoice-popup .invoice-body .totals table td:last-of-type {
    text-align: right
}

#modal.invoice-popup .invoice-body .totals table td .coupon-name {
    color: #707070;
    font-size: .75rem
}

#modal.invoice-popup .invoice-body .totals table tr.paid td {
    color: #333;
    font-size: 1.1rem
}

#modal.invoice-popup .invoice-body .totals table tr.paid td:last-of-type {
    font-weight: 600
}

#modal.invoice-popup .invoice-body .totals table tr:not(:last-of-type) td {
    border-bottom: 1px solid rgba(0, 0, 0, .15)
}

#modal.invoice-popup .invoice-body .credit-card {
    margin-top: 20px;
    text-align: center;
    font-weight: 600
}

#modal.invoice-popup .invoice-body .credit-card.failed {
    color: #e60000
}

#modal.invoice-popup .invoice-body .credit-card img {
    vertical-align: -4px
}

#modal.invoice-popup .invoice-body .help {
    margin-top: 25px;
    text-align: center;
    font-size: .9rem
}

#modal.invoice-popup .invoice-body .buttons {
    margin-top: 13px;
    text-align: center
}

#modal.invoice-popup .invoice-body .buttons button:first-child {
    margin-right: .6rem
}

#modal.invoice-popup .invoice-body .print-only,
#modal.invoice-popup .invoice-body .print-header {
    display: none
}

.list-item {
    text-align: left
}

.list-item .avatar.small,
.list-item .icon.small {
    float: left;
    margin: 0 10px 0 0
}

.list-item img:nth-child(2) {
    float: right
}

.list-item p {
    margin-top: 5px
}

.list-item.empty-category {
    opacity: .5
}

.list-item .state-note {
    display: block !important;
    color: #707070
}

.list-item .state-note.error {
    color: #e60000
}

.menu-wrapper {
    position: relative;
    display: inline-block;
    vertical-align: top
}

.menu-wrapper .menu {
    position: absolute;
    top: 35px;
    left: 0
}

.menu-wrapper.float-right .menu {
    left: auto;
    right: 0
}

.menu {
    background: #fff;
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, .15) 0 0 0 1px, rgba(0, 0, 0, .15) 0 1px 20px;
    display: none;
    width: 220px
}

.menu.active {
    display: block;
    z-index: 500
}

.menu .section {
    border-top: solid 1px rgba(0, 0, 0, .05);
    padding: 10px 0;
    margin-top: 0
}

.menu .section:first-child {
    border-top: none
}

.menu .section h2 {
    padding: 0 15px
}

.menu .section h2+ul {
    margin-top: 5px
}

.menu>ul.nolink li,
.menu>ul li a:not(.button),
.menu>div>ul.nolink li,
.menu>div>ul li a:not(.button) {
    display: block;
    line-height: 32px;
    padding: 0 15px;
    color: #333;
    -webkit-text-decoration: none;
    text-decoration: none;
    cursor: default
}

.menu>ul.nolink li:hover,
.menu>ul li a:not(.button):hover,
.menu>div>ul.nolink li:hover,
.menu>div>ul li a:not(.button):hover {
    color: #333;
    background-color: #f6f7f8
}

.menu>ul.nolink li.link,
.menu>ul li a:not(.button).link,
.menu>div>ul.nolink li.link,
.menu>div>ul li a:not(.button).link {
    color: #0572ec
}

.menu>ul.nolink li.link-red,
.menu>ul li a:not(.button).link-red,
.menu>div>ul.nolink li.link-red,
.menu>div>ul li a:not(.button).link-red {
    color: #e60000
}

.menu>ul.nolink li.disabled,
.menu>ul li a:not(.button).disabled,
.menu>div>ul.nolink li.disabled,
.menu>div>ul li a:not(.button).disabled {
    color: #707070
}

.menu>ul.nolink li.disabled:hover,
.menu>ul li a:not(.button).disabled:hover,
.menu>div>ul.nolink li.disabled:hover,
.menu>div>ul li a:not(.button).disabled:hover {
    background-color: transparent
}

.menu>ul.nolink li input[type=checkbox],
.menu>ul li a:not(.button) input[type=checkbox],
.menu>div>ul.nolink li input[type=checkbox],
.menu>div>ul li a:not(.button) input[type=checkbox] {
    margin-right: 8px
}

.menu>ul.nolink li label,
.menu>ul li a:not(.button) label,
.menu>div>ul.nolink li label,
.menu>div>ul li a:not(.button) label {
    margin: 0 -15px;
    padding: 0 15px;
    display: block;
    color: inherit;
    font-weight: inherit
}

.menu>ul.icon.nolink li,
.menu>ul.icon li a,
.menu>div>ul.icon.nolink li,
.menu>div>ul.icon li a {
    padding: 0 15px 0 40px
}

.menu>ul.icon.nolink li img,
.menu>ul.icon.nolink li.selected::before,
.menu>ul.icon li a img,
.menu>ul.icon li a.selected::before,
.menu>div>ul.icon.nolink li img,
.menu>div>ul.icon.nolink li.selected::before,
.menu>div>ul.icon li a img,
.menu>div>ul.icon li a.selected::before {
    float: left;
    margin: 7px -26px
}

.menu>ul.icon.nolink li.selected::before,
.menu>ul.icon li a.selected::before,
.menu>div>ul.icon.nolink li.selected::before,
.menu>div>ul.icon li a.selected::before {
    content: url(../images/checkmark-small-green.svg);
    width: 18px;
    height: 18px
}

.menu-container {
    position: relative
}

.menu-container.select-menu {
    margin-top: 10px
}

.menu-container.select-menu .select-menu-button {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
    width: 100%;
    border-radius: 6px
}

.menu-container.select-menu .active {
    width: 100%;
    top: 0;
    overflow: hidden
}

.menu-container.select-menu .select-option {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
    padding: 8px 14px;
    cursor: default
}

.menu-container.select-menu .select-option:hover {
    background: #f6f7f8
}

.menu-container.select-menu .select-option:not(:last-child) {
    border-bottom: 1px solid #d7d9e0
}

.menu-container.select-menu .select-option.disabled {
    color: #707070;
    background-color: #e4e6e7
}

.menu-container.select-menu .option-display .desc {
    color: #707070;
    margin-left: .2em
}

.menu-container div.active {
    position: absolute;
    z-index: 600;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, .15) 0 0 0 1px, rgba(0, 0, 0, .15) 0 1px 20px
}

.menu-container div.active a,
.menu-container div.active .active-menu-button {
    display: block;
    color: #0572ec;
    -webkit-text-decoration: none;
    text-decoration: none;
    font-weight: 600;
    text-align: center;
    padding: 12px;
    width: 100%
}

.menu-container div.active a.selected,
.menu-container div.active .active-menu-button.selected {
    color: #204060
}

.menu-container div.active a:hover,
.menu-container div.active .active-menu-button:hover {
    color: #1060d1;
    background-color: #f6f7fb
}

.menu-container div.active a:hover:first-child,
.menu-container div.active .active-menu-button:hover:first-child {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.menu-container div.active a:hover:last-child,
.menu-container div.active .active-menu-button:hover:last-child {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.menu-container div.active a:not(:last-child),
.menu-container div.active .active-menu-button:not(:last-child) {
    border-bottom: 1px solid #d7d9e0
}

.menu-container div.active a.red,
.menu-container div.active .active-menu-button.red {
    color: #e60000
}

.menu-container div.active a.red:hover,
.menu-container div.active .active-menu-button.red:hover {
    color: #b30000
}

.menu-container div.active a[disabled],
.menu-container div.active .active-menu-button[disabled] {
    cursor: not-allowed;
    color: #e4e6e7 !important
}

body.panels {
    background: #fcfcfc;
    background-repeat: no-repeat;
    padding: 0;
    margin: 0
}

body.panels #panel-page {
    display: flex;
    flex-direction: column
}

body.panels #panel-header,
body.panels #panel-footer {
    width: 100%;
    margin: 0;
    display: flex;
    flex-direction: row;
    justify-content: center
}

body.panels #panel-header {
    flex: 0 0 56px;
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .15)
}

body.panels #panel-header img {
    margin: 6px 0
}

body.panels .information-preview {
    padding: 20px;
    border-radius: 6px;
    border: 1px solid #e4e6e7;
    background: #fff
}

body.panels .information-preview h5 {
    color: #707070;
    margin-top: 20px
}

body.panels .information-preview h5:first-child {
    margin-top: 0
}

body.panels .information-preview p {
    font-size: 1.1rem;
    width: 100%;
    padding: 0 0 3px;
    margin: 5px 0 0;
    border-bottom: 1px dashed #cbcccd;
    color: #333
}

body.panels #panel {
    flex: 1 1 auto;
    margin: 0 auto;
    width: 100%
}

@media only screen and (min-width: 850px) {
    body.panels #panel {
        width: 780px
    }
}

body.panels #panel p.error-description {
    color: #e60000
}

body.panels #panel button#continue {
    width: 100px
}

body.panels #panel .right {
    float: right
}

body.panels #panel .right,
body.panels #panel .right .button {
    margin-top: 0
}

body.panels #panel #right-icon {
    float: right
}

body.panels #panel #flow-join,
body.panels #panel #flow-provision,
body.panels #panel #flow-register,
body.panels #panel #flow-signup-legacy,
body.panels #panel #flow-team-join {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    margin: 6% 10%;
    font-size: 1.1rem
}

body.panels #panel #flow-join .button,
body.panels #panel #flow-provision .button,
body.panels #panel #flow-register .button,
body.panels #panel #flow-signup-legacy .button,
body.panels #panel #flow-team-join .button {
    font-size: inherit
}

body.panels #panel #flow-join section,
body.panels #panel #flow-provision section,
body.panels #panel #flow-register section,
body.panels #panel #flow-signup-legacy section,
body.panels #panel #flow-team-join section {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column
}

body.panels #panel #flow-join section section,
body.panels #panel #flow-provision section section,
body.panels #panel #flow-register section section,
body.panels #panel #flow-signup-legacy section section,
body.panels #panel #flow-team-join section section {
    margin-top: 2rem
}

body.panels #panel #flow-join section header,
body.panels #panel #flow-join section footer,
body.panels #panel #flow-provision section header,
body.panels #panel #flow-provision section footer,
body.panels #panel #flow-register section header,
body.panels #panel #flow-register section footer,
body.panels #panel #flow-signup-legacy section header,
body.panels #panel #flow-signup-legacy section footer,
body.panels #panel #flow-team-join section header,
body.panels #panel #flow-team-join section footer {
    width: 100%;
    margin: 0;
    display: inline;
    display: initial
}

body.panels #panel #flow-join section header,
body.panels #panel #flow-provision section header,
body.panels #panel #flow-register section header,
body.panels #panel #flow-signup-legacy section header,
body.panels #panel #flow-team-join section header {
    margin-bottom: 2.5rem;
    flex-direction: column;
    justify-content: center
}

body.panels #panel #flow-join section header h1,
body.panels #panel #flow-join section header h2,
body.panels #panel #flow-provision section header h1,
body.panels #panel #flow-provision section header h2,
body.panels #panel #flow-register section header h1,
body.panels #panel #flow-register section header h2,
body.panels #panel #flow-signup-legacy section header h1,
body.panels #panel #flow-signup-legacy section header h2,
body.panels #panel #flow-team-join section header h1,
body.panels #panel #flow-team-join section header h2 {
    font-weight: normal;
    line-height: 1.3em;
    text-align: center
}

body.panels #panel #flow-join section header h1.sent-email,
body.panels #panel #flow-join section header h2.sent-email,
body.panels #panel #flow-provision section header h1.sent-email,
body.panels #panel #flow-provision section header h2.sent-email,
body.panels #panel #flow-register section header h1.sent-email,
body.panels #panel #flow-register section header h2.sent-email,
body.panels #panel #flow-signup-legacy section header h1.sent-email,
body.panels #panel #flow-signup-legacy section header h2.sent-email,
body.panels #panel #flow-team-join section header h1.sent-email,
body.panels #panel #flow-team-join section header h2.sent-email {
    text-align: left;
    margin-right: 20px
}

body.panels #panel #flow-join section header h1,
body.panels #panel #flow-provision section header h1,
body.panels #panel #flow-register section header h1,
body.panels #panel #flow-signup-legacy section header h1,
body.panels #panel #flow-team-join section header h1 {
    font-size: 2.25rem
}

body.panels #panel #flow-join section header h1.sent-email,
body.panels #panel #flow-provision section header h1.sent-email,
body.panels #panel #flow-register section header h1.sent-email,
body.panels #panel #flow-signup-legacy section header h1.sent-email,
body.panels #panel #flow-team-join section header h1.sent-email {
    color: green
}

body.panels #panel #flow-join section header h2,
body.panels #panel #flow-provision section header h2,
body.panels #panel #flow-register section header h2,
body.panels #panel #flow-signup-legacy section header h2,
body.panels #panel #flow-team-join section header h2 {
    font-size: 1.5rem;
    margin-top: .5rem;
    color: #707070
}

body.panels #panel #flow-join section footer,
body.panels #panel #flow-provision section footer,
body.panels #panel #flow-register section footer,
body.panels #panel #flow-signup-legacy section footer,
body.panels #panel #flow-team-join section footer {
    margin-top: 3rem;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start
}

body.panels #panel #flow-join section>div,
body.panels #panel #flow-provision section>div,
body.panels #panel #flow-register section>div,
body.panels #panel #flow-signup-legacy section>div,
body.panels #panel #flow-team-join section>div {
    width: 100%;
    margin: 0;
    display: flex;
    flex-direction: row;
    justify-content: center
}

body.panels #panel #flow-join section img,
body.panels #panel #flow-provision section img,
body.panels #panel #flow-register section img,
body.panels #panel #flow-signup-legacy section img,
body.panels #panel #flow-team-join section img {
    align-self: center
}

body.panels #panel #flow-join section input[type=text],
body.panels #panel #flow-join section input[type=password],
body.panels #panel #flow-join section input[type=email],
body.panels #panel #flow-provision section input[type=text],
body.panels #panel #flow-provision section input[type=password],
body.panels #panel #flow-provision section input[type=email],
body.panels #panel #flow-register section input[type=text],
body.panels #panel #flow-register section input[type=password],
body.panels #panel #flow-register section input[type=email],
body.panels #panel #flow-signup-legacy section input[type=text],
body.panels #panel #flow-signup-legacy section input[type=password],
body.panels #panel #flow-signup-legacy section input[type=email],
body.panels #panel #flow-team-join section input[type=text],
body.panels #panel #flow-team-join section input[type=password],
body.panels #panel #flow-team-join section input[type=email] {
    font-size: 1.5rem;
    height: auto
}

body.panels #panel #flow-join section.button-row,
body.panels #panel #flow-provision section.button-row,
body.panels #panel #flow-register section.button-row,
body.panels #panel #flow-signup-legacy section.button-row,
body.panels #panel #flow-team-join section.button-row {
    clear: both
}

body.panels #panel #flow-join section.button-row .button,
body.panels #panel #flow-provision section.button-row .button,
body.panels #panel #flow-register section.button-row .button,
body.panels #panel #flow-signup-legacy section.button-row .button,
body.panels #panel #flow-team-join section.button-row .button {
    margin-top: 0;
    margin-left: 1rem
}

body.panels #panel #flow-join section.button-row .button:first-child,
body.panels #panel #flow-provision section.button-row .button:first-child,
body.panels #panel #flow-register section.button-row .button:first-child,
body.panels #panel #flow-signup-legacy section.button-row .button:first-child,
body.panels #panel #flow-team-join section.button-row .button:first-child {
    margin-left: 0
}

body.panels #panel #flow-join section .button-explainer,
body.panels #panel #flow-provision section .button-explainer,
body.panels #panel #flow-register section .button-explainer,
body.panels #panel #flow-signup-legacy section .button-explainer,
body.panels #panel #flow-team-join section .button-explainer {
    color: #707070;
    width: 100%;
    padding-bottom: 20px
}

body.panels #panel #flow-join section div.form.signup,
body.panels #panel #flow-provision section div.form.signup,
body.panels #panel #flow-register section div.form.signup,
body.panels #panel #flow-signup-legacy section div.form.signup,
body.panels #panel #flow-team-join section div.form.signup {
    margin-top: 20px;
    min-width: 50%;
    width: 600px;
    max-width: 100%
}

body.panels #panel #flow-join section div.form.signup#domain-entry,
body.panels #panel #flow-provision section div.form.signup#domain-entry,
body.panels #panel #flow-register section div.form.signup#domain-entry,
body.panels #panel #flow-signup-legacy section div.form.signup#domain-entry,
body.panels #panel #flow-team-join section div.form.signup#domain-entry {
    display: block;
    width: auto
}

body.panels #panel #flow-join section div.form.signup div.fieldset,
body.panels #panel #flow-provision section div.form.signup div.fieldset,
body.panels #panel #flow-register section div.form.signup div.fieldset,
body.panels #panel #flow-signup-legacy section div.form.signup div.fieldset,
body.panels #panel #flow-team-join section div.form.signup div.fieldset {
    margin-top: 10px
}

body.panels #panel #flow-join section div.form.signup #team-name,
body.panels #panel #flow-provision section div.form.signup #team-name,
body.panels #panel #flow-register section div.form.signup #team-name,
body.panels #panel #flow-signup-legacy section div.form.signup #team-name,
body.panels #panel #flow-team-join section div.form.signup #team-name {
    margin: 10px 0 0;
    width: 60%;
    float: left;
    border-radius: 6px 0 0 6px;
    text-align: right
}

body.panels #panel #flow-join section div.form.signup #team-suffix,
body.panels #panel #flow-provision section div.form.signup #team-suffix,
body.panels #panel #flow-register section div.form.signup #team-suffix,
body.panels #panel #flow-signup-legacy section div.form.signup #team-suffix,
body.panels #panel #flow-team-join section div.form.signup #team-suffix {
    margin: 10px 0 0 -2px;
    width: 40%;
    background-color: #f6f7f8;
    border-radius: 0 6px 6px 0;
    border-width: 1px 1px 1px 0
}

body.panels #panel #flow-join section div.form.signup #name,
body.panels #panel #flow-provision section div.form.signup #name,
body.panels #panel #flow-register section div.form.signup #name,
body.panels #panel #flow-signup-legacy section div.form.signup #name,
body.panels #panel #flow-team-join section div.form.signup #name {
    width: 100%
}

body.panels #panel #flow-join section div.form.signup #newsletter-optin,
body.panels #panel #flow-provision section div.form.signup #newsletter-optin,
body.panels #panel #flow-register section div.form.signup #newsletter-optin,
body.panels #panel #flow-signup-legacy section div.form.signup #newsletter-optin,
body.panels #panel #flow-team-join section div.form.signup #newsletter-optin {
    display: flex;
    align-items: center;
    margin-top: 1.5rem
}

body.panels #panel #flow-join section div.form.signup .terms,
body.panels #panel #flow-provision section div.form.signup .terms,
body.panels #panel #flow-register section div.form.signup .terms,
body.panels #panel #flow-signup-legacy section div.form.signup .terms,
body.panels #panel #flow-team-join section div.form.signup .terms {
    color: #707070;
    font-size: 1rem
}

body.panels #panel #flow-join section div.form.signup .terms a,
body.panels #panel #flow-provision section div.form.signup .terms a,
body.panels #panel #flow-register section div.form.signup .terms a,
body.panels #panel #flow-signup-legacy section div.form.signup .terms a,
body.panels #panel #flow-team-join section div.form.signup .terms a {
    -webkit-text-decoration: none;
    text-decoration: none
}

body.panels #panel #flow-join section div.form.signup .terms a:hover,
body.panels #panel #flow-provision section div.form.signup .terms a:hover,
body.panels #panel #flow-register section div.form.signup .terms a:hover,
body.panels #panel #flow-signup-legacy section div.form.signup .terms a:hover,
body.panels #panel #flow-team-join section div.form.signup .terms a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

body.panels #panel #flow-join section div.form.signup label,
body.panels #panel #flow-provision section div.form.signup label,
body.panels #panel #flow-register section div.form.signup label,
body.panels #panel #flow-signup-legacy section div.form.signup label,
body.panels #panel #flow-team-join section div.form.signup label {
    display: block
}

body.panels #panel #flow-join section div.form.signup label+input,
body.panels #panel #flow-provision section div.form.signup label+input,
body.panels #panel #flow-register section div.form.signup label+input,
body.panels #panel #flow-signup-legacy section div.form.signup label+input,
body.panels #panel #flow-team-join section div.form.signup label+input {
    margin-top: .2rem
}

body.panels #panel #flow-join section div.form.signup label[for=newsletter],
body.panels #panel #flow-provision section div.form.signup label[for=newsletter],
body.panels #panel #flow-register section div.form.signup label[for=newsletter],
body.panels #panel #flow-signup-legacy section div.form.signup label[for=newsletter],
body.panels #panel #flow-team-join section div.form.signup label[for=newsletter] {
    margin-top: 0;
    margin-left: 10px;
    max-width: calc(100% - 25px)
}

body.panels #panel #flow-join section div.form.signup label,
body.panels #panel #flow-join section div.form.signup div.input-email,
body.panels #panel #flow-provision section div.form.signup label,
body.panels #panel #flow-provision section div.form.signup div.input-email,
body.panels #panel #flow-register section div.form.signup label,
body.panels #panel #flow-register section div.form.signup div.input-email,
body.panels #panel #flow-signup-legacy section div.form.signup label,
body.panels #panel #flow-signup-legacy section div.form.signup div.input-email,
body.panels #panel #flow-team-join section div.form.signup label,
body.panels #panel #flow-team-join section div.form.signup div.input-email {
    margin-top: 1.5rem
}

body.panels #panel #flow-join section div.form.signup label:first-child,
body.panels #panel #flow-join section div.form.signup div.input-email:first-child,
body.panels #panel #flow-provision section div.form.signup label:first-child,
body.panels #panel #flow-provision section div.form.signup div.input-email:first-child,
body.panels #panel #flow-register section div.form.signup label:first-child,
body.panels #panel #flow-register section div.form.signup div.input-email:first-child,
body.panels #panel #flow-signup-legacy section div.form.signup label:first-child,
body.panels #panel #flow-signup-legacy section div.form.signup div.input-email:first-child,
body.panels #panel #flow-team-join section div.form.signup label:first-child,
body.panels #panel #flow-team-join section div.form.signup div.input-email:first-child {
    margin-top: 0
}

body.panels #panel #flow-join section div.form.signup #company-domain,
body.panels #panel #flow-provision section div.form.signup #company-domain,
body.panels #panel #flow-register section div.form.signup #company-domain,
body.panels #panel #flow-signup-legacy section div.form.signup #company-domain,
body.panels #panel #flow-team-join section div.form.signup #company-domain {
    text-transform: lowercase
}

body.panels #panel #flow-join section div.form.signup p,
body.panels #panel #flow-provision section div.form.signup p,
body.panels #panel #flow-register section div.form.signup p,
body.panels #panel #flow-signup-legacy section div.form.signup p,
body.panels #panel #flow-team-join section div.form.signup p {
    min-height: 2.4rem
}

body.panels #panel #flow-join section div.form.signup button,
body.panels #panel #flow-provision section div.form.signup button,
body.panels #panel #flow-register section div.form.signup button,
body.panels #panel #flow-signup-legacy section div.form.signup button,
body.panels #panel #flow-team-join section div.form.signup button {
    width: 40%;
    min-width: 100px
}

body.panels #panel #flow-join div.flex,
body.panels #panel #flow-provision div.flex,
body.panels #panel #flow-register div.flex,
body.panels #panel #flow-signup-legacy div.flex,
body.panels #panel #flow-team-join div.flex {
    display: flex;
    justify-content: space-between
}

body.panels #panel #flow-join div.flex .credit-card.form,
body.panels #panel #flow-provision div.flex .credit-card.form,
body.panels #panel #flow-register div.flex .credit-card.form,
body.panels #panel #flow-signup-legacy div.flex .credit-card.form,
body.panels #panel #flow-team-join div.flex .credit-card.form {
    width: 372px
}

body.panels #panel #flow-join div.flex .credit-card.form input[type=text],
body.panels #panel #flow-provision div.flex .credit-card.form input[type=text],
body.panels #panel #flow-register div.flex .credit-card.form input[type=text],
body.panels #panel #flow-signup-legacy div.flex .credit-card.form input[type=text],
body.panels #panel #flow-team-join div.flex .credit-card.form input[type=text] {
    font-size: 1.25rem
}

body.panels #panel #flow-join div.flex .credit-card.form select,
body.panels #panel #flow-provision div.flex .credit-card.form select,
body.panels #panel #flow-register div.flex .credit-card.form select,
body.panels #panel #flow-signup-legacy div.flex .credit-card.form select,
body.panels #panel #flow-team-join div.flex .credit-card.form select {
    font-size: 1.25rem;
    max-width: 100%
}

body.panels #panel #flow-join div.flex .credit-card.form p.first-bill,
body.panels #panel #flow-provision div.flex .credit-card.form p.first-bill,
body.panels #panel #flow-register div.flex .credit-card.form p.first-bill,
body.panels #panel #flow-signup-legacy div.flex .credit-card.form p.first-bill,
body.panels #panel #flow-team-join div.flex .credit-card.form p.first-bill {
    text-align: left;
    color: #707070
}

body.panels #panel #flow-join div.flex .plan-selector,
body.panels #panel #flow-provision div.flex .plan-selector,
body.panels #panel #flow-register div.flex .plan-selector,
body.panels #panel #flow-signup-legacy div.flex .plan-selector,
body.panels #panel #flow-team-join div.flex .plan-selector {
    width: 160px;
    margin-top: 35px
}

body.panels #panel #flow-join div.flex .plan-selector>label.plan-option,
body.panels #panel #flow-provision div.flex .plan-selector>label.plan-option,
body.panels #panel #flow-register div.flex .plan-selector>label.plan-option,
body.panels #panel #flow-signup-legacy div.flex .plan-selector>label.plan-option,
body.panels #panel #flow-team-join div.flex .plan-selector>label.plan-option {
    margin-top: -1px;
    position: relative;
    z-index: 0;
    border-radius: 0
}

body.panels #panel #flow-join div.flex .plan-selector>label.plan-option:first-child,
body.panels #panel #flow-provision div.flex .plan-selector>label.plan-option:first-child,
body.panels #panel #flow-register div.flex .plan-selector>label.plan-option:first-child,
body.panels #panel #flow-signup-legacy div.flex .plan-selector>label.plan-option:first-child,
body.panels #panel #flow-team-join div.flex .plan-selector>label.plan-option:first-child {
    margin-top: 0;
    border-radius: 6px 6px 0 0
}

body.panels #panel #flow-join div.flex .plan-selector>label.plan-option:last-child,
body.panels #panel #flow-provision div.flex .plan-selector>label.plan-option:last-child,
body.panels #panel #flow-register div.flex .plan-selector>label.plan-option:last-child,
body.panels #panel #flow-signup-legacy div.flex .plan-selector>label.plan-option:last-child,
body.panels #panel #flow-team-join div.flex .plan-selector>label.plan-option:last-child {
    border-radius: 0 0 6px 6px
}

body.panels #panel #flow-join div.flex .plan-selector>label.plan-option.selected,
body.panels #panel #flow-provision div.flex .plan-selector>label.plan-option.selected,
body.panels #panel #flow-register div.flex .plan-selector>label.plan-option.selected,
body.panels #panel #flow-signup-legacy div.flex .plan-selector>label.plan-option.selected,
body.panels #panel #flow-team-join div.flex .plan-selector>label.plan-option.selected {
    z-index: 1
}

body.panels #panel #flow-join .mp-sk-box,
body.panels #panel #flow-provision .mp-sk-box,
body.panels #panel #flow-register .mp-sk-box,
body.panels #panel #flow-team-join .mp-sk-box {
    width: 100%;
    position: relative;
    display: block
}

body.panels #panel #flow-join .mp-sk-box img,
body.panels #panel #flow-provision .mp-sk-box img,
body.panels #panel #flow-register .mp-sk-box img,
body.panels #panel #flow-team-join .mp-sk-box img {
    position: absolute;
    left: 0;
    right: 0;
    top: -14px;
    margin: 0 auto;
    z-index: 100
}

body.panels #panel #flow-join .mp-sk-box .content,
body.panels #panel #flow-join .mp-sk-box .top-border,
body.panels #panel #flow-provision .mp-sk-box .content,
body.panels #panel #flow-provision .mp-sk-box .top-border,
body.panels #panel #flow-register .mp-sk-box .content,
body.panels #panel #flow-register .mp-sk-box .top-border,
body.panels #panel #flow-team-join .mp-sk-box .content,
body.panels #panel #flow-team-join .mp-sk-box .top-border {
    border-radius: 6px
}

body.panels #panel #flow-join .mp-sk-box .top-border,
body.panels #panel #flow-provision .mp-sk-box .top-border,
body.panels #panel #flow-register .mp-sk-box .top-border,
body.panels #panel #flow-team-join .mp-sk-box .top-border {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0
}

body.panels #panel #flow-join .mp-sk-box .top-fill,
body.panels #panel #flow-provision .mp-sk-box .top-fill,
body.panels #panel #flow-register .mp-sk-box .top-fill,
body.panels #panel #flow-team-join .mp-sk-box .top-fill {
    height: 33px;
    margin-bottom: -2px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

body.panels #panel #flow-join .mp-sk-box .content,
body.panels #panel #flow-provision .mp-sk-box .content,
body.panels #panel #flow-register .mp-sk-box .content,
body.panels #panel #flow-team-join .mp-sk-box .content {
    min-height: 65px;
    text-align: center;
    background-color: #fff
}

body.panels #panel #flow-join .mp-sk-box.ak img,
body.panels #panel #flow-provision .mp-sk-box.ak img,
body.panels #panel #flow-register .mp-sk-box.ak img,
body.panels #panel #flow-team-join .mp-sk-box.ak img {
    width: 110px;
    height: 60px
}

body.panels #panel #flow-join .mp-sk-box.ak .content,
body.panels #panel #flow-join .mp-sk-box.ak .top-border,
body.panels #panel #flow-provision .mp-sk-box.ak .content,
body.panels #panel #flow-provision .mp-sk-box.ak .top-border,
body.panels #panel #flow-register .mp-sk-box.ak .content,
body.panels #panel #flow-register .mp-sk-box.ak .top-border,
body.panels #panel #flow-team-join .mp-sk-box.ak .content,
body.panels #panel #flow-team-join .mp-sk-box.ak .top-border {
    border: 2px solid #e6735c
}

body.panels #panel #flow-join .mp-sk-box.ak .top-border,
body.panels #panel #flow-provision .mp-sk-box.ak .top-border,
body.panels #panel #flow-register .mp-sk-box.ak .top-border,
body.panels #panel #flow-team-join .mp-sk-box.ak .top-border {
    background-color: #fa9
}

body.panels #panel #flow-join .mp-sk-box.ak .content,
body.panels #panel #flow-provision .mp-sk-box.ak .content,
body.panels #panel #flow-register .mp-sk-box.ak .content,
body.panels #panel #flow-team-join .mp-sk-box.ak .content {
    padding-bottom: 10px
}

body.panels #panel #flow-join .mp-sk-box.mp img,
body.panels #panel #flow-provision .mp-sk-box.mp img,
body.panels #panel #flow-register .mp-sk-box.mp img,
body.panels #panel #flow-team-join .mp-sk-box.mp img {
    width: 60px;
    height: 60px
}

body.panels #panel #flow-join .mp-sk-box.mp .content,
body.panels #panel #flow-join .mp-sk-box.mp .top-border,
body.panels #panel #flow-provision .mp-sk-box.mp .content,
body.panels #panel #flow-provision .mp-sk-box.mp .top-border,
body.panels #panel #flow-register .mp-sk-box.mp .content,
body.panels #panel #flow-register .mp-sk-box.mp .top-border,
body.panels #panel #flow-team-join .mp-sk-box.mp .content,
body.panels #panel #flow-team-join .mp-sk-box.mp .top-border {
    border: 2px solid #478acc
}

body.panels #panel #flow-join .mp-sk-box.mp .top-fill,
body.panels #panel #flow-provision .mp-sk-box.mp .top-fill,
body.panels #panel #flow-register .mp-sk-box.mp .top-fill,
body.panels #panel #flow-team-join .mp-sk-box.mp .top-fill {
    background-color: #8cc6ff
}

body.panels #panel #flow-join #master-password,
body.panels #panel #flow-provision #master-password,
body.panels #panel #flow-register #master-password,
body.panels #panel #flow-team-join #master-password {
    margin-top: 0
}

body.panels #panel #flow-join #content section,
body.panels #panel #flow-provision #content section,
body.panels #panel #flow-register #content section,
body.panels #panel #flow-team-join #content section {
    margin-top: 1.2rem
}

body.panels #panel #flow-join #content section .button,
body.panels #panel #flow-provision #content section .button,
body.panels #panel #flow-register #content section .button,
body.panels #panel #flow-team-join #content section .button {
    display: block;
    margin-top: 10px;
    width: 100%;
    text-align: center
}

@media only screen and (min-width: 600px) {

    body.panels #panel #flow-join #content section .button,
    body.panels #panel #flow-provision #content section .button,
    body.panels #panel #flow-register #content section .button,
    body.panels #panel #flow-team-join #content section .button {
        display: inline-block;
        width: auto;
        margin-top: 0;
        margin-left: 10px
    }

    body.panels #panel #flow-join #content section .button:first-child,
    body.panels #panel #flow-provision #content section .button:first-child,
    body.panels #panel #flow-register #content section .button:first-child,
    body.panels #panel #flow-team-join #content section .button:first-child {
        margin-left: 0
    }
}

body.panels #panel #flow-join #register-name>div,
body.panels #panel #flow-provision #register-name>div,
body.panels #panel #flow-register #register-name>div,
body.panels #panel #flow-team-join #register-name>div {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between
}

body.panels #panel #flow-join #register-name>div div.form.signup,
body.panels #panel #flow-provision #register-name>div div.form.signup,
body.panels #panel #flow-register #register-name>div div.form.signup,
body.panels #panel #flow-team-join #register-name>div div.form.signup {
    display: inline-block;
    width: 100%
}

body.panels #panel #flow-join #register-name>div div.upload-avatar,
body.panels #panel #flow-provision #register-name>div div.upload-avatar,
body.panels #panel #flow-register #register-name>div div.upload-avatar,
body.panels #panel #flow-team-join #register-name>div div.upload-avatar {
    display: none
}

@media only screen and (min-width: 600px) {

    body.panels #panel #flow-join #register-name>div div.upload-avatar,
    body.panels #panel #flow-provision #register-name>div div.upload-avatar,
    body.panels #panel #flow-register #register-name>div div.upload-avatar,
    body.panels #panel #flow-team-join #register-name>div div.upload-avatar {
        display: flex;
        margin-top: 38px;
        margin-right: 16px;
        margin-left: 0
    }
}

body.panels #panel #flow-join #register-mp .dark-blue,
body.panels #panel #flow-join #register-mpgen .dark-blue,
body.panels #panel #flow-join #register-practice .dark-blue,
body.panels #panel #flow-provision #register-mp .dark-blue,
body.panels #panel #flow-provision #register-mpgen .dark-blue,
body.panels #panel #flow-provision #register-practice .dark-blue,
body.panels #panel #flow-register #register-mp .dark-blue,
body.panels #panel #flow-register #register-mpgen .dark-blue,
body.panels #panel #flow-register #register-practice .dark-blue,
body.panels #panel #flow-team-join #register-mp .dark-blue,
body.panels #panel #flow-team-join #register-mpgen .dark-blue,
body.panels #panel #flow-team-join #register-practice .dark-blue {
    color: #478acc
}

body.panels #panel #flow-join #register-mp div.fieldset,
body.panels #panel #flow-join #register-mpgen div.fieldset,
body.panels #panel #flow-join #register-practice div.fieldset,
body.panels #panel #flow-provision #register-mp div.fieldset,
body.panels #panel #flow-provision #register-mpgen div.fieldset,
body.panels #panel #flow-provision #register-practice div.fieldset,
body.panels #panel #flow-register #register-mp div.fieldset,
body.panels #panel #flow-register #register-mpgen div.fieldset,
body.panels #panel #flow-register #register-practice div.fieldset,
body.panels #panel #flow-team-join #register-mp div.fieldset,
body.panels #panel #flow-team-join #register-mpgen div.fieldset,
body.panels #panel #flow-team-join #register-practice div.fieldset {
    position: relative
}

body.panels #panel #flow-join #register-mp div.form.signup,
body.panels #panel #flow-join #register-mpgen div.form.signup,
body.panels #panel #flow-join #register-practice div.form.signup,
body.panels #panel #flow-provision #register-mp div.form.signup,
body.panels #panel #flow-provision #register-mpgen div.form.signup,
body.panels #panel #flow-provision #register-practice div.form.signup,
body.panels #panel #flow-register #register-mp div.form.signup,
body.panels #panel #flow-register #register-mpgen div.form.signup,
body.panels #panel #flow-register #register-practice div.form.signup,
body.panels #panel #flow-team-join #register-mp div.form.signup,
body.panels #panel #flow-team-join #register-mpgen div.form.signup,
body.panels #panel #flow-team-join #register-practice div.form.signup {
    min-width: 67%
}

body.panels #panel #flow-join #register-mp #custom-master-password,
body.panels #panel #flow-provision #register-mp #custom-master-password,
body.panels #panel #flow-register #register-mp #custom-master-password,
body.panels #panel #flow-team-join #register-mp #custom-master-password {
    margin-top: 1px;
    text-align: left;
    font-family: "Source Code Pro", "Menlo", "Monaco", "Andale Mono", "Anonymous Pro", "PT Mono", monospace;
    letter-spacing: normal;
    width: 100%;
    height: 60px;
    position: relative;
    padding-right: 65px;
    box-shadow: none
}

body.panels #panel #flow-join #register-mp #show-hide,
body.panels #panel #flow-provision #register-mp #show-hide,
body.panels #panel #flow-register #register-mp #show-hide,
body.panels #panel #flow-team-join #register-mp #show-hide {
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    height: 20px;
    width: 60px;
    padding-top: 21px;
    padding-bottom: 20px;
    padding-right: 5px;
    box-sizing: content-box
}

body.panels #panel #flow-join #register-mp #show-hide #conceal-toggle,
body.panels #panel #flow-provision #register-mp #show-hide #conceal-toggle,
body.panels #panel #flow-register #register-mp #show-hide #conceal-toggle,
body.panels #panel #flow-team-join #register-mp #show-hide #conceal-toggle {
    color: #707070;
    font-size: .8rem;
    text-transform: uppercase;
    font-weight: 600
}

body.panels #panel #flow-join #register-mp #show-hide:focus #conceal-toggle,
body.panels #panel #flow-provision #register-mp #show-hide:focus #conceal-toggle,
body.panels #panel #flow-register #register-mp #show-hide:focus #conceal-toggle,
body.panels #panel #flow-team-join #register-mp #show-hide:focus #conceal-toggle {
    color: #0572ec
}

body.panels #panel #flow-join #register-mp .helpers,
body.panels #panel #flow-provision #register-mp .helpers,
body.panels #panel #flow-register #register-mp .helpers,
body.panels #panel #flow-team-join #register-mp .helpers {
    display: flex;
    align-items: flex-start;
    margin-top: 2rem
}

body.panels #panel #flow-join #register-mp .helpers .paddy-box,
body.panels #panel #flow-provision #register-mp .helpers .paddy-box,
body.panels #panel #flow-register #register-mp .helpers .paddy-box,
body.panels #panel #flow-team-join #register-mp .helpers .paddy-box {
    flex: 2;
    margin-right: 1rem
}

body.panels #panel #flow-join #register-mp .helpers #generator-link,
body.panels #panel #flow-provision #register-mp .helpers #generator-link,
body.panels #panel #flow-register #register-mp .helpers #generator-link,
body.panels #panel #flow-team-join #register-mp .helpers #generator-link {
    flex: 1
}

body.panels #panel #flow-join #register-mp .helpers #generator-link h5,
body.panels #panel #flow-provision #register-mp .helpers #generator-link h5,
body.panels #panel #flow-register #register-mp .helpers #generator-link h5,
body.panels #panel #flow-team-join #register-mp .helpers #generator-link h5 {
    color: #0572ec
}

body.panels #panel #flow-join #register-mp .helpers #generator-link p,
body.panels #panel #flow-provision #register-mp .helpers #generator-link p,
body.panels #panel #flow-register #register-mp .helpers #generator-link p,
body.panels #panel #flow-team-join #register-mp .helpers #generator-link p {
    margin-top: 10px;
    font-size: 1rem
}

body.panels #panel #flow-join #register-mpgen .form,
body.panels #panel #flow-provision #register-mpgen .form,
body.panels #panel #flow-register #register-mpgen .form,
body.panels #panel #flow-team-join #register-mpgen .form {
    display: block
}

body.panels #panel #flow-join #register-mpgen #generated-master-password,
body.panels #panel #flow-provision #register-mpgen #generated-master-password,
body.panels #panel #flow-register #register-mpgen #generated-master-password,
body.panels #panel #flow-team-join #register-mpgen #generated-master-password {
    margin-top: 0;
    text-align: center;
    line-height: 41px;
    color: #478acc;
    font-family: "Source Code Pro", "Menlo", "Monaco", "Andale Mono", "Anonymous Pro", "PT Mono", monospace;
    letter-spacing: normal;
    width: 100%;
    background-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-shadow: none
}

body.panels #panel #flow-join #register-mpgen #generator-main,
body.panels #panel #flow-provision #register-mpgen #generator-main,
body.panels #panel #flow-register #register-mpgen #generator-main,
body.panels #panel #flow-team-join #register-mpgen #generator-main {
    margin-top: 2rem;
    display: flex
}

body.panels #panel #flow-join #register-mpgen #generator-main #generator-controls,
body.panels #panel #flow-provision #register-mpgen #generator-main #generator-controls,
body.panels #panel #flow-register #register-mpgen #generator-main #generator-controls,
body.panels #panel #flow-team-join #register-mpgen #generator-main #generator-controls {
    text-align: left;
    flex: 0 0 50%
}

body.panels #panel #flow-join #register-mpgen #generator-main #generator-controls #regenerate-button,
body.panels #panel #flow-provision #register-mpgen #generator-main #generator-controls #regenerate-button,
body.panels #panel #flow-register #register-mpgen #generator-main #generator-controls #regenerate-button,
body.panels #panel #flow-team-join #register-mpgen #generator-main #generator-controls #regenerate-button {
    margin-left: 0;
    width: 100%
}

body.panels #panel #flow-join #register-mpgen #generator-main #generator-controls .control-row,
body.panels #panel #flow-provision #register-mpgen #generator-main #generator-controls .control-row,
body.panels #panel #flow-register #register-mpgen #generator-main #generator-controls .control-row,
body.panels #panel #flow-team-join #register-mpgen #generator-main #generator-controls .control-row {
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

body.panels #panel #flow-join #register-mpgen #generator-main #generator-controls .control-row.first,
body.panels #panel #flow-provision #register-mpgen #generator-main #generator-controls .control-row.first,
body.panels #panel #flow-register #register-mpgen #generator-main #generator-controls .control-row.first,
body.panels #panel #flow-team-join #register-mpgen #generator-main #generator-controls .control-row.first {
    margin-top: 20px
}

body.panels #panel #flow-join #register-mpgen #generator-main #generator-controls .control-row label[for],
body.panels #panel #flow-provision #register-mpgen #generator-main #generator-controls .control-row label[for],
body.panels #panel #flow-register #register-mpgen #generator-main #generator-controls .control-row label[for],
body.panels #panel #flow-team-join #register-mpgen #generator-main #generator-controls .control-row label[for] {
    display: block
}

body.panels #panel #flow-join #register-mpgen #generator-main #generator-controls .control-row #num-words,
body.panels #panel #flow-join #register-mpgen #generator-main #generator-controls .control-row #separate-using,
body.panels #panel #flow-provision #register-mpgen #generator-main #generator-controls .control-row #num-words,
body.panels #panel #flow-provision #register-mpgen #generator-main #generator-controls .control-row #separate-using,
body.panels #panel #flow-register #register-mpgen #generator-main #generator-controls .control-row #num-words,
body.panels #panel #flow-register #register-mpgen #generator-main #generator-controls .control-row #separate-using,
body.panels #panel #flow-team-join #register-mpgen #generator-main #generator-controls .control-row #num-words,
body.panels #panel #flow-team-join #register-mpgen #generator-main #generator-controls .control-row #separate-using {
    flex: 0 0 135px
}

body.panels #panel #flow-join #register-mpgen #generator-main #generator-controls div#num-words,
body.panels #panel #flow-provision #register-mpgen #generator-main #generator-controls div#num-words,
body.panels #panel #flow-register #register-mpgen #generator-main #generator-controls div#num-words,
body.panels #panel #flow-team-join #register-mpgen #generator-main #generator-controls div#num-words {
    display: flex;
    height: 40px
}

body.panels #panel #flow-join #register-mpgen #generator-main #generator-controls div#num-words button,
body.panels #panel #flow-provision #register-mpgen #generator-main #generator-controls div#num-words button,
body.panels #panel #flow-register #register-mpgen #generator-main #generator-controls div#num-words button,
body.panels #panel #flow-team-join #register-mpgen #generator-main #generator-controls div#num-words button {
    flex: 0 0 40px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #e4e6e7
}

body.panels #panel #flow-join #register-mpgen #generator-main #generator-controls div#num-words button:disabled,
body.panels #panel #flow-provision #register-mpgen #generator-main #generator-controls div#num-words button:disabled,
body.panels #panel #flow-register #register-mpgen #generator-main #generator-controls div#num-words button:disabled,
body.panels #panel #flow-team-join #register-mpgen #generator-main #generator-controls div#num-words button:disabled {
    background-color: #f6f7f8
}

body.panels #panel #flow-join #register-mpgen #generator-main #generator-controls div#num-words button:first-child,
body.panels #panel #flow-provision #register-mpgen #generator-main #generator-controls div#num-words button:first-child,
body.panels #panel #flow-register #register-mpgen #generator-main #generator-controls div#num-words button:first-child,
body.panels #panel #flow-team-join #register-mpgen #generator-main #generator-controls div#num-words button:first-child {
    border-radius: 6px 0 0 6px
}

body.panels #panel #flow-join #register-mpgen #generator-main #generator-controls div#num-words button:last-child,
body.panels #panel #flow-provision #register-mpgen #generator-main #generator-controls div#num-words button:last-child,
body.panels #panel #flow-register #register-mpgen #generator-main #generator-controls div#num-words button:last-child,
body.panels #panel #flow-team-join #register-mpgen #generator-main #generator-controls div#num-words button:last-child {
    border-radius: 0 6px 6px 0
}

body.panels #panel #flow-join #register-mpgen #generator-main #generator-controls div#num-words input,
body.panels #panel #flow-provision #register-mpgen #generator-main #generator-controls div#num-words input,
body.panels #panel #flow-register #register-mpgen #generator-main #generator-controls div#num-words input,
body.panels #panel #flow-team-join #register-mpgen #generator-main #generator-controls div#num-words input {
    border-radius: 0;
    box-shadow: none;
    border-top: 1px solid #e4e6e7;
    border-bottom: 1px solid #e4e6e7;
    text-align: center;
    font-size: 1.5rem;
    margin-top: 0;
    margin-bottom: 0;
    min-width: 0
}

body.panels #panel #flow-join #register-mpgen #generator-main #generator-controls select#separate-using,
body.panels #panel #flow-provision #register-mpgen #generator-main #generator-controls select#separate-using,
body.panels #panel #flow-register #register-mpgen #generator-main #generator-controls select#separate-using,
body.panels #panel #flow-team-join #register-mpgen #generator-main #generator-controls select#separate-using {
    margin-top: 0;
    font-size: 1rem;
    box-shadow: none;
    border: 1px solid #e4e6e7
}

body.panels #panel #flow-join #register-practice>section,
body.panels #panel #flow-provision #register-practice>section,
body.panels #panel #flow-register #register-practice>section,
body.panels #panel #flow-team-join #register-practice>section {
    margin-top: 0
}

body.panels #panel #flow-join #register-practice footer>*,
body.panels #panel #flow-provision #register-practice footer>*,
body.panels #panel #flow-register #register-practice footer>*,
body.panels #panel #flow-team-join #register-practice footer>* {
    margin-top: 0
}

body.panels #panel #flow-join #register-practice footer>*:last-child,
body.panels #panel #flow-provision #register-practice footer>*:last-child,
body.panels #panel #flow-register #register-practice footer>*:last-child,
body.panels #panel #flow-team-join #register-practice footer>*:last-child {
    margin-left: auto
}

body.panels #panel #flow-join #register-practice #master-password,
body.panels #panel #flow-provision #register-practice #master-password,
body.panels #panel #flow-register #register-practice #master-password,
body.panels #panel #flow-team-join #register-practice #master-password {
    line-height: 61px;
    text-align: center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

body.panels #panel #flow-join #register-practice #master-password span,
body.panels #panel #flow-provision #register-practice #master-password span,
body.panels #panel #flow-register #register-practice #master-password span,
body.panels #panel #flow-team-join #register-practice #master-password span {
    font-family: "Source Code Pro", "Menlo", "Monaco", "Andale Mono", "Anonymous Pro", "PT Mono", monospace;
    letter-spacing: normal;
    color: #707070;
    border-bottom: .2rem solid #fff
}

body.panels #panel #flow-join #register-practice #master-password span.current,
body.panels #panel #flow-provision #register-practice #master-password span.current,
body.panels #panel #flow-register #register-practice #master-password span.current,
body.panels #panel #flow-team-join #register-practice #master-password span.current {
    animation: mp-practice-blink .5s step-end infinite alternate;
    border-color: #478acc
}

body.panels #panel #flow-join #register-practice #master-password span.typed,
body.panels #panel #flow-provision #register-practice #master-password span.typed,
body.panels #panel #flow-register #register-practice #master-password span.typed,
body.panels #panel #flow-team-join #register-practice #master-password span.typed {
    color: green
}

body.panels #panel #flow-join #register-practice #master-password span.mistake,
body.panels #panel #flow-provision #register-practice #master-password span.mistake,
body.panels #panel #flow-register #register-practice #master-password span.mistake,
body.panels #panel #flow-team-join #register-practice #master-password span.mistake {
    color: #e60000;
    border-color: #e60000;
    animation: mp-practice-blink .5s step-end infinite alternate
}

body.panels #panel #flow-join #register-practice p.message,
body.panels #panel #flow-provision #register-practice p.message,
body.panels #panel #flow-register #register-practice p.message,
body.panels #panel #flow-team-join #register-practice p.message {
    line-height: 1.3em;
    color: green
}

body.panels #panel #flow-join #register-practice .helpers,
body.panels #panel #flow-provision #register-practice .helpers,
body.panels #panel #flow-register #register-practice .helpers,
body.panels #panel #flow-team-join #register-practice .helpers {
    margin-top: 2rem
}

body.panels #panel #flow-join #register-security-intro h2,
body.panels #panel #flow-provision #register-security-intro h2,
body.panels #panel #flow-register #register-security-intro h2,
body.panels #panel #flow-team-join #register-security-intro h2 {
    max-width: 450px;
    margin-left: auto;
    margin-right: auto
}

body.panels #panel #flow-join #register-security-intro img,
body.panels #panel #flow-provision #register-security-intro img,
body.panels #panel #flow-register #register-security-intro img,
body.panels #panel #flow-team-join #register-security-intro img {
    width: 100%
}

body.panels #panel #flow-join #register-security-intro .hidden,
body.panels #panel #flow-provision #register-security-intro .hidden,
body.panels #panel #flow-register #register-security-intro .hidden,
body.panels #panel #flow-team-join #register-security-intro .hidden {
    display: none
}

body.panels #panel #flow-join #register-signin,
body.panels #panel #flow-provision #register-signin,
body.panels #panel #flow-register #register-signin,
body.panels #panel #flow-team-join #register-signin {
    text-align: center
}

body.panels #panel #flow-join #register-signin footer,
body.panels #panel #flow-provision #register-signin footer,
body.panels #panel #flow-register #register-signin footer,
body.panels #panel #flow-team-join #register-signin footer {
    margin: 10px auto 0;
    justify-content: center;
    max-width: 280px
}

body.panels #panel #flow-join #register-signin footer>*,
body.panels #panel #flow-provision #register-signin footer>*,
body.panels #panel #flow-register #register-signin footer>*,
body.panels #panel #flow-team-join #register-signin footer>* {
    margin-top: 0
}

body.panels #panel #flow-join #register-signin footer>*:last-child,
body.panels #panel #flow-provision #register-signin footer>*:last-child,
body.panels #panel #flow-register #register-signin footer>*:last-child,
body.panels #panel #flow-team-join #register-signin footer>*:last-child {
    flex: 1
}

body.panels #panel #flow-join #register-signin div.form.signin,
body.panels #panel #flow-provision #register-signin div.form.signin,
body.panels #panel #flow-register #register-signin div.form.signin,
body.panels #panel #flow-team-join #register-signin div.form.signin {
    margin-top: 20px
}

body.panels #panel #flow-join #register-signin div.form.signin #master-password,
body.panels #panel #flow-provision #register-signin div.form.signin #master-password,
body.panels #panel #flow-register #register-signin div.form.signin #master-password,
body.panels #panel #flow-team-join #register-signin div.form.signin #master-password {
    margin-top: 10px
}

body.panels #panel #flow-join #register-signin div.form.signin button,
body.panels #panel #flow-provision #register-signin div.form.signin button,
body.panels #panel #flow-register #register-signin div.form.signin button,
body.panels #panel #flow-team-join #register-signin div.form.signin button {
    margin-top: 25px
}

body.panels #panel #flow-join #register-signin div.form.signin button.previous,
body.panels #panel #flow-provision #register-signin div.form.signin button.previous,
body.panels #panel #flow-register #register-signin div.form.signin button.previous,
body.panels #panel #flow-team-join #register-signin div.form.signin button.previous {
    width: 90px
}

@media only screen and (min-width: 450px) {

    body.panels #panel #flow-join #register-signin div.form.signin button.previous,
    body.panels #panel #flow-provision #register-signin div.form.signin button.previous,
    body.panels #panel #flow-register #register-signin div.form.signin button.previous,
    body.panels #panel #flow-team-join #register-signin div.form.signin button.previous {
        width: 36%
    }
}

body.panels #panel #flow-join #register-signin div.form.signin button.submit,
body.panels #panel #flow-provision #register-signin div.form.signin button.submit,
body.panels #panel #flow-register #register-signin div.form.signin button.submit,
body.panels #panel #flow-team-join #register-signin div.form.signin button.submit {
    width: calc(100% - 100px)
}

@media only screen and (min-width: 450px) {

    body.panels #panel #flow-join #register-signin div.form.signin button.submit,
    body.panels #panel #flow-provision #register-signin div.form.signin button.submit,
    body.panels #panel #flow-register #register-signin div.form.signin button.submit,
    body.panels #panel #flow-team-join #register-signin div.form.signin button.submit {
        width: 60%
    }
}

body.panels #panel #flow-join #register-signin div.loading,
body.panels #panel #flow-provision #register-signin div.loading,
body.panels #panel #flow-register #register-signin div.loading,
body.panels #panel #flow-team-join #register-signin div.loading {
    margin-top: 45px
}

body.panels #panel #flow-join #register-signin div.loading span,
body.panels #panel #flow-provision #register-signin div.loading span,
body.panels #panel #flow-register #register-signin div.loading span,
body.panels #panel #flow-team-join #register-signin div.loading span {
    display: block;
    margin-top: 18px;
    color: #707070;
    font-weight: 300
}

body.panels #panel #flow-join #register-signin div.failed,
body.panels #panel #flow-provision #register-signin div.failed,
body.panels #panel #flow-register #register-signin div.failed,
body.panels #panel #flow-team-join #register-signin div.failed {
    margin: 45px auto 0;
    max-width: 365px
}

body.panels #panel #flow-join #register-signin div.failed h1,
body.panels #panel #flow-provision #register-signin div.failed h1,
body.panels #panel #flow-register #register-signin div.failed h1,
body.panels #panel #flow-team-join #register-signin div.failed h1 {
    font-size: 1.3rem;
    margin-bottom: 10px
}

body.panels #panel #flow-join #register-signin div.failed span,
body.panels #panel #flow-provision #register-signin div.failed span,
body.panels #panel #flow-register #register-signin div.failed span,
body.panels #panel #flow-team-join #register-signin div.failed span {
    margin-top: 18px;
    color: #707070;
    font-weight: 300
}

body.panels #panel #flow-join #register-signin div.failed .signup-try-again,
body.panels #panel #flow-provision #register-signin div.failed .signup-try-again,
body.panels #panel #flow-register #register-signin div.failed .signup-try-again,
body.panels #panel #flow-team-join #register-signin div.failed .signup-try-again {
    margin-top: 12px
}

body.panels #panel #flow-join #register-signin div.failed .signup-try-again button,
body.panels #panel #flow-provision #register-signin div.failed .signup-try-again button,
body.panels #panel #flow-register #register-signin div.failed .signup-try-again button,
body.panels #panel #flow-team-join #register-signin div.failed .signup-try-again button {
    display: block;
    margin: 7px auto 0
}

body.panels #panel #flow-join #register-signin .enable-two-factor,
body.panels #panel #flow-provision #register-signin .enable-two-factor,
body.panels #panel #flow-register #register-signin .enable-two-factor,
body.panels #panel #flow-team-join #register-signin .enable-two-factor {
    margin: 0 auto;
    display: block;
    margin-top: 1rem;
    max-width: 450px
}

body.panels #panel #flow-join #register-signin .enable-two-factor p,
body.panels #panel #flow-provision #register-signin .enable-two-factor p,
body.panels #panel #flow-register #register-signin .enable-two-factor p,
body.panels #panel #flow-team-join #register-signin .enable-two-factor p {
    margin-bottom: 1rem
}

body.panels #panel #flow-signup-legacy #spinner-overlay,
body.panels #panel #flow-team-join #spinner-overlay {
    text-align: center;
    padding-top: 35vh;
    z-index: 100000;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent
}

body.panels #panel #flow-signup-legacy #signup-plan,
body.panels #panel #flow-team-join #signup-plan {
    text-align: center
}

body.panels #panel #flow-signup-legacy #signup-plan .button,
body.panels #panel #flow-team-join #signup-plan .button {
    margin: 0 20px;
    color: #fff;
    display: inline-block;
    width: 200px;
    box-shadow: none
}

body.panels #panel #flow-signup-legacy #signup-plan .button.family,
body.panels #panel #flow-team-join #signup-plan .button.family {
    background-color: #736bbd
}

body.panels #panel #flow-signup-legacy #signup-plan .button.individual,
body.panels #panel #flow-team-join #signup-plan .button.individual {
    background-color: #c44598
}

body.panels #panel #flow-signup-legacy #signup-plan .button.team,
body.panels #panel #flow-team-join #signup-plan .button.team {
    background-color: #0572ec
}

body.panels #panel #flow-signup-legacy #signup-plan .button.business,
body.panels #panel #flow-team-join #signup-plan .button.business {
    background-color: #525c66
}

body.panels #panel #flow-signup-legacy #signup-plan div.choices,
body.panels #panel #flow-team-join #signup-plan div.choices {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center
}

body.panels #panel #flow-signup-legacy #signup-plan div.choices div.choice,
body.panels #panel #flow-team-join #signup-plan div.choices div.choice {
    padding-top: 20px
}

body.panels #panel #flow-signup-legacy #signup-plan div.choices img,
body.panels #panel #flow-team-join #signup-plan div.choices img {
    padding-bottom: 10px;
    margin: 0 20px;
    display: inline-block;
    width: 200px
}

body.panels #panel #flow-signup-legacy #signup-plan p.supplemental,
body.panels #panel #flow-team-join #signup-plan p.supplemental {
    margin-top: 50px
}

body.panels #panel #flow-signup-legacy #signup-team>div,
body.panels #panel #flow-team-join #signup-team>div {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

body.panels #panel #flow-signup-legacy #signup-team>div div.form.signup,
body.panels #panel #flow-team-join #signup-team>div div.form.signup {
    display: inline-block;
    width: 100%
}

body.panels #panel #flow-signup-legacy #signup-team>div div.upload-avatar,
body.panels #panel #flow-team-join #signup-team>div div.upload-avatar {
    display: none;
    width: 200px;
    position: relative
}

@media only screen and (min-width: 600px) {

    body.panels #panel #flow-signup-legacy #signup-team>div div.upload-avatar,
    body.panels #panel #flow-team-join #signup-team>div div.upload-avatar {
        display: inline-block;
        margin-left: 10px;
        margin-top: 10px;
        vertical-align: top
    }
}

@media only screen and (min-width: 850px) {

    body.panels #panel #flow-signup-legacy #signup-team>div div.upload-avatar,
    body.panels #panel #flow-team-join #signup-team>div div.upload-avatar {
        margin-left: 18px
    }
}

body.panels #panel #flow-signup-legacy #signup-team>div div.upload-avatar img,
body.panels #panel #flow-team-join #signup-team>div div.upload-avatar img {
    position: absolute
}

body.panels #panel #flow-signup-legacy #signup-team>div div.upload-avatar img.picture,
body.panels #panel #flow-team-join #signup-team>div div.upload-avatar img.picture {
    width: 128px;
    height: 128px;
    left: 36px;
    top: 36px
}

body.panels #panel #flow-signup-legacy #signup-sent-email header,
body.panels #panel #flow-signup-legacy #teamjoin-sent-email header,
body.panels #panel #flow-team-join #signup-sent-email header,
body.panels #panel #flow-team-join #teamjoin-sent-email header {
    flex-direction: column-reverse;
    align-items: flex-start;
    margin-bottom: 0
}

@media only screen and (min-width: 600px) {

    body.panels #panel #flow-signup-legacy #signup-sent-email header,
    body.panels #panel #flow-signup-legacy #teamjoin-sent-email header,
    body.panels #panel #flow-team-join #signup-sent-email header,
    body.panels #panel #flow-team-join #teamjoin-sent-email header {
        flex-direction: row
    }
}

body.panels #panel #flow-signup-legacy #signup-sent-email header>div,
body.panels #panel #flow-signup-legacy #teamjoin-sent-email header>div,
body.panels #panel #flow-team-join #signup-sent-email header>div,
body.panels #panel #flow-team-join #teamjoin-sent-email header>div {
    display: flex;
    flex-direction: column
}

body.panels #panel #flow-signup-legacy #signup-sent-email .signup-code input,
body.panels #panel #flow-signup-legacy #teamjoin-sent-email .signup-code input,
body.panels #panel #flow-team-join #signup-sent-email .signup-code input,
body.panels #panel #flow-team-join #teamjoin-sent-email .signup-code input {
    max-width: 210px;
    font-size: 2.8rem
}

body.panels #panel #flow-signup-legacy #signup-sent-email .signup-code img,
body.panels #panel #flow-signup-legacy #teamjoin-sent-email .signup-code img,
body.panels #panel #flow-team-join #signup-sent-email .signup-code img,
body.panels #panel #flow-team-join #teamjoin-sent-email .signup-code img {
    margin-left: 20px
}

body.panels #panel #flow-signup-legacy #signup-domain input,
body.panels #panel #flow-signup-legacy #signup-domain #domain-overlay,
body.panels #panel #flow-team-join #signup-domain input,
body.panels #panel #flow-team-join #signup-domain #domain-overlay {
    font-size: 1.4rem
}

body.panels #panel #flow-signup-legacy #signup-domain p.domain-diagnostic,
body.panels #panel #flow-team-join #signup-domain p.domain-diagnostic {
    margin-top: 10px
}

body.panels #panel #delete-locked-account {
    margin: 4rem 2rem
}

body.panels #panel #setup-demo {
    margin: 4rem
}

body.panels #panel #setup-demo button {
    display: block;
    margin: 1rem auto 0
}

body.panels #panel #setup-demo .logins {
    margin-top: 2rem;
    text-align: left
}

body.panels #panel #setup-demo .logins>div {
    margin: 1rem 0
}

body.panels #panel #setup-demo .logins>div p {
    margin-top: 2px
}

body.panels #panel #skip-entry-spinner {
    text-align: center;
    padding-top: 100px
}

#settings-content header h1 {
    display: inline-block;
    margin-right: 10px
}

#settings-content header h1+button {
    vertical-align: middle;
    margin-top: -10px
}

#settings-content header .menu-wrapper.family-role-selector {
    clear: right;
    margin-top: 10px
}

#settings-content header .menu-wrapper .select-menu-button {
    border-radius: 5px;
    background-color: #f6f7f8;
    font-weight: normal;
    min-width: 0
}

#settings-content header .menu-wrapper .select-menu-button:disabled {
    background-color: #fff;
    cursor: default;
    padding: 0 12px;
    color: #707070;
    box-shadow: none
}

#settings-content header .menu-wrapper .select-menu-button:disabled::after {
    content: none
}

#settings-content header .menu-wrapper .select-menu-button::after {
    width: 12px;
    height: 16px;
    right: 11px;
    top: 4px;
    background-image: url(../images/button-chevron.svg);
    background-size: 12px 26px
}

#settings-content header .menu-wrapper .menu {
    top: auto;
    padding: 8px 0
}

#settings-content header .user-roles {
    display: block;
    height: 32px;
    line-height: 32px;
    padding: 0 12px;
    color: #707070
}

#settings-content.slack {
    margin-top: 1rem
}

#settings-content.slack button {
    display: block;
    font-size: 1rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.3em;
    border-radius: 6px;
    padding: 10px 14px;
    outline: none;
    resize: none;
    color: #333;
    background-color: #fff;
    box-shadow: inset 0 0 0 1px #cbcccd
}

#settings-content.slack .add-to-slack {
    display: inline-flex;
    align-items: center;
    background-color: #fff;
    padding: 10px;
    border-radius: 6px;
    box-shadow: inset 0 0 0 1px #d7d9e0;
    color: #333;
    font-size: 1rem;
    font-weight: 500
}

#settings-content.slack .add-to-slack img {
    width: 20px;
    height: 20px;
    margin-right: 5px
}

#settings-content.slack .add-to-slack strong {
    font-weight: 700
}

#settings-content.slack .workspace-config {
    display: flex;
    justify-content: space-between;
    padding-right: 2px;
    padding-top: 15px;
    flex-direction: column
}

#settings-content.slack .workspace-config .button-container {
    position: relative;
    width: 220px;
    margin-top: 10px;
    margin-bottom: 5px
}

#settings-content.slack .workspace-config .button-container .add-to-slack {
    width: 100%;
    display: flex;
    justify-content: center
}

#settings-content.slack .workspace-config .button-container .refresh {
    position: absolute;
    right: -35px;
    top: 9px;
    box-shadow: none;
    padding: 0
}

#settings-content.slack .workspace-config .button-container .refresh img {
    width: 22px
}

#settings-content.slack .workspace-config .button-container .slack-guide {
    padding-left: 5px
}

#settings-content.slack .workspace-config .button-container .slack-guide a {
    -webkit-text-decoration: none;
    text-decoration: none;
    font-weight: 500
}

#settings-content.slack .workspace-config .button-container .slack-guide p {
    margin-top: 5px;
    color: #707070
}

#settings-content.slack .workspace-config #workspace-selector {
    width: 100%;
    margin-bottom: 5px
}

@media only screen and (min-width: 925px) {
    #settings-content.slack .workspace-config {
        flex-direction: row
    }

    #settings-content.slack .workspace-config .button-container {
        margin-top: 0
    }
}

#settings-content.slack .left {
    margin-right: 3rem
}

#settings-content.slack .left h1 {
    margin-bottom: 1rem
}

#settings-content.slack .left p.legacy,
#settings-content.slack .left label {
    font-size: .9rem;
    font-weight: 600;
    color: #707070
}

#settings-content.slack .left p.missing-scope {
    color: #e60000
}

#settings-content.slack .left .channels {
    margin-top: 1rem
}

#settings-content.slack .left .channels [aria-invalid=true] {
    color: #e60000
}

#settings-content.slack .left .channels select {
    height: 30px;
    padding: 6px 24px 6px 12px;
    font-size: .9rem;
    font-weight: 600
}

@media only screen and (min-width: 925px) {
    #settings-content.slack .left .channels label {
        display: inline-block;
        width: 175px
    }

    #settings-content.slack .left .channels select {
        width: calc(100% - 175px)
    }
}

#settings-content.slack .left .channels .deleted-channel-warning {
    background-color: #fe9;
    border-radius: 5px;
    padding: 12px;
    margin-top: 12px;
    margin-bottom: 24px
}

#settings-content.slack .left .granular-guide {
    margin-top: 1.2rem
}

#settings-content.slack .right {
    margin-top: 2rem
}

#settings-content.slack .right img {
    -webkit-user-drag: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#settings-content.slack .right img.icons {
    margin-bottom: 2rem
}

#settings-content.slack .right button {
    display: block;
    font-size: 1rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.3em;
    border-radius: 6px;
    padding: 10px 14px;
    outline: none;
    resize: none;
    color: #333;
    box-shadow: inset 0 0 0 1px #cbcccd
}

#settings-content.slack .spinner-container {
    width: 100%;
    text-align: center;
    padding-top: 30vh
}

@media only screen and (min-width: 850px) {
    #settings-content.slack .slack-split {
        display: flex
    }

    #settings-content.slack .left {
        width: 65%
    }

    #settings-content.slack .right {
        width: 35%;
        margin-top: 0;
        text-align: center
    }

    #settings-content.slack .right button {
        display: inline-block
    }
}

#settings-content.slack .disconnect-slack-v1 {
    margin-top: 12px
}

#settings-content.provision .details {
    display: flex
}

#settings-content.provision .details>div {
    flex: 1;
    margin-right: 1rem
}

#settings-content.provision .details li {
    position: relative;
    list-style: disc inside;
    line-height: 1.6rem
}

#settings-content.provision .details img {
    max-height: 235px
}

#settings-content.provision .last-auth {
    margin-top: 15px;
    font-weight: 500
}

#settings-content.provision .last-auth span {
    margin-left: .5rem;
    font-weight: 400
}

#settings-content.provision a {
    -webkit-text-decoration: none;
    text-decoration: none
}

#settings-content.provision a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

#settings-content.scim.setup .details {
    display: flex
}

#settings-content.scim.setup .details>div {
    flex: 1;
    margin-right: 1rem
}

#settings-content.scim.setup .details li {
    position: relative;
    list-style: disc inside;
    line-height: 1.6rem
}

#settings-content.scim.setup .details img {
    max-height: 235px
}

#settings-content.cli.setup .details {
    display: flex;
    justify-content: space-between
}

#settings-content.cli.setup .details>div {
    flex: 1;
    margin-right: 1rem;
    max-width: 314px;
    padding-bottom: 30px
}

#settings-content.cli.setup .details img {
    max-height: 163px
}

#settings-content.cli.setup .error-messages {
    margin-top: 2em
}

#settings-content.cli.setup .cli.action {
    margin-top: 2em
}

#settings-content.cli.setup .cli.action .checkmark,
#settings-content.cli.setup .cli.action .spinner {
    vertical-align: text-top
}

#settings-content.spinner {
    text-align: center
}

#settings-footer.slack {
    margin-top: 5em;
    text-align: center;
    color: rgba(0, 0, 0, .8)
}

#settings-content {
    position: relative;
    margin: 0 auto;
    max-width: 600px
}

#settings-content .avatar-wrapper {
    z-index: 1;
    position: relative
}

#settings-content header.name-and-avatar>div {
    display: flex;
    margin-top: 16px
}

#settings-content header.name-and-avatar>div input {
    width: calc(100% - 74px);
    height: 61px;
    font-size: 1.5rem;
    margin-top: 0;
    margin-left: 16px
}

#settings-content header.name-and-avatar .avatar,
#settings-content header.name-and-avatar .dropzone {
    float: left;
    margin-right: 10px
}

#settings-content header.name-and-avatar .dropzone .avatar {
    float: none;
    margin: 0
}

#settings-content h2 {
    clear: both
}

#settings-content input,
#settings-content textarea,
#settings-content .button {
    display: block
}

#settings-content textarea {
    height: 100px
}

#settings-content label {
    display: block;
    margin: 15px 0 -5px
}

#settings-content .button.primary {
    min-width: 50%;
    margin: 30px auto 0
}

#settings-content .button.primary+p {
    text-align: center
}

#settings-content section {
    border-top: 1px solid #d7d9e0;
    padding: 2rem 0
}

#settings-content section:first-child {
    border-top: none
}

#settings-content #delete-account {
    text-align: center
}

#settings-content section#b2b-telemetry-opt-out label {
    margin: 0
}

#settings-content section#account-type .title {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 1rem
}

#settings-content section#account-type .title h2 {
    clear: none;
    margin-top: 0
}

#settings-content section#account-type .title .account-type {
    color: #333;
    font-size: .8rem
}

#settings-content section#account-type .switchers {
    display: flex;
    flex-direction: column
}

#settings-content section#account-type .switchers .type-switcher {
    flex: 1;
    padding: 1rem;
    border: 1px solid #d7d9e0
}

#settings-content section#account-type .switchers .type-switcher:only-child {
    border-radius: 5px
}

#settings-content section#account-type .switchers .type-switcher:not(:only-child):first-child {
    border-radius: 5px 5px 0 0
}

#settings-content section#account-type .switchers .type-switcher+.type-switcher {
    border-top: 0
}

#settings-content section#account-type .switchers .type-switcher+.type-switcher:last-child {
    border-radius: 0 0 5px 5px
}

@media only screen and (min-width: 850px) {
    #settings-content section#account-type .switchers {
        flex-direction: row
    }

    #settings-content section#account-type .switchers .type-switcher:not(:only-child):first-child {
        border-radius: 5px 0 0 5px
    }

    #settings-content section#account-type .switchers .type-switcher+.type-switcher {
        border: 1px solid #d7d9e0;
        border-left: 0
    }

    #settings-content section#account-type .switchers .type-switcher+.type-switcher:last-child {
        border-radius: 0 5px 5px 0
    }
}

#settings-content section.settings.optional-features {
    padding-bottom: 12px
}

#settings-content section.settings.optional-features .current-beta-features {
    margin-top: 30px;
    font-weight: 600
}

#settings-content section.settings.optional-features ul {
    list-style-type: disc;
    list-style-position: inside
}

#settings-content section.settings.duo .switch#duo-enabled {
    margin-right: 25px
}

#settings-content section.settings.duo .multipart #days {
    margin-top: 10px
}

#settings-content section.settings .multipart {
    display: inline-flex;
    margin: 15px 0 -5px;
    white-space: nowrap
}

#settings-content section.settings .multipart input {
    margin-right: 5px;
    width: 50px
}

#settings-content section.settings .switch {
    display: inline-block;
    font-size: 1.25rem
}

#settings-content section.settings .switch .switch-label {
    font-size: 1rem;
    font-weight: normal;
    color: #333;
    margin-left: 10px;
    vertical-align: 1px
}

.vault-view #vault-content {
    flex: 1 1 auto;
    overflow: auto;
    display: flex
}

.vault-view #vault-content #main-content {
    padding: 0;
    flex: 0 0 0px
}

.vault-view #vault-content #sidebar {
    overflow: auto;
    flex: 0 0 174px;
    padding: 10px 0;
    background-color: var(--knox-background-neutral);
    box-shadow: inset -1px 0 0 #e4e6e7
}

@media only screen and (min-width: 925px) {
    .vault-view #vault-content #sidebar {
        flex: 0 0 200px
    }
}

@media only screen and (min-width: 1050px) {
    .vault-view #vault-content #sidebar {
        flex: 0 0 235px
    }
}

.vault-view #vault-content #sidebar,
.vault-view #vault-content #sidebar * {
    cursor: default
}

.vault-view #vault-content #sidebar .sidebar-section-header {
    position: relative
}

.vault-view #vault-content #sidebar .sidebar-section-header h2 {
    text-transform: uppercase;
    padding: .2rem 1.4rem;
    margin-top: 1rem;
    font-weight: 600;
    font-size: .8rem;
    color: #707070
}

.vault-view #vault-content #sidebar .sidebar-section-header span {
    display: none;
    position: absolute;
    right: .6rem;
    bottom: 4px;
    color: #707070;
    font-size: .8rem
}

.vault-view #vault-content #sidebar .sidebar-section-header:hover span {
    display: block
}

.vault-view #vault-content #sidebar ul {
    margin: 0;
    list-style-type: none;
    display: flex;
    min-height: 100%;
    flex-direction: column
}

.vault-view #vault-content #sidebar ul li {
    display: flex
}

.vault-view #vault-content #sidebar ul li .sidebar-list-button {
    display: flex;
    align-items: center;
    padding: .4rem .6rem;
    margin-left: .8rem;
    margin-right: 1px;
    border-radius: 6px 0 0 6px;
    justify-content: space-between;
    flex: 1
}

.vault-view #vault-content #sidebar ul li.selected .sidebar-list-button,
.vault-view #vault-content #sidebar ul li .selected .sidebar-list-button {
    background-color: rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 0 #d7d9e0, inset 0 -1px 0 #d7d9e0, inset 1px 0 0 0 #d7d9e0
}

.vault-view #vault-content #sidebar ul li .subsection {
    padding: .4rem .6rem;
    margin-left: 2.8rem;
    font-size: .9rem;
    flex: 1;
    text-align: left;
    border-radius: 6px 0 0 6px
}

.vault-view #vault-content #sidebar ul li .subsection.selected {
    background-color: rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 0 #d7d9e0, inset 0 -1px 0 #d7d9e0, inset 1px 0 0 0 #d7d9e0
}

.vault-view #vault-content #sidebar ul li img {
    flex: 0 0 auto;
    margin-right: 10px;
    width: 18px;
    height: 18px
}

.vault-view #vault-content #sidebar ul li a {
    -webkit-text-decoration: none;
    text-decoration: none;
    color: #333;
    cursor: normal
}

.vault-view #vault-content #sidebar ul li span.name {
    flex: 1 1 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left
}

.vault-view #vault-content #sidebar ul li span.count {
    flex: 0 0 auto;
    margin-left: 10px;
    min-width: 28px;
    padding: 0 8px;
    background-color: rgba(0, 0, 0, .05);
    border-radius: 14px;
    font-size: .9rem;
    text-align: center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15)
}

.vault-view #vault-content #sidebar ul .archive {
    flex: 1;
    position: relative;
    min-height: 65px
}

.vault-view #vault-content #sidebar ul .archive li {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.vault-view #vault-content #sidebar ul .recently-deleted .sidebar-list-button {
    margin-top: .8rem;
    margin-right: .8rem;
    border-radius: 6px
}

.vault-view #vault-content #sidebar ul .recently-deleted .sidebar-list-button .name {
    text-align: center
}

.vault-view #vault-content .item-list-column {
    overflow: auto;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    flex: 0 0 210px
}

@media only screen and (min-width: 925px) {
    .vault-view #vault-content .item-list-column {
        flex: 0 0 250px
    }
}

@media only screen and (min-width: 1050px) {
    .vault-view #vault-content .item-list-column {
        flex: 0 0 300px
    }
}

.vault-view #vault-content #search {
    background-color: var(--knox-background-neutral);
    box-shadow: inset -1px -1px 0 #e4e6e7
}

.vault-view #vault-content #search input[type=search] {
    background-color: #fff;
    margin: 9px;
    padding: 6px 10px;
    width: calc(100% - 18px);
    cursor: text;
    line-height: 20px
}

.vault-view #vault-content #search input[type=search]:focus {
    box-shadow: inset 0 0 0 1px var(--knox-border-focus), 0 0 0 3px var(--knox-border-focus) !important
}

.vault-view #vault-content #item-list-info-box {
    background-color: #e1faf4;
    display: flex;
    align-items: center;
    z-index: 100;
    cursor: default;
    box-shadow: inset 0 -1px 0 #94d0c2, inset -1px 0 0 #e4e6e7
}

.vault-view #vault-content #item-list-info-box img {
    margin: .8rem
}

.vault-view #vault-content #item-list-info-box>div {
    margin: .5rem .5rem .5rem 0
}

.vault-view #vault-content #item-list-info-box>div .bold {
    color: #59a492
}

.vault-view #vault-content #item-list-info-box>div .didnt-work {
    margin-top: .1rem;
    font-size: .8rem
}

.vault-view #vault-content #item-list {
    flex: 1 1 auto;
    overflow: auto;
    box-shadow: inset -1px 0 0 #e4e6e7;
    position: relative
}

.vault-view #vault-content #item-list,
.vault-view #vault-content #item-list * {
    cursor: default
}

.vault-view #vault-content #item-list ul {
    margin: 10px 0
}

.vault-view #vault-content #item-list .list-empty {
    margin: 18vh auto 0;
    padding: 0 3rem;
    text-align: center;
    color: #707070
}

.vault-view #vault-content #item-list .list-empty h1 {
    margin-bottom: 8px;
    color: #707070
}

.vault-view #vault-content #item-list .list-empty img {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none
}

.vault-view #vault-content #item-list .list-empty img.empty-illustration {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 50vh
}

.vault-view #vault-content #item-list .list-empty img.header-icon {
    margin-top: -92px
}

.vault-view #vault-content #item-list .no-results {
    display: block;
    margin-top: 30px;
    text-align: center;
    color: #707070
}

.vault-view #vault-content #item-list .list-loading {
    display: block;
    margin: 18vh auto 0
}

.vault-view #vault-content #item-list .import-password-button {
    justify-content: center;
    display: flex;
    align-items: center;
    margin: 8px;
    -webkit-text-decoration: none;
    text-decoration: none;
    box-shadow: inset 0 0 0 1px #85beff;
    color: #0364d3;
    height: 28px;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    font-feature-settings: "ss01";
    border-radius: 8px;
    gap: 8px;
    cursor: pointer
}

.vault-view #vault-content #item-list .import-password-button:hover {
    background-image: linear-gradient(rgba(0, 119, 255, 0.08), rgba(0, 119, 255, 0.08))
}

.vault-view #vault-content #item-list .import-password-button:active {
    box-shadow: inset 0 0 0 1px #0572ec;
    background-color: #0572ec;
    color: #fff
}

.vault-view #vault-content #item-list .import-password-button:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.vault-view #vault-content #item-list .import-password-button .upload-icon {
    display: inline-flex
}

.vault-view #vault-content #item-list .import-password-button .upload-icon path {
    fill: currentColor
}

.vault-view #vault-content #item-list .list-item {
    height: 50px;
    padding: 4px 10px 0 20px;
    position: relative;
    width: 100%;
    transition: all .25s ease
}

.vault-view #vault-content #item-list .list-item .icon.small {
    float: left;
    margin: 0 10px 0 0;
    width: 32px;
    height: 32px
}

.vault-view #vault-content #item-list .list-item .avatar {
    position: absolute;
    top: 13px;
    right: 14px;
    filter: opacity(60%)
}

.vault-view #vault-content #item-list .list-item:not(.template-100) img.icon[src^="data:"],
.vault-view #vault-content #item-list .list-item.template-001 img.icon[src^="https://c.1password.com/richicons/"] {
    border-radius: 6px;
    border: 1px solid #e4e6e7
}

.vault-view #vault-content #item-list .list-item.selected {
    background-color: rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, .05), inset 0 -1px 0 rgba(0, 0, 0, .05)
}

.vault-view #vault-content #item-list .list-item h4,
.vault-view #vault-content #item-list .list-item small {
    font-weight: normal;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: calc(100% - 56px);
    margin-top: 0
}

.vault-view #vault-content #item-list .list-item.all-vaults-active h4,
.vault-view #vault-content #item-list .list-item.all-vaults-active small {
    width: calc(100% - 84px)
}

.vault-view #vault-content #item-list .list-item:focus {
    outline: none;
    background-color: rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, .05), inset 0 -1px 0 rgba(0, 0, 0, .05);
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

@media print {

    .vault-view #vault-content #top-bar,
    .vault-view #vault-content #sidebar,
    .vault-view #vault-content #search,
    .vault-view #vault-content #item-list {
        display: none
    }
}

.vault-view #modal.vault-popup {
    width: 420px;
    padding: 0
}

.vault-view #modal.vault-popup.recently-deleted-items {
    width: 450px
}

.vault-view #modal.vault-popup.recently-deleted-items .spinner {
    display: block;
    margin: 0 auto
}

.vault-view #modal.vault-popup.recently-deleted-items .avatar.vault {
    filter: opacity(60%)
}

.vault-view #modal.vault-popup main.content-box {
    padding: 1.6rem 0
}

.vault-view #modal.vault-popup main.content-box ul li {
    display: flex;
    align-items: center;
    border-top: 1px solid #d7d9e0;
    padding: .5rem 1.4rem
}

.vault-view #modal.vault-popup main.content-box ul li:nth-child(odd) {
    background-color: #fcfcfc
}

.vault-view #modal.vault-popup main.content-box ul li:last-child {
    border-bottom: 1px solid #d7d9e0
}

.vault-view #modal.vault-popup main.content-box ul li>div:first-of-type {
    flex-grow: 1;
    overflow: hidden
}

.vault-view #modal.vault-popup main.content-box ul li>div:first-of-type .entity {
    display: flex;
    align-items: center;
    overflow: hidden
}

.vault-view #modal.vault-popup main.content-box ul li>div:first-of-type .entity .avatar {
    margin-right: .7rem;
    flex-shrink: 0
}

.vault-view #modal.vault-popup main.content-box ul li>div:first-of-type .entity .avatar.xxsmall {
    margin-right: .4rem
}

.vault-view #modal.vault-popup main.content-box ul li>div:first-of-type a {
    -webkit-text-decoration: none;
    text-decoration: none
}

.vault-view #modal.vault-popup main.content-box ul li>div:first-of-type a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.vault-view #modal.vault-popup main.content-box ul li>div:first-of-type span {
    display: block
}

.vault-view #modal.vault-popup main.content-box ul li>div:first-of-type small {
    display: block;
    margin-top: .1rem
}

.vault-view #modal.vault-popup main.content-box ul li>div:first-of-type span,
.vault-view #modal.vault-popup main.content-box ul li>div:first-of-type small {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.vault-view #modal.vault-popup main.content-box ul li>div.buttons {
    flex-shrink: 0;
    margin-left: .6rem
}

.vault-view #modal.vault-popup main.content-box ul li>div.buttons button {
    margin-left: .4rem
}

.vault-view #modal.large-type-popup {
    text-align: center;
    position: relative;
    display: inline-block;
    width: auto;
    max-width: 94%;
    margin: 8vh 0 0 !important;
    padding: 0 5px
}

.vault-view #modal.large-type-popup .scroll-box:first-child>main.content-box {
    padding: 0
}

.vault-view #modal.large-type-popup .type-container {
    text-align: left;
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.vault-view #modal.large-type-popup .type-container .character {
    font-size: 5rem;
    font-family: "Source Code Pro", "Menlo", "Monaco", "Andale Mono", "Anonymous Pro", "PT Mono", monospace;
    letter-spacing: normal;
    display: inline-block;
    padding: 42px 0 14px;
    width: 56px;
    text-align: center
}

.vault-view #modal.large-type-popup .type-container .character.number {
    color: #0572ec
}

.vault-view #modal.large-type-popup .type-container .character.symbol {
    color: #e60000
}

.vault-view #modal.large-type-popup .type-container .character:nth-child(even) {
    background-color: #f6f7f8
}

.vault-view #modal.large-type-popup .type-container .character .character-count {
    display: block;
    color: #707070;
    font-size: .9rem;
    margin-top: 40px
}

.vault-view #modal.watchtower-details {
    width: 420px
}

.vault-view #modal.watchtower-details main.content-box strong {
    display: block;
    margin-bottom: .1rem
}

.vault-view #modal.watchtower-details main.content-box em {
    font-style: italic
}

.vault-view #modal.watchtower-details main.content-box .box {
    margin-bottom: .8rem
}

.vault-view #modal.watchtower-details main.content-box .breach-information {
    margin: 1.2rem 1rem .2rem
}

@media print {
    body.vault-view {
        padding-top: 0;
        position: static;
        overflow: visible
    }

    body.vault-view #top-bar {
        display: none !important
    }
}

.vault-view[data-focus-visible] #vault-content #sidebar ul li .sidebar-list-button:focus {
    background-color: rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 0 #d7d9e0, inset 0 -1px 0 #d7d9e0, inset 1px 0 0 0 #d7d9e0;
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.vault-view #vault-content #item-details {
    display: flex;
    flex-direction: column-reverse;
    flex: 1 1 auto;
    overflow: auto;
    background-color: #fff
}

.vault-view #vault-content #item-details .details-scroller {
    flex: 1 1 auto;
    overflow: auto;
    padding: .5rem 8rem 3rem
}

.vault-view #vault-content #item-details .details-scroller .vault-rename-banner {
    margin: 0 -8rem
}

@media only screen and (min-width: 1375px) {
    .vault-view #vault-content #item-details .details-scroller {
        padding: .5rem 10vw
    }

    .vault-view #vault-content #item-details .details-scroller .vault-rename-banner {
        margin: 0 -10vw
    }
}

@media only screen and (max-width: 1150px) {
    .vault-view #vault-content #item-details .details-scroller {
        padding: .5rem 2.4rem 2rem
    }

    .vault-view #vault-content #item-details .details-scroller .vault-rename-banner {
        margin: 0 -2.4rem
    }

    .vault-view #vault-content #item-details .details-scroller td:first-child span,
    .vault-view #vault-content #item-details .details-scroller th:first-child span {
        width: 120px
    }
}

.vault-view #vault-content #item-details .details-login-icon {
    width: 60px;
    height: 60px
}

.vault-view #vault-content #item-details .details-login-icon.custom:not(.template-100),
.vault-view #vault-content #item-details .details-login-icon.template-001[src^="https://c.1password.com/richicons/"] {
    border-radius: 12px;
    border: 1px solid #e4e6e7
}

.vault-view #vault-content #item-details .details-empty {
    width: 286px;
    height: 51px;
    margin: 40vh auto 0;
    background-image: url(../images/details-empty-v2.png);
    background-size: 286px 51px
}

@media(min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .vault-view #vault-content #item-details .details-empty {
        background-image: url(../images/details-empty-v2@2x.png)
    }
}

.vault-view #vault-content #item-details td.first-col,
.vault-view #vault-content #item-details th.first-col {
    text-align: right;
    padding-right: 1rem;
    color: #707070;
    width: 150px;
    position: relative
}

.vault-view #vault-content #item-details td.first-col span,
.vault-view #vault-content #item-details td.first-col input,
.vault-view #vault-content #item-details th.first-col span,
.vault-view #vault-content #item-details th.first-col input {
    width: 180px;
    position: absolute;
    right: 1rem;
    top: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vault-view #vault-content #item-details.editing td.first-col,
.vault-view #vault-content #item-details.editing th.first-col,
.vault-view #vault-content #item-details.editing td,
.vault-view #vault-content #item-details.editing th {
    color: #333
}

.vault-view #vault-content #item-details>.details-scroller>header {
    margin-bottom: 2rem;
    padding-left: 74px
}

.vault-view #vault-content #item-details>.details-scroller>header img {
    float: left;
    margin: -0.5rem 1.5rem 0 0
}

.vault-view #vault-content #item-details>.details-scroller>header h1 {
    margin-top: 50px;
    font-size: 1.3rem
}

.vault-view #vault-content #item-details>.details-scroller>header::after {
    content: "";
    display: block;
    clear: left
}

.vault-view #vault-content #item-details>.details-scroller>header .actions {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 3px
}

.vault-view #vault-content #item-details>.details-scroller>header .actions>button,
.vault-view #vault-content #item-details>.details-scroller>header .actions>ul {
    display: inline-block;
    width: 24px;
    height: 24px;
    cursor: pointer;
    margin-top: 0
}

.vault-view #vault-content #item-details>.details-scroller>header .actions>button.favorite-button,
.vault-view #vault-content #item-details>.details-scroller>header .actions>ul.favorite-button {
    margin-right: 2px;
    background-image: url(../images/favorite.png);
    background-size: 24px 24px
}

@media(min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {

    .vault-view #vault-content #item-details>.details-scroller>header .actions>button.favorite-button,
    .vault-view #vault-content #item-details>.details-scroller>header .actions>ul.favorite-button {
        background-image: url(../images/favorite@2x.png)
    }
}

.vault-view #vault-content #item-details>.details-scroller>header .actions>button.favorite-button.filled,
.vault-view #vault-content #item-details>.details-scroller>header .actions>ul.favorite-button.filled {
    background-image: url(../images/favorite-filled.png);
    background-size: 24px 24px
}

@media(min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {

    .vault-view #vault-content #item-details>.details-scroller>header .actions>button.favorite-button.filled,
    .vault-view #vault-content #item-details>.details-scroller>header .actions>ul.favorite-button.filled {
        background-image: url(../images/favorite-filled@2x.png)
    }
}

.vault-view #vault-content #item-details>.details-scroller>header .actions>button.send-to-button,
.vault-view #vault-content #item-details>.details-scroller>header .actions>ul.send-to-button {
    margin-right: 6px;
    background-image: url(../images/send-to.png);
    background-size: 24px 24px
}

@media(min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {

    .vault-view #vault-content #item-details>.details-scroller>header .actions>button.send-to-button,
    .vault-view #vault-content #item-details>.details-scroller>header .actions>ul.send-to-button {
        background-image: url(../images/send-to@2x.png)
    }
}

.vault-view #vault-content #item-details>.details-scroller>header .actions>button.create-report img,
.vault-view #vault-content #item-details>.details-scroller>header .actions>ul.create-report img {
    margin: 0;
    height: 19px
}

.vault-view #vault-content #item-details #watchtower-warning {
    display: flex;
    background-color: #c94e31;
    color: #fff;
    margin: 0 -7.4rem;
    padding: .4rem .3rem;
    font-size: .9rem;
    border-radius: 4px
}

@media only screen and (min-width: 1375px) {
    .vault-view #vault-content #item-details #watchtower-warning {
        margin: 0 -2rem
    }
}

@media only screen and (max-width: 1150px) {
    .vault-view #vault-content #item-details #watchtower-warning {
        margin: 0 -1.8rem
    }
}

.vault-view #vault-content #item-details #watchtower-warning.grey {
    background-color: #6a788a
}

.vault-view #vault-content #item-details #watchtower-warning.purple {
    background-color: #7269b9
}

.vault-view #vault-content #item-details #watchtower-warning img {
    width: 18px;
    margin: 0 .55rem 0 .3rem;
    align-self: center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none
}

.vault-view #vault-content #item-details #watchtower-warning strong,
.vault-view #vault-content #item-details #watchtower-warning span {
    display: block;
    line-height: 14px;
    cursor: default
}

.vault-view #vault-content #item-details #watchtower-warning a {
    color: #fff
}

.vault-view #vault-content #item-details table {
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    margin: 2rem 0
}

.vault-view #vault-content #item-details table.section-web-form-details,
.vault-view #vault-content #item-details table.section-previously-used-passwords {
    margin-top: 1rem
}

.vault-view #vault-content #item-details table th,
.vault-view #vault-content #item-details table td {
    padding: .15rem .5rem;
    position: relative
}

.vault-view #vault-content #item-details table thead th {
    text-align: left;
    font-weight: 600;
    color: #707070;
    padding-left: 10px;
    padding-bottom: 6px
}

.vault-view #vault-content #item-details table td>div,
.vault-view #vault-content #item-details table td>input {
    display: inline-block;
    padding: 2px;
    border: 1px solid #fff;
    max-width: 100%
}

.vault-view #vault-content #item-details table td>input {
    padding: 3px 5px
}

.vault-view #vault-content #item-details table td div.value-container {
    outline: none
}

.vault-view #vault-content #item-details table td div.value-container:not(.no-reveal):hover,
.vault-view #vault-content #item-details table td div.value-container:not(.no-reveal):focus-within {
    cursor: pointer;
    border: 1px dashed #cbcccd;
    border-radius: 6px
}

.vault-view #vault-content #item-details table td div.value-container:not(.no-reveal):hover .field-button,
.vault-view #vault-content #item-details table td div.value-container:not(.no-reveal):focus-within .field-button {
    opacity: 1
}

.vault-view #vault-content #item-details table td img.provider {
    height: 20px;
    margin-right: 6px;
    margin-top: 2px
}

.vault-view #vault-content #item-details table td .field-button {
    display: inline-block;
    opacity: 0;
    margin-left: 5px;
    border: 1px solid #cbcccd;
    border-radius: 5px;
    padding: 2px 4px;
    -webkit-text-decoration: none;
    text-decoration: none;
    color: #333;
    word-break: normal;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    flex: 0 0 auto
}

.vault-view #vault-content #item-details table td .field-button:active {
    background-color: #cbcccd;
    border-color: #999
}

.vault-view #vault-content #item-details table td .field-button:focus {
    opacity: 1;
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.vault-view #vault-content #item-details table td span:active+.field-button,
.vault-view #vault-content #item-details table td a:not(.field-button):active+.field-button {
    background-color: #cbcccd;
    border-color: #999
}

.vault-view #vault-content #item-details table div.link {
    display: inline-flex;
    align-items: center
}

.vault-view #vault-content #item-details table td a.link {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    display: inline-block;
    -webkit-text-decoration: none;
    text-decoration: none;
    color: #0572ec;
    line-height: 24px
}

.vault-view #vault-content #item-details table td a.link.url {
    color: #707070
}

.vault-view #vault-content #item-details table td a.link .domain {
    color: #0572ec
}

.vault-view #vault-content #item-details table td.string span,
.vault-view #vault-content #item-details table td.passkey span {
    display: inline-block;
    padding-top: 3px;
    padding-bottom: 3px
}

.vault-view #vault-content #item-details table td.P span span,
.vault-view #vault-content #item-details table td.concealed span span {
    display: none
}

.vault-view #vault-content #item-details table td.P span::after,
.vault-view #vault-content #item-details table td.concealed span::after {
    content: "••••••••••"
}

.vault-view #vault-content #item-details table td.P.reveal span span,
.vault-view #vault-content #item-details table td.concealed.reveal span span {
    font-family: "Source Code Pro", "Menlo", "Monaco", "Andale Mono", "Anonymous Pro", "PT Mono", monospace;
    letter-spacing: normal;
    display: inline
}

.vault-view #vault-content #item-details table td.P.reveal span span.number,
.vault-view #vault-content #item-details table td.concealed.reveal span span.number {
    color: #0572ec
}

.vault-view #vault-content #item-details table td.P.reveal span span.symbol,
.vault-view #vault-content #item-details table td.concealed.reveal span span.symbol {
    color: #e60000
}

.vault-view #vault-content #item-details table td.P.reveal span::after,
.vault-view #vault-content #item-details table td.concealed.reveal span::after {
    content: ""
}

.vault-view #vault-content #item-details table td.notes,
.vault-view #vault-content #item-details table td.multiline {
    white-space: pre-wrap;
    margin-left: 2px
}

.vault-view #vault-content #item-details table td.address span span {
    display: inline-block;
    margin-top: 3px
}

.vault-view #vault-content #item-details table td.address span span:not(:last-of-type) {
    width: 100%
}

.vault-view #vault-content #item-details table td.tags .tag {
    background-color: #0572ec;
    color: #fff;
    padding: 2px 4px;
    border-radius: 5px;
    display: inline-block;
    margin-left: 5px;
    margin-bottom: 4px;
    -webkit-text-decoration: none;
    text-decoration: none;
    cursor: pointer
}

.vault-view #vault-content #item-details table td.tags .tag:first-of-type {
    margin-left: 2px
}

.vault-view #vault-content #item-details table td.vault:not(.disabled) a {
    cursor: pointer
}

.vault-view #vault-content #item-details table td.vault:not(.disabled) a:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.vault-view #vault-content #item-details table td.vault .avatar {
    display: inline-block;
    vertical-align: -7px;
    margin-right: 6px
}

.vault-view #vault-content #item-details table td.unsupported div {
    padding-top: 5px
}

.vault-view #vault-content #item-details table td.unsupported div span {
    color: #e60000
}

.vault-view #vault-content #item-details table tr.totp td.first-col span {
    top: 10px
}

.vault-view #vault-content #item-details table tr.totp td.totp .error {
    display: inline-block;
    margin-top: 8px;
    margin-left: 2px
}

.vault-view #vault-content #item-details table tr.totp td.totp .totp.display-none {
    display: none
}

.vault-view #vault-content #item-details table tr.totp div:active .field-button {
    background-color: #cbcccd;
    border-color: #999
}

.vault-view #vault-content #item-details table tr.totp .totp-first-digits,
.vault-view #vault-content #item-details table tr.totp .totp-last-digits {
    font-family: "Source Code Pro", "Menlo", "Monaco", "Andale Mono", "Anonymous Pro", "PT Mono", monospace;
    letter-spacing: normal
}

.vault-view #vault-content #item-details table tr.totp .totp-first-digits::after {
    content: "•";
    font-family: "Source Code Pro", "Menlo", "Monaco", "Andale Mono", "Anonymous Pro", "PT Mono", monospace;
    letter-spacing: normal;
    color: #707070;
    padding: 0 2px;
    vertical-align: 3%
}

.vault-view #vault-content #item-details table tr.totp .countdown {
    margin-left: 8px;
    display: inline-block;
    vertical-align: -45%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.vault-view #vault-content #item-details table tr.totp .countdown .seconds {
    color: #0572ec;
    font-size: .7rem;
    position: absolute;
    line-height: 29px;
    width: 27px;
    text-align: center
}

.vault-view #vault-content #item-details table tr.totp .countdown svg {
    width: 28px;
    height: 28px;
    transform: rotate(-90deg)
}

.vault-view #vault-content #item-details table tr.totp .countdown .circle {
    stroke: #0572ec;
    fill: none
}

.vault-view #vault-content #item-details table tr.totp .countdown .circle.outer {
    stroke-width: 1;
    stroke-dasharray: 75;
    stroke-dashoffset: 0
}

.vault-view #vault-content #item-details table tr.totp .countdown .circle.inner {
    stroke-width: 2;
    stroke-dasharray: 66.6
}

.vault-view #vault-content #item-details table tr.totp .countdown.red .seconds {
    color: #e60000
}

.vault-view #vault-content #item-details table tr.totp .countdown.red .circle {
    stroke: #e60000
}

.vault-view #vault-content #item-details div#document {
    text-align: center;
    margin-bottom: 40px
}

.vault-view #vault-content #item-details div#document .dropzone * {
    cursor: pointer !important
}

.vault-view #vault-content #item-details div#document .document {
    display: inline-block;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;
    cursor: default;
    -webkit-text-decoration: none;
    text-decoration: none
}

.vault-view #vault-content #item-details div#document .document.downloaded {
    cursor: pointer
}

.vault-view #vault-content #item-details div#document .document.downloaded div {
    background-image: url(../images/details-document-download.png);
    background-size: 64px 64px
}

@media(min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .vault-view #vault-content #item-details div#document .document.downloaded div {
        background-image: url(../images/details-document-download@2x.png)
    }
}

.vault-view #vault-content #item-details div#document .document div {
    display: inline-block;
    width: 64px;
    height: 64px;
    background-image: url(../images/details-document-blank.png);
    background-size: 64px 64px
}

@media(min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .vault-view #vault-content #item-details div#document .document div {
        background-image: url(../images/details-document-blank@2x.png)
    }
}

.vault-view #vault-content #item-details div#document .document div img.document-icon {
    width: 32px;
    height: 32px;
    margin-top: 19px;
    -webkit-user-drag: none
}

.vault-view #vault-content #item-details div#document .document div img.document-icon.error {
    width: 26px;
    height: 26px;
    margin-top: 22px
}

.vault-view #vault-content #item-details div#document .document span {
    display: block
}

.vault-view #vault-content #item-details div#document .document span.document-name {
    margin-top: 12px;
    color: #333
}

.vault-view #vault-content #item-details div#document .document span.document-action {
    margin-top: 3px;
    color: #707070;
    font-size: .9rem
}

.vault-view #vault-content #item-details div#document .document span.document-action.error {
    color: #e60000;
    max-width: 230px;
    display: inline-block
}

.vault-view #vault-content #item-details div#document img.image-preview {
    max-width: 100%
}

.vault-view #vault-content #item-details div#document .item-detail-button {
    display: inline-block;
    margin-left: 0;
    margin-top: 25px
}

.vault-view #vault-content #item-details div#document .item-detail-button:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.vault-view #vault-content #item-details div#document .safari-note {
    max-width: 400px;
    margin: 0 auto;
    background-color: #fe9;
    padding: 10px;
    border-radius: 8px
}

.vault-view #vault-content #item-details .item-detail-button {
    display: block;
    margin-left: 160px;
    margin-top: 10px;
    border: 1px solid #cbcccd;
    border-radius: 5px;
    padding: 3px 5px;
    -webkit-text-decoration: none;
    text-decoration: none;
    color: #333;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.vault-view #vault-content #item-details .item-detail-button:active {
    background-color: #cbcccd;
    border-color: #999
}

.vault-view #vault-content #item-details .item-detail-button:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.vault-view #vault-content #item-details .generate-password {
    width: 20px;
    height: 20px;
    margin-left: 8px;
    vertical-align: -5px;
    cursor: pointer;
    float: right;
    margin-top: 4px
}

.vault-view #vault-content #item-details .password-generator {
    width: 280px;
    background-color: #f6f7f8;
    border: 1px solid #e4e6e7;
    padding: 15px;
    margin-top: 10px;
    border-radius: 3px
}

.vault-view #vault-content #item-details .password-generator span:not(.password-strength-meter):not(.switch-button),
.vault-view #vault-content #item-details .password-generator label {
    color: #707070;
    font-weight: 300
}

.vault-view #vault-content #item-details .password-generator span:not(.password-strength-meter):not(.switch-button)::after,
.vault-view #vault-content #item-details .password-generator label::after {
    content: none !important
}

.vault-view #vault-content #item-details .password-generator .password-strength-meter {
    display: inline-block;
    margin-top: 0;
    margin-left: 10px
}

.vault-view #vault-content #item-details .password-generator .password-strength-meter::after {
    content: none !important
}

.vault-view #vault-content #item-details .password-generator input#length,
.vault-view #vault-content #item-details .password-generator input#words {
    display: inline-block;
    border: none;
    width: 47px;
    padding: 3px 3px 3px 8px;
    margin-left: 10px;
    margin-top: 10px;
    outline: none;
    border-radius: 4px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .25)
}

.vault-view #vault-content #item-details .password-generator button {
    color: #0572ec;
    margin-left: 10px
}

.vault-view #vault-content #item-details .password-generator .switch {
    font-size: 1.25rem;
    margin-left: 4px;
    margin-top: 11px;
    vertical-align: -2px
}

.vault-view #vault-content #item-details .password-generator .switch.digits {
    margin-right: 10px
}

.vault-view #vault-content #item-details .password-generator .switch span::after {
    content: "" !important
}

.vault-view #vault-content #item-details .password-strength-meter {
    display: block;
    width: 120px;
    height: 10px;
    border: 1px solid #e4e6e7;
    border-radius: 6px;
    margin-top: 10px
}

.vault-view #vault-content #item-details .password-strength-meter span {
    display: block !important;
    height: 8px;
    border-radius: 6px
}

.vault-view #vault-content #item-details .uso-field .item-details {
    display: flex;
    align-items: center
}

.vault-view #vault-content #item-details .uso-field .item-details img,
.vault-view #vault-content #item-details .uso-field .item-details svg {
    border-radius: 6px;
    width: 32px;
    height: 32px
}

.vault-view #vault-content #item-details .uso-field .item-details .description {
    padding-left: 8px
}

.vault-view #vault-content #item-details .uso-field .item-details.missing-item {
    padding-left: 16px
}

.vault-view #vault-content #item-details .uso-field .missing-provider {
    display: flex;
    align-items: center
}

.vault-view #vault-content #item-details .uso-field .missing-provider img,
.vault-view #vault-content #item-details .uso-field .missing-provider svg {
    width: 24px;
    height: 24px
}

.vault-view #vault-content #item-details .uso-field .item-details img.google,
.vault-view #vault-content #item-details .uso-field .item-details img.gitlab,
.vault-view #vault-content #item-details .uso-field .item-details img.microsoft,
.vault-view #vault-content #item-details .uso-field .item-details svg.google,
.vault-view #vault-content #item-details .uso-field .item-details svg.gitlab,
.vault-view #vault-content #item-details .uso-field .item-details svg.microsoft {
    border: 1px solid #e4e6e7
}

.vault-view #vault-content #item-details .uso-field img.spinner.normal {
    margin-left: 5px
}

.vault-view #vault-content #item-details .uso-field.editing select {
    width: 100%
}

.vault-view #vault-content #item-details footer {
    margin-top: 40px;
    padding-bottom: 10px
}

.vault-view #vault-content #item-details footer td {
    color: #707070;
    padding-bottom: .4rem
}

.vault-view #vault-content #item-details footer a {
    color: #0572ec;
    outline: none;
    -webkit-text-decoration: none;
    text-decoration: none;
    cursor: pointer
}

.vault-view #vault-content #item-details footer a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.vault-view #vault-content #item-details footer a:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.vault-view #vault-content #item-details footer .avatar {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 4px;
    vertical-align: middle;
    line-height: 23px;
    font-size: .7rem;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 5px !important
}

.vault-view #vault-content #item-details .dropdown-menu {
    position: absolute;
    min-width: 170px;
    top: 26px;
    right: -15px;
    padding: 5px 0;
    background-color: #fff;
    border: none !important;
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, .15) 0 0 0 1px, rgba(0, 0, 0, .15) 0 1px 20px;
    z-index: 100
}

.vault-view #vault-content #item-details .dropdown-menu .change-type-menu-option {
    display: flex;
    width: 100%
}

.vault-view #vault-content #item-details .dropdown-menu .change-type-menu-option .option {
    flex: 1
}

.vault-view #vault-content #item-details .dropdown-menu .change-type-menu-option:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.vault-view #vault-content #item-details .dropdown-menu .change-type-menu-option:focus .option {
    background-color: #f6f7f8
}

.vault-view #vault-content #item-details .dropdown-menu .change-type-menu-option:hover .option {
    background-color: #f6f7f8
}

.vault-view #vault-content #item-details .dropdown-menu .option {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: flex;
    padding: 6px 10px 6px 28px;
    cursor: pointer;
    color: #333;
    width: 100%;
    text-align: left
}

.vault-view #vault-content #item-details .dropdown-menu .option:hover,
.vault-view #vault-content #item-details .dropdown-menu .option:focus {
    background-color: #f6f7f8
}

.vault-view #vault-content #item-details .dropdown-menu .option .option-label {
    flex: 1
}

.vault-view #vault-content #item-details .dropdown-menu .option span {
    font-size: .9rem;
    line-height: 1.2
}

.vault-view #vault-content #item-details .dropdown-menu .option span::after {
    content: ""
}

.vault-view #vault-content #item-details .dropdown-menu .option .select-check {
    position: absolute;
    margin-left: -18px;
    margin-top: 2px
}

.vault-view #vault-content #item-details .dropdown-menu .option input[type=radio],
.vault-view #vault-content #item-details .dropdown-menu .option input[type=checkbox] {
    display: none !important
}

.vault-view #vault-content #item-details .dropdown-menu.send-to-menu {
    min-width: 126px;
    right: auto
}

.vault-view #vault-content #item-details .dropdown-menu.send-to-menu .share-menu-item {
    display: flex;
    width: 100%
}

.vault-view #vault-content #item-details .dropdown-menu.send-to-menu .share-menu-item .option {
    flex: 1
}

.vault-view #vault-content #item-details .dropdown-menu.send-to-menu .share-menu-item:focus .option {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring);
    background-color: #f6f7f8
}

.vault-view #vault-content #item-details .dropdown-menu.send-to-menu label.option {
    padding-left: 12px
}

.vault-view #vault-content #item-details .dropdown-menu.send-to-menu:nth-child(2) {
    left: 87px
}

.vault-view #vault-content #item-details.editing .delete-field-button {
    width: 16px;
    height: 16px;
    position: absolute;
    left: -26px;
    top: 7px;
    cursor: pointer;
    border-radius: 50%;
    z-index: 1
}

.vault-view #vault-content #item-details.editing .delete-field-button img {
    width: 16px;
    height: 16px
}

.vault-view #vault-content #item-details.editing .delete-field-button:focus {
    box-shadow: inset 0 0 0 1px rgba(0, 128, 255, .3), 0 0 0 3px rgba(0, 128, 255, .3)
}

.vault-view #vault-content #item-details.editing .change-field-type-container {
    padding: 0 !important;
    border: none !important
}

.vault-view #vault-content #item-details.editing .change-field-type-container .change-field-type-button {
    width: 16px;
    height: 16px;
    position: absolute;
    right: -15px;
    top: 7px;
    cursor: pointer;
    border-radius: 50%
}

.vault-view #vault-content #item-details.editing .change-field-type-container .change-field-type-button img {
    width: 16px;
    height: 16px
}

.vault-view #vault-content #item-details.editing .change-field-type-container .change-field-type-button:focus {
    box-shadow: inset 0 0 0 1px rgba(0, 128, 255, .3), 0 0 0 3px rgba(0, 128, 255, .3)
}

.vault-view #vault-content #item-details.editing td input,
.vault-view #vault-content #item-details.editing td textarea,
.vault-view #vault-content #item-details.editing td select,
.vault-view #vault-content #item-details.editing th input,
.vault-view #vault-content #item-details.editing th textarea,
.vault-view #vault-content #item-details.editing th select,
.vault-view #vault-content #item-details.editing header input,
.vault-view #vault-content #item-details.editing header textarea,
.vault-view #vault-content #item-details.editing header select {
    box-shadow: none
}

.vault-view #vault-content #item-details.editing td input:hover,
.vault-view #vault-content #item-details.editing td textarea:hover,
.vault-view #vault-content #item-details.editing td select:hover,
.vault-view #vault-content #item-details.editing th input:hover,
.vault-view #vault-content #item-details.editing th textarea:hover,
.vault-view #vault-content #item-details.editing th select:hover,
.vault-view #vault-content #item-details.editing header input:hover,
.vault-view #vault-content #item-details.editing header textarea:hover,
.vault-view #vault-content #item-details.editing header select:hover {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .25)
}

.vault-view #vault-content #item-details.editing td input:focus,
.vault-view #vault-content #item-details.editing td textarea:focus,
.vault-view #vault-content #item-details.editing td select:focus,
.vault-view #vault-content #item-details.editing th input:focus,
.vault-view #vault-content #item-details.editing th textarea:focus,
.vault-view #vault-content #item-details.editing th select:focus,
.vault-view #vault-content #item-details.editing header input:focus,
.vault-view #vault-content #item-details.editing header textarea:focus,
.vault-view #vault-content #item-details.editing header select:focus {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .25)
}

.vault-view #vault-content #item-details.editing td input[readonly],
.vault-view #vault-content #item-details.editing td textarea[readonly],
.vault-view #vault-content #item-details.editing td select[readonly],
.vault-view #vault-content #item-details.editing th input[readonly],
.vault-view #vault-content #item-details.editing th textarea[readonly],
.vault-view #vault-content #item-details.editing th select[readonly],
.vault-view #vault-content #item-details.editing header input[readonly],
.vault-view #vault-content #item-details.editing header textarea[readonly],
.vault-view #vault-content #item-details.editing header select[readonly] {
    box-shadow: none !important
}

.vault-view #vault-content #item-details.editing td input:disabled,
.vault-view #vault-content #item-details.editing td textarea:disabled,
.vault-view #vault-content #item-details.editing td select:disabled,
.vault-view #vault-content #item-details.editing th input:disabled,
.vault-view #vault-content #item-details.editing th textarea:disabled,
.vault-view #vault-content #item-details.editing th select:disabled,
.vault-view #vault-content #item-details.editing header input:disabled,
.vault-view #vault-content #item-details.editing header textarea:disabled,
.vault-view #vault-content #item-details.editing header select:disabled {
    cursor: not-allowed;
    box-shadow: none
}

.vault-view #vault-content #item-details.editing td textarea,
.vault-view #vault-content #item-details.editing th textarea,
.vault-view #vault-content #item-details.editing header textarea {
    display: block;
    min-height: 100px;
    padding: 3px 5px
}

.vault-view #vault-content #item-details.editing td textarea.multiline,
.vault-view #vault-content #item-details.editing th textarea.multiline,
.vault-view #vault-content #item-details.editing header textarea.multiline {
    min-height: 73px
}

.vault-view #vault-content #item-details.editing td>input,
.vault-view #vault-content #item-details.editing th>input,
.vault-view #vault-content #item-details.editing header>input {
    text-overflow: ellipsis
}

.vault-view #vault-content #item-details.editing td select,
.vault-view #vault-content #item-details.editing th select,
.vault-view #vault-content #item-details.editing header select {
    display: block;
    padding: 4px 25px 3px 5px;
    margin-top: 1px
}

.vault-view #vault-content #item-details.editing .show-password-generator>.value-input {
    max-width: calc(100% - 28px)
}

.vault-view #vault-content #item-details.editing td.address input,
.vault-view #vault-content #item-details.editing td.address select {
    display: inline-block
}

.vault-view #vault-content #item-details.editing td.address input.city,
.vault-view #vault-content #item-details.editing td.address input.zip,
.vault-view #vault-content #item-details.editing td.address select.city,
.vault-view #vault-content #item-details.editing td.address select.zip {
    margin-right: 5px;
    width: calc(50% - 5px)
}

.vault-view #vault-content #item-details.editing td.address input.state,
.vault-view #vault-content #item-details.editing td.address input.country,
.vault-view #vault-content #item-details.editing td.address select.state,
.vault-view #vault-content #item-details.editing td.address select.country {
    width: 50%
}

.vault-view #vault-content #item-details.editing td.address input.placeholder,
.vault-view #vault-content #item-details.editing td.address select.placeholder {
    color: #707070
}

.vault-view #vault-content #item-details.editing td.P input.value-input,
.vault-view #vault-content #item-details.editing td.concealed input.value-input {
    font-family: "Source Code Pro", "Menlo", "Monaco", "Andale Mono", "Anonymous Pro", "PT Mono", monospace;
    letter-spacing: normal
}

.vault-view #vault-content #item-details.editing td.unsupported div {
    padding-top: 3px
}

.vault-view #vault-content #item-details.editing header input {
    width: calc(100% - 60px - 1.5rem);
    font-size: 1.25rem;
    font-weight: 600;
    color: #333;
    padding: 2px 4px;
    margin: -3px 0 -2px
}

.vault-view #vault-content #item-details.editing header p {
    margin-top: 7px;
    margin-left: 88px
}

.vault-view #vault-content #item-details.editing table th input {
    font-weight: 600;
    padding: 3px 5px
}

.vault-view #vault-content #item-details.editing table td.first-col input {
    top: 2px;
    text-align: right;
    margin-right: -5px;
    margin-top: 0
}

.vault-view #vault-content #item-details.editing table :-ms-input-placeholder {
    color: #707070
}

.vault-view #vault-content #item-details.editing table ::placeholder {
    color: #707070
}

.vault-view #vault-content #item-details.editing table img.provider {
    margin-left: 5px
}

@media print {
    .vault-view #vault-content #item-details {
        position: static;
        width: 100%;
        padding: .5rem 5rem
    }

    .vault-view #vault-content #item-details .item-detail-button,
    .vault-view #vault-content #item-details .field-button,
    .vault-view #vault-content #item-details tr.totp,
    .vault-view #vault-content #item-details tr.strength-meter,
    .vault-view #vault-content #item-details.editing {
        display: none !important
    }

    .vault-view #vault-content #item-details div:hover {
        border: 0 !important
    }

    .vault-view #vault-content #item-details td.P div:not(.no-reveal) span span,
    .vault-view #vault-content #item-details td.concealed div:not(.no-reveal) span span {
        font-family: "Source Code Pro", "Menlo", "Monaco", "Andale Mono", "Anonymous Pro", "PT Mono", monospace;
        letter-spacing: normal;
        display: inline !important
    }

    .vault-view #vault-content #item-details td.P div:not(.no-reveal) span span.number,
    .vault-view #vault-content #item-details td.concealed div:not(.no-reveal) span span.number {
        color: #0572ec
    }

    .vault-view #vault-content #item-details td.P div:not(.no-reveal) span span.symbol,
    .vault-view #vault-content #item-details td.concealed div:not(.no-reveal) span span.symbol {
        color: #e60000
    }

    .vault-view #vault-content #item-details td.P div:not(.no-reveal) span::after,
    .vault-view #vault-content #item-details td.concealed div:not(.no-reveal) span::after {
        content: "" !important
    }

    .vault-view #vault-content #item-details.no-print {
        display: none
    }

    .vault-view #vault-content #item-details.firefox {
        font-family: Helvetica, Arial, sans-serif
    }
}

[data-focus-visible] .generate-password:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

[data-focus-visible] .password-generator .switch:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

[data-focus-visible] .password-generator .regenerate:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

[data-focus-visible] #vault-content #item-details>header .actions>button:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.vault-view #vault-content #watchtower-dashboard {
    width: calc(100% - 174px);
    background-color: var(--knox-background-neutral);
    padding: 2rem;
    overflow: auto
}

@media only screen and (min-width: 925px) {
    .vault-view #vault-content #watchtower-dashboard {
        width: calc(100% - 200px)
    }
}

@media only screen and (min-width: 1050px) {
    .vault-view #vault-content #watchtower-dashboard {
        width: calc(100% - 235px)
    }
}

.vault-view #vault-content #watchtower-dashboard .watchtower-loading {
    margin: 10vh auto 0;
    padding: 0 3rem;
    text-align: center
}

.vault-view #vault-content #watchtower-dashboard .watchtower-loading .icon-container {
    position: relative;
    margin: 0 auto;
    width: 128px;
    height: 128px
}

.vault-view #vault-content #watchtower-dashboard .watchtower-loading .icon-container img {
    position: absolute;
    left: 0;
    top: 0;
    width: 128px;
    height: 128px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none
}

.vault-view #vault-content #watchtower-dashboard .watchtower-loading .icon-container img.spinning-logins {
    animation: spin 4.8s infinite steps(64)
}

.vault-view #vault-content #watchtower-dashboard .watchtower-loading h3 {
    margin-top: 1rem;
    line-height: 1.3rem
}

.vault-view #vault-content #watchtower-dashboard .content {
    margin: 0 auto;
    max-width: 800px
}

.vault-view #vault-content #watchtower-dashboard .content .alert-banner {
    display: flex;
    background-color: #c94e31;
    color: #fff;
    padding: .8rem .6rem;
    margin-bottom: 1rem;
    cursor: pointer;
    border-radius: 6px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.vault-view #vault-content #watchtower-dashboard .content .alert-banner img {
    width: 18px;
    margin: 0 .8rem 0 .3rem;
    align-self: center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none
}

.vault-view #vault-content #watchtower-dashboard .content .alert-banner div {
    flex-grow: 1
}

.vault-view #vault-content #watchtower-dashboard .content .alert-banner div strong,
.vault-view #vault-content #watchtower-dashboard .content .alert-banner div span {
    display: block
}

.vault-view #vault-content #watchtower-dashboard .content .alert-banner svg {
    fill: #fff;
    align-self: center;
    margin: 0 .3rem 0 .8rem
}

.vault-view #vault-content #watchtower-dashboard .content .card-container {
    display: flex;
    flex-wrap: wrap;
    margin-top: -1rem;
    margin-left: -1rem
}

.vault-view #vault-content #watchtower-dashboard .content .card-container .card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #fff;
    border: 1px solid #d7d9e0;
    min-height: 188px;
    margin-top: 1rem;
    margin-left: 1rem;
    width: calc(33.3% - 1rem);
    box-sizing: border-box;
    border-radius: 8px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.strength {
    width: calc(100% - 288px - 2rem)
}

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.strength.full-width {
    width: 100%
}

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.strength h3 {
    margin-top: .5rem
}

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.strength .graph {
    display: flex;
    width: 100%;
    height: 55px;
    margin-top: 1.2rem
}

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.strength .graph div {
    display: inline-block;
    height: 55px;
    margin-left: 2px
}

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.strength .graph div:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    margin-left: 0
}

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.strength .graph div:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.strength .graph div.excellent {
    background-color: #52d400
}

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.strength .graph div.good {
    background-color: #bce736
}

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.strength .graph div.weak {
    background-color: #feaf06
}

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.strength .graph div.terrible {
    background-color: #fa4d2e
}

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.strength .graph div.empty {
    border: 1px solid #d7d9e0;
    width: 100%
}

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.strength .labels {
    margin-top: 1.3rem;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.strength .labels .label {
    display: inline-block;
    margin-right: .8rem
}

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.strength .labels .label div {
    display: inline-block;
    font-weight: 600;
    margin-bottom: .4rem
}

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.strength .labels .label div.count {
    margin-right: .3rem;
    padding: .2rem .4rem;
    color: #fff;
    min-width: 2.2rem;
    text-align: center;
    border-radius: 6px
}

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.strength .labels .label div.count.excellent {
    background-color: #52d400
}

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.strength .labels .label div.count.good {
    background-color: #bce736
}

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.strength .labels .label div.count.weak {
    background-color: #feaf06
}

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.strength .labels .label div.count.terrible {
    background-color: #fa4d2e
}

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.strength .labels .label div.text {
    text-transform: uppercase
}

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.score {
    width: 288px;
    overflow: hidden;
    justify-content: flex-end
}

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.score .card-content {
    height: 188px
}

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.score .graph {
    margin: auto;
    padding: 40px;
    height: 160px;
    width: 160px;
    border-radius: 50%;
    box-sizing: content-box
}

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.score .graph.red {
    background-image: linear-gradient(0deg, #fa4d2e 0%, #feaf06 100%)
}

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.score .graph.red svg {
    fill: #feaf06
}

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.score .graph.yellow {
    background-image: linear-gradient(0deg, #fe8104 0%, #ffeb42 100%)
}

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.score .graph.yellow svg {
    fill: #ffeb42
}

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.score .graph.green-yellow {
    background-image: linear-gradient(0deg, #feaf06 0%, #fede07 46%, #bce736 100%)
}

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.score .graph.green-yellow svg {
    fill: #bce736
}

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.score .graph.green {
    background-image: linear-gradient(0deg, #f7df0d 0%, #bce736 80%, #93e021 100%)
}

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.score .graph.green svg {
    fill: #93e021
}

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.score .graph.very-green {
    background-image: linear-gradient(0deg, #bce736 0%, #9ee227 26%, #5fd606 64%, #1fbf00 100%)
}

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.score .graph.very-green svg {
    fill: #1fbf00
}

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.score .graph .graph-inside {
    position: relative;
    background-color: #fff;
    border-radius: 50%;
    height: 100%;
    width: 100%;
    padding: 2.5rem 1.4rem;
    text-align: center
}

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.score .graph .graph-inside svg {
    position: absolute;
    top: 10px;
    right: 0;
    left: 0;
    margin: 0 auto
}

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.score .graph .graph-inside h3 {
    margin-top: 0
}

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.hibp-report,
.vault-view #vault-content #watchtower-dashboard .content .card-container .card.welcome {
    width: calc(66.6% - 1rem);
    margin-right: calc(33.3% - 1rem);
    min-height: 100px
}

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.welcome .card-content {
    display: flex
}

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.welcome .card-content .text {
    flex-grow: 1
}

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.welcome .card-content .icon {
    display: flex;
    align-items: center;
    margin-left: .5rem
}

.vault-view #vault-content #watchtower-dashboard .content .card-container .card.welcome .card-content .icon img {
    width: 94px;
    height: 52px
}

.vault-view #vault-content #watchtower-dashboard .content .card-container .card .card-content {
    padding: 1rem;
    cursor: default
}

.vault-view #vault-content #watchtower-dashboard .content .card-container .card .card-content h3,
.vault-view #vault-content #watchtower-dashboard .content .card-container .card .card-content h1 {
    color: #525c66
}

.vault-view #vault-content #watchtower-dashboard .content .card-container .card .card-content h1 {
    font-size: 3.3rem;
    line-height: 3.3rem;
    margin-top: .5rem
}

.vault-view #vault-content #watchtower-dashboard .content .card-container .card .card-content p {
    color: #707070;
    font-size: .9rem
}

.vault-view #vault-content #watchtower-dashboard .content .card-container .card .card-content a {
    -webkit-text-decoration: none;
    text-decoration: none
}

.vault-view #vault-content #watchtower-dashboard .content .card-container .card .card-content a:hover {
    color: #1060d1
}

.vault-view #vault-content #watchtower-dashboard .content .card-container .card>a {
    display: block;
    width: 100%;
    color: #0572ec;
    font-weight: 500;
    -webkit-text-decoration: none;
    text-decoration: none;
    padding: .6rem 1rem .7rem;
    border-top: 1px solid #d7d9e0
}

.vault-view #vault-content #watchtower-dashboard .content .card-container .card>a:hover {
    color: #1060d1
}

.vault-view #modal.watchtower-breach-report {
    width: 448px
}

.vault-view #modal.watchtower-breach-report main.content-box h3 {
    margin-top: 1.2rem
}

.vault-view #modal.watchtower-breach-report main.content-box a {
    -webkit-text-decoration: none;
    text-decoration: none
}

.vault-view #modal.watchtower-breach-report main.content-box a:hover {
    color: #1060d1
}

.vault-view #modal.watchtower-breach-report main.content-box .box h3 {
    margin-top: 0
}

.vault-view #modal.watchtower-breach-report main.content-box .box p {
    font-size: .9rem !important;
    margin-top: .4rem !important
}

.vault-view #modal.watchtower-breach-report main.content-box ul {
    list-style-type: none
}

.vault-view #modal.watchtower-breach-report main.content-box ul li:not(:first-child) {
    margin-top: .9rem
}

.vault-view #modal.watchtower-breach-report main.content-box ul li .site-info {
    display: flex;
    margin-bottom: .5rem;
    cursor: default
}

.vault-view #modal.watchtower-breach-report main.content-box ul li .site-info.clickable {
    cursor: pointer
}

.vault-view #modal.watchtower-breach-report main.content-box ul li .site-info:hover .action span {
    color: #0572ec
}

.vault-view #modal.watchtower-breach-report main.content-box ul li .site-info:hover .action svg {
    fill: #0572ec
}

.vault-view #modal.watchtower-breach-report main.content-box ul li .site-info .icon {
    position: relative;
    margin-right: .8rem;
    margin-top: 1px
}

.vault-view #modal.watchtower-breach-report main.content-box ul li .site-info .icon .site-icon {
    width: 32px;
    height: 32px
}

.vault-view #modal.watchtower-breach-report main.content-box ul li .site-info .icon .site-icon[src^="https://c.1password.com/richicons/"] {
    border: 1px solid #e4e6e7;
    border-radius: 6px
}

.vault-view #modal.watchtower-breach-report main.content-box ul li .site-info .icon .badge-icon {
    position: absolute;
    right: -7px;
    bottom: -1px;
    width: 18px;
    height: 16px
}

.vault-view #modal.watchtower-breach-report main.content-box ul li .site-info .icon .badge-icon.no-action {
    width: 16px;
    right: -6px
}

.vault-view #modal.watchtower-breach-report main.content-box ul li .site-info .icon img {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none
}

.vault-view #modal.watchtower-breach-report main.content-box ul li .site-info .name {
    flex-grow: 1
}

.vault-view #modal.watchtower-breach-report main.content-box ul li .site-info .name span {
    color: #707070;
    font-size: .9rem
}

.vault-view #modal.watchtower-breach-report main.content-box ul li .site-info .action {
    display: flex;
    align-items: center
}

.vault-view #modal.watchtower-breach-report main.content-box ul li .site-info .action span {
    color: #8fa1b3;
    font-weight: 600;
    font-size: .9rem;
    margin-right: .2rem
}

.vault-view #modal.watchtower-breach-report main.content-box ul li .breach-details {
    font-size: .9rem
}

.vault-view #modal.watchtower-breach-report main.content-box ul li .breach-details strong {
    margin-bottom: 0
}

.vault-view #modal.watchtower-breach-report main.content-box ul li .breach-details div:not(:first-child) {
    margin-top: .2rem
}

.vault-view #modal.watchtower-breach-report main.content-box hr {
    margin: 1rem 0;
    background-color: #d7d9e0
}

.vault-view #modal.watchtower-breach-report main.content-box em {
    font-style: italic
}

.switch {
    display: inline-block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.switch.disabled {
    opacity: .3;
    cursor: not-allowed
}

.switch input {
    opacity: 0;
    position: absolute
}

.switch input+span {
    position: relative;
    display: inline-block;
    width: 1.65em;
    min-width: 1.65em;
    height: 1em;
    background: #fff;
    box-shadow: inset 0 0 0 .0625em #e9e9e9;
    border-radius: .5em;
    vertical-align: -0.15em;
    transition: all .4s cubic-bezier(0.17, 0.67, 0.43, 0.98)
}

.switch input+span::after {
    position: absolute;
    display: block;
    content: "";
    width: .875em;
    height: .875em;
    border-radius: .4375em;
    top: .0625em;
    left: .0625em;
    background: #fff;
    box-shadow: inset 0 0 0 .03em rgba(0, 0, 0, .1), 0 0 .05em rgba(0, 0, 0, .05), 0 .1em .2em rgba(0, 0, 0, .2);
    transition: all .25s ease-out
}

.switch input:checked+span {
    box-shadow: inset 0 0 0 .73em #1a8cff
}

.switch input:checked+span::after {
    left: .7125em
}

.switch:active input+span,
.switch input+span:active {
    box-shadow: inset 0 0 0 .73em #e9e9e9
}

.switch:active input+span::after,
.switch input+span:active::after {
    width: 1.15em
}

.switch:active input:checked+span::after,
.switch input:checked+span:active::after {
    left: .4375em
}

[data-focus-visible] .switch input:focus+span {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

[data-focus-visible] .switch input:focus:checked+span {
    box-shadow: inset 0 0 0 .73em #1a8cff, 0 0 0 3px rgba(0, 128, 255, .3)
}

.switch:hover input:focus+span {
    box-shadow: inset 0 0 0 .0625em #e9e9e9
}

.switch:hover input:focus:checked+span {
    box-shadow: inset 0 0 0 .73em #1a8cff
}

.get-the-apps {
    display: flex;
    flex-direction: column
}

.get-the-apps section {
    display: flex;
    flex-direction: column;
    padding: 30px 0;
    border-top: 1px solid #cbcccd
}

.get-the-apps section:first-child {
    padding-top: 20px;
    border: none
}

@media only screen and (min-width: 750px) {
    .get-the-apps section {
        flex-direction: row
    }
}

.get-the-apps .new-button {
    display: block;
    margin-top: 10px
}

.get-the-apps h2 {
    color: #707070;
    font-size: .875rem;
    font-weight: 500
}

.get-the-apps h3 {
    margin: 0;
    color: #333;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.8rem
}

.get-the-apps p {
    max-width: 450px
}

.get-the-apps .content-left {
    display: flex;
    justify-content: center;
    margin-bottom: 20px
}

@media only screen and (min-width: 750px) {
    .get-the-apps .content-left {
        align-items: flex-start;
        flex-basis: 23%
    }
}

.get-the-apps .content-right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 0 auto
}

@media only screen and (min-width: 750px) {
    .get-the-apps .content-right {
        margin-left: 50px
    }
}

.get-the-apps .download-app ul {
    margin-top: 20px;
    list-style-type: none;
    font-size: .9rem
}

.get-the-apps .download-app ul li {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px
}

.get-the-apps .download-app ul li:last-child {
    margin-bottom: 0
}

.get-the-apps .download-app ul li a {
    -webkit-text-decoration: none;
    text-decoration: none
}

.get-the-apps .download-app ul li a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.get-the-apps .download-app ul li span {
    color: #707070;
    flex-basis: 100%;
    padding-left: 30px
}

@media only screen and (min-width: 850px) {
    .get-the-apps .download-app ul li span {
        padding-left: 0;
        flex-basis: auto
    }
}

.get-the-apps .download-app ul li>* {
    margin-right: 12px
}

.get-the-apps .icon {
    width: 18px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.get-the-apps .icon.mac {
    background-image: url(../images/mac.svg)
}

.get-the-apps .icon.windows {
    background-image: url(../images/windows.svg)
}

.get-the-apps .icon.linux {
    background-image: url(../images/linux-logo.svg)
}

.get-the-apps .icon.ios {
    background-image: url(../images/ios.svg)
}

.get-the-apps .icon.android {
    background-image: url(../images/android.svg)
}

.get-the-apps .icon.brave {
    background-image: url(../images/device-list-brave.svg)
}

.get-the-apps .icon.chrome {
    background-image: url(../images/device-list-chrome-v2.svg)
}

.get-the-apps .icon.edge {
    background-image: url(../images/device-list-edge-v2.svg)
}

.get-the-apps .icon.firefox {
    background-image: url(../images/device-list-firefox.svg)
}

.get-the-apps .icon.safari {
    background-image: url(../images/device-list-safari.svg)
}

.get-the-apps .actions {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    margin-left: -10px
}

.get-the-apps .actions .action {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1 1 auto;
    max-width: 215px;
    margin: 20px 0 0 10px;
    font-size: .9rem;
    text-align: center
}

.get-the-apps .actions .action .new-button {
    margin: 10px auto 0
}

@media only screen and (min-width: 850px) {
    .get-the-apps .actions {
        flex-direction: row;
        align-items: stretch
    }
}

.signin-details h2 {
    text-transform: uppercase;
    font-size: .8rem;
    color: #707070
}

.signin-details .copy-box {
    margin: 5px 0;
    padding: 5px;
    position: relative;
    display: flex;
    align-items: center;
    border: 1px dashed #cbcccd;
    border-radius: 6px;
    min-height: 36px
}

.signin-details .copy-box span {
    vertical-align: middle
}

.signin-details .copy-box span:not(.secret-key) {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.signin-details .copy-box span.secret-key {
    font-family: "Source Code Pro", "Menlo", "Monaco", "Andale Mono", "Anonymous Pro", "PT Mono", monospace;
    letter-spacing: normal;
    line-height: 1.4rem
}

.signin-details .copy-box .show-on-focus {
    opacity: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

[data-focus-visible] .signin-details .copy-box:focus-within,
[data-focus-visible] .signin-details .copy-box:focus {
    cursor: pointer
}

[data-focus-visible] .signin-details .copy-box:focus-within .show-on-focus,
[data-focus-visible] .signin-details .copy-box:focus .show-on-focus {
    opacity: 1
}

.signin-details .copy-box:hover {
    cursor: pointer
}

.signin-details .copy-box:hover .show-on-focus {
    opacity: 1
}

.signin-details .copy-box:last-of-type {
    margin-bottom: 20px
}

.signin-details .copy-box.revealed {
    flex-wrap: wrap;
    justify-content: flex-end
}

.signin-details .copy-box.revealed .secret-key {
    flex-basis: 100%
}

.signin-details .copy-box .copy-box-button {
    vertical-align: middle;
    display: inline-block;
    margin: 2px;
    border: 1px solid #cbcccd;
    border-radius: 5px;
    padding: 2px 4px;
    -webkit-text-decoration: none;
    text-decoration: none;
    color: #333;
    word-break: normal;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    flex: 0 0 auto;
    min-width: 3.5rem
}

.signin-details .copy-box .copy-box-button:hover {
    background-color: #fff
}

.signin-details .copy-box .copy-box-button:active {
    background-color: #cbcccd;
    border-color: #999
}

.signin-details .copy-box .copy-buttons {
    position: absolute;
    right: 4px
}

.qr-code-container {
    -webkit-text-decoration: none;
    text-decoration: none
}

.qr-code-container .qr-code {
    position: relative;
    text-align: center;
    padding: 15px;
    border: 1px solid #999;
    border-radius: 7px
}

.qr-code-container .qr-code img {
    width: 130px;
    height: 130px
}

.qr-code-container .wrapper {
    text-align: center;
    width: 162px
}

.qr-code-container .wrapper.qr-code-description {
    margin: 0 auto -10px;
    position: relative;
    z-index: 1
}

.qr-code-container .wrapper.qr-code-description h2 {
    display: inline-block;
    padding: 0 4px;
    background-color: var(--knox-background-neutral);
    font-size: .7rem;
    color: #707070;
    text-transform: uppercase
}

.qr-code-container .wrapper.qr-code-toggle {
    margin: -10px auto 0;
    position: relative;
    z-index: 1
}

.qr-code-container .wrapper.qr-code-toggle .new-button {
    padding: 3px 10px;
    box-shadow: none;
    position: static;
    position: initial;
    margin: 0 auto
}

@media only screen and (min-width: 750px) {
    .qr-code-container .qr-code-toggle {
        position: absolute
    }
}

.qr-code-container.obscured:hover .new-button {
    background-color: #1060d1
}

.mycelium-qr-code-container {
    -webkit-text-decoration: none;
    text-decoration: none
}

.mycelium-qr-code-container .qr-code {
    position: relative;
    text-align: left;
    padding: 15px 0
}

.mycelium-qr-code-container .qr-code img {
    width: 170px;
    height: 170px;
    border-radius: 7px
}

.mycelium-qr-code-container .qr-code img.spinner {
    width: 100px;
    height: 100px;
    margin-left: 50px
}

.mycelium-qr-code-container .qr-code .description {
    float: left;
    width: calc(100% - 170px - 40px);
    margin-right: 35px
}

.mycelium-qr-code-container .qr-code .description h2 {
    font-weight: bold;
    font-size: 1.2rem;
    padding-bottom: 5px
}

.mycelium-qr-code-container .qr-code .description ol {
    list-style: auto;
    margin-left: 15px
}

.mycelium-qr-code-container .wrapper {
    text-align: center;
    width: 162px
}

.mycelium-qr-code-container .wrapper.qr-code-description {
    margin: 0 auto -10px;
    position: relative;
    z-index: 1
}

.mycelium-qr-code-container .wrapper.qr-code-description h2 {
    display: inline-block;
    padding: 0 4px;
    font-size: .7rem;
    color: #707070;
    text-transform: uppercase
}

.mycelium-qr-code-container .wrapper.qr-code-toggle {
    margin: -10px auto 0;
    position: relative;
    z-index: 1
}

.mycelium-qr-code-container .wrapper.qr-code-toggle .new-button {
    padding: 3px 10px;
    box-shadow: none;
    position: static;
    position: initial;
    margin: 0 auto
}

@media only screen and (min-width: 750px) {
    .mycelium-qr-code-container .qr-code-toggle {
        position: absolute
    }
}

.mycelium-qr-code-container.obscured:hover .new-button {
    background-color: #1060d1
}

.pika-single {
    z-index: 9999;
    display: block !important;
    position: relative !important;
    color: #333;
    background: #fff;
    border: 1px solid #cbcccd !important;
    border-bottom-color: #999 !important;
    margin-left: 1px;
    padding: 0 !important;
    border-radius: 5px
}

.pika-single.is-hidden {
    display: none !important
}

.pika-single.is-bound {
    position: absolute !important;
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, .5)
}

.account-view .pika-single {
    border: none !important
}

.account-view .pika-single .pika-lendar {
    float: none;
    width: 100%;
    margin: 0
}

.account-view .pika-single .pika-table {
    border: none !important;
    border-radius: 0 !important
}

.account-view .pika-single .pika-select {
    padding: 1px;
    height: auto
}

.account-view .pika-single tr,
.account-view .pika-single td,
.account-view .pika-single th {
    height: 25px !important;
    border: none !important;
    background-color: #fff
}


.pika-single::before,
.pika-single::after {
    content: " ";
    display: table
}

.pika-single::after {
    clear: both
}

.pika-lendar {
    float: left;
    width: 240px;
    margin: 8px
}

.pika-title {
    position: relative;
    text-align: center
}

.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    filter: alpha(opacity=0);
    opacity: 0
}

.pika-prev,

.pika-prev:hover,
.pika-next:hover {
    opacity: 1
}

.pika-prev.is-disabled,
.pika-next.is-disabled {
    cursor: default;
    opacity: .2
}

.pika-prev,

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
    margin: 0 !important
}

.pika-table th,
.pika-table td {
    width: 14.2857142857% !important;
    padding: 0 !important
}

.pika-table th {
    color: #707070 !important;
    font-size: .75rem;
    line-height: 25px;
    font-weight: 600 !important;
    text-align: center !important
}

.pika-table abbr {
    border-bottom: none
}

.pika-table .is-today .pika-button {
    font-weight: 600
}

.pika-table .is-selected .pika-button {
    background: #e4e6e7;
    border-radius: 3px
}

.pika-table .is-disabled .pika-button,
.pika-table .is-outside-current-month .pika-button {
    pointer-events: none;
    cursor: default;
    color: #707070;
    opacity: .3
}

.pika-button {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #707070;
    font-size: .75rem;
    line-height: 15px;
    text-align: right;
    background: #f6f7f8
}

.pika-button:hover {
    color: #fff;
    background: #0572ec !important;
    box-shadow: none;
    border-radius: 3px
}

aside#activity-log h2 {
    font-size: 1.25rem
}

aside#activity-log a {
    color: #333;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

aside#activity-log li {
    margin: 6px 0
}

aside#activity-log span.secondary {
    color: #707070
}

.activity-log-footer {
    margin-top: 10px;
    text-align: center
}

#modal.type-filter {
    width: 278px
}

#modal.type-filter .all-toggles {
    display: flex;
    justify-content: space-around;
    margin-bottom: .5rem
}

#modal.type-filter .all-toggles button {
    flex: 1;
    font-weight: 500;
    text-align: center;
    -webkit-text-decoration: none;
    text-decoration: none
}

#modal.type-filter .all-toggles button:hover {
    color: #1060d1
}

[data-focus-visible] #modal.type-filter .all-toggles button:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

#modal.type-filter input[type=checkbox] {
    position: relative;
    bottom: 4px
}

.report[data-focus-visible] button:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.report .centered {
    display: flex;
    align-items: center
}

.report .report-container {
    width: 100%
}

.report .report-older-csv {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #d7d9e0
}

.report .blue:not(.new-button) {
    color: #2673bf;
    stroke: #2673bf
}

.report .text-secondary {
    color: #707070;
    stroke: #707070
}

.report .dark-gray {
    color: #525c66;
    stroke: #525c66
}

.report .gray {
    color: #adc3d9;
    stroke: #adc3d9
}

.report .black {
    color: #333;
    stroke: #333
}

.report #content {
    border: 1px solid #d7d9e0
}

.report .actions {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-bottom: 1px solid #d7d9e0;
    padding: .5rem;
    min-height: 3.5rem
}

.report .actions .buttons {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.report .actions .buttons .action {
    width: 90%;
    margin: .25rem 0
}

.report .actions .action {
    color: #525c66;
    min-width: 6rem
}

.report .actions .has-icon svg {
    min-width: 16px
}

.report .actions .learn-more,
.report .actions .learn-more>svg {
    transition: all .25s ease
}

.report .actions .learn-more:hover {
    color: #525c66
}

.report .actions .learn-more:hover svg {
    fill: #525c66
}

@media only screen and (min-width: 600px) {
    .report .actions {
        flex-direction: row;
        justify-content: space-between
    }

    .report .actions .buttons {
        width: auto;
        flex-direction: row
    }

    .report .actions .buttons .action {
        width: auto;
        margin-left: .5rem;
        margin-bottom: 0
    }
}

.report .report-detail {
    background-color: #fff;
    padding: 3rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%
}

.report .report-detail.outdated-devices-report .half-section {
    flex-basis: calc(50% - 1.5rem) !important
}

.report .report-detail.outdated-devices-report #subject-info,
.report .report-detail.outdated-devices-report .enforcement {
    margin-bottom: 2rem !important
}

.report .report-detail .header {
    display: none
}

.report .report-detail .dummy-section {
    display: none
}

@media only screen and (min-width: 925px) {
    .report .report-detail .dummy-section {
        display: inherit
    }
}

.report .report-detail .half-section,
.report .report-detail .section {
    font-weight: 500;
    width: 100%;
    margin-bottom: 1.5rem;
    overflow-x: auto;
    overflow-y: hidden
}

.report .report-detail .half-section:last-child,
.report .report-detail .section:last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 925px) {

    .report .report-detail .half-section.half-section:nth-child(odd),
    .report .report-detail .section.half-section:nth-child(odd) {
        flex-basis: 45%
    }

    .report .report-detail .half-section.half-section:nth-child(even),
    .report .report-detail .section.half-section:nth-child(even) {
        flex-basis: 40%
    }

    .report .report-detail .half-section.half-section.big-numbers,
    .report .report-detail .section.half-section.big-numbers {
        flex-basis: 100%
    }
}

.report .report-detail .half-section#subject-info,
.report .report-detail .section#subject-info {
    margin-bottom: 1rem
}

.report .report-detail .half-section .section-title,
.report .report-detail .section .section-title {
    margin-bottom: .8rem;
    font-size: .85rem;
    font-weight: 700;
    line-height: .85rem;
    text-transform: uppercase;
    padding-bottom: .5rem;
    border-bottom: 1px solid #d7d9e0
}

.report .report-detail .half-section .overview-section-title,
.report .report-detail .section .overview-section-title {
    margin-bottom: .8rem;
    margin-top: 2rem;
    font-size: .85rem;
    font-weight: 700;
    line-height: .85rem;
    text-transform: uppercase;
    padding-bottom: .5rem;
    border-bottom: 1px solid #d7d9e0
}

.report .report-detail .oversized-text {
    font-weight: 400;
    line-height: 4rem;
    margin: 1rem 0 1rem -2px;
    font-size: 2rem;
    line-height: 1.5rem
}

@media only screen and (min-width: 600px) {
    .report .report-detail .oversized-text {
        font-size: 3rem;
        line-height: 2.5rem
    }
}

@media only screen and (min-width: 925px) {
    .report .report-detail .oversized-text {
        font-size: 4rem;
        line-height: 3.5rem
    }
}

@media only screen and (min-width: 925px) {
    .report .report-detail .big-numbers .oversized-text {
        font-size: 3rem;
        line-height: 3rem
    }
}

@media only screen and (min-width: 1200px) {
    .report .report-detail .big-numbers .oversized-text {
        font-size: 4rem;
        line-height: 3.5rem
    }
}

.report .report-detail .section.extended-data .data {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 10px 10px 0;
    margin-top: 10px
}

.report .report-detail .section.extended-data .bar-graph {
    height: 2px;
    background-color: #e4e6e7
}

.report .report-detail .section.extended-data .bar-graph>div {
    height: 2px;
    background-color: #2673bf
}

.report .report-detail .section.extended-data .value {
    font-size: 2rem;
    color: #2673bf
}

.report .report-detail .subject-detail {
    font-weight: normal
}

@media only screen and (min-width: 925px) {
    .report .report-detail .subject-detail {
        margin-top: 0
    }
}

.report .report-detail #subject-info .subject-name {
    margin-bottom: 0
}

.report .report-detail #subject-info .subject-subtitle {
    margin-top: 0;
    font-size: .8rem
}

@media only screen and (min-width: 600px) {
    .report .report-detail #subject-info .subject-subtitle {
        font-size: .9rem
    }
}

@media only screen and (min-width: 925px) {
    .report .report-detail #subject-info .subject-subtitle {
        font-size: 1rem
    }
}

.report .report-detail #subject-info .report-desc {
    margin-top: 1rem;
    font-size: 1.2em;
    line-height: 1.5rem
}

.report .report-detail #subject-info .report-desc.grey {
    color: #707070
}

.report .report-detail #subject-meta .detail:not(:last-child) {
    margin-bottom: 1rem
}

.report .report-detail .access-stats,
.report .report-detail .flex-row {
    width: 100%
}

@media only screen and (min-width: 925px) {

    .report .report-detail .access-stats,
    .report .report-detail .flex-row {
        display: flex
    }

    .report .report-detail .access-stats>*,
    .report .report-detail .flex-row>* {
        flex: 1 1 100%;
        margin-left: 20px
    }

    .report .report-detail .access-stats>*:first-child,
    .report .report-detail .flex-row>*:first-child {
        margin-left: 0
    }
}

.report .report-detail .access-stats-row {
    width: 100%
}

@media only screen and (min-width: 925px) {
    .report .report-detail .access-stats-row {
        display: flex;
        margin-top: 1rem;
        gap: 0 4rem
    }
}

.report .report-detail .access-stats .access-stat {
    font-weight: 500
}

.report .report-detail .access-stat-row {
    display: flex;
    flex-direction: column
}

.report .report-detail .access-stat-row>* {
    margin-top: 0;
    margin-top: initial;
    margin-bottom: 1vh
}

.report .report-detail .access-stat-row>*.access-number {
    margin-left: 0
}

.report .report-detail .stacked-bar-graph .color-1.item .color-box,
.report .report-detail .stacked-bar-graph .color-1.segment {
    background-color: #008bff;
    color: #008bff;
    font-size: .8rem
}

.report .report-detail .stacked-bar-graph .color-1.item.highlight {
    background-color: rgba(0, 139, 255, .2)
}

.report .report-detail .stacked-bar-graph .color-1.segment.highlight {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .9), 0 0 0 2px #008bff, 0 3px 4px 0 rgba(0, 0, 0, .25)
}

.report .report-detail .stacked-bar-graph .color-2.item .color-box,
.report .report-detail .stacked-bar-graph .color-2.segment {
    background-color: #9a8df5;
    color: #9a8df5;
    font-size: .8rem
}

.report .report-detail .stacked-bar-graph .color-2.item.highlight {
    background-color: rgba(154, 141, 245, .2)
}

.report .report-detail .stacked-bar-graph .color-2.segment.highlight {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .9), 0 0 0 2px #9a8df5, 0 3px 4px 0 rgba(0, 0, 0, .25)
}

.report .report-detail .stacked-bar-graph .color-3.item .color-box,
.report .report-detail .stacked-bar-graph .color-3.segment {
    background-color: #aeeb56;
    color: #aeeb56;
    font-size: .8rem
}

.report .report-detail .stacked-bar-graph .color-3.item.highlight {
    background-color: rgba(174, 235, 86, .2)
}

.report .report-detail .stacked-bar-graph .color-3.segment.highlight {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .9), 0 0 0 2px #aeeb56, 0 3px 4px 0 rgba(0, 0, 0, .25)
}

.report .report-detail .stacked-bar-graph .color-4.item .color-box,
.report .report-detail .stacked-bar-graph .color-4.segment {
    background-color: #ffd200;
    color: #ffd200;
    font-size: .8rem
}

.report .report-detail .stacked-bar-graph .color-4.item.highlight {
    background-color: rgba(255, 210, 0, .2)
}

.report .report-detail .stacked-bar-graph .color-4.segment.highlight {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .9), 0 0 0 2px #ffd200, 0 3px 4px 0 rgba(0, 0, 0, .25)
}

.report .report-detail .stacked-bar-graph .color-5.item .color-box,
.report .report-detail .stacked-bar-graph .color-5.segment {
    background-color: #ff957e;
    color: #ff957e;
    font-size: .8rem
}

.report .report-detail .stacked-bar-graph .color-5.item.highlight {
    background-color: rgba(255, 149, 126, .2)
}

.report .report-detail .stacked-bar-graph .color-5.segment.highlight {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .9), 0 0 0 2px #ff957e, 0 3px 4px 0 rgba(0, 0, 0, .25)
}

.report .report-detail .stacked-bar-graph .color-6.item .color-box,
.report .report-detail .stacked-bar-graph .color-6.segment {
    background-color: #c7ced6;
    color: #c7ced6;
    font-size: .8rem
}

.report .report-detail .stacked-bar-graph .color-6.item.highlight {
    background-color: rgba(199, 206, 214, .2)
}

.report .report-detail .stacked-bar-graph .color-6.segment.highlight {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .9), 0 0 0 2px #c7ced6, 0 3px 4px 0 rgba(0, 0, 0, .25)
}

.report .report-detail .stacked-bar-graph .color-7.item .color-box,
.report .report-detail .stacked-bar-graph .color-7.segment {
    background-color: #68bcff;
    color: #68bcff;
    font-size: .8rem
}

.report .report-detail .stacked-bar-graph .color-7.item.highlight {
    background-color: rgba(104, 188, 255, .2)
}

.report .report-detail .stacked-bar-graph .color-7.segment.highlight {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .9), 0 0 0 2px #68bcff, 0 3px 4px 0 rgba(0, 0, 0, .25)
}

.report .report-detail .stacked-bar-graph .color-8.item .color-box,
.report .report-detail .stacked-bar-graph .color-8.segment {
    background-color: #d370f3;
    color: #d370f3;
    font-size: .8rem
}

.report .report-detail .stacked-bar-graph .color-8.item.highlight {
    background-color: rgba(211, 112, 243, .2)
}

.report .report-detail .stacked-bar-graph .color-8.segment.highlight {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .9), 0 0 0 2px #d370f3, 0 3px 4px 0 rgba(0, 0, 0, .25)
}

.report .report-detail .stacked-bar-graph .color-9.item .color-box,
.report .report-detail .stacked-bar-graph .color-9.segment {
    background-color: #00b91d;
    color: #00b91d;
    font-size: .8rem
}

.report .report-detail .stacked-bar-graph .color-9.item.highlight {
    background-color: rgba(0, 185, 29, .2)
}

.report .report-detail .stacked-bar-graph .color-9.segment.highlight {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .9), 0 0 0 2px #00b91d, 0 3px 4px 0 rgba(0, 0, 0, .25)
}

.report .report-detail .stacked-bar-graph .color-10.item .color-box,
.report .report-detail .stacked-bar-graph .color-10.segment {
    background-color: #c08275;
    color: #c08275;
    font-size: .8rem
}

.report .report-detail .stacked-bar-graph .color-10.item.highlight {
    background-color: rgba(192, 130, 117, .2)
}

.report .report-detail .stacked-bar-graph .color-10.segment.highlight {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .9), 0 0 0 2px #c08275, 0 3px 4px 0 rgba(0, 0, 0, .25)
}

.report .report-detail .stacked-bar-graph .color-11.item .color-box,
.report .report-detail .stacked-bar-graph .color-11.segment {
    background-color: #8e9eac;
    color: #8e9eac;
    font-size: .8rem
}

.report .report-detail .stacked-bar-graph .color-11.item.highlight {
    background-color: rgba(142, 158, 172, .2)
}

.report .report-detail .stacked-bar-graph .color-11.segment.highlight {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .9), 0 0 0 2px #8e9eac, 0 3px 4px 0 rgba(0, 0, 0, .25)
}

.report .report-detail .stacked-bar-graph .color-12.item .color-box,
.report .report-detail .stacked-bar-graph .color-12.segment {
    background-color: #004c9e;
    color: #004c9e;
    font-size: .8rem
}

.report .report-detail .stacked-bar-graph .color-12.item.highlight {
    background-color: rgba(0, 76, 158, .2)
}

.report .report-detail .stacked-bar-graph .color-12.segment.highlight {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .9), 0 0 0 2px #004c9e, 0 3px 4px 0 rgba(0, 0, 0, .25)
}

.report .report-detail .stacked-bar-graph .color-13.item .color-box,
.report .report-detail .stacked-bar-graph .color-13.segment {
    background-color: #4ca47d;
    color: #4ca47d;
    font-size: .8rem
}

.report .report-detail .stacked-bar-graph .color-13.item.highlight {
    background-color: rgba(76, 164, 125, .2)
}

.report .report-detail .stacked-bar-graph .color-13.segment.highlight {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .9), 0 0 0 2px #4ca47d, 0 3px 4px 0 rgba(0, 0, 0, .25)
}

.report .report-detail .stacked-bar-graph .color-14.item .color-box,
.report .report-detail .stacked-bar-graph .color-14.segment {
    background-color: #f5d4b7;
    color: #f5d4b7;
    font-size: .8rem
}

.report .report-detail .stacked-bar-graph .color-14.item.highlight {
    background-color: rgba(245, 212, 183, .2)
}

.report .report-detail .stacked-bar-graph .color-14.segment.highlight {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .9), 0 0 0 2px #f5d4b7, 0 3px 4px 0 rgba(0, 0, 0, .25)
}

.report .report-detail .stacked-bar-graph .color-15.item .color-box,
.report .report-detail .stacked-bar-graph .color-15.segment {
    background-color: #151e27;
    color: #151e27;
    font-size: .8rem
}

.report .report-detail .stacked-bar-graph .color-15.item.highlight {
    background-color: rgba(21, 30, 39, .2)
}

.report .report-detail .stacked-bar-graph .color-15.segment.highlight {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .9), 0 0 0 2px #151e27, 0 3px 4px 0 rgba(0, 0, 0, .25)
}

.report .report-detail .stacked-bar-graph .color-16.item .color-box,
.report .report-detail .stacked-bar-graph .color-16.segment {
    background-color: #b6deff;
    color: #b6deff;
    font-size: .8rem
}

.report .report-detail .stacked-bar-graph .color-16.item.highlight {
    background-color: rgba(182, 222, 255, .2)
}

.report .report-detail .stacked-bar-graph .color-16.segment.highlight {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .9), 0 0 0 2px #b6deff, 0 3px 4px 0 rgba(0, 0, 0, .25)
}

.report .report-detail .stacked-bar-graph .color-17.item .color-box,
.report .report-detail .stacked-bar-graph .color-17.segment {
    background-color: #485c99;
    color: #485c99;
    font-size: .8rem
}

.report .report-detail .stacked-bar-graph .color-17.item.highlight {
    background-color: rgba(72, 92, 153, .2)
}

.report .report-detail .stacked-bar-graph .color-17.segment.highlight {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .9), 0 0 0 2px #485c99, 0 3px 4px 0 rgba(0, 0, 0, .25)
}

.report .report-detail .stacked-bar-graph .color-18.item .color-box,
.report .report-detail .stacked-bar-graph .color-18.segment {
    background-color: #fe9100;
    color: #fe9100;
    font-size: .8rem
}

.report .report-detail .stacked-bar-graph .color-18.item.highlight {
    background-color: rgba(254, 145, 0, .2)
}

.report .report-detail .stacked-bar-graph .color-18.segment.highlight {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .9), 0 0 0 2px #fe9100, 0 3px 4px 0 rgba(0, 0, 0, .25)
}

.report .report-detail .stacked-bar-graph .color-19.item .color-box,
.report .report-detail .stacked-bar-graph .color-19.segment {
    background-color: #d4dbe4;
    color: #d4dbe4;
    font-size: .8rem
}

.report .report-detail .stacked-bar-graph .color-19.item.highlight {
    background-color: rgba(212, 219, 228, .2)
}

.report .report-detail .stacked-bar-graph .color-19.segment.highlight {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .9), 0 0 0 2px #d4dbe4, 0 3px 4px 0 rgba(0, 0, 0, .25)
}

.report .report-detail .stacked-bar-graph .empty {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    text-align: center;
    color: #707070;
    font-size: 1.1rem;
    font-weight: 300
}

.report .report-detail .stacked-bar-graph .bar,
.report .report-detail .stacked-bar-graph .legend {
    display: flex
}

.report .report-detail .stacked-bar-graph .legend {
    flex-wrap: wrap;
    margin: .8rem 0 .8rem -0.3rem
}

.report .report-detail .stacked-bar-graph .highlight {
    transition: all .2s ease-in-out;
    border-radius: 2px
}

.report .report-detail .stacked-bar-graph .item {
    display: flex;
    align-items: center;
    padding: .3rem
}

.report .report-detail .stacked-bar-graph .item .label {
    color: #525c66;
    vertical-align: middle;
    max-width: 10rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 1rem;
    cursor: default
}

.report .report-detail .stacked-bar-graph .item .color-box {
    width: 1rem;
    height: 1rem;
    border-radius: 2px;
    margin-right: .5rem
}

.report .report-detail .stacked-bar-graph .segment {
    height: 1rem;
    min-width: 2px;
    margin-right: 1px;
    cursor: default
}

.report .report-detail .stacked-bar-graph .segment:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.report .report-detail .stacked-bar-graph .segment:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.report .report-detail .stacked-bar-graph .usage-info {
    width: 100%;
    min-height: 1.5rem;
    margin-top: .5rem;
    color: #707070;
    font-size: 1rem;
    font-weight: 300;
    text-align: center
}

.report .report-table {
    margin-top: 0
}

.report .report-table tr {
    color: rgba(0, 0, 0, .55);
    font-weight: normal;
    white-space: nowrap
}

.report .report-table tr th.sort-selected.blue {
    color: #2673bf;
    stroke: #2673bf
}

.report .report-table tr th.sort-selected.historical-usage::after {
    right: 22px
}

.report .report-table tr td a {
    overflow: hidden;
    text-overflow: ellipsis
}

.report .report-table a {
    color: #0166cb
}

.report .report-table.item-usage .item-name,
.report .report-table.item-usage .user {
    width: 33%
}

.report .report-table.item-usage .item-name .wrapper,
.report .report-table.item-usage .user .wrapper {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center
}

.report .report-table.item-usage .item-name .wrapper .desc,
.report .report-table.item-usage .user .wrapper .desc {
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 32px
}

.report .report-table.item-usage .item-name .wrapper .desc>*,
.report .report-table.item-usage .user .wrapper .desc>* {
    width: 0;
    min-width: 100%;
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: normal
}

.report .report-table.item-usage th {
    color: #333
}

.report .report-table.item-usage .action {
    width: 15%
}

.report .report-table.item-usage .last-used-at {
    width: 25%
}

.report .report-table.item-usage .vault {
    width: 20%
}

.report .report-table.item-usage .historical-usage {
    text-overflow: initial;
    width: 1%
}

.report .report-table.item-usage .vault,
.report .report-table.item-usage .user {
    display: none
}

@media only screen and (min-width: 850px) {

    .report .report-table.item-usage .vault,
    .report .report-table.item-usage .user {
        display: table-cell
    }
}

.report .report-table.item-usage .item-type {
    display: none
}

@media only screen and (min-width: 1050px) {
    .report .report-table.item-usage .item-type {
        display: table-cell
    }
}

.report .report-table.item-usage .item-type img {
    position: relative;
    top: 2px
}

@media only screen and (min-width: 600px) {
    .report .report-table.item-usage .last-used-at {
        display: table-cell
    }
}

.report .report-table.team-members table {
    table-layout: fixed;
    max-width: 100%
}

.report .report-table.team-members tr td {
    text-align: left
}

.report .report-table.team-members tr td.user {
    width: 40%;
    text-align: left
}

.report .report-table.team-members tr td.user a {
    line-height: 32px
}

.report .report-table.team-members tr td.last-login {
    width: 25%;
    text-align: left
}

.report .report-table.team-members tr td.devices,
.report .report-table.team-members tr td.personal-items {
    width: 10%
}

.report .report-table.team-members tr td.has-mfa,
.report .report-table.team-members tr td.has-linked-account {
    text-align: center;
    padding-right: 38px;
    width: 5%
}

.report .report-table.team-members .user .wrapper .desc {
    display: flex;
    flex-direction: column
}

.report .report-table.team-members .user .wrapper .desc a:not(:only-child) {
    line-height: 16px
}

.report .report-table.team-members .member-name {
    width: 25%
}

.report .report-table.team-members .last-login {
    width: 23%
}

@media only screen and (min-width: 600px) {
    .report .report-table.team-members .last-login {
        display: table-cell
    }
}

.report .report-table.team-members .has-mfa,
.report .report-table.team-members .has-linked-account {
    display: none
}

@media only screen and (min-width: 1050px) {

    .report .report-table.team-members .has-mfa,
    .report .report-table.team-members .has-linked-account {
        display: table-cell
    }
}

.report .report-table.team-members .personal-items,
.report .report-table.team-members .devices {
    display: none
}

@media only screen and (min-width: 850px) {

    .report .report-table.team-members .personal-items,
    .report .report-table.team-members .devices {
        display: table-cell;
        width: 11%
    }
}

.report .report-table.team-members .personal-items {
    width: 16%
}

.report .report-table.team-members .has-mfa {
    width: 8%
}

.report .report-table.outdated-devices th {
    color: #333
}

.report .report-table.outdated-devices td {
    max-width: none
}

.report .report-table.outdated-devices td.user {
    vertical-align: top;
    padding-top: 5px
}

.report .report-table.outdated-devices td.user a {
    line-height: 32px
}

.report .report-table.outdated-devices td.user .desc {
    display: inline-block
}

.report .report-table .historical-usage {
    text-align: center
}

.report .report-table .historical-usage .hover-tooltip {
    display: none;
    border-radius: 6px;
    border: 1px solid #d7d9e0;
    background-color: #fff;
    padding: .5rem;
    width: 13rem;
    white-space: normal;
    color: #525c66;
    font-weight: 500
}

.report .report-table .historical-usage .hover-tooltip::before {
    position: absolute;
    content: "";
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    filter: drop-shadow(0 -1px 0 rgba(0, 0, 0, 0.15))
}

.report .report-table .historical-usage:hover *+.hover-tooltip {
    display: inline;
    display: initial;
    position: absolute;
    z-index: 9999;
    transform: translate(-10rem, 1.5rem)
}

.report .report-table .historical-usage:hover *+.hover-tooltip::before {
    top: -9px;
    left: 66%
}

@media only screen and (min-width: 750px) {
    .report .report-table .historical-usage:hover *+.hover-tooltip {
        transform: translate(-7.2rem, 1.5rem)
    }

    .report .report-table .historical-usage:hover *+.hover-tooltip::before {
        left: calc(50% - 10px - 2px)
    }
}

.report .report-spinner {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 4rem 0 2rem
}

.report .report-footer {
    width: 100%;
    text-align: center
}

#filter-cards {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: .5rem
}

@media only screen and (min-width: 750px) {
    #filter-cards #user-status-filter {
        max-width: 28.8rem
    }
}

#filter-cards>* {
    height: 4rem;
    flex-basis: 100%
}

#filter-cards>*:not(:last-child) {
    margin-bottom: .3rem
}

@media only screen and (min-width: 750px) {
    #filter-cards>* {
        flex-basis: inherit;
        margin-bottom: 0;
        margin-right: 0;
        min-width: 12rem;
        max-width: 18rem
    }

    #filter-cards>*:not(:last-child) {
        margin-bottom: .3rem;
        margin-right: .3rem
    }
}

#filter-cards .menu-container button {
    width: 100%
}

#filter-cards .menu-container .dropdown-item {
    min-height: 50px
}

#filter-cards .menu-container .active {
    width: 100%;
    max-height: calc(50px * 5.5);
    overflow: auto;
    padding: 3px
}

#filter-cards .menu-container .active a,
#filter-cards .menu-container .active .filter-button {
    text-align: left
}

@media only screen and (min-width: 750px) {
    #filter-cards .menu-container {
        flex-basis: inherit;
        margin-right: .3rem;
        min-width: 12rem
    }

    #filter-cards .menu-container .dropdown-item {
        min-height: 50px;
        text-align: left;
        line-height: 24px
    }

    #filter-cards .menu-container .dropdown-item.selected {
        color: #2673bf;
        stroke: #2673bf
    }

    #filter-cards .menu-container .dropdown-item:hover {
        color: #0572ec;
        background-color: #f6f7fb
    }

    #filter-cards .menu-container .dropdown-item:hover.selected {
        color: #2673bf;
        stroke: #2673bf
    }
}

#filter-cards #vault-filter .vault-option,
#filter-cards #user-filter .user-option {
    display: flex;
    align-items: center;
    white-space: nowrap
}

#filter-cards #vault-filter .vault-option .avatar,
#filter-cards #user-filter .user-option .avatar {
    margin-right: .5rem;
    min-width: 24px
}

.dropdown-item-text {
    display: flex;
    gap: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 0
}

@media print {
    body {
        overflow: visible
    }

    .report #unlocked-app>:not(#main-content) {
        display: none
    }

    .report #unlocked-app #main-content {
        display: block;
        position: static;
        position: initial;
        margin: 0;
        padding: 0;
        width: 100%;
        overflow: auto;
        background-color: #fcfcfc
    }

    .report #unlocked-app #main-content>:not(.centered) {
        display: none
    }

    .report #unlocked-app #main-content .centered>:not(.report-container) {
        display: none
    }

    .report #unlocked-app #main-content .centered .report-container {
        margin: 0;
        padding: 0;
        border: 0
    }

    .report #unlocked-app #main-content .centered .report-container>:not(#content) {
        display: none
    }

    .report #unlocked-app #main-content .centered .report-container #content>:not(.report-detail) {
        display: none
    }

    .report #unlocked-app #main-content .centered .report-container #content .report-detail {
        margin-top: 1rem;
        padding-top: 0
    }

    .report #unlocked-app #main-content .centered .report-container #content .report-detail .header {
        display: block;
        color: #e4e6e7;
        text-align: center;
        font-size: .9rem;
        margin-bottom: 1rem;
        width: 100%
    }

    .report #unlocked-app #main-content .centered .report-container #content .report-detail .half-section:nth-child(odd) {
        flex-basis: 45%
    }

    .report #unlocked-app #main-content .centered .report-container #content .report-detail .half-section:nth-child(even) {
        flex-basis: 40%
    }

    .report #unlocked-app #main-content .centered .report-container #content .report-detail .half-section.big-numbers {
        flex-basis: 100%
    }

    .report #unlocked-app #main-content .centered .report-container #content .report-detail .access-stats {
        width: 100%;
        display: flex
    }

    .report #unlocked-app #main-content .centered .report-container #content .report-detail .access-stats>* {
        flex: 1 1 100%;
        margin-left: 20px
    }

    .report #unlocked-app #main-content .centered .report-container #content .report-detail .access-stats>*:first-child {
        margin-left: 0
    }

    .report #unlocked-app #main-content .centered .report-container #content .report-detail .dummy-section {
        display: inherit
    }

    .report #unlocked-app #main-content .centered .report-container #content .report-detail .big-numbers .oversized-text {
        font-size: 3.4rem;
        line-height: 3.4rem
    }

    .report #unlocked-app #main-content .centered .report-container #content .report-detail .oversized-text {
        font-size: 3.7rem;
        line-height: 3.7rem
    }

    .report #unlocked-app #main-content .centered .report-container .report-table table tr td,
    .report #unlocked-app #main-content .centered .report-container .report-table table tr th {
        display: table-cell
    }

    .account-view table th.sortable.sort-selected {
        position: static;
        position: initial
    }

    .account-view table th.sortable.sort-selected::after {
        content: none
    }

    .account-view table th.sortable.sort-selected:not(:first-child):not(:last-child) {
        border-width: 1px 0
    }

    .account-view table th.sortable.sort-selected:first-child {
        border-right-width: 0
    }

    .account-view table th.sortable.sort-selected:last-child {
        border-left-width: 0
    }
}

@page {
    size: auto;
    margin: 20px
}

#vaults-header {
    display: flex;
    width: 100%;
    border-bottom: 1px solid #d7d9e0;
    margin-bottom: 40px
}

#vaults-header .vaults-tab {
    font-weight: 400;
    position: relative;
    bottom: -2px;
    color: #454f5b;
    z-index: 2;
    margin: 0 15px 0 0;
    padding: 0 8px 20px;
    transition: .25s;
    border-bottom: 3px solid transparent;
    cursor: pointer
}

#vaults-header .vaults-tab.active {
    color: #198cff;
    border-color: #198cff;
    font-weight: 500
}

#report-options {
    display: flex;
    flex-direction: row
}

#report-options .card {
    margin: 0 10px;
    width: 300px;
    min-height: 250px;
    padding: 20px;
    border-radius: 6px;
    border: 1px solid #dadde6;
    cursor: pointer
}

#report-options .card:hover {
    box-shadow: 0 0 0 .1em #8dc2fd
}

#report-options .card h3 {
    color: #454f5b
}

#report-options .card p {
    margin-bottom: 10px;
    color: #757575
}

#report-options .card a {
    color: #2673bf;
    font-weight: 500
}

#report-options #content {
    margin: 0 auto
}

.vaults-report .report-detail {
    width: 100%
}

.vaults-report #report-overview {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%
}

.vaults-report #report-overview .big-numbers {
    flex-basis: 40%
}

.vaults-report #report-overview .subject-name {
    font-size: 3.5em;
    line-height: 1em;
    font-weight: 400;
    margin-bottom: 20px
}

.vaults-report #report-overview .desc-title {
    color: #707070
}

.vaults-report #report-overview .desc-title.blue {
    color: #2673bf
}

.vaults-report #report-overview .access-stats {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 10px 40px
}

.vaults-report #report-overview .access-stats .access-stat {
    min-width: 70px
}

.vaults-report #report-overview .access-stats:first-child {
    margin-left: 0
}

.vaults-report #report-overview .access-stats:last-child {
    margin-right: 0
}

.vaults-report #report-overview .access-stats p:first-child {
    color: #2673bf;
    font-size: 3.5em;
    margin-bottom: 20px
}

.vaults-report #report-overview .access-stats p:last-child {
    color: #707070;
    font-weight: 500
}

@media only screen and (min-width: 1100px) {
    .vaults-report #report-overview {
        flex-direction: row
    }
}

.vaults-report .vault-list {
    width: 100%
}

.watchtower-section {
    width: 100%
}

.watchtower-section .overview-container .section-title {
    margin-bottom: .8rem;
    font-size: .85rem;
    font-weight: 700;
    line-height: .85rem;
    text-transform: uppercase;
    padding-bottom: .5rem;
    border-bottom: 1px solid #d7d9e0
}

#watchtower-widgets {
    display: flex
}

.report-subject {
    margin-bottom: 32px;
    display: grid;
    grid-gap: 4px;
    gap: 4px
}

.report-subject .title-wrapper {
    display: flex;
    justify-content: space-between
}

.report-subject .report-subject-title {
    color: #333;
    font-size: 28px;
    font-weight: 600;
    line-height: 32.2px;
    padding-bottom: 4px
}

.report-subject .report-subject-description {
    color: rgba(0, 0, 0, .62);
    font-size: 12px;
    font-weight: 400;
    line-height: 14.4px
}

section.template-detail {
    max-width: 650px;
    margin: 30px auto 0;
    background-color: #f6f7f8;
    border: 1px solid #cbcccd;
    padding: 32px;
    border-radius: 10px
}

section.template-detail header {
    text-align: center
}

section.template-detail header h1 {
    margin-top: 8px
}

section.template-detail header #singular-name:-ms-input-placeholder,
section.template-detail header #plural-name:-ms-input-placeholder {
    color: var(--text-color-primary)
}

section.template-detail header #singular-name::placeholder,
section.template-detail header #plural-name::placeholder,
section.template-detail header input#plural-name {
    color: var(--text-color-primary)
}

section.template-detail header input#singular-name {
    width: 100%;
    font-size: 1.5rem;
    font-weight: 600;
    margin-top: 7px;
    text-align: center
}

section.template-detail header #plural-name:-ms-input-placeholder {
    color: var(--text-color-primary)
}

section.template-detail header #plural-name::placeholder {
    color: var(--text-color-primary)
}

section.template-detail header input#plural-name {
    width: 250px;
    text-align: center
}

section.template-detail section.buttons {
    margin-top: 20px
}

section.template-detail section.buttons .button-container {
    display: inline-block
}

section.template-detail section.buttons .button-container:not(:first-of-type) {
    float: right
}

section.template-detail section.buttons .button-container button {
    margin: 0
}

section.template-detail section.buttons .button-container button:not(:first-of-type) {
    margin-left: 10px
}

section.template-detail #template-contents {
    margin-top: 20px
}

section.template-detail #template-contents hr {
    margin: 20px 0 28px
}

section.template-detail #template-contents section {
    margin-top: -10px;
    margin-bottom: 22px
}

section.template-detail #template-contents section.editing {
    margin-top: 0;
    margin-bottom: 2px;
    padding: 20px;
    border-radius: 6px
}

section.template-detail #template-contents section.editing:hover {
    background-color: #fff;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .25)
}

section.template-detail #template-contents section.editing:first-of-type {
    margin-top: 30px
}

section.template-detail #template-contents section.editing:last-of-type {
    margin-bottom: 28px
}

section.template-detail #template-contents section .section-title {
    font-weight: 600;
    color: #707070
}

section.template-detail #template-contents section input,
section.template-detail #template-contents section select {
    height: 32px;
    padding: 8px 10px
}

section.template-detail #template-contents section input.section-title,
section.template-detail #template-contents section select.section-title {
    width: calc(100% - 40px);
    margin-top: 0
}

section.template-detail #template-contents section .field .field-title {
    margin-top: 5px;
    font-weight: 600
}

section.template-detail #template-contents section .field .field-type {
    color: #707070;
    font-weight: 300
}

section.template-detail #template-contents section .field input.title {
    display: inline-block;
    width: calc(100% - 250px);
    margin-right: 10px
}

section.template-detail #template-contents section .field select.type {
    display: inline-block;
    width: 200px;
    margin-top: 0;
    line-height: 1em
}

section.template-detail #template-contents section .field select.type:disabled {
    background-image: none
}

section.template-detail #template-contents section .field input.title:disabled,
section.template-detail #template-contents section .field select.type:disabled {
    color: #cbcccd;
    cursor: not-allowed
}

section.template-detail #template-contents section .field .subtitle-checkbox-container {
    display: inline-block
}

section.template-detail #template-contents section .field-button {
    width: 32px;
    height: 32px;
    vertical-align: -11px;
    margin-right: 8px;
    background-image: url(../images/button-delete.svg);
    background-repeat: no-repeat;
    background-size: 28px;
    background-position: center
}

section.template-detail #template-contents section .field-button.add {
    background-image: url(../images/circle-add.svg)
}

section.template-detail #template-contents section .field-button.hidden {
    visibility: hidden;
    display: inline-block !important
}

[data-focus-visible] section.template-detail #template-contents section .field-button:focus {
    box-shadow: 0 0 0 3px #fff, 0 0 0 6px var(--color-specifics-focus-ring);
    border-radius: 50%
}

section.template-detail #template-contents button {
    margin-top: 0
}

section.template-detail #template-contents button.short {
    width: 100%
}

section.template-detail #template-contents .template-blank {
    margin-bottom: 20px
}

section.template-detail #template-contents footer {
    font-weight: 300;
    margin-top: 40px;
    padding-bottom: 10px;
    text-align: center;
    color: #707070
}

section.template-detail #template-contents footer span {
    color: #707070
}

section.template-detail .no-template-note {
    margin-top: 20px
}

section.template-detail .no-template-note span {
    font-size: 1.1rem;
    display: inline-block;
    vertical-align: 18px;
    margin-left: 10px
}

body.webview *:not(input):not(textarea) {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none
}

body.webview *:not(input):not(textarea):not(a) {
    cursor: default
}

body.webview [contenteditable=true] {
    -webkit-user-drag: auto;
    -webkit-touch-callout: default;
    -webkit-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

body.webview #b5app {
    height: 100%
}

body.webview #locked-app {
    background-color: transparent
}

body.webview #popup-container .window-overlay {
    background: transparent
}

body.webview #top-bar #menu-sign-out {
    display: none
}

body.webview.webview-single-page #main-content {
    width: 100% !important
}

body.webview.webview-single-page #global-sidebar {
    display: none !important
}

body.webview.webview-single-page #top-bar #title-container::after {
    width: 100% !important
}

body.webview.webview-single-page #top-bar #user-menu {
    display: none !important
}

body.webview.panels {
    background: #fff
}

body.webview.panels #panel-header,
body.webview.panels #panel-footer {
    display: none
}

body.webview.panels #panel #flow-join,
body.webview.panels #panel #flow-provision,
body.webview.panels #panel #flow-recover,
body.webview.panels #panel #flow-register,
body.webview.panels #panel #flow-signup-legacy,
body.webview.panels #panel #flow-team-join {
    margin: 8%
}

body.webview.panels #panel #flow-join .information-preview,
body.webview.panels #panel #flow-join #register-mpgen #generator-main #generator-paddy,
body.webview.panels #panel #flow-join #register-mpgen #generator-main #generator-controls #num-words button,
body.webview.panels #panel #flow-provision .information-preview,
body.webview.panels #panel #flow-provision #register-mpgen #generator-main #generator-paddy,
body.webview.panels #panel #flow-provision #register-mpgen #generator-main #generator-controls #num-words button,
body.webview.panels #panel #flow-recover .information-preview,
body.webview.panels #panel #flow-recover #register-mpgen #generator-main #generator-paddy,
body.webview.panels #panel #flow-recover #register-mpgen #generator-main #generator-controls #num-words button,
body.webview.panels #panel #flow-register .information-preview,
body.webview.panels #panel #flow-register #register-mpgen #generator-main #generator-paddy,
body.webview.panels #panel #flow-register #register-mpgen #generator-main #generator-controls #num-words button,
body.webview.panels #panel #flow-signup-legacy .information-preview,
body.webview.panels #panel #flow-signup-legacy #register-mpgen #generator-main #generator-paddy,
body.webview.panels #panel #flow-signup-legacy #register-mpgen #generator-main #generator-controls #num-words button,
body.webview.panels #panel #flow-team-join .information-preview,
body.webview.panels #panel #flow-team-join #register-mpgen #generator-main #generator-paddy,
body.webview.panels #panel #flow-team-join #register-mpgen #generator-main #generator-controls #num-words button {
    background-color: #f6f7f8
}

body.webview.panels #panel #flow-join>section:not(#signup-plan) .button,
body.webview.panels #panel #flow-provision>section:not(#signup-plan) .button,
body.webview.panels #panel #flow-recover>section:not(#signup-plan) .button,
body.webview.panels #panel #flow-register>section:not(#signup-plan) .button,
body.webview.panels #panel #flow-signup-legacy>section:not(#signup-plan) .button,
body.webview.panels #panel #flow-team-join>section:not(#signup-plan) .button {
    width: 130px !important
}

body.webview.panels #panel #flow-join .form.signup section,
body.webview.panels #panel #flow-provision .form.signup section,
body.webview.panels #panel #flow-recover .form.signup section,
body.webview.panels #panel #flow-register .form.signup section,
body.webview.panels #panel #flow-signup-legacy .form.signup section,
body.webview.panels #panel #flow-team-join .form.signup section {
    flex-direction: row;
    justify-content: flex-end
}

body.webview.panels #panel #flow-join #signup-team .form,
body.webview.panels #panel #flow-provision #signup-team .form,
body.webview.panels #panel #flow-recover #signup-team .form,
body.webview.panels #panel #flow-register #signup-team .form,
body.webview.panels #panel #flow-signup-legacy #signup-team .form,
body.webview.panels #panel #flow-team-join #signup-team .form {
    margin-top: 10px
}

body.webview.panels #panel #flow-join #signup-team .form section,
body.webview.panels #panel #flow-provision #signup-team .form section,
body.webview.panels #panel #flow-recover #signup-team .form section,
body.webview.panels #panel #flow-register #signup-team .form section,
body.webview.panels #panel #flow-signup-legacy #signup-team .form section,
body.webview.panels #panel #flow-team-join #signup-team .form section {
    text-align: right;
    margin-top: 4.1rem
}

body.webview.panels #panel #flow-join #signup-sent-email header,
body.webview.panels #panel #flow-provision #signup-sent-email header,
body.webview.panels #panel #flow-recover #signup-sent-email header,
body.webview.panels #panel #flow-register #signup-sent-email header,
body.webview.panels #panel #flow-signup-legacy #signup-sent-email header,
body.webview.panels #panel #flow-team-join #signup-sent-email header {
    margin-bottom: 1.5rem
}

body.webview.panels #panel #flow-join #signup-sent-email header h1,
body.webview.panels #panel #flow-provision #signup-sent-email header h1,
body.webview.panels #panel #flow-recover #signup-sent-email header h1,
body.webview.panels #panel #flow-register #signup-sent-email header h1,
body.webview.panels #panel #flow-signup-legacy #signup-sent-email header h1,
body.webview.panels #panel #flow-team-join #signup-sent-email header h1 {
    color: inherit;
    width: 100%;
    text-align: center;
    margin: 0 0 2.6rem
}

@media only screen and (min-width: 360px) {

    body.webview.panels #panel #flow-join #signup-sent-email header h1,
    body.webview.panels #panel #flow-provision #signup-sent-email header h1,
    body.webview.panels #panel #flow-recover #signup-sent-email header h1,
    body.webview.panels #panel #flow-register #signup-sent-email header h1,
    body.webview.panels #panel #flow-signup-legacy #signup-sent-email header h1,
    body.webview.panels #panel #flow-team-join #signup-sent-email header h1 {
        font-size: 1.5rem
    }
}

@media only screen and (min-width: 500px) {

    body.webview.panels #panel #flow-join #signup-sent-email header h1,
    body.webview.panels #panel #flow-provision #signup-sent-email header h1,
    body.webview.panels #panel #flow-recover #signup-sent-email header h1,
    body.webview.panels #panel #flow-register #signup-sent-email header h1,
    body.webview.panels #panel #flow-signup-legacy #signup-sent-email header h1,
    body.webview.panels #panel #flow-team-join #signup-sent-email header h1 {
        font-size: 2rem
    }
}

body.webview.panels #panel #flow-join #signup-sent-email .form,
body.webview.panels #panel #flow-provision #signup-sent-email .form,
body.webview.panels #panel #flow-recover #signup-sent-email .form,
body.webview.panels #panel #flow-register #signup-sent-email .form,
body.webview.panels #panel #flow-signup-legacy #signup-sent-email .form,
body.webview.panels #panel #flow-team-join #signup-sent-email .form {
    display: flex;
    flex-direction: column
}

body.webview.panels #panel #flow-join #signup-sent-email .form>div,
body.webview.panels #panel #flow-provision #signup-sent-email .form>div,
body.webview.panels #panel #flow-recover #signup-sent-email .form>div,
body.webview.panels #panel #flow-register #signup-sent-email .form>div,
body.webview.panels #panel #flow-signup-legacy #signup-sent-email .form>div,
body.webview.panels #panel #flow-team-join #signup-sent-email .form>div {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 20px
}

body.webview.panels #panel #flow-join #signup-sent-email .form>div .signup-code-details,
body.webview.panels #panel #flow-provision #signup-sent-email .form>div .signup-code-details,
body.webview.panels #panel #flow-recover #signup-sent-email .form>div .signup-code-details,
body.webview.panels #panel #flow-register #signup-sent-email .form>div .signup-code-details,
body.webview.panels #panel #flow-signup-legacy #signup-sent-email .form>div .signup-code-details,
body.webview.panels #panel #flow-team-join #signup-sent-email .form>div .signup-code-details {
    display: flex;
    flex-direction: column;
    margin-left: 0
}

@media only screen and (min-width: 450px) {

    body.webview.panels #panel #flow-join #signup-sent-email .form>div .signup-code-details,
    body.webview.panels #panel #flow-provision #signup-sent-email .form>div .signup-code-details,
    body.webview.panels #panel #flow-recover #signup-sent-email .form>div .signup-code-details,
    body.webview.panels #panel #flow-register #signup-sent-email .form>div .signup-code-details,
    body.webview.panels #panel #flow-signup-legacy #signup-sent-email .form>div .signup-code-details,
    body.webview.panels #panel #flow-team-join #signup-sent-email .form>div .signup-code-details {
        margin-left: 20px
    }
}

body.webview.panels #panel #flow-join #signup-sent-email .form>div .signup-code-details label,
body.webview.panels #panel #flow-provision #signup-sent-email .form>div .signup-code-details label,
body.webview.panels #panel #flow-recover #signup-sent-email .form>div .signup-code-details label,
body.webview.panels #panel #flow-register #signup-sent-email .form>div .signup-code-details label,
body.webview.panels #panel #flow-signup-legacy #signup-sent-email .form>div .signup-code-details label,
body.webview.panels #panel #flow-team-join #signup-sent-email .form>div .signup-code-details label {
    font-size: .95rem
}

@media only screen and (min-width: 450px) {

    body.webview.panels #panel #flow-join #signup-sent-email .form>div .signup-code-details label,
    body.webview.panels #panel #flow-provision #signup-sent-email .form>div .signup-code-details label,
    body.webview.panels #panel #flow-recover #signup-sent-email .form>div .signup-code-details label,
    body.webview.panels #panel #flow-register #signup-sent-email .form>div .signup-code-details label,
    body.webview.panels #panel #flow-signup-legacy #signup-sent-email .form>div .signup-code-details label,
    body.webview.panels #panel #flow-team-join #signup-sent-email .form>div .signup-code-details label {
        font-size: 1em
    }
}

body.webview.panels #panel #flow-join #signup-sent-email .form>div .signup-code-details input,
body.webview.panels #panel #flow-provision #signup-sent-email .form>div .signup-code-details input,
body.webview.panels #panel #flow-recover #signup-sent-email .form>div .signup-code-details input,
body.webview.panels #panel #flow-register #signup-sent-email .form>div .signup-code-details input,
body.webview.panels #panel #flow-signup-legacy #signup-sent-email .form>div .signup-code-details input,
body.webview.panels #panel #flow-team-join #signup-sent-email .form>div .signup-code-details input {
    font-size: 2rem;
    margin-top: 3px;
    text-align: center;
    font-family: "Source Code Pro", "Menlo", "Monaco", "Andale Mono", "Anonymous Pro", "PT Mono", monospace;
    letter-spacing: normal
}

@media only screen and (min-width: 450px) {

    body.webview.panels #panel #flow-join #signup-sent-email .form>div .signup-code-details input,
    body.webview.panels #panel #flow-provision #signup-sent-email .form>div .signup-code-details input,
    body.webview.panels #panel #flow-recover #signup-sent-email .form>div .signup-code-details input,
    body.webview.panels #panel #flow-register #signup-sent-email .form>div .signup-code-details input,
    body.webview.panels #panel #flow-signup-legacy #signup-sent-email .form>div .signup-code-details input,
    body.webview.panels #panel #flow-team-join #signup-sent-email .form>div .signup-code-details input {
        font-size: 2.8rem
    }
}

body.webview.panels #panel #flow-join #signup-sent-email .form>div .signup-code-details .validation-message,
body.webview.panels #panel #flow-provision #signup-sent-email .form>div .signup-code-details .validation-message,
body.webview.panels #panel #flow-recover #signup-sent-email .form>div .signup-code-details .validation-message,
body.webview.panels #panel #flow-register #signup-sent-email .form>div .signup-code-details .validation-message,
body.webview.panels #panel #flow-signup-legacy #signup-sent-email .form>div .signup-code-details .validation-message,
body.webview.panels #panel #flow-team-join #signup-sent-email .form>div .signup-code-details .validation-message {
    height: 18px;
    max-width: 200px
}

body.webview.panels #panel #flow-join #signup-sent-email .form>div .signup-code-details .validation-message--account-already-exists,
body.webview.panels #panel #flow-provision #signup-sent-email .form>div .signup-code-details .validation-message--account-already-exists,
body.webview.panels #panel #flow-recover #signup-sent-email .form>div .signup-code-details .validation-message--account-already-exists,
body.webview.panels #panel #flow-register #signup-sent-email .form>div .signup-code-details .validation-message--account-already-exists,
body.webview.panels #panel #flow-signup-legacy #signup-sent-email .form>div .signup-code-details .validation-message--account-already-exists,
body.webview.panels #panel #flow-team-join #signup-sent-email .form>div .signup-code-details .validation-message--account-already-exists {
    font-weight: bold
}

body.webview.panels #panel #flow-join #signup-sent-email .form>section,
body.webview.panels #panel #flow-provision #signup-sent-email .form>section,
body.webview.panels #panel #flow-recover #signup-sent-email .form>section,
body.webview.panels #panel #flow-register #signup-sent-email .form>section,
body.webview.panels #panel #flow-signup-legacy #signup-sent-email .form>section,
body.webview.panels #panel #flow-team-join #signup-sent-email .form>section {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-top: 4rem
}

body.webview.panels #panel #flow-join #signup-sent-email section,
body.webview.panels #panel #flow-provision #signup-sent-email section,
body.webview.panels #panel #flow-recover #signup-sent-email section,
body.webview.panels #panel #flow-register #signup-sent-email section,
body.webview.panels #panel #flow-signup-legacy #signup-sent-email section,
body.webview.panels #panel #flow-team-join #signup-sent-email section {
    display: none
}

body.webview.panels #panel #flow-join #register-name header,
body.webview.panels #panel #flow-provision #register-name header,
body.webview.panels #panel #flow-recover #register-name header,
body.webview.panels #panel #flow-register #register-name header,
body.webview.panels #panel #flow-signup-legacy #register-name header,
body.webview.panels #panel #flow-team-join #register-name header {
    margin-bottom: 0
}

body.webview.panels #panel #flow-join #register-name header h1,
body.webview.panels #panel #flow-provision #register-name header h1,
body.webview.panels #panel #flow-recover #register-name header h1,
body.webview.panels #panel #flow-register #register-name header h1,
body.webview.panels #panel #flow-signup-legacy #register-name header h1,
body.webview.panels #panel #flow-team-join #register-name header h1 {
    display: none
}

body.webview.panels #panel #flow-join #register-name header h2,
body.webview.panels #panel #flow-provision #register-name header h2,
body.webview.panels #panel #flow-recover #register-name header h2,
body.webview.panels #panel #flow-register #register-name header h2,
body.webview.panels #panel #flow-signup-legacy #register-name header h2,
body.webview.panels #panel #flow-team-join #register-name header h2 {
    color: inherit;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0 20px
}

@media only screen and (min-width: 360px) {

    body.webview.panels #panel #flow-join #register-name header h2,
    body.webview.panels #panel #flow-provision #register-name header h2,
    body.webview.panels #panel #flow-recover #register-name header h2,
    body.webview.panels #panel #flow-register #register-name header h2,
    body.webview.panels #panel #flow-signup-legacy #register-name header h2,
    body.webview.panels #panel #flow-team-join #register-name header h2 {
        font-size: 1.5rem
    }
}

@media only screen and (min-width: 500px) {

    body.webview.panels #panel #flow-join #register-name header h2,
    body.webview.panels #panel #flow-provision #register-name header h2,
    body.webview.panels #panel #flow-recover #register-name header h2,
    body.webview.panels #panel #flow-register #register-name header h2,
    body.webview.panels #panel #flow-signup-legacy #register-name header h2,
    body.webview.panels #panel #flow-team-join #register-name header h2 {
        font-size: 2rem
    }
}

body.webview.panels #panel #flow-join #register-name footer,
body.webview.panels #panel #flow-provision #register-name footer,
body.webview.panels #panel #flow-recover #register-name footer,
body.webview.panels #panel #flow-register #register-name footer,
body.webview.panels #panel #flow-signup-legacy #register-name footer,
body.webview.panels #panel #flow-team-join #register-name footer {
    justify-content: flex-end;
    margin-top: 2.3rem
}

body.webview.panels #panel #flow-join #register-name .form,
body.webview.panels #panel #flow-provision #register-name .form,
body.webview.panels #panel #flow-recover #register-name .form,
body.webview.panels #panel #flow-register #register-name .form,
body.webview.panels #panel #flow-signup-legacy #register-name .form,
body.webview.panels #panel #flow-team-join #register-name .form {
    margin-top: 10px
}

body.webview.panels #panel #flow-join #register-name .form>div,
body.webview.panels #panel #flow-provision #register-name .form>div,
body.webview.panels #panel #flow-recover #register-name .form>div,
body.webview.panels #panel #flow-register #register-name .form>div,
body.webview.panels #panel #flow-signup-legacy #register-name .form>div,
body.webview.panels #panel #flow-team-join #register-name .form>div {
    margin: 0
}

body.webview.panels #panel #flow-join #register-name .form #newsletter-optin,
body.webview.panels #panel #flow-provision #register-name .form #newsletter-optin,
body.webview.panels #panel #flow-recover #register-name .form #newsletter-optin,
body.webview.panels #panel #flow-register #register-name .form #newsletter-optin,
body.webview.panels #panel #flow-signup-legacy #register-name .form #newsletter-optin,
body.webview.panels #panel #flow-team-join #register-name .form #newsletter-optin {
    margin-top: 10px;
    display: flex;
    justify-content: center
}

body.webview.panels #panel #flow-join #register-name .form .terms,
body.webview.panels #panel #flow-provision #register-name .form .terms,
body.webview.panels #panel #flow-recover #register-name .form .terms,
body.webview.panels #panel #flow-register #register-name .form .terms,
body.webview.panels #panel #flow-signup-legacy #register-name .form .terms,
body.webview.panels #panel #flow-team-join #register-name .form .terms {
    text-align: center
}

body.webview.panels #panel #flow-join #register-mp header,
body.webview.panels #panel #flow-provision #register-mp header,
body.webview.panels #panel #flow-recover #register-mp header,
body.webview.panels #panel #flow-register #register-mp header,
body.webview.panels #panel #flow-signup-legacy #register-mp header,
body.webview.panels #panel #flow-team-join #register-mp header {
    margin-bottom: 0
}

body.webview.panels #panel #flow-join #register-mp header h1,
body.webview.panels #panel #flow-provision #register-mp header h1,
body.webview.panels #panel #flow-recover #register-mp header h1,
body.webview.panels #panel #flow-register #register-mp header h1,
body.webview.panels #panel #flow-signup-legacy #register-mp header h1,
body.webview.panels #panel #flow-team-join #register-mp header h1 {
    font-size: 1.35rem;
    min-height: 39px
}

@media only screen and (min-width: 360px) {

    body.webview.panels #panel #flow-join #register-mp header h1,
    body.webview.panels #panel #flow-provision #register-mp header h1,
    body.webview.panels #panel #flow-recover #register-mp header h1,
    body.webview.panels #panel #flow-register #register-mp header h1,
    body.webview.panels #panel #flow-signup-legacy #register-mp header h1,
    body.webview.panels #panel #flow-team-join #register-mp header h1 {
        font-size: 1.6rem
    }
}

@media only screen and (min-width: 500px) {

    body.webview.panels #panel #flow-join #register-mp header h1,
    body.webview.panels #panel #flow-provision #register-mp header h1,
    body.webview.panels #panel #flow-recover #register-mp header h1,
    body.webview.panels #panel #flow-register #register-mp header h1,
    body.webview.panels #panel #flow-signup-legacy #register-mp header h1,
    body.webview.panels #panel #flow-team-join #register-mp header h1 {
        font-size: 2rem
    }
}

body.webview.panels #panel #flow-join #register-mp header h1 span.dark-blue,
body.webview.panels #panel #flow-provision #register-mp header h1 span.dark-blue,
body.webview.panels #panel #flow-recover #register-mp header h1 span.dark-blue,
body.webview.panels #panel #flow-register #register-mp header h1 span.dark-blue,
body.webview.panels #panel #flow-signup-legacy #register-mp header h1 span.dark-blue,
body.webview.panels #panel #flow-team-join #register-mp header h1 span.dark-blue {
    color: #333;
    font-weight: 600
}

body.webview.panels #panel #flow-join #register-mp header h2,
body.webview.panels #panel #flow-provision #register-mp header h2,
body.webview.panels #panel #flow-recover #register-mp header h2,
body.webview.panels #panel #flow-register #register-mp header h2,
body.webview.panels #panel #flow-signup-legacy #register-mp header h2,
body.webview.panels #panel #flow-team-join #register-mp header h2 {
    display: none
}

body.webview.panels #panel #flow-join #register-mp footer,
body.webview.panels #panel #flow-provision #register-mp footer,
body.webview.panels #panel #flow-recover #register-mp footer,
body.webview.panels #panel #flow-register #register-mp footer,
body.webview.panels #panel #flow-signup-legacy #register-mp footer,
body.webview.panels #panel #flow-team-join #register-mp footer {
    margin-top: 2.4rem
}

body.webview.panels #panel #flow-join #register-mp section,
body.webview.panels #panel #flow-provision #register-mp section,
body.webview.panels #panel #flow-recover #register-mp section,
body.webview.panels #panel #flow-register #register-mp section,
body.webview.panels #panel #flow-signup-legacy #register-mp section,
body.webview.panels #panel #flow-team-join #register-mp section {
    margin-top: 1.8rem
}

body.webview.panels #panel #flow-join #register-mp section.button-row,
body.webview.panels #panel #flow-provision #register-mp section.button-row,
body.webview.panels #panel #flow-recover #register-mp section.button-row,
body.webview.panels #panel #flow-register #register-mp section.button-row,
body.webview.panels #panel #flow-signup-legacy #register-mp section.button-row,
body.webview.panels #panel #flow-team-join #register-mp section.button-row {
    text-align: center
}

body.webview.panels #panel #flow-join #register-mp section.button-row button,
body.webview.panels #panel #flow-provision #register-mp section.button-row button,
body.webview.panels #panel #flow-recover #register-mp section.button-row button,
body.webview.panels #panel #flow-register #register-mp section.button-row button,
body.webview.panels #panel #flow-signup-legacy #register-mp section.button-row button,
body.webview.panels #panel #flow-team-join #register-mp section.button-row button {
    vertical-align: top
}

body.webview.panels #panel #flow-join #register-mp section.button-row button.right,
body.webview.panels #panel #flow-provision #register-mp section.button-row button.right,
body.webview.panels #panel #flow-recover #register-mp section.button-row button.right,
body.webview.panels #panel #flow-register #register-mp section.button-row button.right,
body.webview.panels #panel #flow-signup-legacy #register-mp section.button-row button.right,
body.webview.panels #panel #flow-team-join #register-mp section.button-row button.right {
    float: none !important;
    margin-left: 10px !important
}

body.webview.panels #panel #flow-join #register-mp #generator-link,
body.webview.panels #panel #flow-provision #register-mp #generator-link,
body.webview.panels #panel #flow-recover #register-mp #generator-link,
body.webview.panels #panel #flow-register #register-mp #generator-link,
body.webview.panels #panel #flow-signup-legacy #register-mp #generator-link,
body.webview.panels #panel #flow-team-join #register-mp #generator-link {
    display: none
}

body.webview.panels #panel #flow-join #register-signin header,
body.webview.panels #panel #flow-provision #register-signin header,
body.webview.panels #panel #flow-recover #register-signin header,
body.webview.panels #panel #flow-register #register-signin header,
body.webview.panels #panel #flow-signup-legacy #register-signin header,
body.webview.panels #panel #flow-team-join #register-signin header {
    margin-bottom: 0
}

body.webview.panels #panel #flow-join #register-signin header h1,
body.webview.panels #panel #flow-provision #register-signin header h1,
body.webview.panels #panel #flow-recover #register-signin header h1,
body.webview.panels #panel #flow-register #register-signin header h1,
body.webview.panels #panel #flow-signup-legacy #register-signin header h1,
body.webview.panels #panel #flow-team-join #register-signin header h1 {
    display: none
}

body.webview.panels #panel #flow-join #register-signin header h2,
body.webview.panels #panel #flow-provision #register-signin header h2,
body.webview.panels #panel #flow-recover #register-signin header h2,
body.webview.panels #panel #flow-register #register-signin header h2,
body.webview.panels #panel #flow-signup-legacy #register-signin header h2,
body.webview.panels #panel #flow-team-join #register-signin header h2 {
    color: inherit;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0 20px
}

@media only screen and (min-width: 360px) {

    body.webview.panels #panel #flow-join #register-signin header h2,
    body.webview.panels #panel #flow-provision #register-signin header h2,
    body.webview.panels #panel #flow-recover #register-signin header h2,
    body.webview.panels #panel #flow-register #register-signin header h2,
    body.webview.panels #panel #flow-signup-legacy #register-signin header h2,
    body.webview.panels #panel #flow-team-join #register-signin header h2 {
        font-size: 1.5rem
    }
}

@media only screen and (min-width: 500px) {

    body.webview.panels #panel #flow-join #register-signin header h2,
    body.webview.panels #panel #flow-provision #register-signin header h2,
    body.webview.panels #panel #flow-recover #register-signin header h2,
    body.webview.panels #panel #flow-register #register-signin header h2,
    body.webview.panels #panel #flow-signup-legacy #register-signin header h2,
    body.webview.panels #panel #flow-team-join #register-signin header h2 {
        font-size: 2rem
    }
}

body.webview.panels #panel #flow-join #register-signin footer,
body.webview.panels #panel #flow-provision #register-signin footer,
body.webview.panels #panel #flow-recover #register-signin footer,
body.webview.panels #panel #flow-register #register-signin footer,
body.webview.panels #panel #flow-signup-legacy #register-signin footer,
body.webview.panels #panel #flow-team-join #register-signin footer {
    margin-top: 7.8rem;
    justify-content: space-between;
    max-width: none;
    max-width: initial
}

body.webview.panels #panel #flow-join #register-signin footer>*:last-child,
body.webview.panels #panel #flow-provision #register-signin footer>*:last-child,
body.webview.panels #panel #flow-recover #register-signin footer>*:last-child,
body.webview.panels #panel #flow-register #register-signin footer>*:last-child,
body.webview.panels #panel #flow-signup-legacy #register-signin footer>*:last-child,
body.webview.panels #panel #flow-team-join #register-signin footer>*:last-child {
    flex: initial
}

body.webview.panels #panel #flow-join #register-signin .confetti-paddy,
body.webview.panels #panel #flow-provision #register-signin .confetti-paddy,
body.webview.panels #panel #flow-recover #register-signin .confetti-paddy,
body.webview.panels #panel #flow-register #register-signin .confetti-paddy,
body.webview.panels #panel #flow-signup-legacy #register-signin .confetti-paddy,
body.webview.panels #panel #flow-team-join #register-signin .confetti-paddy {
    display: none
}

body.webview.panels #panel #flow-join #register-signin .form,
body.webview.panels #panel #flow-provision #register-signin .form,
body.webview.panels #panel #flow-recover #register-signin .form,
body.webview.panels #panel #flow-register #register-signin .form,
body.webview.panels #panel #flow-signup-legacy #register-signin .form,
body.webview.panels #panel #flow-team-join #register-signin .form {
    max-width: none
}

body.webview.panels #panel #flow-join #register-signin .form button,
body.webview.panels #panel #flow-provision #register-signin .form button,
body.webview.panels #panel #flow-recover #register-signin .form button,
body.webview.panels #panel #flow-register #register-signin .form button,
body.webview.panels #panel #flow-signup-legacy #register-signin .form button,
body.webview.panels #panel #flow-team-join #register-signin .form button {
    margin-top: 18px !important;
    font-size: 16.5px
}

body.webview.panels #panel #flow-join #register-signin .form img,
body.webview.panels #panel #flow-provision #register-signin .form img,
body.webview.panels #panel #flow-recover #register-signin .form img,
body.webview.panels #panel #flow-register #register-signin .form img,
body.webview.panels #panel #flow-signup-legacy #register-signin .form img,
body.webview.panels #panel #flow-team-join #register-signin .form img {
    display: none
}

body.webview.panels #panel #flow-join #register-signin .form input,
body.webview.panels #panel #flow-provision #register-signin .form input,
body.webview.panels #panel #flow-recover #register-signin .form input,
body.webview.panels #panel #flow-register #register-signin .form input,
body.webview.panels #panel #flow-signup-legacy #register-signin .form input,
body.webview.panels #panel #flow-team-join #register-signin .form input {
    font-size: 1.5rem !important
}

body.webview.panels #panel #flow-join #register-signin .form #email-container,
body.webview.panels #panel #flow-join #register-signin .form #ak-container,
body.webview.panels #panel #flow-provision #register-signin .form #email-container,
body.webview.panels #panel #flow-provision #register-signin .form #ak-container,
body.webview.panels #panel #flow-recover #register-signin .form #email-container,
body.webview.panels #panel #flow-recover #register-signin .form #ak-container,
body.webview.panels #panel #flow-register #register-signin .form #email-container,
body.webview.panels #panel #flow-register #register-signin .form #ak-container,
body.webview.panels #panel #flow-signup-legacy #register-signin .form #email-container,
body.webview.panels #panel #flow-signup-legacy #register-signin .form #ak-container,
body.webview.panels #panel #flow-team-join #register-signin .form #email-container,
body.webview.panels #panel #flow-team-join #register-signin .form #ak-container {
    display: none
}

body.webview.panels #panel #flow-join #register-signin .form .error-message,
body.webview.panels #panel #flow-provision #register-signin .form .error-message,
body.webview.panels #panel #flow-recover #register-signin .form .error-message,
body.webview.panels #panel #flow-register #register-signin .form .error-message,
body.webview.panels #panel #flow-signup-legacy #register-signin .form .error-message,
body.webview.panels #panel #flow-team-join #register-signin .form .error-message {
    position: absolute;
    top: 90px;
    font-size: 1rem;
    line-height: 1.2rem
}

body.webview.panels #panel #flow-join #register-signin .failed,
body.webview.panels #panel #flow-provision #register-signin .failed,
body.webview.panels #panel #flow-recover #register-signin .failed,
body.webview.panels #panel #flow-register #register-signin .failed,
body.webview.panels #panel #flow-signup-legacy #register-signin .failed,
body.webview.panels #panel #flow-team-join #register-signin .failed {
    margin-top: 25px !important
}

body.webview.panels #panel #signup-team .supplemental,
body.webview.panels #panel #signup-plan .supplemental {
    display: none
}

body.webview.panels.mac.dark {
    background: transparent
}

body.webview.panels.mac.dark #panel h1 {
    color: rgba(255, 255, 255, .85) !important
}

body.webview.panels.mac.dark #panel h2,
body.webview.panels.mac.dark #panel label,
body.webview.panels.mac.dark #panel p,
body.webview.panels.mac.dark #panel div {
    color: rgba(255, 255, 255, .85) !important
}

body.webview.panels.mac.dark #panel input[type=text],
body.webview.panels.mac.dark #panel input[type=email],
body.webview.panels.mac.dark #panel input[type=number],
body.webview.panels.mac.dark #panel input[type=search],
body.webview.panels.mac.dark #panel textarea,
body.webview.panels.mac.dark #panel .fake-input {
    background-color: rgba(0, 0, 0, .25);
    border: solid .5px rgba(255, 255, 255, .25);
    color: rgba(255, 255, 255, .85)
}

body.webview.panels.mac.dark #panel input[type=password] {
    background-color: rgba(0, 0, 0, .25);
    color: rgba(255, 255, 255, .85)
}

body.webview.panels.mac.dark #panel .button.primary,
body.webview.panels.mac.dark #panel .button.submit {
    background-color: #0572ec;
    color: #fff
}

body.webview.panels.mac.dark #panel .button.primary.disabled,
body.webview.panels.mac.dark #panel .button.primary[disabled],
body.webview.panels.mac.dark #panel .button.submit.disabled,
body.webview.panels.mac.dark #panel .button.submit[disabled] {
    color: rgba(255, 255, 255, .25);
    background-color: rgba(255, 255, 255, .15);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .25)
}

body.webview.panels.mac.dark #panel #previous,
body.webview.panels.mac.dark #panel button.button.previous.call-to-action {
    border: solid .5px rgba(255, 255, 255, .25);
    background-color: rgba(255, 255, 255, .05);
    color: rgba(255, 255, 255, .85);
    box-shadow: none
}

body.webview.panels.mac.dark #panel #register-mp header h1 span.dark-blue {
    color: rgba(255, 255, 255, .85) !important
}

body.webview.panels.mac.dark #panel #register-mp .paddy-box .text .black {
    color: rgba(255, 255, 255, .85)
}

body.webview.panels.mac.dark #panel #register-mp .paddy-box .text .red {
    color: rgba(255, 128, 102, .7)
}

body.webview.panels.mac.dark #panel #register-mp .paddy-box .text .green {
    color: rgba(128, 255, 128, .55)
}

body.webview.panels.mac.dark #panel #flow-register #register-signin div.loading span {
    color: rgba(255, 255, 255, .85)
}

body.webview.panels.mac.dark #panel #flow-register .mp-sk-box.mp .top-fill {
    background: rgba(51, 89, 128, .6)
}

body.webview.panels.mac.dark #panel #flow-register .mp-sk-box.mp .content {
    background: transparent
}

body.webview.create-vault #create-vault {
    margin: 20px
}

body.webview.create-vault #create-vault .dropzone,
body.webview.create-vault #create-vault .avatar {
    position: relative;
    margin: 0 auto
}

body.webview.create-vault #create-vault input[type=checkbox] {
    margin-top: 10px
}

body.webview.create-vault #create-vault input[type=checkbox]+label {
    margin-left: 5px
}

body.webview.create-vault #create-vault .button.block {
    display: block;
    width: 100%
}

body.webview.manage-vault {
    background: #ebebeb
}

body.webview.manage-vault #manage-vault {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    min-height: 290px;
    min-width: 320px;
    max-width: 430px;
    padding: 20px 10px 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

body.webview.manage-vault #manage-vault .header {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start
}

body.webview.manage-vault #manage-vault .header .avatar {
    margin-right: 12px;
    border: 1px solid rgba(0, 0, 0, .3)
}

body.webview.manage-vault #manage-vault .header .details {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: hidden;
    white-space: nowrap
}

body.webview.manage-vault #manage-vault .header .details h1 {
    color: #353535;
    font-size: 20px;
    font-weight: 300;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis
}

body.webview.manage-vault #manage-vault .header .details p {
    color: #818181;
    font-size: 13px;
    margin: 0;
    white-space: normal;
    white-space: initial
}

body.webview.manage-vault #manage-vault .header .travel-safe {
    margin: 8px 0 0 12px;
    position: relative
}

body.webview.manage-vault #manage-vault .header .travel-safe .button,
body.webview.manage-vault #manage-vault .header .travel-safe select {
    box-shadow: rgba(0, 0, 0, .15) 0 0 0 1px, 0 1px 1px 1px rgba(0, 0, 0, .15);
    display: flex;
    align-items: center;
    justify-content: space-around;
    border-radius: 3px;
    cursor: default;
    min-height: 20px;
    margin: 0;
    padding: 0 5px;
    width: 45px
}

body.webview.manage-vault #manage-vault .header .travel-safe .button svg,
body.webview.manage-vault #manage-vault .header .travel-safe select svg {
    pointer-events: none
}

body.webview.manage-vault #manage-vault .header .travel-safe select {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

body.webview.manage-vault #manage-vault .header .travel-safe svg {
    fill: #727272
}

body.webview.manage-vault #manage-vault .header .travel-safe svg+svg {
    transform: rotate(90deg) scale(0.8)
}

body.webview.manage-vault #manage-vault .item-list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 17px;
    height: 100%
}

body.webview.manage-vault #manage-vault .item-list:first-child {
    margin-top: 0
}

body.webview.manage-vault #manage-vault .item-list .empty-list {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .25);
    color: #707070;
    flex: 1;
    min-height: 150px;
    margin-top: 17px;
    overflow: auto;
    text-align: center
}

body.webview.manage-vault #manage-vault .item-list .empty-list h3 {
    font-size: 1rem;
    font-weight: 500;
    color: #707070
}

body.webview.manage-vault #manage-vault .item-list .empty-list p {
    margin-top: .5rem
}

body.webview.manage-vault #manage-vault .item-list .empty-list+.empty-list {
    display: none
}

body.webview.manage-vault #manage-vault .item-list .list {
    justify-content: flex-start;
    border-radius: 6px;
    background-color: #fff;
    border: .5px solid rgba(0, 0, 0, .25);
    flex: 1;
    min-height: 150px;
    margin-top: 17px;
    overflow: auto
}

body.webview.manage-vault #manage-vault .item-list .list .item {
    margin: 7px 15px;
    position: relative
}

body.webview.manage-vault #manage-vault .item-list .list .item:first-child {
    margin-top: 15px
}

body.webview.manage-vault #manage-vault .item-list .list .item:last-child {
    margin-bottom: 15px
}

body.webview.manage-vault #manage-vault .item-list .list .item label {
    display: flex;
    align-items: flex-start;
    margin-left: 25px
}

body.webview.manage-vault #manage-vault .item-list .list .item label input[type=checkbox] {
    font-size: 10rem
}

body.webview.manage-vault #manage-vault .item-list .list .item label .avatar {
    margin-right: 10px
}

body.webview.manage-vault #manage-vault .item-list .list .item label .details {
    display: flex;
    flex-direction: column;
    flex: 1
}

body.webview.manage-vault #manage-vault .item-list .list .item label .details h4 {
    color: #353535;
    font-weight: 600;
    line-height: .9rem;
    margin-top: 0;
    margin-bottom: 6px
}

body.webview.manage-vault #manage-vault .item-list .list .item label .details small {
    color: #818181;
    display: block;
    font-size: .8rem;
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis
}

body.webview.manage-vault #manage-vault .item-list .list .item label .details .state-note {
    display: block !important;
    color: #707070
}

body.webview.manage-vault #manage-vault .item-list .list .item label .details .state-note.error {
    color: #e60000
}

body.webview.manage-vault #manage-vault .item-list .list .item label svg {
    align-self: center
}

body.webview.manage-vault #manage-vault .item-list .list .item label input[type=checkbox] {
    display: block;
    position: absolute;
    left: 0;
    top: 10px
}

body.webview.manage-vault #manage-vault .item-list .list .selected {
    margin: 10px -18px 18px;
    padding: 12px 18px;
    background-color: #f6f7f8;
    border-top: 1px solid #e4e6e7;
    border-bottom: 1px solid #e4e6e7;
    color: #707070;
    font-size: .93rem;
    font-weight: 500
}

body.webview.manage-vault #manage-vault .item-list .search,
body.webview.manage-vault #manage-vault .item-list .search-wrapper {
    margin-top: 17px
}

body.webview.manage-vault #manage-vault .item-list .search :-ms-input-placeholder,
body.webview.manage-vault #manage-vault .item-list .search-wrapper :-ms-input-placeholder {
    font-weight: 300
}

body.webview.manage-vault #manage-vault .item-list .search ::placeholder,
body.webview.manage-vault #manage-vault .item-list .search-wrapper ::placeholder {
    font-weight: 300
}

body.webview.manage-vault #manage-vault .item-list .search input[type=search],
body.webview.manage-vault #manage-vault .item-list .search-wrapper input[type=search] {
    border-radius: 3px;
    background-image: url('data:image/svg+xml;utf8,<svg width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path d="M12 10.4c-.4-.3-.5-.8-.3-1 .6-1.2 1-2.5.7-4C12 3 10 .5 7.4.2 3-.5-.7 3 0 7.5c.5 2.7 2.7 4.8 5.4 5.2 1.3.2 2.6 0 3.7-.7.5-.3 1-.2 1.2 0l3.8 4c.5.6 1.3.6 1.7 0 .5-.5.5-1.3 0-1.7l-3.8-4zm-10.4-4c0-2.7 2-4.8 4.6-4.8 2.6 0 4.6 2 4.6 4.7 0 2.6-2 4.7-4.6 4.7-2.5 0-4.6-2-4.6-4.7z" fill="%237a8a99" fill-rule="evenodd"/></svg>');
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 12px 12px;
    color: #333;
    font-size: 13px;
    height: 20px;
    min-height: 20px;
    padding-left: 20px;
    padding-right: 10px
}

body.webview.manage-vault #manage-vault .item-list .search input[type=search]::-webkit-search-cancel-button,
body.webview.manage-vault #manage-vault .item-list .search-wrapper input[type=search]::-webkit-search-cancel-button {
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 12 12" width="12px" height="12px" xmlns="http://www.w3.org/2000/svg"><circle fill="%23a2a2a2" cx="6" cy="6" r="6"/><path fill="white" d="M6 5L4.4 3.4l-1 1 1.5 1.7-1.5 1.5 1 1L6 7.2l1.6 1.6 1-1L7.1 6l1.6-1.7-1-1z"/></svg>');
    background-repeat: no-repeat;
    appearance: none;
    height: 12px;
    width: 12px
}

body.webview.manage-vault #manage-vault .item-list .search input[type=search]:focus,
body.webview.manage-vault #manage-vault .item-list .search-wrapper input[type=search]:focus {
    background-image: url('data:image/svg+xml;utf8,<svg width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path d="M12 10.4c-.4-.3-.5-.8-.3-1 .6-1.2 1-2.5.7-4C12 3 10 .5 7.4.2 3-.5-.7 3 0 7.5c.5 2.7 2.7 4.8 5.4 5.2 1.3.2 2.6 0 3.7-.7.5-.3 1-.2 1.2 0l3.8 4c.5.6 1.3.6 1.7 0 .5-.5.5-1.3 0-1.7l-3.8-4zm-10.4-4c0-2.7 2-4.8 4.6-4.8 2.6 0 4.6 2 4.6 4.7 0 2.6-2 4.7-4.6 4.7-2.5 0-4.6-2-4.6-4.7z" fill="%23818181" fill-rule="evenodd"/></svg>');
    background-repeat: no-repeat;
    box-shadow: inset 0 0 0 1.5px #818181
}

body.webview.manage-vault #manage-vault .item-list .search input[type=search]:focus::-webkit-search-cancel-button,
body.webview.manage-vault #manage-vault .item-list .search-wrapper input[type=search]:focus::-webkit-search-cancel-button {
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 12 12" width="12px" height="12px" xmlns="http://www.w3.org/2000/svg"><circle fill="%23818181" cx="6" cy="6" r="6"/><path fill="white" d="M6 5L4.4 3.4l-1 1 1.5 1.7-1.5 1.5 1 1L6 7.2l1.6 1.6 1-1L7.1 6l1.6-1.7-1-1z"/></svg>');
    background-repeat: no-repeat
}

body.webview.manage-vault #manage-vault .item-list .search input[type=search].loading,
body.webview.manage-vault #manage-vault .item-list .search-wrapper input[type=search].loading {
    background-image: none
}

body.webview.manage-vault #manage-vault .item-list .search input[type=search].loading::-webkit-search-cancel-button,
body.webview.manage-vault #manage-vault .item-list .search-wrapper input[type=search].loading::-webkit-search-cancel-button {
    display: none
}

body.webview.manage-vault #manage-vault .item-list .search input[type=search].loading+.spinner,
body.webview.manage-vault #manage-vault .item-list .search-wrapper input[type=search].loading+.spinner {
    flex: 0;
    position: relative;
    left: .6rem;
    bottom: 16px;
    width: 12px;
    height: 12px
}

body.webview.manage-vault #manage-vault .item-list .segmented {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .25);
    display: flex;
    border-radius: 3px;
    background-color: #fff;
    height: 20px;
    overflow: hidden
}

body.webview.manage-vault #manage-vault .item-list .segmented .control {
    font-size: 13px;
    font-weight: 300;
    flex: 1;
    margin: 0;
    padding: 1px;
    text-align: center
}

body.webview.manage-vault #manage-vault .item-list .segmented .control.selected {
    color: #fff;
    background: linear-gradient(-180deg, #66b2f7, #0085f7);
    font-weight: 400
}

body.webview.manage-vault.confirm #manage-vault {
    display: none
}

body.webview.manage-vault.mac.dark {
    background: transparent
}

body.webview.manage-vault.mac.dark #manage-vault .header .details h1 {
    color: #fff
}

body.webview.manage-vault.mac.dark #manage-vault .header .details p {
    color: rgba(255, 255, 255, .6)
}

body.webview.manage-vault.mac.dark #manage-vault .header .travel-safe .button {
    background-color: rgba(255, 255, 255, .25)
}

body.webview.manage-vault.mac.dark #manage-vault .header .travel-safe svg {
    fill: #fff
}

body.webview.manage-vault.mac.dark #manage-vault .item-list .empty-list {
    background-color: rgba(255, 255, 255, .05);
    border: solid .5px rgba(255, 255, 255, .15)
}

body.webview.manage-vault.mac.dark #manage-vault .item-list .list {
    background-color: rgba(255, 255, 255, .05);
    border: solid .5px rgba(255, 255, 255, .15)
}

body.webview.manage-vault.mac.dark #manage-vault .item-list .list .item label .details h4 {
    color: #fff
}

body.webview.manage-vault.mac.dark #manage-vault .item-list .list .item label .details small {
    color: rgba(255, 255, 255, .6)
}

body.webview.manage-vault.mac.dark #manage-vault .item-list .list .item label .details .state-note {
    color: rgba(255, 255, 255, .85)
}

body.webview.manage-vault.mac.dark #manage-vault .item-list .list .item label .details .state-note.error {
    color: rgba(255, 128, 102, .7)
}

body.webview.manage-vault.mac.dark #manage-vault .item-list .search :-ms-input-placeholder,
body.webview.manage-vault.mac.dark #manage-vault .item-list .search-wrapper :-ms-input-placeholder {
    color: rgba(255, 255, 255, .6)
}

body.webview.manage-vault.mac.dark #manage-vault .item-list .search ::placeholder,
body.webview.manage-vault.mac.dark #manage-vault .item-list .search-wrapper ::placeholder {
    color: rgba(255, 255, 255, .6)
}

body.webview.manage-vault.mac.dark #manage-vault .item-list .search input[type=search],
body.webview.manage-vault.mac.dark #manage-vault .item-list .search-wrapper input[type=search] {
    background-image: url('data:image/svg+xml;utf8,<svg width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path d="M12 10.4c-.4-.3-.5-.8-.3-1 .6-1.2 1-2.5.7-4C12 3 10 .5 7.4.2 3-.5-.7 3 0 7.5c.5 2.7 2.7 4.8 5.4 5.2 1.3.2 2.6 0 3.7-.7.5-.3 1-.2 1.2 0l3.8 4c.5.6 1.3.6 1.7 0 .5-.5.5-1.3 0-1.7l-3.8-4zm-10.4-4c0-2.7 2-4.8 4.6-4.8 2.6 0 4.6 2 4.6 4.7 0 2.6-2 4.7-4.6 4.7-2.5 0-4.6-2-4.6-4.7z" fill="%23gba(255, 255, 255, 0.6)" fill-rule="evenodd"/></svg>');
    background-repeat: no-repeat;
    box-shadow: inset 0 1.5px 1.5px 0 rgba(0, 0, 0, .1), inset 0 -0.5px 0 0 rgba(255, 255, 255, .09), inset 0 -1px 0 0 rgba(255, 255, 255, .08), inset 0 .5px 0 0 rgba(255, 255, 255, .05);
    background-color: rgba(255, 255, 255, .05);
    color: rgba(255, 255, 255, .85)
}

body.webview.manage-vault.mac.dark #manage-vault .item-list .search input[type=search]::-webkit-search-cancel-button,
body.webview.manage-vault.mac.dark #manage-vault .item-list .search-wrapper input[type=search]::-webkit-search-cancel-button {
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 12 12" width="12px" height="12px" xmlns="http://www.w3.org/2000/svg"><circle fill="%23gba(255, 255, 255, 0.25)" cx="6" cy="6" r="6"/><path fill="white" d="M6 5L4.4 3.4l-1 1 1.5 1.7-1.5 1.5 1 1L6 7.2l1.6 1.6 1-1L7.1 6l1.6-1.7-1-1z"/></svg>');
    background-repeat: no-repeat;
    appearance: none;
    height: 12px;
    width: 12px
}

body.webview.manage-vault.mac.dark #manage-vault .item-list .search input[type=search]:focus,
body.webview.manage-vault.mac.dark #manage-vault .item-list .search-wrapper input[type=search]:focus {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .25)
}

body.webview.manage-vault.mac.dark #manage-vault .item-list .search input[type=search]:focus::-webkit-search-cancel-button,
body.webview.manage-vault.mac.dark #manage-vault .item-list .search-wrapper input[type=search]:focus::-webkit-search-cancel-button {
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 12 12" width="12px" height="12px" xmlns="http://www.w3.org/2000/svg"><circle fill="%23gba(255, 255, 255, 0.6)" cx="6" cy="6" r="6"/><path fill="white" d="M6 5L4.4 3.4l-1 1 1.5 1.7-1.5 1.5 1 1L6 7.2l1.6 1.6 1-1L7.1 6l1.6-1.7-1-1z"/></svg>');
    background-repeat: no-repeat
}

body.webview.manage-vault.mac.dark #manage-vault .item-list .search input[type=search].loading,
body.webview.manage-vault.mac.dark #manage-vault .item-list .search-wrapper input[type=search].loading {
    background-image: none
}

body.webview.manage-vault.mac.dark #manage-vault .item-list .segmented {
    box-shadow: 0 .5px 1.5px 0 rgba(0, 0, 0, .2), inset 0 .5px 0 0 rgba(255, 255, 255, .16), inset 0 1px 0 0 rgba(255, 255, 255, .04);
    background-color: rgba(255, 255, 255, .25)
}

body.webview.manage-vault.mac.dark #manage-vault .item-list .segmented .control {
    color: rgba(255, 255, 255, .85)
}

body.webview.manage-vault.mac.dark #modal {
    background: rgba(255, 255, 255, .05);
    color: rgba(255, 255, 255, .6)
}

body.webview.manage-vault.mac.dark #modal>header a:hover {
    color: rgba(255, 255, 255, .6)
}

body.webview.manage-vault.mac.dark #modal>header.red {
    background-color: #4b2929;
    border-color: #563332
}

body.webview.manage-vault.mac.dark #modal>header.red h3 {
    color: #fff
}

body.webview.unsupported #unsupported {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    min-width: 320px;
    max-width: 430px;
    padding: 0 10px;
    width: 100%;
    height: 100%;
    overflow: hidden
}

body.webview.unsupported #unsupported #paddy-error,
body.webview.unsupported #unsupported #paddy-error .text {
    display: flex;
    flex-direction: column;
    align-items: center
}

body.webview.unsupported #unsupported #paddy-error .paddy,
body.webview.unsupported #unsupported #paddy-error h1,
body.webview.unsupported #unsupported #paddy-error span,
body.webview.unsupported #unsupported #paddy-error .text .paddy,
body.webview.unsupported #unsupported #paddy-error .text h1,
body.webview.unsupported #unsupported #paddy-error .text span {
    margin: 0 0 1rem
}

body.webview.unsupported #unsupported #paddy-error h1,
body.webview.unsupported #unsupported #paddy-error span,
body.webview.unsupported #unsupported #paddy-error .text h1,
body.webview.unsupported #unsupported #paddy-error .text span {
    text-align: center
}

body.webview.unsupported.mac.dark {
    background: transparent
}

body.webview.unsupported.mac.dark #unsupported #paddy-error h1,
body.webview.unsupported.mac.dark #unsupported #paddy-error h2 {
    color: #fff
}

body.webview.unsupported.mac.dark #unsupported #paddy-error span {
    color: rgba(255, 255, 255, .6)
}

body.webview #signup .main-container {
    padding-top: 0;
    max-width: 1024px;
    margin: 0 auto 1rem
}

body.webview #signup .main-container.subscribe main {
    background-color: transparent;
    padding: 1rem
}

body.webview #signup main {
    width: 100%;
    padding: 2rem;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
    min-height: 400px
}

body.webview #signup .section:first-child {
    margin-top: 0
}

body.webview #signup button {
    border-radius: 6px;
    border: none;
    box-shadow: none
}

body.webview #signup button:disabled {
    background-color: #a2a2a2
}

body.webview #signup h1 {
    font-size: 1.2rem;
    line-height: 1.2rem
}

body.webview #signup .secondary {
    color: #818181
}

body.webview #signup .tag {
    background-color: #f3d661;
    padding: 0 4px;
    border-radius: 4px;
    font-size: .7rem;
    font-weight: 500;
    text-transform: uppercase;
    max-height: 18px
}

body.webview #signup .card {
    margin-bottom: 1rem;
    padding: 2rem;
    background-color: #fcfcfc;
    border-radius: 8px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08)
}

body.webview #signup .card.family label.option {
    border-color: #5f51b1
}

body.webview #signup .card.family button:not(:disabled) {
    background-color: #5f51b1
}

body.webview #signup .card.family button.option {
    background-color: transparent
}

body.webview #signup .card.family button.option.selected {
    color: #5f51b1
}

body.webview #signup .card.family header {
    background-color: #7369bf
}

body.webview #signup .card.family .switcher .selected-underline {
    left: calc(75% - 4rem)
}

body.webview #signup .card.individual label.option {
    border-color: #0085f7
}

body.webview #signup .card.individual button:not(:disabled) {
    background-color: #0085f7
}

body.webview #signup .card.individual button.option {
    background-color: transparent
}

body.webview #signup .card.individual button.option.selected {
    color: #0085f7
}

body.webview #signup .card.individual header {
    background-color: #0085f7
}

body.webview #signup .card.individual .switcher .selected-underline {
    left: calc(25% - 2.5rem)
}

body.webview #signup .card header {
    margin: -2rem -2rem 0;
    border-radius: 8px 8px 0 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: column;
    overflow: hidden
}

body.webview #signup .card header img {
    min-height: 200px;
    max-height: 200px
}

@media only screen and (min-width: 375px) {
    body.webview #signup .card header img {
        min-height: 230px;
        max-height: 230px
    }
}

@media only screen and (min-width: 400px) {
    body.webview #signup .card header img {
        min-height: 260px;
        max-height: 260px
    }
}

body.webview #signup .card header img.f {
    animation: slideright .5s ease-in
}

body.webview #signup .card header img.i {
    animation: slideleft .5s ease-in
}

@keyframes slideright {
    from {
        transform: translate3d(-50%, 0, 0)
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideleft {
    from {
        transform: translate3d(50%, 0, 0)
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

body.webview #signup .card .switcher {
    display: flex;
    flex-wrap: wrap
}

body.webview #signup .card .switcher .option {
    flex: 1;
    background-color: transparent;
    padding-bottom: 1rem;
    font-size: 1.1rem;
    font-weight: 500
}

body.webview #signup .card .switcher .selected-underline {
    transition: all ease-in .5s;
    position: relative;
    bottom: 3px
}

body.webview #signup .promo {
    font-size: .8rem;
    margin-top: 2px
}

body.webview #signup label.option {
    margin-top: 1rem;
    padding-top: 1rem;
    display: flex
}

body.webview #signup label.option:not(:first-of-type) {
    border-top: 1px solid #0085f7
}

body.webview #signup label.option span {
    color: #353535;
    margin-left: .5rem
}

body.webview #signup label.option span:not(.tag) {
    font-weight: 600
}

body.webview #signup label.option .price {
    flex: 1;
    text-align: right
}

body.webview #signup .faq {
    padding-top: 2rem;
    margin: 1rem 1.5rem;
    font-size: .85rem;
    color: #a2a2a2;
    border-top: 1px solid
}

#modal.native-person-selector {
    width: 100%;
    height: 100%;
    max-height: none;
    position: relative;
    top: 0;
    border-radius: 0;
    box-shadow: none
}

#modal.native-person-selector .item-list .list {
    margin: .5rem
}

#modal.native-person-selector .item-list .item input[type=radio] {
    width: auto;
    margin-right: .8rem
}

#modal.native-person-selector .item-list .item .details {
    font-weight: normal
}

#modal.native-person-selector .item-list .item .details h4 {
    color: #333
}

#modal.native-person-selector .item-list .item .details .state-note {
    display: none !important
}

body.dark #modal.native-person-selector {
    background-color: #333;
    --csstools-color-scheme--light: ;
    color-scheme: dark
}

body.dark #modal.native-person-selector .item-list h4 {
    color: #fff !important
}

body.dark #modal.native-person-selector .item-list h3,
body.dark #modal.native-person-selector .item-list p,
body.dark #modal.native-person-selector .item-list small {
    color: #cbcccd
}

body.dark #modal.native-person-selector .item-list .empty-list img {
    opacity: .8
}

#import {
    padding-bottom: 100px
}

#import #import-content {
    height: 100%
}

#import #import-content h3 {
    font-size: 1.2rem;
    line-height: 1.3rem;
    color: #707070;
    font-weight: normal;
    margin-top: 1.8rem
}

#import #import-content #formats-list {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    max-width: 1500px
}

#import #import-content #formats-list .import-box {
    height: 98px
}

#import #import-content #formats-list .import-box:hover {
    background: var(--knox-background-transparent-hover)
}

#import #import-content #formats-list a {
    text-align: center;
    display: block;
    width: 128px;
    -webkit-text-decoration: none;
    text-decoration: none
}

#import #import-content #formats-list a:active {
    background-color: #e4e6e7;
    border-color: #999
}

#import #import-content #formats-list a .import-logos {
    height: 28px;
    vertical-align: -9px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none
}

#import #import-content #formats-list a .import-chevron {
    float: right;
    padding-top: 12px
}

@media only screen and (min-width: 925px) {
    #import #import-content #formats-list {
        justify-content: flex-start
    }
}

#import #import-content #importer p:not(:first-of-type) {
    margin-top: 20px
}

#import #import-content #importer p strong {
    display: block;
    margin-bottom: 2px
}

#import #import-content #importer .instruction-text {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 11px
}

#import #import-content #importer .textarea-active {
    border-radius: 0 0 6px 6px;
    border: 1px solid #dadde6;
    border-top: 2px dashed #dadde6;
    padding: 33px 15px;
    margin-top: -2px
}

#import #import-content #importer .dropzone {
    outline: 0;
    border-radius: 6px
}

[data-focus-visible] #import #import-content #importer .dropzone:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

#import .text-area {
    padding: 15px;
    border: 1px solid #cbcccd;
    border-bottom: none;
    height: 180px;
    resize: vertical;
    border-radius: 6px 6px 0 0;
    box-shadow: none !important
}

#import .upload-box {
    border-style: dashed
}

#import .ordered-list {
    list-style: decimal
}

#import .importer-warning {
    padding: .5em 1em 1em;
    background-color: #faf2e1;
    font-size: 1rem;
    margin: 1em 0;
    font-weight: 600;
    border-radius: 8px;
    position: relative
}

#import .importer-warning .close-importer-warning {
    position: absolute;
    top: 0;
    right: 0;
    padding: 1em
}

#import .importer-warning .description {
    font-weight: 400;
    margin-top: 5px
}

#import .importer-warning .importer-contact-link {
    font-weight: 600;
    -webkit-text-decoration: none;
    text-decoration: none;
    color: #333;
    padding-left: .5em
}

#import .select-menu-button {
    width: 150px;
    border-radius: 6px;
    border: 1px solid #dadde6;
    background-color: #fff;
    padding: 8px 15px 9px;
    font-size: .8rem
}

#import .select-menu-button::after {
    width: 10px;
    height: 6px
}

#import .select-menu-button .row-type-option {
    display: flex
}

#import .select-menu-button .row-type-option img {
    width: 16px;
    height: 16px;
    margin-right: 10px
}

#import .importer-table-wrapper {
    display: inline-block;
    max-width: 100%;
    flex-direction: column
}

#import .importer-table-wrapper.row-identification .csv-table {
    border: 1px solid #dadde6;
    border-bottom: none;
    border-radius: 6px;
    overflow: hidden
}

#import .importer-table-wrapper.row-identification .csv-table-cell:not(.first-column) {
    border-right: 1px solid #dadde6
}

#import .importer-table-wrapper.row-identification .csv-table-cell:last-child {
    border-right: 0
}

#import .importer-table-wrapper:not(.row-identification) .csv-table-cell {
    border-right: 1px solid #dadde6
}

#import .importer-table-wrapper:not(.row-identification) .csv-table-cell:first-child {
    border-left: 1px solid #dadde6
}

#import .importer-table-wrapper .csv-table-container {
    overflow-x: scroll;
    overscroll-behavior-x: none
}

#import .importer-table-wrapper .csv-table-container::-webkit-scrollbar {
    appearance: none;
    height: 6px
}

#import .importer-table-wrapper .csv-table-container::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .25)
}

#import .importer-table-wrapper .csv-table-container .csv-table {
    display: table;
    text-align: left;
    text-overflow: ellipsis;
    border-collapse: separate
}

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-body {
    display: table-row-group
}

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-head {
    display: table-header-group
}

#import .importer-table-wrapper .csv-table-container .csv-table .add-header-label {
    background: var(--knox-background-brand-weak)
}

#import .importer-table-wrapper .csv-table-container .csv-table .csv-header-selector {
    height: var(--knox-spacing-medium)
}

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row {
    display: table-row
}

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row .csv-table-cell.csv-table-header-cell {
    display: table-cell;
    font-weight: 500;
    border-top: 1px solid #dadde6;
    border-bottom: 1px solid #dadde6;
    border-right: 1px solid #dadde6;
    box-shadow: 0 4px 2px -2px rgba(0, 0, 0, .07)
}

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row .csv-table-cell.csv-table-header-cell:first-child {
    border-radius: 6px 0 0;
    border-left: 1px solid #dadde6;
    border-right: 1px solid #dadde6
}

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row .csv-table-cell.csv-table-header-cell:last-child {
    border-radius: 0 6px 0 0;
    border-right: 1px solid #dadde6
}

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row .csv-table-cell.csv-table-header-cell div.active {
    top: 45px;
    left: -15px;
    box-shadow: var(--knox-elevation-high)
}

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row.add-header-label .csv-table-cell.csv-table-header-cell {
    border-top: 2px solid var(--knox-border-brand);
    border-bottom: 2px solid var(--knox-border-brand)
}

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row.add-header-label .csv-table-cell.csv-table-header-cell:first-child {
    border-left: 2px solid var(--knox-border-brand)
}

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row.add-header-label .csv-table-cell.csv-table-header-cell:last-child {
    border-right: 2px solid var(--knox-border-brand)
}

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row .importer-column-header-button {
    width: 100%;
    border-radius: var(--knox-corner-radius-medium)
}

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row span {
    display: flex;
    justify-content: space-between;
    align-items: center
}

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row .csv-table-cell {
    display: table-cell;
    vertical-align: middle;
    border-bottom: 1px solid #dadde6
}

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row .csv-table-cell:not(.first-column) {
    width: 180px;
    height: 46px;
    padding: 12px
}

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row .csv-table-cell.first-column {
    width: 220px;
    height: 60px;
    padding: 12px;
    background-color: #f6f7fb;
    border-right: 1px solid #dadde6
}

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row .csv-table-cell .csv-table-cell-value-wrapper {
    width: 200px
}

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row .csv-table-cell .csv-table-cell-value-wrapper .csv-table-cell-value {
    display: inline-block;
    max-height: 60px;
    overflow: auto
}

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row .csv-table-cell .csv-table-cell-value-wrapper .csv-table-cell-value .tags .tag {
    background-color: #0572ec;
    color: #fff;
    padding: 2px 4px;
    border-radius: 5px;
    display: inline-block;
    margin-left: 5px;
    margin-bottom: 4px;
    -webkit-text-decoration: none;
    text-decoration: none
}

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row .csv-table-cell .csv-table-cell-value-wrapper .csv-table-cell-value .tags .tag:first-of-type {
    margin-left: 2px
}

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row .csv-table-cell .csv-table-cell-value-wrapper .csv-table-cell-value.empty-cell {
    color: rgba(0, 0, 0, .35)
}

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row .csv-table-cell .row-type-menu-wrapper {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row .csv-table-cell .row-type-menu-wrapper ul {
    padding: 0
}

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row .grayedout {
    opacity: .5
}

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row .concealed:not(:hover) .csv-table-cell-value-wrapper .csv-table-cell-value {
    display: none
}

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row .concealed:not(:hover) span::after {
    content: "••••••••••"
}

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row .header-label-success {
    background: var(--knox-background-success-weak)
}

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row .header-label-ignore {
    background: var(--knox-background-critical-weak)
}

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row .checkbox {
    min-width: 3em;
    max-width: 3em;
    width: 3em
}

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row input[type=checkbox] {
    display: block;
    font-size: 3rem;
    margin-top: 0
}

#import .importer-table-wrapper .csv-table-container .csv-table .csv-table-row .csv-table-row:nth-child(even) {
    background: #fcfcfd
}

#import .importer-table-wrapper .csv-table-pagination-bar {
    padding: 9px 20px 0;
    height: 48px;
    border-radius: 6px;
    background-color: #f6f7fb;
    border: 1px solid #dadde6;
    margin-top: 5px;
    margin-bottom: 10px
}

#import .importer-table-wrapper .csv-table-footer {
    height: 48px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    background-color: #f6f7fb;
    border: 1px solid #dadde6;
    margin-top: 5px;
    margin-bottom: 10px
}

#import .progress-tracker {
    border: 1px solid #dadde6;
    border-radius: 6px;
    padding: 15px;
    width: 100%
}

#import .progress-tracker .progress-header-wrapper {
    display: flex;
    justify-content: space-between
}

#import .progress-tracker .progress-header-wrapper .progress-header {
    font-size: 1.2em;
    font-weight: 600
}

#import .progress-tracker .progress-header-wrapper .progress-percentage {
    font-size: .9em;
    font-weight: 500;
    color: #999;
    position: relative;
    bottom: 7px
}

#import .progress-tracker .progress-bar-container {
    height: 4px;
    border-radius: 4px;
    margin: 0 auto;
    background-color: #d7d9e0
}

#import .progress-tracker .progress-bar-container .progress-bar {
    border-radius: 4px;
    height: 100%;
    background-color: #0572ec
}

#import .progress-tracker .progress-tip {
    font-size: .8em;
    color: #8fa1b3;
    margin-top: 6px
}

#import .info-button-wrapper {
    margin-top: 1em
}

#import .info-button {
    -webkit-text-decoration: none;
    text-decoration: none;
    padding-bottom: 1.2em
}

#import .info-button svg {
    position: relative;
    top: 1px
}

#import .info-text {
    margin-left: 10px
}

#import .info-text:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

#import .success-button {
    margin-top: 2em
}

#import .show-imported-link {
    padding: 12px 16px;
    font-size: 16px;
    font-family: inherit;
    font-weight: 400;
    line-height: 18px;
    border-radius: 8px;
    width: fit-content;
    color: #fff;
    background-color: #0572ec;
    box-shadow: inset 0 0 0 1px #1060d1
}

#import .show-imported-link:hover {
    background-color: #1060d1;
    color: #fff
}

#import .show-imported-link:focus {
    box-shadow: inset 0 0 0 1px #1060d1, 0 0 0 1px #1060d1
}

#import .show-imported-link:hover {
    -webkit-text-decoration: none;
    text-decoration: none
}

#csv-importer {
    height: 100%;
    text-align: left
}

#csv-importer-header-input {
    margin-top: .5rem;
    margin-bottom: 1.2rem
}

.importer-row-type-options {
    padding: 0 !important
}

.importer-row-type-options .dropdown-option {
    height: 48px;
    padding: 0 20px !important;
    border-radius: 0 !important
}

.importer-row-type-options .dropdown-option:not(:last-child) {
    border-bottom: 1px solid #dadde6
}

.importer-row-type-options .dropdown-option:last-of-type {
    font-weight: 500;
    color: #bd4628
}

.importer-row-type-options .dropdown-option:hover,
.importer-row-type-options .dropdown-option[data-current=true] {
    background-color: #e6f4ff !important;
    color: #1c70c4 !important
}

.importer-row-type-options .dropdown-option .row-type-option {
    display: flex;
    align-items: center;
    cursor: pointer
}

.importer-row-type-options .dropdown-option .row-type-option img {
    width: 18px;
    margin-right: 15px
}

.importer-column-header-options {
    padding: 0 !important;
    margin: 10px 0
}

.importer-column-header-options .header-option {
    width: 240px;
    padding: 15px 20px !important;
    border-radius: 0 !important;
    text-align: left;
    font-weight: normal
}

.importer-column-header-options .header-option:hover,
.importer-column-header-options .header-option[data-current=true] {
    background-color: #e6f4ff !important;
    color: #1c70c4 !important
}

.importer-column-header-options .header-option:first-of-type {
    padding-top: 20px !important
}

.importer-column-header-options .header-option:last-of-type {
    padding-bottom: 20px !important
}

.importer-column-header-options .header-option:not(:last-of-type) {
    border-bottom: 1px solid #dadde6
}

.importer-column-header-options .new-header {
    color: #1c70c4 !important
}

.importer-column-header-options .dont-import {
    color: #bd4628 !important
}

.importer-column-header-options .dont-import .dont-import-subheader {
    font-size: .8em;
    color: #999
}

#otp-entry input {
    width: 170px;
    font-size: 2rem !important;
    text-align: left;
    padding: 10px 15px;
    margin: 0;
    font-family: "Source Code Pro", "Menlo", "Monaco", "Andale Mono", "Anonymous Pro", "PT Mono", monospace;
    letter-spacing: normal;
    letter-spacing: 2px
}

@media only screen and (min-width: 370px) {
    #otp-entry input {
        font-size: 2.2rem !important
    }
}

#modal.mfa-popup {
    width: 404px;
    text-align: center;
    padding-bottom: 1.5rem;
    pointer-events: auto
}

#modal.mfa-popup .new-button {
    width: 300px !important
}

#modal.mfa-popup .start p.main {
    padding: 0 2rem;
    margin-bottom: 2.9rem
}

#modal.mfa-popup .start #mp-title {
    color: #707070;
    font-size: .9rem !important
}

#modal.mfa-popup .start #mp-input {
    width: 306px
}

#modal.mfa-popup .start #mp-input.error {
    box-shadow: inset 0 0 0 1px #b35947
}

#modal.mfa-popup .start #mp-error {
    color: #d43f21;
    font-size: .9rem !important;
    height: 16px
}

#modal.mfa-popup .scan-code p.main {
    margin-bottom: 1.7rem
}

#modal.mfa-popup .scan-code img {
    display: inline-block;
    width: 130px;
    height: 130px
}

#modal.mfa-popup .scan-code #cant-scan {
    display: inline-block;
    width: 140px;
    margin-left: 2rem;
    vertical-align: 30px
}

#modal.mfa-popup .scan-code #cant-scan>* {
    font-size: .9rem !important
}

#modal.mfa-popup .scan-code #cant-scan p {
    margin: 4px 0 !important
}

#modal.mfa-popup .scan-code #cant-scan span {
    font-family: "Source Code Pro", "Menlo", "Monaco", "Andale Mono", "Anonymous Pro", "PT Mono", monospace;
    letter-spacing: normal;
    font-weight: 600
}

#modal.mfa-popup .confirm p.main {
    padding: 0 4rem;
    margin-bottom: 2rem
}

#modal.mfa-popup .confirm #otp-error {
    color: #d43f21;
    font-size: .9rem !important;
    min-height: 16px;
    margin-top: 8px !important
}

#modal.mfa-popup .finished img.success-header {
    margin-top: 1rem
}

#modal.mfa-popup .finished p.main {
    margin: .6rem 0 !important
}

#modal.mfa-popup .notice img {
    width: 80px
}

#modal.mfa-popup .notice p.main {
    margin: 2rem 1rem .6rem !important;
    font-weight: 600
}

#modal.mfa-popup .security-key img.header {
    margin-bottom: 1.2rem;
    width: 368px;
    height: 139px;
    max-width: 100%
}

#modal.mfa-popup .security-key .name-label {
    color: #707070;
    font-size: .9rem !important;
    margin-top: .9rem !important
}

#modal.mfa-popup .security-key input {
    width: 306px
}

#modal.mfa-popup .security-key .spinner {
    margin-top: 2rem
}

#modal.mfa-popup .security-key .box.sand {
    font-weight: 500
}

#modal.mfa-popup .security-key .box.sand button {
    margin-top: 1rem
}

#modal.mfa-popup .manage-mfa button {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto
}

#modal.mfa-popup .manage-mfa button {
    margin-bottom: 1rem
}

#modal.mfa-popup .manage-mfa .no-keys {
    font-size: .9rem !important;
    font-weight: 500
}

#main-content .manage-2fa {
    max-width: 700px
}

#main-content .manage-2fa .manage-2fa-header {
    display: flex;
    align-items: center;
    margin-bottom: 2.5rem
}

#main-content .manage-2fa .manage-2fa-header p {
    font-size: 1.1rem;
    line-height: 1.4rem;
    margin-top: 0
}

#main-content .manage-2fa .manage-2fa-header img {
    width: 51px;
    height: 64px;
    flex-shrink: 0;
    margin-right: 1.2rem
}

#main-content .manage-2fa .manage-2fa-status {
    margin-bottom: 2rem
}

#main-content .manage-2fa .manage-2fa-status .box {
    display: flex;
    align-items: center;
    justify-content: space-between
}

#main-content .manage-2fa .manage-2fa-status .box span {
    font-size: 1.1rem
}

#main-content .manage-2fa .manage-2fa-status .box:not(:first-child) {
    margin-top: 1rem
}

#main-content .manage-2fa .detail-view-section li img {
    margin-right: 1rem;
    width: 40px;
    height: 40px;
    flex-shrink: 0
}

#main-content .manage-2fa .detail-view-section li .content {
    max-width: 65% !important;
    display: block !important;
    margin: .3rem 0
}

#main-content .manage-2fa .detail-view-section li .content .name {
    color: #333
}

#main-content .manage-2fa .detail-view-section li .content .details {
    margin-top: .2rem
}

#main-content .manage-2fa .detail-view-section li button {
    flex-shrink: 0;
    margin-left: auto
}

.paddy-box .text .black {
    color: #333
}

.paddy-box .text .red {
    color: #e60000
}

.paddy-box .text .green {
    color: green
}

#modal.change-mp-popup .paddy-box {
    background-color: #faf2e1;
    border: 1px solid #e6d2ac;
    border-top: 0;
    border-radius: 0 0 6px 6px;
    padding: 7px;
    display: flex;
    align-items: center
}

#modal.change-mp-popup .paddy-box img {
    height: 46px;
    margin-right: 7px
}

body.panels #panel #register-mp .dark-blue,
body.panels #panel #register-mpgen .dark-blue,
body.panels #panel #register-practice .dark-blue {
    color: #478acc
}

body.panels #panel #register-mp div.fieldset,
body.panels #panel #register-mpgen div.fieldset,
body.panels #panel #register-practice div.fieldset {
    position: relative
}

body.panels #panel #register-mp div.form.signup,
body.panels #panel #register-mpgen div.form.signup,
body.panels #panel #register-practice div.form.signup {
    min-width: 67%
}

body.panels #panel #register-mp .paddy-box,
body.panels #panel #register-mpgen .paddy-box,
body.panels #panel #register-practice .paddy-box {
    display: flex;
    align-items: flex-start
}

body.panels #panel #register-mp .paddy-box img.paddy,
body.panels #panel #register-mpgen .paddy-box img.paddy,
body.panels #panel #register-practice .paddy-box img.paddy {
    margin: -15px 8px 0 -8px;
    flex: 0 0 auto
}

body.panels #panel #register-mp .paddy-box span,
body.panels #panel #register-mpgen .paddy-box span,
body.panels #panel #register-practice .paddy-box span {
    font-size: 1rem
}

body.panels #panel #register-mpgen #generator-main .paddy-box {
    margin: 0 3rem 0 0
}

body.panels #panel #register-practice .paddy-box {
    width: 100%
}

body.panels #panel #flow-join,
body.panels #panel #flow-register,
body.panels #panel #flow-team-join {
    align-items: center
}

body.panels #panel #paddy-error {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1 1 auto;
    width: auto
}

@media only screen and (min-width: 750px) {
    body.panels #panel #paddy-error img.paddy {
        margin-top: -23px
    }
}

body.panels #panel #paddy-error h1 {
    line-height: 1.8rem;
    text-align: center;
    margin-top: 1.3rem
}

body.panels #panel #paddy-error .description {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    font-size: 1rem;
    width: auto;
    margin-top: 15px
}

body.panels #panel #paddy-error .description ul {
    list-style-type: disc;
    margin-left: 1.2rem
}

body.panels #panel #paddy-error .description ul li+li {
    margin-top: .5rem
}

body.panels #panel #paddy-error .description #delete-account {
    margin-top: 20px;
    align-self: center
}

body.panels .webview #register-mp .paddy-box {
    width: 100%
}

body.panels .webview #register-mp .paddy-box .text span {
    font-size: .75rem
}

@media only screen and (min-width: 400px) {
    body.panels .webview #register-mp .paddy-box .text span {
        font-size: 1rem
    }
}

.dashboard #unlocked-app #top-bar #title-container {
    background-color: #f6f7fb
}

.dashboard #unlocked-app #main-content {
    padding: 20px;
    background-color: #f6f7fb
}

.dashboard #unlocked-app #main-content .columns {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    display: grid
}

@media(min-width: 950px) {
    .dashboard #unlocked-app #main-content .columns {
        grid-template-columns: 1fr 1fr 1fr
    }
}

.dashboard #unlocked-app #main-content .columns .column,
.dashboard #unlocked-app #main-content .columns .filler {
    display: flex;
    flex-direction: column;
    flex: 1
}

@media(min-width: 950px) {

    .dashboard #unlocked-app #main-content .columns .column,
    .dashboard #unlocked-app #main-content .columns .filler {
        min-width: 360px
    }
}

.dashboard #unlocked-app #main-content .columns .column .card,
.dashboard #unlocked-app #main-content .columns .filler .card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 10px;
    background-color: #fff;
    border: 1px solid #dadde6;
    cursor: default;
    border-radius: 6px
}

.dashboard #unlocked-app #main-content .columns .column .card .header,
.dashboard #unlocked-app #main-content .columns .filler .card .header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    padding: 0 10px 0 15px;
    border-bottom: 1px solid #d7d9e0;
    border-radius: 6px 6px 0 0
}

.dashboard #unlocked-app #main-content .columns .column .card .header h2,
.dashboard #unlocked-app #main-content .columns .filler .card .header h2 {
    font-size: .95rem;
    font-weight: 400
}

.dashboard #unlocked-app #main-content .columns .column .card .header .add,
.dashboard #unlocked-app #main-content .columns .filler .card .header .add {
    border-radius: 4px;
    background-color: transparent
}

.dashboard #unlocked-app #main-content .columns .column .card .main,
.dashboard #unlocked-app #main-content .columns .filler .card .main {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 15px
}

.dashboard #unlocked-app #main-content .columns .column .card .main .no-users,
.dashboard #unlocked-app #main-content .columns .filler .card .main .no-users {
    min-height: 125px;
    position: relative
}

.dashboard #unlocked-app #main-content .columns .column .card .main .no-users img,
.dashboard #unlocked-app #main-content .columns .filler .card .main .no-users img {
    height: 90px;
    position: absolute;
    bottom: 0;
    right: 5%
}

.dashboard #unlocked-app #main-content .columns .column .card .main .users,
.dashboard #unlocked-app #main-content .columns .filler .card .main .users {
    position: relative;
    margin: 15px -15px 0 0
}

.dashboard #unlocked-app #main-content .columns .column .card .main .users .fade,
.dashboard #unlocked-app #main-content .columns .filler .card .main .users .fade {
    position: absolute;
    height: 20px;
    bottom: 0;
    left: 0;
    right: 15px;
    background: linear-gradient(-180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8) 100%)
}

.dashboard #unlocked-app #main-content .columns .column .card .main .users .user-list,
.dashboard #unlocked-app #main-content .columns .filler .card .main .users .user-list {
    padding-bottom: 5px;
    min-height: 40px;
    max-height: 290px;
    overflow-y: auto
}

.dashboard #unlocked-app #main-content .columns .column .card .main .users .user-list .user,
.dashboard #unlocked-app #main-content .columns .filler .card .main .users .user-list .user {
    position: relative;
    display: flex;
    flex-direction: row;
    margin: 0 0 10px
}

.dashboard #unlocked-app #main-content .columns .column .card .main .users .user-list .user .avatar,
.dashboard #unlocked-app #main-content .columns .filler .card .main .users .user-list .user .avatar {
    flex-shrink: 0;
    margin-top: 3px
}

.dashboard #unlocked-app #main-content .columns .column .card .main .users .user-list .user .details,
.dashboard #unlocked-app #main-content .columns .filler .card .main .users .user-list .user .details {
    display: flex;
    flex-direction: column;
    flex: 1;
    margin: 0 15px 0 10px
}

.dashboard #unlocked-app #main-content .columns .column .card .main .users .user-list .user .details>*,
.dashboard #unlocked-app #main-content .columns .filler .card .main .users .user-list .user .details>* {
    width: 0;
    min-width: 100%;
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.dashboard #unlocked-app #main-content .columns .column .card .main .users .user-list .user .details .name,
.dashboard #unlocked-app #main-content .columns .filler .card .main .users .user-list .user .details .name {
    color: #333;
    font-size: 1rem;
    font-weight: 500
}

.dashboard #unlocked-app #main-content .columns .column .card .main .users .user-list .user .details .email,
.dashboard #unlocked-app #main-content .columns .filler .card .main .users .user-list .user .details .email {
    color: #707070;
    font-size: .9rem;
    font-weight: 400
}

.dashboard #unlocked-app #main-content .columns .column .card .main .users .user-list .user .action,
.dashboard #unlocked-app #main-content .columns .filler .card .main .users .user-list .user .action {
    opacity: 0;
    position: absolute;
    right: 12px;
    height: 23px
}

.dashboard #unlocked-app #main-content .columns .column .card .main .users .user-list .user .action:hover,
.dashboard #unlocked-app #main-content .columns .column .card .main .users .user-list .user .action:focus,
.dashboard #unlocked-app #main-content .columns .filler .card .main .users .user-list .user .action:hover,
.dashboard #unlocked-app #main-content .columns .filler .card .main .users .user-list .user .action:focus {
    opacity: 1
}

.dashboard #unlocked-app #main-content .columns .column .card .main .users .user-list .user:hover .action,
.dashboard #unlocked-app #main-content .columns .filler .card .main .users .user-list .user:hover .action {
    opacity: 1
}

.dashboard #unlocked-app #main-content .columns .column .card .main .filter-button,
.dashboard #unlocked-app #main-content .columns .column .card .main .filter-button:visited,
.dashboard #unlocked-app #main-content .columns .filler .card .main .filter-button,
.dashboard #unlocked-app #main-content .columns .filler .card .main .filter-button:visited {
    color: inherit;
    -webkit-text-decoration: none;
    text-decoration: none;
    padding: 15px 0 0;
    text-align: left;
    font-size: 1.1rem;
    font-weight: 500;
    z-index: 1
}

.dashboard #unlocked-app #main-content .columns .column .card .main .filter-button .link-text,
.dashboard #unlocked-app #main-content .columns .column .card .main .filter-button:visited .link-text,
.dashboard #unlocked-app #main-content .columns .filler .card .main .filter-button .link-text,
.dashboard #unlocked-app #main-content .columns .filler .card .main .filter-button:visited .link-text {
    white-space: nowrap
}

.dashboard #unlocked-app #main-content .columns .column .card .main .filter-button svg,
.dashboard #unlocked-app #main-content .columns .column .card .main .filter-button:visited svg,
.dashboard #unlocked-app #main-content .columns .filler .card .main .filter-button svg,
.dashboard #unlocked-app #main-content .columns .filler .card .main .filter-button:visited svg {
    float: right;
    margin-top: 2px
}

.dashboard #unlocked-app #main-content .columns .column .card .main .filter-button:first-child,
.dashboard #unlocked-app #main-content .columns .column .card .main .filter-button:visited:first-child,
.dashboard #unlocked-app #main-content .columns .filler .card .main .filter-button:first-child,
.dashboard #unlocked-app #main-content .columns .filler .card .main .filter-button:visited:first-child {
    padding-top: 0;
    border-top: none
}

.dashboard #unlocked-app #main-content .columns .column .card .main .filter-button.inactive,
.dashboard #unlocked-app #main-content .columns .column .card .main .filter-button:visited.inactive,
.dashboard #unlocked-app #main-content .columns .filler .card .main .filter-button.inactive,
.dashboard #unlocked-app #main-content .columns .filler .card .main .filter-button:visited.inactive {
    color: #666
}

.dashboard #unlocked-app #main-content .columns .column .card .main .filter-button.inactive svg,
.dashboard #unlocked-app #main-content .columns .column .card .main .filter-button:visited.inactive svg,
.dashboard #unlocked-app #main-content .columns .filler .card .main .filter-button.inactive svg,
.dashboard #unlocked-app #main-content .columns .filler .card .main .filter-button:visited.inactive svg {
    fill: #666
}

.dashboard #unlocked-app #main-content .columns .column .card.invite,
.dashboard #unlocked-app #main-content .columns .filler .card.invite {
    color: #5f51b1
}

.dashboard #unlocked-app #main-content .columns .column .card.invite svg,
.dashboard #unlocked-app #main-content .columns .filler .card.invite svg {
    fill: #5f51b1
}

.dashboard #unlocked-app #main-content .columns .column .card.invite .filter-button,
.dashboard #unlocked-app #main-content .columns .filler .card.invite .filter-button {
    border-top: 2px solid #e8e7f5
}

.dashboard #unlocked-app #main-content .columns .column .card.invite .header,
.dashboard #unlocked-app #main-content .columns .filler .card.invite .header {
    background-color: rgba(232, 231, 245, .6);
    border-color: rgba(205, 202, 230, .5)
}

.dashboard #unlocked-app #main-content .columns .column .card.invite .header .add:hover,
.dashboard #unlocked-app #main-content .columns .filler .card.invite .header .add:hover {
    background-color: #5f51b1
}

.dashboard #unlocked-app #main-content .columns .column .card.invite .header .add:hover svg,
.dashboard #unlocked-app #main-content .columns .filler .card.invite .header .add:hover svg {
    fill: #e8e7f5
}

.dashboard #unlocked-app #main-content .columns .column .card.invite .action,
.dashboard #unlocked-app #main-content .columns .filler .card.invite .action {
    color: #fff;
    background-color: #5f51b1;
    box-shadow: inset 0 0 0 1px #5f51b1, -30px 0 10px #fff
}

.dashboard #unlocked-app #main-content .columns .column .card.recover,
.dashboard #unlocked-app #main-content .columns .filler .card.recover {
    color: #9c5a21
}

.dashboard #unlocked-app #main-content .columns .column .card.recover svg,
.dashboard #unlocked-app #main-content .columns .filler .card.recover svg {
    fill: #9c5a21
}

.dashboard #unlocked-app #main-content .columns .column .card.recover .filter-button,
.dashboard #unlocked-app #main-content .columns .filler .card.recover .filter-button {
    border-top: 2px solid #faf2e1
}

.dashboard #unlocked-app #main-content .columns .column .card.recover .header,
.dashboard #unlocked-app #main-content .columns .filler .card.recover .header {
    background-color: rgba(250, 242, 225, .8);
    border-color: rgba(230, 210, 172, .5)
}

.dashboard #unlocked-app #main-content .columns .column .card.recover .header .add:hover,
.dashboard #unlocked-app #main-content .columns .filler .card.recover .header .add:hover {
    background-color: #9c5a21
}

.dashboard #unlocked-app #main-content .columns .column .card.recover .header .add:hover svg,
.dashboard #unlocked-app #main-content .columns .filler .card.recover .header .add:hover svg {
    fill: #faf2e1
}

.dashboard #unlocked-app #main-content .columns .column .card.recover .action,
.dashboard #unlocked-app #main-content .columns .filler .card.recover .action {
    color: #fff;
    background-color: #9c5a21;
    box-shadow: inset 0 0 0 1px #9c5a21, -30px 0 10px #fff
}

.dashboard #unlocked-app #main-content .columns .column .card.travel,
.dashboard #unlocked-app #main-content .columns .filler .card.travel {
    color: #996a1a
}

.dashboard #unlocked-app #main-content .columns .column .card.travel svg,
.dashboard #unlocked-app #main-content .columns .filler .card.travel svg {
    fill: #996a1a
}

.dashboard #unlocked-app #main-content .columns .column .card.travel .main,
.dashboard #unlocked-app #main-content .columns .filler .card.travel .main {
    padding-bottom: 5px
}

.dashboard #unlocked-app #main-content .columns .column .card.travel .main .filter-button,
.dashboard #unlocked-app #main-content .columns .filler .card.travel .main .filter-button {
    display: none
}

.dashboard #unlocked-app #main-content .columns .column .card.travel .main .filter-button.inactive.zero,
.dashboard #unlocked-app #main-content .columns .filler .card.travel .main .filter-button.inactive.zero {
    display: inline;
    display: initial
}

.dashboard #unlocked-app #main-content .columns .column .card.travel .main .no-users img,
.dashboard #unlocked-app #main-content .columns .filler .card.travel .main .no-users img {
    bottom: -5px
}

.dashboard #unlocked-app #main-content .columns .column .card.travel .main .users,
.dashboard #unlocked-app #main-content .columns .filler .card.travel .main .users {
    margin-top: 0
}

.dashboard #unlocked-app #main-content .columns .column .card.travel .main .users .fade,
.dashboard #unlocked-app #main-content .columns .filler .card.travel .main .users .fade {
    display: none
}

.dashboard #unlocked-app #main-content .columns .column .card.travel .main .users .user-list,
.dashboard #unlocked-app #main-content .columns .filler .card.travel .main .users .user-list {
    padding-bottom: 0
}

.dashboard #unlocked-app #main-content .columns .column .card.travel .header,
.dashboard #unlocked-app #main-content .columns .filler .card.travel .header {
    background-color: #fffae1;
    border-color: rgba(153, 106, 26, .2)
}

.dashboard #unlocked-app #main-content .columns .column .card.travel .header .add:hover,
.dashboard #unlocked-app #main-content .columns .filler .card.travel .header .add:hover {
    background-color: #996a1a
}

.dashboard #unlocked-app #main-content .columns .column .card.travel .header .add:hover svg,
.dashboard #unlocked-app #main-content .columns .filler .card.travel .header .add:hover svg {
    fill: #fffae1
}

.dashboard #unlocked-app #main-content .columns .column .card.travel .action,
.dashboard #unlocked-app #main-content .columns .filler .card.travel .action {
    color: #996a1a;
    background-color: #fffae1;
    box-shadow: inset 0 0 0 1px #ffec9b, -30px 0 10px #fff
}

.dashboard #unlocked-app #main-content .columns .column .card.deleted,
.dashboard #unlocked-app #main-content .columns .column .card.suspended,
.dashboard #unlocked-app #main-content .columns .filler .card.deleted,
.dashboard #unlocked-app #main-content .columns .filler .card.suspended {
    color: #d43f21
}

.dashboard #unlocked-app #main-content .columns .column .card.deleted svg,
.dashboard #unlocked-app #main-content .columns .column .card.suspended svg,
.dashboard #unlocked-app #main-content .columns .filler .card.deleted svg,
.dashboard #unlocked-app #main-content .columns .filler .card.suspended svg {
    fill: #d43f21
}

.dashboard #unlocked-app #main-content .columns .column .card.report-links,
.dashboard #unlocked-app #main-content .columns .filler .card.report-links {
    color: #525c66
}

.dashboard #unlocked-app #main-content .columns .column .card.report-links .header,
.dashboard #unlocked-app #main-content .columns .filler .card.report-links .header {
    color: #646f82;
    background-color: #f6f7fb;
    border-color: #d7d9e0
}

.dashboard #unlocked-app #main-content .columns .column .card.report-links .main,
.dashboard #unlocked-app #main-content .columns .filler .card.report-links .main {
    padding: 0
}

.dashboard #unlocked-app #main-content .columns .column .card.report-links .main .filter-button,
.dashboard #unlocked-app #main-content .columns .filler .card.report-links .main .filter-button {
    padding: 1rem
}

.dashboard #unlocked-app #main-content .columns .column .card.report-links .main .filter-button:hover,
.dashboard #unlocked-app #main-content .columns .filler .card.report-links .main .filter-button:hover {
    color: #333;
    cursor: pointer
}

.dashboard #unlocked-app #main-content .columns .column .card.report-links .main .filter-button:not(:last-child),
.dashboard #unlocked-app #main-content .columns .filler .card.report-links .main .filter-button:not(:last-child) {
    border-bottom: 1px solid #d7d9e0
}

.dashboard #unlocked-app #main-content .loading {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 6rem 0 2rem
}

#troubleshooting-content {
    position: relative;
    margin: 0 auto;
    max-width: 600px
}

#troubleshooting-content .new-button {
    margin-top: 20px
}

#signup {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    justify-content: space-between;
    overflow: hidden;
    background-color: var(--knox-background-neutral-high);
    color: var(--knox-text-icon-neutral)
}

#signup h1 {
    line-height: 33.6px;
    font-size: var(--knox-font-size-heading-large)
}

@media(min-width: 568px) {
    #signup h1 {
        font-size: 32px;
        line-height: 38.4px
    }
}

#signup a {
    -webkit-text-decoration: none;
    text-decoration: none
}

#signup a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

#signup .signup {
    min-height: 100%;
    grid-template-rows: auto 1fr auto
}

#signup .header-container {
    z-index: 1
}

#signup .main-container {
    margin: 37px auto 0;
    max-width: 1188px;
    z-index: 3
}

#signup .main-container.progress-tracker {
    margin-top: 67px
}

@media(min-width: 568px) {
    #signup .main-container {
        margin: 80px auto 100px
    }

    #signup .main-container.progress-tracker {
        margin-top: 134px
    }
}

#signup main {
    margin: var(--knox-spacing-large)
}

@media(min-width: 883px) {
    #signup main {
        text-align: left;
        margin: 0 var(--knox-spacing-large)
    }
}

#signup main h1 {
    text-align: center
}

#signup main input:not([type=checkbox]) .error {
    border-color: var(--knox-border-critical)
}

#signup main input:not(:focus).error {
    box-shadow: inset 0 0 0 var(--knox-spacing-hairline) var(--knox-border-critical)
}

#signup main.text-gray-bg li,
#signup main.text-gray-bg p,
#signup main.text-gray-bg label,
#signup main .text-gray-bg li,
#signup main .text-gray-bg p,
#signup main .text-gray-bg label {
    background-color: var(--knox-background-neutral)
}

#signup main .popout p {
    text-align: center
}

#signup main .popout .tax p {
    text-align: left
}

#signup main .popout.text-gray-bg li,
#signup main .popout.text-gray-bg p,
#signup main .popout.text-gray-bg label {
    background-color: var(--knox-background-neutral)
}

@media(min-width: 568px) {

    #signup main .popout.text-gray-bg li,
    #signup main .popout.text-gray-bg p,
    #signup main .popout.text-gray-bg label {
        background-color: transparent;
        background-color: initial
    }
}

@media(min-width: 568px) {
    #signup main .popout {
        border-radius: var(--knox-corner-radius-large);
        box-shadow: var(--knox-elevation-medium);
        background-color: var(--knox-background-neutral-high);
        padding: var(--knox-spacing-2xl) var(--knox-spacing-3xl)
    }
}

#signup main .popout .payment-form-toggle,
#signup main .popout .gift-card-form-toggle {
    padding: 0 var(--knox-spacing-xs) !important
}

#signup main .popout .payment-form-toggle button,
#signup main .popout .gift-card-form-toggle button {
    margin: 0 !important;
    font-size: var(--knox-font-size-heading-small) !important;
    padding: var(--knox-spacing-xs)
}

[data-focus-visible] #signup main .popout .payment-form-toggle button:focus,
[data-focus-visible] #signup main .popout .gift-card-form-toggle button:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

#signup main .credit-card.form p {
    text-align: left
}

#signup main .secondary-cta {
    text-align: center;
    color: var(--knox-text-icon-brand);
    font-weight: 500;
    line-height: 21.6px;
    letter-spacing: .3px;
    margin-top: var(--knox-spacing-large);
    font-size: 18px;
    background-color: var(--knox-background-neutral-high)
}

@media(min-width: 568px) {
    #signup main .secondary-cta {
        background-color: transparent;
        background-color: initial
    }
}

#signup main .secondary-cta:hover {
    cursor: pointer
}

#signup main .secondary-cta:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

#signup main button:not(.knox-reset) {
    width: 100%;
    margin-top: var(--knox-spacing-large);
    font-size: 18px;
    font-weight: var(--knox-font-weight-body-default);
    letter-spacing: .3px
}

#signup main button:not(.knox-reset).new-button {
    padding: var(--knox-spacing-small) var(--knox-spacing-medium)
}

#signup main .supplemental {
    font-size: var(--knox-font-size-body-large);
    font-weight: normal;
    margin-top: var(--knox-spacing-xl)
}

#signup main .paddy-box {
    display: flex;
    align-items: center;
    margin-top: var(--knox-spacing-large)
}

#signup main .paddy-box .paddy {
    margin-right: var(--knox-spacing-medium);
    width: 72px;
    height: 92px;
    flex-shrink: 0
}

#signup main .paddy-box .text h5 {
    font-size: var(--knox-spacing-medium);
    text-transform: none;
    margin-bottom: var(--knox-spacing-2xs)
}

#signup main .paddy-box .text span {
    color: var(--knox-text-icon-neutral-weak);
    font-weight: 500
}

#signup main .promo-box {
    position: relative;
    overflow: hidden;
    padding: var(--knox-spacing-small)
}

#signup main .promo-box.loading {
    min-height: 4.5rem
}

#signup main .promo-box.peach {
    box-shadow: none;
    border: var(--knox-spacing-hairline) solid #e6d2ac
}

#signup main .promo-box .promo-code {
    display: block;
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: .2rem
}

#signup main .promo-box img {
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto 0
}

#signup main .promo-box img.spinner {
    left: 10px
}

#signup main .combined-field>* {
    margin-top: 0;
    border-radius: 0
}

#signup main .combined-field>*:first-child {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

#signup main .combined-field>*:last-child {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

#signup main .tax-info {
    text-align: left !important;
    background: var(--knox-background-brand-weak) !important;
    margin-top: -var(--knox-spacing-hairline);
    min-height: 40px;
    height: auto
}

#signup main .tax-info .emoji {
    font-size: 1.4em;
    line-height: 1.1;
    float: left;
    letter-spacing: 0
}

#signup main .tax-info .text {
    display: block;
    margin-left: 2rem
}

#signup main .tax-info .text:nth-child(3) {
    margin-top: .2rem
}

#signup main .signup-error .new-button {
    width: 100%;
    display: block;
    margin-top: var(--knox-spacing-large);
    text-align: center;
    -webkit-text-decoration: none;
    text-decoration: none
}

#signup main .signup-error button+a.new-button {
    margin-top: var(--knox-spacing-medium)
}

#signup main .signup-error .paddy {
    width: 120px;
    height: 144px;
    display: block;
    margin: 0 auto
}

#signup main .box.red {
    font-weight: 500
}

#signup main .plans .button {
    color: #fff;
    display: inline-block;
    width: 264px;
    font-size: 18px;
    padding: 15px;
    border-radius: var(--knox-spacing-large)
}

#signup main .plans .button:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

#signup main .plans .button.individual {
    background-color: #c44598
}

#signup main .plans .button.individual:hover {
    background-color: #aa3682;
    -webkit-text-decoration: none;
    text-decoration: none
}

#signup main .plans .button.family {
    background-color: #736bbd
}

#signup main .plans .button.family:hover {
    background-color: #584fb0;
    -webkit-text-decoration: none;
    text-decoration: none
}

#signup main .plans .button.team {
    background-color: #2673bf
}

#signup main .plans .button.team:hover {
    background-color: #1f5f9d;
    -webkit-text-decoration: none;
    text-decoration: none
}

#signup main .plans .button.business {
    background-color: #525c66
}

#signup main .plans .button.business:hover {
    background-color: #40484f;
    -webkit-text-decoration: none;
    text-decoration: none
}

#signup main .plans .supplemental {
    margin-top: 32px
}

#signup main .plans .supplemental a:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

#signup main .plans .supplemental a:hover {
    color: #034792;
    -webkit-text-decoration: none;
    text-decoration: none
}

#signup main .account-container {
    position: relative;
    margin-top: var(--knox-spacing-large)
}

#signup main .account-container .account {
    display: flex;
    align-items: center;
    padding: var(--knox-spacing-medium);
    background-color: #fff;
    color: var(--knox-text-icon-neutral);
    -webkit-text-decoration: none;
    text-decoration: none;
    border: solid var(--knox-spacing-hairline) var(--knox-border-neutral);
    border-radius: 6px
}

#signup main .account-container .account:not(:first-of-type) {
    margin-top: var(--knox-spacing-small)
}

#signup main .account-container .account .avatar-container {
    margin-right: var(--knox-spacing-medium);
    max-height: 40px
}

#signup main .account-container .account .avatar-container .avatar-badge {
    position: relative;
    bottom: 13px;
    left: 27px;
    -webkit-user-drag: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#signup main .account-container .account .content {
    flex: 1;
    min-width: 0
}

#signup main .account-container .account .content h4,
#signup main .account-container .account .content .domain {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

#signup main .account-container .account .content h4 {
    font-size: var(--knox-font-size-heading-small)
}

#signup main .account-container .account .content .domain {
    margin-top: var(--knox-spacing-2xs);
    font-size: var(--knox-font-size-body-medium);
    display: block
}

#signup main .account-container .account .svg-add {
    fill: #50b347
}

@media(max-width: 750px) {
    #signup .progress-tracker-container {
        margin-right: 0;
        margin-left: 0
    }
}

@media(min-width: 750px) {
    #signup .progress-tracker-container {
        margin-right: 20%;
        margin-left: calc(20% - 143px);
        width: 100%
    }
}

#signup .background {
    padding-bottom: 144px
}

@media(min-width: 636px) {
    #signup .background {
        padding-bottom: 0;
        padding-bottom: initial
    }
}

.tag-input {
    cursor: text;
    position: relative
}

.tag-input.disabled {
    cursor: not-allowed
}

.tag-input ul.tags {
    display: flex;
    flex-wrap: wrap;
    margin: var(--knox-spacing-none);
    gap: var(--knox-spacing-xs)
}

.tag-input li.tag {
    padding: 3px 10px;
    background: #e5eff9;
    border-radius: 12px
}

.tag-input li.tag.saved {
    padding-right: 4px
}

.tag-input li.tag.next {
    margin-left: 0 !important;
    padding: 3px 6px !important;
    background: none !important;
    outline: none !important;
    color: #333 !important;
    height: 24px !important
}

.tag-input ul.autocomplete {
    display: block;
    position: absolute;
    background: #fff;
    width: 100%;
    border: 1px solid #e4e6e7;
    margin-top: 2px;
    cursor: default;
    z-index: 1
}

.tag-input ul.autocomplete li {
    display: block;
    padding: 8px 12px;
    border-top: 1px solid #e4e6e7
}

.tag-input ul.autocomplete li:first-child {
    border-top: none
}

.tag-input ul.autocomplete li.focused {
    background: #e5eff9
}

.tag-input ul.autocomplete li.no-results {
    color: #666
}

#settings-content.scim.setup #step-overview,
#settings-content.scim.setup .current-step {
    display: flex;
    flex-wrap: wrap
}

#settings-content.scim.setup #step-overview {
    flex-direction: column
}

#settings-content.scim.setup #step-overview li {
    position: relative;
    line-height: 1.6rem
}

#settings-content.scim.setup #step-overview ol {
    display: flex;
    flex-direction: row
}

#settings-content.scim.setup #step-overview ol li {
    display: flex;
    flex-direction: column;
    align-items: center
}

#settings-content.scim.setup #step-overview ol svg,
#settings-content.scim.setup #step-overview ol img.error {
    height: 28px;
    width: 28px
}

#settings-content.scim.setup #step-overview ol .step.current svg circle:first-child {
    fill: #0572ec
}

#settings-content.scim.setup #step-overview ol .step svg:not(.svg-line),
#settings-content.scim.setup #step-overview ol .step img.error {
    z-index: 1
}

#settings-content.scim.setup #step-overview ol .step.complete .svg-line rect {
    stroke-width: 2px;
    stroke: #1060d1
}

#settings-content.scim.setup #step-overview ol .step .svg-line {
    position: absolute;
    top: 11px;
    left: 49%;
    width: 100%;
    height: 8px
}

#settings-content.scim.setup #step-overview ol .step .svg-line rect {
    left: 1px;
    width: 100%
}

#settings-content.scim.setup #step-overview ol .step span {
    margin-top: 1rem;
    text-align: center;
    padding: 3px;
    padding-top: 0
}

#settings-content.scim.setup .current-step {
    flex-direction: row
}

#settings-content.scim.setup .current-step>* {
    flex: 1 1 100%
}

#settings-content.scim.setup .current-step input {
    flex: 4
}

#settings-content.scim.setup .current-step input+button {
    margin-left: .7rem;
    flex: 1
}

#settings-content.scim.setup .current-step#create-group {
    flex-direction: column;
    justify-content: center
}

#settings-content.scim.setup .current-step#invite-manager-sa {
    flex-direction: column;
    justify-content: center
}

#settings-content.scim.setup .current-step#invite-manager-sa .spinner {
    margin-top: 10px;
    align-self: center
}

#settings-content.scim.setup .current-step#recreate-manager {
    flex-direction: column;
    justify-content: center
}

#settings-content.scim.setup .current-step#recreate-manager .spinner {
    margin-top: 10px;
    align-self: center
}

#settings-content.scim.setup .spinner {
    margin-top: 10px;
    align-self: center
}

#settings-content.scim.setup ol,
#settings-content.scim.setup button,
#settings-content.scim.setup input {
    margin-top: 1rem
}

#settings-content.scim.setup .copy-box {
    border: #d7d9e0 1px solid;
    border-radius: 6px;
    display: flex;
    align-items: center;
    padding: .7rem;
    margin-top: 1rem
}

#settings-content.scim.setup .copy-box .title {
    font-size: .9rem
}

#settings-content.scim.setup .copy-box .content {
    flex: 1
}

#settings-content.scim.setup .copy-box .content p {
    font-family: "Source Code Pro", "Menlo", "Monaco", "Andale Mono", "Anonymous Pro", "PT Mono", monospace;
    letter-spacing: normal;
    margin-top: 8px;
    font-size: 1rem;
    font-weight: 500
}

#settings-content.scim.setup .copy-box .show-on-focus {
    opacity: 0
}

#settings-content.scim.setup .copy-box:focus,
#settings-content.scim.setup .copy-box:focus-within,
#settings-content.scim.setup .copy-box:hover {
    cursor: pointer
}

#settings-content.scim.setup .copy-box:focus .show-on-focus,
#settings-content.scim.setup .copy-box:focus-within .show-on-focus,
#settings-content.scim.setup .copy-box:hover .show-on-focus {
    opacity: 1
}

#settings-content.scim.setup .copy-box .actions {
    display: inline-flex;
    flex-direction: row-reverse
}

#settings-content.scim.setup .copy-box .actions .copy:active {
    background-color: #cbcccd;
    border-color: #999
}

#settings-content.scim.setup .copy-box:active .copy {
    background-color: #cbcccd;
    border-color: #999
}

#settings-content.scim.setup .copy-box button {
    margin-top: 0;
    margin-left: 5px;
    border: 1px solid #cbcccd;
    border-radius: 5px;
    padding: 5px;
    -webkit-text-decoration: none;
    text-decoration: none;
    font-size: 1.1rem;
    color: #333;
    word-break: normal;
    height: auto;
    height: initial;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#settings-content.scim.setup .clickable,
#settings-content.scim.setup .document {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    cursor: pointer
}

#settings-content.scim.setup .clickable {
    cursor: pointer
}

#settings-content.scim.setup .clickable:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

#settings-content.scim.setup .document {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;
    cursor: default;
    -webkit-text-decoration: none;
    text-decoration: none
}

#settings-content.scim.setup .document.downloaded {
    cursor: pointer
}

#settings-content.scim.setup .document.downloaded div {
    background-image: url(../images/details-document-download.png);
    background-size: 64px 64px
}

@media(min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    #settings-content.scim.setup .document.downloaded div {
        background-image: url(../images/details-document-download@2x.png)
    }
}

#settings-content.scim.setup .document div {
    display: inline-block;
    width: 64px;
    height: 64px;
    background-image: url(../images/details-document-blank.png);
    background-size: 64px 64px
}

@media(min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    #settings-content.scim.setup .document div {
        background-image: url(../images/details-document-blank@2x.png)
    }
}

#settings-content.scim.setup .document div img.document-icon {
    width: 32px;
    height: 32px;
    margin-top: 19px;
    -webkit-user-drag: none
}

#settings-content.scim.setup .document div img.document-icon.error {
    width: 26px;
    height: 26px;
    margin-top: 22px
}

#settings-content.scim.setup .document span {
    display: block
}

#settings-content.scim.setup .document span.document-name {
    margin-top: 12px;
    color: #333
}

#settings-content.scim.setup .document span.document-action {
    margin-top: 3px;
    color: #999;
    font-size: .9rem
}

#settings-content.scim.setup .document span.document-action.error {
    color: #e60000;
    max-width: 230px;
    display: inline-block
}

.devices-list {
    align-items: flex-start
}

.devices-list>ol {
    margin-top: 1rem
}

.devices-list>ol>li {
    display: flex;
    align-items: center;
    border-top: 1px solid #d7d9e0;
    padding: .4rem .7rem;
    position: relative;
    min-height: 45px;
    color: var(--knox-text-icon-neutral-weak)
}

.devices-list>ol>li:nth-child(odd) {
    background-color: var(--knox-background-neutral-high)
}

.devices-list>ol>li:last-child {
    border-bottom: 1px solid #d7d9e0
}

.devices-list.toggle-old {
    cursor: pointer;
    font-size: .9rem;
    align-items: center;
    justify-content: center
}

.devices-list.toggle-old:hover {
    background-color: var(--knox-background-neutral)
}

.devices-list .avatar {
    margin-right: .8rem;
    background-color: transparent
}

.CalendarDay {
    border: 1px solid var(--knox-background-neutral);
    padding: 8px;
    border-radius: 4px;
    background: var(--knox-background-neutral)
}

.CalendarDay__selected_span {
    background: var(--knox-background-brand-weak);
    color: var(--knox-text-icon-neutral-weak);
    border: 1px solid var(--knox-background-neutral)
}

.CalendarDay__selected_span:hover,
.CalendarDay__selected {
    background: var(--knox-background-brand);
    color: var(--knox-text-icon-inverse);
    border: 1px solid var(--knox-background-neutral)
}

.CalendarDay__selected:hover {
    background: var(--knox-background-brand-hover);
    color: var(--knox-text-icon-inverse);
    border: 1px solid var(--knox-background-neutral)
}

.CalendarDay__hovered_span {
    background: var(--knox-background-brand-hover);
    color: var(--knox-text-icon-inverse);
    border: 1px solid var(--knox-background-brand)
}

.DayPickerNavigation {
    display: flex;
    justify-content: space-between
}

.DayPickerNavigation_button {
    padding: 23px
}

.DayPicker_transitionContainer {
    min-height: 360px
}

.DayPickerKeyboardShortcuts_show__bottomRight::before {
    border-right-color: var(--knox-background-brand)
}

.DayPicker__withBorder {
    box-shadow: none;
    box-shadow: initial
}

.CalendarMonth,
.CalendarMonthGrid,
.DayPicker {
    background: var(--knox-background-neutral)
}

.DayPicker_weekHeader_ul {
    background: #fff
}

[data-group-managed-companies-table]::after {
    content: "";
    display: block;
    width: calc(100% + 2px);
    background-color: #fafafa;
    position: absolute;
    height: 50px;
    top: 81px;
    left: -1px
}

@media only screen and (min-width: 575px) {
    [data-group-managed-companies-table]::after {
        top: 45px
    }
}

.knox-dark-mode [data-group-managed-companies-table]::after {
    background-color: #1a1a1a
}

.button--button_W5Aey {
    font-size: 1rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.3em;
    padding: 8px 16px;
    outline: none;
    resize: none;
    color: #0572ec;
    position: relative;
    transition: all .25s ease
}

.button--button_W5Aey:hover {
    background-color: #0572ec;
    color: #fff
}

.button--button_W5Aey:disabled {
    color: #cbcccd !important;
    background-color: #f6f7fb !important;
    cursor: not-allowed !important;
    box-shadow: inset 0 0 0 1px #d7d9e0
}

[data-focus-visible] .button--button_W5Aey:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.icon-only--button_UGDip {
    width: 23px;
    padding: 0;
    box-shadow: none
}

.with-icon--button_jJzzr {
    margin-left: 8px
}

.large--button_aqn46 {
    border-radius: 24px;
    min-height: 40px;
    font-weight: 600;
    line-height: 1.5em
}

.large--button_aqn46.icon-only--button_UGDip {
    padding: 0;
    border-radius: 50%
}

.medium--button_hTX01 {
    height: 28px;
    font-size: .9rem;
    padding: 0 10px;
    border-radius: 12px
}

.medium--button_hTX01.icon-only--button_UGDip {
    width: 28px;
    padding: 0;
    border-radius: 50%
}

.medium--button_hTX01.icon-only--button_UGDip svg {
    display: block;
    margin: 0 auto
}

.wide--button_yjHe8 {
    width: 140px
}

.full-width--button_r0eI7 {
    width: 100%
}

.primary--button_nqwMZ {
    border-radius: 24px;
    color: #fff;
    background-color: #0572ec;
    box-shadow: inset 0 0 0 1px #0572ec
}

.primary--button_nqwMZ:hover {
    background-color: #1060d1;
    color: #fff
}

.primary-alt--button_grXDd {
    border-radius: 24px;
    box-shadow: inset 0 0 0 1px #0572ec;
    color: #0572ec
}

.primary-alt--button_grXDd .icon--button_IWeVl {
    color: inherit
}

.primary-alt--button_grXDd .icon--button_IWeVl svg {
    fill: #0572ec
}

.primary-alt--button_grXDd:active,
.primary-alt--button_grXDd:hover,
.primary-alt--button_grXDd[aria-expanded=true] {
    background-color: #0572ec;
    background-image: none;
    box-shadow: none;
    color: #fff
}

.primary-alt--button_grXDd:active .icon--button_IWeVl,
.primary-alt--button_grXDd:hover .icon--button_IWeVl,
.primary-alt--button_grXDd[aria-expanded=true] .icon--button_IWeVl {
    color: #fff
}

.primary-alt--button_grXDd:active .icon--button_IWeVl svg,
.primary-alt--button_grXDd:hover .icon--button_IWeVl svg,
.primary-alt--button_grXDd[aria-expanded=true] .icon--button_IWeVl svg {
    fill: #fff
}

.primary-alt--button_grXDd:disabled {
    background-color: transparent;
    box-shadow: inset 0 0 0 1px #d7d9e0;
    color: #cbcccd
}

.primary-alt--button_grXDd:disabled .icon--button_IWeVl {
    color: inherit
}

.primary-white--button_XYg2j {
    background-color: #fff;
    color: #333
}

.primary-white--button_XYg2j .icon--button_IWeVl {
    color: #666
}

.primary-white--button_XYg2j:hover {
    background-color: #f6f7f8;
    color: #333
}

.primary-white--button_XYg2j:active,
.primary-white--button_XYg2j[aria-expanded=true] {
    background-color: #cbcccd
}

.primary-white--button_XYg2j:disabled {
    background-color: #666;
    color: #fff
}

.destructive--button_edODc {
    color: #fff;
    background-color: #d43f21
}

.destructive--button_edODc:hover {
    background-color: #b35947;
    color: #fff
}

.destructive--button_edODc:not(.icon-only--button_UGDip) {
    box-shadow: inset 0 0 0 1px #b35947
}

.destructive-alt--button_ukHSB {
    box-shadow: inset 0 0 0 1px #b35947;
    color: #d43f21
}

.destructive-alt--button_ukHSB:hover {
    background-color: #d43f21;
    color: #fff
}

.floating--button_hASbi {
    color: #333;
    background-color: transparent
}

.floating--button_hASbi:hover {
    background-color: #e4e6e7;
    opacity: .8;
    color: #333
}

.default--button_qU_8c {
    border-radius: 24px;
    color: #707070;
    background-color: #f6f7f8;
    box-shadow: inset 0 0 0 1px #e4e6e7
}

.default--button_qU_8c:hover {
    background-color: #f6f7f8;
    color: #707070
}

.default--button_qU_8c:hover,
.default--button_qU_8c:active,
.default--button_qU_8c[aria-expanded=true] {
    background-color: #cbcccd
}

.default--button_qU_8c:disabled {
    background-color: transparent;
    box-shadow: inset 0 0 0 1px #333
}

.spinner--button_tpDwY {
    position: absolute;
    left: calc(50% - 8px);
    top: calc(50% - 8px);
    margin-bottom: -3px
}

.with-spinner-text--button_IeOqZ {
    opacity: 0
}

.transparent--button_duwa_ {
    /*! Do not delete */
}

.transparent-blue--button_NEL0W {
    /*! Do not delete */
}

.checkbox--checkbox_a5E10 {
    outline: none;
    outline-offset: 0
}

[data-focus-visible] .checkbox--checkbox_a5E10:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.link--link_ejvK7 {
    color: #0166cb;
    -webkit-text-decoration: none;
    text-decoration: none;
    padding: 0
}

.link--link_ejvK7:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

[data-focus-visible] .link--link_ejvK7:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.sortable-header--sortable_table_headers_F8RjP {
    padding: 0 !important
}

.sortable-header--sortable_table_headers_F8RjP .sortable-button--sortable_table_headers_Vitl4 {
    cursor: pointer;
    display: inline-block;
    width: 100%;
    height: 44px;
    padding: 0 38px 0 1rem;
    text-align: left
}

[data-focus-visible] .sortable-header--sortable_table_headers_F8RjP .sortable-button--sortable_table_headers_Vitl4:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.sortable-header--sortable_table_headers_F8RjP .sortable-button--sortable_table_headers_Vitl4.sort-selected--sortable_table_headers__3lao {
    color: #0572ec;
    background-color: #fff;
    border-width: 1px;
    position: relative;
    border-right: solid 1px #d7d9e0;
    border-left: solid 1px #d7d9e0
}

.sortable-header--sortable_table_headers_F8RjP .sortable-button--sortable_table_headers_Vitl4.sort-selected--sortable_table_headers__3lao::after {
    content: "";
    width: 8px;
    height: 5px;
    position: absolute;
    right: 16px;
    top: 20px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjUiPjxwYXRoIGZpbGw9IiMxQThDRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTS41NSAwQzAgMC0uMTcuMzQuMi43OGwyLjc3IDMuNDRjLjM1LjQzLjkyLjQ0IDEuMjcgMEw3LjA0Ljc4QzcuMzcuMzUgNy4yIDAgNi42NiAwSC41NnoiLz48L3N2Zz4=);
    background-repeat: no-repeat
}

.sortable-header--sortable_table_headers_F8RjP .sortable-button--sortable_table_headers_Vitl4.sort-selected--sortable_table_headers__3lao.asc--sortable_table_headers_uZ8RR::after {
    transform: scaleY(-1)
}

.sortable-header--sortable_table_headers_F8RjP:first-child .sortable-button--sortable_table_headers_Vitl4 {
    border-radius: 6px 0 0
}

.sortable-header--sortable_table_headers_F8RjP:first-child .sortable-button--sortable_table_headers_Vitl4.sort-selected--sortable_table_headers__3lao {
    border-left: 0
}

.sortable-header--sortable_table_headers_F8RjP:last-child .sortable-button--sortable_table_headers_Vitl4 {
    border-radius: 0 6px 0 0
}

.sortable-header--sortable_table_headers_F8RjP:last-child .sortable-button--sortable_table_headers_Vitl4.sort-selected--sortable_table_headers__3lao {
    border-right: 0
}

.sortable-header--sortable_table_headers_F8RjP:only-child button.keyboard-sortable--sortable_table_headers_BoI4Y {
    border-radius: 6px 6px 0 0
}

.sortable-header--sortable_table_headers_F8RjP:only-child button.keyboard-sortable--sortable_table_headers_BoI4Y.sort-selected--sortable_table_headers__3lao {
    border-left: 0;
    border-right: 0
}

.sortable-header--sortable_table_headers_F8RjP.is-centered--sortable_table_headers_NG0ny {
    text-align: center
}

.textfield--textfield_u2NGp {
    transition: box-shadow .25s ease
}

.textfield--textfield_u2NGp:focus {
    box-shadow: inset 0 0 0 1px var(--knox-border-focus), 0 0 0 3px var(--knox-border-focus) !important
}

.default--typography_IPc9L {
    margin-top: 0
}

.text01--typography_eLP7G {
    font-weight: 600
}

.text02--typography_ZjRwb {
    font-size: .9rem;
    font-weight: 500
}

.text03--typography_veU9O {
    font-weight: 500
}

.text04--typography_gysuf {
    font-size: .7rem
}

.text05--typography_nNC1E {
    font-size: 1.1rem;
    font-weight: 600
}

.text06--typography_oBNUp {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.4rem
}

.text07--typography_CXIUR {
    font-size: 1rem;
    font-weight: 500
}

.text08--typography_vkuGI {
    font-size: .8rem;
    font-weight: 700
}

.text09--typography_sxsMx {
    font-size: 1rem;
    font-weight: 500
}

.text10--typography_vsHgy {
    font-size: .8rem
}

.skip-nav-holder--skip_nav_PSiQY {
    position: absolute
}

.skip-nav-holder--skip_nav_PSiQY .skip-nav-link--skip_nav_LJ36t {
    position: fixed;
    top: -3000px;
    left: -3000px;
    height: 1px;
    width: 1px;
    text-align: left;
    overflow: hidden;
    color: var(--knox-text-icon-brand)
}

.skip-nav-holder--skip_nav_PSiQY .skip-nav-link--skip_nav_LJ36t:focus,
.skip-nav-holder--skip_nav_PSiQY .skip-nav-link--skip_nav_LJ36t:active {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring);
    z-index: 9999;
    background: #fff;
    top: 0;
    left: 0;
    padding: .25rem;
    width: auto;
    height: auto;
    overflow: visible;
    margin: 3px;
    -webkit-text-decoration: none;
    text-decoration: none
}

.header--empty--popup_iZ8En {
    min-height: 3rem
}

.close-button--popup_FHxoK {
    font-size: .95rem;
    font-weight: 500;
    position: absolute;
    top: 13px;
    right: .8rem;
    color: #0166cb;
    -webkit-text-decoration: none;
    text-decoration: none
}

.close-button--popup_FHxoK:hover {
    color: #204060
}

.close-button--popup_FHxoK:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.outdated-banner--banner_GJLla {
    background: #fe9;
    border-bottom: 1px solid #e6c9a1;
    padding: 10px 20px;
    text-align: center;
    position: fixed;
    width: 100%;
    z-index: 300
}

.text-no-wrap--popup_wSGwC {
    white-space: nowrap
}

.link-button--popup_BxRfL {
    width: 280px !important;
    margin: 0 auto;
    text-align: center
}

.outdated-popup-modal--popup_TBtSB {
    width: 400px !important
}

@media only screen and (max-width: 520px) {
    .outdated-popup-modal--popup_TBtSB {
        width: 100% !important;
        height: 100%;
        top: 0;
        max-height: none;
        border-radius: 0
    }
}

.outdated-popup-modal--popup_TBtSB main p {
    text-align: center
}

.outdated-webview-modal--popup_nkd4S {
    width: 400px !important
}

.outdated-webview-modal--popup_nkd4S main p {
    text-align: center
}

.mac.dark .outdated-webview-modal--popup_nkd4S,
.mac.dark .outdated-webview-modal--popup_nkd4S main {
    background-color: #000
}

@media(max-height: 150px) {
    .outdated-webview-modal--popup_nkd4S {
        max-height: 100vh;
        min-height: 100vh;
        height: 100vh;
        margin: 0;
        padding: 0
    }

    .outdated-webview-modal--popup_nkd4S>header {
        display: none
    }

    .outdated-webview-modal--popup_nkd4S main {
        margin-top: 12px;
        display: block !important
    }
}

.chunk-load-error--app_PmgbL {
    border-radius: 2em;
    width: 90%;
    max-width: 30em;
    padding: 3em;
    border: 1px solid #e6d3ac;
    position: relative;
    margin: 100px auto 0;
    background: #fefbf6
}

.chunk-load-error--app_PmgbL h1 {
    font-size: 1.5em
}

.copy-text--app_t7yIw {
    position: absolute;
    top: -1000px;
    left: -1000px;
    visibility: visible
}

.background--welcome_d0RUL {
    width: 100vw;
    height: 100vh;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 41.67%, white 100%), linear-gradient(47deg, rgba(193, 210, 246, 0.7) -1.61%, rgba(249, 236, 220, 0.7) 53.24%, rgba(214, 245, 238, 0.7) 104.88%), #fff
}

.divider--welcome_sDi3l {
    margin-left: 54px;
    overflow: hidden
}

.divider--welcome_sDi3l hr {
    margin: 0;
    background: rgba(0, 0, 0, 0.1);
    background: var(--Shading-On-Light-Faint, rgba(0, 0, 0, 0.1))
}

.instructions--welcome_Nrt0t {
    width: 100%
}

@media(min-width: 768px) {
    .instructions--welcome_Nrt0t {
        width: 600px
    }
}

@media(min-width: 750px) {
    .progress-bar--progress_tracker_cvje0 {
        margin-right: 15%;
        margin-left: calc(15% - 143px);
        width: 100%
    }
}

.progress-bar-in-container--progress_tracker_QLa9H {
    width: 100%
}

.progress-list--progress_tracker_xZPBw {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 0;
    padding: 0
}

.progress-list-item--progress_tracker_MHxAt {
    list-style-type: none;
    max-height: 36px
}

@media(max-width: 575px) {
    .progress-list-item--progress_tracker_MHxAt {
        align-items: center;
        margin-right: none
    }
}

.progress-line--progress_tracker_YD8ZA svg {
    height: 4px;
    width: 100%
}

.circle-filled--progress_tracker_IFmDL {
    fill: transparent;
    stroke: var(--knox-border-neutral-strong);
    stroke-width: 2
}

.circle-unfilled--progress_tracker_JBVFP {
    fill: #dedede
}

.integration-wizard--wizard_EHX6J #unlocked-app #top-bar #title-container {
    background-color: #f6f7fb
}

.integration-wizard--wizard_EHX6J #unlocked-app #main-content {
    background-color: #f6f7fb
}

.rounded-section--wizard_A8pmh {
    margin: 0 auto;
    padding: var(--knox-spacing-medium);
    width: min(100%, 1024px);
    border-radius: 5px;
    border: #d7d9e0 1px solid;
    overflow: visible;
    position: relative;
    background-color: #fff
}

@media(min-width: 576px) {
    .rounded-section--wizard_A8pmh {
        padding: var(--knox-spacing-xl)
    }
}

.main-title--wizard_MErsK {
    display: flex;
    align-items: center;
    margin-bottom: 25px
}

.main-title--wizard_MErsK>span {
    margin-left: var(--knox-spacing-xs)
}

.progress-bar--wizard_Nctpr {
    margin-bottom: var(--knox-spacing-large)
}

.progress-list-item--wizard_Qxcil svg {
    height: 16px;
    width: 16px;
    margin-right: 8px
}

@media(max-width: 576px) {
    .current-step--wizard_VZsRl {
        display: flex
    }
}

.status-line--wizard_wMjBL {
    background: var(--knox-background-brand);
    height: 4px;
    width: 100%;
    border-radius: 15px;
    margin-top: 15px
}

.progress-pending--wizard_uTZl5 {
    background: var(--knox-border-neutral)
}

.is-sticky--wizard_aJeAV {
    position: sticky;
    bottom: 0
}

.is-sticky--wizard_aJeAV::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    right: -30px;
    bottom: -30px;
    left: -30px;
    background-color: #fff;
    display: block;
    border-radius: 4px
}

.upper-wizard--wizard_ERJoY {
    display: flex;
    gap: var(--knox-spacing-xl)
}

.upper-wizard-content--wizard_X0iNJ {
    width: 100%
}

.upper-wizard--has-header-image--wizard_PqjTL .upper-wizard-content--wizard_X0iNJ {
    width: 70%
}

@media(max-width: 1024px) {
    .upper-wizard--has-header-image--wizard_PqjTL .upper-wizard-content--wizard_X0iNJ {
        width: 100%
    }
}

.header-image--wizard_kbAC0 {
    width: 30%;
    align-self: flex-start;
    overflow: hidden
}

@media(max-width: 1024px) {
    .header-image--wizard_kbAC0 {
        display: none
    }
}

.header-image--wizard_kbAC0.align-right--wizard_PP3wQ {
    margin-left: var(--knox-spacing-xl);
    margin-right: calc(var(--knox-spacing-xl)*-1)
}

.loading-container--wizard_f2zZ_ {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 500px
}

.disabled--wizard_DPely {
    filter: opacity(0.5) grayscale(1);
    pointer-events: none
}

.hp-purple-gradient--wizard_dcPks {
    background-image: radial-gradient(128% 91% at 11% -9%, #f1f0ff 0%, white 23%)
}

.hp-blue-gradient--wizard_PlKs6 {
    background-image: radial-gradient(128% 91% at 11% -9%, #ebf4ff 0%, white 23%)
}

.badge--badge_OJ8Pz {
    min-width: fit-content;
    padding: var(--knox-spacing-hairline) var(--knox-spacing-xs);
    border-radius: var(--knox-corner-radius-large);
    font-size: var(--knox-font-size-body-small);
    font-weight: var(--knox-font-weight-body-strong);
    text-transform: uppercase
}

.beta--badge_jPzOm {
    background-color: #fa0;
    color: var(--knox-text-icon-neutral)
}

.new--badge_SqUdW {
    background-color: var(--knox-text-icon-attention);
    color: var(--knox-background-neutral-high)
}

.pending--progress_circle_LaV_G {
    fill: "black";
    fill-opacity: .06
}

.active--progress_circle_MaZn6 {
    fill: #0572ec
}

.checked--progress_circle_eMoTy {
    fill: #0572ec
}

.checked--progress_circle_eMoTy path {
    fill: #fff
}

.biometrics-units-dropdown--card_UOBau {
    background-color: #fff;
    border: 1px solid #d7d9e0;
    box-sizing: border-box
}

.sso-selected-account-recovery-card--card_O1BEY,
.sso-selected--card_bgztl {
    border-radius: 6px;
    background-color: rgba(0, 119, 255, .08)
}

.saved-sso-groups-list-admin-recovery--card_ZAkrJ,
.saved-sso-groups-list-account-recovery-card--card_tJnqH,
.saved-sso-groups-list--card_cPUuB {
    display: grid;
    grid-gap: 8px;
    align-items: center;
    padding: 7px 8px
}

@media only screen and (min-width: 1050px) {

    .saved-sso-groups-list-admin-recovery--card_ZAkrJ,
    .saved-sso-groups-list-account-recovery-card--card_tJnqH,
    .saved-sso-groups-list--card_cPUuB {
        grid-template-columns: 32px minmax(100px, 200px) 1fr
    }
}

.card-wrapper--card_WbZc1 p {
    font-size: 1rem;
    line-height: 24px
}

.card-divider--card_u9Yqu {
    margin: 30px 0
}

.card-button--card__5OOB {
    align-self: flex-end;
    padding: 12px 16px !important;
    -webkit-text-decoration: none;
    text-decoration: none;
    margin-left: 20px
}

@media only screen and (min-width: 600px) {
    .title--card_JKyYn {
        padding-top: 25px
    }
}

.sso-card-header--card_M_N9D {
    display: flex;
    justify-content: flex-end
}

.sso-card-header--card_M_N9D .sso-groups-user-count--card_iUhmB {
    color: inherit
}

.sso-card-header--card_M_N9D+.card-divider--card_u9Yqu {
    margin: 15px 0
}

.sso-auth-container--card_TWv1a {
    display: grid;
    grid-gap: 16px
}

@media only screen and (min-width: 600px) {
    .sso-auth-container--card_TWv1a {
        grid-template-columns: 35% 1fr
    }
}

.input-container--card_SCoDZ {
    padding: 20px 16px;
    margin-bottom: 10px
}

.input-container--card_SCoDZ input {
    margin: 3px 16px 0 5px !important
}

.auth-description--card_TV_co {
    color: #646464;
    margin-top: 4px;
    margin-left: 35px
}

.sso-selected--card_bgztl {
    border: 1px solid rgba(0, 119, 255, .24)
}

.saved-sso-groups-list-container--card_kTAa5 {
    margin-bottom: 20px;
    width: 100%;
    display: grid
}

@media only screen and (min-width: 1200px) {
    .saved-sso-groups-list-container--card_kTAa5 {
        grid-template-columns: minmax(136px, 186px) auto auto
    }
}

.saved-sso-groups-list-container--card_kTAa5 thead,
.saved-sso-groups-list-container--card_kTAa5 tbody,
.saved-sso-groups-list-container--card_kTAa5 tr {
    display: contents
}

.saved-sso-groups-list-container--card_kTAa5 td {
    display: grid;
    grid-template-columns: auto auto auto;
    justify-content: flex-start;
    grid-gap: 5px;
    align-items: center;
    padding: 8px 4px
}

@media only screen and (min-width: 1200px) {
    .saved-sso-groups-list-container--card_kTAa5 td {
        border-bottom: 1px solid #d4dbe4
    }
}

@media only screen and (min-width: 1200px) {
    .saved-sso-groups-list-container--card_kTAa5 td::before {
        display: none
    }
}

.saved-sso-groups-list-container--card_kTAa5 td:last-child {
    border-bottom: 1px solid #d4dbe4
}

.saved-sso-groups-list-container--card_kTAa5 td::before {
    content: attr(data-label);
    float: left;
    width: 125px
}

.saved-sso-groups-list-container--card_kTAa5 td:first-child::before {
    display: none
}

.saved-sso-groups-list-container-account-recovery-card--card_Xc5CE {
    margin-top: 16px;
    display: grid
}

.sso-selected-account-recovery-card--card_O1BEY {
    border: 1px solid rgba(229, 210, 172, .24)
}

.saved-sso-groups-list--card_cPUuB {
    border-bottom: 1px solid #e4e6e7
}

.saved-sso-groups-list-account-recovery-card--card_tJnqH {
    border-bottom: 1px solid #e5d2ac
}

.saved-sso-groups-list-admin-recovery--card_ZAkrJ {
    background-color: #fff;
    border-bottom: 1px solid #dadce3;
    grid-template-columns: 32px 1fr 50px
}

.saved-sso-groups-list-admin-recovery--card_ZAkrJ .admin-recovery-description-container--card_clOqz {
    display: flex;
    flex-direction: column
}

.saved-sso-groups-list-admin-recovery--card_ZAkrJ .admin-recovery-description--card_wxE9f {
    margin-top: 0;
    font-size: 13px;
    line-height: 16.8px;
    color: #999
}

.saved-sso-groups-list-admin-recovery--card_ZAkrJ img {
    justify-self: end;
    width: 16px
}

.saved-sso-groups-link--card_rkpK9 {
    -webkit-text-decoration: none;
    text-decoration: none;
    white-space: nowrap
}

.saved-sso-groups-link-text--card_u1BvE {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 120px;
    display: inline-block
}

.sso-users-count-container-account-recovery-card--card_K83vc {
    display: flex;
    align-items: center;
    grid-gap: 5px
}

.sso-users-count-container-account-recovery-card--card_K83vc img {
    margin-top: 10px
}

@media only screen and (min-width: 1050px) {
    .align-right--card_Vi9tv {
        justify-content: flex-end
    }
}

.sso-groups-user-count-wrapper--card_KgzGj {
    color: #999;
    justify-content: start;
    grid-template-columns: auto;
    grid-auto-flow: column;
    grid-gap: 5px
}

.sso-groups-user-count-wrapper--card_KgzGj .warning-icon--card_GRv1d {
    margin: 0
}

.sso-groups-user-count-header--card_LU_UJ th {
    text-align: left;
    white-space: nowrap;
    height: 45px;
    border-bottom: 1px solid #d4dbe4;
    display: none;
    align-items: center;
    padding: 0 4px;
    border-top: 1px solid #d4dbe4;
    background: #f6f7fb;
    font-weight: 500
}

@media only screen and (min-width: 1200px) {
    .sso-groups-user-count-header--card_LU_UJ th {
        display: grid;
        padding: 8px
    }
}

.sso-groups-user-count-header--card_LU_UJ th:first-child {
    border-left: 1px solid #d4dbe4;
    border-top-left-radius: 6px
}

.sso-groups-user-count-header--card_LU_UJ th:last-child {
    border-right: 1px solid #d4dbe4;
    border-top-right-radius: 6px
}

.warning-icon--card_GRv1d {
    margin-top: 14px;
    margin-left: 14px
}

.sso-groups-user-count--card_iUhmB {
    color: #999;
    margin-top: 0
}

.sso-owners-info--card_PGPa6 {
    color: #999;
    margin-top: 0
}

.biometrics-container--card_uyu2K {
    margin-top: 20px;
    margin-left: 35px
}

.biometrics-inputs-container--card_f_OPH {
    display: grid;
    grid-gap: 8px;
    grid-template-columns: 66px 1fr;
    margin-top: 7px;
    align-items: center
}

.biometrics-inputs-container--card_f_OPH input {
    border: 1px solid #e6e6e8;
    border-radius: 8px !important;
    background-color: #fff !important;
    margin: 0 !important;
    margin: initial !important;
    margin: 0 !important;
    margin: initial !important
}

.biometrics-inputs-container--card_f_OPH .biometrics-inputs-error--card_bER09 {
    grid-column: auto/span 2
}

.biometrics-units-dropdown--card_UOBau {
    min-height: 40px !important;
    font-size: 14px !important
}

.disabled--card_kap0u {
    color: #999 !important
}

.disabled-biometrics-dropdown--card_ZJjpP {
    padding: 12px;
    background-color: #fff;
    border: 1px solid #e6e6e8 !important;
    border-radius: 6px
}

.disabled-dropdown--card_L5Dor {
    padding: 12px;
    background-color: #fff;
    border: 1px solid #e6e6e8 !important;
    border-radius: 6px
}

.margin-top-none--card_PwxrA {
    margin-top: 0 !important
}

.disabled-biometrics-dropdown--card_ZJjpP {
    padding: 12px;
    background-color: #fff;
    border: 1px solid #e6e6e8 !important;
    border-radius: 6px
}

.select-groups-button--card_tAHx3 {
    margin: 10px 48px 0
}

.connection-message-banner--connection_message_U2ALr {
    padding: 10px;
    border-radius: 8px;
    margin-bottom: 24px
}

.connection-message-banner--connection_message_U2ALr h2 {
    font-size: 16px
}

.connection-message-banner--connection_message_U2ALr p {
    color: rgba(0, 0, 0, .55);
    margin-top: 2px !important
}

.connection-message-banner-error--connection_message_pznK3 {
    border: 1px solid #e6b6ac;
    background-color: #fae5e1
}

.connection-message-banner-info--connection_message_hcHLs {
    border: 1px solid #e6d2ac;
    background-color: #faf2e1
}

.connection-message-banner-success--connection_message_H4JKL {
    border: 1px solid rgba(129, 202, 114, .5);
    background-color: #edf7eb
}

@media only screen and (min-width: 560px) {
    .connection-message-banner-success--connection_message_H4JKL {
        background-image: url("/images/successful-connection-bg.svg");
        background-repeat: no-repeat;
        background-position: right;
        background-size: contain
    }
}

.connection-message-banner-success--connection_message_H4JKL p {
    max-width: 350px
}

.raw-error--connection_message_I8_Uo {
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: small;
    margin-top: 15px
}

.credential-value--copy_or_download__997_ {
    height: var(--knox-button-height-medium)
}

.credential-value--copy_or_download__997_ svg {
    flex-shrink: 0;
    margin-right: var(--knox-spacing-small)
}

.download-link--copy_or_download_uS7m9 {
    background: var(--knox-button-secondary-background)
}

[data-focus-visible] .download-link--copy_or_download_uS7m9:focus-within {
    outline: var(--knox-focus-outline);
    outline-offset: var(--knox-focus-offset)
}

.credential-action-btn--copy_or_download_rRApe {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    -webkit-app-region: no-drag;
    padding: 0 var(--knox-spacing-xs);
    height: var(--knox-button-height-medium);
    width: fit-content;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid var(--knox-border-neutral);
    border-radius: var(--knox-corner-radius-medium)
}

.credential-action-btn--copy_or_download_rRApe:hover {
    background-image: linear-gradient(var(--knox-background-transparent-hover), var(--knox-background-transparent-hover))
}

.credential-action-btn--copy_or_download_rRApe:active,
.credential-action-btn--copy_or_download_rRApe[aria-expanded=true] {
    background-image: linear-gradient(var(--knox-background-transparent-pressed), var(--knox-background-transparent-pressed))
}

.container--snack_bar_notification_UDgUD {
    display: flex;
    justify-content: center;
    position: fixed;
    transition: bottom ease-in-out .3s;
    bottom: -50px;
    width: calc(100% - 4rem)
}

.container-show--snack_bar_notification_f6YDh {
    bottom: 10px
}

.wrapper--snack_bar_notification_zLE9Y {
    display: flex;
    align-items: center;
    padding: 15px 20px;
    color: #fff;
    background-color: #333;
    box-shadow: 0 0 10px 1px #d7d9e0;
    -webkit-text-decoration: none;
    text-decoration: none;
    border-radius: 20px
}

.text--snack_bar_notification_VmYBy {
    font-weight: normal
}

.copy-value-container--copy_value_jMBAd {
    margin-top: 20px
}

.copy-value-content-container--copy_value_k3oeq {
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 8px;
    border: none;
    padding: 12px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    overflow: hidden;
    max-width: 200px
}

@media only screen and (min-width: 360px) {
    .copy-value-content-container--copy_value_k3oeq {
        min-width: 100%
    }
}

.copy-value-content--copy_value_BJGYj {
    max-width: 440px;
    height: 40px
}

.dropdown--grace_period_T04Mu,
.container--grace_period_vI3Rk {
    border: 1px solid #e6e6e8;
    border-radius: 8px;
    background-color: #fff
}

.container--grace_period_vI3Rk {
    background: #f8f8f9;
    margin-top: 20px;
    padding: 24px 12px
}

@media only screen and (min-width: 450px) {
    .container--grace_period_vI3Rk {
        padding-left: 48px;
        padding-right: 48px
    }
}

.description--grace_period_ETIGR {
    color: #646464
}

.inputs-container--grace_period_GlPsh {
    display: grid;
    grid-gap: 8px;
    grid-template-columns: 66px 1fr;
    margin-top: 7px;
    align-items: center
}

.inputs-container--grace_period_GlPsh .inputs-error-container--grace_period_xYZV9 {
    grid-column: auto/span 2
}

.input--grace_period_sZXfx {
    border: 1px solid #e6e6e8 !important;
    border-radius: 8px !important;
    background-color: #fff !important
}

.dropdown--grace_period_T04Mu {
    min-height: 40px !important;
    font-size: 14px !important;
    width: 100%
}

.disabled--grace_period__wI7N {
    color: #999 !important
}

.disabled-dropdown--grace_period_OiIlz {
    padding: 12px;
    background-color: #fff;
    border: 1px solid #e6e6e8 !important;
    border-radius: 6px
}

.idp-request--idp_request_modal_jF4cu>div:not([role=form]) {
    text-align: center;
    color: #333
}

.idp-request--idp_request_modal_jF4cu .modal-subheading--idp_request_modal_tkxxd {
    color: #333
}

.idp-request--idp_request_modal_jF4cu label {
    color: #333;
    font-weight: 400;
    line-height: 130%;
    font-size: 14px
}

.idp-request--idp_request_modal_jF4cu label span {
    display: flex
}

.idp-request--idp_request_modal_jF4cu label span img {
    margin-left: 4px
}

.idp-request--idp_request_modal_jF4cu label span.modal-subheading--idp_request_modal_tkxxd {
    display: block !important
}

.idp-request--idp_request_modal_jF4cu textarea {
    margin-top: 10px;
    height: 80px
}

.idp-request--idp_request_modal_jF4cu button {
    width: 100%;
    font-size: 15px;
    line-height: 130%;
    letter-spacing: .18px;
    font-weight: 400
}

.idp-request--idp_request_modal_jF4cu fieldset {
    margin-top: 16px;
    margin-bottom: 20px;
    display: flex
}

.idp-request--idp_request_modal_jF4cu fieldset legend {
    color: #333;
    font-weight: 400;
    line-height: 130%;
    font-size: 14px;
    margin-bottom: 10px
}

.idp-request--idp_request_modal_jF4cu fieldset div {
    display: flex;
    align-items: center
}

.idp-request--idp_request_modal_jF4cu fieldset div:not(:first-of-type) {
    margin-left: 32px
}

.idp-request--idp_request_modal_jF4cu fieldset div>input {
    margin: 0;
    width: 16px !important;
    height: 16px
}

.idp-request--idp_request_modal_jF4cu fieldset div>label {
    line-height: 100%;
    letter-spacing: -0.25px;
    margin-left: 12px;
    margin-top: 0 !important
}

.footer--idp_request_modal_zdQVV {
    text-align: center;
    color: #333;
    font-size: 12px;
    line-height: 140%;
    margin-top: 12px
}

.footer--idp_request_modal_zdQVV a:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.beta--tag_gyqzn,
.not-connected--tag_M5dob,
.connected--tag_B6pT4,
.coming-soon--tag_w1fWg {
    display: block;
    width: 100%;
    text-align: center;
    border-radius: 20px;
    padding: 2px 8px;
    font-weight: 500
}

.coming-soon--tag_w1fWg {
    background-color: #ebf4ff;
    color: #003172;
    max-width: 105px
}

.connected--tag_B6pT4 {
    background-color: #edf7eb;
    color: #003f00
}

.not-connected--tag_M5dob {
    background-color: #ffefea;
    color: #681400
}

.beta--tag_gyqzn {
    background-color: #ebf4ff;
    color: #003172;
    max-width: 50px;
    margin-left: 70px
}

.card--idp_card_X5afT {
    background-color: #fff;
    border: 1px solid #d7d9e0;
    box-sizing: border-box;
    border-radius: 8px
}

.idp-card--idp_card_ffpmu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 4px;
    width: 100%;
    height: 100% !important;
    -webkit-text-decoration: none;
    text-decoration: none
}

@media only screen and (min-width: 450px) {
    .idp-card--idp_card_ffpmu {
        padding-left: 8px;
        padding-right: 8px
    }
}

.idp-card--idp_card_ffpmu p {
    color: #333;
    font-size: 16px !important;
    font-weight: 600;
    margin-top: 0;
    margin-left: 16px
}

.idp-card--idp_card_ffpmu p.disabled--idp_card_nIs2_ {
    color: #666
}

.provider-disabled--idp_card_exbMf {
    background-color: #f6f7f8;
    cursor: not-allowed
}

.idp-icon-container--idp_card_pX179 {
    display: flex;
    align-items: center
}

.idp-icon--idp_card_Wryt2 {
    max-width: 28px;
    height: 28px
}

.idp-card-selected--idp_card_ARb88 {
    border: 1px solid #0572ec
}

.beta-tag--idp_card_nx4AH {
    margin-right: 15px
}

.card--idp_configuration_header_JlVya {
    display: flex;
    align-items: center;
    justify-items: center;
    place-items: center;
    grid-gap: 16px;
    align-items: center;
    box-sizing: border-box;
    border-radius: 8px;
    white-space: nowrap;
    flex-direction: column
}

@media only screen and (min-width: 768px) {
    .card--idp_configuration_header_JlVya {
        grid-gap: 0;
        grid-template-columns: 100px 130px 1fr 1fr
    }
}

@media only screen and (min-width: 515px) {
    .card--idp_configuration_header_JlVya {
        flex-direction: row
    }
}

.card-as-header--idp_configuration_header_Iddg_ {
    border: 1px solid #d7d9e0;
    background-color: #fff;
    padding: 35px 48px;
    box-sizing: border-box;
    border-radius: 8px;
    margin-bottom: 2rem
}

.logo--idp_configuration_header_n9WxN {
    font-size: 1.3rem;
    max-height: 32px;
    padding-right: 12px
}

.logo-text--idp_configuration_header_ttpyy {
    margin-right: 15px;
    font-size: 1.3rem;
    font-weight: 600
}

.button-container--idp_configuration_header_ImcTn {
    display: flex;
    flex-direction: column
}

@media only screen and (min-width: 768px) {
    .button-container--idp_configuration_header_ImcTn {
        width: 100%;
        align-items: flex-end
    }
}

.input-field-container--input_KEJL1 {
    margin: 24px 0;
    max-width: 440px
}

.input-field--input_rRJU_:focus {
    box-shadow: inset 0 0 0 1px var(--knox-border-focus), 0 0 0 3px var(--knox-border-focus) !important
}

.error-message--input_ATL9h {
    color: #e60000
}

.focused--select_list_item_X6lp8 {
    box-shadow: inset 0 0 0 1px var(--knox-border-focus), 0 0 0 3px var(--knox-border-focus)
}

.error-banner--generic_domain_prompt_c0UGI {
    margin-bottom: 30px;
    display: flex
}

.error-banner--generic_domain_prompt_c0UGI ol {
    margin-top: 5px;
    list-style-type: decimal;
    padding-left: 5px
}

.error-banner--generic_domain_prompt_c0UGI ol ul {
    line-height: 1.3rem;
    margin-bottom: 5px
}

.detail-header--generic_domain_prompt_NI1f3 {
    font-size: .9rem;
    color: #757575;
    line-height: 1.2;
    font-weight: 400;
    margin-bottom: 5px
}

.secret-key--generic_domain_prompt_EKCAt {
    font-size: .9rem;
    color: #333;
    font-weight: 500;
    background-color: #fff;
    border: 1px solid;
    border-color: var(--knox-border-critical);
    border-radius: 8px;
    padding: 10px;
    max-width: 600px
}

.policies-wrapper--wrapper_PLjha {
    max-width: 1024px;
    margin: 0 auto;
    width: 100%
}

.account-recovery-card-container--account_recovery_card_etwya {
    background-color: #faf2e1;
    border: 1px solid #e5d2ac;
    border-radius: 8px;
    padding: 24px 16px
}

.account-recovery-card-container--account_recovery_card_etwya p {
    line-height: 22px !important
}

.suspended-recovery-card-container--account_recovery_card_AR383 {
    background-color: #fae5e1;
    border: 1px solid #e5d2ac;
    border-radius: 8px;
    padding: 24px 16px
}

.suspended-recovery-card-container--account_recovery_card_AR383 p {
    line-height: 22px !important
}

.add-groups-card-container--add_groups_card_EptEi {
    background-color: #f6f7fb;
    border: 1px solid #d7d9df;
    border-radius: 8px;
    padding: 24px 16px
}

.add-groups-card-container--add_groups_card_EptEi p {
    line-height: 22px !important
}

.add-groups-card-container--add_groups_card_EptEi p span {
    display: block;
    margin-top: 24px
}

.biometric-unlock-card-container--biometric_unlock_card_H5WYT {
    background-color: #f6f7fb;
    border: 1px solid #d7d9df;
    border-radius: 8px;
    padding: 24px 16px
}

.biometric-unlock-card-container--biometric_unlock_card_H5WYT p {
    line-height: 22px !important
}

.biometric-unlock-card-container--biometric_unlock_card_H5WYT p span {
    display: block;
    margin-top: 24px
}

.new-deadline-reminders-card-container--new_deadline_reminders_rmCpI {
    background-color: #f6f7fb;
    border: 1px solid #d7d9df;
    border-radius: 8px;
    padding: 24px 16px
}

.new-deadline-reminders-card-container--new_deadline_reminders_rmCpI p {
    line-height: 22px !important
}

.new-deadline-reminders-card-container--new_deadline_reminders_rmCpI p span {
    display: block;
    margin-top: 24px
}

.add-groups-card-container--remove_groups_card_mVmrx {
    background-color: #f6f7fb;
    border: 1px solid #d7d9df;
    border-radius: 8px;
    padding: 24px 16px
}

.add-groups-card-container--remove_groups_card_mVmrx p {
    line-height: 22px !important
}

.add-groups-card-container--remove_groups_card_mVmrx p span {
    display: block;
    margin-top: 24px
}

[data-focus-visible] .accessible-focus-border--download_emergency_kit_popup_dFC6F:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.submit-button--change_mp_popup_nfMWM {
    margin-top: 20px
}

.review-changes-button-container--review_changes_modal_vGZWc {
    padding-top: 20px
}

.review-changes-button-container--review_changes_modal_vGZWc .save-button--review_changes_modal_UyBsx {
    width: 100%
}

.card-container--review_changes_modal_NlAGK {
    display: grid;
    grid-gap: 16px
}

.icon-container--general_idp_info_footer_SQRiB {
    height: 100%;
    top: 0;
    right: 0;
    width: 22%
}

.icon-container-banner--general_idp_info_footer_Gvo6r {
    height: 100%;
    top: 0;
    right: 0;
    width: 18%
}

.icon--general_idp_info_footer_RxK8L {
    position: relative
}

.footer-button--general_idp_info_footer_tEiW3 {
    border-radius: 2px
}

.footer-button--general_idp_info_footer_tEiW3:hover {
    -webkit-text-decoration: none;
    text-decoration: none
}

.footer-button--general_idp_info_footer_tEiW3:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring), 0 0 transparent;
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring), var(--border, 0 0 transparent)
}

.footer-button--general_idp_info_footer_tEiW3 svg path {
    fill: var(--knox-text-icon-brand)
}

.divider--general_idp_info_footer_pgZuO {
    width: 100%
}

.sso-divider--general_idp_info_footer_x2jHE {
    width: 70%
}

.content-container--select_primary_idp_qYRmX {
    display: flex
}

.select-idp-container--select_primary_idp__vvkq h3 {
    margin-top: 0
}

.idp-card-container--select_primary_idp_rZt4Q {
    display: grid;
    grid-gap: 10px;
    margin-top: 18px
}

@media only screen and (min-width: 450px) {
    .idp-card-container--select_primary_idp_rZt4Q {
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr))
    }
}

.divider--select_primary_idp_mJn9w {
    margin: 48px 0 30px
}

.selected--app_visibility_config_owdze {
    background-color: var(--knox-background-brand-weak);
    border: 1px solid var(--knox-border-focus);
    border-radius: var(--knox-corner-radius-medium)
}

.select-idp-connection-container--set_idp_connection_FJ3B5 {
    max-width: 440px
}

.idp-connection-dropdown--set_idp_connection_s80Vj {
    background-color: #fff;
    border: 1px solid #d7d9e0;
    box-sizing: border-box;
    border-radius: 8px;
    min-width: 218px;
    min-height: 40px !important;
    font-size: 14px;
    margin-bottom: 20px
}

.dropdown-background--set_idp_connection_hYl6B[role=option] {
    padding-left: 10px;
    border: 1px solid transparent
}

.dropdown-background--set_idp_connection_hYl6B[role=option] img {
    max-width: 16px
}

.dropdown-background--set_idp_connection_hYl6B[role=option][data-current=true] {
    background: transparent;
    color: #333;
    border-color: var(--knox-border-focus)
}

.dropdown-idp-image--set_idp_connection_Fa2mH {
    max-width: 16px;
    max-height: 16px
}

.select-custom-idp-text--set_idp_connection_nTETB {
    margin-bottom: 10px;
    color: #999
}

.select-custom-idp-text--set_idp_connection_nTETB h4 {
    color: #333;
    margin-bottom: 5px;
    font-weight: 600
}

.select-idp-dropdown--set_idp_connection_FugQD {
    border-bottom: #e4e6e7 1px solid;
    margin-bottom: 10px;
    min-width: 218px
}

.button-logo--set_idp_connection_WCW5O {
    margin-right: 4.5px;
    font-size: 1.3rem
}

.button-text--set_idp_connection_qRtT5 {
    white-space: nowrap;
    min-width: 180px;
    justify-content: flex-start !important
}

.logo-footer--set_idp_connection_ILUaj {
    color: #999;
    white-space: nowrap;
    margin: 5px 0 10px
}

.idp-name-field--set_idp_connection_Kf4Sb {
    margin-bottom: 20px;
    max-width: 440px
}

.idp-name-field-custom--set_idp_connection_vl7IG input {
    height: 40px;
    line-height: 1.2rem;
    border-radius: 6px;
    padding: 10px 14px
}

.select-app-container--set_idp_connection_EsV7Y {
    max-width: 440px
}

.group-name--groups_table_uxgbf>a {
    padding-left: 10px
}

.group-member-count--groups_table_BGzIu>p {
    padding-left: 10px
}

.grace-period-passed--show_sso_groups_UfcSx p {
    padding-left: 10px
}

.banner--callout_banner_JHirW {
    background-color: var(--knox-background-neutral-low);
    color: var(--knox-text-icon-neutral);
    font-weight: var(--knox-base-font-weight-600);
    border-radius: var(--knox-corner-radius-medium);
    line-height: 18.2px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 12px 16px;
    gap: 8px
}

.icon--callout_banner_ECps0 {
    flex: 0 0 auto
}

.icon--callout_banner_ECps0 svg path {
    color: #666
}

.content--callout_banner_SAC4a {
    flex: 1 1 auto;
    font-size: 14px
}

.sso-settings-banner--sso_settings_banner_2gY7C.info--sso_settings_banner_WeN_7 {
    margin-top: 10px;
    background-color: var(--knox-background-brand-weak);
    color: var(--knox-text-icon-brand)
}

.sso-settings-banner--sso_settings_banner_2gY7C.info--sso_settings_banner_WeN_7 path {
    color: var(--knox-text-icon-brand)
}

.sso-settings-banner--sso_settings_banner_2gY7C.error--sso_settings_banner_rVmDL {
    background-color: transparent;
    color: var(--knox-text-icon-critical)
}

.sso-settings-banner--sso_settings_banner_2gY7C.error--sso_settings_banner_rVmDL path {
    color: var(--knox-text-icon-critical)
}

.test-connection-container--verify_sso_U7jWb .test-endpoints--verify_sso_raIgW {
    margin-bottom: 25px
}

.test-connection-container--verify_sso_U7jWb .endpoints-wrapper--verify_sso_bwtx4 {
    display: flex;
    align-items: center
}

.test-connection-container--verify_sso_U7jWb .endpoints-wrapper--verify_sso_bwtx4 p {
    margin-top: 0;
    margin-left: 6px
}

.test-connection-container--verify_sso_U7jWb .test-connection-image--verify_sso_acST4 {
    margin-right: 13px;
    width: 90px
}

.test-connection-container--verify_sso_U7jWb .test-button-container--verify_sso_BtNN_ {
    padding-top: 30px;
    padding-bottom: 10px
}

.test-connection-container--verify_sso_U7jWb .test-connection-button--verify_sso_jjJqK {
    min-width: 140px
}

.test-connection-container--verify_sso_U7jWb .button-is-testing-connection--verify_sso_FVl5s {
    background-color: #f6f7f8
}

.test-connection-container--verify_sso_U7jWb .connection-confirmation-container--verify_sso_gm3aU {
    margin-bottom: 48px
}

.test-connection-container--verify_sso_U7jWb .last-verification--verify_sso_Yoa4J {
    color: #666
}

.test-connection-container--verify_sso_U7jWb .successful-connection--verify_sso_DGhYO {
    color: #157901;
    display: flex;
    align-items: center
}

.test-connection-container--verify_sso_U7jWb .successful-connection-checkmark--verify_sso_HrEc6 {
    margin-right: 4px
}

.test-connection-container--verify_sso_U7jWb .failed-connection--verify_sso_Q7qJT {
    color: #bb3b1b;
    display: flex;
    align-items: center
}

.migration-wizard--migration_wizard_frv6H .migration-wizard-warning--migration_wizard_eM26L ol {
    padding-left: 0
}

.migration-wizard--migration_wizard_frv6H .warning--migration_wizard_VF9wA {
    background-color: #faf2e1;
    border: 1px #e6d2ac solid;
    border-radius: 6px;
    display: flex;
    align-items: flex-start;
    margin-top: 12px;
    padding: 8px
}

@media(min-width: 600px) {
    .migration-wizard--migration_wizard_frv6H .warning--migration_wizard_VF9wA {
        width: 80%
    }
}

.migration-wizard--migration_wizard_frv6H .warning--migration_wizard_VF9wA img {
    padding-top: 8px;
    margin-left: 12px
}

.migration-wizard--migration_wizard_frv6H .warning--migration_wizard_VF9wA .warning-content--migration_wizard_zYnuT {
    margin: 8px
}

.migration-wizard--migration_wizard_frv6H .error-banner--migration_wizard_XhPWw {
    background-color: #fae5e1;
    border-radius: 8px;
    box-shadow: inset 0 0 0 1px #e6b6ac;
    margin-bottom: 10px;
    padding: 1rem
}

.migration-wizard--migration_wizard_frv6H .error-banner--migration_wizard_XhPWw aside {
    color: rgba(0, 0, 0, .55);
    font-size: .75rem;
    margin-top: 10px
}

.migration-wizard--migration_wizard_frv6H .error-banner--migration_wizard_XhPWw aside p {
    margin-top: 0
}

.migration-wizard--migration_wizard_frv6H ol {
    list-style-type: decimal;
    padding-left: 20px
}

.migration-wizard--migration_wizard_frv6H ol li {
    margin-bottom: 8px
}

.prompt--deprecated_notification_prompt_RAoRc {
    border-radius: 6px;
    display: flex;
    margin-top: 12px;
    align-items: flex-start;
    padding: 8px;
    background-color: #f2f9ff;
    border: 1px #4595e6 solid
}

@media(min-width: 600px) {
    .prompt--deprecated_notification_prompt_RAoRc {
        width: 80%
    }
}

.prompt--deprecated_notification_prompt_RAoRc.granted--deprecated_notification_prompt_JMhG9 {
    background-color: #f6fcf5;
    border: 1px #3b8736 solid
}

.prompt--deprecated_notification_prompt_RAoRc.denied--deprecated_notification_prompt_LK0gN {
    background-color: #faf2e1;
    border: 1px #e6d2ac solid
}

.prompt--deprecated_notification_prompt_RAoRc img {
    padding-top: 8px;
    margin-left: 12px;
    width: 17px
}

.prompt--deprecated_notification_prompt_RAoRc .content--deprecated_notification_prompt_kne0e {
    margin: 8px
}

.prompt--deprecated_notification_prompt_RAoRc .button--deprecated_notification_prompt_ortkU {
    min-width: fit-content;
    min-height: 100%;
    margin: auto 5px auto auto
}

:root {
    --accent-color-focus-ring: hsla(212, 100%, 50%, 0.3)
}

.arrow--icon_dropdown_xiCzP {
    background: var(--color-grayscale-white);
    background-clip: content-box;
    border-left: 1px solid var(--color-shading-faint);
    border-top: 1px solid var(--color-shading-faint);
    border-top-left-radius: 3px;
    height: 16px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    transform: rotate(45deg) translateY(-7px) translateX(-6px);
    width: 16px
}

.icons-wrapper--icon_dropdown_utlKC {
    max-height: 231px;
    overflow-y: auto
}

.icons--icon_dropdown_ScWvl {
    background: var(--color-white);
    border-radius: 6px;
    box-shadow: 0 0 0 1px hsla(var(--color-black-pure-hsl), 0.1), 0 1px 20px 0 var(--color-shadow-medium);
    position: absolute;
    top: 43px;
    left: 30px;
    transform: translateX(calc(-50% + 30px))
}

.icons-list--icon_dropdown_menJD {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(6, 1fr);
    list-style: none;
    margin: 0;
    outline: 0;
    padding: 16px
}

.icons-list--icon_dropdown_menJD img {
    width: 100%
}

.icons-list--icon_dropdown_menJD:focus {
    border-radius: var(--knox-corner-radius-small)
}

.icons-list--icon_dropdown_menJD:focus:focus-visible {
    outline: 3px solid var(--knox-border-focus);
    outline-offset: 2px
}

.focused-icon--icon_dropdown_E3MCW {
    border-radius: 6px;
    box-shadow: inset 0 0 0 1px hsla(212, 100%, 50%, 0.3), 0 0 0 3px hsla(212, 100%, 50%, 0.3), inset 0 0 0 1px var(--color-shading-medium);
    box-shadow: inset 0 0 0 1px var(--accent-color-focus-ring), 0 0 0 3px var(--accent-color-focus-ring), inset 0 0 0 1px var(--color-shading-medium)
}

.focused-icon-vault--icon_dropdown_zFSx1 {
    border-radius: 16px;
    box-shadow: inset 0 0 0 1px hsla(212, 100%, 50%, 0.3), 0 0 0 3px hsla(212, 100%, 50%, 0.3), inset 0 0 0 1px var(--color-shading-medium);
    box-shadow: inset 0 0 0 1px var(--accent-color-focus-ring), 0 0 0 3px var(--accent-color-focus-ring), inset 0 0 0 1px var(--color-shading-medium)
}

:root {
    --accent-color-focus-ring: hsla(212, 100%, 50%, 0.3)
}

.icon-picker--icon_picker_YYBcO {
    position: relative;
    z-index: 99
}

.icon-picker-button--icon_picker_EyylK {
    background: none;
    border: none;
    outline: 0;
    padding: 0
}

.icon-picker-button--icon_picker_EyylK>* {
    border-radius: 12px
}

.icon-picker-button--icon_picker_EyylK:focus>* {
    box-shadow: inset 0 0 0 1px hsla(212, 100%, 50%, 0.3), 0 0 0 3px hsla(212, 100%, 50%, 0.3), inset 0 0 0 1px var(--color-shading-medium);
    box-shadow: inset 0 0 0 1px var(--accent-color-focus-ring), 0 0 0 3px var(--accent-color-focus-ring), inset 0 0 0 1px var(--color-shading-medium)
}

.container--create_subscription_frozen_popup_yBJ9J {
    display: grid;
    justify-items: center;
    max-width: 280px;
    margin: 0 auto;
    text-align: center
}

.container--create_subscription_frozen_popup_yBJ9J img {
    grid-row: 1/1;
    grid-column: 1/1
}

.container--create_subscription_frozen_popup_yBJ9J div {
    grid-row: 1/1;
    grid-column: 1/1;
    margin-left: 0 !important;
    margin-left: initial !important;
    z-index: -1;
    margin-top: 20px
}

.container--create_subscription_frozen_popup_yBJ9J a {
    width: 100%;
    margin-top: 20px;
    padding: 8px 16px
}

.container--create_subscription_frozen_popup_yBJ9J a:hover {
    -webkit-text-decoration: none;
    text-decoration: none
}

.container--create_subscription_frozen_popup_yBJ9J button {
    width: 100%;
    margin-top: 20px
}

.container--create_subscription_frozen_popup_yBJ9J button:hover {
    -webkit-text-decoration: none;
    text-decoration: none
}

.tabs--tabs_kkw6V {
    padding: 16px 16px 0;
    display: grid;
    grid-auto-columns: 1fr;
    grid-gap: 16px
}

.tabs--tabs_kkw6V button {
    grid-row: 1
}

.tabs--tabs_kkw6V button.inactive-tab--tabs_HD1tV {
    box-shadow: none !important
}

.main-content--create_vault_wO2Ys {
    background-color: #fff !important
}

@media(max-width: 663px) {
    .main-content--create_vault_wO2Ys {
        padding: 0 var(--knox-spacing-medium) var(--knox-spacing-medium) !important
    }
}

@media(min-width: 664px) {
    .main-content--create_vault_wO2Ys {
        background: #f6f7fb !important
    }
}

.container--create_vault_hmmRw {
    background: var(--knox-background-neutral-high);
    max-width: 590px;
    margin: -31px 0 var(--knox-spacing-medium)
}

@media(min-width: 664px) {
    .container--create_vault_hmmRw {
        margin: 0 auto;
        border-radius: var(--knox-corner-radius-medium);
        box-shadow: var(--knox-elevation-low)
    }
}

.container--create_vault_hmmRw .header-wrapper--create_vault_fmH8p {
    display: flex;
    width: 100vw
}

.container--create_vault_hmmRw .header-wrapper--create_vault_fmH8p>div {
    min-width: calc(100vw - 32px);
    width: calc(100vw - 32px)
}

.container--create_vault_hmmRw .header-wrapper--create_vault_fmH8p>div:first-of-type {
    padding-right: var(--knox-spacing-xl)
}

.container--create_vault_hmmRw .header-wrapper--create_vault_fmH8p>div:last-of-type {
    padding-left: var(--knox-spacing-xl)
}

@media(min-width: 588px) {
    .container--create_vault_hmmRw .header-wrapper--create_vault_fmH8p {
        width: 1176px
    }

    .container--create_vault_hmmRw .header-wrapper--create_vault_fmH8p>div {
        width: 556px;
        min-width: 0;
        min-width: initial
    }
}

.container--create_vault_hmmRw header {
    background-image: url("/images/create-vault-header.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-color: var(--knox-background-neutral);
    text-align: center;
    margin: 30px 0 var(--knox-spacing-large) -16px;
    width: 100vw;
    border-bottom: 1px solid var(--knox-border-neutral);
    overflow: hidden;
    padding: 0 var(--knox-spacing-xl)
}

@media(min-width: 664px) {
    .container--create_vault_hmmRw header {
        width: auto;
        width: initial;
        margin: 0;
        border-top: 1px solid var(--knox-border-neutral);
        border-radius: var(--knox-corner-radius-medium) var(--knox-corner-radius-medium) 0 0
    }
}

.container--create_vault_hmmRw header>div {
    padding: 0
}

.container--create_vault_hmmRw header>div button {
    --border: unset;
    border-radius: 0;
    border-radius: initial;
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    height: 40px !important;
    font-size: var(--knox-font-size-heading-small) !important;
    color: var(--knox-text-icon-neutral-weak)
}

.container--create_vault_hmmRw header>div button:hover {
    background-image: none;
    background-image: initial
}

.container--create_vault_hmmRw header>div button:active {
    color: var(--knox-background-brand);
    background-color: transparent;
    background-color: initial
}

[data-focus-visible] .container--create_vault_hmmRw header>div button:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring);
    border-radius: var(--knox-corner-radius-small) var(--knox-corner-radius-small) 0 0;
    border-bottom: 2px solid #0572ec !important
}

.container--create_vault_hmmRw .suggested-vaults-tab-panel--create_vault_rFDms ul li button {
    display: flex;
    height: 100%;
    width: 100%;
    padding: var(--knox-spacing-small) var(--knox-spacing-medium);
    margin: 0;
    text-align: left;
    border: 1px solid var(--knox-border-neutral);
    border-radius: var(--knox-corner-radius-small)
}

[data-focus-visible] .container--create_vault_hmmRw .suggested-vaults-tab-panel--create_vault_rFDms ul li button:focus {
    box-shadow: inset 0 0 0 1px var(--knox-border-focus), 0 0 0 3px var(--knox-border-focus) !important
}

.container--create_vault_hmmRw .suggested-vaults-tab-panel--create_vault_rFDms ul li button .image-wrapper--create_vault_p4Y8d {
    position: relative;
    align-self: center;
    max-width: 48px;
    max-height: 48px
}

.container--create_vault_hmmRw .suggested-vaults-tab-panel--create_vault_rFDms ul li button .image-wrapper--create_vault_p4Y8d::before {
    position: absolute;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .2);
    border-radius: var(--knox-corner-radius-circular);
    content: ""
}

.container--create_vault_hmmRw .suggested-vaults-tab-panel--create_vault_rFDms ul li button .image-wrapper--create_vault_p4Y8d img {
    border-radius: var(--knox-corner-radius-circular);
    height: 48px;
    width: 48px
}

.give-feedback--create_vault_cxUCX {
    display: block;
    margin: var(--knox-spacing-medium) auto;
    width: max-content
}

[data-focus-visible] .give-feedback--create_vault_cxUCX:focus {
    box-shadow: inset 0 0 0 1px var(--knox-border-focus), 0 0 0 3px var(--knox-border-focus) !important
}

.selected-tab--create_vault_FgpCh {
    border-bottom: 3px solid var(--knox-background-brand);
    color: var(--knox-text-icon-brand) !important
}

.show-right--create_vault_bNwNJ {
    transform: translateX(-100vw)
}

@media(min-width: 588px) {
    .show-right--create_vault_bNwNJ {
        transform: translateX(-588px)
    }
}

.spinner--create_vault_syqKc {
    display: flex;
    justify-content: center;
    padding: 80px
}

.container--manage_group_accessors_list_VOq2V h3 {
    display: grid;
    grid-template-columns: auto 1fr;
    margin: 0 0 12px !important;
    color: #707070;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px
}

.container--manage_group_accessors_list_VOq2V ul {
    display: grid
}

.container--manage_group_accessors_list_VOq2V ul li label {
    display: grid;
    grid-template-columns: auto auto 1fr auto;
    align-items: center
}

.container--manage_group_accessors_list_VOq2V ul h4 {
    color: #444
}

.whats-new-frame--doors_FC7am {
    flex: 1 0 auto;
    transition: flex-basis 1s;
    max-width: 30%
}

.whats-new-frame--doors_FC7am iframe {
    position: sticky;
    top: 0;
    display: flex;
    min-height: 100vh;
    min-width: 100%
}

.error--doors_tusLR {
    flex: 0 0 0
}

.error--doors_tusLR iframe {
    display: none
}

.loading--doors_juuqF iframe {
    display: none
}

.user-container--account_list_presentation_O_oBa {
    padding-left: calc(var(--knox-spacing-small) + 32px);
    border-top: 1px solid var(--knox-border-neutral)
}

@keyframes shake--animations_YtNNl {

    10%,
    90% {
        transform: translate3d(-1px, 0, 0)
    }

    20%,
    80% {
        transform: translate3d(2px, 0, 0)
    }

    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0)
    }

    40%,
    60% {
        transform: translate3d(4px, 0, 0)
    }
}

.shake--animations_YtNNl {
    animation: shake--animations_YtNNl .82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both
}

.detail--copy_box_baqdq {
    margin-top: 15px;
    border: #d7d9e0 1px solid;
    border-radius: 10px;
    background: #fff;
    display: flex;
    align-items: center;
    padding: .7rem
}

.copy-box--copy_box_aqpST {
    outline: 0;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.copy-box--copy_box_aqpST:hover,
.copy-box--copy_box_aqpST:focus-within,
.copy-box--copy_box_aqpST:focus {
    cursor: pointer
}

.copy-box--copy_box_aqpST:hover .show-on-focus--copy_box_i7R9B,
.copy-box--copy_box_aqpST:focus-within .show-on-focus--copy_box_i7R9B,
.copy-box--copy_box_aqpST:focus .show-on-focus--copy_box_i7R9B {
    opacity: 1
}

.copy-box--copy_box_aqpST:active .copy--copy_box_OvwhQ {
    background-color: #cbcccd;
    border-color: #999
}

.copy-box--copy_box_aqpST .visibility-toggle--copy_box_u7GqO:active+.copy--copy_box_OvwhQ {
    background-color: #f6f7f8;
    border-color: #cbcccd
}

.copy-box--copy_box_aqpST .show-on-focus--copy_box_i7R9B {
    opacity: 0;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.content--copy_box_UInKY {
    flex: 1
}

.title--copy_box_aBggh {
    font-size: .9rem;
    color: #757575;
    line-height: 1.2em;
    font-weight: 400
}

.value--copy_box_OY7fD {
    font-family: "Source Code Pro", "Menlo", "Monaco", "Andale Mono", "Anonymous Pro", "PT Mono", monospace;
    letter-spacing: normal;
    margin-top: 8px;
    font-size: 1rem;
    font-weight: 500
}

.button--copy_box_PURWp {
    margin-left: 5px;
    border: 1px solid #cbcccd;
    border-radius: 5px;
    padding: 5px;
    -webkit-text-decoration: none;
    text-decoration: none;
    font-size: 1.1rem;
    color: #333;
    word-break: normal;
    height: auto;
    height: initial;
    min-width: 3.5rem
}

.button--copy_box_PURWp:hover {
    background-color: transparent
}

.button--copy_box_PURWp:active {
    background-color: #cbcccd;
    border-color: #999
}

.unsupported-browser--unsupported_browser_Ft_kg {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    align-items: stretch;
    width: 100%
}

@media only screen and (min-width: 750px) {
    .unsupported-browser--unsupported_browser_Ft_kg {
        padding-top: 22vh
    }
}

@media only screen and (min-width: 1050px) {
    .unsupported-browser--unsupported_browser_Ft_kg {
        width: 550px
    }
}

.title--unsupported_browser_HYNp0 {
    font-size: 20px
}

.description--unsupported_browser_Te6An {
    margin-bottom: 20px
}

.browser-list--unsupported_browser_v4qUu {
    margin-bottom: 10px
}

.browser--unsupported_browser_wtYKf {
    margin-right: 25px;
    display: inline-block;
    margin-bottom: 20px
}

.browser-image--unsupported_browser_Kc4qT {
    vertical-align: -10px;
    margin-right: 8px;
    width: 32px
}

.browser-link--unsupported_browser_Vx9QX {
    -webkit-text-decoration: none;
    text-decoration: none
}

.get-secret-key--unsupported_browser_lOggx {
    margin-top: 15px;
    margin-bottom: 30px
}

.main--microsoft_edge_warning_HpAiS {
    padding: 20px;
    width: 569px;
    background: #fff;
    border: 1px solid #d7d9df;
    position: relative
}

.main--microsoft_edge_warning_HpAiS .header--microsoft_edge_warning_fQFS6 {
    color: #646464;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 65%;
    padding-bottom: 15px;
    border-bottom: 1px solid #e4e6e7;
    display: flex;
    flex-direction: row
}

.main--microsoft_edge_warning_HpAiS .header--microsoft_edge_warning_fQFS6 .pill--microsoft_edge_warning_UI2n8 {
    background: #6a788a;
    color: #fff;
    font-size: 14px;
    padding: 5px 9px;
    border-radius: 8px;
    height: fit-content;
    position: absolute;
    right: 20px
}

.main--microsoft_edge_warning_HpAiS .user-data--microsoft_edge_warning_e_NkT {
    margin: 10px;
    line-height: 75%
}

.main--microsoft_edge_warning_HpAiS .user-data--microsoft_edge_warning_e_NkT .company-name--microsoft_edge_warning_mGw9S {
    font-weight: 600;
    font-size: 18px;
    color: #000
}

.main--microsoft_edge_warning_HpAiS .browser-download--microsoft_edge_warning_NsKB8 {
    white-space: nowrap;
    font-weight: 600
}

.main--microsoft_edge_warning_HpAiS .browser-suggestion--microsoft_edge_warning_wx934 {
    line-height: 1.3
}

.main--microsoft_edge_warning_HpAiS .footer--microsoft_edge_warning_i_LVO {
    margin-top: 3rem !important
}

.main-wrapper--BackNav_KtLN4 {
    display: flex;
    position: absolute;
    top: -3rem;
    left: 0
}

@media only screen and (min-width: 750px) {
    .main-wrapper--BackNav_KtLN4 {
        top: -4rem
    }
}

.native-wrapper--BackNav_Zi7s9 {
    display: flex;
    position: relative;
    top: -10rem
}

@media only screen and (min-width: 750px) {
    .native-wrapper--BackNav_Zi7s9 {
        top: 0
    }
}

.native-wrapper--BackNav_Zi7s9>* {
    position: absolute
}

@media only screen and (min-width: 750px) {
    .native-wrapper--BackNav_Zi7s9>* {
        top: -4vh
    }
}

.primary-button--confirmation_popup_XufnQ {
    margin-top: 1.25rem;
    box-shadow: inset 0 0 0 1px !important
}

.secondary-button--confirmation_popup_V3aCL {
    margin-top: .6rem
}

.submit-button--confirmation_popup_PBAPz {
    margin-top: .6rem
}

.user-limit-message--confirmation_popup_ScdEv {
    margin-top: .6rem;
    --border: inset 0 0 0 1px #ebf4fc;
    background-color: #ebf4fc;
    box-shadow: inset 0 0 0 1px #ebf4fc;
    box-shadow: var(--border);
    border-radius: 5px;
    padding: 10px;
    color: #3a80d7
}

.user-limit-message--confirmation_popup_ScdEv td {
    padding: 0 5px
}

.icon--confirmation_popup_wBLRr {
    margin-right: 1rem
}

.deletion-message--confirmation_popup_ByePH {
    color: red;
    text-align: center
}

.first--mycelium_animation_ZYjfu {
    position: absolute;
    animation-name: first--mycelium_animation_ZYjfu;
    animation-duration: 0s;
    animation-delay: 1.25s;
    animation-fill-mode: forwards
}

.second--mycelium_animation_FM8WI {
    position: absolute;
    animation-name: second--mycelium_animation_FM8WI;
    animation-duration: 1.25s;
    animation-delay: 0s
}

@keyframes first--mycelium_animation_ZYjfu {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes second--mycelium_animation_FM8WI {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.bullet--mycelium_code_ZTtQr {
    height: 18px;
    width: 18px
}

.additional-device-enrollment-popup--oidc_redirect_iaTxM>div>main {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

.additional-device-enrollment-popup--oidc_redirect_iaTxM {
    width: 360px !important
}

.additional-device-enrollment-popup--oidc_redirect_iaTxM a {
    -webkit-text-decoration: none;
    text-decoration: none
}

.additional-device-enrollment-popup--oidc_redirect_iaTxM a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.additional-device-enrollment-popup--oidc_redirect_iaTxM img {
    display: block;
    margin: 5px auto 15px
}

.additional-device-enrollment-popup--oidc_redirect_iaTxM .btn--oidc_redirect_uYFq7 {
    justify-content: center;
    width: 100%;
    margin-top: 15px
}

.additional-device-enrollment-popup--oidc_redirect_iaTxM header h3 {
    max-width: 100% !important
}

.separator--EmailFormOrQrCode_c9Kqa::before,
.separator--EmailFormOrQrCode_c9Kqa::after {
    content: "";
    flex: 1;
    border-bottom: var(--knox-spacing-hairline) solid var(--knox-border-neutral-weak)
}

.separator--EmailFormOrQrCode_c9Kqa:not(:empty)::before {
    margin-right: var(--knox-spacing-small)
}

.separator--EmailFormOrQrCode_c9Kqa:not(:empty)::after {
    margin-left: var(--knox-spacing-small)
}

.standard--detail_view_section_j7Hp7>ol>li {
    display: flex;
    align-items: center;
    border-top: 1px solid #d7d9e0;
    padding: .4rem .7rem;
    position: relative;
    min-height: 45px;
    color: var(--knox-text-icon-neutral-weak)
}

.standard--detail_view_section_j7Hp7>ol>li:nth-child(odd) {
    background-color: var(--knox-background-neutral-high)
}

.standard--detail_view_section_j7Hp7>ol>li:last-child {
    border-bottom: 1px solid #d7d9e0
}

.standard--detail_view_section_j7Hp7>ol>li .content {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 28px);
    padding-right: 1rem;
    color: var(--knox-text-icon-neutral)
}

.standard--detail_view_section_j7Hp7>ol>li .content a {
    display: flex;
    align-items: center;
    -webkit-text-decoration: none;
    text-decoration: none
}

.standard--detail_view_section_j7Hp7>ol>li .content a:hover .user-identifier {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.standard--detail_view_section_j7Hp7>ol>li .content a[disabled] {
    cursor: default;
    color: var(--knox-text-icon-neutral);
    -webkit-text-decoration: none;
    text-decoration: none
}

.standard--detail_view_section_j7Hp7>ol>li .content a .avatar {
    margin-right: .8rem
}

.standard--detail_view_section_j7Hp7>ol>li .content .name {
    display: flex;
    align-items: center;
    cursor: default
}

.standard--detail_view_section_j7Hp7>ol>li .content .name .avatar {
    margin-right: .8rem
}

.standard--detail_view_section_j7Hp7>ol>li .content .meta {
    text-align: right
}

.standard--detail_view_section_j7Hp7>ol>li .content .meta .status.labels {
    display: inline-flex;
    align-items: center;
    margin-right: 1rem
}

.standard--detail_view_section_j7Hp7>ol>li .content .permissions {
    font-size: .8rem;
    color: var(--knox-text-icon-neutral-weak)
}

.standard--detail_view_section_j7Hp7>ol>li .permissions {
    font-size: .8rem;
    color: var(--knox-text-icon-neutral-weak)
}

.standard--detail_view_section_j7Hp7>ol>li .permission-menu {
    z-index: 300;
    width: 206px;
    overflow: hidden;
    padding: 8px 10px;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, .15) 0 0 0 1px, rgba(0, 0, 0, .15) 0 1px 20px;
    position: absolute;
    right: 12px;
    top: 38px;
    margin-bottom: 1rem
}

.standard--detail_view_section_j7Hp7>ol>li .permission-menu h3 {
    color: var(--knox-text-icon-neutral-weak);
    margin: 0 0 5px
}

.standard--detail_view_section_j7Hp7>ol>li .permission-menu div.permission-group:not(:first-child) {
    margin-top: 20px
}

.standard--detail_view_section_j7Hp7>ol>li .permission-menu li {
    padding: 0;
    margin: 5px 0 0;
    width: auto;
    display: block
}

.standard--detail_view_section_j7Hp7>ol>li .permission-menu li ol {
    margin-left: 20px
}

.standard--detail_view_section_j7Hp7>ol>li .permission-menu input {
    margin: 0 6px 0 0
}

.standard--detail_view_section_j7Hp7>ol>li .permission-menu select {
    width: 100%;
    margin-top: 0
}

.standard--detail_view_section_j7Hp7>ol>li .permission-menu button {
    color: #e60000
}

.standard--detail_view_section_j7Hp7>ol>li .permission-menu button:hover {
    -webkit-text-decoration: none;
    text-decoration: none
}

.standard--detail_view_section_j7Hp7>ol>li .permission-menu.group label:hover {
    color: #fcfcfc
}

.standard--detail_view_section_j7Hp7>ol>li .permission-menu label {
    font-weight: normal;
    color: var(--knox-text-icon-neutral)
}

.standard--detail_view_section_j7Hp7>ol>li .permission-menu hr {
    width: 120%;
    margin: 10px 0 10px -12px;
    background-color: var(--knox-background-neutral)
}

.standard--detail_view_section_j7Hp7>ol>li .permission-menu div.inline-select {
    margin: 0 -10px
}

.standard--detail_view_section_j7Hp7.list ol {
    padding: 0 .7rem
}

.standard--detail_view_section_j7Hp7.list ol li {
    display: inline-block;
    background-color: var(--knox-background-neutral-low);
    border: none;
    color: var(--knox-text-icon-neutral);
    min-height: 0;
    min-height: initial;
    padding: 5px;
    margin: 0 8px 8px 0;
    font-weight: 600;
    cursor: default;
    border-radius: 4px
}

.standard--detail_view_section_j7Hp7.list ol li.travel {
    background-color: #ffec9b;
    color: #996a1a
}

.standard--detail_view_section_j7Hp7.list ol li.travel svg {
    vertical-align: -1px;
    margin-right: 3px
}

.standard--detail_view_section_j7Hp7.list .empty {
    padding: 0 .7rem;
    color: #707070
}

.detail-view-section-header-menu--detail_view_section_XcOfJ button:hover {
    background-color: var(--knox-background-transparent-hover)
}

.detail-view-section-header-menu-active--detail_view_section_vdLXD {
    top: calc(100% + 2px) !important
}

.detail-view-section-header-menu-active--detail_view_section_vdLXD ol li {
    cursor: pointer
}

.detail-view-section-header-menu-active--detail_view_section_vdLXD ol li:hover {
    background-color: var(--knox-background-transparent-hover)
}

.search-wrapper--search_box__FBmU {
    margin-top: 0;
    margin-left: auto;
    margin-right: var(--knox-spacing-xs);
    display: none
}

@media only screen and (min-width: 720px) {
    .search-wrapper--search_box__FBmU {
        display: flex;
        align-items: center;
        position: relative
    }
}

.icon--mfa_list_item__mauN {
    margin-right: 1rem;
    width: 40px;
    height: 40px;
    flex-shrink: 0
}

.content--mfa_list_item_XzHwt {
    max-width: 65% !important;
    display: block !important;
    margin: .3rem 0;
    padding-right: 5%;
    text-align: left
}

.content--mfa_list_item_XzHwt .name--mfa_list_item_nhbV8 {
    color: #333
}

.content--mfa_list_item_XzHwt .details--mfa_list_item_i9Cu2 {
    margin-top: .2rem
}

.button--mfa_list_item_GuUnY {
    flex-shrink: 0;
    margin-left: auto
}

.secret-key-help--SecretKeyField_lRovB {
    z-index: 100;
    position: relative
}

.error-container--native_error_boundary_iG0EO {
    display: grid;
    grid-gap: 2rem;
    grid-auto-rows: minmax(min-content, max-content);
    max-width: 425px;
    width: 100%
}

.main--native_container_Zh8Ni {
    max-width: 425px;
    width: 100%;
    margin-bottom: auto
}

@media only screen and (min-width: 750px) {
    .starting-route-responsive--native_container_dKqKL {
        margin-top: 0;
        padding-top: 22vh
    }
}

.responsive--native_container_OJGlj {
    margin-top: -2rem
}

@media only screen and (min-width: 750px) {
    .responsive--native_container_OJGlj {
        transform: none;
        margin-top: 0;
        padding-top: 19vh
    }
}

.card--device_card_cHJdU {
    border: 1px solid #cbcccd;
    border-radius: 6px;
    background-color: #fcfcfc;
    padding: 15px;
    min-height: 70px;
    width: 100%;
    display: grid;
    grid-template-areas: "icon title chevron" "icon subtitle chevron";
    grid-template-columns: 40px auto 8px;
    grid-template-rows: 50% 50%;
    grid-gap: 4px 15px;
    align-items: center;
    -webkit-text-decoration: none;
    text-decoration: none
}

.card--device_card_cHJdU:hover,
.card--device_card_cHJdU:focus {
    border-color: #0572ec
}

.card--device_card_cHJdU svg {
    grid-area: chevron
}

.card--device_card_cHJdU+.card--device_card_cHJdU {
    margin-top: 10px
}

.image--device_card_gcAfn {
    grid-area: icon;
    height: 40px;
    width: 40px
}

p.title--device_card_Yurba,
p.subtitle--device_card_VcY13 {
    margin-top: 0
}

.title--device_card_Yurba {
    grid-area: title;
    color: #333;
    font-weight: 600
}

.subtitle--device_card_VcY13 {
    grid-area: subtitle;
    color: #707070
}

.device-list--native_choose_device_knvP9 {
    display: grid;
    grid-template-rows: [title] auto 8px [blurb] auto 24px [devices] auto 24px [find-ekit] auto;
    justify-items: stretch
}

.device-list--native_choose_device_knvP9>p {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.title--native_choose_device_Qdpd6 {
    grid-row: title;
    font-size: 20px;
    line-height: 24px
}

.text--native_choose_device_YImcL {
    grid-row: blurb;
    color: #666;
    line-height: 22px
}

.devices--native_choose_device_vwBtV {
    grid-row: devices
}

.title--native_choose_device_Qdpd6,
.text--native_choose_device_YImcL {
    text-align: center
}

.find-ekit-button--native_choose_device_ZLw5A {
    grid-row: find-ekit;
    justify-self: center
}

@media only screen and (min-width: 750px) {

    .title--native_choose_device_Qdpd6,
    .text--native_choose_device_YImcL {
        text-align: left
    }

    .find-ekit-button--native_choose_device_ZLw5A {
        justify-self: start
    }
}

.account-list--native_account_list__0zg1 {
    display: grid !important;
    grid-gap: 1.3rem !important;
    grid-auto-rows: minmax(min-content, max-content) !important;
    padding-top: 0 !important
}

.account-list--native_account_list__0zg1>* {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.button--native_account_list_yldHl {
    justify-self: center
}

@media only screen and (min-width: 750px) {
    .button--native_account_list_yldHl {
        justify-self: left
    }
}

.title--native_account_list_Q4r_L {
    font-size: 1.1rem;
    text-align: center
}

@media only screen and (min-width: 750px) {
    .title--native_account_list_Q4r_L {
        text-align: left
    }
}

.find-ekit-instructions--native_find_ekit_oo1K_ {
    display: grid;
    justify-content: left
}

.content--native_find_ekit_y2KG9 {
    grid-row: content;
    display: grid;
    grid-template-rows: [title] auto 8px [intro] auto 16px [ekit-picture] auto 16px [location-text] auto
}

.content--native_find_ekit_y2KG9>p {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.title--native_find_ekit_mK2Pj {
    grid-area: title;
    font-size: 20px;
    line-height: 24px
}

.intro--native_find_ekit_lEvek {
    grid-area: intro
}

.image--native_find_ekit_iI0mz {
    grid-area: ekit-picture;
    border-radius: 10px;
    width: min(320px, 100%)
}

.location-text--native_find_ekit_UsQg7 {
    grid-area: location-text
}

.text--native_find_ekit_vWMs9 {
    color: #666;
    line-height: 22px;
    justify-self: left
}

.list--native_find_ekit_V4GE2 {
    color: #666;
    list-style: disc;
    padding-left: 2rem;
    text-align: left
}

.setup-button--native_find_ekit_v2MWT {
    grid-row: open-app;
    min-width: min(320px, 100%)
}

.contact-support-button--native_find_ekit_WKPEB {
    grid-row: contact-support
}

.find-ekit-instructions--native_find_ekit_oo1K_ {
    grid-template-rows: auto 2rem [content] auto 32px [open-app] auto 28px [contact-support] auto
}

.find-ekit-instructions--native_find_ekit_oo1K_ button,
.find-ekit-instructions--native_find_ekit_oo1K_ a {
    justify-self: center
}

@media only screen and (min-width: 750px) {
    .find-ekit-instructions--native_find_ekit_oo1K_ {
        grid-template-rows: auto 2rem [content] auto 48px [open-app] auto 28px [contact-support] auto
    }

    .find-ekit-instructions--native_find_ekit_oo1K_ button,
    .find-ekit-instructions--native_find_ekit_oo1K_ a {
        justify-self: left
    }
}

.content--native_find_ekit_y2KG9 {
    width: min(320px, 100%);
    justify-self: center;
    justify-items: center;
    text-align: center
}

@media only screen and (min-width: 750px) {
    .content--native_find_ekit_y2KG9 {
        width: 425px;
        justify-self: left;
        justify-items: left;
        text-align: left
    }
}

.item--numbered_list_KOw00 {
    position: relative
}

.item--numbered_list_KOw00:not(:first-of-type) {
    margin-top: 24px
}

.number--numbered_list_iL22s {
    border-radius: 60%;
    border: 1px solid #d7d9e0;
    background-color: #fff;
    color: #666;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    position: absolute;
    height: 24px;
    width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    left: calc(0px - (24px + 8px))
}

.list--numbered_list_j3wD5 {
    margin-left: calc(24px + 8px)
}

.container--native_other_device_ofkRn {
    display: grid;
    grid-template-rows: auto 2rem [content] auto 42px [open-app] auto
}

.container--native_other_device_ofkRn>* {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.main--native_other_device_qG8V0 {
    grid-row: content;
    width: min(400px, 100%);
    display: grid;
    grid-template-rows: [title] auto 8px [intro] auto 24px [instructions] auto
}

.main--native_other_device_qG8V0>* {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.main--native_other_device_qG8V0 h1 {
    line-height: 24px
}

.main--native_other_device_qG8V0 p {
    line-height: 22px
}

.title--native_other_device_AIRpc {
    grid-row: title
}

.intro--native_other_device_THzbO {
    grid-row: intro
}

.instructions--native_other_device_rwAiH {
    grid-row: instructions;
    width: min(400px, 100%);
    text-align: left
}

.switchable--native_other_device_ZlD8T {
    display: grid;
    grid-template-rows: [switcher] auto [list] auto;
    grid-gap: 24px
}

.desktop-image--native_other_device_Kzw4a {
    border-radius: 6px;
    width: min(240px, 100%)
}

.mobile-image--native_other_device_GQTzV {
    width: min(160px, 100%)
}

.instruction-text--native_other_device_wgb1L {
    margin-top: 8px
}

.alt-key--native_other_device__7iMF {
    font-size: .8rem;
    font-weight: 600;
    border: 1px solid #333;
    border-radius: 4px;
    padding: 1px 5px
}

.setup-button--native_other_device_aFfJP {
    grid-row: open-app;
    min-width: min(100%, 300px)
}

.container--native_other_device_ofkRn h1,
.container--native_other_device_ofkRn .text--native_other_device_ieNeD {
    text-align: center
}

.container--native_other_device_ofkRn button,
.container--native_other_device_ofkRn a {
    justify-self: center
}

@media only screen and (min-width: 750px) {

    .container--native_other_device_ofkRn h1,
    .container--native_other_device_ofkRn .text--native_other_device_ieNeD {
        text-align: left
    }

    .container--native_other_device_ofkRn button,
    .container--native_other_device_ofkRn a,
    .container--native_other_device_ofkRn p {
        justify-self: left
    }
}

.tabs--native_other_device_rmDsn {
    display: grid;
    grid-auto-columns: 1fr;
    grid-gap: 24px;
    padding: 8px 16px;
    border-bottom: 1px solid #dadde6;
    flex: 0 !important;
    position: relative;
    font-size: 16px
}

.tabs--native_other_device_rmDsn button {
    font-size: inherit !important;
    font-weight: bold !important;
    width: 100%
}

.tabs--native_other_device_rmDsn button span {
    height: 18px !important;
    min-height: 18px !important
}

.tab--selected--native_other_device_o6a3I {
    color: #0364d3
}

.tab--selected--native_other_device_o6a3I::after {
    content: "";
    display: block;
    width: calc(50% - 16px - 24px);
    position: absolute;
    background-color: #0364d3;
    height: 3px;
    bottom: calc(3px / -2);
    border-radius: 3px
}

.redirect-page--native_redirect_ZBEV9 {
    display: grid;
    grid-gap: 2rem;
    grid-auto-rows: minmax(min-content, max-content);
    justify-items: stretch
}

.redirect-page--native_redirect_ZBEV9>* {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.responsive--native_redirect_DHYZH>h3,
.responsive--native_redirect_DHYZH>h4,
.responsive--native_redirect_DHYZH>p {
    text-align: center
}

.responsive--native_redirect_DHYZH .pseudo-link--native_redirect_k6jrf {
    justify-self: center
}

@media only screen and (min-width: 750px) {

    .responsive--native_redirect_DHYZH>h3,
    .responsive--native_redirect_DHYZH>h4,
    .responsive--native_redirect_DHYZH>p {
        text-align: left
    }

    .responsive--native_redirect_DHYZH .pseudo-link--native_redirect_k6jrf {
        justify-self: stretch
    }
}

.pseudo-link--native_redirect_k6jrf {
    color: #0572ec;
    text-align: left
}

.link--native_redirect_vEObt {
    -webkit-text-decoration: none;
    text-decoration: none
}

.secondary--native_redirect_NkmlV {
    color: #707070
}

.instruction--native_redirect_m6_5Y {
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 24px
}

.copy-container--native_redirect_QNgXM {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 0 10px
}

.copy-container--native_redirect_QNgXM * {
    flex: initial;
    width: 100%
}

.copy-container--native_redirect_QNgXM *:not(:first-child) {
    margin-top: 20px
}

@media only screen and (min-width: 750px) {
    .copy-container--native_redirect_QNgXM {
        padding: 0;
        flex-direction: row
    }

    .copy-container--native_redirect_QNgXM * {
        margin-top: 0;
        flex: 1
    }

    .copy-container--native_redirect_QNgXM *:not(:first-child) {
        margin-left: 20px
    }
}

.signin-link-text--native_redirect_CXTLM {
    white-space: nowrap;
    height: 2.7rem;
    scrollbar-width: none
}

.signin-link-text--native_redirect_CXTLM::-webkit-scrollbar {
    scrollbar-width: none;
    display: none
}

.redirect--oidc_b5x_redirect_CbGrl {
    z-index: 2;
    padding: 32px;
    margin-top: 80px;
    color: #333;
    align-self: center;
    justify-self: center
}

@media(min-width: 540px) {
    .redirect--oidc_b5x_redirect_CbGrl {
        width: 520px;
        margin: 70px 0;
        padding: 40px 60px;
        border-radius: 10px;
        background: #fff;
        box-shadow: 0 14px 52px -30px rgba(0, 0, 0, .1), 0 34px 84px -20px rgba(0, 0, 0, .05)
    }
}

.redirect--oidc_native_redirect_lW0kZ {
    z-index: 2;
    padding: 32px;
    margin-top: 80px;
    color: #333;
    align-self: center;
    justify-self: center
}

@media(min-width: 540px) {
    .redirect--oidc_native_redirect_lW0kZ {
        width: 520px;
        margin: 70px 0;
        padding: 40px 60px;
        border-radius: 10px;
        background: #fff;
        box-shadow: 0 14px 52px -30px rgba(0, 0, 0, .1), 0 34px 84px -20px rgba(0, 0, 0, .05)
    }
}

.container--loading_PMBd2 {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.footer--footer_nnfqE {
    background-color: var(--knox-background-neutral-high);
    z-index: 1
}

@media(min-width: 600px) {
    .footer--footer_nnfqE {
        border-top: var(--knox-spacing-hairline) solid var(--knox-border-neutral)
    }
}

.footer--footer_nnfqE .container--footer_kkH4N {
    flex-direction: column-reverse;
    padding: var(--knox-spacing-large);
    gap: var(--knox-spacing-large)
}

@media(min-width: 600px) {
    .footer--footer_nnfqE .container--footer_kkH4N {
        flex-direction: row;
        max-width: 832px;
        margin: 0 auto
    }
}

.footer--footer_nnfqE .container--footer_kkH4N a:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.footer--footer_nnfqE .container--footer_kkH4N div:first-of-type {
    flex-grow: 1
}

.footer--footer_nnfqE.onboarding-flow--footer_obXTb {
    background-color: transparent;
    border-top: none;
    padding: var(--knox-spacing-medium)
}

.footer--footer_nnfqE.onboarding-flow--footer_obXTb .container--footer_kkH4N {
    flex-direction: column-reverse;
    gap: var(--knox-spacing-xs)
}

@media(min-width: 600px) {
    .footer--footer_nnfqE.onboarding-flow--footer_obXTb .container--footer_kkH4N {
        max-width: none;
        max-width: initial;
        gap: var(--knox-spacing-medium);
        padding: var(--knox-spacing-large)
    }
}

.footer--footer_nnfqE.onboarding-flow--footer_obXTb .container--footer_kkH4N .address--footer_e_O3r {
    display: flex;
    flex-direction: column;
    gap: var(--knox-spacing-xs)
}

@media(min-width: 600px) {
    .footer--footer_nnfqE.onboarding-flow--footer_obXTb .container--footer_kkH4N .address--footer_e_O3r {
        gap: var(--knox-spacing-medium)
    }
}

.container--background_image_or258 {
    height: 100%;
    width: 100%;
    position: absolute;
    bottom: 0
}

.background-image--background_image_wQYfr {
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute
}

.background-image-provision-confirmation--background_image_Ikq3Z {
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 85%;
    bottom: 0;
    z-index: 1;
    position: absolute
}

.accessory-image-provision-confirmation--background_image_Fa4Gc {
    background-repeat: no-repeat;
    background-size: contain;
    display: grid;
    height: 600px !important;
    width: 75vw;
    position: absolute;
    bottom: 166px;
    z-index: 1;
    left: 50%;
    transform: translateX(-50%);
    bottom: 76px;
    width: 500px;
    height: 250px
}

@media(max-width: 600px), (max-height: 750px) {
    .accessory-image-provision-confirmation--background_image_Fa4Gc {
        display: none
    }
}

.accessory-image--background_image_ZahJD {
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    display: grid;
    height: 250px;
    width: 75vw;
    position: absolute;
    bottom: 166px;
    z-index: 1;
    left: 50%;
    transform: translateX(-50%)
}

@media(min-width: 636px) {
    .accessory-image--background_image_ZahJD {
        bottom: 76px;
        width: 500px;
        height: 250px
    }
}

@media(min-width: 600px)and (max-width: 1215px) {
    .accessory-image--background_image_ZahJD {
        bottom: 88px
    }
}

.wave-one--background_image_Wfg9x {
    background-image: url(../images/wave-1-mobile-e07b9ed7293db8779db4.svg)
}

@media(min-width: 636px) {
    .wave-one--background_image_Wfg9x {
        background-image: url(../images/wave-1-0237ed649f69d5f1e207.svg)
    }
}

.wave-two--background_image_COo87 {
    background-image: url(../images/wave-2-mobile-d7a9751204471559a3cb.svg)
}

@media(min-width: 636px) {
    .wave-two--background_image_COo87 {
        background-image: url(../images/wave-2-b4775c6a331512b74dfb.svg)
    }
}

.wave-three--background_image_mEmTv {
    background-image: url(../images/wave-3-mobile-86d38b00a242206dfec9.svg)
}

@media(min-width: 636px) {
    .wave-three--background_image_mEmTv {
        background-image: url(../images/wave-3-d5477e43d1edd3475566.svg)
    }
}

.wave-four--background_image_mrO3j {
    background-image: url(../images/wave-4-mobile-d6ae84979a6108c1d4a1.svg)
}

@media(min-width: 636px) {
    .wave-four--background_image_mrO3j {
        background-image: url(../images/wave-4-dfa007d36b387351ff83.svg)
    }
}

.wave-five--background_image_T5VZE {
    background-image: url(../images/wave-5-mobile-6eaa94e7b33a4363fadc.svg)
}

@media(min-width: 636px) {
    .wave-five--background_image_T5VZE {
        background-image: url(../images/wave-5-f5fce209fa2de1c8e49a.svg)
    }
}

.browser--background_image_EInzc {
    background-image: url(../images/1p-in-browser-25158e187e69ae1b8bd7.png)
}

.create-account--background_image__aMsf {
    background-image: url(../images/create-account-45b07e803eeccdb4ba5b.png)
}

.credit-card--background_image__sucU {
    transform: translateX(-50%);
    background-image: url(../images/credit-card-b043ccc083956f570195.png)
}

@media(min-width: 636px) {
    .credit-card--background_image__sucU {
        transform: none;
        transform: initial;
        left: auto;
        left: initial;
        position: fixed;
        right: 0
    }
}

.secret-key--background_image_VEkX8 {
    background-image: url(../images/get-your-secret-key-a96812641aa5be4ad9e9.png)
}

.security--background_image_uieVT {
    background-image: url(../images/password-secret-key-6661e2257f05ddbd72b0.png)
}

.password--background_image_hhgYd {
    background-image: url(../images/set-your-password-390728b358052e2add71.png)
}

.verify-email--background_image_UVNsr {
    background-image: url(../images/verify-email-c47674e4e4560948ab35.png)
}

.forbidden-account-creation--background_image_ZySON {
    background-image: url(../images/forbidden-account-creation-6d1fb75f643200236f46.svg)
}

.default--background_image_io4nu {
    background-image: url(../images/generic-a2ec5463ba6b496ae537.png)
}

.recovery-codes-popup--create_new_passkey_sJ6vO {
    width: 400px !important
}

.emergency-kit--index_GzJmm h1 {
    font-size: 24px;
    line-height: 32px !important;
    margin-bottom: 16px
}

@media(min-width: 568px) {
    .emergency-kit--index_GzJmm h1 {
        margin-bottom: 24px
    }
}

.emergency-kit--index_GzJmm img {
    display: block;
    margin: 0 auto
}

.emergency-kit--index_GzJmm>p {
    font-size: 18px;
    line-height: 23px;
    margin-top: 16px;
    letter-spacing: -0.16px
}

@media(min-width: 568px) {
    .emergency-kit--index_GzJmm>p {
        font-size: 20px;
        line-height: 28px;
        margin-top: 24px
    }
}

.emergency-kit--index_GzJmm>div {
    background: #fefbf6;
    border: 1px solid #e6d3ac;
    padding: 16px 50px 16px 14px;
    border-radius: 6px;
    position: relative;
    margin-top: 16px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    overflow: hidden
}

@media(min-width: 568px) {
    .emergency-kit--index_GzJmm>div {
        margin-top: 24px;
        padding: 16px 90px 16px 14px
    }
}

.emergency-kit--index_GzJmm>div>img:first-of-type {
    margin-top: 1px
}

.emergency-kit--index_GzJmm>div>p {
    line-height: 20.8px;
    text-align: left !important;
    font-size: 16px;
    margin-top: 0 !important;
    margin-left: 12px;
    opacity: .8
}

.emergency-kit--index_GzJmm>div .shield--index_ddjQp {
    position: absolute;
    right: 0;
    top: 0
}

.emergency-kit--index_GzJmm>a {
    display: block;
    text-align: center;
    margin-top: 24px;
    -webkit-text-decoration: none !important;
    text-decoration: none !important;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: .3px;
    padding: 11px 16px
}

.emergency-kit--index_GzJmm>a:focus {
    outline: auto
}

.emergency-kit--index_GzJmm button {
    margin-top: 20px
}

.height-full--join_vxWMg {
    height: 100%
}

.join--join_md6mw {
    min-height: 100%;
    grid-template-rows: auto 1fr auto
}

.join--join_md6mw .join-layout--join_N8g6J {
    height: fit-content;
    z-index: 2;
    max-width: 540px
}

@media(min-width: 540px) {
    .join--join_md6mw .join-layout--join_N8g6J {
        background: var(--knox-background-neutral-high);
        box-shadow: var(--knox-elevation-medium)
    }
}

.join--join_md6mw .background--join_lbZJz {
    padding-bottom: 144px
}

@media(min-width: 540px) {
    .join--join_md6mw .background--join_lbZJz {
        padding-bottom: 0;
        padding-bottom: initial
    }
}

.join--join_md6mw div[role=form] label {
    display: block;
    line-height: 130%
}

.join--join_md6mw div[role=form] label input:not([type=checkbox]) {
    margin-top: 4px
}

.join--join_md6mw div[role=form] label input:not([type=checkbox]).error--join_Gx2Kg {
    box-shadow: inset 0 0 0 1px #bb3b1b
}

.join--join_md6mw div[role=form] label input:not([type=checkbox]).error--join_Gx2Kg:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.join--join_md6mw div[role=form] label input:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

@media(min-width: 540px) {
    .text--join_Sji6j {
        background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
        background: initial
    }
}

.progress-tracker-container--join__AAtE {
    padding-top: 14px;
    background-color: var(--knox-background-neutral-high);
    z-index: 1
}

@media(min-width: 750px) {
    .progress-tracker-container--join__AAtE {
        padding-top: 0;
        padding-right: 20%;
        padding-left: calc(20% - 143px);
        width: 100%
    }
}

.select-button--dropdown_yDFaG {
    height: 45px !important;
    font-size: 1rem !important;
    color: #333;
    line-height: 1.2rem !important;
    padding: 10px 14px;
    border-radius: 6px;
    background: #fff;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .25);
    margin-top: .4rem !important;
    width: 100%
}

.select-button--dropdown_yDFaG:focus {
    box-shadow: inset 0 0 0 1px #0572ec !important
}

.dropdown-container--dropdown_TfI1E {
    margin-top: 20px;
    margin-bottom: 20px
}

.dropdown-container--dropdown_TfI1E label {
    color: #333
}

.creating-account--index_ZYsiv {
    display: flex;
    flex-flow: column;
    position: absolute !important;
    margin: 0 !important;
    top: 0;
    right: 0;
    bottom: 148px;
    left: 0
}

.creating-account--index_ZYsiv>img {
    width: 120px;
    height: 144px
}

.creating-account--index_ZYsiv>p {
    margin: 0
}

@media(min-width: 600px) {
    .duplicate-accounts--index_eWELp {
        width: 520px
    }
}

.duplicate-accounts--index_eWELp .account--index_j2eZg:focus {
    box-shadow: inset 0 0 0 1px var(--knox-border-focus), 0 0 0 3px var(--knox-border-focus) !important
}

.separator--index_AeS2a {
    display: flex;
    align-items: center;
    text-align: center;
    margin-top: var(--knox-spacing-large);
    color: var(--knox-text-icon-neutral-weak);
    font-size: var(--knox-font-size-heading-small);
    font-weight: var(--knox-font-weight-heading-subtle)
}

.separator--index_AeS2a::before,
.separator--index_AeS2a::after {
    content: "";
    flex: 1;
    border-bottom: var(--knox-spacing-hairline) solid var(--knox-border-neutral)
}

.separator--index_AeS2a:not(:empty)::before {
    margin-right: var(--knox-spacing-small)
}

.separator--index_AeS2a:not(:empty)::after {
    margin-left: var(--knox-spacing-small)
}

.warning--index_gNFPU,
.error--index_SuGAr {
    display: flex;
    align-items: center;
    margin-top: var(--knox-spacing-2xs)
}

.warning--index_gNFPU img,
.error--index_SuGAr img {
    margin-right: var(--knox-spacing-2xs)
}

.warning--index_gNFPU p,
.error--index_SuGAr p {
    margin: 0
}

.warning--index_gNFPU {
    padding: var(--knox-spacing-small);
    background: var(--knox-background-attention-weak);
    box-shadow: inset 0 0 0 var(--knox-spacing-hairline) var(--knox-border-attention)
}

.warning-box--index_x7QAF {
    display: grid !important;
    grid-template-columns: 1fr auto;
    box-shadow: inset 0 0 0 1px var(--knox-border-brand)
}

.warning-box--index_x7QAF>p {
    grid-row: 1;
    grid-column: 1;
    text-align: left !important
}

.warning-box--index_x7QAF>div {
    grid-row: 2;
    grid-column: 1/span 2
}

.warning-box--index_x7QAF>div button {
    font-size: var(--knox-font-size-body-medium) !important;
    margin-top: 0 !important
}

.warning-box--index_x7QAF>button {
    grid-row: 1;
    grid-column: 2;
    margin: 0 !important
}

.warning-box--index_x7QAF>button:focus svg {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.warning-box--index_x7QAF>button svg {
    height: 10px;
    width: 10px;
    opacity: .6
}

.newsletter--index_e4j3I {
    display: flex
}

.newsletter--index_e4j3I input {
    margin-right: var(--knox-spacing-xs);
    margin-top: var(--knox-spacing-2xs);
    height: 15px;
    width: 15px
}

.newsletter--index_e4j3I label {
    font-size: var(--knox-font-size-body-medium);
    line-height: 18.2px !important;
    font-weight: var(--knox-font-weight-body-default) !important
}

.newsletter--index_e4j3I a {
    color: var(--knox-text-icon-brand)
}

.next-button--index_sCs0T {
    position: relative
}

[data-focus-visible] .next-button--index_sCs0T:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.next-button--index_sCs0T .count--index_oE_r2 {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px;
    margin-right: -7px;
    margin-top: -8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: #0364d3;
    border: 1px solid #0364d3;
    border-radius: 50%;
    font-size: 18px;
    line-height: 10px
}

.reminder--index_pUqS8 {
    color: var(--knox-text-icon-neutral-weak) !important;
    line-height: 20px
}

@media(min-width: 600px) {
    .error-message--index_aNuoE {
        width: 520px
    }
}

.error-message--index_aNuoE .sub-secondary--index_GppEq {
    margin-top: var(--knox-spacing-medium)
}

.terms--index_oT7rh {
    color: var(--knox-text-icon-neutral-weak) !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 18px !important;
    letter-spacing: -0.16px !important;
    margin-top: var(--knox-spacing-small)
}

.terms--index_oT7rh a {
    color: var(--knox-text-icon-brand)
}

.terms--index_oT7rh a {
    -webkit-text-decoration: none;
    text-decoration: none
}

.terms--index_oT7rh a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.terms--index_oT7rh a:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.warning--message_ZfdDp {
    display: flex;
    align-items: center;
    color: #bb3b1b;
    margin-top: 4px;
    font-size: 14px;
    line-height: 130%
}

.warning--message_ZfdDp img {
    margin-right: 4px
}

.requirements--password_fields_V_PHA {
    font-size: 14px;
    line-height: 130%;
    color: #333
}

.requirements--password_fields_V_PHA p {
    margin-top: var(--knox-spacing-xs) !important;
    font-size: var(--knox-font-size-body-medium) !important;
    line-height: 130% !important;
    text-align: left !important
}

.requirements--password_fields_V_PHA[role=alert]>p {
    color: #bb3b1b
}

.requirements--password_fields_V_PHA ul {
    margin: 0
}

.requirements--password_fields_V_PHA ul li {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 4px
}

.requirements--password_fields_V_PHA ul li.completed--password_fields_sf8ze span {
    opacity: .5;
    -webkit-text-decoration: line-through;
    text-decoration: line-through;
    color: #333
}

.container--password_fields_EeL5r {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.password-field--password_fields_uDGOw {
    margin-bottom: 8px
}

.label-container--password_fields_Gpztd {
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
    height: 18px;
    margin-bottom: 8px
}

.label-container--password_fields_Gpztd .instruction-container--password_fields_zygMb {
    display: flex;
    align-items: center
}

.label-container--password_fields_Gpztd .instruction-label--password_fields_mClaL {
    font-size: 14px;
    color: #333;
    opacity: 0.55;
    font-weight: inherit
}

.label-container--password_fields_Gpztd .green--password_fields_nTohk {
    color: #157901;
    opacity: 1
}

.label-container--password_fields_Gpztd .red--password_fields_I0q1J {
    color: #bb3b1b;
    opacity: 1
}

.label-container--password_fields_Gpztd img {
    height: 16px;
    width: 16px;
    margin-left: 6px
}

.account--accounts_DdMPY {
    -webkit-text-decoration: none;
    text-decoration: none;
    border-radius: var(--knox-corner-radius-medium)
}

.account--accounts_DdMPY:focus-visible {
    outline: var(--knox-focus-outline);
    outline-offset: var(--knox-focus-offset)
}

.background--extension_uninstall_page_Hwxaj {
    position: relative;
    display: flex;
    background: linear-gradient(108.85deg, rgba(214, 245, 238, 0.375) 0%, rgba(249, 236, 220, 0.5) 50%, rgba(133, 190, 255, 0.375) 100%), #fff;
    padding-bottom: 20vh;
    justify-content: center;
    align-items: center;
    height: 100vh
}

.logo--extension_uninstall_page_tHqq2 {
    position: absolute;
    top: 0;
    left: 0
}

.logo--extension_uninstall_page_tHqq2 img {
    width: 30%;
    height: auto
}

.card--extension_uninstall_page_iKvY6 {
    display: flex;
    flex-direction: column;
    gap: var(--knox-spacing-large);
    width: 55%
}

.already-accepted--already_accepted_gFsZy a {
    background: #0572ec;
    border-radius: 100px;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: 600;
    padding: 12px;
    text-align: center;
    -webkit-text-decoration: none;
    text-decoration: none
}

.idp-error--errors_Ywec1 {
    margin-top: 15px
}

.idp-error--errors_Ywec1 p {
    text-align: left;
    line-height: 140%
}

.form-container--name_FDNQL {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.newsletter--name_kUmt0 {
    display: grid !important;
    grid-template-columns: auto 1fr;
    grid-gap: 8px;
    gap: 8px;
    line-height: 130%
}

.newsletter--name_kUmt0 input {
    align-self: start;
    width: 16px;
    height: 16px;
    margin-top: 3px
}

.newsletter--name_kUmt0 div {
    font-size: 14px
}

.newsletter--name_kUmt0 div a {
    -webkit-text-decoration: none;
    text-decoration: none
}

.newsletter--name_kUmt0 div a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.newsletter--name_kUmt0 div a:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.extension-skip-modal--extension_eHLfI {
    width: 384px !important
}

@media screen and (min-width: 430px) {
    .extension-skip-modal--extension_eHLfI {
        margin-top: 30vh
    }
}

.extension-skip-modal--extension_eHLfI .extension-bullet-points--extension_mL_q0 {
    padding-left: 20px;
    list-style: disc
}

.progress--creating_loader_RBFwt {
    stroke-dashoffset: 400;
    stroke-dasharray: 400
}

.progress--creating_loader_RBFwt path {
    transition: .35s ease stroke-dashoffset
}

.loader-container--creating_loader_KBI0z {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.shield--creating_loader_G6GVI,
.shield-inner--creating_loader_ShC9l,
.progress--creating_loader_RBFwt,
.checkmark--creating_loader_JpwI7 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.checkmark--creating_loader_JpwI7 {
    transform: translate(-50%, -50%) scale(0);
    transition: transform .5s cubic-bezier(0.75, -0.5, 0, 1.75);
    transition-delay: .1s
}

.shield-complete--creating_loader_e2XWt {
    z-index: 30;
    position: absolute;
    transform: scale(0)
}

@keyframes expand-bounce--creating_loader_yTeN3 {
    0% {
        transform: scale(0)
    }

    50% {
        transform: scale(1.3)
    }

    100% {
        transform: scale(1)
    }
}

.shield-complete--creating_loader_e2XWt.complete--creating_loader_w_CT0 {
    animation: expand-bounce--creating_loader_yTeN3 .3s ease-in-out forwards;
    transform: scale(1)
}

.shield-complete--creating_loader_e2XWt.complete--creating_loader_w_CT0 .checkmark--creating_loader_JpwI7 {
    transform: translate(-50%, -50%) scale(1)
}

.inner-content--creating_loader_Qvxu_ {
    position: relative
}

.inner-content--creating_loader_Qvxu_ svg {
    height: 142px;
    top: 0
}

.carousel-content--creating_loader_TVB8J {
    transition: translateX linear 1000ms;
    text-align: center;
    max-width: 300px;
    display: flex;
    transform: translateX(50%)
}

.halfway--creating_loader_b4Ca7 {
    animation-name: textCarousel--creating_loader_o4Ydg;
    animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1);
    animation-fill-mode: forwards;
    animation-duration: 1s
}

.carousel-container--creating_loader_Y3STz {
    overflow: hidden;
    position: relative
}

.carousel-text--creating_loader_UPbXI {
    width: 100%;
    flex: none;
    display: block
}

@keyframes textCarousel--creating_loader_o4Ydg {
    0% {
        transform: translateX(50%)
    }

    100% {
        transform: translateX(-50%)
    }
}

.container--password_tRMnH {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.secret-key-container--secret_key_wy2T6 .actions-container--secret_key_CiZX_ {
    width: 100%
}

.secret-key-container--secret_key_wy2T6 .generate-key-button--secret_key_j1ExK {
    width: 161px;
    margin-bottom: 20px
}

.secret-key-box--secret_key_TC7it {
    background-image: linear-gradient(0deg, white 17%, #f6f7fb 69%);
    border: 1px dashed rgba(0, 0, 0, .1)
}

.confirmation-text--secret_key_TRGvw {
    display: flex;
    align-items: flex-end;
    opacity: .65;
    height: 16px
}

.popup-modal--secret_key_ii8qL {
    width: 384px !important
}

@media screen and (min-width: 430px) {
    .popup-modal--secret_key_ii8qL {
        margin-top: 30vh
    }
}

.secret-key-message--secret_key_DH6Qm {
    font-weight: 400;
    line-height: 130%;
    text-align: center;
    padding: 16px;
    gap: 6px
}

.download-link-content--secret_key_etAII {
    display: flex;
    height: 16px;
    gap: 8px;
    align-items: center
}

.download-link--secret_key_gtdUP {
    background-color: var(--knox-background-brand);
    border-radius: 8px;
    padding: 8px 12px
}

[data-focus-visible] .download-link--secret_key_gtdUP:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.secret-key-box--secret_key_box_E5l5H {
    background-image: linear-gradient(0deg, white 17%, #f6f7fb 69%);
    border-style: dashed
}

.container-layout--security_information_AHNId {
    z-index: 2;
    max-width: 540px;
    width: 100vw;
    margin-left: 0 !important;
    margin-right: 0 !important
}

@media(min-width: 540px) {
    .container-layout--security_information_AHNId {
        background: var(--knox-background-neutral-high);
        box-shadow: var(--knox-elevation-medium)
    }
}

.section--sso_Gh4Bh {
    display: flex;
    align-items: center;
    justify-content: center
}

.submit--sso_WaKLj {
    margin-bottom: 12px
}

.hero--marketing_c6pME {
    display: grid;
    justify-content: center;
    background-color: #02346e;
    overflow: hidden;
    clip-path: url("#hero-curve")
}

.content-area--marketing_oExmA {
    display: grid;
    text-align: center;
    font-size: 16px;
    line-height: 130%;
    padding-top: 40px;
    padding-bottom: 40px;
    width: calc(100% - 32px);
    max-width: 400px;
    margin-left: auto;
    margin-right: auto
}

.content-area--marketing_oExmA * {
    letter-spacing: 0
}

@media(min-width: 800px) {
    .content-area--marketing_oExmA {
        width: calc(100% - 80px);
        max-width: 960px
    }
}

.header--marketing_V2Da8 {
    display: grid
}

.header--marketing_V2Da8 h1 {
    margin: 0;
    font-size: 28px;
    line-height: 120%
}

.header--marketing_V2Da8 p {
    margin-top: 8px;
    color: #666
}

.header--marketing_V2Da8 .button--marketing_AENde {
    margin-top: 16px
}

@media(min-width: 800px) {
    .header--marketing_V2Da8 .button--marketing_AENde {
        display: none
    }
}

.button--marketing_AENde {
    display: grid;
    justify-self: center;
    background: #0572ec;
    color: #fff;
    border-radius: 8px;
    padding: 12px 16px;
    -webkit-text-decoration: none;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    line-height: 100%
}

.button--marketing_AENde:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.feature-boxes--marketing_rnbV1 {
    display: grid;
    margin-top: 16px;
    margin-bottom: 16px
}

@media(min-width: 800px) {
    .feature-boxes--marketing_rnbV1 {
        margin-top: 24px;
        margin-bottom: 24px;
        grid-template-columns: 1fr 1fr 1fr
    }
}

.feature-box--marketing_QzDCA {
    display: grid;
    grid-template-rows: min-content min-content min-content;
    text-align: center;
    justify-items: center;
    padding: 16px
}

.feature-box--marketing_QzDCA h3 {
    margin-top: 8px;
    color: #000
}

.feature-box--marketing_QzDCA p {
    margin-top: 4px;
    color: #666
}

.provision-mfa--provision_mfa_M2tFB {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    margin-top: 2rem
}

.footer--provision_mfa_Enyi4 {
    display: block
}

.button-container--provision_mfa_RsIYZ {
    max-width: 635px;
    margin: 0 auto;
    margin-top: 3rem
}

.header--provision_mfa_dhiuu {
    max-width: 635px;
    text-align: center;
    justify-content: flex-start;
    margin: 0 auto;
    margin-bottom: 5rem
}

@media(min-width: 540px) {
    .header--provision_mfa_dhiuu {
        justify-content: flex-start
    }
}

.header--provision_mfa_dhiuu h1,
.header--provision_mfa_dhiuu h2 {
    font-weight: normal;
    line-height: 1.3rem;
    text-align: center
}

.header--provision_mfa_dhiuu h1 {
    font-size: 2.25rem
}

.header--provision_mfa_dhiuu h2 {
    font-size: 1.5rem;
    margin-top: 1.5rem;
    color: #707070
}

.contact-button--unknown_h3Z42 {
    margin-top: 1rem;
    display: block;
    width: 100%;
    text-align: center
}

.idp-error--errors_WO8xi {
    margin-top: 15px
}

.idp-error--errors_WO8xi p {
    text-align: left;
    line-height: 140%
}

.provision--provision_Z2ccH {
    min-height: 100%;
    display: grid;
    grid-template-rows: auto 1fr auto;
    background: var(--knox-background-neutral-high);
    position: relative;
    overflow: hidden
}

.provision--provision_Z2ccH>header {
    padding: 12px;
    display: flex;
    justify-content: center
}

@media(min-width: 540px) {
    .provision--provision_Z2ccH>header {
        justify-content: flex-start
    }
}

.provision--provision_Z2ccH .background--provision_BH54g {
    padding-bottom: 144px
}

@media(min-width: 540px) {
    .provision--provision_Z2ccH .background--provision_BH54g {
        padding-bottom: 0;
        padding-bottom: initial
    }
}

.provision--provision_Z2ccH main {
    z-index: 2;
    padding: 32px;
    margin-bottom: 40px;
    color: #333
}

@media(min-width: 540px) {
    .provision--provision_Z2ccH main {
        width: 520px;
        align-self: start;
        justify-self: center;
        margin: 70px 0;
        padding: 40px 60px;
        border-radius: var(--knox-corner-radius-large);
        background-color: var(--knox-background-neutral-high);
        box-shadow: var(--knox-elevation-medium)
    }
}

.provision--provision_Z2ccH main h1 {
    font-size: 32px;
    line-height: 120% !important;
    text-align: center;
    margin-top: 0
}

.provision--provision_Z2ccH main header {
    text-align: center
}

.provision--provision_Z2ccH main header p {
    margin-top: 8px
}

.provision--provision_Z2ccH main header img {
    margin-bottom: 8px;
    margin-left: auto;
    margin-right: auto
}

.provision--provision_Z2ccH main section p {
    margin-top: 24px
}

.provision--provision_Z2ccH main section div[role=form] {
    margin-top: 24px
}

.provision--provision_Z2ccH main section div[role=form] label {
    display: block;
    font-size: 15px;
    line-height: 130%;
    color: #333;
    margin-bottom: 24px;
    font-weight: 400
}

.provision--provision_Z2ccH main section div[role=form] label input:not([type=checkbox]) {
    margin-top: 4px
}

.provision--provision_Z2ccH main section div[role=form] label input:not([type=checkbox]).error--provision_fF_84 {
    box-shadow: inset 0 0 0 1px #bb3b1b
}

.provision--provision_Z2ccH main section div[role=form] label input:not([type=checkbox]).error--provision_fF_84:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.provision--provision_Z2ccH main section div[role=form] label input:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.progress-tracker-container--provision_jKOPC {
    padding-top: 14px;
    background-color: var(--knox-background-neutral-high);
    z-index: 1
}

@media(min-width: 750px) {
    .progress-tracker-container--provision_jKOPC {
        padding-top: 0;
        padding-right: 20%;
        padding-left: calc(20% - 143px);
        width: 100%
    }
}

.container--provision_email_verification_WjHEh {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-self: center;
    text-align: center;
    background: #fff
}

@media(min-width: 600px) {
    .container--provision_email_verification_WjHEh {
        width: 520px
    }
}

@media(min-width: 568px) {
    .container--provision_email_verification_WjHEh {
        border-radius: 12px;
        box-shadow: 0 14px 52px -30px rgba(0, 0, 0, .1), 0 34px 84px -20px rgba(0, 0, 0, .05);
        background-color: #fff;
        padding: 40px 60px
    }
}

.title--provision_email_verification_EwFzZ {
    font-size: 32px;
    line-height: normal;
    line-height: initial;
    margin-bottom: 8px
}

.secondary-text--provision_email_verification_qOuSe {
    font-size: 20px;
    line-height: 28px;
    text-align: center
}

.code-input--provision_email_verification_VrDxJ {
    text-align: left;
    margin-bottom: 8px;
    padding-top: 24px
}

.code-input--provision_email_verification_VrDxJ input {
    height: 60px;
    font-size: 2rem
}

.action--provision_email_verification_P4nd_ {
    display: flex
}

.action--provision_email_verification_P4nd_ button {
    flex-grow: 1;
    padding: 11px 16px;
    font-size: 18px;
    letter-spacing: .3px;
    margin-top: 24px
}

.verification-resend--provision_email_verification_xRzT4 {
    font-size: 14px;
    width: auto;
    text-align: center
}

.verification-resend--provision_email_verification_xRzT4 button {
    color: #0166cb;
    margin-left: .5rem
}

.verification-resend--provision_email_verification_xRzT4 button:hover {
    cursor: pointer;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.verification-resend--provision_email_verification_xRzT4:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.wrapper--spinner_Y1Ts6 {
    display: flex;
    align-items: center;
    justify-content: center
}

.foreground-stroke--spinner_MfjLP {
    animation: ease-in-and-out--spinner_pPom2 2s ease-in-out infinite, rotate--spinner_zQ5yE 1.3333333333s linear infinite;
    stroke-dasharray: 17.2787595947 69.115038379;
    stroke-dashoffset: 34.5575191895;
    stroke-linecap: round;
    stroke-width: 2;
    transform-origin: center
}

@keyframes ease-in-and-out--spinner_pPom2 {
    from {
        stroke-dasharray: 0 69.115038379;
        stroke-dashoffset: 0
    }

    to {
        stroke-dasharray: 46.0766922527 68.115038379;
        stroke-dashoffset: -68.115038379
    }
}

@keyframes rotate--spinner_zQ5yE {
    to {
        transform: rotate3d(0, 0, 1, 360deg)
    }
}

.foreground-stroke--spinner_MfjLP.primary--spinner_sFSMY {
    stroke: #0572ec
}

.foreground-stroke--spinner_MfjLP.dark--spinner_jood4 {
    stroke: rgba(0, 0, 0, .55)
}

@media(prefers-reduced-motion) {
    .foreground-stroke--spinner_MfjLP {
        animation-duration: 10s
    }
}

.background-stroke--spinner_x4Vn2 {
    stroke-width: 2
}

.background-stroke--spinner_x4Vn2.primary--spinner_sFSMY {
    stroke: rgba(0, 119, 255, .13)
}

.background-stroke--spinner_x4Vn2.dark--spinner_jood4 {
    stroke: rgba(0, 0, 0, .1)
}

.flex-col--spinner_IpnW8 {
    flex-direction: column !important
}

.button--button_nqX_Q.transparent--button__5kju:disabled,
.button--button_nqX_Q.destructive--button_yR43h:disabled,
.button--button_nqX_Q.primary--button_gBPZP:disabled {
    color: rgba(0, 0, 0, .3);
    pointer-events: none
}

.button--button_nqX_Q.destructive--button_yR43h:disabled,
.button--button_nqX_Q.primary--button_gBPZP:disabled {
    background: #f0f0f0
}

.is-outlined--button_C7rkv.button--button_nqX_Q.destructive--button_yR43h:disabled,
.is-outlined--button_C7rkv.button--button_nqX_Q.primary--button_gBPZP:disabled {
    background: #f0f0f0;
    border-color: #e9e9e9;
    color: rgba(0, 0, 0, .3)
}

.button--button_nqX_Q {
    align-items: center;
    border-radius: 8px;
    cursor: pointer;
    display: inline-flex;
    position: relative;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.button--button_nqX_Q:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring);
    outline: 0
}

.button--button_nqX_Q.small--button_ZsU7m {
    height: 32px;
    padding: 8px
}

.button--button_nqX_Q.medium--button_YzTNE {
    height: 40px;
    padding: 12px 16px
}

.button--button_nqX_Q.large--button_I8aI_ {
    height: 48px;
    padding: 16px 24px
}

.button--button_nqX_Q.primary--button_gBPZP {
    background: #0572ec;
    color: #fff
}

.button--button_nqX_Q.primary--button_gBPZP:hover {
    background: #0567d4
}

.button--button_nqX_Q.primary--button_gBPZP:active {
    background: #0450a5
}

.button--button_nqX_Q.primary--button_gBPZP.is-outlined--button_C7rkv {
    background: #fff;
    border: 1px solid #0364d3;
    color: #0364d3
}

.button--button_nqX_Q.primary--button_gBPZP.is-outlined--button_C7rkv:hover {
    background: #f2f8ff
}

.button--button_nqX_Q.primary--button_gBPZP.is-outlined--button_C7rkv:active {
    background: #0572ec;
    color: #fff
}

.button--button_nqX_Q.transparent--button__5kju {
    background: none;
    color: #0364d3
}

.button--button_nqX_Q.transparent--button__5kju:hover,
.button--button_nqX_Q.transparent--button__5kju:active {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.button--button_nqX_Q.transparent--button__5kju:active {
    color: #024694
}

.button--button_nqX_Q.destructive--button_yR43h {
    background: #bb3b1b;
    color: #fff
}

.button--button_nqX_Q.destructive--button_yR43h:hover {
    background: #a83518
}

.button--button_nqX_Q.destructive--button_yR43h:active {
    background: #832913
}

.button--button_nqX_Q.destructive--button_yR43h.is-outlined--button_C7rkv {
    background: #fff;
    border: 1px solid #bb3b1b;
    color: #bb3b1b
}

.button--button_nqX_Q.destructive--button_yR43h.is-outlined--button_C7rkv:hover {
    background: #fff5f2
}

.button--button_nqX_Q.destructive--button_yR43h.is-outlined--button_C7rkv:active {
    background: #bb3b1b;
    color: #fff
}

.button--button_nqX_Q.has-icon--button_zBSzl path {
    fill: currentColor
}

.button--button_nqX_Q.has-icon--button_zBSzl.before--button_koCx4 svg:not([data-id=spinner]) {
    margin-right: .8rem
}

.button--button_nqX_Q.has-icon--button_zBSzl.after--button_EPB4f svg:not([data-id=spinner]) {
    margin-left: .8rem
}

.has-hidden-children--button_GOdpp {
    color: transparent
}

.inline-flex--button_m3GRi {
    display: inline-flex !important
}

.items-center--button_h2k3j {
    align-items: center !important
}

.submit-button--password_mbVLw {
    justify-content: center;
    width: 100%;
    border-radius: 24px;
    font-size: 18px;
    font-weight: 500
}

@media(max-width: 768px) {
    [data-responsive-card] {
        flex-direction: column !important;
        align-items: center !important
    }

    .carousel-arrow-desktop--scim_education_uNM98 {
        display: none !important
    }

    .carousel-arrows-mobile--scim_education_c3Lm6 {
        display: flex !important;
        gap: 1rem;
        margin-top: 1.5rem;
        justify-content: center;
        width: 100%
    }
}

@media(min-width: 769px) {
    .carousel-arrows-mobile--scim_education_c3Lm6 {
        display: none !important
    }

    .carousel-arrow-desktop--scim_education_uNM98 {
        display: flex !important
    }
}

.provision-confirmation--confirmation_P3T35 {
    flex: 1 1 auto;
    display: grid;
    flex-direction: column;
    z-index: 2;
    margin-top: 10%
}

@media(max-height: 830px) {
    .provision-confirmation--confirmation_P3T35 {
        margin-top: 5%
    }
}

.provision-sso-confirmation--confirmation_O3EQx {
    flex: 1 1 auto;
    display: grid;
    flex-direction: column;
    z-index: 2;
    margin-top: none
}

.text-container--confirmation_sEcgL {
    text-align: center
}

.header--confirmation_gpnFT {
    font-weight: normal
}

.section--sso_qJ8xm {
    display: flex;
    align-items: center;
    justify-content: center
}

.submit--sso_cEa5M {
    margin-bottom: 12px;
    width: 100%;
    margin-top: 24px
}

.provisioning--provision_sso_accept__7iVX {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column
}

.provisioning--provision_sso_accept__7iVX h1 {
    font-size: 18px;
    line-height: 130%;
    color: #333;
    margin-top: 12px;
    font-weight: 400
}

.idp-error--provision_sso_accept_zbRqD {
    margin-top: 15px
}

.idp-error--provision_sso_accept_zbRqD p {
    text-align: left;
    line-height: 140%
}

.idp-error--errors_z0GZ4 {
    margin-top: 15px
}

.idp-error--errors_z0GZ4 p {
    text-align: left !important
}

.recover--recover_UVsaY {
    min-height: 100%;
    display: grid;
    grid-template-rows: auto 1fr auto;
    background: var(--knox-background-neutral-high);
    position: relative;
    overflow: hidden
}

.recover--recover_UVsaY>header {
    padding: 12px;
    display: flex;
    justify-content: center
}

@media(min-width: 540px) {
    .recover--recover_UVsaY>header {
        justify-content: flex-start
    }
}

.recover--recover_UVsaY main {
    z-index: 2;
    padding: 32px;
    margin-bottom: 40px;
    color: #333
}

@media(min-width: 540px) {
    .recover--recover_UVsaY main {
        width: 520px;
        align-self: start;
        justify-self: center;
        margin: 70px 0;
        padding: 40px 60px;
        border-radius: 10px;
        background: #fff;
        box-shadow: var(--knox-elevation-medium)
    }
}

.recover--recover_UVsaY main button {
    width: 100%;
    margin-top: 24px
}

.recover--recover_UVsaY main h1:not([class~=knox-reset]) {
    font-size: 32px;
    line-height: 120% !important;
    text-align: center;
    margin-top: 0
}

.recover--recover_UVsaY main p:not([id=warning-text]):not([class~=knox-reset]) {
    font-size: 20px;
    text-align: center;
    letter-spacing: -0.16px;
    line-height: 140%
}

.recover--recover_UVsaY main header {
    text-align: center
}

.recover--recover_UVsaY main header p {
    margin-top: 8px
}

.recover--recover_UVsaY main header img {
    margin-bottom: 8px
}

.recover--recover_UVsaY main section p {
    margin-top: 24px
}

.recover--recover_UVsaY main section div[role=form] {
    margin-top: 24px
}

.recover--recover_UVsaY main section div[role=form] label {
    display: block;
    font-size: 15px;
    line-height: 130%;
    color: #333;
    font-weight: 400
}

.recover--recover_UVsaY main section div[role=form] label input:not([type=checkbox]) {
    margin-top: 4px
}

.recover--recover_UVsaY main section div[role=form] label input:not([type=checkbox]).error--recover_mRqIu {
    box-shadow: inset 0 0 0 1px #bb3b1b
}

.recover--recover_UVsaY main section div[role=form] label input:not([type=checkbox]).error--recover_mRqIu:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.recover--recover_UVsaY main section div[role=form] label input:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.recovering--recovering_yEGyI {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    gap: 4px
}

.recovering--recovering_yEGyI>img {
    width: 120px;
    height: 144px
}

.recovering--recovering_yEGyI>p {
    margin: 0
}

.section--sso_H1IIG {
    display: flex;
    align-items: center;
    justify-content: center
}

.submit--sso_J3Skp {
    margin-bottom: 12px
}

.background--landing_page-styles_YL2zK {
    width: 100%;
    display: flex;
    justify-content: center
}

.bottom-center--landing_page-styles_eHxHW {
    width: auto;
    width: initial;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 5%) scale(0.7);
    margin: var(--knox-spacing-none) auto;
    bottom: 0
}

@media(min-width: 568px) {
    .bottom-center--landing_page-styles_eHxHW {
        transform: translate(-50%, 25%)
    }
}

.redeem-page--landing_page-styles_S3JYb {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    justify-content: space-between;
    overflow: hidden;
    color: var(--knox-text-icon-neutral)
}

.redeem-page--landing_page-styles_S3JYb .header-container--landing_page-styles_VU04b {
    position: absolute;
    width: 100%;
    display: flex;
    padding: var(--knox-spacing-medium) var(--knox-spacing-large)
}

@media(min-width: 568px) {
    .redeem-page--landing_page-styles_S3JYb .header-container--landing_page-styles_VU04b {
        padding: var(--knox-spacing-none)
    }
}

.redeem-page--landing_page-styles_S3JYb .header-container--landing_page-styles_VU04b .main-icon--landing_page-styles_fOoYb {
    margin: var(--knox-spacing-none) auto;
    -webkit-user-drag: none
}

@media(min-width: 568px) {
    .redeem-page--landing_page-styles_S3JYb .header-container--landing_page-styles_VU04b .main-icon--landing_page-styles_fOoYb {
        margin: .5rem
    }
}

.redeem-page--landing_page-styles_S3JYb ul {
    list-style: inside
}

.redeem-page--landing_page-styles_S3JYb ul>li {
    padding-left: var(--knox-spacing-xs)
}

.redeem-page--landing_page-styles_S3JYb ul>li:last-child {
    padding-bottom: var(--knox-spacing-none)
}

.redeem-page--landing_page-styles_S3JYb ul>li>span {
    margin-left: -0.5rem
}

.redeem-page--landing_page-styles_S3JYb hr {
    margin: var(--knox-spacing-large) 0
}

.background--welcome_TqkCK {
    width: 100vw;
    height: 100vh;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 41.67%, white 100%), linear-gradient(47deg, rgba(193, 210, 246, 0.7) -1.61%, rgba(249, 236, 220, 0.7) 53.24%, rgba(214, 245, 238, 0.7) 104.88%), #fff
}

.divider--welcome_x7h1U {
    margin-left: 54px;
    overflow: hidden
}

.divider--welcome_x7h1U hr {
    margin: 0;
    background: rgba(0, 0, 0, 0.1);
    background: var(--Shading-On-Light-Faint, rgba(0, 0, 0, 0.1))
}

.forbidden-account-creation--index_C7D8u {
    max-width: 520px;
    display: flex;
    justify-content: center;
    margin-top: 40px
}

.forbidden-account-creation--index_C7D8u.img--index__R22u {
    margin: 0 var(--knox-spacing-small)
}

@media(min-width: 600px) {
    .invite--invite_OHexw {
        width: 520px
    }
}

.invite--invite_OHexw div[role=form] header p {
    letter-spacing: -0.16px;
    font-size: 18px;
    line-height: 23px;
    margin-top: var(--knox-spacing-small)
}

@media(min-width: 600px) {
    .invite--invite_OHexw div[role=form] header p {
        font-size: 20px;
        line-height: 28px;
        margin-top: var(--knox-spacing-medium)
    }
}

.invite--invite_OHexw div[role=form] fieldset {
    margin-top: var(--knox-spacing-large)
}

.invite--invite_OHexw div[role=form] fieldset legend {
    margin-bottom: var(--knox-spacing-xs);
    line-height: 20.8px;
    font-size: var(--knox-font-size-body-large)
}

.invite--invite_OHexw div[role=form] fieldset>div {
    display: grid;
    grid-template-columns: 1fr 30px;
    margin-right: -30px
}

.invite--invite_OHexw div[role=form] fieldset>div:not(:last-of-type) {
    margin-bottom: var(--knox-spacing-xs)
}

.invite--invite_OHexw div[role=form] fieldset>div:hover button {
    display: block
}

.invite--invite_OHexw div[role=form] fieldset>div button {
    display: none;
    grid-column: 2;
    margin: 0 !important
}

.invite--invite_OHexw div[role=form] fieldset>div input {
    grid-column: 1;
    height: 45px;
    width: 100%
}

.invite--invite_OHexw div[role=form] fieldset>div .error--invite_gTp9j {
    grid-column: 1;
    margin-top: var(--knox-spacing-xs) !important;
    margin-bottom: var(--knox-spacing-2xs)
}

.invite--invite_OHexw div[role=form] .add-another-error--invite_oRVmQ {
    margin-top: var(--knox-spacing-small) !important;
    margin-bottom: var(--knox-spacing-2xs)
}

.invite--invite_OHexw div[role=form] .add-another--invite_jvTuu {
    width: auto !important;
    margin-top: var(--knox-spacing-xs) !important;
    font-size: var(--knox-font-size-body-medium) !important
}

.invite--invite_OHexw div[role=form] .add-another--invite_jvTuu svg {
    fill: var(--color-readable-blue);
    margin-right: var(--knox-spacing-xs)
}

.invite--invite_OHexw div[role=form] .add-another--invite_jvTuu:disabled svg {
    fill: var(--color-shading-medium)
}

.invite--invite_OHexw div[role=form] .add-another--invite_jvTuu:active svg {
    fill: var(--color-grayscale-white)
}

.warning--invite_NES2u {
    margin-top: var(--knox-spacing-xs)
}

.generic-card--invite_LV3af {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    min-height: 250px !important;
    max-width: 520px
}

.generic-card--invite_LV3af h1 {
    margin-top: var(--knox-spacing-medium)
}

.contact-button--invite_yh26H {
    width: 100%;
    text-align: center
}

[data-focus-visible] .contact-button--invite_yh26H:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.skip--invite_tqW8T {
    color: #0572ec;
    margin-top: 27px !important;
    font-weight: var(--knox-font-weight-heading-subtle) !important;
    letter-spacing: -0.3px;
    background: none;
    --border: none
}

.skip--invite_tqW8T:hover {
    background: none
}

.passkey--index_lXzWs {
    text-align: center !important;
    max-width: calc(100vw - var(--knox-spacing-large)*2)
}

@media(min-width: 600px) {
    .passkey--index_lXzWs {
        width: 520px
    }
}

.passkey--index_lXzWs .image-banner--index_KKYdx {
    margin-top: var(--knox-spacing-medium);
    margin-bottom: var(--knox-spacing-medium);
    text-align: center
}

.passkey--index_lXzWs .image-banner--index_KKYdx>img:first-of-type {
    max-height: 149px;
    max-width: 100%;
    margin-top: var(--knox-spacing-hairline)
}

.passkey--index_lXzWs .info-banner--index_HKj1N {
    border: var(--knox-spacing-hairline) solid var(--knox-background-neutral-low);
    border-radius: var(--knox-corner-radius-medium);
    padding: var(--knox-spacing-medium)
}

.passkey--index_lXzWs .passkey-link--index_mERxv>* {
    vertical-align: middle;
    margin-right: var(--knox-spacing-xs)
}

.loader--index_lmcpl {
    margin-top: 13vh
}

@media(min-width: 600px) {
    .password--index_r3rqa {
        width: 520px
    }
}

.loader--index_EAtQX {
    margin-top: 13vh
}

@media(min-width: 600px) {
    .plan--index_I7o4L {
        width: 520px
    }
}

@media(max-width: 540px) {
    .container--index_Td9EA {
        margin: 0 !important
    }
}

@media(min-width: 600px) {
    .container--index_Td9EA {
        width: 520px
    }
}

.start--index_juHOh {
    display: grid;
    grid-column-gap: 96px;
    grid-template-rows: auto auto;
    align-self: start
}

@media(min-width: 600px) {
    .start--index_juHOh {
        max-width: 520px;
        margin: 0 var(--knox-spacing-large) !important;
        padding: 0 0 var(--knox-spacing-2xl) 0 !important
    }
}

@media(min-width: 1024px) {
    .start--index_juHOh {
        grid-template-columns: 400px 480px;
        max-width: 1024px !important
    }
}

@media(min-width: 1215px) {
    .start--index_juHOh {
        grid-template-columns: 466px 520px;
        grid-column-gap: 155px;
        max-width: 1140px !important
    }
}

.start--index_juHOh a:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.start--index_juHOh.without-features-list--index_dDJJI {
    display: block
}

@media(min-width: 1024px) {
    .start--index_juHOh.without-features-list--index_dDJJI {
        width: 520px
    }
}

.start--index_juHOh .form--index_eGaVE {
    border-bottom: 1px var(--knox-border-neutral) solid;
    padding-bottom: var(--knox-spacing-xl);
    margin-bottom: var(--knox-spacing-xl)
}

@media(min-width: 1024px) {
    .start--index_juHOh .form--index_eGaVE {
        border-bottom: 0;
        border-bottom: initial;
        padding-bottom: 0;
        padding-bottom: initial;
        margin-bottom: 0;
        margin-bottom: initial
    }
}

.start--index_juHOh .form--index_eGaVE.get-extension-form--index_NGp9i {
    display: flex;
    justify-content: center;
    align-items: center
}

.start--index_juHOh .form--index_eGaVE .sign-up-warning--index__yaSA {
    display: grid !important;
    grid-template-columns: 1fr auto;
    padding-top: 0 !important;
    padding-right: var(--knox-spacing-2xs) !important
}

.start--index_juHOh .form--index_eGaVE .email-suggestion-label--index_jRACD {
    margin-top: var(--knox-spacing-medium) !important;
    font-weight: inherit !important;
    color: inherit !important
}

.start--index_juHOh .form--index_eGaVE .dismiss-button--index_GZ4da {
    width: auto !important;
    width: initial !important;
    margin-top: var(--knox-spacing-xs) !important;
    align-self: start !important
}

.start--index_juHOh .form--index_eGaVE .dismiss-button--index_GZ4da:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.start--index_juHOh .form--index_eGaVE .dismiss-button--index_GZ4da svg {
    filter: invert(36%) sepia(97%) saturate(318%) hue-rotate(360deg) brightness(93%) contrast(91%)
}

.start--index_juHOh .form--index_eGaVE .suggested-email-button--index_PcZ8B {
    justify-self: start !important;
    width: auto !important;
    width: initial !important;
    margin-top: var(--knox-spacing-small) !important
}

.start--index_juHOh .features--index_lrnyT {
    max-width: 466px
}

@media(min-width: 1024px) {
    .start--index_juHOh .features--index_lrnyT {
        padding-top: var(--knox-spacing-medium);
        grid-row-start: 1
    }
}

@media(min-width: 883px) {
    .start--index_juHOh .features--index_lrnyT h1 {
        text-align: left !important
    }
}

.start--index_juHOh .features--index_lrnyT ul {
    margin: var(--knox-spacing-xl) 0
}

.start--index_juHOh .features--index_lrnyT ul li {
    display: flex;
    align-items: center;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: var(--knox-spacing-large);
    letter-spacing: var(--knox-letter-spacing-heading-medium)
}

.start--index_juHOh .features--index_lrnyT ul li img {
    margin-right: var(--knox-spacing-small)
}

.start--index_juHOh .subtitle--index_XIYX6 {
    font-size: 18px;
    margin-top: var(--knox-spacing-xl)
}

.start--index_juHOh .other-options--index_eRhk0 a {
    color: var(--knox-text-icon-brand)
}

.start--index_juHOh .coupon-promo-box--index_VK0qH {
    padding-right: 8rem !important
}

.start--index_juHOh .extension-box--index_oCxdT {
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: var(--knox-spacing-medium)
}

@media(min-width: 600px) {
    .subscribe--index_KjBWy {
        width: 520px
    }
}

.swepanel--index_r1hhW {
    width: 600px
}

.loader--index_SiyY8 {
    margin-top: 13vh
}

.verified--index_HDcRp {
    max-width: 520px;
    display: flex;
    justify-content: center;
    margin-top: 40px
}

.verified--index_HDcRp .account-already-exists--index_G6A5j {
    display: flex;
    flex-flow: column;
    align-items: center;
    margin-top: var(--knox-spacing-large)
}

.verified--index_HDcRp .account-already-exists--index_G6A5j a {
    font-size: 18px;
    font-weight: var(--knox-font-weight-heading-subtle)
}

.verified--index_HDcRp .account-already-exists--index_G6A5j a:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.verified--index_HDcRp .account-already-exists--index_G6A5j a.contact-button--index_PKW56 {
    margin-top: 0 !important
}

.verified--index_HDcRp .account-already-exists--index_G6A5j a.new-email--index_D9Nrl {
    margin-top: var(--knox-spacing-large)
}

@media(min-width: 600px) {
    .verify--index_vmpZV {
        width: 520px
    }
}

.verify--index_vmpZV h1 span {
    display: inline-block;
    word-break: break-all
}

.verify--index_vmpZV .contact-support-link--index_CwEKi:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.verify--index_vmpZV .contact-support-link--index_CwEKi:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.verify--index_vmpZV .action-button--index_tT3OH {
    font-size: var(--knox-font-size-body-medium) !important;
    display: inline-block;
    width: auto !important;
    margin: 0 0 0 var(--knox-spacing-xs) !important;
    color: var(--knox-text-icon-brand)
}

.verify--index_vmpZV .action-button--index_tT3OH:hover {
    cursor: pointer;
    color: var(--knox-text-icon-brand-hover)
}

.verify--index_vmpZV .action-button--index_tT3OH:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.verify--index_vmpZV .account-already-exists--index_DAomg {
    display: flex;
    flex-flow: column;
    align-items: center
}

.verify--index_vmpZV .account-already-exists--index_DAomg a {
    font-size: 18px;
    font-weight: 500
}

.verify--index_vmpZV .account-already-exists--index_DAomg a:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.verify--index_vmpZV .account-already-exists--index_DAomg a.contact-button--index_TWW22 {
    width: 100%;
    text-align: center
}

.verify--index_vmpZV .account-already-exists--index_DAomg a.new-email--index_J5aWN {
    margin-top: var(--knox-spacing-large)
}

.team-join--team_join_Hdgi5 {
    min-height: 100%;
    display: grid;
    grid-template-rows: auto 1fr auto;
    background: var(--knox-background-neutral-high);
    position: relative;
    overflow: hidden
}

.team-join--team_join_Hdgi5>header {
    padding: var(--knox-spacing-medium);
    display: flex;
    justify-content: center
}

.team-join--team_join_Hdgi5>header>img {
    margin-left: var(--knox-spacing-large);
    margin-right: var(--knox-spacing-large)
}

@media(min-width: 540px) {
    .team-join--team_join_Hdgi5>header {
        justify-content: flex-start
    }
}

.team-join--team_join_Hdgi5 main {
    z-index: 2;
    padding: 32px;
    margin-bottom: 40px
}

@media(min-width: 540px) {
    .team-join--team_join_Hdgi5 main {
        width: 520px;
        align-self: start;
        justify-self: center;
        margin: 70px 0;
        padding: 40px 60px;
        border-radius: 10px;
        background: #fff;
        box-shadow: var(--knox-elevation-medium)
    }
}

.team-join--team_join_Hdgi5 main header {
    text-align: center;
    color: #333
}

.team-join--team_join_Hdgi5 main header img {
    margin-bottom: 8px
}

.team-join--team_join_Hdgi5 main header h1 {
    font-size: 32px;
    line-height: 120%;
    margin-top: 0;
    margin-bottom: 8px
}

.team-join--team_join_Hdgi5 main header p {
    font-size: 20px;
    letter-spacing: -0.16px;
    line-height: 140%;
    margin: 0
}

.team-join--team_join_Hdgi5 main div[role=form] {
    margin-top: 24px
}

.team-join--team_join_Hdgi5 main div[role=form] label {
    display: block;
    font-size: 15px;
    line-height: 130%;
    color: #333;
    margin-bottom: 24px;
    font-weight: 500
}

.team-join--team_join_Hdgi5 main div[role=form] label input {
    margin-top: 4px
}

.team-join--team_join_Hdgi5 main div[role=form] label input.error--team_join_ZDbKn {
    box-shadow: inset 0 0 0 1px #bb3b1b
}

.team-join--team_join_Hdgi5 main div[role=form] label input.error--team_join_ZDbKn:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.team-join--team_join_Hdgi5 main div[role=form] label input:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.text--team_join_mNLQU {
    background: #f8f8f9
}

@media(min-width: 540px) {
    .text--team_join_mNLQU {
        background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
        background: initial
    }
}

.loading-spinner--team_join_SZfn3 {
    display: flex;
    align-items: center;
    justify-content: center
}

.warning-box--email_input_aeh0K {
    display: grid !important;
    grid-template-columns: 1fr auto;
    grid-gap: 12px;
    gap: 12px;
    padding: 12px;
    margin-top: 1.8rem;
    border-radius: 6px;
    background: #faf2e1;
    box-shadow: inset 0 0 0 1px #e6d2ac
}

.warning-box--email_input_aeh0K>p {
    grid-row: 1;
    grid-column: 1;
    font-size: 15px;
    text-align: left !important
}

.warning-box--email_input_aeh0K>div {
    grid-row: 2;
    grid-column: 1/span 2
}

.warning-box--email_input_aeh0K>div button {
    font-size: 14px !important;
    margin-top: 0 !important
}

.warning-box--email_input_aeh0K>button {
    grid-row: 1;
    grid-column: 2;
    margin: 0 !important
}

.warning-box--email_input_aeh0K>button:focus svg {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.sending--sending_invitation_g4K7h {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column
}

.sending--sending_invitation_g4K7h h1 {
    font-size: 18px;
    line-height: 130%;
    color: #333;
    margin-top: 12px;
    font-weight: 400
}

.already-exists--already_exists_g1V_P a {
    background: #0572ec;
    border-radius: 100px;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: 600;
    padding: 12px;
    text-align: center;
    -webkit-text-decoration: none;
    text-decoration: none
}

.already-exists--already_exists_g1V_P section {
    margin-top: 24px
}

.already-exists--already_exists_g1V_P section div {
    text-align: center
}

.already-exists--already_exists_g1V_P section a:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.already-exists--already_exists_g1V_P section button {
    color: #0572ec;
    margin-top: 27px !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 120%;
    letter-spacing: .3px;
    background: none;
    --border: none;
    width: 100%
}

.already-exists--already_exists_g1V_P section button:hover {
    background: none
}

[data-focus-visible] .already-exists--already_exists_g1V_P section button:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.invalid-domain--invalid_domain_Jfx1f a {
    background: #0572ec;
    border-radius: 100px;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: 600;
    padding: 12px;
    text-align: center;
    -webkit-text-decoration: none;
    text-decoration: none
}

.invalid-domain--invalid_domain_Jfx1f section {
    margin-top: 24px
}

.invalid-domain--invalid_domain_Jfx1f section div {
    text-align: center
}

.invalid-domain--invalid_domain_Jfx1f section a:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.menu-wrapper--menu_QHZkx .menu-button--menu_EfvjT {
    border-radius: 6px
}

[data-focus-visible] .menu-wrapper--menu_QHZkx .menu-button--menu_EfvjT:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.menu-wrapper--menu_QHZkx [data-title] {
    position: relative
}

.menu-wrapper--menu_QHZkx [data-title]:hover::before {
    content: attr(data-title);
    position: absolute;
    min-width: 127px;
    max-width: 89vw;
    top: 44px;
    padding: 5px 12px;
    border-radius: 4px;
    background: #000001;
    color: #fff;
    font-size: 14px;
    z-index: 1
}

.menu-wrapper--menu_QHZkx [data-title]:hover::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 40%;
    display: inline-block;
    color: #fff;
    border: 8px solid transparent;
    border-bottom: 8px solid #000001
}

.container--progress_bar_c9ahL {
    margin-top: 4px;
    height: 8px;
    border-radius: 8px;
    background: #e5f3e4
}

.filled--progress_bar_NqRLm {
    min-width: 8px;
    height: 100%;
    background: #52a64b;
    border-radius: inherit;
    transition: width 1s ease
}

.users-table--delete_invite_content_DehXI {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    grid-template-rows: 1fr
}

.users-table--delete_invite_content_DehXI .title--delete_invite_content_F311n {
    font-weight: bold
}

.users-table--delete_invite_content_DehXI .separator--delete_invite_content_VIAKi {
    margin-top: 8px;
    grid-column: 1/-1;
    height: 1px;
    background-color: #d3d3d3
}

.users-table--delete_invite_content_DehXI .row--delete_invite_content_m8p6k {
    margin-bottom: 8px
}

.delete-account-warning--delete_invite_content_RiKnQ {
    font-weight: bold;
    margin-bottom: 20px
}

.heading-container--delete_invite_content_75nG0 {
    margin-top: 20px
}

.content--delete_invite_content_hSrUF {
    padding-top: 8px;
    max-height: 100px;
    overflow-y: auto
}

.pending-confirmations--pending_confirmations_Eds_L {
    padding: 16px 25px
}

.pending-confirmations--pending_confirmations_Eds_L .header-wrapper--pending_confirmations_Hs3Da {
    margin-top: 4px;
    align-items: center
}

.pending-confirmations--pending_confirmations_Eds_L .header-wrapper--pending_confirmations_Hs3Da .header-text--pending_confirmations_Lqnow {
    color: #52a64b !important
}

.pending-confirmations--pending_confirmations_Eds_L .remove--pending_confirmations_MFc3m {
    grid-area: remove-button;
    width: 30px;
    height: 30px;
    margin-top: -2px
}

[data-focus-visible] .pending-confirmations--pending_confirmations_Eds_L .remove--pending_confirmations_MFc3m:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.pending-confirmations--pending_confirmations_Eds_L .confirm-all-button--pending_confirmations_aLpZs {
    color: rgba(0, 0, 0, .55) !important;
    background: #fff !important;
    font-size: 12px;
    font-weight: 600;
    padding: 7px 12px;
    border: 1px solid rgba(0, 0, 0, .55);
    box-sizing: border-box;
    border-radius: 5px
}

[data-focus-visible] .pending-confirmations--pending_confirmations_Eds_L .confirm-all-button--pending_confirmations_aLpZs:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.pending-confirmations--pending_confirmations_Eds_L .cannot-confirm--pending_confirmations_OWkjm {
    margin-top: 0 !important
}

.pending-confirmations--pending_confirmations_Eds_L .cannot-confirm--pending_confirmations_OWkjm li:nth-child(odd) {
    background-color: #fff
}

.pending-confirmations--pending_confirmations_Eds_L .cannot-confirm--pending_confirmations_OWkjm li:nth-child(even) {
    background-color: #fafafa
}

.pending-confirmations--pending_confirmations_Eds_L li {
    display: grid !important;
    grid-template: "remove-button user-info confirm-button" "_             subtext   subtext" /auto 1fr auto;
    margin: 0 -24px !important;
    padding: 8px 25px !important;
    height: auto !important;
    height: initial !important;
    white-space: nowrap
}

.pending-confirmations--pending_confirmations_Eds_L li:nth-child(even) {
    background-color: #fff
}

.pending-confirmations--pending_confirmations_Eds_L li .user-info--pending_confirmations_cz4Hp {
    display: grid !important;
    grid-area: user-info;
    grid-template-columns: auto 1fr auto;
    margin: 2px 16px 0 0
}

.pending-confirmations--pending_confirmations_Eds_L li .user-info--pending_confirmations_cz4Hp .meta--pending_confirmations_rPs4h {
    overflow: hidden
}

.pending-confirmations--pending_confirmations_Eds_L li .user-info--pending_confirmations_cz4Hp .meta--pending_confirmations_rPs4h p {
    overflow: hidden;
    text-overflow: ellipsis
}

.pending-confirmations--pending_confirmations_Eds_L li .subtext--pending_confirmations_TWhPN {
    text-align: left
}

.pending-confirmations--pending_confirmations_Eds_L li .subtext-wrapper--pending_confirmations_hYYyq {
    grid-area: subtext
}

.pending-confirmations--pending_confirmations_Eds_L li .subtext-wrapper--pending_confirmations_hYYyq .will-be-added-subtext--pending_confirmations_zJsmG {
    display: flex;
    align-items: center;
    margin: 6px 0 0 2px;
    color: #666
}

.pending-confirmations--pending_confirmations_Eds_L li .subtext-wrapper--pending_confirmations_hYYyq .will-be-added-subtext--pending_confirmations_zJsmG .avatar--pending_confirmations_pCwTx {
    margin-right: 10px !important
}

.pending-confirmations--pending_confirmations_Eds_L li .subtext-wrapper--pending_confirmations_hYYyq .will-be-added-subtext--pending_confirmations_zJsmG svg {
    fill: #666
}

.pending-confirmations--pending_confirmations_Eds_L li .subtext-wrapper--pending_confirmations_hYYyq .will-be-added-subtext--pending_confirmations_zJsmG p,
.pending-confirmations--pending_confirmations_Eds_L li .subtext-wrapper--pending_confirmations_hYYyq .will-be-added-subtext--pending_confirmations_zJsmG a {
    font-size: 11px;
    margin: 0 4px;
    white-space: break-spaces;
    line-height: 14px
}

.pending-confirmations--pending_confirmations_Eds_L li .subtext-wrapper--pending_confirmations_hYYyq .will-be-added-subtext--pending_confirmations_zJsmG:hover {
    color: #333
}

.pending-confirmations--pending_confirmations_Eds_L li .subtext-wrapper--pending_confirmations_hYYyq .will-be-added-subtext--pending_confirmations_zJsmG:hover svg {
    fill: #333
}

.pending-confirmations--pending_confirmations_Eds_L li .subtext-wrapper--pending_confirmations_hYYyq .is-menu-active--pending_confirmations_OQINF {
    color: #333
}

.pending-confirmations--pending_confirmations_Eds_L li .subtext-wrapper--pending_confirmations_hYYyq .is-menu-active--pending_confirmations_OQINF svg {
    fill: #333
}

.pending-confirmations--pending_confirmations_Eds_L li .subtext-wrapper--pending_confirmations_hYYyq div {
    top: 115%;
    left: auto;
    left: initial;
    width: auto;
    width: initial
}

.pending-confirmations--pending_confirmations_Eds_L li .subtext-wrapper--pending_confirmations_hYYyq div button {
    width: 279px;
    margin: 8px;
    padding: 10px;
    text-align: inherit;
    color: #333
}

.pending-confirmations--pending_confirmations_Eds_L li .subtext-wrapper--pending_confirmations_hYYyq div button:hover {
    background: #0572ec;
    color: #fff;
    border-radius: 6px
}

[data-focus-visible] .pending-confirmations--pending_confirmations_Eds_L li .subtext-wrapper--pending_confirmations_hYYyq div button:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.pending-confirmations--pending_confirmations_Eds_L li .subtext-wrapper--pending_confirmations_hYYyq div button h3 {
    font-size: 14px
}

.pending-confirmations--pending_confirmations_Eds_L li .subtext-wrapper--pending_confirmations_hYYyq div button p {
    font-size: 12px;
    white-space: break-spaces;
    margin-top: 0;
    margin-top: initial;
    line-height: 17px
}

.pending-confirmations--pending_confirmations_Eds_L li .will-not-be-added-subtext--pending_confirmations_L5k2C {
    grid-area: subtext;
    display: flex;
    align-items: center;
    margin: 6px 0 0 2px;
    color: #666
}

.pending-confirmations--pending_confirmations_Eds_L li .will-not-be-added-subtext--pending_confirmations_L5k2C .avatar--pending_confirmations_pCwTx {
    margin-right: 10px !important
}

.pending-confirmations--pending_confirmations_Eds_L li .will-not-be-added-subtext--pending_confirmations_L5k2C svg {
    fill: #666
}

.pending-confirmations--pending_confirmations_Eds_L li .will-not-be-added-subtext--pending_confirmations_L5k2C p,
.pending-confirmations--pending_confirmations_Eds_L li .will-not-be-added-subtext--pending_confirmations_L5k2C a {
    font-size: 11px;
    margin: 0 4px;
    white-space: break-spaces;
    line-height: 14px
}

.pending-confirmations--pending_confirmations_Eds_L li .will-not-be-added-subtext--pending_confirmations_L5k2C svg {
    fill: #cbcccd
}

.pending-confirmations--pending_confirmations_Eds_L li .will-not-be-added-subtext--pending_confirmations_L5k2C span {
    display: flex
}

.pending-confirmations--pending_confirmations_Eds_L li .will-not-be-added-subtext--pending_confirmations_L5k2C button {
    color: #666;
    font-size: 12px;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    line-height: 14px;
    font-size: 11px
}

.pending-confirmations--pending_confirmations_Eds_L li .will-not-be-added-subtext--pending_confirmations_L5k2C button:hover {
    color: #333
}

[data-focus-visible] .pending-confirmations--pending_confirmations_Eds_L li .will-not-be-added-subtext--pending_confirmations_L5k2C button:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.pending-confirmations--pending_confirmations_Eds_L li .confirm-link--pending_confirmations_tW1wT {
    grid-column: 2/4;
    width: 100% !important;
    -webkit-text-decoration: none;
    text-decoration: none
}

[data-focus-visible] .pending-confirmations--pending_confirmations_Eds_L li .confirm-link--pending_confirmations_tW1wT:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.pending-confirmations--pending_confirmations_Eds_L li .confirm-link--pending_confirmations_tW1wT p {
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 130%
}

.pending-confirmations--pending_confirmations_Eds_L li .confirm-link--pending_confirmations_tW1wT .user-name--pending_confirmations_ViDC1 {
    display: flex;
    color: #333
}

.pending-confirmations--pending_confirmations_Eds_L li .confirm-link--pending_confirmations_tW1wT .user-name--pending_confirmations_ViDC1 .name--pending_confirmations_JP4h9 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pending-confirmations--pending_confirmations_Eds_L li .confirm-link--pending_confirmations_tW1wT .email--pending_confirmations_mTFqg {
    font-size: 12px;
    color: #666
}

.pending-confirmations--pending_confirmations_Eds_L li .confirm-button--pending_confirmations_vdJj7 {
    grid-area: confirm-button;
    color: rgba(0, 0, 0, .55) !important;
    background: #fff !important;
    font-size: 12px;
    font-weight: 600;
    padding: 7px 12px;
    border: 1px solid rgba(0, 0, 0, .55);
    box-sizing: border-box;
    border-radius: 5px
}

[data-focus-visible] .pending-confirmations--pending_confirmations_Eds_L li .confirm-button--pending_confirmations_vdJj7:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.pending-confirmations--pending_confirmations_Eds_L li .confirm-button--pending_confirmations_vdJj7:disabled {
    color: rgba(0, 0, 0, .3) !important;
    border: 1px solid rgba(0, 0, 0, .3);
    cursor: not-allowed
}

.pending-confirmations--pending_confirmations_Eds_L .tooltip-wrapper--pending_confirmations_ImjzU {
    background-color: #fff;
    margin: 0 -24px
}

.pending-confirmations--pending_confirmations_Eds_L .tooltip-wrapper--pending_confirmations_ImjzU .tooltip--pending_confirmations_PnF0p {
    display: inline-flex;
    align-items: center;
    height: 34px;
    margin-left: 16px;
    padding-right: 4px;
    color: #333
}

.pending-confirmations--pending_confirmations_Eds_L .tooltip-wrapper--pending_confirmations_ImjzU .tooltip--pending_confirmations_PnF0p h3 {
    font-size: 14px;
    margin-right: 4px
}

.pending-confirmations--pending_confirmations_Eds_L .tooltip-wrapper--pending_confirmations_ImjzU .tooltip--pending_confirmations_PnF0p svg {
    width: 16px;
    height: 16px;
    transform: rotate(180deg);
    fill: #bbb;
    margin-bottom: 2px
}

.pending-confirmations--pending_confirmations_Eds_L .tooltip-wrapper--pending_confirmations_ImjzU .tooltip--pending_confirmations_PnF0p:hover svg {
    fill: #7e7e7e
}

[data-focus-visible] .pending-confirmations--pending_confirmations_Eds_L .tooltip-wrapper--pending_confirmations_ImjzU:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.provisioning-confirmations--pending_confirmations_CXsLi {
    padding: 16px 25px;
    box-sizing: border-box;
    justify-content: space-between;
    width: 100%;
    border-top: 1px solid #cbcccd
}

.provisioning-confirmations--pending_confirmations_CXsLi img {
    width: 1.1rem;
    height: 1.1rem
}

.main--confirm_invitations_hkp3N {
    padding-top: 2em;
    padding-bottom: 70px;
    display: flex;
    justify-content: center
}

.invitations--confirm_invitations_r0rlQ ul {
    margin-top: 20px
}

.invitations--confirm_invitations_r0rlQ li {
    display: flex;
    align-items: center
}

.invitations--confirm_invitations_r0rlQ li:nth-child(odd) {
    background: #f6fcf5
}

.invitations--confirm_invitations_r0rlQ li p {
    margin-top: 0
}

.invitations--confirm_invitations_r0rlQ li button[class*=remove] {
    margin-right: 15px
}

.invitations--confirm_invitations_r0rlQ li button[class*=confirm-button] {
    margin: 0;
    margin-left: 10px
}

.invitations--confirm_invitations_r0rlQ li div[class*="avatar default small"] {
    margin-right: 10px
}

@media(max-width: 414px) {
    .invitations--confirm_invitations_r0rlQ li div[class*="avatar default small"] {
        display: none
    }
}

.invitations--confirm_invitations_r0rlQ button[class*=confirm-all-button] {
    margin: auto;
    margin-bottom: 5px;
    width: 100%
}

.invitations--confirm_invitations_r0rlQ h2[class*=header-text] {
    margin-bottom: 15px
}

.invitations--confirm_invitations_r0rlQ div>img {
    margin-right: 10px
}

.invitations--confirm_invitations_r0rlQ div>img:nth-of-type(1) {
    display: none
}

.invitations--confirm_invitations_r0rlQ div[class*=one-row],
.invitations--confirm_invitations_r0rlQ div[class*=header-wrapper] {
    display: block;
    margin-bottom: 10px
}

.invite--send_invitations_OPENI {
    width: 320px;
    max-width: 100%;
    justify-content: center
}

@media(min-width: 600px) {
    .invite--send_invitations_OPENI {
        width: 520px
    }
}

.invite--send_invitations_OPENI div[role=form] button {
    width: 100%;
    margin-top: 1.8rem
}

.invite--send_invitations_OPENI div[role=form] h1 {
    margin-bottom: 12px
}

.invite--send_invitations_OPENI div[role=form] p {
    margin-bottom: 24px
}

.invite--send_invitations_OPENI div[role=form] fieldset legend {
    margin-bottom: 8px
}

.invite--send_invitations_OPENI div[role=form] fieldset>div {
    display: grid;
    grid-template-columns: 1fr 30px;
    margin-right: -30px
}

.invite--send_invitations_OPENI div[role=form] fieldset>div:not(:last-of-type) {
    margin-bottom: 8px
}

.invite--send_invitations_OPENI div[role=form] fieldset>div:hover button {
    display: block
}

.invite--send_invitations_OPENI div[role=form] fieldset>div button {
    display: none;
    grid-column: 2;
    margin: 0 !important
}

.invite--send_invitations_OPENI div[role=form] fieldset>div input {
    grid-column: 1;
    height: 45px;
    width: 100%
}

.invite--send_invitations_OPENI div[role=form] fieldset>div .error--send_invitations_WrmLL {
    grid-column: 1;
    margin-top: 8px !important;
    margin-bottom: 4px
}

.invite--send_invitations_OPENI div[role=form] .add-another-error--send_invitations_o6ILA {
    margin-top: 12px !important;
    margin-bottom: 4px
}

.invite--send_invitations_OPENI div[role=form] .add-another--send_invitations_vGVo0 {
    width: auto !important;
    margin-top: 8px !important
}

.invite--send_invitations_OPENI div[role=form] .add-another--send_invitations_vGVo0 svg {
    fill: var(--color-readable-blue);
    margin-right: 8px
}

.invite--send_invitations_OPENI div[role=form] .add-another--send_invitations_vGVo0:disabled svg {
    fill: var(--color-shading-medium)
}

.invite--send_invitations_OPENI div[role=form] .add-another--send_invitations_vGVo0:active svg {
    fill: var(--color-grayscale-white)
}

.skip--send_invitations_n7fsu {
    font-size: 15px !important;
    margin-top: 8px !important;
    min-height: 40px !important
}

.generic-card--send_invitations_qaWdy {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    min-height: 250px !important
}

.generic-card--send_invitations_qaWdy h1 {
    margin-top: 16px;
    text-align: center
}

.generic-card--send_invitations_qaWdy button:first-of-type,
.generic-card--send_invitations_qaWdy a:first-of-type {
    margin-top: 36px !important
}

.contact-button--send_invitations_S4jSN {
    width: 100%;
    text-align: center
}

[data-focus-visible] .contact-button--send_invitations_S4jSN:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.main--send_invitations_LaRl_ {
    padding-top: 2em;
    padding-bottom: 70px;
    display: flex;
    justify-content: center
}

@media only screen and (min-width: 750px) {
    .responsive--send_invitations_i_xNd {
        transform: none;
        margin-top: 0;
        padding-top: 19vh
    }
}

.outdated-container--outdated_browser_YLnz6 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    min-width: 320px;
    max-width: 430px;
    padding: 0 10px;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.outdated-container--outdated_browser_YLnz6 #paddy-error,
.outdated-container--outdated_browser_YLnz6 #paddy-error .text {
    display: flex;
    flex-direction: column;
    align-items: center
}

.outdated-container--outdated_browser_YLnz6 #paddy-error .paddy,
.outdated-container--outdated_browser_YLnz6 #paddy-error h1,
.outdated-container--outdated_browser_YLnz6 #paddy-error span,
.outdated-container--outdated_browser_YLnz6 #paddy-error .text .paddy,
.outdated-container--outdated_browser_YLnz6 #paddy-error .text h1,
.outdated-container--outdated_browser_YLnz6 #paddy-error .text span {
    margin: 0 0 1rem
}

.outdated-container--outdated_browser_YLnz6 #paddy-error h1,
.outdated-container--outdated_browser_YLnz6 #paddy-error span,
.outdated-container--outdated_browser_YLnz6 #paddy-error .text h1,
.outdated-container--outdated_browser_YLnz6 #paddy-error .text span {
    text-align: center
}

.outdated-container--outdated_browser_YLnz6 #paddy-error h1,
.outdated-container--outdated_browser_YLnz6 #paddy-error .text h1 {
    line-height: 1.3
}

@media(max-height: 150px) {
    .outdated-container--outdated_browser_YLnz6 {
        padding: 0
    }

    .outdated-container--outdated_browser_YLnz6 .paddy,
    .outdated-container--outdated_browser_YLnz6 span {
        display: none
    }

    .outdated-container--outdated_browser_YLnz6 h1 {
        margin: 0
    }
}

body.webview.mac.dark {
    background: transparent
}

body.webview.mac.dark .outdated-container--outdated_browser_YLnz6 #paddy-error h1,
body.webview.mac.dark .outdated-container--outdated_browser_YLnz6 #paddy-error h2 {
    color: #fff
}

body.webview.mac.dark .outdated-container--outdated_browser_YLnz6 #paddy-error span {
    color: rgba(255, 255, 255, .6)
}

.grayed-out--delete_account_KVh8b:disabled {
    background-color: var(--color-shading-barely-there);
    background-image: none;
    box-shadow: none;
    color: var(--color-shading-medium);
    cursor: default
}

.danger-zone--remove_account_S1l1w {
    padding: 20px
}

.error-message--error_message_FFtXD {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(255, 51, 0, .05);
    padding: 10px;
    margin: 20px -18px -18px;
    font-size: 13px
}

.error-icon--error_message_XQTYs {
    padding-right: 12px;
    display: inline-flex
}

@media(prefers-color-scheme: dark) {
    .webview.share-item .error-message--error_message_FFtXD {
        background-color: #ffa18a;
        color: #333
    }

    .webview.share-item .webview-error-message .error-link--error_message_KYm03 {
        color: #333
    }

    .webview.share-item .error-icon--error_message_XQTYs path {
        fill: #333
    }
}

.share-options--share_options_menu_TbuzZ {
    display: flex;
    flex-direction: column
}

.options--share_options_menu_pQum6 {
    display: flex;
    justify-content: flex-start
}

.option-wrapper--share_options_menu_v6FU0 {
    margin-right: 1em
}

.option-label--share_options_menu_E51OH {
    font-size: 14px
}

.option-select--share_options_menu_G8pz2 {
    margin: 0;
    height: 40px;
    width: 175px;
    font-size: 14px
}

[data-focus-visible] .option-select--share_options_menu_G8pz2:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.one-view--share_options_menu_pneyG {
    padding-top: 10px
}

.one-view--share_options_menu_pneyG label {
    color: #000
}

.email-wrapper--share_options_menu_ABfp3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 1rem
}

.email-label--share_options_menu_gOQIy {
    align-self: flex-start;
    font-size: 12px;
    color: #000
}

.email-input--share_options_menu_mhbQQ {
    background-color: rgba(0, 119, 255, .04);
    margin-top: 1em;
    border-radius: 4px;
    padding: 10px 8px;
    width: 100%;
    overflow: auto
}

[data-focus-visible] .email-input--share_options_menu_mhbQQ:focus-within {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring);
    border-radius: 4px
}

.email-input--share_options_menu_mhbQQ li.tag {
    background-color: #fff;
    border-radius: 12px;
    color: #0364d3
}

.email-input--share_options_menu_mhbQQ li.tag button svg path {
    fill: #0364d3
}

[data-focus-visible] .email-input--share_options_menu_mhbQQ li.tag button:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.verify-message--share_options_menu_IVidW {
    color: rgba(0, 0, 0, .55);
    font-size: 12px;
    margin-top: 1em
}

.attachment-warning--share_options_menu_KGb2v {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(255, 170, 0, .18);
    padding: 6px 10px;
    font-size: 13px;
    border-radius: 6px;
    margin-top: 15px
}

.invalid-entry--share_options_menu__rep8 {
    list-style: disc outside none;
    list-style: initial;
    margin-left: 30px
}

@media(prefers-color-scheme: dark) {
    .webview.share-item .email-input--share_options_menu_mhbQQ {
        background-color: rgba(51, 89, 128, .6);
        color: rgba(255, 255, 255, .85)
    }

    .webview.share-item .email-input--share_options_menu_mhbQQ li.tag.next {
        color: rgba(255, 255, 255, .85) !important
    }

    .webview.share-item .email-input--share_options_menu_mhbQQ li.tag {
        background-color: rgba(255, 255, 255, .85)
    }

    .webview.share-item .verify-message--share_options_menu_IVidW {
        color: rgba(255, 255, 255, .85)
    }

    .webview.share-item .attachment-warning--share_options_menu_KGb2v {
        background-color: #000
    }
}

.native-share-item-title--error_loading_item_DvOGz {
    max-width: 960px;
    margin: 0 auto;
    padding: 1em;
    padding: 1em
}

@media(prefers-color-scheme: dark) {
    body.webview.share-item {
        background-color: #262626
    }

    body.webview.share-item h2,
    body.webview.share-item label,
    body.webview.share-item p,
    body.webview.share-item small,
    body.webview.share-item div {
        color: rgba(255, 255, 255, .85)
    }

    body.webview.share-item header {
        border-bottom: 1px solid rgba(255, 255, 255, .25)
    }

    body.webview.share-item footer {
        background: #262626;
        border-top: 1px solid rgba(255, 255, 255, .25)
    }
}

.header--error_loading_item_vEbnb {
    max-width: 960px;
    margin: 0 auto;
    padding: 1em;
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, .06);
    width: 100%
}

.main--error_loading_item_zdZuS {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 1em;
    padding-bottom: 70px;
    text-align: center
}

.footer--error_loading_item_zXoK7 {
    width: 100%;
    padding: 1em;
    position: fixed;
    bottom: 0;
    border-top: 1px solid rgba(0, 0, 0, .06);
    text-align: center;
    background-color: #fff
}

.alert-icon--error_loading_item_l8wCM {
    width: 16px;
    height: 16px
}

@media(prefers-color-scheme: dark) {
    .webview.share-item .alert-icon--error_loading_item_l8wCM path {
        fill: rgba(255, 255, 255, .85)
    }
}

.share-title--share_item_title_tYZH6 {
    border-bottom: 1px solid rgba(0, 0, 0, .06);
    margin-bottom: 1em
}

.wrapper--share_item_title_hwqtC {
    margin-bottom: 1em;
    min-height: 36px
}

.wrapper--share_item_title_hwqtC img {
    border-radius: 6px;
    float: left;
    margin-right: 10px
}

.title--share_item_title_2jkBu {
    margin: 0;
    font-size: 1em;
    font-weight: 500
}

.title--share_item_title_2jkBu,
.subtitle--share_item_title_Hg4Gh {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 300px
}

.native-share-item-title--share_options_T12O2 {
    max-width: 960px;
    margin: 0 auto;
    padding: 1em;
    padding: 1em
}

@media(prefers-color-scheme: dark) {
    body.webview.share-item {
        background-color: #262626
    }

    body.webview.share-item h2,
    body.webview.share-item label,
    body.webview.share-item p,
    body.webview.share-item small,
    body.webview.share-item div {
        color: rgba(255, 255, 255, .85)
    }

    body.webview.share-item header {
        border-bottom: 1px solid rgba(255, 255, 255, .25)
    }

    body.webview.share-item footer {
        background: #262626;
        border-top: 1px solid rgba(255, 255, 255, .25)
    }
}

.share-options--share_options_rQDXO {
    max-width: 960px;
    margin: 0 auto;
    padding: 1em;
    padding: 0 1em;
    margin-bottom: 1em
}

.share-options--share_options_rQDXO input[type=checkbox] {
    width: auto;
    margin-right: 10px;
    margin-top: 10px
}

.share-options--share_options_rQDXO input[type=checkbox]+label {
    display: inline;
    padding-top: 12px
}

.options--share_options_hZmEH {
    justify-content: space-between;
    display: flex
}

@media(max-width: 450px) {
    .options--share_options_hZmEH {
        flex-wrap: wrap
    }
}

.option-wrapper--share_options_t9NWd {
    flex: 0 0 50%;
    padding-right: .5em
}

.option-wrapper--share_options_t9NWd:last-child {
    padding-right: 0;
    padding-left: .5em
}

@media(max-width: 450px) {
    .option-wrapper--share_options_t9NWd {
        flex: 0 0 100%;
        padding-right: 0
    }

    .option-wrapper--share_options_t9NWd:last-child {
        padding-top: 1em;
        padding-left: 0
    }
}

.option-select--share_options_XyEKd {
    width: 100%
}

.native-share-item-title--get_share_item_link_MQo7z {
    max-width: 960px;
    margin: 0 auto;
    padding: 1em;
    padding: 1em
}

@media(prefers-color-scheme: dark) {
    body.webview.share-item {
        background-color: #262626
    }

    body.webview.share-item h2,
    body.webview.share-item label,
    body.webview.share-item p,
    body.webview.share-item small,
    body.webview.share-item div {
        color: rgba(255, 255, 255, .85)
    }

    body.webview.share-item header {
        border-bottom: 1px solid rgba(255, 255, 255, .25)
    }

    body.webview.share-item footer {
        background: #262626;
        border-top: 1px solid rgba(255, 255, 255, .25)
    }
}

.wrapper--get_share_item_link_Zgu62 {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden
}

.header--get_share_item_link_ipmnQ {
    justify-self: flex-start;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, .06)
}

.main--get_share_item_link_KR8Iy {
    flex: 1 1 auto;
    height: 0;
    overflow-y: auto;
    padding-top: 1em
}

.footer--get_share_item_link_BZ1tN {
    justify-self: flex-end;
    width: 100%;
    padding: 1em;
    border-top: 1px solid rgba(0, 0, 0, .06);
    text-align: center;
    background-color: #fff
}

.get-share-link--get_share_item_link_iMDVJ {
    width: 320px;
    max-width: 100%;
    justify-content: center
}

.webview-error-message {
    margin: 20px 0 -18px
}

@media(prefers-color-scheme: dark) {
    .webview.share-item .main--get_share_item_link_KR8Iy select {
        background-color: rgba(0, 0, 0, .25);
        background-image: url("/images/select-indicator-dark-mode.svg");
        border: solid .5px rgba(255, 255, 255, .25);
        color: rgba(255, 255, 255, .85)
    }
}

.native-share-item-title--loading_cT_xv {
    max-width: 960px;
    margin: 0 auto;
    padding: 1em;
    padding: 1em
}

@media(prefers-color-scheme: dark) {
    body.webview.share-item {
        background-color: #262626
    }

    body.webview.share-item h2,
    body.webview.share-item label,
    body.webview.share-item p,
    body.webview.share-item small,
    body.webview.share-item div {
        color: rgba(255, 255, 255, .85)
    }

    body.webview.share-item header {
        border-bottom: 1px solid rgba(255, 255, 255, .25)
    }

    body.webview.share-item footer {
        background: #262626;
        border-top: 1px solid rgba(255, 255, 255, .25)
    }
}

.main--loading_e5VSl {
    padding-top: 1em;
    text-align: center
}

.share-link-buttons--share_item_buttons_icbS0 {
    display: flex;
    width: 320px;
    max-width: 100%
}

.share-link--share_item_buttons_zIT1s {
    display: flex;
    align-items: center;
    height: 40px;
    background: rgba(0, 0, 0, .03);
    border: 1px solid rgba(0, 0, 0, .06);
    border-radius: 8px 0 0 8px;
    flex-grow: 1;
    min-width: 0;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.share-link-copy-button--share_item_buttons_NTo6z {
    min-width: 95px;
    font-size: 14px !important;
    border-radius: 0 8px 8px 0
}

.sharing-supported--share_item_buttons_WP3n4 {
    border-radius: 0
}

.share-link-text--share_item_buttons_gR6PF {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 10px
}

.share-link-copy-icon--share_item_buttons_g_IuY {
    padding-right: 10px
}

.share-link-share-button--share_item_buttons_zQ7UX {
    min-width: 36px;
    border-radius: 0 8px 8px 0;
    border-left: 1px solid #fff
}

@media(prefers-color-scheme: dark) {
    .webview.share-item .share-link--share_item_buttons_zIT1s {
        background-color: rgba(0, 0, 0, .25);
        border: 1px solid rgba(255, 255, 255, .25)
    }

    .webview.share-item .share-link-copy-icon--share_item_buttons_g_IuY svg path {
        fill: rgba(255, 255, 255, .85)
    }

    .webview.share-item .share-link-share-button--share_item_buttons_zQ7UX {
        border-left: 1px solid rgba(255, 255, 255, .25)
    }
}

.share-item-details--share_item_details__d7U_ {
    display: flex;
    flex-direction: column;
    align-items: center
}

.availability-message--share_item_details_eakZN {
    width: 90%
}

.recipients-list--share_item_details_kMidd {
    padding: 10px 0
}

.recipient--share_item_details_rwi2c {
    background-color: #f5faff;
    border-radius: 20px;
    padding: 5px;
    margin: 5px;
    display: inline-block
}

@media(prefers-color-scheme: dark) {
    .webview.share-item .recipient--share_item_details_rwi2c {
        background-color: rgba(51, 89, 128, .6);
        border-radius: 20px;
        padding: 5px;
        margin: 5px;
        display: inline-block
    }
}

.native-share-item-title--share_item_link_GHGa_ {
    max-width: 960px;
    margin: 0 auto;
    padding: 1em;
    padding: 1em
}

@media(prefers-color-scheme: dark) {
    body.webview.share-item {
        background-color: #262626
    }

    body.webview.share-item h2,
    body.webview.share-item label,
    body.webview.share-item p,
    body.webview.share-item small,
    body.webview.share-item div {
        color: rgba(255, 255, 255, .85)
    }

    body.webview.share-item header {
        border-bottom: 1px solid rgba(255, 255, 255, .25)
    }

    body.webview.share-item footer {
        background: #262626;
        border-top: 1px solid rgba(255, 255, 255, .25)
    }
}

.header--share_item_link_BYfQC {
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, .06)
}

.main--share_item_link_akijp {
    max-width: 960px;
    margin: 0 auto;
    padding: 1em;
    text-align: center;
    padding-bottom: 70px
}

.footer--share_item_link_1SNWS {
    width: 100%;
    padding: 1em;
    position: fixed;
    bottom: 0;
    border-top: 1px solid rgba(0, 0, 0, .06);
    text-align: center;
    background-color: #fff;
    display: flex;
    justify-content: center
}

.native-share-item-details--share_item_link_ZgXm4 {
    max-width: 960px;
    margin: 0 auto;
    padding: 1em
}

.native-share-item-title--unable_to_share_item_VeuZg {
    max-width: 960px;
    margin: 0 auto;
    padding: 1em;
    padding: 1em
}

@media(prefers-color-scheme: dark) {
    body.webview.share-item {
        background-color: #262626
    }

    body.webview.share-item h2,
    body.webview.share-item label,
    body.webview.share-item p,
    body.webview.share-item small,
    body.webview.share-item div {
        color: rgba(255, 255, 255, .85)
    }

    body.webview.share-item header {
        border-bottom: 1px solid rgba(255, 255, 255, .25)
    }

    body.webview.share-item footer {
        background: #262626;
        border-top: 1px solid rgba(255, 255, 255, .25)
    }
}

.header--unable_to_share_item_aRyyS {
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, .06)
}

.main--unable_to_share_item_geJWj {
    padding: 1em 20px 0
}

.footer--unable_to_share_item_yk6FP {
    width: 100%;
    padding: 1em;
    position: fixed;
    bottom: 0;
    border-top: 1px solid rgba(0, 0, 0, .06);
    text-align: center;
    background-color: #fff
}

.document-icon--unable_to_share_item_gR1kV {
    width: 48px;
    height: 48px;
    display: inline-block
}

.submit-button--change_email_popup_gCgii {
    margin-top: 20px
}

.submit-validation-button--change_email_popup_avMLc {
    border-radius: 6px
}

.error-messages--errors_G3RzV {
    font-weight: 500;
    margin-top: 1rem
}

.error-messages--errors_G3RzV button {
    margin-top: .5rem
}

.secret-key-help--fields_FVxCG {
    position: absolute;
    top: 0;
    right: 0
}

.type-switcher--type_switcher_jUPQD {
    margin-top: 1.5rem
}

.type-switcher--type_switcher_jUPQD button {
    display: block
}

.type-switcher--type_switcher_jUPQD button:not(:first-child) {
    margin-top: .5rem
}

.two-factor-code--code_JKTUS input {
    display: block;
    width: 172px;
    font-size: 2.5rem;
    font-family: "Source Code Pro", "Menlo", "Monaco", "Andale Mono", "Anonymous Pro", "PT Mono", monospace;
    letter-spacing: normal
}

.two-factor-code--code_JKTUS button {
    min-width: 106px
}

.header--header_Gwi4M {
    display: flex;
    align-items: center
}

.header--header_Gwi4M h3 {
    margin-top: 0;
    margin-left: .5rem
}

.two-factor-webauthn--webauthn_LMgn0 .content--webauthn_Tq_Oz {
    margin: 1rem 0
}

.two-factor-webauthn--webauthn_LMgn0 .content--webauthn_Tq_Oz img {
    margin-top: .5rem
}

.sign-in-form--sign_in_form_aDw3f {
    max-width: 425px;
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative
}

.sign-in-form--sign_in_form_aDw3f>div {
    position: relative
}

.sign-in-form--sign_in_form_aDw3f label {
    font-weight: normal;
    color: #707070
}

.sign-in-form--sign_in_form_aDw3f input {
    margin-top: .5rem;
    margin-bottom: 1.2rem
}

.actionable-container--styles_Myo4M {
    margin-top: 15px;
    text-align: center
}

.actionable-container--styles_Myo4M button {
    width: 100%;
    margin: 5px 0
}

.actionable-container--styles_Myo4M .dont-ask--styles_qzV1T {
    font-size: .8em
}

.vaults-table--styles_kA7IA {
    width: 100%;
    margin-top: 20px;
    border-collapse: separate;
    overflow: hidden
}

.vaults-table--styles_kA7IA tr:nth-child(even) {
    background-color: #fcfcfc
}

.vaults-table--styles_kA7IA tr,
.vaults-table--styles_kA7IA td,
.vaults-table--styles_kA7IA th {
    height: 44px
}

.vaults-table--styles_kA7IA td,
.vaults-table--styles_kA7IA th {
    padding: 0 1rem;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.vaults-table--styles_kA7IA td.square--styles_JRVln,
.vaults-table--styles_kA7IA th.square--styles_JRVln {
    width: 32px;
    min-width: 32px;
    padding: 0;
    text-align: center;
    box-sizing: content-box
}

.vaults-table--styles_kA7IA td a,
.vaults-table--styles_kA7IA th a {
    -webkit-text-decoration: none;
    text-decoration: none;
    line-height: 32px
}

.vaults-table--styles_kA7IA td a:hover,
.vaults-table--styles_kA7IA th a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.vaults-table--styles_kA7IA th {
    background-color: #f6f7fb;
    font-weight: 600;
    text-align: left;
    border-color: #d7d9e0;
    border-style: solid;
    border-width: 1px 0
}

.vaults-table--styles_kA7IA th:first-child {
    border-radius: 6px 0 0;
    border-left-width: 1px
}

.vaults-table--styles_kA7IA th:last-child {
    border-radius: 0 6px 0 0;
    border-right-width: 1px
}

.vaults-table--styles_kA7IA th:only-child {
    border-radius: 6px 6px 0 0;
    border-right-width: 1px;
    border-left-width: 1px
}

.vaults-table--styles_kA7IA th.sortable--styles_XFQsa {
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-right: 38px
}

.vaults-table--styles_kA7IA th.sortable--styles_XFQsa.sort-selected--styles_AiZSt {
    color: #0572ec;
    background-color: #fff;
    border-width: 1px;
    position: relative
}

.vaults-table--styles_kA7IA th.sortable--styles_XFQsa.sort-selected--styles_AiZSt::after {
    content: "";
    width: 8px;
    height: 5px;
    position: absolute;
    right: 16px;
    top: 20px
}

.vaults-table--styles_kA7IA th.sortable--styles_XFQsa.sort-selected--styles_AiZSt.asc--styles_GPf7K::after {
    transform: scaleY(-1)
}

.vaults-table--styles_kA7IA td {
    border-bottom: 1px solid #d7d9e0
}

.vaults-table--styles_kA7IA td .avatar--styles_itjSb.small--styles_krAMa {
    float: left;
    margin-right: 10px
}

.vaults-table--styles_kA7IA td .avatar--styles_itjSb.small--styles_krAMa+span {
    line-height: 32px
}

.vaults-table--styles_kA7IA td .template-icon--styles_uIfW8 {
    vertical-align: -4px;
    margin-right: 8px
}

.vaults-table--styles_kA7IA tr.empty--styles_c9JMe {
    text-align: center;
    color: #707070
}

.vaults-table--styles_kA7IA tr.selected--styles_KASOL {
    background-color: #f7fbff
}

.vaults-table--styles_kA7IA .vault-cell--styles_tMiOC {
    display: flex;
    align-items: center
}

.vaults-table--styles_kA7IA .vault-cell--styles_tMiOC span {
    padding-left: 8px
}

.devices-details--styles_cyy4s {
    max-width: 750px
}

.devices-details--styles_cyy4s>section {
    margin-bottom: 2rem
}

.scan-code--styles_ZEHrA {
    display: flex
}

.scan-code--styles_ZEHrA .instructions--styles_R03Wk {
    margin-left: 50px
}

.action--styles_zN3Vd {
    margin-top: 10px;
    font-size: .9rem
}

.action--styles_zN3Vd button {
    margin-top: 5px
}

.full-page--styles_UH1mW {
    background: #f6f7f8;
    min-height: 100%;
    width: 100%
}

.migration-tool--styles_yW087 {
    padding: 80px 50px;
    margin: 0 auto
}

.migration-tool--styles_yW087>section {
    border: none;
    border-radius: 12px;
    box-shadow: 0 0 0 rgba(0, 0, 0, .1), 0 4px 16px rgba(0, 0, 0, .06), 0 8px 40px rgba(0, 0, 0, .1);
    padding: 40px;
    max-width: 840px
}

.migration-tool--styles_yW087 .migration-result-errors--styles_fQplt {
    margin-bottom: 10px
}

.migration-tool--styles_yW087 .skip--styles_jykSb {
    max-width: 425px;
    padding-top: 15px;
    text-align: center
}

.background-container--styles_fXmLk {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 550px;
    display: flex;
    padding: 16px 24px
}

@media(min-width: 600px) {
    .background-container--styles_fXmLk {
        padding: 0
    }
}

.background-container--styles_fXmLk .main-icon--styles_o3AaT {
    z-index: 1;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none
}

@media(min-width: 600px) {
    .background-container--styles_fXmLk .main-icon--styles_o3AaT {
        margin: .5rem
    }
}

.background-container--styles_fXmLk .background--styles_LfgCJ {
    position: absolute;
    width: 120vw;
    left: -10vw;
    height: 550px;
    border-radius: 0 0 50% 50%;
    -webkit-mask-image: radial-gradient(white, black);
    mask-image: radial-gradient(white, black)
}

@media(min-width: 600px) {
    .background-container--styles_fXmLk .background--styles_LfgCJ {
        background-color: #e0edd6;
        background-image: url("/images/signup-background.svg");
        background-size: cover;
        background-position: bottom center
    }

    .background-container--styles_fXmLk .background--styles_LfgCJ.team--styles_iikSJ {
        background-color: #b1d1f6;
        background-image: url("/images/signup-background-team.svg")
    }
}

@media only screen and (min-width: 600px)and (min-width: 1050px) {
    .background-container--styles_fXmLk .background--styles_LfgCJ.team--styles_iikSJ {
        background-size: contain
    }
}

.create-security-group-popup--create_security_group_popup_GaKWs {
    width: 400px !important
}

.create-security-group-popup--create_security_group_popup_GaKWs .box--create_security_group_popup_rd8UJ {
    margin: 1rem 0
}

.create-security-group-popup--create_security_group_popup_GaKWs label {
    margin: 0 4px !important;
    color: #333
}

.create-security-group-popup--create_security_group_popup_GaKWs small {
    display: block;
    margin-top: .5rem;
    color: #333
}

.new-badge--create_security_group_popup_VjUHG {
    background-color: #f6ca43;
    color: #333;
    font-size: .7rem;
    font-weight: 600;
    text-transform: uppercase;
    padding: .15rem .45rem;
    margin-left: .4rem;
    vertical-align: 1px;
    border-radius: 10px
}

.requesting-dns-txt--modal_content_roKWD {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    min-height: 40px;
    line-height: 1.5em;
    padding: 8px 16px
}

.monospace--modal_content_emdc3 {
    font-family: "Source Code Pro", "Menlo", "Monaco", "Andale Mono", "Anonymous Pro", "PT Mono", monospace !important;
    letter-spacing: normal !important
}

.monospace--modal_content_emdc3:focus {
    box-shadow: inset 0 0 0 1px var(--knox-border-focus), 0 0 0 3px var(--knox-border-focus) !important
}

.instructions--modal_content_mtieJ {
    margin-bottom: 12px
}

.verified-domains--manage_verified_domains_ps8Uo section {
    margin-top: 1rem
}

.verified-domains--manage_verified_domains_ps8Uo section li>div {
    width: 100%;
    color: #707070
}

.verified-domains--manage_verified_domains_ps8Uo section li>div>span {
    color: #333;
    font-weight: 500
}

.verified-domains--manage_verified_domains_ps8Uo section li>div>a {
    font-size: .8rem;
    font-weight: 600;
    float: right;
    -webkit-text-decoration: none;
    text-decoration: none;
    color: #0572ec
}

.verified-domains--manage_verified_domains_ps8Uo section li>div>a:hover {
    color: #204060
}

.verified-domains--manage_verified_domains_ps8Uo section li>div>button {
    float: right
}

.verified-domains--manage_verified_domains_ps8Uo section li>div .details--manage_verified_domains_MgEZk {
    display: flex;
    flex-wrap: wrap;
    width: 80%;
    margin-top: 2px
}

.verified-domains--manage_verified_domains_ps8Uo section li>div .details--manage_verified_domains_MgEZk small {
    width: 100%;
    font-size: .8rem;
    margin-top: 2px
}

.verified-domains--manage_verified_domains_ps8Uo section li>div .details--manage_verified_domains_MgEZk small.verified--manage_verified_domains_kyEyc {
    color: green
}

.verified-domains--manage_verified_domains_ps8Uo section li>div .details--manage_verified_domains_MgEZk small.pending--manage_verified_domains_oGH3O {
    color: #d43f21
}

.verified-domains--manage_verified_domains_ps8Uo section li>div .details--manage_verified_domains_MgEZk small em {
    font-style: italic
}

.verified-domains--manage_verified_domains_ps8Uo section li>div .manage-menu--manage_verified_domains_T2NHW {
    float: right
}

.verified-domains--manage_verified_domains_ps8Uo section li>div .manage-menu--manage_verified_domains_T2NHW>div {
    width: 140px;
    right: 0;
    bottom: 15px
}

.verified-domains--manage_verified_domains_ps8Uo section li>div .manage-menu--manage_verified_domains_T2NHW>div>div>button {
    width: 100%
}

.verified-domains--manage_verified_domains_ps8Uo .spinner-container--manage_verified_domains_QjqNT {
    margin: 4rem 0;
    text-align: center
}

.get-started--get_started_STJGi p {
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.1rem;
    color: #333
}

.get-started--get_started_STJGi .box--get_started_u5PDr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 1rem 0 3rem;
    padding: 1.5rem 1.2rem;
    flex-direction: column
}

@media only screen and (min-width: 1050px) {
    .get-started--get_started_STJGi .box--get_started_u5PDr {
        flex-direction: row
    }
}

.get-started--get_started_STJGi .box--get_started_u5PDr>p {
    font-size: 1.1rem;
    line-height: 1.2rem;
    max-width: 310px
}

.get-started--get_started_STJGi .box--get_started_u5PDr>div {
    margin-left: 1rem;
    text-align: right
}

.get-started--get_started_STJGi .box--get_started_u5PDr>div button {
    min-width: 215px;
    margin-top: 16px
}

@media only screen and (min-width: 1050px) {
    .get-started--get_started_STJGi .box--get_started_u5PDr>div button {
        margin-top: 0
    }
}

.get-started--get_started_STJGi .box--get_started_u5PDr>div small {
    display: block;
    width: 200px;
    text-align: center;
    margin: .4rem auto 0
}

.get-started--get_started_STJGi .explanation--get_started_gPJes {
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center
}

@media only screen and (min-width: 1050px) {
    .get-started--get_started_STJGi .explanation--get_started_gPJes {
        flex-direction: row;
        align-items: flex-start
    }

    .get-started--get_started_STJGi .explanation--get_started_gPJes ul {
        margin-right: 6rem
    }
}

.get-started--get_started_STJGi .explanation--get_started_gPJes ul {
    padding-bottom: 1rem
}

.get-started--get_started_STJGi .explanation--get_started_gPJes ul li {
    display: flex;
    align-items: center
}

.get-started--get_started_STJGi .explanation--get_started_gPJes ul li:not(:last-of-type) {
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #d7d9e0
}

.get-started--get_started_STJGi .explanation--get_started_gPJes ul li img {
    width: 40px;
    height: 40px;
    margin-right: 1rem;
    flex-shrink: 0
}

.get-started--get_started_STJGi .explanation--get_started_gPJes ul li p {
    font-size: 1.1rem;
    line-height: 1.2rem;
    margin: 0
}

.get-started--get_started_STJGi .explanation--get_started_gPJes img.example--get_started_oGlmR {
    width: 384px;
    height: 322px;
    flex-shrink: 0
}

.corner-popup--corner_banner_IMkQ_ {
    box-sizing: border-box;
    border-radius: 8px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .05);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    bottom: 22px;
    right: 18px;
    z-index: 501;
    overflow: hidden;
    padding: 23px 0 19px 23px;
    background-color: #fff;
    border: 1px solid #d7d9e0;
    width: 338px;
    min-height: 200px
}

.corner-popup-large--corner_banner__Z3q1 {
    width: 385px;
    height: auto;
    min-height: 250px
}

.corner-popup-large--corner_banner__Z3q1 .title-text--corner_banner_v8XqP {
    line-height: 1.2;
    width: 65%
}

.corner-popup-large--corner_banner__Z3q1 .body-text--corner_banner__WX8r {
    line-height: 1.3;
    margin: 15px 0;
    width: 65%
}

.onboarding-banner--corner_banner_UzRHi .body-text--corner_banner__WX8r {
    width: 65%;
    margin-bottom: 10px
}

.onboarding-banner--corner_banner_UzRHi .body-text--corner_banner__WX8r p {
    margin-top: 1rem
}

.file-share-banner--corner_banner_tGGRW .title-text--corner_banner_v8XqP {
    font-size: 1.4rem;
    line-height: 1.25;
    width: 70%
}

.file-share-banner--corner_banner_tGGRW .body-text--corner_banner__WX8r {
    width: 65%;
    margin-bottom: 10px
}

.title-container--corner_banner_J15WY {
    display: inline-flex
}

.title-text--corner_banner_v8XqP {
    text-align: left
}

.body-text--corner_banner__WX8r {
    text-align: left;
    margin-top: 10px
}

.banner-image--corner_banner_zLODH {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1
}

button.close-button--corner_banner_M2J6M {
    position: absolute;
    right: 5px;
    top: 10px
}

.button--corner_banner_jSMqq {
    width: 70%;
    align-items: center;
    -webkit-app-region: no-drag;
    border-radius: 5px;
    cursor: pointer;
    display: inline-flex;
    font-family: inherit;
    justify-content: center;
    outline: none;
    overflow: hidden;
    height: 40px;
    min-height: 40px;
    padding: 0 16px;
    margin-top: 10px;
    background-color: var(--color-branding-bits-blue);
    color: var(--color-white)
}

.button--corner_banner_jSMqq:hover {
    -webkit-text-decoration: none;
    text-decoration: none;
    background-image: linear-gradient(var(--color-shading-on-light-barely-there), var(--color-shading-on-light-barely-there))
}

.button--corner_banner_jSMqq:active,
.button--corner_banner_jSMqq[aria-expanded=true] {
    background-image: linear-gradient(var(--color-shading-on-light-extra-faint), var(--color-shading-on-light-extra-faint))
}

[data-focus-visible] .button--corner_banner_jSMqq:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.corner-popup-large--corner_banner__Z3q1 .button--corner_banner_jSMqq {
    width: 60%
}

.closed--corner_banner_WT1oZ {
    display: none
}

.success-message--corner_banner_i2ZSe {
    margin-top: 0;
    width: 60%;
    min-height: 40px
}

.image--teams_to_business_banner_HVEBg {
    max-height: 70%;
    right: -9%
}

.link--teams_to_business_banner_XV104 {
    -webkit-text-decoration: none;
    text-decoration: none
}

.sticky-banner--msp_sticky_banner_Wr0ja {
    position: sticky;
    top: 0;
    width: 100%;
    min-height: 26px;
    z-index: 1000
}

.box-wrapper--fieldset_wrapper_ZE1qD {
    align-items: center;
    padding-bottom: var(--knox-spacing-large);
    margin-bottom: var(--knox-spacing-large);
    border-bottom: solid 1px var(--knox-border-neutral)
}

.box-wrapper-policy-templates--fieldset_wrapper_V_UUo {
    align-items: center
}

.last-child-box-wrapper--fieldset_wrapper__wPqj {
    align-items: center
}

.duo-form--duo_config_WouRR .day-input--duo_config_W53OD {
    width: 66px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .25);
    appearance: none
}

.duo-form--duo_config_WouRR .day-input--duo_config_W53OD:focus {
    box-shadow: inset 0 0 0 1px #0572ec
}

.confirm-modal--policies_form_gL90X {
    width: 400px !important
}

.confirm-modal--policies_form_gL90X button {
    border-radius: 8px
}

.form-buttons--policies_form_m_7yc button[aria-disabled=true] {
    opacity: .5;
    cursor: not-allowed
}

.option-wrapper--account_password_policy_HXtHc {
    padding: var(--knox-spacing-xs) var(--knox-spacing-medium);
    border: 1px solid transparent;
    border-radius: var(--knox-spacing-medium)
}

.selected--account_password_policy_rEyQ_ {
    transition: .25s transform;
    background-color: var(--knox-background-brand-weak);
    border: 1px solid var(--knox-border-focus)
}

.radio-group--account_password_policy_EPSEr {
    margin-left: calc(var(--knox-spacing-medium)*-1)
}

.verified-domains--restricted_domain_bnnqp {
    align-items: center;
    padding: var(--knox-spacing-small) 0 var(--knox-spacing-small) 45px
}

.button-row--restricted_domain_teBiV {
    display: flex;
    width: 100%;
    align-items: center;
    padding: var(--knox-spacing-xs) 0 var(--knox-spacing-small) 0;
    gap: var(--knox-spacing-xs)
}

.button-row--restricted_domain_teBiV>:first-child {
    height: 28px;
    flex-grow: 1;
    width: max-content
}

.button-row--restricted_domain_teBiV>:first-child textarea {
    color: var(--knox-text-icon-neutral);
    background: var(--knox-background-neutral-low)
}

.button-row--restricted_domain_teBiV>:first-child textarea:-ms-input-placeholder {
    color: var(--knox-text-icon-neutral)
}

.button-row--restricted_domain_teBiV>:first-child textarea::placeholder {
    color: var(--knox-text-icon-neutral)
}

@media(max-width: 576px) {
    .button-row--restricted_domain_teBiV {
        flex-direction: column
    }

    .button-row--restricted_domain_teBiV>:first-child,
    .button-row--restricted_domain_teBiV>:last-child {
        width: 100%
    }
}

.card--card_gBZg4 {
    min-height: 246px
}

.card--card_gBZg4.authentication--card_z0Vqj {
    background-image: linear-gradient(to left, #eff3fa 108px, transparent 108px)
}

.card--card_gBZg4.app-usage--card_ciw6w {
    background-image: linear-gradient(to left, #FFFAEC 108px, transparent 108px)
}

.card--card_gBZg4.firewall--card_sEkwA {
    background-image: linear-gradient(to left, #FFF3F6 108px, transparent 108px)
}

.card--card_gBZg4.configure-idp--card_L23Wu {
    background-image: linear-gradient(to left, #E8F9F6 108px, transparent 108px)
}

.card--card_gBZg4 footer svg {
    position: relative;
    top: 3px
}

.container--card_IU3EH {
    flex-basis: 100%
}

.image--card_Yb_5R {
    margin-right: -10px
}

.image--card_Yb_5R img {
    width: 125px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none
}

.stats--card_gQvPg {
    gap: 0 18px
}

select.action-select--action_select_XO2mc {
    margin-top: 0;
    min-width: 120px;
    border-radius: var(--knox-corner-radius-circular);
    min-height: 32px;
    padding: 7px 18px
}

@media(max-width: 510px) {
    .base-rule-container--base_rule_dEqqG {
        display: block
    }
}

@media(max-width: 510px) {
    .base-rule-pill--base_rule_N8_Ek {
        margin-bottom: 12px
    }
}

.firewall-rule--firewall_rule_u39Qc:first-child {
    margin-top: 0
}

.reorder--firewall_rule__9WSB {
    width: 2rem
}

.reorder--firewall_rule__9WSB button {
    flex-grow: 1
}

.reorder--firewall_rule__9WSB button svg {
    fill: var(--knox-text-icon-inverse);
    width: 10px;
    height: 10px
}

.reorder--firewall_rule__9WSB button.up--firewall_rule_yy9dc {
    border-bottom: 1px solid var(--knox-border-neutral)
}

.reorder--firewall_rule__9WSB button.down--firewall_rule_Q22EN svg {
    padding-left: .4px
}

.reorder--firewall_rule__9WSB button:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.reorder--firewall_rule__9WSB button:hover svg {
    fill: var(--knox-text-icon-inverse-hover)
}

.tag--firewall_rule_W74nT {
    color: var(--knox-text-icon-inverse);
    font-size: .95rem;
    font-weight: 500;
    border-radius: 16px;
    padding: 3px 10px;
    margin: 5px 5px 0
}

.tag--firewall_rule_W74nT button {
    margin: 0 .3rem 0 .9rem
}

.tag--firewall_rule_W74nT button:disabled {
    opacity: .5
}

.tag--firewall_rule_W74nT.allow--firewall_rule_gtdhq {
    background-color: var(--knox-background-success)
}

.tag--firewall_rule_W74nT.deny--firewall_rule_vf_0d {
    background-color: var(--knox-background-critical)
}

.tag--firewall_rule_W74nT.next--firewall_rule__9Spg {
    border: none;
    background-color: transparent;
    outline: none;
    color: var(--knox-text-icon-neutral)
}

.delete--firewall_rule_ADRZs button {
    width: 32px;
    height: 32px
}

.header--firewall_rules_table_fjxnT {
    color: #707070;
    font-weight: 500
}

.button--firewall_rules_table_Y1sg4 {
    min-width: 120px
}

.button--firewall_rules_table_Y1sg4 svg {
    fill: #fff;
    margin-left: .6rem;
    margin-bottom: .1rem
}

.button--firewall_rules_table_Y1sg4:disabled svg {
    fill: #cbcccd
}

.menu--firewall_rules_table_cpnXU {
    width: 121px
}

.loading--firewall_rules_table_PXaIv {
    text-align: center;
    margin: 3rem
}

.fieldset--firewall_rules_table_VONcc {
    padding-bottom: var(--knox-spacing-large);
    margin-bottom: var(--knox-spacing-large);
    border-bottom: solid 1px var(--knox-border-neutral)
}

.menu-item--firewall_rules_table_eQTxA:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.option-wrapper--verification_options_utOje {
    padding: var(--knox-spacing-small);
    border: 1px solid transparent;
    border-radius: var(--knox-spacing-xs)
}

.selected--verification_options_SiGBq {
    transition: .25s transform;
    background-color: var(--knox-background-brand-weak);
    border: 1px solid var(--knox-border-focus)
}

.domains--verification_options_Xcw6y {
    margin-left: 28px
}

.tag-input--verification_options_eEb9W {
    border: 1px solid var(--knox-border-neutral-strong);
    background-color: var(--knox-background-neutral-high);
    color: var(--knox-text-icon-neutral);
    border-radius: 8px;
    padding: 10px 16px;
    margin-top: 8px;
    font-size: var(--knox-font-size-body-small)
}

.tag--verification_options_iBAZb {
    background: var(--knox-background-brand-weak);
    border-radius: 12px;
    padding: 3px 8px;
    margin: 5px 5px 0 0;
    display: flex;
    align-items: center;
    gap: var(--knox-spacing-2xs)
}

.permission-group--permission_group_In1xr li {
    padding: 0;
    margin: 0 0 10px;
    width: auto;
    display: block;
    color: var(--knox-text-icon-neutral)
}

@media screen and (min-width: 576px) {
    .permission-group--permission_group_In1xr li {
        margin-bottom: 0
    }
}

.permission-group--permission_group_In1xr li input {
    margin: 0 12px 0 0
}

.permission-group--permission_group_In1xr li ul li:not(:last-child) {
    margin-bottom: 10px
}

.user-type-select-button--invite_user_form_uB1mr {
    width: 100%
}

.submit-button--invite_user_form_ji6ry {
    margin-top: 20px
}

[data-focus-visible] .email-input--invite_user_form_fk3Cw:focus {
    box-shadow: inset 0 0 0 1px var(--knox-border-focus), 0 0 0 3px var(--knox-border-focus) !important
}

.spinner-container--invite_user_form_YDgWf {
    display: flex;
    justify-content: center
}

.modal-button--billing_required_XRYAz {
    display: block;
    padding: 8px 16px;
    text-align: center
}

.modal-button--billing_required_XRYAz:hover {
    -webkit-text-decoration: none;
    text-decoration: none
}

.pending-invitation--user--invitations_TsF_G {
    display: flex
}

.pending-invitation--email--invitations_gV9cD {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.divider--invitations_COfQu {
    margin: var(--knox-spacing-medium) auto;
    width: 95%
}

.pending-invitations--pending_invitations_SnaNh {
    padding: 16px 24px
}

.pending-invitations--pending_invitations_SnaNh ul li {
    padding: 6px 24px !important;
    margin: 0 -23px !important
}

.pending-invitation--user--pending_invitations_KagC2 {
    display: flex
}

.pending-invitation--email--pending_invitations_kbFkP {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.provisioning-invitations--pending_invitations_HPuZh {
    padding: 16px 24px;
    box-sizing: border-box;
    justify-content: space-between;
    width: 100%;
    border-top: 1px solid #cbcccd
}

.provisioning-invitations--pending_invitations_HPuZh img {
    width: 1.1rem;
    height: 1.1rem
}

.settings-wrapper--link_expiration_vMbdy {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.expiry-option--link_expiration_u0LWU {
    width: 100%;
    max-width: 290px
}

.expiry-select--link_expiration_QjO7r {
    --border: inset 0 0 0 1px var(--knox-border-neutral-strong);
    min-width: 110px;
    height: 40px;
    background-color: var(--knox-background-neutral-high);
    border-radius: var(--knox-spacing-xs);
    color: var(--knox-text-icon-neutral);
    justify-content: space-between;
    gap: var(--knox-spacing-xs)
}

.expiry-select--link_expiration_QjO7r:hover {
    --border: inset 0 0 0 1px var(--knox-border-focus);
    background-color: var(--knox-background-brand-weak)
}

.expiry-select--link_expiration_QjO7r::after {
    display: none
}

.idp-configuration-container--configure_idp_h0X3p {
    margin-top: 16px;
    margin-bottom: 28px
}

.content-container--configure_idp_FUqCN {
    display: flex
}

.select-idp-container--configure_idp_Ou8Po h3 {
    margin-top: 0
}

.idp-card-container--configure_idp_arUOV {
    display: grid;
    grid-gap: 10px;
    margin-top: 18px
}

@media only screen and (min-width: 450px) {
    .idp-card-container--configure_idp_arUOV {
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr))
    }
}

.divider--configure_idp_a2mgs {
    margin: 48px 0 30px
}

.test-connection--configure_idp_tapf1 {
    margin-bottom: 25px
}

.test-connection-container--configure_idp_Apnkc {
    max-width: 430px
}

.spinner-container--index_hconX {
    position: absolute;
    top: 33.3333333333vh;
    left: calc((100vw - 240px)/2)
}

nav.breadcrumb--breadcrumb_bOtv1 li+li::before {
    display: inline-block;
    margin: 0 var(--knox-spacing-xs) 0 0;
    transform: rotate(15deg);
    border-right: 1px solid var(--knox-text-icon-neutral-weak);
    height: 14px;
    content: ""
}

.container--whats_new_DxRzu {
    width: 100% !important;
    max-width: 536px;
    border-radius: var(--knox-corner-radius-large) !important
}

@media only screen and (max-width: 430px) {
    .container--whats_new_DxRzu {
        border-radius: 0 !important
    }
}

.hero-image--whats_new_hBS3D {
    width: 100%;
    object-fit: contain
}

[data-focus-visible] .pagination-dots--whats_new_tJrpP button:focus-visible {
    outline: var(--knox-focus-outline);
    outline-offset: var(--knox-focus-offset)
}

.dot--whats_new_SnnWj {
    appearance: none;
    background-color: var(--color-shading-faint);
    border: none;
    border-radius: 100%;
    height: 12px;
    padding: 0;
    width: 12px
}

.dot--whats_new_SnnWj:hover,
.dot--whats_new_SnnWj:active,
.dot--whats_new_SnnWj[aria-expanded=true] {
    background-image: var(--image-tints-blue)
}

.dot--whats_new_SnnWj:active,
.dot--whats_new_SnnWj[aria-expanded=true] {
    background-color: var(--color-shading-extra-faint)
}

.dot--whats_new_SnnWj.active--whats_new_XNNwc {
    background-color: var(--color-branding-bits-blue)
}

.dot--whats_new_SnnWj.active--whats_new_XNNwc:hover {
    background-image: linear-gradient(var(--color-shading-on-light-faint), var(--color-shading-on-light-faint))
}

.dot--whats_new_SnnWj.active--whats_new_XNNwc:active,
.dot--whats_new_SnnWj.active--whats_new_XNNwc[aria-expanded=true] {
    background-image: linear-gradient(var(--color-shading-on-light-medium), var(--color-shading-on-light-medium))
}

:root {
    --sidebar-link-background-active: rgba(0, 0, 0, 0.07)
}

.knox-dark-mode {
    --sidebar-link-background-active: rgba(255, 255, 255, 0.09)
}

.selected-item--sidebar_components-styles_i_Tn7 {
    color: var(--knox-text-icon-neutral);
    background-color: var(--knox-background-activated);
    -webkit-text-decoration: none;
    text-decoration: none;
    border-radius: 2px
}

.static-item--sidebar_components-styles_BC6un {
    flex-shrink: 0;
    padding: .4rem .6rem .2rem;
    color: var(--knox-text-icon-neutral-weak);
    margin: 0;
    text-transform: uppercase;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%
}

.account-info-link--sidebar_components-styles_JHyyJ {
    border-radius: 5px;
    flex-shrink: 0;
    padding: .4rem .6rem .2rem;
    color: var(--knox-text-icon-neutral-weak);
    margin: 0;
    text-transform: uppercase;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    padding: .2rem .6rem;
    margin: .2rem 0
}

.account-info-link--sidebar_components-styles_JHyyJ:hover {
    -webkit-text-decoration: none;
    text-decoration: none
}

.account-info-link--sidebar_components-styles_JHyyJ:hover>span {
    color: var(--knox-text-icon-brand)
}

.account-avatar--sidebar_components-styles_EI49E {
    display: inline-block;
    vertical-align: middle
}

.account-name--sidebar_components-styles_dWSqO {
    padding-left: .6rem
}

.button-link--sidebar_components-styles_dkaWK {
    padding: .2rem .6rem;
    color: var(--knox-text-icon-neutral-weak);
    margin-bottom: 2px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex-shrink: 0;
    box-shadow: inset 0 0 0 1px transparent;
    text-align: left;
    border-radius: var(--knox-corner-radius-medium)
}

.button-link--sidebar_components-styles_dkaWK:hover {
    color: var(--knox-text-icon-neutral);
    background-color: var(--knox-background-activated);
    -webkit-text-decoration: none;
    text-decoration: none;
    border-radius: 2px
}

.nav-link--sidebar_components-styles_mQTja {
    border-radius: var(--knox-corner-radius-medium);
    display: inline-block;
    width: 100%;
    -webkit-text-decoration: none;
    text-decoration: none
}

.nav-link--sidebar_components-styles_mQTja:focus-visible {
    outline: 3px solid var(--knox-border-focus);
    outline-offset: 2px
}

.sidebar-link--sidebar_components-styles_nGnbT {
    color: var(--knox-text-icon-neutral);
    font-weight: var(--knox-font-weight-heading-subtle);
    border-radius: var(--knox-corner-radius-medium)
}

.sidebar-link--sidebar_components-styles_nGnbT:hover {
    border-radius: var(--knox-corner-radius-medium);
    background-color: rgba(0, 0, 0, 0.07);
    background-color: var(--sidebar-link-background-active)
}

.sidebar-link--sidebar_components-styles_nGnbT:active {
    border-radius: var(--knox-corner-radius-medium);
    background-color: rgba(0, 0, 0, 0.07);
    background-color: var(--sidebar-link-background-active)
}

.sidebar-link--sidebar_components-styles_nGnbT svg {
    color: var(--knox-text-icon-neutral-weak)
}

.sidebar-link--sidebar_components-styles_nGnbT.sidebar-link--activated--sidebar_components-styles_HM6yP {
    background-color: rgba(0, 0, 0, 0.07);
    background-color: var(--sidebar-link-background-active)
}

.sidebar-link--sidebar_components-styles_nGnbT.sidebar-link--activated--sidebar_components-styles_HM6yP svg {
    color: var(--knox-text-icon-neutral)
}

.sidebar-link--sidebar_components-styles_nGnbT.sidebar-link--activated--sidebar_components-styles_HM6yP .sidebar-link-text--sidebar_components-styles_M3D5G {
    font-weight: var(--knox-font-weight-body-strong)
}

.sidebar-link--sidebar_components-styles_nGnbT .sidebar-link-text--sidebar_components-styles_M3D5G,
.sidebar-link--sidebar_components-styles_nGnbT .sidebar-link-text--sidebar_components-styles_M3D5G>div:first-of-type>span {
    color: var(--knox-text-icon-neutral);
    font-weight: var(--knox-font-weight-heading-subtle);
    letter-spacing: var(--knox-text-letter-spacing-medium);
    font-feature-settings: var(--knox-text-font-variant-ligatures);
    font-variant-ligatures: var(--knox-text-font-variant-ligatures)
}

.sidebar-link--sidebar_components-styles_nGnbT .sidebar-link-text--sidebar_components-styles_M3D5G,
.sidebar-link--sidebar_components-styles_nGnbT .sidebar-link-text--sidebar_components-styles_M3D5G>div {
    display: flex;
    flex: 1;
    justify-content: space-between
}

.activated--sidebar_components-styles_cdMa_ {
    background-color: var(--knox-background-activated)
}

.close-button--sidebar_components-styles_Szhx_ {
    border-radius: var(--knox-corner-radius-medium)
}

.close-button--sidebar_components-styles_Szhx_:focus-visible {
    outline: 3px solid var(--knox-border-focus);
    outline-offset: 2px
}

.app-home-button--admin_console_home_link_mq6HB {
    display: flex;
    width: 100%;
    padding: var(--knox-spacing-xs);
    justify-content: space-between;
    -webkit-text-decoration: none;
    text-decoration: none;
    border-radius: 5px
}

.hover--admin_console_home_link_bcuMM {
    cursor: pointer
}

.hover--admin_console_home_link_bcuMM:hover {
    background-color: var(--knox-background-transparent-hover)
}

[data-focus-visible] .hover--admin_console_home_link_bcuMM:focus {
    border-radius: var(--knox-corner-radius-small);
    outline: 1px solid var(--knox-border-focus);
    offset: none
}

[data-focus-visible] .hover--admin_console_home_link_bcuMM:focus:focus-visible {
    outline: 3px solid var(--knox-border-focus);
    outline-offset: 2px
}

.app-switcher-option--sidebar_app_switcher_dropdown_ewPuA {
    display: flex;
    width: 100%;
    padding: var(--knox-spacing-xs);
    justify-content: space-between;
    -webkit-text-decoration: none;
    text-decoration: none;
    border-radius: 5px
}

.app-switcher-option--sidebar_app_switcher_dropdown_ewPuA:hover {
    cursor: pointer;
    background-color: var(--knox-background-transparent-hover)
}

[data-focus-visible] .app-switcher-option--sidebar_app_switcher_dropdown_ewPuA:focus,
[data-focus-visible] .app-switcher-option--sidebar_app_switcher_dropdown_ewPuA:focus:focus-visible {
    border-radius: var(--knox-corner-radius-small);
    outline: 3px solid var(--knox-border-focus);
    offset: none;
    outline-offset: 0
}

.app-switcher-option--sidebar_app_switcher_dropdown_ewPuA:active {
    background-color: var(--knox-background-transparent-pressed)
}

.app-home-button--single_page_view_home_button_ffIi3 {
    display: flex;
    width: 100%;
    padding: var(--knox-spacing-xs);
    justify-content: space-between;
    -webkit-text-decoration: none;
    text-decoration: none;
    border-radius: 5px
}

.hover--single_page_view_home_button_gap9s {
    cursor: pointer
}

.hover--single_page_view_home_button_gap9s:hover {
    background-color: var(--knox-background-transparent-hover)
}

[data-focus-visible] .hover--single_page_view_home_button_gap9s:focus {
    border-radius: var(--knox-corner-radius-small);
    outline: 1px solid var(--knox-border-focus);
    offset: none
}

[data-focus-visible] .hover--single_page_view_home_button_gap9s:focus:focus-visible {
    outline: 3px solid var(--knox-border-focus);
    outline-offset: 2px
}

.root--sidebar_xA8LH {
    flex: 0 0 240px;
    overflow-x: hidden;
    width: 240px;
    padding: 1.3rem;
    display: flex;
    flex-direction: column;
    background-color: var(--knox-background-neutral-low);
    box-shadow: inset 1px 0 0 0 var(--knox-border-neutral-weak);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    z-index: 499;
    transition: 100ms
}

@media(max-width: 850px) {
    .root--sidebar_xA8LH {
        position: absolute;
        top: 0;
        bottom: 0;
        right: -250px
    }

    .root--sidebar_xA8LH.show--sidebar_d5HdT {
        right: 0
    }
}

.greeting--sidebar_UShnB {
    color: var(--knox-text-icon-neutral-weak);
    margin-bottom: .8rem;
    padding: .2rem 0 .2rem .6rem;
    cursor: default
}

.nav-link--sidebar_vKoyY {
    padding: .2rem .6rem;
    color: var(--knox-text-icon-neutral-weak);
    margin-bottom: 2px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex-shrink: 0;
    box-shadow: inset 0 0 0 1px transparent;
    text-align: left;
    border-radius: 5px
}

.nav-link--sidebar_vKoyY:hover {
    color: var(--knox-text-icon-neutral);
    background-color: var(--knox-background-transparent-hover);
    -webkit-text-decoration: none;
    text-decoration: none
}

.selected-item--sidebar_AaQWQ {
    color: var(--knox-text-icon-neutral);
    background-color: var(--knox-background-transparent-hover);
    -webkit-text-decoration: none;
    text-decoration: none
}

.account-avatar--sidebar_VkE2P {
    display: inline-block;
    vertical-align: middle
}

.account-name--sidebar_GaEN4 {
    padding-left: .6rem
}

.account-info-link--sidebar_Qi_ai {
    border-radius: 5px;
    flex-shrink: 0;
    padding: .4rem .6rem .2rem;
    color: var(--knox-text-icon-neutral-weak);
    margin: 0;
    text-transform: uppercase;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    padding: .2rem .6rem;
    margin: .2rem 0
}

.account-info-link--sidebar_Qi_ai:hover {
    -webkit-text-decoration: none;
    text-decoration: none
}

.account-info-link--sidebar_Qi_ai:hover>span {
    color: var(--knox-text-icon-brand)
}

.static-item--sidebar_w_ij6 {
    flex-shrink: 0;
    padding: .4rem .6rem .2rem;
    color: var(--knox-text-icon-neutral-weak);
    margin: 0;
    text-transform: uppercase;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%
}

.wrapper--sidebar_dOdDP {
    position: relative
}

.banner--sidebar_MsdQq {
    border-radius: 8px;
    padding: 1rem;
    position: relative;
    text-align: left;
    color: #333;
    background-repeat: no-repeat;
    margin-bottom: 3px
}

[data-focus-visible] .banner--sidebar_MsdQq:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.quest--sidebar_sE0sb {
    padding-bottom: 5.7rem;
    background-position: bottom left
}

.top-margin--sidebar_D0OWT {
    margin-top: 5px
}

.sso-migration-link--sidebar__RKUe {
    display: block;
    color: var(--knox-text-icon-brand);
    outline: none;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    cursor: pointer
}

.link--sidebar_CGJ_f {
    display: block;
    -webkit-text-decoration: none;
    text-decoration: none
}

.text-link--sidebar_N2TNW {
    display: block;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.close-banner-button--sidebar_MUxfz {
    position: absolute;
    right: 4px;
    top: 7px;
    height: 23px !important;
    width: 23px !important
}

.stars--sidebar_mz6tx {
    margin-right: .1rem;
    width: 14px;
    height: 14px
}

.bottom-align--sidebar_F7OQC {
    margin-top: auto
}

.lavender--sidebar_yqWhV {
    background-color: #e8e7f5;
    box-shadow: inset 0 0 0 1px #cdcae6
}

.lavender--sidebar_yqWhV.quest-badge--sidebar_bk1g6 {
    background-color: #cdcae6
}

.algae--sidebar_qAiHD {
    background-color: #f3fff6;
    box-shadow: inset 0 0 0 1px #43a670
}

.algae--sidebar_qAiHD.quest-badge--sidebar_bk1g6 {
    background-color: #43a670;
    color: #fcfcfc
}

.light-blue--sidebar_AD0j4 {
    background-color: #f1faff;
    box-shadow: inset 0 0 0 1px #66cbff
}

.light-blue--sidebar_AD0j4.quest-badge--sidebar_bk1g6 {
    background-color: #c2eaff;
    box-shadow: none
}

.sand--sidebar_z048G {
    background-color: #fefbf6;
    box-shadow: inset 0 0 0 1px #e6d3ac
}

.sand--sidebar_z048G.quest-badge--sidebar_bk1g6 {
    background-color: #ffe3ac
}

.red--sidebar_xbiDY {
    background-color: #fae5e1;
    box-shadow: inset 0 0 0 1px #e6b6ac
}

.red--sidebar_xbiDY.quest-badge--sidebar_bk1g6 {
    background-color: #e6b6ac
}

.peach--sidebar_toGON {
    background-color: #faf2e1;
    box-shadow: inset 0 0 0 1px #e6d2ac
}

.peach--sidebar_toGON.quest-badge--sidebar_bk1g6 {
    background-color: #e6d2ac
}

.pale-orange--sidebar_cis8t {
    background-color: #fffaef;
    box-shadow: inset 0 0 0 1px #d7d9df
}

.pale-blue--sidebar_ieTr3 {
    background-color: #f1faff;
    box-shadow: inset 0 0 0 1px #66cbff
}

.quest-badge--sidebar_bk1g6 {
    margin-bottom: 1rem;
    width: fit-content;
    border-radius: 20px;
    padding: 4px 12px
}

.free-family .quest-badge--sidebar_bk1g6 {
    background-color: #ffe3ac
}

.live-chat {
    padding-bottom: 4rem
}

.live-chat .quest-badge--sidebar_bk1g6 {
    background-color: #c2eaff
}

.dev-portal-promo {
    color: var(--knox-text-icon-neutral);
    border: 1px solid var(--knox-border-neutral);
    padding-bottom: 1rem;
    padding-top: 4rem;
    background: #fff url(../images/quest-developer-portal-1574d26263147ef0e422.svg) no-repeat 1rem 1rem;
    line-height: 1.3rem
}

.feedback--sidebar_SvWfF,
.talk-to-sales--sidebar_zguPg {
    font-size: .9rem;
    font-weight: 500
}

.feedback--sidebar_SvWfF button,
.feedback--sidebar_SvWfF a,
.talk-to-sales--sidebar_zguPg button,
.talk-to-sales--sidebar_zguPg a {
    width: 100%;
    text-align: left;
    padding: 4px 0 4px 9px;
    color: var(--knox-text-icon-neutral-weak);
    border-radius: 5px
}

.feedback--sidebar_SvWfF button:hover,
.feedback--sidebar_SvWfF a:hover,
.talk-to-sales--sidebar_zguPg button:hover,
.talk-to-sales--sidebar_zguPg a:hover {
    color: var(--knox-text-icon-brand)
}

.feedback--sidebar_SvWfF button:focus,
.feedback--sidebar_SvWfF a:focus,
.talk-to-sales--sidebar_zguPg button:focus,
.talk-to-sales--sidebar_zguPg a:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.feedback--sidebar_SvWfF {
    padding-top: 10px;
    margin-top: 11px;
    border-top: 1px solid var(--knox-border-neutral-weak)
}

.talk-to-sales--sidebar_zguPg a {
    -webkit-text-decoration: none;
    text-decoration: none;
    display: inline-block
}

.button-container--sidebar_XLDay {
    padding: var(--knox-spacing-small) 0 0;
    text-align: center
}

.button-container--sidebar_XLDay button {
    cursor: pointer
}

.button-container--sidebar_XLDay .button-subtext--sidebar_S0mp3 {
    color: var(--knox-text-icon-disabled);
    font-size: var(--knox-spacing-small);
    margin-top: var(--knox-spacing-2xs)
}

.new-vault-view--sidebar_AnRxJ {
    background-size: 145px 80px
}

.sso-migration-popup--sso_popup_x735V {
    display: flex;
    justify-content: center;
    text-align: center;
    width: 380px !important
}

.sso-migration-popup--sso_popup_x735V header h3 {
    max-width: 100% !important
}

.sso-migration-popup--sso_popup_x735V .close-button--sso_popup_lt_wh {
    width: 100%;
    justify-content: center;
    margin-top: 15px;
    font-size: .95rem;
    font-weight: 500;
    color: #0166cb;
    -webkit-text-decoration: none;
    text-decoration: none
}

.sso-migration-popup--sso_popup_x735V .close-button--sso_popup_lt_wh:hover {
    color: #204060
}

.sso-migration-popup--sso_popup_x735V .close-button--sso_popup_lt_wh:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.sso-migration-popup--sso_popup_x735V .btn--sso_popup_KUmtR {
    margin-top: 15px;
    width: 100%;
    align-items: center;
    flex-direction: column
}

.sso-wasm-warning-popup--sso_wasm_warning_popup_hkGDZ {
    display: flex;
    justify-content: center;
    text-align: center;
    width: 380px !important
}

.title--sso_wasm_warning_popup_eJZYk {
    font-size: 20px;
    line-height: 1.3;
    justify-content: left
}

.btn--sso_wasm_warning_popup_DAUuB {
    margin-top: 15px;
    width: 100%;
    align-items: center;
    flex-direction: column
}

.browser-suggestion--sso_wasm_warning_popup_taVFd {
    line-height: 1.3
}

.footer--sso_wasm_warning_popup_wSQ8W {
    margin-top: 3rem !important
}

.pill--status_pill_vcKfR {
    padding: .5rem .7rem .6rem;
    font-weight: 500;
    min-width: 110px;
    margin-left: 15px;
    cursor: default;
    border-radius: 6px;
    display: inline-block
}

.pill--status_pill_vcKfR:last-child {
    display: inline-block
}

@media screen and (min-width: 600px) {
    .pill--status_pill_vcKfR {
        display: none
    }
}

@media screen and (min-width: 1075px) {
    .pill--status_pill_vcKfR {
        display: inline-block
    }
}

button.pill--status_pill_vcKfR {
    cursor: pointer
}

.pill--status_pill_vcKfR img,
.pill--status_pill_vcKfR svg {
    margin-right: 7px;
    vertical-align: -2px
}

.blue--status_pill_vYfeq {
    color: #fff;
    background-color: var(--knox-text-icon-brand);
    box-shadow: inset 0 0 0 1px #1060d1
}

.green--status_pill_wN7KB {
    color: #fff;
    background-color: #50b347;
    text-shadow: 1px 0 3px rgba(0, 0, 0, .25), -1px 0 3px rgba(0, 0, 0, .25), 0 1px 3px rgba(0, 0, 0, .25), 0 -1px 3px rgba(0, 0, 0, .25);
    box-shadow: inset 0 0 0 1px #3b8736
}

.purple--status_pill_Thgu1 {
    color: #fff;
    background-color: #7369bf;
    box-shadow: inset 0 0 0 1px #544d8c
}

.peach--status_pill_JkY1f {
    background-color: #e6a15c;
    box-shadow: inset 0 0 0 1px #cc9951
}

.yellow--status_pill_KGMmo {
    background-color: #f3d661;
    box-shadow: inset 0 0 0 1px #d9bb41
}

.red--status_pill_rTw0I {
    color: #fff;
    background-color: #d43f21;
    text-shadow: 1px 0 3px rgba(0, 0, 0, .25), -1px 0 3px rgba(0, 0, 0, .25), 0 1px 3px rgba(0, 0, 0, .25), 0 -1px 3px rgba(0, 0, 0, .25);
    box-shadow: inset 0 0 0 1px #b35947
}

.travel--status_pill_PnmDS {
    background-color: #ffec9b;
    box-shadow: inset 0 0 0 1px #996a1a
}

.gray--status_pill_whFrX {
    background-color: var(--knox-text-icon-neutral-weak);
    color: var(--knox-text-icon-inverse)
}

.modal--subscribe_popup_JRWxf {
    width: auto !important
}

.modal--subscribe_popup_JRWxf main {
    padding: 0 !important;
    height: 100%
}

.trial-wrapper--subscribe_popup_j3zRT {
    display: grid;
    grid-template-areas: "sidebar" "subscribe-form"
}

@media(min-width: 850px) {
    .trial-wrapper--subscribe_popup_j3zRT {
        grid-template-columns: 450px 350px;
        grid-template-areas: "subscribe-form sidebar"
    }
}

@media(min-width: 950px) {
    .trial-wrapper--subscribe_popup_j3zRT {
        grid-template-columns: 500px 400px;
        grid-template-areas: "subscribe-form sidebar"
    }
}

.post-wrapper--subscribe_popup_H7Y3F {
    display: grid;
    grid-template-areas: "sidebar" "subscribe-form"
}

@media(min-width: 850px) {
    .post-wrapper--subscribe_popup_H7Y3F {
        grid-template-columns: 400px 400px;
        grid-template-areas: "subscribe-form sidebar"
    }
}

@media(min-width: 1050px) {
    .post-wrapper--subscribe_popup_H7Y3F {
        grid-template-columns: 500px 500px
    }
}

.subscribe-form--subscribe_popup_V7pZY {
    grid-area: subscribe-form;
    padding: 22px
}

.subscribe-form--subscribe_popup_V7pZY .billing-plan-selector--subscribe_popup_btATj {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.subscribe-form--subscribe_popup_V7pZY .billing-plan-selector--subscribe_popup_btATj label {
    margin: 0 !important
}

.subscribe-form--subscribe_popup_V7pZY .spinner--subscribe_popup_pcGke {
    margin-top: 48px;
    display: flex
}

.subscribe-form--subscribe_popup_V7pZY .spinner--subscribe_popup_pcGke img {
    margin: 0 auto
}

.sidebar--subscribe_popup_nynlo {
    display: grid;
    grid-area: sidebar;
    grid-template-rows: 1fr auto;
    background: #f6f7f8;
    padding: 22px
}

.sidebar--subscribe_popup_nynlo h1 {
    font-size: 20px;
    line-height: 26px;
    margin-top: 8px;
    margin-bottom: 0
}

.sidebar--subscribe_popup_nynlo .subhead--subscribe_popup_XSMOE {
    margin-top: 18px;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 130%
}

.sidebar--subscribe_popup_nynlo .annual-status-pill--subscribe_popup_jl_mA {
    position: static;
    position: initial
}

.sidebar--subscribe_popup_nynlo ul {
    display: none
}

@media(min-width: 850px) {
    .sidebar--subscribe_popup_nynlo ul {
        display: block;
        padding: 0;
        padding-bottom: 18px;
        border-bottom: 1px solid #e4e6e7;
        margin: 0;
        margin-top: 18px
    }
}

.sidebar--subscribe_popup_nynlo ul li {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 12px;
    margin-top: 18px;
    font-size: 16px;
    line-height: 20px
}

.sidebar--subscribe_popup_nynlo ul li p {
    margin-top: 0
}

.sidebar--subscribe_popup_nynlo .footer--subscribe_popup_WtpR1 {
    display: block;
    margin-top: 12px;
    margin-bottom: 12px;
    font-size: 13px;
    color: rgba(0, 0, 0, .55);
    line-height: 19px
}

.sidebar--subscribe_popup_nynlo section:last-of-type {
    display: none
}

@media(min-width: 850px) {
    .sidebar--subscribe_popup_nynlo section:last-of-type {
        display: grid;
        grid-template-rows: min-content auto min-content
    }

    .sidebar--subscribe_popup_nynlo section:last-of-type img {
        justify-self: center
    }
}

.modal--child_account_sign_up_modal_Eprtq {
    width: 380px !important
}

.modal-content--child_account_sign_up_modal_sZIhj {
    display: flex;
    flex-direction: column;
    align-items: center
}

.description--child_account_sign_up_modal_aUYif {
    padding: 10px 10px 20px;
    text-align: center;
    width: 320px
}

.existing-account-link--child_account_sign_up_modal_Tg61c {
    padding-top: 10px
}

.family-code-button--child_account_sign_up_modal_PsZ79 {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #0572ec;
    border-radius: 24px;
    border: 1px solid #1060d1;
    font-size: .9rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.3rem;
    padding: 8px 16px;
    outline: none;
    resize: none;
    color: #fff;
    position: relative;
    transition: all .25s ease;
    box-shadow: inset 0 0 0 1px #0572ec;
    white-space: nowrap;
    -webkit-text-decoration: none;
    text-decoration: none;
    height: 40px;
    width: 270px
}

.family-code-button--child_account_sign_up_modal_PsZ79:hover {
    -webkit-text-decoration: none !important;
    text-decoration: none !important;
    background-color: #1060d1;
    color: #fff
}

.modal-header-no-truncate--child_account_sign_up_modal_CU0C6 {
    max-width: none !important;
    max-width: initial !important;
    overflow: hidden !important;
    white-space: normal !important;
    text-overflow: initial !important
}

.nav-link--footer_container_wI2nO {
    display: inline-block;
    width: 100%;
    border-radius: var(--knox-corner-radius-medium);
    -webkit-text-decoration: none;
    text-decoration: none
}

.nav-link--footer_container_wI2nO:focus-visible {
    outline: 3px solid var(--knox-border-focus);
    outline-offset: 2px
}

.hover--footer_container_fBWs8:hover {
    background-color: var(--knox-background-transparent-hover)
}

.hover--footer_container_fBWs8:active {
    background-color: var(--knox-background-transparent-pressed)
}

.scrollbox--app_navigation_top_bar_Tj7nA {
    border-color: var(--knox-border-neutral-weak)
}

.flag--location_g82Yk {
    margin-left: 4px;
    vertical-align: -1px
}

.img--pending_device_popup_DnsTB {
    display: block;
    margin: var(--knox-spacing-medium) auto var(--knox-spacing-small)
}

.btn--pending_device_popup_E6iPC {
    width: 100%;
    margin: .33rem 0
}

.device-info--pending_device_popup_pgy7z {
    text-align: center;
    margin-bottom: var(--knox-spacing-large)
}

.device-name--pending_device_popup_sAj6f {
    font-size: var(--knox-font-size-body-large);
    color: rgba(0, 0, 0, 0.82);
    color: var(--color-text-neutral, rgba(0, 0, 0, 0.82))
}

.device-location--pending_device_popup_Hfyrd {
    font-size: var(--knox-font-size-body-medium);
    color: rgba(0, 0, 0, 0.62);
    color: var(--color-text-neutral-weak, rgba(0, 0, 0, 0.62))
}

.trusted-device-enrollment-popup--verification_code_popup_Tk2ay {
    display: flex;
    justify-content: center;
    text-align: center
}

.trusted-device-enrollment-popup--verification_code_popup_Tk2ay h3 {
    font-size: large
}

.device-code--verification_code_popup_dXB5n {
    margin: 25px 0;
    padding: 15px
}

.device-code--verification_code_popup_dXB5n span {
    font-family: "Source Code Pro", "Menlo", "Monaco", "Andale Mono", "Anonymous Pro", "PT Mono", monospace;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.82);
    color: var(--color-text-neutral-default, rgba(0, 0, 0, 0.82));
    text-align: center;
    font-feature-settings: "ss02" on, "ss01" on, "clig" off, "liga" off;
    font-size: 16px;
    font-style: normal;
    line-height: 120%;
    letter-spacing: 2px;
    font-weight: 500
}

.popup-footer--verification_code_popup_T64al {
    color: gray
}

.popup-footer--verification_code_popup_T64al a {
    -webkit-text-decoration: none;
    text-decoration: none
}

.popup-footer--verification_code_popup_T64al a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.btn--verification_code_popup_KMjOR {
    justify-content: center;
    width: 100%;
    margin-top: 15px
}

.trigger--top_bar_notifications_qaRTG svg {
    display: block
}

.count--top_bar_notifications_jwBfD {
    position: absolute;
    width: 18px;
    left: 11px;
    top: 10px
}

.count--top_bar_notifications_jwBfD span {
    font-size: .7rem;
    text-align: center
}

.block-link--top_bar_notifications_U7KJT {
    display: block;
    -webkit-text-decoration: none;
    text-decoration: none
}

.focus-ring--top_bar_notifications_Pxefs {
    border-radius: var(--knox-corner-radius-small)
}

.focus-ring--top_bar_notifications_Pxefs:focus-visible {
    outline: 3px solid var(--knox-border-focus);
    outline-offset: 2px
}

.top-bar-user-menu-button--top_bar_user_menu_m_v_Q:hover {
    background: var(--knox-background-transparent-hover)
}

.top-bar-user-menu-button--top_bar_user_menu_m_v_Q.top-bar-user-menu-button--active--top_bar_user_menu_kIc0S,
.top-bar-user-menu-button--top_bar_user_menu_m_v_Q:active {
    background: var(--knox-background-transparent-pressed)
}

.main--common_UePGX {
    display: grid;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    align-content: center
}

.step-context--common_ifMNA {
    margin: 72px 0 16px;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 0
}

.heading--common_JVVw_ {
    margin: 0 0 16px;
    font-size: 36px;
    line-height: 43px;
    letter-spacing: -0.4px
}

.subtext--common_Reo0t {
    margin: 0 auto 40px;
    font-size: 20px;
    max-width: 650px;
    line-height: 30px;
    letter-spacing: -0.3px
}

.subtext--common_Reo0t a {
    color: #85beff
}

.subtext--common_Reo0t a:focus {
    box-shadow: 0 0 0 2px #0a2d4d, 0 0 0 4px var(--knox-border-focus-inverse) !important
}

.primary-button--common_WxiGF {
    width: 282px;
    margin: 0 auto;
    padding: 14px 0
}

.primary-button--common_WxiGF:focus {
    box-shadow: 0 0 0 2px #0a2d4d, 0 0 0 4px var(--knox-border-focus-inverse) !important
}

.secondary-button--common_dUbrR {
    width: 282px;
    margin: 12px auto 0;
    padding: 13px 0;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: -0.3px;
    text-align: center;
    box-shadow: inset 0 0 0 2px #fff
}

.secondary-button--common_dUbrR:hover,
.secondary-button--common_dUbrR:focus {
    background: #fff;
    color: #051627
}

.secondary-button--common_dUbrR:focus {
    box-shadow: 0 0 0 2px #0a2d4d, 0 0 0 4px var(--knox-border-focus-inverse) !important
}

.subtext--download_extension_IJsNo {
    max-width: 580px
}

.explore-apps--download_extension_uOv4n {
    margin: 16px auto 86px;
    color: #85beff
}

.browser-silhouette-wrapper--download_extension_VEGJz {
    display: none
}

@media(min-width: 1010px) {
    .browser-silhouette-wrapper--download_extension_VEGJz {
        display: grid
    }
}

.browser-silhouette-wrapper--download_extension_VEGJz img {
    margin: 0 auto;
    align-self: end;
    width: 100%
}

@media(min-width: 1350px) {
    .browser-silhouette-wrapper--download_extension_VEGJz img {
        width: 85%
    }
}

.main--download_safari_extension_HHLe1 {
    justify-content: center;
    align-items: center
}

.main--download_safari_extension_HHLe1 section:first-of-type {
    display: grid;
    align-content: center
}

.main--download_safari_extension_HHLe1 section:last-of-type {
    display: none;
    margin-top: 56px;
    align-self: end
}

@media(min-width: 800px) {
    .main--download_safari_extension_HHLe1 section:last-of-type {
        display: grid;
        width: 100vw
    }
}

.main--download_safari_extension_HHLe1 section:last-of-type img {
    margin: 0 auto;
    width: 100%;
    max-height: 50vh
}

@media(min-width: 1010px) {
    .main--download_safari_extension_HHLe1 section:last-of-type img {
        width: 85%
    }
}

@media(min-width: 1350px) {
    .main--download_safari_extension_HHLe1 section:last-of-type img {
        width: 65%
    }
}

.post-signup-wrapper--post_signup_wrapper_aSg6l {
    display: grid;
    min-height: 100vh;
    grid-template-rows: 144px 1fr auto;
    background-color: #0a2d4d
}

.post-signup-wrapper--post_signup_wrapper_aSg6l header {
    display: flex;
    justify-content: space-between;
    margin: 12px 12px 0
}

.post-signup-wrapper--post_signup_wrapper_aSg6l header button {
    align-self: start;
    margin-top: 7px;
    padding: 4px;
    color: #fff !important;
    background-color: transparent !important;
    font-size: 16px !important;
    line-height: 19px !important;
    letter-spacing: -0.16px
}

.post-signup-wrapper--post_signup_wrapper_aSg6l header button:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.post-signup-wrapper--post_signup_wrapper_aSg6l header button:focus {
    box-shadow: 0 0 0 2px #0a2d4d, 0 0 0 4px var(--knox-border-focus-inverse) !important
}

.main--sign_in_to_opm_EGpAW {
    grid-template-rows: repeat(4, auto) 1fr;
    margin: 15vh auto
}

.main--turn_on_safari_extension_F_Vyx {
    grid-template-rows: repeat(3, auto) 1fr repeat(2, auto)
}

.subtext--turn_on_safari_extension_QARZ8 {
    max-width: 487px
}

.hr--turn_on_safari_extension_p7zUE {
    background: rgba(255, 255, 255, .2);
    margin: 67px auto;
    height: 1px;
    width: 85%
}

.images-wrapper--turn_on_safari_extension_QyCej {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0
}

@media(min-width: 1400px) {
    .images-wrapper--turn_on_safari_extension_QyCej {
        flex-direction: row;
        margin: 0 8px
    }
}

@media(min-width: 1600px) {
    .images-wrapper--turn_on_safari_extension_QyCej {
        margin: 0 4%
    }
}

@media(min-width: 1700px) {
    .images-wrapper--turn_on_safari_extension_QyCej {
        margin: 0 7%
    }
}

.images-wrapper--turn_on_safari_extension_QyCej div {
    display: grid;
    grid-row-gap: 16px;
    row-gap: 16px;
    justify-items: center;
    width: 600px;
    margin: 16px 0;
    text-align: center;
    color: #fff
}

@media(min-width: 1400px) {
    .images-wrapper--turn_on_safari_extension_QyCej div {
        width: auto;
        width: initial;
        margin: 0 8px
    }
}

.images-wrapper--turn_on_safari_extension_QyCej div p:first-of-type {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    font-size: 20px;
    font-weight: 500;
    background-color: #fff;
    color: #0a2d4d
}

.images-wrapper--turn_on_safari_extension_QyCej div p:last-of-type {
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.3px;
    margin: 0;
    margin: initial
}

.images-wrapper--turn_on_safari_extension_QyCej div img {
    max-width: 100%
}

.footer--turn_on_safari_extension_h2dnj {
    display: grid;
    grid-template-rows: 1fr 1fr 1fr;
    justify-content: center;
    grid-row-gap: 18px;
    row-gap: 18px
}

.footer--turn_on_safari_extension_h2dnj a {
    margin: 0;
    margin: initial
}

.footer-text--turn_on_safari_extension_HPu3X {
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -0.72px;
    text-align: center;
    color: #fff
}

.title-container--top_bar_K1eHp:focus {
    outline: none
}

.main-icon--top_bar_dE4C1 {
    position: absolute;
    left: 14px;
    top: 11px;
    height: 46px;
    width: 46px;
    border-radius: 50%
}

.main-icon--top_bar_dE4C1 img {
    -webkit-user-drag: none
}

[data-focus-visible] .main-icon--top_bar_dE4C1:focus {
    box-shadow: 0 0 0 3px var(--knox-background-neutral), 0 0 0 6px var(--knox-border-focus)
}

.attention--top_bar_fVo2G {
    color: var(--knox-text-icon-attention) !important
}

.attention--top_bar_fVo2G:hover {
    color: var(--knox-text-icon-attention-hover) !important;
    background-color: var(--knox-background-attention-weak) !important
}

.menu-sign-out--top_bar_gmHIu {
    width: 100%;
    margin-left: 0 !important
}

.menu-sign-out--top_bar_gmHIu:hover {
    background: #f6f7f8;
    -webkit-text-decoration: none;
    text-decoration: none
}

@media(max-width: 850px) {
    .show--top_bar_VjCUh {
        position: absolute !important;
        right: 0 !important;
        height: 100%
    }
}

@media(max-width: 850px) {
    .hide--top_bar_t2Vgq {
        position: absolute !important;
        right: -250px !important;
        height: 100%
    }
}

.menu-button--top_bar_uEgxL {
    position: absolute;
    right: 1.9rem;
    top: 25px;
    transition: 100ms
}

@media(min-width: 851px) {
    .menu-button--top_bar_uEgxL {
        display: none
    }
}

.open-menu-button--top_bar_eLlRG {
    right: 239px;
    top: 0;
    background: var(--knox-background-neutral-low);
    padding: 12px;
    border: 1px solid var(--knox-border-neutral-weak);
    border-right: 0;
    border-top: 0;
    z-index: 1100
}

.vault-view .open-menu-button--top_bar_eLlRG {
    background-color: var(--knox-background-neutral)
}

.pill-container--top_bar_uMHV5 {
    position: absolute;
    top: 15px;
    right: 4rem
}

@media screen and (min-width: 851px) {
    .pill-container--top_bar_uMHV5 {
        right: 1.9rem
    }
}

.user-mode--top_bar_k962n {
    margin-right: 3rem
}

.contains-notifications--top_bar_nZEoB .pill-container--top_bar_uMHV5 {
    right: 7rem
}

@media screen and (min-width: 851px) {
    .contains-notifications--top_bar_nZEoB .pill-container--top_bar_uMHV5 {
        right: 5rem
    }
}

.trigger--top_bar_notifications_OgOYl {
    position: absolute;
    top: 12px;
    right: calc(var(--knox-spacing-small) + 16px + var(--knox-spacing-xl));
    padding: var(--knox-spacing-2xs)
}

@media(min-width: 851px) {
    .trigger--top_bar_notifications_OgOYl {
        right: calc(var(--knox-spacing-xl) - var(--knox-spacing-2xs) - 4px)
    }
}

.trigger--top_bar_notifications_OgOYl svg {
    display: block
}

.count--top_bar_notifications_R4kdw {
    position: absolute;
    width: 18px;
    left: 11px;
    top: 10px
}

.count--top_bar_notifications_R4kdw span {
    font-size: .7rem;
    text-align: center
}

.block-link--top_bar_notifications_n3oCh {
    display: block;
    -webkit-text-decoration: none;
    text-decoration: none
}

.focus-ring--top_bar_notifications_idx6o {
    border-radius: var(--knox-corner-radius-small)
}

.focus-ring--top_bar_notifications_idx6o:focus-visible {
    outline: 3px solid var(--knox-border-focus);
    outline-offset: 2px
}

@media(max-width: 850px) {
    .show-user-menu--top_bar_user_menu_GVthf {
        position: absolute !important;
        right: 0 !important;
        height: 100%
    }
}

@media(max-width: 850px) {
    .hide-user-menu--top_bar_user_menu_fr6pu {
        position: absolute !important;
        right: -250px !important;
        height: 100%
    }
}

.attention--top_bar_user_menu_kLI7K {
    color: var(--knox-text-icon-attention) !important
}

.attention--top_bar_user_menu_kLI7K:hover {
    color: var(--knox-text-icon-attention-hover) !important;
    background-color: var(--knox-background-attention-weak) !important
}

.menu-sign-out--top_bar_user_menu_gB2UK {
    width: 100%;
    margin-left: 0 !important
}

.menu-sign-out--top_bar_user_menu_gB2UK:hover {
    background: #f6f7f8;
    -webkit-text-decoration: none;
    text-decoration: none
}

.user-menu-icon--top_bar_user_menu_igaWE {
    transform: translateY(2px)
}

.account-name--top_bar_user_menu_cK8ph {
    padding-left: .6rem
}

.unlocked-app--unlocked_app_S3Dxt {
    height: 100%;
    position: relative;
    overflow-x: hidden
}

.lower-content--unlocked_app_u9qf4 {
    min-height: calc(100vh - 70px);
    height: calc(100vh - 70px);
    flex: 1 1 auto;
    overflow: hidden;
    position: relative
}

.managed-account--unlocked_app_unUw6 .lower-content--unlocked_app_u9qf4 {
    min-height: calc(100vh - 70px - 26px);
    height: calc(100vh - 70px - 26px)
}

.PresetDateRangePicker_panel {
    padding: 0 22px 11px
}

.PresetDateRangePicker_button {
    position: relative;
    height: 100%;
    text-align: center;
    background: 0 0;
    border: 2px solid #00a699;
    color: #00a699;
    padding: 4px 12px;
    margin-right: 8px;
    font: inherit;
    font-weight: 700;
    line-height: normal;
    overflow: visible;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

.PresetDateRangePicker_button:active {
    outline: 0
}

.PresetDateRangePicker_button__selected {
    color: #fff;
    background: #00a699
}

.SingleDatePickerInput {
    display: inline-block;
    background-color: #fff
}

.SingleDatePickerInput__withBorder {
    border-radius: 2px;
    border: 1px solid #dbdbdb
}

.SingleDatePickerInput__rtl {
    direction: rtl
}

.SingleDatePickerInput__disabled {
    background-color: #f2f2f2
}

.SingleDatePickerInput__block {
    display: block
}

.SingleDatePickerInput__showClearDate {
    padding-right: 30px
}

.SingleDatePickerInput_clearDate {
    background: 0 0;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    cursor: pointer;
    padding: 10px;
    margin: 0 10px 0 5px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.SingleDatePickerInput_clearDate__default:focus,
.SingleDatePickerInput_clearDate__default:hover {
    background: #dbdbdb;
    border-radius: 50%
}

.SingleDatePickerInput_clearDate__small {
    padding: 6px
}

.SingleDatePickerInput_clearDate__hide {
    visibility: hidden
}

.SingleDatePickerInput_clearDate_svg {
    fill: #82888a;
    height: 12px;
    width: 15px;
    vertical-align: middle
}

.SingleDatePickerInput_clearDate_svg__small {
    height: 9px
}

.SingleDatePickerInput_calendarIcon {
    background: 0 0;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    padding: 10px;
    margin: 0 5px 0 10px
}

.SingleDatePickerInput_calendarIcon_svg {
    fill: #82888a;
    height: 15px;
    width: 14px;
    vertical-align: middle
}

.SingleDatePicker {
    position: relative;
    display: inline-block
}

.SingleDatePicker__block {
    display: block
}

.SingleDatePicker_picker {
    z-index: 1;
    background-color: #fff;
    position: absolute
}

.SingleDatePicker_picker__rtl {
    direction: rtl
}

.SingleDatePicker_picker__directionLeft {
    left: 0
}

.SingleDatePicker_picker__directionRight {
    right: 0
}

.SingleDatePicker_picker__portal {
    background-color: rgba(0, 0, 0, .3);
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.SingleDatePicker_picker__fullScreenPortal {
    background-color: #fff
}

.SingleDatePicker_closeButton {
    background: 0 0;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px;
    z-index: 2
}

.SingleDatePicker_closeButton:focus,
.SingleDatePicker_closeButton:hover {
    color: darken(#cacccd, 10%);
    text-decoration: none
}

.SingleDatePicker_closeButton_svg {
    height: 15px;
    width: 15px;
    fill: #cacccd
}

.DayPickerKeyboardShortcuts_buttonReset {
    background: 0 0;
    border: 0;
    border-radius: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0;
    cursor: pointer;
    font-size: 14px
}

.DayPickerKeyboardShortcuts_buttonReset:active {
    outline: 0
}

.DayPickerKeyboardShortcuts_show {
    width: 33px;
    height: 26px;
    position: absolute;
    z-index: 2
}

.DayPickerKeyboardShortcuts_show::before {
    content: "";
    display: block;
    position: absolute
}

.DayPickerKeyboardShortcuts_show__bottomRight {
    bottom: 0;
    right: 0
}

.DayPickerKeyboardShortcuts_show__bottomRight::before {
    border-top: 26px solid transparent;
    border-right: 33px solid #00a699;
    bottom: 0;
    right: 0
}

.DayPickerKeyboardShortcuts_show__bottomRight:hover::before {
    border-right: 33px solid #008489
}

.DayPickerKeyboardShortcuts_show__topRight {
    top: 0;
    right: 0
}

.DayPickerKeyboardShortcuts_show__topRight::before {
    border-bottom: 26px solid transparent;
    border-right: 33px solid #00a699;
    top: 0;
    right: 0
}

.DayPickerKeyboardShortcuts_show__topRight:hover::before {
    border-right: 33px solid #008489
}

.DayPickerKeyboardShortcuts_show__topLeft {
    top: 0;
    left: 0
}

.DayPickerKeyboardShortcuts_show__topLeft::before {
    border-bottom: 26px solid transparent;
    border-left: 33px solid #00a699;
    top: 0;
    left: 0
}

.DayPickerKeyboardShortcuts_show__topLeft:hover::before {
    border-left: 33px solid #008489
}

.DayPickerKeyboardShortcuts_showSpan {
    color: #fff;
    position: absolute
}

.DayPickerKeyboardShortcuts_showSpan__bottomRight {
    bottom: 0;
    right: 5px
}

.DayPickerKeyboardShortcuts_showSpan__topRight {
    top: 1px;
    right: 5px
}

.DayPickerKeyboardShortcuts_showSpan__topLeft {
    top: 1px;
    left: 5px
}

.DayPickerKeyboardShortcuts_panel {
    overflow: auto;
    background: #fff;
    border: 1px solid #dbdbdb;
    border-radius: 2px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 2;
    padding: 22px;
    margin: 33px;
    text-align: left
}

.DayPickerKeyboardShortcuts_title {
    font-size: 16px;
    font-weight: 700;
    margin: 0
}

.DayPickerKeyboardShortcuts_list {
    list-style: none;
    padding: 0;
    font-size: 14px
}

.DayPickerKeyboardShortcuts_close {
    position: absolute;
    right: 22px;
    top: 22px;
    z-index: 2
}

.DayPickerKeyboardShortcuts_close:active {
    outline: 0
}

.DayPickerKeyboardShortcuts_closeSvg {
    height: 15px;
    width: 15px;
    fill: #cacccd
}

.DayPickerKeyboardShortcuts_closeSvg:focus,
.DayPickerKeyboardShortcuts_closeSvg:hover {
    fill: #82888a
}

.CalendarDay {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 14px;
    text-align: center
}

.CalendarDay:active {
    outline: 0
}

.CalendarDay__defaultCursor {
    cursor: default
}

.CalendarDay__default {
    border: 1px solid #e4e7e7;
    color: #484848;
    background: #fff
}

.CalendarDay__default:hover {
    background: #e4e7e7;
    border: 1px solid #e4e7e7;
    color: inherit
}

.CalendarDay__hovered_offset {
    background: #f4f5f5;
    border: 1px double #e4e7e7;
    color: inherit
}

.CalendarDay__outside {
    border: 0;
    background: #fff;
    color: #484848
}

.CalendarDay__outside:hover {
    border: 0
}

.CalendarDay__blocked_minimum_nights {
    background: #fff;
    border: 1px solid #eceeee;
    color: #cacccd
}

.CalendarDay__blocked_minimum_nights:active,
.CalendarDay__blocked_minimum_nights:hover {
    background: #fff;
    color: #cacccd
}

.CalendarDay__highlighted_calendar {
    background: #ffe8bc;
    color: #484848
}

.CalendarDay__highlighted_calendar:active,
.CalendarDay__highlighted_calendar:hover {
    background: #ffce71;
    color: #484848
}

.CalendarDay__selected_span {
    background: #66e2da;
    border: 1px double #33dacd;
    color: #fff
}

.CalendarDay__selected_span:active,
.CalendarDay__selected_span:hover {
    background: #33dacd;
    border: 1px double #33dacd;
    color: #fff
}

.CalendarDay__selected,
.CalendarDay__selected:active,
.CalendarDay__selected:hover {
    background: #00a699;
    border: 1px double #00a699;
    color: #fff
}

.CalendarDay__hovered_span,
.CalendarDay__hovered_span:hover {
    background: #b2f1ec;
    border: 1px double #80e8e0;
    color: #007a87
}

.CalendarDay__hovered_span:active {
    background: #80e8e0;
    border: 1px double #80e8e0;
    color: #007a87
}

.CalendarDay__blocked_calendar,
.CalendarDay__blocked_calendar:active,
.CalendarDay__blocked_calendar:hover {
    background: #cacccd;
    border: 1px solid #cacccd;
    color: #82888a
}

.CalendarDay__blocked_out_of_range,
.CalendarDay__blocked_out_of_range:active,
.CalendarDay__blocked_out_of_range:hover {
    background: #fff;
    border: 1px solid #e4e7e7;
    color: #cacccd
}

.CalendarDay__hovered_start_first_possible_end {
    background: #eceeee;
    border: 1px double #eceeee
}

.CalendarDay__hovered_start_blocked_min_nights {
    background: #eceeee;
    border: 1px double #e4e7e7
}

.CalendarMonth {
    background: #fff;
    text-align: center;
    vertical-align: top;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.CalendarMonth_table {
    border-collapse: collapse;
    border-spacing: 0
}

.CalendarMonth_verticalSpacing {
    border-collapse: separate
}

.CalendarMonth_caption {
    color: #484848;
    font-size: 18px;
    text-align: center;
    padding-top: 22px;
    padding-bottom: 37px;
    caption-side: initial
}

.CalendarMonth_caption__verticalScrollable {
    padding-top: 12px;
    padding-bottom: 7px
}

.CalendarMonthGrid {
    background: #fff;
    text-align: left;
    z-index: 0
}

.CalendarMonthGrid__animating {
    z-index: 1
}

.CalendarMonthGrid__horizontal {
    position: absolute;
    left: 9px
}

.CalendarMonthGrid__vertical,
.CalendarMonthGrid__vertical_scrollable {
    margin: 0 auto
}

.CalendarMonthGrid_month__horizontal {
    display: inline-block;
    vertical-align: top;
    min-height: 100%
}

.CalendarMonthGrid_month__hideForAnimation {
    position: absolute;
    z-index: -1;
    opacity: 0;
    pointer-events: none
}

.CalendarMonthGrid_month__hidden {
    visibility: hidden
}

.DayPickerNavigation {
    position: relative;
    z-index: 2
}

.DayPickerNavigation__horizontal {
    height: 0
}

.DayPickerNavigation__verticalScrollable_prevNav {
    z-index: 1
}

.DayPickerNavigation__verticalDefault {
    position: absolute;
    width: 100%;
    height: 52px;
    bottom: 0;
    left: 0
}

.DayPickerNavigation__verticalScrollableDefault {
    position: relative
}

.DayPickerNavigation__bottom {
    height: auto
}

.DayPickerNavigation__bottomDefault {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.DayPickerNavigation_button {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 0;
    padding: 0;
    margin: 0
}

.DayPickerNavigation_button__default {
    border: 1px solid #e4e7e7;
    background-color: #fff;
    color: #757575
}

.DayPickerNavigation_button__default:focus,
.DayPickerNavigation_button__default:hover {
    border: 1px solid #c4c4c4
}

.DayPickerNavigation_button__default:active {
    background: #f2f2f2
}

.DayPickerNavigation_button__disabled {
    cursor: default;
    border: 1px solid #f2f2f2
}

.DayPickerNavigation_button__disabled:focus,
.DayPickerNavigation_button__disabled:hover {
    border: 1px solid #f2f2f2
}

.DayPickerNavigation_button__disabled:active {
    background: 0 0
}

.DayPickerNavigation_button__horizontalDefault {
    position: absolute;
    top: 18px;
    line-height: .78;
    border-radius: 3px;
    padding: 6px 9px
}

.DayPickerNavigation_bottomButton__horizontalDefault {
    position: static;
    margin: -10px 22px 30px
}

.DayPickerNavigation_leftButton__horizontalDefault {
    left: 22px
}

.DayPickerNavigation_rightButton__horizontalDefault {
    right: 22px
}

.DayPickerNavigation_button__verticalDefault {
    padding: 5px;
    background: #fff;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .1);
    position: relative;
    display: inline-block;
    text-align: center;
    height: 100%;
    width: 50%
}

.DayPickerNavigation_nextButton__verticalDefault {
    border-left: 0
}

.DayPickerNavigation_nextButton__verticalScrollableDefault,
.DayPickerNavigation_prevButton__verticalScrollableDefault {
    width: 100%
}

.DayPickerNavigation_svg__horizontal {
    height: 19px;
    width: 19px;
    fill: #82888a;
    display: block
}

.DayPickerNavigation_svg__vertical {
    height: 42px;
    width: 42px;
    fill: #484848
}

.DayPickerNavigation_svg__disabled {
    fill: #f2f2f2
}

.DayPicker {
    background: #fff;
    position: relative;
    text-align: left
}

.DayPicker__horizontal {
    background: #fff
}

.DayPicker__verticalScrollable {
    height: 100%
}

.DayPicker__hidden {
    visibility: hidden
}

.DayPicker__withBorder {
    box-shadow: 0 2px 6px rgba(0, 0, 0, .05), 0 0 0 1px rgba(0, 0, 0, .07);
    border-radius: 3px
}

.DayPicker_portal__horizontal {
    box-shadow: none;
    position: absolute;
    left: 50%;
    top: 50%
}

.DayPicker_portal__vertical {
    position: initial
}

.DayPicker_focusRegion {
    outline: 0
}

.DayPicker_calendarInfo__horizontal,
.DayPicker_wrapper__horizontal {
    display: inline-block;
    vertical-align: top
}

.DayPicker_weekHeaders {
    position: relative
}

.DayPicker_weekHeaders__horizontal {
    margin-left: 9px
}

.DayPicker_weekHeader {
    color: #757575;
    position: absolute;
    top: 62px;
    z-index: 2;
    text-align: left
}

.DayPicker_weekHeader__vertical {
    left: 50%
}

.DayPicker_weekHeader__verticalScrollable {
    top: 0;
    display: table-row;
    border-bottom: 1px solid #dbdbdb;
    background: #fff;
    margin-left: 0;
    left: 0;
    width: 100%;
    text-align: center
}

.DayPicker_weekHeader_ul {
    list-style: none;
    margin: 1px 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px
}

.DayPicker_weekHeader_li {
    display: inline-block;
    text-align: center
}

.DayPicker_transitionContainer {
    position: relative;
    overflow: hidden;
    border-radius: 3px
}

.DayPicker_transitionContainer__horizontal {
    -webkit-transition: height .2s ease-in-out;
    -moz-transition: height .2s ease-in-out;
    transition: height .2s ease-in-out
}

.DayPicker_transitionContainer__vertical {
    width: 100%
}

.DayPicker_transitionContainer__verticalScrollable {
    padding-top: 20px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    overflow-y: scroll
}

.DateInput {
    margin: 0;
    padding: 0;
    background: #fff;
    position: relative;
    display: inline-block;
    width: 130px;
    vertical-align: middle
}

.DateInput__small {
    width: 97px
}

.DateInput__block {
    width: 100%
}

.DateInput__disabled {
    background: #f2f2f2;
    color: #dbdbdb
}

.DateInput_input {
    font-weight: 200;
    font-size: 19px;
    line-height: 24px;
    color: #484848;
    background-color: #fff;
    width: 100%;
    padding: 11px 11px 9px;
    border: 0;
    border-top: 0;
    border-right: 0;
    border-bottom: 2px solid transparent;
    border-left: 0;
    border-radius: 0
}

.DateInput_input__small {
    font-size: 15px;
    line-height: 18px;
    letter-spacing: .2px;
    padding: 7px 7px 5px
}

.DateInput_input__regular {
    font-weight: auto
}

.DateInput_input__readOnly {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.DateInput_input__focused {
    outline: 0;
    background: #fff;
    border: 0;
    border-top: 0;
    border-right: 0;
    border-bottom: 2px solid #008489;
    border-left: 0
}

.DateInput_input__disabled {
    background: #f2f2f2;
    font-style: italic
}

.DateInput_screenReaderMessage {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.DateInput_fang {
    position: absolute;
    width: 20px;
    height: 10px;
    left: 22px;
    z-index: 2
}

.DateInput_fangShape {
    fill: #fff
}

.DateInput_fangStroke {
    stroke: #dbdbdb;
    fill: transparent
}

.DateRangePickerInput {
    background-color: #fff;
    display: inline-block
}

.DateRangePickerInput__disabled {
    background: #f2f2f2
}

.DateRangePickerInput__withBorder {
    border-radius: 2px;
    border: 1px solid #dbdbdb
}

.DateRangePickerInput__rtl {
    direction: rtl
}

.DateRangePickerInput__block {
    display: block
}

.DateRangePickerInput__showClearDates {
    padding-right: 30px
}

.DateRangePickerInput_arrow {
    display: inline-block;
    vertical-align: middle;
    color: #484848
}

.DateRangePickerInput_arrow_svg {
    vertical-align: middle;
    fill: #484848;
    height: 24px;
    width: 24px
}

.DateRangePickerInput_clearDates {
    background: 0 0;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    cursor: pointer;
    padding: 10px;
    margin: 0 10px 0 5px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.DateRangePickerInput_clearDates__small {
    padding: 6px
}

.DateRangePickerInput_clearDates_default:focus,
.DateRangePickerInput_clearDates_default:hover {
    background: #dbdbdb;
    border-radius: 50%
}

.DateRangePickerInput_clearDates__hide {
    visibility: hidden
}

.DateRangePickerInput_clearDates_svg {
    fill: #82888a;
    height: 12px;
    width: 15px;
    vertical-align: middle
}

.DateRangePickerInput_clearDates_svg__small {
    height: 9px
}

.DateRangePickerInput_calendarIcon {
    background: 0 0;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    padding: 10px;
    margin: 0 5px 0 10px
}

.DateRangePickerInput_calendarIcon_svg {
    fill: #82888a;
    height: 15px;
    width: 14px;
    vertical-align: middle
}

.DateRangePicker {
    position: relative;
    display: inline-block
}

.DateRangePicker__block {
    display: block
}

.DateRangePicker_picker {
    z-index: 1;
    background-color: #fff;
    position: absolute
}

.DateRangePicker_picker__rtl {
    direction: rtl
}

.DateRangePicker_picker__directionLeft {
    left: 0
}

.DateRangePicker_picker__directionRight {
    right: 0
}

.DateRangePicker_picker__portal {
    background-color: rgba(0, 0, 0, .3);
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.DateRangePicker_picker__fullScreenPortal {
    background-color: #fff
}

.DateRangePicker_closeButton {
    background: 0 0;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px;
    z-index: 2
}

.DateRangePicker_closeButton:focus,
.DateRangePicker_closeButton:hover {
    color: darken(#cacccd, 10%);
    text-decoration: none
}

.DateRangePicker_closeButton_svg {
    height: 15px;
    width: 15px;
    fill: #cacccd
}

:root,
[data-theme=light] {
    --color-shading-heavy: var(--color-shading-on-light-heavy);
    --color-shading-medium: var(--color-shading-on-light-medium);
    --color-shading-faint: var(--color-shading-on-light-faint);
    --color-shading-extra-faint: var(--color-shading-on-light-extra-faint);
    --color-shading-barely-there: var(--color-shading-on-light-barely-there);
    --color-readable-blue: var(--color-readable-on-light-blue);
    --color-readable-purple: var(--color-readable-on-light-purple);
    --color-readable-green: var(--color-readable-on-light-green);
    --color-readable-red: var(--color-readable-on-light-red);
    --color-tints-blue: var(--color-tints-on-light-blue);
    --color-tints-purple: var(--color-tints-on-light-purple);
    --color-tints-red: var(--color-tints-on-light-red);
    --image-tints-blue: linear-gradient(var(--color-tints-on-light-blue), var(--color-tints-on-light-blue));
    --image-tints-red: linear-gradient(var(--color-tints-on-light-red), var(--color-tints-on-light-red));
    --color-specifics-focus-ring: var(--color-specifics-on-light-focus-ring);
    --color-specifics-modal-backdrop: var(--color-specifics-on-light-modal-backdrop);
    --color-specifics-highlighter: var(--color-specifics-on-light-highlighter);
    --border-barely-there: var(--border-on-light-barely-there);
    --border-faint: var(--border-on-light-faint);
    --border-blue: var(--border-on-light-blue);
    --border-red: var(--border-on-light-red);
    --text-color-primary: var(--text-color-on-light-primary)
}

[data-theme=dark] {
    --color-shading-heavy: var(--color-shading-on-dark-heavy);
    --color-shading-medium: var(--color-shading-on-dark-medium);
    --color-shading-faint: var(--color-shading-on-dark-faint);
    --color-shading-extra-faint: var(--color-shading-on-dark-extra-faint);
    --color-shading-barely-there: var(--color-shading-on-dark-barely-there);
    --color-readable-blue: var(--color-readable-on-dark-blue);
    --color-readable-purple: var(--color-readable-on-dark-purple);
    --color-readable-green: var(--color-readable-on-dark-green);
    --color-readable-red: var(--color-readable-on-dark-red);
    --color-tints-blue: var(--color-tints-on-dark-blue);
    --color-tints-purple: var(--color-tints-on-dark-purple);
    --color-tints-red: var(--color-tints-on-dark-red);
    --image-tints-blue: linear-gradient(var(--color-tints-on-dark-blue), var(--color-tints-on-dark-blue));
    --image-tints-red: linear-gradient(var(--color-tints-on-dark-red), var(--color-tints-on-dark-red));
    --color-specifics-focus-ring: var(--color-specifics-on-dark-focus-ring);
    --color-specifics-modal-backdrop: var(--color-specifics-on-dark-modal-backdrop);
    --color-specifics-highlighter: var(--color-specifics-on-dark-highlighter);
    --border-barely-there: var(--border-on-dark-barely-there);
    --border-faint: var(--border-on-dark-faint);
    --border-blue: var(--border-on-dark-blue);
    --border-red: var(--border-on-dark-red);
    --text-color-primary: var(--text-color-on-dark-primary)
}

:root {
    --color-grayscale-pure-black: hsl(0, 0%, 0%);
    --color-grayscale-black: hsl(0, 0%, 15%);
    --color-grayscale-almost-black: hsl(0, 0%, 20%);
    --color-grayscale-almost-white: hsl(0, 0%, 97%);
    --color-grayscale-white: hsl(0, 0%, 100%);
    --color-shading-on-light-heavy: hsla(0, 0%, 0%, 0.55);
    --color-shading-on-light-medium: hsla(0, 0%, 0%, 0.3);
    --color-shading-on-light-faint: hsla(0, 0%, 0%, 0.1);
    --color-shading-on-light-extra-faint: hsla(0, 0%, 0%, 0.06);
    --color-shading-on-light-barely-there: hsla(0, 0%, 0%, 0.03);
    --color-shading-on-dark-heavy: hsla(0, 0%, 100%, 0.65);
    --color-shading-on-dark-medium: hsla(0, 0%, 100%, 0.35);
    --color-shading-on-dark-faint: hsla(0, 0%, 100%, 0.12);
    --color-shading-on-dark-extra-faint: hsla(0, 0%, 100%, 0.08);
    --color-shading-on-dark-barely-there: hsla(0, 0%, 100%, 0.05);
    --color-readable-on-light-blue: hsl(212, 97%, 42%);
    --color-readable-on-light-purple: hsl(250, 62%, 58%);
    --color-readable-on-light-green: hsl(110, 98%, 24%);
    --color-readable-on-light-red: hsl(12, 75%, 42%);
    --color-readable-on-dark-blue: hsl(212, 100%, 76%);
    --color-readable-on-dark-purple: hsl(250, 100%, 84%);
    --color-readable-on-dark-green: hsl(110, 45%, 62%);
    --color-readable-on-dark-red: hsl(12, 100%, 77%);
    --color-tints-on-light-blue: hsla(212, 100%, 50%, 0.04);
    --color-tints-on-light-purple: hsla(250, 100%, 60%, 0.04);
    --color-tints-on-light-red: hsla(12, 100%, 50%, 0.05);
    --color-tints-on-dark-blue: hsla(212, 100%, 50%, 0.13);
    --color-tints-on-dark-purple: hsla(250, 100%, 60%, 0.12);
    --color-tints-on-dark-red: hsla(12, 100%, 50%, 0.1);
    --color-branding-security-black: hsl(209, 77%, 17%);
    --color-branding-soft-navy: hsl(209, 66%, 25%);
    --color-branding-bits-blue: hsl(212, 96%, 47%);
    --color-bright-blue: hsl(212, 100%, 57%);
    --color-bright-purple: hsl(250, 100%, 73%);
    --color-bright-green: hsl(110, 100%, 32%);
    --color-bright-red: hsl(12, 90%, 56%);
    --color-specifics-on-light-focus-ring: hsla(212, 100%, 50%, 0.3);
    --color-specifics-on-light-modal-backdrop: hsla(0, 0%, 50%, 0.6);
    --color-specifics-on-light-highlighter: hsla(40, 100%, 50%, 0.2);
    --color-specifics-on-dark-focus-ring: hsla(212, 100%, 60%, 0.45);
    --color-specifics-on-dark-modal-backdrop: hsla(0, 0%, 15%, 0.7);
    --color-specifics-on-dark-highlighter: hsla(40, 100%, 50%, 0.18)
}

:root {
    --border-on-light-barely-there: var(--color-shading-on-light-barely-there);
    --border-on-light-faint: var(--color-shading-on-light-faint);
    --border-on-light-blue: var(--color-readable-on-dark-blue);
    --border-on-light-red: var(--color-readable-on-dark-red);
    --border-on-dark-barely-there: var(--color-shading-on-dark-barely-there);
    --border-on-dark-faint: var(--color-shading-on-dark-faint);
    --border-on-dark-blue: var(--color-readable-on-light-blue);
    --border-on-dark-red: var(--color-readable-on-light-red)
}

:root {
    --text-size-base: 16;
    --text-color-on-light-primary: var(--color-grayscale-black);
    --text-color-on-dark-primary: var(--color-grayscale-white)
}

:root {
    --color-black-pure-hsl: var(--color-mono-hs), 0%;
    --color-black-pure: hsl(var(--color-black-pure-hsl));
    --color-black: hsl(var(--color-mono-hs), 15%);
    --color-blue-bright: hsl(210, 100%, 55%);
    --color-blue-focus-dark: hsla(var(--color-blue-focus-hsl), 0.5);
    --color-blue-focus-hsl: 210, 100%, 50%;
    --color-blue-focus-light: hsla(var(--color-blue-focus-hsl), 0.3);
    --color-blue-highlight-dark: hsla(var(--color-blue-focus-hsl), 0.05);
    --color-blue-highlight-light: hsla(var(--color-blue-focus-hsl), 0.07);
    --color-blue-readable-dark: hsl(210, 75%, 44%);
    --color-blue-readable-light: hsl(210, 100%, 77%);
    --color-gray-almostBlack: hsl(var(--color-mono-hs), 20%);
    --color-gray-almostWhite: hsl(var(--color-mono-hs), 97%);
    --color-gray-dark: hsl(var(--color-mono-hs), 27%);
    --color-gray-light: hsl(var(--color-mono-hs), 85%);
    --color-gray-medium: hsl(var(--color-mono-hs), 70%);
    --color-gray-mediumDark: hsl(var(--color-mono-hs), 40%);
    --color-gray-ultraLight: hsl(var(--color-mono-hs), 93%);
    --color-green-bright: hsl(109, 50%, 47%);
    --color-green-readable-dark: hsl(109, 65%, 30%);
    --color-green-readable-light: hsl(109, 48%, 67%);
    --color-highlight-barelyThere: hsla(var(--color-white-hsl), 0.05);
    --color-highlight-ultraDim: hsla(var(--color-white-hsl), 0.1);
    --color-highlight-dim: hsla(var(--color-white-hsl), 0.2);
    --color-highlight-medium: hsla(var(--color-white-hsl), 0.4);
    --color-highlight-mediumBright: hsla(var(--color-white-hsl), 0.6);
    --color-highlight-bright: hsla(var(--color-white-hsl), 0.75);
    --color-mono-hs: 0, 0%;
    --color-purple-bright: hsl(249, 46%, 64%);
    --color-purple-highlight-dark: hsla(247, 100%, 50%, 0.06);
    --color-purple-highlight-light: hsla(247, 100%, 50%, 0.05);
    --color-purple-readable-dark: hsl(249, 46%, 54%);
    --color-purple-readable-light: hsl(249, 50%, 82%);
    --color-red-bright: hsl(12, 83%, 56%);
    --color-red-highlight-dark: hsla(12, 90%, 80%, 0.5);
    --color-red-highlight-light: hsla(12, 90%, 80%, 0.5);
    --color-red-readable-dark: hsl(12, 65%, 45%);
    --color-red-readable-light: hsl(12, 90%, 80%);
    --color-shadow-barelyThere: hsla(var(--color-black-pure-hsl), 0.03);
    --color-shadow-ultraLight: hsla(var(--color-black-pure-hsl), 0.07);
    --color-shadow-light: hsla(var(--color-black-pure-hsl), 0.15);
    --color-shadow-medium: hsla(var(--color-black-pure-hsl), 0.25);
    --color-shadow-mediumDark: hsla(var(--color-black-pure-hsl), 0.4);
    --color-shadow-dark: hsla(var(--color-black-pure-hsl), 0.6);
    --color-white-hsl: var(--color-mono-hs), 100%;
    --color-white: hsl(var(--color-white-hsl));
    --color-yellow-highlight-dark: hsla(40, 100%, 60%, 0.08);
    --color-yellow-highlight-light-hsl: 40, 100%, 50%;
    --color-yellow-highlight-light: hsla(var(--color-yellow-highlight-light-hsl), 0.08);
    --color-soft-black: hsl(209, 77%, 17%);
    --color-soft-navy: hsl(209, 66%, 26%);
    --bg-color-invert: var(--color-gray-dark);
    --bg-color-secondary: var(--color-gray-almostWhite);
    --bg-color: var(--color-white);
    --bg-highlight-color-secondary: var(--color-shadow-ultraLight);
    --bg-highlight-color-tertiary: var(--color-shadow-light);
    --bg-highlight-color-yellow: var(--color-yellow-highlight-light);
    --bg-highlight-color: var(--color-shadow-barelyThere);
    --bg-highlight-color-invert: var(--color-highlight-ultraDim);
    --bg-image-blue-hover: linear-gradient(var(--color-blue-highlight-light), var(--color-blue-highlight-light));
    --bg-image-blue-active: var(--bg-image-blue-hover), var(--bg-image-blue-hover);
    --bg-image-highlight-hover: linear-gradient(var(--bg-highlight-color), var(--bg-highlight-color));
    --bg-image-highlight-active: var(--bg-image-highlight-hover), var(--bg-image-highlight-hover);
    --bg-image-highlight-invert-hover: linear-gradient(var(--bg-highlight-color-invert), var(--bg-highlight-color-invert));
    --bg-image-highlight-invert-active: var(--bg-image-highlight-invert-hover), var(--bg-image-highlight-invert-hover);
    --bg-blue-focus: var(--color-blue-highlight-light);
    --border-color: var(--color-shadow-light);
    --border-color-secondary: var(--color-shadow-ultraLight);
    --border-elevated: 0 0 0 1px var(--color-shadow-light);
    --checkmark-color-hover: var(--color-blue-readable-light);
    --checkmark-color: var(--color-blue-bright);
    --primaryLight-button-color: var(--color-black);
    --color-blue-highlight: var(--color-blue-highlight-light);
    --color-faded-medium: var(--color-shadow-medium);
    --focus-ring-color: var(--color-blue-focus-light);
    --tag-bg-color: hsla(var(--color-black-pure-hsl), 0.05);
    --sidebar-bg-color: var(--color-soft-navy);
    --text-color-blue: var(--color-blue-readable-dark);
    --text-color-green: var(--color-green-readable-dark);
    --text-color-invert: var(--color-white);
    --text-color-purple: var(--color-purple-readable-dark);
    --text-color-red: var(--color-red-readable-dark);
    --text-color-secondary: var(--color-shadow-dark);
    --text-color-tertiary: var(--color-shadow-mediumDark);
    --text-color: var(--color-gray-almostBlack)
}

[data-theme=dark] {
    --bg-color-invert: var(--color-gray-ultraLight);
    --bg-color-secondary: var(--color-black);
    --bg-color: var(--color-gray-almostBlack);
    --bg-highlight-color-secondary: var(--color-highlight-ultraDim);
    --bg-highlight-color-tertiary: var(--color-highlight-dim);
    --bg-highlight-color-yellow: var(--color-yellow-highlight-dark);
    --bg-highlight-color: var(--color-highlight-barelyThere);
    --bg-highlight-color-invert: var(--color-shadow-ultraLight);
    --bg-image-highlight-hover: linear-gradient(var(--color-highlight-ultraDim), var(--color-highlight-ultraDim));
    --bg-image-highlight-active: var(--bg-image-highlight-hover), var(--bg-image-highlight-hover);
    --bg-blue-focus: var(--color-blue-focus-light);
    --border-color: var(--color-highlight-ultraDim);
    --border-color-secondary: var(--color-highlight-barelyThere);
    --border-elevated: 0 0 0 1px var(--color-highlight-dim), 0 0 0 2px var(--color-shadow-medium);
    --checkmark-color-hover: var(--color-white);
    --checkmark-color: var(--color-white);
    --color-blue-highlight: var(--color-blue-highlight-dark);
    --color-faded-medium: var(--color-highlight-medium);
    --focus-ring-color: var(--color-blue-focus-dark);
    --tag-bg-color: var(--color-highlight-ultraDim);
    --sidebar-bg-color: var(--color-black);
    --text-color-blue: var(--color-blue-readable-light);
    --text-color-green: var(--color-green-readable-light);
    --text-color-invert: var(--color-gray-almostBlack);
    --text-color-purple: var(--color-purple-readable-light);
    --text-color-red: var(--color-red-readable-light);
    --text-color-secondary: var(--color-highlight-bright);
    --text-color-tertiary: var(--color-highlight-mediumBright);
    --text-color: var(--color-white)
}

:root {
    --hs-mono: 0, 0%;
    --hsl-black: var(--hs-mono), 0%;
    --hsl-white: var(--hs-mono), 100%;
    --fill-01-01: hsl(var(--hsl-black));
    --fill-01-02: hsl(var(--hs-mono), 15%);
    --fill-01-03: hsl(var(--hs-mono), 20%);
    --fill-01-04: hsl(var(--hs-mono), 97%);
    --fill-01-05: hsl(var(--hsl-white));
    --fill-02-01: hsla(var(--hsl-black), 0.55);
    --fill-02-02: hsla(var(--hsl-black), 0.3);
    --fill-02-03: hsla(var(--hsl-black), 0.1);
    --fill-02-04: hsla(var(--hsl-black), 0.06);
    --fill-02-05: hsla(var(--hsl-black), 0.03);
    --fill-03-01: hsla(var(--hsl-white), 0.65);
    --fill-03-02: hsla(var(--hsl-white), 0.35);
    --fill-03-03: hsla(var(--hsl-white), 0.12);
    --fill-03-04: hsla(var(--hsl-white), 0.08);
    --fill-03-05: hsla(var(--hsl-white), 0.05);
    --fill-04-01: hsl(210, 100%, 55%);
    --fill-04-02: hsl(250, 100%, 73%);
    --fill-04-03: hsl(110, 100%, 32%);
    --fill-04-04: hsl(12, 90%, 56%);
    --fill-05-01-01: hsl(210, 99%, 40%);
    --fill-05-01-02: hsl(250, 62%, 58%);
    --fill-05-01-03: hsl(110, 98%, 24%);
    --fill-05-01-04: hsl(12, 75%, 42%);
    --fill-05-02-01: hsl(210, 100%, 74%);
    --fill-05-02-02: hsl(250, 100%, 84%);
    --fill-05-02-03: hsl(110, 45%, 62%);
    --fill-05-02-04: hsl(12, 100%, 77%);
    --fill-06-01-01: hsla(210, 100%, 50%, 0.04);
    --fill-06-01-02: hsla(250, 100%, 60%, 0.04);
    --fill-06-01-03: hsla(40, 100%, 50%, 0.05);
    --fill-06-01-04: hsla(12, 100%, 50%, 0.05);
    --fill-06-02-01: hsla(210, 100%, 50%, 0.12);
    --fill-06-02-02: hsla(250, 100%, 60%, 0.12);
    --fill-06-02-03: hsla(40, 100%, 50%, 0.08);
    --fill-06-02-04: hsla(12, 100%, 50%, 0.1);
    --fill-07-01-02: hsla(var(--hs-mono), 50%, 0.6);
    --fill-07-02-02: hsla(var(--hs-mono), 15%, 0.7);
    --border-01-01: var(--fill-02-05);
    --border-01-02: var(--fill-02-03);
    --border-01-03: var(--fill-04-01);
    --border-01-04: var(--fill-04-04);
    --border-01-08: hsla(210, 100%, 50%, 0.3);
    --border-02-01: var(--fill-03-05);
    --border-02-02: var(--fill-03-03);
    --border-02-03: var(--fill-05-01-01);
    --border-02-04: var(--fill-05-01-04);
    --border-02-08: hsla(210, 100%, 60%, 0.45);
    --elevation-01-01: 0 0 0 1px var(--fill-02-04), 0 2px 8px 0 var(--fill-02-04);
    --elevation-01-02: 0 0 0 1px var(--fill-02-03), 0 4px 20px 0 var(--fill-02-03);
    --elevation-01-03: 0 0 0 1px var(--fill-02-03), 0 4px 16px 0 var(--fill-02-04), 0 8px 40px 0 var(--fill-02-03);
    --elevation-01-04: inset 0 1px 0 0 var(--fill-02-04), inset 0 10px 8px -8px var(--fill-02-04);
    --elevation-02-01: 0 0 0 1px var(--fill-02-03), 0 2px 8px 0 var(--fill-02-02);
    --elevation-02-02: 0 0 0 1px var(--fill-02-02), 0 2px 8px 0 var(--fill-02-03), 0 4px 20px 0 var(--fill-02-02);
    --elevation-02-03: 0 0 0 1px var(--fill-02-02), 0 4px 16px 0 var(--fill-02-03), 0 8px 40px 0 var(--fill-02-01);
    --elevation-02-04: 0 -1px 0 0 var(--fill-03-04), inset 0 1px 0 0 var(--fill-02-03), inset 0 10px 8px -8px var(--fill-02-02)
}

:root {
    --text-height: 1.3;
    --text-color-01-01: var(--fill-01-02);
    --text-color-01-02: var(--fill-01-05);
    --text-color-02-01: var(--fill-02-01);
    --text-color-02-02: var(--fill-03-01);
    --text-color-03-01: var(--fill-02-02);
    --text-color-03-02: var(--fill-03-02);
    --text-color-04-01: var(--fill-05-01-01);
    --text-color-04-02: var(--fill-05-02-01);
    --text-color-05-01: var(--fill-05-01-04);
    --text-color-05-02: var(--fill-05-02-04)
}

:root,
[data-theme=light] {
    --border-01: var(--border-01-01);
    --border-02: var(--border-01-02);
    --border-03: var(--border-01-03);
    --border-04: var(--border-01-04);
    --border-08: var(--border-01-08);
    --border-focus-08: var(--border-01-08);
    --button-bg-primary-alt: var(--fill-01-05);
    --checkbox-bg: var(--fill-01-05);
    --checkbox-checkmark: var(--fill-01-05);
    --elevation-01: var(--elevation-01-01);
    --elevation-02: var(--elevation-01-02);
    --elevation-03: var(--elevation-01-03);
    --elevation-04: var(--elevation-01-04);
    --fill-01: var(--fill-02-01);
    --fill-02: var(--fill-02-02);
    --fill-03: var(--fill-02-03);
    --fill-04: var(--fill-02-04);
    --fill-05: var(--fill-02-05);
    --fill-05-01: var(--fill-05-01-01);
    --fill-05-02: var(--fill-05-01-02);
    --fill-05-03: var(--fill-05-01-03);
    --fill-05-04: var(--fill-05-01-04);
    --fill-06-01: var(--fill-06-01-01);
    --fill-06-02: var(--fill-06-01-02);
    --fill-06-03: var(--fill-06-01-03);
    --fill-06-04: var(--fill-06-01-04);
    --fill-07-02: var(--fill-07-01-02);
    --image-02: linear-gradient(var(--fill-02-02), var(--fill-02-02));
    --image-03: linear-gradient(var(--fill-02-03), var(--fill-02-03));
    --image-05: linear-gradient(var(--fill-02-05), var(--fill-02-05));
    --image-06-01: linear-gradient(var(--fill-06-01-01), var(--fill-06-01-01));
    --image-06-02: linear-gradient(var(--fill-06-01-02), var(--fill-06-01-02));
    --image-06-04: linear-gradient(var(--fill-06-01-04), var(--fill-06-01-04));
    --modal-bg: var(--fill-01-05);
    --move-menu-bg: var(--fill-01-05);
    --switch-bg-active: var(--fill-04-03);
    --switch-bg: var(--fill-02-02);
    --switch-button: var(--fill-01-05);
    --text-color-01-invert: var(--text-color-01-02);
    --text-color-01: var(--text-color-01-01);
    --text-color-02-invert: var(--text-color-02-02);
    --text-color-02: var(--text-color-02-01);
    --text-color-03: var(--text-color-03-01);
    --text-color-04: var(--text-color-04-01);
    --text-color-05: var(--text-color-05-01);
    --vault-collection-bg-content: var(--fill-01-04);
    --vault-collection-bg-list-even: var(--fill-01-04);
    --vault-collection-bg-list: var(--fill-01-05);
    --vault-collection-input-fill: var(--fill-01-05);
    --vault-collection-text-active: var(--text-color-01-02)
}

[data-theme=dark] {
    --border-01: var(--border-02-01);
    --border-02: var(--border-02-02);
    --border-03: var(--border-02-03);
    --border-04: var(--border-02-04);
    --border-08: var(--border-02-08);
    --border-focus-08: var(--border-02-08);
    --button-bg-primary-alt: var(--fill-02-03);
    --checkbox-bg: var(--fill-03-05);
    --checkbox-checkmark: var(--fill-02-05);
    --elevation-01: var(--elevation-02-01);
    --elevation-02: var(--elevation-02-02);
    --elevation-03: var(--elevation-02-03);
    --elevation-04: var(--elevation-02-04);
    --fill-01: var(--fill-03-01);
    --fill-02: var(--fill-03-02);
    --fill-03: var(--fill-03-03);
    --fill-04: var(--fill-03-04);
    --fill-05: var(--fill-03-05);
    --fill-05-01: var(--fill-05-02-01);
    --fill-05-02: var(--fill-05-02-02);
    --fill-05-03: var(--fill-05-02-03);
    --fill-05-04: var(--fill-05-02-04);
    --fill-06-01: var(--fill-06-02-01);
    --fill-06-02: var(--fill-06-02-02);
    --fill-06-03: var(--fill-06-02-03);
    --fill-06-04: var(--fill-06-02-04);
    --fill-07-02: var(--fill-07-02-02);
    --image-02: linear-gradient(var(--fill-03-02), var(--fill-03-02));
    --image-03: linear-gradient(var(--fill-03-03), var(--fill-03-03));
    --image-05: linear-gradient(var(--fill-03-05), var(--fill-03-05));
    --image-06-01: linear-gradient(var(--fill-06-02-01), var(--fill-06-02-01));
    --image-06-02: linear-gradient(var(--fill-06-02-02), var(--fill-06-02-02));
    --image-06-04: linear-gradient(var(--fill-06-02-04), var(--fill-06-02-04));
    --modal-bg: var(--fill-01-03);
    --move-menu-bg: var(--fill-01-03);
    --switch-bg: var(--fill-03-02);
    --text-color-01-invert: var(--text-color-01-01);
    --text-color-01: var(--text-color-01-02);
    --text-color-02-invert: var(--text-color-02-01);
    --text-color-02: var(--text-color-02-02);
    --text-color-03: var(--text-color-03-02);
    --text-color-04: var(--text-color-04-02);
    --text-color-05: var(--text-color-05-02);
    --vault-collection-bg-content: var(--fill-01-03);
    --vault-collection-bg-list-even: var(--fill-01-03);
    --vault-collection-bg-list: var(--fill-01-02);
    --vault-collection-input-fill: var(--fill-01-02);
    --vault-collection-text-active: var(--text-color-01-02)
}

.default--Button_LpYZK {
    --border: inset 0 0 0 1px var(--color-shading-barely-there);
    background-color: var(--color-shading-barely-there);
    box-shadow: var(--border);
    color: var(--color-shading-heavy)
}

.default--Button_LpYZK:hover,
.default--Button_LpYZK:active,
.default--Button_LpYZK[aria-expanded=true] {
    background-image: var(--image-tints-blue)
}

.default--Button_LpYZK:active,
.default--Button_LpYZK[aria-expanded=true] {
    background-color: var(--color-shading-extra-faint)
}

.destructive--Button_C4gd7,
.primary--Button_xsfiO {
    --border: inset 0 0 0 1px var(--color-shading-barely-there);
    box-shadow: var(--border);
    color: var(--color-grayscale-white)
}

.destructive--Button_C4gd7:hover,
.primary--Button_xsfiO:hover {
    background-image: linear-gradient(var(--color-shading-on-light-faint), var(--color-shading-on-light-faint))
}

.destructive--Button_C4gd7:active,
.destructive--Button_C4gd7[aria-expanded=true],
.primary--Button_xsfiO:active,
.primary--Button_xsfiO[aria-expanded=true] {
    background-image: linear-gradient(var(--color-shading-on-light-medium), var(--color-shading-on-light-medium))
}

.destructive--Button_C4gd7 {
    background-color: var(--color-readable-on-light-red)
}

.primary--Button_xsfiO {
    background-color: var(--color-branding-bits-blue)
}

.destructiveAlt--Button_HXaUq,
.primaryAlt--Button_RtEVC {
    background-color: var(--color-grayscale-white);
    box-shadow: var(--border)
}

[data-theme=dark] .destructiveAlt--Button_HXaUq,
[data-theme=dark] .primaryAlt--Button_RtEVC {
    background-color: var(--color-shading-on-light-barely-there)
}

.destructiveAlt--Button_HXaUq:active,
.destructiveAlt--Button_HXaUq[aria-expanded=true],
.primaryAlt--Button_RtEVC:active,
.primaryAlt--Button_RtEVC[aria-expanded=true] {
    background-image: none;
    color: var(--color-grayscale-white)
}

.destructiveAlt--Button_HXaUq {
    --border: inset 0 0 0 1px var(--border-red);
    color: var(--color-readable-red)
}

.destructiveAlt--Button_HXaUq:hover {
    background-image: var(--image-tints-red)
}

.destructiveAlt--Button_HXaUq:active,
.destructiveAlt--Button_HXaUq[aria-expanded=true] {
    --border: inset 0 0 0 1px var(--color-readable-on-light-red);
    background-color: var(--color-readable-on-light-red)
}

.primaryAlt--Button_RtEVC {
    --border: inset 0 0 0 1px var(--border-blue);
    color: var(--color-readable-blue)
}

.primaryAlt--Button_RtEVC:hover {
    background-image: var(--image-tints-blue)
}

.primaryAlt--Button_RtEVC:active,
.primaryAlt--Button_RtEVC[aria-expanded=true] {
    --border: inset 0 0 0 1px var(--color-branding-bits-blue);
    background-color: var(--color-branding-bits-blue)
}

.primaryWhite--Button_agfm5 {
    background-color: var(--color-grayscale-white);
    color: var(--color-grayscale-black)
}

.primaryWhite--Button_agfm5:hover {
    background-image: linear-gradient(var(--color-shading-on-light-barely-there), var(--color-shading-on-light-barely-there))
}

.primaryWhite--Button_agfm5:active,
.primaryWhite--Button_agfm5[aria-expanded=true] {
    background-image: linear-gradient(var(--color-shading-on-light-extra-faint), var(--color-shading-on-light-extra-faint))
}

.transparent--Button_vIt_W,
.transparentBlue--Button_GCAdl {
    background-color: transparent
}

.transparent--Button_vIt_W:hover,
.transparent--Button_vIt_W:active,
.transparent--Button_vIt_W[aria-expanded=true],
.transparentBlue--Button_GCAdl:hover,
.transparentBlue--Button_GCAdl:active,
.transparentBlue--Button_GCAdl[aria-expanded=true] {
    background-image: var(--image-tints-blue)
}

.transparent--Button_vIt_W:active,
.transparent--Button_vIt_W[aria-expanded=true],
.transparentBlue--Button_GCAdl:active,
.transparentBlue--Button_GCAdl[aria-expanded=true] {
    background-color: var(--color-shading-barely-there)
}

.transparent--Button_vIt_W {
    color: var(--color-shading-heavy)
}

.transparentBlue--Button_GCAdl {
    color: var(--color-readable-blue)
}

.button--Button_oIg5A {
    align-items: center;
    -webkit-app-region: no-drag;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    display: inline-flex;
    font-family: inherit;
    justify-content: center;
    outline: none;
    overflow: hidden;
    padding: 0 12px
}

.button--Button_oIg5A.dropdown--Button_lP2Cb,
.button--Button_oIg5A.select--Button_LAl4m {
    justify-content: start;
    padding-right: 6px
}

.button--Button_oIg5A.dropdown--Button_lP2Cb::after,
.button--Button_oIg5A.select--Button_LAl4m::after {
    background-color: var(--color-shading-medium);
    content: "";
    flex-grow: 1;
    flex-shrink: 0;
    height: 16px;
    margin-left: 10px;
    width: 16px
}

.button--Button_oIg5A.dropdown--Button_lP2Cb::after {
    -webkit-mask: url(../images/icons_indicator_menubutton_dropdown-79f06ff67c25298304d7.svg) right no-repeat;
    mask: url(../images/icons_indicator_menubutton_dropdown-79f06ff67c25298304d7.svg) right no-repeat
}

.button--Button_oIg5A.select--Button_LAl4m::after {
    -webkit-mask: url(../images/icons_indicator_menubutton_select-f56841b1ac128ea6ec2a.svg) right no-repeat;
    mask: url(../images/icons_indicator_menubutton_select-f56841b1ac128ea6ec2a.svg) right no-repeat
}

.button--Button_oIg5A.medium--Button_DAkIg {
    font-size: calc(14/var(--text-size-base)*1rem);
    font-weight: normal;
    line-height: 1.3;
    height: 28px;
    min-height: 28px
}

.button--Button_oIg5A.large--Button_Ic_rU {
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.3;
    height: 40px;
    min-height: 40px;
    padding: 0 16px
}

.button--Button_oIg5A.large--Button_Ic_rU.dropdown--Button_lP2Cb,
.button--Button_oIg5A.large--Button_Ic_rU.select--Button_LAl4m {
    padding-right: 12px
}

.button--Button_oIg5A.large--Button_Ic_rU.dropdown--Button_lP2Cb::after,
.button--Button_oIg5A.large--Button_Ic_rU.select--Button_LAl4m::after {
    margin-left: 12px
}

[data-focus-visible] .button--Button_oIg5A:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring), 0 0 transparent;
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring), var(--border, 0 0 transparent)
}

.button--Button_oIg5A:disabled {
    background-color: var(--color-shading-barely-there);
    background-image: none;
    box-shadow: none;
    color: var(--color-shading-medium);
    cursor: default
}

.button--Button_oIg5A:disabled.transparent--Button_vIt_W,
.button--Button_oIg5A:disabled.transparentBlue--Button_GCAdl {
    background-color: transparent
}

.button--Button_oIg5A.working--Button_K6VeR {
    position: relative
}

.button--Button_oIg5A.working--Button_K6VeR>*:not(.workingIcon--Button_Qn_Ja):not(.workingText--Button_cE_bu) {
    visibility: hidden
}

.icon--Button_ycb_a {
    flex-shrink: 0
}

.truncate--Button_er8Ng {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.withIcon--Button_jjg8j {
    margin-left: 8px
}

.workingIcon--Button_Qn_Ja {
    -webkit-mask: url(../images/icons_indicator_16_working-ff4b5ffd19443f7c6e6b.svg) center no-repeat;
    mask: url(../images/icons_indicator_16_working-ff4b5ffd19443f7c6e6b.svg) center no-repeat;
    animation: rotate--Button_OH7XJ 665ms steps(8) infinite;
    background-color: currentColor;
    height: 16px;
    left: calc(50% - 8px);
    position: absolute;
    top: calc(50% - 8px);
    width: 16px
}

@keyframes rotate--Button_OH7XJ {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.workingText--Button_cE_bu {
    clip: rect(0, 0, 0, 0);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    word-wrap: normal
}

.popover--Popover_LxL7a {
    pointer-events: none;
    position: absolute;
    z-index: 2147483647
}

.popover--Popover_LxL7a>* {
    pointer-events: initial
}

.hidden--Popover_HJddy {
    visibility: hidden
}

.tooltip--Tooltip_hr6WT {
    background-color: var(--bg-color-invert);
    border-radius: 4px;
    color: var(--text-color-invert);
    font-size: .9em;
    padding: 4px 8px
}

.track--FixedOverlayScrollbar_k3DTx {
    -webkit-app-region: no-drag;
    bottom: 0;
    opacity: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    overflow: hidden scroll;
    position: absolute;
    right: 0;
    scrollbar-color: var(--fill-02) transparent;
    top: 0;
    transition: opacity 150ms;
    width: 16px
}

.track--FixedOverlayScrollbar_k3DTx::-webkit-scrollbar {
    width: 16px
}

.track--FixedOverlayScrollbar_k3DTx::-webkit-scrollbar-track {
    background-color: transparent
}

.track--FixedOverlayScrollbar_k3DTx::-webkit-scrollbar-thumb {
    background-clip: padding-box;
    background-color: var(--fill-02);
    border: 4px solid transparent;
    border-radius: 8px;
    min-height: 30px
}

.track--FixedOverlayScrollbar_k3DTx::-webkit-scrollbar-thumb:hover {
    background-color: var(--fill-01)
}

.track--FixedOverlayScrollbar_k3DTx::-webkit-scrollbar-button,
.track--FixedOverlayScrollbar_k3DTx::-webkit-scrollbar-corner {
    display: none
}

.track--FixedOverlayScrollbar_k3DTx.thin--FixedOverlayScrollbar_MWZTs {
    scrollbar-width: thin;
    width: 12px
}

.track--FixedOverlayScrollbar_k3DTx.thin--FixedOverlayScrollbar_MWZTs::-webkit-scrollbar {
    width: 10px
}

.track--FixedOverlayScrollbar_k3DTx.thin--FixedOverlayScrollbar_MWZTs::-webkit-scrollbar-thumb {
    border-width: 3px
}

.track--FixedOverlayScrollbar_k3DTx.visible--FixedOverlayScrollbar_u9fw8 {
    opacity: 1
}

.track--FixedOverlayScrollbar_k3DTx.noPointerEvents--FixedOverlayScrollbar_X4JRt {
    pointer-events: none
}

.container--FixedOverlayScrollbar_L10EQ {
    height: 100%;
    position: relative
}

.container--FixedOverlayScrollbar_L10EQ>*:first-child {
    scrollbar-width: none !important
}

.container--FixedOverlayScrollbar_L10EQ>*:first-child::-webkit-scrollbar {
    display: none !important
}

.container--FixedOverlayScrollbar_L10EQ:hover .track--FixedOverlayScrollbar_k3DTx {
    opacity: 1
}

.elevation--FixedOverlayScrollbar_fww9C {
    position: relative
}

.elevation--FixedOverlayScrollbar_fww9C::after {
    bottom: 0;
    box-shadow: inset 0 1px var(--color-shading-on-light-extra-faint), inset 0 10px 8px -8px var(--color-shading-on-light-extra-faint);
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

[data-theme=dark] .elevation--FixedOverlayScrollbar_fww9C::after {
    box-shadow: 0 -1px var(--color-shading-on-dark-barely-there), inset 0 1px var(--color-shading-on-light-faint), inset 0 10px 8px -8px var(--color-shading-on-light-medium)
}

.button--Menu_CzN2f {
    justify-content: space-between !important
}

.button--Menu_CzN2f::after {
    -webkit-mask: url(../images/chevron-down-ca012cbf5d2ff6fc57ce.svg);
    mask: url(../images/chevron-down-ca012cbf5d2ff6fc57ce.svg);
    background-color: currentColor;
    content: "";
    flex-shrink: 0;
    height: 6px;
    margin-left: 6px;
    width: 10px
}

.button--Menu_CzN2f.expanded--Menu_ZR0lc::after {
    transform: rotate(180deg)
}

.backdrop--Menu_FiMHc {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2147483647
}

.list--Menu_L0DRO {
    --padding: 10px;
    background-color: var(--bg-color);
    border-radius: 8px;
    box-shadow: 0 2px 16px 0 var(--color-shadow-ultraLight), var(--border-elevated);
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    max-height: 100%;
    min-width: 210px;
    outline: none;
    overflow-x: hidden;
    overflow-y: auto;
    overflow: hidden auto;
    padding: 10px;
    padding: var(--padding);
    position: relative
}

.list--Menu_L0DRO li {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.list--Menu_L0DRO .groupLabel--Menu_qtZu7,
.list--Menu_L0DRO .text--Menu_ZEx1b {
    align-items: center;
    display: flex;
    padding: 8px
}

.list--Menu_L0DRO .groupLabel--Menu_qtZu7 {
    color: var(--text-color-tertiary)
}

.list--Menu_L0DRO .separator--Menu_MfFMc hr {
    background-color: var(--bg-highlight-color-tertiary);
    border-style: none;
    height: 1px;
    margin: var(--padding) 8px
}

.list--Menu_L0DRO .text--Menu_ZEx1b {
    border-radius: 6px;
    color: var(--text-color);
    cursor: pointer
}

.list--Menu_L0DRO .text--Menu_ZEx1b[data-current=true] {
    background-color: var(--color-blue-readable-dark);
    color: var(--color-white)
}

.list--Menu_L0DRO .hasIcon--Menu_MW0kc>*:last-child {
    margin-left: 10px
}

.list--Select_iylU4 [role=option] {
    padding-left: 32px
}

.list--Select_iylU4 [role=option][aria-selected=true]::before {
    -webkit-mask: url(../images/list-checkmark-ea7350bb79933d53d951.svg);
    mask: url(../images/list-checkmark-ea7350bb79933d53d951.svg);
    background-color: var(--checkmark-color);
    content: "";
    height: 18px;
    position: absolute;
    transform: translate(-26px, 1px);
    width: 18px
}

.list--Select_iylU4 [role=option][data-current=true][aria-selected=true]::before {
    background-color: var(--checkmark-color-hover)
}

.visuallyHidden--Select_nlO4N {
    clip: rect(0, 0, 0, 0);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    word-wrap: normal
}

.label--ContactForm_oJ5qo {
    color: var(--color-gray-mediumDark);
    display: block;
    font-size: 16px;
    font-weight: 300
}

.contactForm--ContactForm_q7_0D {
    display: flex;
    flex-flow: column
}

.contactForm--ContactForm_q7_0D>*+* {
    margin-top: 16px
}

.contactForm--ContactForm_q7_0D label {
    display: block;
    width: 100%
}

.contactForm--ContactForm_q7_0D label>*+* {
    margin-top: 4px
}

.contactForm--ContactForm_q7_0D label input,
.contactForm--ContactForm_q7_0D label textarea {
    background: var(--color-white);
    border: none;
    border-radius: 6px;
    box-shadow: inset 0 0 0 1px var(--color-shadow-light);
    box-sizing: border-box;
    font-size: 16px;
    outline: none;
    padding: 13px;
    width: 100%
}

.contactForm--ContactForm_q7_0D label input:focus,
.contactForm--ContactForm_q7_0D label textarea:focus {
    box-shadow: inset 0 0 0 2px var(--color-blue-focus-light)
}

.contactForm--ContactForm_q7_0D label textarea {
    max-width: 100%;
    min-width: 100%
}

.contactForm--ContactForm_q7_0D p {
    color: var(--color-gray-dark);
    font-size: 16px;
    font-weight: 300
}

.contactForm--ContactForm_q7_0D p a {
    color: var(--color-blue-readable-dark);
    -webkit-text-decoration: none;
    text-decoration: none
}

.contactForm--ContactForm_q7_0D p a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.topicButton--ContactForm_KFt8u {
    height: 45px;
    text-align: left;
    width: 100%
}

.topicList--ContactForm_dZWNS {
    width: 100%
}

.verify--ContactForm__aL4n>div {
    background-color: var(--color-yellow-highlight-light);
    border: solid 1px hsla(var(--color-yellow-highlight-light-hsl), 0.3);
    border-radius: 8px;
    display: grid;
    grid-gap: 16px;
    grid-template-columns: 1fr;
    padding: 24px
}

@media(min-width: 450px) {
    .verify--ContactForm__aL4n>div {
        grid-template-columns: 1fr 1fr
    }
}

.verify--ContactForm__aL4n>div p {
    line-height: 1.44;
    margin: 0
}

@media(min-width: 450px) {
    .verify--ContactForm__aL4n>div p {
        grid-column: 1/3
    }
}

.verify--ContactForm__aL4n>p {
    font-size: 14px;
    line-height: 1.44;
    margin-bottom: 0;
    margin-top: 16px
}

.verifiedUser--ContactForm_ehF9x {
    border-bottom: 1px solid var(--color-gray-light);
    border-top: 1px solid var(--color-gray-light);
    display: grid;
    grid-gap: 8px;
    grid-template-columns: 1fr;
    margin-top: 30px;
    padding: 12px 0
}

@media(min-width: 450px) {
    .verifiedUser--ContactForm_ehF9x {
        grid-gap: 16px;
        grid-template-columns: auto 1fr
    }
}

.verifiedUser--ContactForm_ehF9x>div {
    border: solid 1px var(--color-gray-medium);
    border-radius: 5px;
    color: var(--color-gray-medium);
    display: flex;
    font-size: 11px;
    font-weight: 500;
    justify-self: left;
    padding: 2px 4px;
    text-transform: uppercase
}

@media(min-width: 450px) {
    .verifiedUser--ContactForm_ehF9x>div {
        align-self: center;
        grid-template-columns: auto 1fr
    }
}

.verifiedUser--ContactForm_ehF9x>div img {
    margin-right: 4px
}

.verifiedUser--ContactForm_ehF9x p {
    font-size: 14px;
    line-height: 20px;
    margin: 0
}

.promptButton--ContactForm_ZXMq7 {
    text-align: left;
    width: 100%
}

.promptList--ContactForm_mLPMw {
    width: 100%
}

.diagnostics--ContactForm_xu2z2 {
    background: var(--color-red-highlight-light);
    border-radius: 4px;
    box-shadow: inset 0 0 0 2px var(--color-red-highlight-dark);
    display: grid;
    grid-gap: 12px;
    grid-template-columns: auto 1fr;
    line-height: 1.2;
    padding: 8px
}

.diagnostics--ContactForm_xu2z2 img {
    align-self: center;
    width: 40px
}

.diagnostics--ContactForm_xu2z2 p {
    align-self: center;
    font-size: 14px;
    margin: 0
}

.error--ContactForm_T0Xo0 {
    background: var(--color-red-highlight-light);
    border-radius: 6px;
    box-shadow: inset 0 0 0 2px var(--color-red-highlight-dark);
    font-size: 15px;
    line-height: 1.2;
    margin-top: 8px;
    padding: 12px
}

@keyframes spin--ContactForm_fZnuP {
    to {
        transform: rotate(1turn)
    }
}

.spinner--ContactForm_QjbgP {
    animation: spin--ContactForm_fZnuP .6s infinite steps(8)
}

.submitWrapper--ContactForm_V1Orr {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.submitWrapper--ContactForm_V1Orr>div {
    align-items: center;
    color: var(--color-gray-medium);
    display: flex;
    font-size: 15px;
    margin-top: 0
}

.submitWrapper--ContactForm_V1Orr>div img {
    height: 36px;
    margin-right: 8px;
    margin-top: 0
}

.submitted--ContactFormWrapper_ncKpg {
    align-items: center;
    display: flex;
    flex-flow: column
}

.submitted--ContactFormWrapper_ncKpg h1 {
    font-size: 2rem;
    font-weight: 400;
    line-height: 2rem;
    margin-bottom: 1rem;
    margin-top: 0;
    text-align: center
}

.submitted--ContactFormWrapper_ncKpg p {
    color: var(--color-gray-mediumDark);
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.4rem;
    margin-bottom: 2rem;
    margin-top: 0;
    text-align: center
}

.submitted--ContactFormWrapper_ncKpg img {
    width: 410px
}

.wrapper--ContactFormWrapper_FTz5f {
    margin: 0 auto;
    max-width: 1200px
}

@media(min-width: 1000px) {
    .wrapper--ContactFormWrapper_FTz5f>div {
        display: flex;
        justify-content: center
    }
}

.wrapper--ContactFormWrapper_FTz5f>div .imageWrapper--ContactFormWrapper_oHfLR {
    display: none
}

@media(min-width: 1000px) {
    .wrapper--ContactFormWrapper_FTz5f>div .imageWrapper--ContactFormWrapper_oHfLR {
        display: block;
        flex: 1;
        text-align: right
    }

    .wrapper--ContactFormWrapper_FTz5f>div .imageWrapper--ContactFormWrapper_oHfLR img {
        margin-left: -50%;
        margin-top: 3rem;
        max-width: 864px;
        width: 150%
    }
}

.wrapper--ContactFormWrapper_FTz5f>div .formWrapper--ContactFormWrapper_PXtgH {
    flex: 1;
    margin: 0 auto;
    max-width: 500px
}

@media(min-width: 1000px) {
    .wrapper--ContactFormWrapper_FTz5f>div .formWrapper--ContactFormWrapper_PXtgH {
        margin: 0 3.5rem
    }
}

.wrapper--ContactFormWrapper_FTz5f>div .formWrapper--ContactFormWrapper_PXtgH>h1 {
    font-size: 2rem;
    font-weight: 400;
    line-height: 2rem;
    margin-bottom: 1rem;
    margin-top: 0;
    text-align: center
}

.wrapper--ContactFormWrapper_FTz5f>div .formWrapper--ContactFormWrapper_PXtgH>p {
    color: var(--color-gray-mediumDark);
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.4rem;
    margin-bottom: 2rem;
    margin-top: 0;
    text-align: center
}

.wrapper--ContactFormWrapper_FTz5f>div .formWrapper--ContactFormWrapper_PXtgH form {
    margin: 0 auto;
    width: 100%
}

@media(min-width: 1000px) {
    .wrapper--ContactFormWrapper_FTz5f>div .formWrapper--ContactFormWrapper_PXtgH form {
        margin: 0
    }
}

.mask--Icon_j1tvV::before {
    box-shadow: inset 0 0 0 1px var(--color-faded-medium);
    content: "";
    display: block;
    height: 100%;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.icon--Icon_fpBdi {
    --border-radius-ratio: 5;
    height: var(--size);
    position: relative;
    width: var(--size)
}

.icon--Icon_fpBdi img {
    border-radius: inherit;
    height: 100%;
    width: 100%
}

.disabled--Icon_KZdkf {
    opacity: .3
}

.mini--Icon_P4u_m {
    --size: 16px
}

.small--Icon_dYaQM {
    --size: 24px
}

.medium--Icon_dsTq7 {
    --size: 32px
}

.large--Icon_bUvNQ {
    --size: 64px
}

.mask--Icon_j1tvV,
.placeholder--Icon_KuoMi {
    --space-outer: 0;
    margin: 0;
    margin: var(--space-outer)
}

.mask--Icon_j1tvV.small--Icon_dYaQM,
.placeholder--Icon_KuoMi.small--Icon_dYaQM {
    --size: 22px;
    --space-outer: 2px
}

.mask--Icon_j1tvV.medium--Icon_dsTq7,
.placeholder--Icon_KuoMi.medium--Icon_dsTq7 {
    --size: 30px;
    --space-outer: 1px
}

.mask--Icon_j1tvV.large--Icon_bUvNQ,
.placeholder--Icon_KuoMi.large--Icon_bUvNQ {
    --size: 60px;
    --space-outer: 2px
}

.mask--Icon_j1tvV.roundedRect--Icon_e4nkK,
.placeholder--Icon_KuoMi.roundedRect--Icon_e4nkK {
    border-radius: calc(var(--size)/var(--border-radius-ratio))
}

.mask--Icon_j1tvV.circle--Icon_dlfj3,
.placeholder--Icon_KuoMi.circle--Icon_dlfj3 {
    border-radius: 50%
}

.mask--Icon_j1tvV {
    background-color: var(--bg-color)
}

.mask--Icon_j1tvV.roundedRect--Icon_e4nkK::before {
    border-radius: calc(var(--size)/var(--border-radius-ratio))
}

.mask--Icon_j1tvV.circle--Icon_dlfj3::before {
    border-radius: 50%
}

.placeholder--Icon_KuoMi {
    background-color: var(--bg-highlight-color-tertiary)
}

.composite--Icon_TU6Ro {
    display: inline-flex
}

.composite--Icon_TU6Ro.twoIcons--Icon_raEeU {
    margin-left: -4px
}

.composite--Icon_TU6Ro.threeIcons--Icon_dr2Gm {
    margin-left: -5px
}

.composite--Icon_TU6Ro .icon--Icon_fpBdi {
    --size: 32px
}

.composite--Icon_TU6Ro .icon--Icon_fpBdi:nth-child(2) {
    -webkit-mask: url(../images/icons_02_32_collectionmask_medium-afa1f4b89bfd4e7b6b02.svg) right no-repeat;
    mask: url(../images/icons_02_32_collectionmask_medium-afa1f4b89bfd4e7b6b02.svg) right no-repeat;
    margin-left: -28px
}

.composite--Icon_TU6Ro .icon--Icon_fpBdi:nth-child(2):last-child {
    -webkit-mask: url(../images/icons_02_32_collectionmask_large-6163d5ca960d5d4f244b.svg) right no-repeat;
    mask: url(../images/icons_02_32_collectionmask_large-6163d5ca960d5d4f244b.svg) right no-repeat;
    margin-left: -27px
}

.composite--Icon_TU6Ro .icon--Icon_fpBdi:nth-child(3) {
    -webkit-mask: url(../images/icons_02_32_collectionmask_small-5fa9cc9744bc4ed563a9.svg) right no-repeat;
    mask: url(../images/icons_02_32_collectionmask_small-5fa9cc9744bc4ed563a9.svg) right no-repeat;
    margin-left: -29px
}

.composite--Icon_TU6Ro .icon--Icon_fpBdi::before {
    content: none
}

.themed--Icon_hVPPI {
    -webkit-mask: var(--image-url) center no-repeat;
    mask: var(--image-url) center no-repeat;
    background-color: currentColor
}

.themed--Icon_hVPPI.cancel--Icon_Us4Fd {
    --image-url: url(../images/icons_01_16_cancel-8730a8be9115fb17ed51.svg)
}

.themed--Icon_hVPPI.chevronLeft--Icon_T_4ux {
    --image-url: url(../images/icons_01_16_chevronLeft-0a15f2bb42d56bbba3a6.svg)
}

.themed--Icon_hVPPI.chevronRight--Icon_W0Fe9 {
    --image-url: url(../images/icons_01_16_chevronRight-8f97e9961e6b57df8a86.svg)
}

.themed--Icon_hVPPI.close--Icon_QrrIt {
    --image-url: url(../images/icons_01_16_close-e99d3dbb11fb55b01b00.svg)
}

.themed--Icon_hVPPI.copy--Icon_LsQp0 {
    --image-url: url(../images/icons_01_16_copy_onLight-3d0ae89c708be652b403.svg)
}

[data-theme=dark] .themed--Icon_hVPPI.copy--Icon_LsQp0 {
    --image-url: url(../images/icons_01_16_copy_onDark-89b347ed452fbb748a7b.svg)
}

.themed--Icon_hVPPI.delete--Icon_fQnUm {
    --image-url: url(../images/icons_02_16_delete-6116dc35d74d1e354702.svg)
}

.themed--Icon_hVPPI.dropdown--Icon_d7uma {
    --image-url: url(../images/icons_01_16_dropdown-bb1cddca033868e166e2.svg)
}

.themed--Icon_hVPPI.edit--Icon_FhA_W {
    --image-url: url(../images/icons_01_16_edit-0c4b749122603910a46e.svg)
}

.themed--Icon_hVPPI.email--Icon_lMKxm {
    --image-url: url(../images/icons_01_16_email_onLight-51688dcc72d2fbd84d87.svg)
}

[data-theme=dark] .themed--Icon_hVPPI.email--Icon_lMKxm {
    --image-url: url(../images/icons_01_16_email_onDark-51688dcc72d2fbd84d87.svg)
}

.themed--Icon_hVPPI.favoriteOff--Icon_Q043E {
    --image-url: url(../images/icons_01_16_favoriteOff-7a6cb795d8b79b70a492.svg)
}

.themed--Icon_hVPPI.favoriteOn--Icon_CEhQy {
    --image-url: url(../images/icons_01_16_favoriteOn-d4885f0709011d51eeeb.svg)
}

.themed--Icon_hVPPI.filter--Icon_txT1y {
    --image-url: url(../images/icons_01_16_filter-f87c1a70e21283970da1.svg)
}

.themed--Icon_hVPPI.information--Icon_sLLFN {
    --image-url: url(../images/icons_01_16_info_onLight-03732e588d6732d29131.svg)
}

[data-theme=dark] .themed--Icon_hVPPI.information--Icon_sLLFN {
    --image-url: url(../images/icons_01_16_info_onDark-8aa8793e867d09e6cdb8.svg)
}

.themed--Icon_hVPPI.ladybug--Icon_e5JoX {
    --image-url: url(../images/icons_01_16_ladybug_onLight-a7ef14f9112d62c70f7b.svg)
}

[data-theme=dark] .themed--Icon_hVPPI.ladybug--Icon_e5JoX {
    --image-url: url(../images/icons_01_16_ladybug_onDark-2d1db87108b1df9d95db.svg)
}

.themed--Icon_hVPPI.link--Icon__epbg {
    --image-url: url(../images/icons_01_16_link-39014b24a57e09446265.svg)
}

.themed--Icon_hVPPI.lock--Icon_qQVxm {
    --image-url: url(../images/icons_01_16_lock-82337a59dccd8e3bd280.svg)
}

.themed--Icon_hVPPI.minus--Icon_hcHIr {
    --image-url: url(../images/icons_01_16_minus-e81f9380787bd3537289.svg)
}

.themed--Icon_hVPPI.move--Icon__4cLN {
    --image-url: url(../images/icons_01_16_move-383bf0c13d2d9c87e56f.svg)
}

.themed--Icon_hVPPI.navigateBack--Icon_vhT3r {
    --image-url: url(../images/icons_01_16_navigateBack-5c85496497d573df89f5.svg)
}

.themed--Icon_hVPPI.navigateForward--Icon_D_ArV {
    --image-url: url(../images/icons_01_16_navigateForward-5c41977536600a4ead06.svg)
}

.themed--Icon_hVPPI.newWindow--Icon_nNEOh {
    --image-url: url(../images/icons_01_16_newWindow-91f5b7ca3ce252860e7a.svg)
}

.themed--Icon_hVPPI.notifications--Icon_wggZR {
    --image-url: url(../images/icons_01_16_notifications-0dce094c8cb574e891e4.svg)
}

.themed--Icon_hVPPI.overflow--Icon_ibq67 {
    --image-url: url(../images/icons_01_16_overflow-abd27cf451b3dd98c7b2.svg)
}

.themed--Icon_hVPPI.passwordGenerator--Icon_TcwNP {
    --image-url: url(../images/icons_monochrome_16_spg-a9848343f73097a8c012.svg)
}

.themed--Icon_hVPPI.plus--Icon_RXTc9 {
    --image-url: url(../images/icons_01_16_plus-79dd8c54dd4f3dadf5bd.svg)
}

.themed--Icon_hVPPI.plusSmall--Icon_Ixidd {
    --image-url: url(../images/icons_01_16_plusSmall-ec4209c5ae7549e591a9.svg)
}

.themed--Icon_hVPPI.print--Icon_j12p6 {
    --image-url: url(../images/icons_01_16_print_onLight-160a1d4578c87965d9ab.svg)
}

[data-theme=dark] .themed--Icon_hVPPI.print--Icon_j12p6 {
    --image-url: url(../images/icons_01_16_print_onDark-160a1d4578c87965d9ab.svg)
}

.themed--Icon_hVPPI.private--Icon_O2fnQ {
    --image-url: url(../images/icons_01_16_private-2eb73c6a8f426cd17f09.svg)
}

.themed--Icon_hVPPI.search--Icon_NSEub {
    --image-url: url(../images/icons_01_16_search-3adc37b4465d00c9097c.svg)
}

.themed--Icon_hVPPI.settings--Icon_zqg6v {
    --image-url: url(../images/icons_01_16_settings-7ba139976e7ce2893bc1.svg)
}

.themed--Icon_hVPPI.share--Icon_yyaLd {
    --image-url: url(../images/icons_01_16_share-9d87c90d4cc4566589a9.svg)
}

.themed--Icon_hVPPI.shared--Icon_TZawv {
    --image-url: url(../images/icons_01_16_shared-249f306b0f235b18fb7a.svg)
}

.themed--Icon_hVPPI.sidebarClose--Icon_wMF8G {
    --image-url: url(../images/icons_01_16_sidebarClose-feb8ab42ef376325fc7d.svg)
}

.themed--Icon_hVPPI.sidebarOpen--Icon_xJvqJ {
    --image-url: url(../images/icons_01_16_sidebarOpen-ad17f5bec1befc5a3f06.svg)
}

.themed--Icon_hVPPI.sort--Icon_ioMR1 {
    --image-url: url(../images/icons_01_16_sort-2e82f18d82861dfec55a.svg)
}

.themed--Icon_hVPPI.warning--Icon_eIyFa {
    --image-url: url(../images/icons_01_16_warning_onLight-153de300888fba30cb29.svg)
}

[data-theme=dark] .themed--Icon_hVPPI.warning--Icon_eIyFa {
    --image-url: url(../images/icons_01_16_warning_onDark-d5b3efcaf23bc7fad9aa.svg)
}

.themed--Icon_hVPPI.whatsApp--Icon_OW7Kd {
    --image-url: url(../images/icons_01_16_whatsapp_onLight-facc612ef69a08f53b0d.svg)
}

[data-theme=dark] .themed--Icon_hVPPI.whatsApp--Icon_OW7Kd {
    --image-url: url(../images/icons_01_16_whatsapp_onDark-0489ec04a7bb134b29a8.svg)
}

.chevron--Icon_wT4kg::after {
    background: url(../images/chevron-down-faded-5798f1f757141ae8dc2a.svg) center no-repeat, linear-gradient(to bottom, #fff 53%, #e2e2e2 98%);
    background-size: auto 5px, cover;
    border-radius: 50%;
    bottom: 0;
    box-shadow: 0 1px 2px 0 hsla(var(--color-black-pure-hsl), 0.2), 0 0 0 1px hsla(var(--color-black-pure-hsl), 0.1);
    content: "";
    height: 16px;
    pointer-events: none;
    position: absolute;
    right: 0;
    width: 16px
}

.chevronPressed--Icon_wZk_y::after {
    background: url(../images/chevron-down-faded-5798f1f757141ae8dc2a.svg) center no-repeat;
    background-color: var(--color-gray-almostWhite);
    background-size: auto 5px;
    box-shadow: 0 -1px 2px 0 hsla(var(--color-black-pure-hsl), 0.2), 0 0 0 1px hsla(var(--color-black-pure-hsl), 0.1);
    transform: rotate(180deg)
}

.favorite--Icon_V2SMj::after {
    background: url(../images/favorites-mini-9d722f422d1df76659d4.svg) no-repeat;
    background-size: 100%;
    bottom: -2px;
    content: "";
    height: 12px;
    pointer-events: none;
    position: absolute;
    right: -4px;
    width: 12px
}

.lock--Icon_qQVxm::after {
    --icon-source: url(../images/lock-dark-2c10ff8e95b22b363a36.svg);
    background: url(../images/lock-dark-2c10ff8e95b22b363a36.svg) center no-repeat, linear-gradient(var(--Icon-bg-color), var(--Icon-bg-color));
    background: var(--icon-source) center no-repeat, linear-gradient(var(--Icon-bg-color), var(--Icon-bg-color));
    background-size: auto 8px;
    border-top-left-radius: calc(var(--size)/var(--border-radius-ratio));
    bottom: -4px;
    content: "";
    height: 16px;
    pointer-events: none;
    position: absolute;
    right: -4px;
    width: 16px
}

[data-theme=dark] .lock--Icon_qQVxm::after {
    --icon-source: url(../images/lock-light-ee8298fc5ac53b48ad8c.svg)
}

.monogram--Monogram_fI3xj::before,
.mask--Monogram_OUEzc::before {
    box-shadow: inset 0 0 0 1px var(--color-faded-medium);
    content: "";
    display: block;
    height: 100%;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.icon--Monogram_x_ADA {
    --border-radius-ratio: 5;
    height: var(--size);
    position: relative;
    width: var(--size)
}

.icon--Monogram_x_ADA img {
    border-radius: inherit;
    height: 100%;
    width: 100%
}

.disabled--Monogram_qx8jy {
    opacity: .3
}

.mini--Monogram_mItEb {
    --size: 16px
}

.small--Monogram_be8xy {
    --size: 24px
}

.medium--Monogram_UlncY {
    --size: 32px
}

.large--Monogram_uq5lf {
    --size: 64px
}

.mask--Monogram_OUEzc,
.placeholder--Monogram_JQPC4 {
    --space-outer: 0;
    margin: 0;
    margin: var(--space-outer)
}

.mask--Monogram_OUEzc.small--Monogram_be8xy,
.placeholder--Monogram_JQPC4.small--Monogram_be8xy {
    --size: 22px;
    --space-outer: 2px
}

.mask--Monogram_OUEzc.medium--Monogram_UlncY,
.placeholder--Monogram_JQPC4.medium--Monogram_UlncY {
    --size: 30px;
    --space-outer: 1px
}

.mask--Monogram_OUEzc.large--Monogram_uq5lf,
.placeholder--Monogram_JQPC4.large--Monogram_uq5lf {
    --size: 60px;
    --space-outer: 2px
}

.mask--Monogram_OUEzc.roundedRect--Monogram_Fu03o,
.placeholder--Monogram_JQPC4.roundedRect--Monogram_Fu03o {
    border-radius: calc(var(--size)/var(--border-radius-ratio))
}

.mask--Monogram_OUEzc.circle--Monogram_dMepq,
.placeholder--Monogram_JQPC4.circle--Monogram_dMepq {
    border-radius: 50%
}

.mask--Monogram_OUEzc {
    background-color: var(--bg-color)
}

.mask--Monogram_OUEzc.roundedRect--Monogram_Fu03o::before {
    border-radius: calc(var(--size)/var(--border-radius-ratio))
}

.mask--Monogram_OUEzc.circle--Monogram_dMepq::before {
    border-radius: 50%
}

.placeholder--Monogram_JQPC4 {
    background-color: var(--bg-highlight-color-tertiary)
}

.composite--Monogram_vHjlI {
    display: inline-flex
}

.composite--Monogram_vHjlI.twoIcons--Monogram_BxRqg {
    margin-left: -4px
}

.composite--Monogram_vHjlI.threeIcons--Monogram_ywjvx {
    margin-left: -5px
}

.composite--Monogram_vHjlI .icon--Monogram_x_ADA {
    --size: 32px
}

.composite--Monogram_vHjlI .icon--Monogram_x_ADA:nth-child(2) {
    -webkit-mask: url(../images/icons_02_32_collectionmask_medium-afa1f4b89bfd4e7b6b02.svg) right no-repeat;
    mask: url(../images/icons_02_32_collectionmask_medium-afa1f4b89bfd4e7b6b02.svg) right no-repeat;
    margin-left: -28px
}

.composite--Monogram_vHjlI .icon--Monogram_x_ADA:nth-child(2):last-child {
    -webkit-mask: url(../images/icons_02_32_collectionmask_large-6163d5ca960d5d4f244b.svg) right no-repeat;
    mask: url(../images/icons_02_32_collectionmask_large-6163d5ca960d5d4f244b.svg) right no-repeat;
    margin-left: -27px
}

.composite--Monogram_vHjlI .icon--Monogram_x_ADA:nth-child(3) {
    -webkit-mask: url(../images/icons_02_32_collectionmask_small-5fa9cc9744bc4ed563a9.svg) right no-repeat;
    mask: url(../images/icons_02_32_collectionmask_small-5fa9cc9744bc4ed563a9.svg) right no-repeat;
    margin-left: -29px
}

.composite--Monogram_vHjlI .icon--Monogram_x_ADA::before {
    content: none
}

.themed--Monogram_bYeQW {
    -webkit-mask: var(--image-url) center no-repeat;
    mask: var(--image-url) center no-repeat;
    background-color: currentColor
}

.themed--Monogram_bYeQW.cancel--Monogram_QQwHf {
    --image-url: url(../images/icons_01_16_cancel-8730a8be9115fb17ed51.svg)
}

.themed--Monogram_bYeQW.chevronLeft--Monogram__8y5m {
    --image-url: url(../images/icons_01_16_chevronLeft-0a15f2bb42d56bbba3a6.svg)
}

.themed--Monogram_bYeQW.chevronRight--Monogram_b9aB9 {
    --image-url: url(../images/icons_01_16_chevronRight-8f97e9961e6b57df8a86.svg)
}

.themed--Monogram_bYeQW.close--Monogram_whSGq {
    --image-url: url(../images/icons_01_16_close-e99d3dbb11fb55b01b00.svg)
}

.themed--Monogram_bYeQW.copy--Monogram__rsYS {
    --image-url: url(../images/icons_01_16_copy_onLight-3d0ae89c708be652b403.svg)
}

[data-theme=dark] .themed--Monogram_bYeQW.copy--Monogram__rsYS {
    --image-url: url(../images/icons_01_16_copy_onDark-89b347ed452fbb748a7b.svg)
}

.themed--Monogram_bYeQW.delete--Monogram_vwXcF {
    --image-url: url(../images/icons_02_16_delete-6116dc35d74d1e354702.svg)
}

.themed--Monogram_bYeQW.dropdown--Monogram_rq2v_ {
    --image-url: url(../images/icons_01_16_dropdown-bb1cddca033868e166e2.svg)
}

.themed--Monogram_bYeQW.edit--Monogram_BamIm {
    --image-url: url(../images/icons_01_16_edit-0c4b749122603910a46e.svg)
}

.themed--Monogram_bYeQW.email--Monogram_ArMIl {
    --image-url: url(../images/icons_01_16_email_onLight-51688dcc72d2fbd84d87.svg)
}

[data-theme=dark] .themed--Monogram_bYeQW.email--Monogram_ArMIl {
    --image-url: url(../images/icons_01_16_email_onDark-51688dcc72d2fbd84d87.svg)
}

.themed--Monogram_bYeQW.favoriteOff--Monogram_nzRCJ {
    --image-url: url(../images/icons_01_16_favoriteOff-7a6cb795d8b79b70a492.svg)
}

.themed--Monogram_bYeQW.favoriteOn--Monogram_lD9PO {
    --image-url: url(../images/icons_01_16_favoriteOn-d4885f0709011d51eeeb.svg)
}

.themed--Monogram_bYeQW.filter--Monogram_nsA5b {
    --image-url: url(../images/icons_01_16_filter-f87c1a70e21283970da1.svg)
}

.themed--Monogram_bYeQW.information--Monogram_k6_P3 {
    --image-url: url(../images/icons_01_16_info_onLight-03732e588d6732d29131.svg)
}

[data-theme=dark] .themed--Monogram_bYeQW.information--Monogram_k6_P3 {
    --image-url: url(../images/icons_01_16_info_onDark-8aa8793e867d09e6cdb8.svg)
}

.themed--Monogram_bYeQW.ladybug--Monogram_ohxHt {
    --image-url: url(../images/icons_01_16_ladybug_onLight-a7ef14f9112d62c70f7b.svg)
}

[data-theme=dark] .themed--Monogram_bYeQW.ladybug--Monogram_ohxHt {
    --image-url: url(../images/icons_01_16_ladybug_onDark-2d1db87108b1df9d95db.svg)
}

.themed--Monogram_bYeQW.link--Monogram_u64GW {
    --image-url: url(../images/icons_01_16_link-39014b24a57e09446265.svg)
}

.themed--Monogram_bYeQW.lock--Monogram_aB31_ {
    --image-url: url(../images/icons_01_16_lock-82337a59dccd8e3bd280.svg)
}

.themed--Monogram_bYeQW.minus--Monogram_Wxny1 {
    --image-url: url(../images/icons_01_16_minus-e81f9380787bd3537289.svg)
}

.themed--Monogram_bYeQW.move--Monogram_zwsBX {
    --image-url: url(../images/icons_01_16_move-383bf0c13d2d9c87e56f.svg)
}

.themed--Monogram_bYeQW.navigateBack--Monogram_sDCmp {
    --image-url: url(../images/icons_01_16_navigateBack-5c85496497d573df89f5.svg)
}

.themed--Monogram_bYeQW.navigateForward--Monogram_N6ef6 {
    --image-url: url(../images/icons_01_16_navigateForward-5c41977536600a4ead06.svg)
}

.themed--Monogram_bYeQW.newWindow--Monogram_GZ1uC {
    --image-url: url(../images/icons_01_16_newWindow-91f5b7ca3ce252860e7a.svg)
}

.themed--Monogram_bYeQW.notifications--Monogram_Of40c {
    --image-url: url(../images/icons_01_16_notifications-0dce094c8cb574e891e4.svg)
}

.themed--Monogram_bYeQW.overflow--Monogram_sHOTE {
    --image-url: url(../images/icons_01_16_overflow-abd27cf451b3dd98c7b2.svg)
}

.themed--Monogram_bYeQW.passwordGenerator--Monogram_estVJ {
    --image-url: url(../images/icons_monochrome_16_spg-a9848343f73097a8c012.svg)
}

.themed--Monogram_bYeQW.plus--Monogram_YShmu {
    --image-url: url(../images/icons_01_16_plus-79dd8c54dd4f3dadf5bd.svg)
}

.themed--Monogram_bYeQW.plusSmall--Monogram_Vr5UW {
    --image-url: url(../images/icons_01_16_plusSmall-ec4209c5ae7549e591a9.svg)
}

.themed--Monogram_bYeQW.print--Monogram_HNViV {
    --image-url: url(../images/icons_01_16_print_onLight-160a1d4578c87965d9ab.svg)
}

[data-theme=dark] .themed--Monogram_bYeQW.print--Monogram_HNViV {
    --image-url: url(../images/icons_01_16_print_onDark-160a1d4578c87965d9ab.svg)
}

.themed--Monogram_bYeQW.private--Monogram_Ic55T {
    --image-url: url(../images/icons_01_16_private-2eb73c6a8f426cd17f09.svg)
}

.themed--Monogram_bYeQW.search--Monogram_VMfxJ {
    --image-url: url(../images/icons_01_16_search-3adc37b4465d00c9097c.svg)
}

.themed--Monogram_bYeQW.settings--Monogram_n5SWn {
    --image-url: url(../images/icons_01_16_settings-7ba139976e7ce2893bc1.svg)
}

.themed--Monogram_bYeQW.share--Monogram_Jt7T0 {
    --image-url: url(../images/icons_01_16_share-9d87c90d4cc4566589a9.svg)
}

.themed--Monogram_bYeQW.shared--Monogram_FHhhE {
    --image-url: url(../images/icons_01_16_shared-249f306b0f235b18fb7a.svg)
}

.themed--Monogram_bYeQW.sidebarClose--Monogram_MX26k {
    --image-url: url(../images/icons_01_16_sidebarClose-feb8ab42ef376325fc7d.svg)
}

.themed--Monogram_bYeQW.sidebarOpen--Monogram_co0HT {
    --image-url: url(../images/icons_01_16_sidebarOpen-ad17f5bec1befc5a3f06.svg)
}

.themed--Monogram_bYeQW.sort--Monogram_YlCVe {
    --image-url: url(../images/icons_01_16_sort-2e82f18d82861dfec55a.svg)
}

.themed--Monogram_bYeQW.warning--Monogram_Nk_Il {
    --image-url: url(../images/icons_01_16_warning_onLight-153de300888fba30cb29.svg)
}

[data-theme=dark] .themed--Monogram_bYeQW.warning--Monogram_Nk_Il {
    --image-url: url(../images/icons_01_16_warning_onDark-d5b3efcaf23bc7fad9aa.svg)
}

.themed--Monogram_bYeQW.whatsApp--Monogram_Fmb9s {
    --image-url: url(../images/icons_01_16_whatsapp_onLight-facc612ef69a08f53b0d.svg)
}

[data-theme=dark] .themed--Monogram_bYeQW.whatsApp--Monogram_Fmb9s {
    --image-url: url(../images/icons_01_16_whatsapp_onDark-0489ec04a7bb134b29a8.svg)
}

.chevron--Monogram_gI4Vn::after {
    background: url(../images/chevron-down-faded-5798f1f757141ae8dc2a.svg) center no-repeat, linear-gradient(to bottom, #fff 53%, #e2e2e2 98%);
    background-size: auto 5px, cover;
    border-radius: 50%;
    bottom: 0;
    box-shadow: 0 1px 2px 0 hsla(var(--color-black-pure-hsl), 0.2), 0 0 0 1px hsla(var(--color-black-pure-hsl), 0.1);
    content: "";
    height: 16px;
    pointer-events: none;
    position: absolute;
    right: 0;
    width: 16px
}

.chevronPressed--Monogram_PFftC::after {
    background: url(../images/chevron-down-faded-5798f1f757141ae8dc2a.svg) center no-repeat;
    background-color: var(--color-gray-almostWhite);
    background-size: auto 5px;
    box-shadow: 0 -1px 2px 0 hsla(var(--color-black-pure-hsl), 0.2), 0 0 0 1px hsla(var(--color-black-pure-hsl), 0.1);
    transform: rotate(180deg)
}

.favorite--Monogram_L4i4F::after {
    background: url(../images/favorites-mini-9d722f422d1df76659d4.svg) no-repeat;
    background-size: 100%;
    bottom: -2px;
    content: "";
    height: 12px;
    pointer-events: none;
    position: absolute;
    right: -4px;
    width: 12px
}

.lock--Monogram_aB31_::after {
    --icon-source: url(../images/lock-dark-2c10ff8e95b22b363a36.svg);
    background: url(../images/lock-dark-2c10ff8e95b22b363a36.svg) center no-repeat, linear-gradient(var(--Icon-bg-color), var(--Icon-bg-color));
    background: var(--icon-source) center no-repeat, linear-gradient(var(--Icon-bg-color), var(--Icon-bg-color));
    background-size: auto 8px;
    border-top-left-radius: calc(var(--size)/var(--border-radius-ratio));
    bottom: -4px;
    content: "";
    height: 16px;
    pointer-events: none;
    position: absolute;
    right: -4px;
    width: 16px
}

[data-theme=dark] .lock--Monogram_aB31_::after {
    --icon-source: url(../images/lock-light-ee8298fc5ac53b48ad8c.svg)
}

.monogram--Monogram_fI3xj {
    --space-outer: 0;
    border-radius: calc(var(--size)/var(--border-radius-ratio));
    font-weight: bold;
    line-height: var(--size);
    margin: 0;
    margin: var(--space-outer);
    position: relative;
    text-align: center;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.monogram--Monogram_fI3xj::before {
    border-radius: calc(var(--size)/var(--border-radius-ratio))
}

.mini--Monogram_mItEb {
    font-size: 7px
}

.small--Monogram_be8xy {
    --size: 22px;
    --space-outer: 2px;
    font-size: 10px
}

.medium--Monogram_UlncY {
    --size: 30px;
    --space-outer: 1px;
    font-size: 12px
}

.large--Monogram_uq5lf {
    --size: 60px;
    --space-outer: 2px;
    font-size: 24px
}

.iconPicker--IconPicker_thhud {
    position: relative
}

.iconPickerButton--IconPicker_pMVgW {
    background: none;
    border: none;
    outline: 0;
    padding: 0
}

.iconPickerButton--IconPicker_pMVgW:focus>* {
    box-shadow: inset 0 0 0 1px var(--color-shadow-medium), inset 0 0 0 1px var(--color-blue-focus-light), 0 0 0 3px var(--color-blue-focus-light)
}

.arrow--IconPicker_V8Hlk {
    background: var(--color-white);
    background-clip: content-box;
    border-left: 1px solid hsla(var(--color-black-pure-hsl), 0.1);
    border-top: 1px solid hsla(var(--color-black-pure-hsl), 0.1);
    border-top-left-radius: 3px;
    height: 16px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    transform: rotate(45deg) translateY(-7px) translateX(-6px);
    width: 16px
}

.iconsWrapper--IconPicker_muoYd {
    max-height: 231px;
    overflow-y: scroll
}

.icons--IconPicker_T7rnq {
    background: var(--color-white);
    border-radius: 6px;
    box-shadow: 0 0 0 1px hsla(var(--color-black-pure-hsl), 0.1), 0 1px 20px 0 var(--color-shadow-medium);
    position: absolute;
    top: 80px;
    transform: translateX(calc(-50% + 30px))
}

.iconsList--IconPicker_QP9jY {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(6, 1fr);
    list-style: none;
    margin: 0;
    outline: 0;
    padding: 16px
}

.uploadIcon--IconPicker_N6jIc {
    height: 30px;
    width: 30px
}

.uploadIcon--IconPicker_N6jIc img {
    border-radius: 50%;
    width: 100%
}

.uploadIconAvatar--IconPicker_SEr56 img {
    border-radius: 6px
}

.focusedIcon--IconPicker_EgaaX>* {
    box-shadow: inset 0 0 0 1px var(--color-shadow-medium), inset 0 0 0 1px var(--color-blue-focus-light), 0 0 0 3px var(--color-blue-focus-light)
}

.selectIconAvatar--IconPicker_dVsS_ {
    border-radius: 12px
}

.header--MoveItemWorkflow_APKGM {
    font-size: calc(20/var(--text-size-base)*1rem);
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 20px
}

.listOuter--MoveItemWorkflow_N71gJ {
    display: flex;
    flex-shrink: 1;
    height: auto !important;
    max-height: 530px;
    min-height: 0
}

.list--MoveItemWorkflow_PCJlC {
    overflow-y: auto;
    padding: 16px;
    width: 100%
}

.list--MoveItemWorkflow_PCJlC>div+div {
    padding-bottom: 6px;
    padding-top: 6px
}

.account--MoveItemWorkflow_uPodb {
    font-size: calc(14/var(--text-size-base)*1rem);
    font-weight: normal;
    line-height: 1.3;
    align-items: center;
    display: flex
}

.account--MoveItemWorkflow_uPodb *+* {
    margin-left: 8px
}

.message--MoveItemWorkflow_fv_7N {
    font-size: calc(14/var(--text-size-base)*1rem);
    font-weight: normal;
    line-height: 1.3;
    align-items: center;
    display: flex
}

.message--MoveItemWorkflow_fv_7N>*+* {
    margin-left: 8px
}

.warning--MoveItemWorkflow_YyZDs {
    font-size: calc(14/var(--text-size-base)*1rem);
    font-weight: normal;
    line-height: 1.3;
    background-color: var(--fill-05-01-04);
    border-radius: 8px;
    color: var(--text-color-01-02);
    grid-column-gap: 8px;
    column-gap: 8px;
    display: grid;
    grid-template-columns: 16px auto;
    margin-bottom: 20px !important;
    padding: 12px 12px 12px 12px
}

.separator--MoveItemWorkflow_N73Ds {
    background-color: var(--fill-03);
    border-style: none;
    height: 1px
}

.searchBox--MoveItemWorkflow_vfmdf {
    min-width: 100%;
    padding: 16px;
    padding-bottom: 0;
    padding-top: 4px
}

.searchBox--MoveItemWorkflow_vfmdf input {
    max-width: 100%
}

.destination--MoveItemWorkflow_PodgR {
    font-size: calc(14/var(--text-size-base)*1rem);
    font-weight: normal;
    line-height: 1.3;
    align-items: center;
    border: 1px solid var(--border-02);
    border-radius: 8px;
    color: var(--text-01-08);
    display: flex;
    overflow: hidden;
    padding: 8px
}

.destination--MoveItemWorkflow_PodgR .icon--MoveItemWorkflow_S5Fbz {
    flex-shrink: 0
}

.destination--MoveItemWorkflow_PodgR .displayValue--MoveItemWorkflow_oI9qF {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.destination--MoveItemWorkflow_PodgR>div {
    display: flex
}

.destination--MoveItemWorkflow_PodgR>div .icon--MoveItemWorkflow_S5Fbz {
    margin-right: 8px
}

.destination--MoveItemWorkflow_PodgR>div+div {
    margin-left: 10px
}

.destination--MoveItemWorkflow_PodgR>div+div::before {
    background-color: var(--border-02);
    content: "";
    height: 16px;
    margin-right: 10px;
    width: 1px
}

.footer--MoveItemWorkflow_zF9F8 {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px
}

.footer--MoveItemWorkflow_zF9F8 *+* {
    margin-left: 8px
}

.sharingSummary--MoveItemWorkflow_ywe57 {
    font-size: calc(20/var(--text-size-base)*1rem);
    font-weight: 600;
    line-height: 1.2;
    padding: 16px 0 16px 0
}

.sharingSummary--MoveItemWorkflow_ywe57 .sharingIcon--MoveItemWorkflow_fmszU {
    margin-right: 8px
}

.selectable--MoveItemWorkflow_z8FcQ:hover {
    background-color: var(--fill-06-01)
}

.disabled--MoveItemWorkflow_Lk5mX {
    color: var(--text-03-08)
}

.moveItemMenu--MoveItemWorkflow_ABqto {
    background-color: var(--move-menu-bg);
    box-sizing: border-box;
    color: var(--text-color-01);
    display: flex;
    flex-direction: column;
    max-height: inherit;
    padding: 20px;
    width: 400px
}

.moveItemMenu--MoveItemWorkflow_ABqto .vault--MoveItemWorkflow_EqWfl {
    padding-left: 27px
}

.moveItemMenu--MoveItemWorkflow_ABqto .message--MoveItemWorkflow_fv_7N {
    padding-left: 27px
}

.confirmationElements--MoveItemWorkflow_r8Hv0 {
    padding: 0 20px
}

.confirmationElements--MoveItemWorkflow_r8Hv0>div {
    margin-bottom: 8px
}

.confirmationElements--MoveItemWorkflow_r8Hv0>div+div {
    margin-bottom: 16px;
    margin-top: 8px;
    width: max-content
}

.linkText--PartitionedText_iHYVI,
.linkAppearanceText--PartitionedText_q1UEU,
.numericText--PartitionedText_WSmxV {
    color: var(--text-color-blue)
}

.dangerousText--PartitionedText_d4oQs,
.punctuationText--PartitionedText_TQF_h {
    color: var(--text-color-05)
}

.disabledText--PartitionedText__jrTn {
    color: var(--text-color-02)
}

.emphasizedText--PartitionedText_BsjYh {
    font-weight: 600
}

.highlightText--PartitionedText_p4Z_d {
    background-color: var(--color-specifics-highlighter);
    font-weight: 600
}

.box--SearchBox_VcCvB {
    position: relative
}

.box--SearchBox_VcCvB::before {
    -webkit-mask: url(../images/icons_01_16_search-3adc37b4465d00c9097c.svg);
    mask: url(../images/icons_01_16_search-3adc37b4465d00c9097c.svg);
    background-color: var(--text-color-secondary);
    content: "";
    height: 16px;
    left: 12px;
    pointer-events: none;
    position: absolute;
    top: 6px;
    width: 16px
}

.input--SearchBox_NtLpV {
    background-color: var(--bg-color);
    border: none;
    border-radius: 18px;
    box-shadow: 0 0 0 1px var(--border-color);
    color: var(--text-color);
    font-size: 13px;
    height: 28px;
    max-width: 320px;
    outline: none;
    padding: 0 12px 0 36px;
    width: 100%
}

.input--SearchBox_NtLpV:-ms-input-placeholder {
    color: var(--text-color-secondary)
}

.input--SearchBox_NtLpV::placeholder {
    color: var(--text-color-secondary)
}

.input--SearchBox_NtLpV::-webkit-search-cancel-button {
    -webkit-mask: url(../images/icons_01_16_cancel-8730a8be9115fb17ed51.svg);
    mask: url(../images/icons_01_16_cancel-8730a8be9115fb17ed51.svg);
    -webkit-appearance: none;
    background-color: var(--text-color-secondary);
    cursor: pointer;
    height: 16px;
    margin: 0 0 0 8px;
    width: 16px
}

.input--SearchBox_NtLpV:focus {
    box-shadow: 0 0 0 1px var(--border-color), 0 0 0 3px var(--focus-ring-color)
}

.list--SearchBox_rnpYj {
    background-color: var(--bg-color);
    border-radius: 8px;
    box-shadow: var(--border-elevated), 0 2px 24px var(--color-shadow-ultraLight);
    box-sizing: border-box;
    font-size: 13px;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overflow: hidden auto;
    padding: 6px;
    width: 320px
}

.list--SearchBox_rnpYj .listItem--SearchBox_L7HNH {
    align-items: center;
    border-radius: 6px;
    display: flex;
    height: 32px
}

.list--SearchBox_rnpYj .listItem--SearchBox_L7HNH[aria-selected=true] {
    background-color: var(--color-blue-readable-dark);
    color: var(--color-white)
}

.list--SearchBox_rnpYj .listItem--SearchBox_L7HNH[aria-selected=true] .listItemIcon--SearchBox_qUfNK {
    color: var(--color-highlight-bright)
}

.list--SearchBox_rnpYj .listItem--SearchBox_L7HNH[aria-selected=true] .highlightText--SearchBox_l0IWw {
    background-color: transparent !important
}

.listHint--SearchBox_SfwiQ {
    color: var(--text-color-secondary);
    padding: 6px 8px 12px
}

.listItem--SearchBox_L7HNH {
    color: var(--text-color);
    cursor: pointer;
    padding: 0 8px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.listItemIcon--SearchBox_qUfNK {
    color: var(--text-color-secondary);
    display: inline-block;
    flex-shrink: 0;
    margin-right: 8px
}

.highlightText--SearchBox_l0IWw,
.plainText--SearchBox_DL6dZ {
    color: inherit !important
}

.truncate--SearchBox_G2Opb {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.visuallyHidden--SearchBox_q7WaF {
    clip: rect(0, 0, 0, 0);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    word-wrap: normal
}

.item--Item_oKGmI {
    align-items: center;
    border-radius: 8px;
    display: grid;
    grid-column-gap: 13px;
    grid-template-columns: 32px auto max-content;
    width: 100%
}

.item--Item_oKGmI .details--Item_atB4K {
    display: grid
}

.item--Item_oKGmI .details--Item_atB4K .title--Item_pE0Bi {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: calc(14/var(--text-size-base)*1rem);
    font-weight: normal;
    line-height: 1.3;
    color: var(--text-color-01)
}

.item--Item_oKGmI .details--Item_atB4K .subtitle--Item_EIxRW {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: calc(12/var(--text-size-base)*1rem);
    font-weight: normal;
    line-height: 1.3;
    color: var(--text-color-02)
}

.item--Item_oKGmI .details--Item_atB4K.disabled--Item_ucGg8 .title--Item_pE0Bi,
.item--Item_oKGmI .details--Item_atB4K.disabled--Item_ucGg8 .subtitle--Item_EIxRW {
    color: var(--text-color-03)
}

.modal--ModalDialog_meqLq {
    position: relative
}

[data-theme=dark] .modal--ModalDialog_meqLq::after {
    border-radius: inherit;
    bottom: 0;
    box-shadow: inset 0 0 0 1px var(--color-shading-on-dark-barely-there);
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.container--ModalDialog_HhPo1 {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    padding: 20px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2147483647
}

.modal--ModalDialog_meqLq {
    box-shadow: 0 0 0 1px var(--color-shading-on-light-faint), 0 4px 16px var(--color-shading-on-light-extra-faint), 0 8px 40px var(--color-shading-on-light-faint);
    -webkit-app-region: no-drag;
    background-color: var(--modal-bg);
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    max-height: 100%;
    outline: none;
    padding-top: 20px;
    width: 400px
}

[data-theme=dark] .modal--ModalDialog_meqLq {
    box-shadow: 0 0 0 1px var(--color-shading-on-light-medium), 0 4px 16px var(--color-shading-on-light-faint), 0 8px 40px var(--color-shading-on-light-heavy)
}

.backdrop--ModalDialog_jzkMC {
    background-color: var(--fill-07-02);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.title--ModalDialog_DYtj0 {
    font-size: calc(20/var(--text-size-base)*1rem);
    font-weight: 600;
    line-height: 1.2;
    color: var(--text-color-01);
    flex-shrink: 0;
    margin-top: -20px;
    word-wrap: break-word;
    padding: 20px
}

.scrollContainer--ModalDialog_mMxbo {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    max-height: 530px;
    min-height: 0
}

.body--ModalDialog_F5A_5 {
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
    overflow: hidden auto;
    width: 100%
}

.footer--ModalDialog_UnWAh {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    padding: 20px;
    padding-top: 0
}

.footer--ModalDialog_UnWAh::before {
    border-bottom: 1px solid var(--fill-03);
    content: "";
    margin-bottom: 20px;
    width: 100%
}

.footer--ModalDialog_UnWAh .actions--ModalDialog_BeYpa {
    display: flex;
    justify-content: flex-end
}

.footer--ModalDialog_UnWAh .action--ModalDialog_cEGQv {
    min-width: 50px
}

.footer--ModalDialog_UnWAh .action--ModalDialog_cEGQv:not(:first-child) {
    margin-left: 8px
}

.footer--ModalDialog_UnWAh .tertiary--ModalDialog_J0pgb {
    margin-right: auto
}

.defaultAction--Field_u8Ovc:focus,
.defaultAction--Field_u8Ovc::-moz-focus-inner,
.moreActions--Field_sbnth:focus,
.moreActions--Field_sbnth::-moz-focus-inner {
    border: none
}

.defaultAction--Field_u8Ovc:focus,
.moreActions--Field_sbnth:focus {
    outline: none
}

.defaultAction--Field_u8Ovc {
    font-size: calc(14/var(--text-size-base)*1rem);
    font-weight: 600;
    line-height: 1.3;
    background-color: transparent;
    border: none;
    color: var(--text-color-01);
    flex-shrink: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    white-space: nowrap;
    width: 0
}

.moreActions--Field_sbnth {
    background-color: transparent;
    border: none;
    border-bottom-right-radius: inherit;
    border-top-right-radius: inherit;
    color: var(--text-color-01);
    display: grid;
    flex-shrink: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    align-items: center;
    justify-items: center;
    place-items: center;
    width: 0
}

.field--Field_DpRhP {
    font-size: calc(14/var(--text-size-base)*1rem);
    font-weight: normal;
    line-height: 1.3;
    --border-radius: 8px;
    display: flex;
    position: relative;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.field--Field_DpRhP .contentAndDefaultAction--Field__GfgV {
    border-radius: inherit;
    display: flex;
    flex-grow: 1;
    overflow: hidden;
    padding: 9px 16px
}

.field--Field_DpRhP .content--Field_JugK4 {
    color: var(--text-color-01);
    flex-grow: 1;
    margin: auto 0
}

.field--Field_DpRhP .label--Field_GlJ9q {
    font-size: calc(12/var(--text-size-base)*1rem);
    font-weight: normal;
    line-height: 1.3;
    color: var(--fill-05-02)
}

.field--Field_DpRhP .accessory--Field_bmmyJ {
    flex-shrink: 0;
    margin: auto 0 auto 8px
}

.field--Field_DpRhP.compact--Field_svPX3 .contentAndDefaultAction--Field__GfgV {
    padding: 7px 12px
}

.field--Field_DpRhP.compact--Field_svPX3 .accessory--Field_bmmyJ {
    margin-left: 6px
}

.field--Field_DpRhP.Bottom--Field_bEvDr {
    border-radius: 0 0 var(--border-radius) var(--border-radius)
}

.field--Field_DpRhP.Top--Field_QMWA0 {
    border-radius: var(--border-radius) var(--border-radius) 0 0
}

.field--Field_DpRhP.TopAndBottom--Field_Mpv07 {
    border-radius: var(--border-radius)
}

.field--Field_DpRhP.primary--Field_ZazTf {
    background-color: var(--fill-01-05)
}

.field--Field_DpRhP.primary--Field_ZazTf::after {
    border: 1px solid var(--border-02);
    border-radius: inherit;
    box-sizing: border-box;
    content: "";
    height: 100%;
    pointer-events: none;
    position: absolute;
    width: 100%
}

.field--Field_DpRhP.primary--Field_ZazTf.Middle--Field_xObRZ,
.field--Field_DpRhP.primary--Field_ZazTf.Bottom--Field_bEvDr {
    margin-top: -1px
}

.field--Field_DpRhP.primary--Field_ZazTf.Middle--Field_xObRZ::after,
.field--Field_DpRhP.primary--Field_ZazTf.Top--Field_QMWA0::after {
    border-bottom-width: 0
}

[data-theme=dark] .field--Field_DpRhP.primary--Field_ZazTf {
    background-color: var(--fill-01-02)
}

.field--Field_DpRhP.actionable--Field_yNzUo {
    cursor: pointer
}

.field--Field_DpRhP.actionable--Field_yNzUo .defaultAction--Field_u8Ovc,
.field--Field_DpRhP.actionable--Field_yNzUo .moreActions--Field_sbnth {
    cursor: inherit
}

.field--Field_DpRhP.actionable--Field_yNzUo .contentAndDefaultAction--Field__GfgV:hover,
.field--Field_DpRhP.actionable--Field_yNzUo .contentAndDefaultAction--Field__GfgV:active,
[data-focus-visible] .field--Field_DpRhP.actionable--Field_yNzUo .contentAndDefaultAction--Field__GfgV:focus-within {
    background-image: var(--image-06-01)
}

.field--Field_DpRhP.actionable--Field_yNzUo .contentAndDefaultAction--Field__GfgV:hover,
[data-focus-visible] .field--Field_DpRhP.actionable--Field_yNzUo .contentAndDefaultAction--Field__GfgV:focus-within {
    --content-and-actions-bg-color: transparent
}

.field--Field_DpRhP.actionable--Field_yNzUo .contentAndDefaultAction--Field__GfgV:active {
    --content-and-actions-bg-color: var(--fill-03)
}

.field--Field_DpRhP.actionable--Field_yNzUo .moreActions--Field_sbnth:hover,
.field--Field_DpRhP.actionable--Field_yNzUo .moreActions--Field_sbnth:active,
[data-focus-visible] .field--Field_DpRhP.actionable--Field_yNzUo .moreActions--Field_sbnth:focus,
.field--Field_DpRhP.actionable--Field_yNzUo .moreActions--Field_sbnth[aria-expanded=true] {
    background-image: var(--image-06-01)
}

.field--Field_DpRhP.actionable--Field_yNzUo .moreActions--Field_sbnth:hover,
[data-focus-visible] .field--Field_DpRhP.actionable--Field_yNzUo .moreActions--Field_sbnth:focus {
    --content-and-actions-bg-color: transparent
}

.field--Field_DpRhP.actionable--Field_yNzUo .moreActions--Field_sbnth:active,
.field--Field_DpRhP.actionable--Field_yNzUo .moreActions--Field_sbnth[aria-expanded=true] {
    --content-and-actions-bg-color: var(--fill-03)
}

.field--Field_DpRhP.actionable--Field_yNzUo:hover .contentAndDefaultAction--Field__GfgV,
.field--Field_DpRhP.actionable--Field_yNzUo:hover .moreActions--Field_sbnth,
.field--Field_DpRhP.actionable--Field_yNzUo:active .contentAndDefaultAction--Field__GfgV,
.field--Field_DpRhP.actionable--Field_yNzUo:active .moreActions--Field_sbnth,
[data-focus-visible] .field--Field_DpRhP.actionable--Field_yNzUo:focus-within .contentAndDefaultAction--Field__GfgV,
[data-focus-visible] .field--Field_DpRhP.actionable--Field_yNzUo:focus-within .moreActions--Field_sbnth,
.field--Field_DpRhP.actionable--Field_yNzUo.moreActionsMenuOpen--Field_ozFub .contentAndDefaultAction--Field__GfgV,
.field--Field_DpRhP.actionable--Field_yNzUo.moreActionsMenuOpen--Field_ozFub .moreActions--Field_sbnth {
    background-color: var(--content-and-actions-bg-color, var(--fill-05))
}

.field--Field_DpRhP.actionable--Field_yNzUo:hover .accessory--Field_bmmyJ,
.field--Field_DpRhP.actionable--Field_yNzUo:active .accessory--Field_bmmyJ,
[data-focus-visible] .field--Field_DpRhP.actionable--Field_yNzUo:focus-within .accessory--Field_bmmyJ,
.field--Field_DpRhP.actionable--Field_yNzUo.moreActionsMenuOpen--Field_ozFub .accessory--Field_bmmyJ {
    display: none
}

.field--Field_DpRhP.actionable--Field_yNzUo:hover .defaultAction--Field_u8Ovc,
.field--Field_DpRhP.actionable--Field_yNzUo:hover .moreActions--Field_sbnth,
.field--Field_DpRhP.actionable--Field_yNzUo:active .defaultAction--Field_u8Ovc,
.field--Field_DpRhP.actionable--Field_yNzUo:active .moreActions--Field_sbnth,
[data-focus-visible] .field--Field_DpRhP.actionable--Field_yNzUo:focus-within .defaultAction--Field_u8Ovc,
[data-focus-visible] .field--Field_DpRhP.actionable--Field_yNzUo:focus-within .moreActions--Field_sbnth,
.field--Field_DpRhP.actionable--Field_yNzUo.moreActionsMenuOpen--Field_ozFub .defaultAction--Field_u8Ovc,
.field--Field_DpRhP.actionable--Field_yNzUo.moreActionsMenuOpen--Field_ozFub .moreActions--Field_sbnth {
    opacity: 1
}

.field--Field_DpRhP.actionable--Field_yNzUo:hover .defaultAction--Field_u8Ovc,
.field--Field_DpRhP.actionable--Field_yNzUo:active .defaultAction--Field_u8Ovc,
[data-focus-visible] .field--Field_DpRhP.actionable--Field_yNzUo:focus-within .defaultAction--Field_u8Ovc,
.field--Field_DpRhP.actionable--Field_yNzUo.moreActionsMenuOpen--Field_ozFub .defaultAction--Field_u8Ovc {
    margin-left: 12px;
    width: auto
}

.field--Field_DpRhP.actionable--Field_yNzUo:hover .moreActions--Field_sbnth,
.field--Field_DpRhP.actionable--Field_yNzUo:active .moreActions--Field_sbnth,
[data-focus-visible] .field--Field_DpRhP.actionable--Field_yNzUo:focus-within .moreActions--Field_sbnth,
.field--Field_DpRhP.actionable--Field_yNzUo.moreActionsMenuOpen--Field_ozFub .moreActions--Field_sbnth {
    margin-left: 1px;
    width: 48px
}

.contentAndDefaultAction--Field__GfgV .field--Field_DpRhP.actionable--Field_yNzUo:hover,
.field--Field_DpRhP.actionable--Field_yNzUo:active,
[data-focus-visible] .field--Field_DpRhP.actionable--Field_yNzUo:focus-within,
.field--Field_DpRhP.actionable--Field_yNzUo.moreActionsMenuOpen--Field_ozFub {
    z-index: 1
}

.contentAndDefaultAction--Field__GfgV .field--Field_DpRhP.actionable--Field_yNzUo:hover.Middle--Field_xObRZ::after,
.contentAndDefaultAction--Field__GfgV .field--Field_DpRhP.actionable--Field_yNzUo:hover.Top--Field_QMWA0::after,
.field--Field_DpRhP.actionable--Field_yNzUo:active.Middle--Field_xObRZ::after,
.field--Field_DpRhP.actionable--Field_yNzUo:active.Top--Field_QMWA0::after,
[data-focus-visible] .field--Field_DpRhP.actionable--Field_yNzUo:focus-within.Middle--Field_xObRZ::after,
[data-focus-visible] .field--Field_DpRhP.actionable--Field_yNzUo:focus-within.Top--Field_QMWA0::after,
.field--Field_DpRhP.actionable--Field_yNzUo.moreActionsMenuOpen--Field_ozFub.Middle--Field_xObRZ::after,
.field--Field_DpRhP.actionable--Field_yNzUo.moreActionsMenuOpen--Field_ozFub.Top--Field_QMWA0::after {
    border-bottom-width: 1px
}

[data-focus-visible] .field--Field_DpRhP.actionable--Field_yNzUo:focus-within {
    z-index: 2
}

[data-focus-visible] .field--Field_DpRhP.actionable--Field_yNzUo:focus-within .contentAndDefaultAction--Field__GfgV:focus-within,
[data-focus-visible] .field--Field_DpRhP.actionable--Field_yNzUo:focus-within .moreActions--Field_sbnth:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.field--Field_DpRhP.hasMoreActions--Field_H7B5r .contentAndDefaultAction--Field__GfgV {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.truncate--Field_nroya {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.value--AddressField_pCEcT {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    white-space: pre
}

.field--DocumentField_WUuab {
    flex-direction: column
}

.document--DocumentField_T4gCZ {
    display: grid;
    padding: 32px 0 16px;
    align-items: center;
    justify-items: center;
    place-items: center;
    position: relative
}

.document--DocumentField_T4gCZ::before {
    background: url(../images/document_noPreview_onlight@3x-60509db7d3d8d5c9cc56.png) center/contain;
    content: "";
    height: 96px;
    width: 96px
}

[data-theme=dark] .document--DocumentField_T4gCZ::before {
    background-image: url(../images/document_noPreview_ondark@3x-d5c37f7cb936f7ae60c6.png)
}

.document--DocumentField_T4gCZ::after {
    background-color: var(--border-02);
    bottom: -1px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

.document--DocumentField_T4gCZ p {
    font-size: calc(12/var(--text-size-base)*1rem);
    font-weight: normal;
    line-height: 1.3;
    color: var(--text-color-02);
    margin: 16px 0 0;
    text-align: center
}

.actions--DocumentField_SLffz {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    cursor: pointer;
    display: flex;
    height: 48px
}

.actions--DocumentField_SLffz .defaultAction--DocumentField_bz9PH,
.actions--DocumentField_SLffz .moreActions--DocumentField_wbXJq {
    cursor: inherit;
    opacity: 1 !important
}

.actions--DocumentField_SLffz .defaultAction--DocumentField_bz9PH:hover,
.actions--DocumentField_SLffz .defaultAction--DocumentField_bz9PH:active,
[data-focus-visible] .actions--DocumentField_SLffz .defaultAction--DocumentField_bz9PH:focus,
.actions--DocumentField_SLffz .defaultAction--DocumentField_bz9PH[aria-expanded=true],
.actions--DocumentField_SLffz .moreActions--DocumentField_wbXJq:hover,
.actions--DocumentField_SLffz .moreActions--DocumentField_wbXJq:active,
[data-focus-visible] .actions--DocumentField_SLffz .moreActions--DocumentField_wbXJq:focus,
.actions--DocumentField_SLffz .moreActions--DocumentField_wbXJq[aria-expanded=true] {
    background-image: var(--image-06-01)
}

.actions--DocumentField_SLffz .defaultAction--DocumentField_bz9PH:hover,
[data-focus-visible] .actions--DocumentField_SLffz .defaultAction--DocumentField_bz9PH:focus,
.actions--DocumentField_SLffz .moreActions--DocumentField_wbXJq:hover,
[data-focus-visible] .actions--DocumentField_SLffz .moreActions--DocumentField_wbXJq:focus {
    --content-and-actions-bg-color: transparent
}

.actions--DocumentField_SLffz .defaultAction--DocumentField_bz9PH:active,
.actions--DocumentField_SLffz .defaultAction--DocumentField_bz9PH[aria-expanded=true],
.actions--DocumentField_SLffz .moreActions--DocumentField_wbXJq:active,
.actions--DocumentField_SLffz .moreActions--DocumentField_wbXJq[aria-expanded=true] {
    --content-and-actions-bg-color: var(--fill-03)
}

[data-focus-visible] .actions--DocumentField_SLffz .defaultAction--DocumentField_bz9PH:focus,
[data-focus-visible] .actions--DocumentField_SLffz .moreActions--DocumentField_wbXJq:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.actions--DocumentField_SLffz .defaultAction--DocumentField_bz9PH {
    border-bottom-left-radius: inherit;
    color: var(--text-color-blue) !important;
    flex: 1 1 !important;
    font-weight: normal !important;
    padding: 0 16px;
    text-align: left;
    width: auto !important
}

.actions--DocumentField_SLffz .moreActions--DocumentField_wbXJq {
    margin-left: 1px !important;
    width: 48px !important
}

.actions--DocumentField_SLffz:hover .defaultAction--DocumentField_bz9PH,
.actions--DocumentField_SLffz:hover .moreActions--DocumentField_wbXJq,
.actions--DocumentField_SLffz:active .defaultAction--DocumentField_bz9PH,
.actions--DocumentField_SLffz:active .moreActions--DocumentField_wbXJq,
[data-focus-visible] .actions--DocumentField_SLffz:focus-within .defaultAction--DocumentField_bz9PH,
[data-focus-visible] .actions--DocumentField_SLffz:focus-within .moreActions--DocumentField_wbXJq,
.actions--DocumentField_SLffz.moreActionsMenuOpen--DocumentField_g_lxY .defaultAction--DocumentField_bz9PH,
.actions--DocumentField_SLffz.moreActionsMenuOpen--DocumentField_g_lxY .moreActions--DocumentField_wbXJq {
    background-color: var(--content-and-actions-bg-color, var(--fill-05))
}

.markdown--Markdown_IMvue {
    white-space: normal;
    word-wrap: break-word
}

.markdown--Markdown_IMvue * {
    -webkit-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.markdown--Markdown_IMvue>* {
    margin: 0
}

.markdown--Markdown_IMvue>*+* {
    margin-top: 16px
}

.markdown--Markdown_IMvue h1,
.markdown--Markdown_IMvue h2,
.markdown--Markdown_IMvue h3,
.markdown--Markdown_IMvue h4,
.markdown--Markdown_IMvue h5,
.markdown--Markdown_IMvue h6,
.markdown--Markdown_IMvue strong {
    font-weight: bold
}

.markdown--Markdown_IMvue h1,
.markdown--Markdown_IMvue h2,
.markdown--Markdown_IMvue h3,
.markdown--Markdown_IMvue h4,
.markdown--Markdown_IMvue h5,
.markdown--Markdown_IMvue h6 {
    --increment: 0.15rem;
    font-weight: bold
}

.markdown--Markdown_IMvue h1 {
    font-size: calc(1rem + var(--increment) + var(--increment) + var(--increment))
}

.markdown--Markdown_IMvue h2 {
    font-size: calc(1rem + var(--increment) + var(--increment))
}

.markdown--Markdown_IMvue h3 {
    font-size: calc(1rem + var(--increment))
}

.markdown--Markdown_IMvue h4 {
    font-size: calc(1rem + var(--increment) - var(--increment))
}

.markdown--Markdown_IMvue h5 {
    font-size: calc(1rem + var(--increment) - var(--increment) - var(--increment))
}

.markdown--Markdown_IMvue h6 {
    font-size: calc(1rem + var(--increment) - var(--increment) - var(--increment) - var(--increment))
}

.markdown--Markdown_IMvue em {
    font-style: italic
}

.markdown--Markdown_IMvue del,
.markdown--Markdown_IMvue strike {
    color: var(--text-color-secondary)
}

.markdown--Markdown_IMvue ol,
.markdown--Markdown_IMvue ul {
    padding-left: 29px
}

.markdown--Markdown_IMvue ol {
    list-style: decimal
}

.markdown--Markdown_IMvue ul {
    list-style: disc
}

.markdown--Markdown_IMvue code,
.markdown--Markdown_IMvue pre {
    background-color: var(--bg-highlight-color-secondary);
    border-radius: 4px;
    font-family: monospace;
    white-space: pre-wrap
}

.markdown--Markdown_IMvue code {
    padding: 2px 4px
}

.markdown--Markdown_IMvue pre {
    padding: 8px 12px
}

.markdown--Markdown_IMvue blockquote {
    color: var(--text-color-secondary);
    padding-left: 16px;
    position: relative
}

.markdown--Markdown_IMvue blockquote::before {
    background-color: var(--color-faded-medium);
    border-radius: 2px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    width: 4px
}

.markdown--Markdown_IMvue a,
.markdown--Markdown_IMvue a:visited {
    color: var(--text-color-blue)
}

.markdown--Markdown_IMvue hr {
    background-color: var(--bg-highlight-color-secondary);
    border: none;
    height: 1px;
    width: 100%
}

.progressRing--ProgressRing_CPJt7 {
    transform: rotateZ(-90deg)
}

.progressRing--ProgressRing_CPJt7 circle:first-child {
    stroke: var(--fill-03)
}

.progressRing--ProgressRing_CPJt7 circle:last-child {
    stroke: var(--fill-01);
    transition: stroke-dashoffset 1s linear, stroke 125ms linear
}

.value--PasswordField_m0gCt {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-feature-settings: "ss01", "ss02"
}

.strengthIndicator--PasswordField_pNGIG {
    font-size: calc(12/var(--text-size-base)*1rem);
    font-weight: normal;
    line-height: 1.3;
    align-items: center;
    color: var(--text-color-02);
    display: flex
}

.strengthIndicator--PasswordField_pNGIG svg {
    margin-left: 8px
}

.content--RelatedItemField_UbUcF {
    align-items: center;
    grid-column-gap: 12px;
    column-gap: 12px;
    display: grid;
    grid-template-columns: 32px auto;
    grid-template-rows: 34px
}

.content--RelatedItemField_UbUcF .details--RelatedItemField_q3luc {
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.content--RelatedItemField_UbUcF .details--RelatedItemField_q3luc .title--RelatedItemField_GLnr5,
.content--RelatedItemField_UbUcF .details--RelatedItemField_q3luc .subtitle--RelatedItemField_WPtyB {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.content--RelatedItemField_UbUcF .details--RelatedItemField_q3luc .title--RelatedItemField_GLnr5 {
    font-size: calc(14/var(--text-size-base)*1rem);
    font-weight: normal;
    line-height: 1.3;
    color: var(--text-color-01)
}

.content--RelatedItemField_UbUcF .details--RelatedItemField_q3luc .subtitle--RelatedItemField_WPtyB {
    font-size: calc(12/var(--text-size-base)*1rem);
    font-weight: normal;
    line-height: 1.3;
    color: var(--text-color-02)
}

.tag--Tag_ZgZMx {
    font-size: calc(14/var(--text-size-base)*1rem);
    font-weight: normal;
    line-height: 1.3;
    align-items: center;
    background-color: var(--color-shading-barely-there);
    border: none;
    border-radius: 12px;
    color: var(--text-color-primary);
    cursor: pointer;
    display: flex;
    height: 24px;
    outline: none;
    overflow: hidden;
    padding: 0 8px
}

.tag--Tag_ZgZMx .text--Tag_ZpVjb {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tag--Tag_ZgZMx .icon--Tag_I6J09 {
    color: var(--fill-01);
    flex-shrink: 0;
    margin-left: 2px
}

.tag--Tag_ZgZMx.withActions--Tag_mzcXt {
    padding-right: 4px
}

.tag--Tag_ZgZMx:hover,
.tag--Tag_ZgZMx:active,
.tag--Tag_ZgZMx[aria-expanded=true],
[data-focus-visible] .tag--Tag_ZgZMx:focus {
    background-image: var(--image-tints-blue)
}

.tag--Tag_ZgZMx:active,
.tag--Tag_ZgZMx[aria-expanded=true] {
    background-color: var(--color-shading-extra-faint)
}

[data-focus-visible] .tag--Tag_ZgZMx:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.actions--Tag_oJaNv {
    min-width: max-content !important
}

.field--TagsField_qLC5G {
    overflow: hidden;
    padding: 9px 16px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.field--TagsField_qLC5G .label--TagsField_K3Vdl {
    font-size: calc(12/var(--text-size-base)*1rem);
    font-weight: normal;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--fill-05-02)
}

.field--TagsField_qLC5G.compact--TagsField_lZdPE {
    padding: 7px 12px
}

.tags--TagsField_ppwSA {
    display: flex;
    flex-wrap: wrap
}

.tag--TagsField_boxRo {
    margin-top: 3px
}

.tag--TagsField_boxRo:not(:last-child) {
    margin-right: 4px
}

.content--TOTPField_xJbQw {
    align-items: center;
    display: flex
}

.value--TOTPField_RjYxK,
.timeRemaining--TOTPField_cFNZm {
    font-size: calc(12/var(--text-size-base)*1rem);
    font-weight: normal;
    line-height: 1.3;
    font-feature-settings: "ss01", "ss02", "tnum"
}

.value--TOTPField_RjYxK {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pill--TOTPField_Ci3Ll {
    align-items: center;
    background-color: var(--fill-05);
    border-radius: 9.5px;
    display: inline-flex;
    flex-shrink: 0;
    margin-left: 4px;
    padding: 2px 6px 2px 4px
}

.pill--TOTPField_Ci3Ll .timeRemaining--TOTPField_cFNZm {
    color: var(--text-color-02);
    margin-left: 4px
}

.pill--TOTPField_Ci3Ll .countdown--TOTPField_FbgAO {
    align-items: center;
    display: flex
}

.pill--TOTPField_Ci3Ll .countdown--TOTPField_FbgAO.Normal--TOTPField_dXyXi circle:last-child {
    stroke: var(--fill-04-03)
}

.pill--TOTPField_Ci3Ll .countdown--TOTPField_FbgAO.Warning--TOTPField_lQPsE circle:last-child {
    stroke: var(--fill-04-04)
}

.item--ItemOverflowMenu_n73IH {
    font-size: calc(14/var(--text-size-base)*1rem);
    font-weight: normal;
    line-height: 1.3
}

.item--ItemOverflowMenu_n73IH .icon--ItemOverflowMenu_l0dIJ,
.item--ItemOverflowMenu_n73IH .secondaryText--ItemOverflowMenu_qTJRt {
    color: var(--text-color-02)
}

.item--ItemOverflowMenu_n73IH .secondaryText--ItemOverflowMenu_qTJRt {
    font-size: calc(12/var(--text-size-base)*1rem);
    font-weight: normal;
    line-height: 1.3;
    display: block
}

.item--ItemOverflowMenu_n73IH[data-current=true] .icon--ItemOverflowMenu_l0dIJ,
.item--ItemOverflowMenu_n73IH[data-current=true] .secondaryText--ItemOverflowMenu_qTJRt {
    color: var(--fill-03-01)
}

.item--ItemOverflowMenu_n73IH[data-current=true].dangerous--ItemOverflowMenu_B2T8X {
    background-color: var(--fill-05-01-04) !important
}

.item--ItemOverflowMenu_n73IH[data-current=true].dangerous--ItemOverflowMenu_B2T8X .dangerousText--ItemOverflowMenu_Iqfe3 {
    color: var(--fill-01-05) !important
}

.header--WatchtowerBanner_h1t3v {
    align-items: center;
    grid-column-gap: 8px;
    column-gap: 8px;
    display: grid;
    grid-template-columns: auto 24px 10px
}

.header--WatchtowerBanner_h1t3v>*+* {
    justify-self: end
}

.header--WatchtowerBanner_h1t3v span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .93rem
}

.header--WatchtowerBanner_h1t3v::after {
    background-image: url(../images/chevron-down-white-35940a89f01057416f8d.svg);
    content: "";
    height: 6px;
    transform: rotate(180deg);
    width: 10px
}

.banner--WatchtowerBanner_eNyh9 {
    border-radius: 6px;
    color: var(--color-white);
    display: flex;
    flex-direction: column;
    margin-top: 16px;
    outline: none;
    overflow: hidden;
    padding: 16px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.banner--WatchtowerBanner_eNyh9 .details--WatchtowerBanner_phh04 {
    display: flex;
    flex-direction: column;
    margin: 16px 0 0
}

.banner--WatchtowerBanner_eNyh9 .details--WatchtowerBanner_phh04 p {
    font-size: .8rem;
    margin: 0
}

.banner--WatchtowerBanner_eNyh9 .details--WatchtowerBanner_phh04 p a {
    color: inherit
}

.banner--WatchtowerBanner_eNyh9 .details--WatchtowerBanner_phh04 .buttons--WatchtowerBanner_GY6rN {
    margin-top: 16px
}

.banner--WatchtowerBanner_eNyh9 .details--WatchtowerBanner_phh04 .buttons--WatchtowerBanner_GY6rN>*+* {
    margin-left: 12px
}

.banner--WatchtowerBanner_eNyh9.collapsed--WatchtowerBanner_RGaFB .header--WatchtowerBanner_h1t3v::after {
    transform: rotate(0deg)
}

.banner--WatchtowerBanner_eNyh9.collapsed--WatchtowerBanner_RGaFB .details--WatchtowerBanner_phh04 {
    display: none
}

[data-focus-visible] .banner--WatchtowerBanner_eNyh9:focus {
    box-shadow: 0 0 0 2px var(--focus-ring-color)
}

.itemDetails--ItemDetails_iQ4mX {
    --space-x: 16px;
    --space-y-large: 20px;
    background-color: var(--fill-01-05);
    color: var(--text-color-01);
    height: 100%
}

[data-theme=dark] .itemDetails--ItemDetails_iQ4mX {
    background-color: var(--fill-01-02)
}

.elements--ItemDetails_cOe7o {
    box-sizing: border-box;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    overflow: hidden auto;
    padding: 0 var(--space-x);
    width: 100%
}

.header--ItemDetails_O3EkS {
    display: flex;
    justify-content: space-between;
    margin-top: 3px
}

.header--ItemDetails_O3EkS .editButtonAndOverflowMenu--ItemDetails_Wj1BA {
    flex-shrink: 0;
    margin-left: 8px
}

.title--ItemDetails_EBRVL {
    align-items: center;
    display: flex;
    padding: var(--space-y-large) 0 var(--space-y-large) var(--space-x)
}

.title--ItemDetails_EBRVL>:first-child {
    flex-shrink: 0
}

.title--ItemDetails_EBRVL h1 {
    font-size: calc(20/var(--text-size-base)*1rem);
    font-weight: 600;
    line-height: 1.2;
    -webkit-box-orient: vertical;
    color: var(--text-color-01);
    display: -webkit-box;
    flex: auto;
    -webkit-line-clamp: 2;
    overflow: hidden;
    padding-left: var(--space-x)
}

.sectionHeader--ItemDetails_Xp6Mv {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .8rem;
    font-weight: 600;
    line-height: 2.1rem;
    margin: 0 var(--space-x)
}

.metadata--ItemDetails_yUAdv {
    color: var(--text-color-secondary);
    font-size: .8rem;
    text-align: center
}

.metadata--ItemDetails_yUAdv span {
    display: block
}

.metadata--ItemDetails_yUAdv span+* {
    margin-top: 4px
}

.spacing--ItemDetails__NQjN {
    height: var(--height)
}

.spacing--ItemDetails__NQjN.single--ItemDetails_qshoY {
    --height: 12px
}

.spacing--ItemDetails__NQjN.double--ItemDetails_mu3pD {
    --height: 24px
}

.empty--ItemDetails_L3WL0 {
    display: grid;
    height: 100%;
    align-items: center;
    justify-items: center;
    place-items: center
}

.empty--ItemDetails_L3WL0::before {
    -webkit-mask: url(../images/item-detail-empty-3b6d4098f82613c982b6.svg);
    mask: url(../images/item-detail-empty-3b6d4098f82613c982b6.svg);
    background-color: var(--fill-05);
    content: "";
    height: 128px;
    width: 128px
}

.locationButton--ItemLocation_qpI6E {
    color: var(--text-color-tertiary);
    font-size: 13px;
    max-width: 100%;
    overflow: hidden
}

.locationButton--ItemLocation_qpI6E::after {
    -webkit-mask: url(../images/chevron-down-ca012cbf5d2ff6fc57ce.svg);
    mask: url(../images/chevron-down-ca012cbf5d2ff6fc57ce.svg);
    background-color: currentColor;
    content: "";
    flex-shrink: 0;
    height: 6px;
    margin-left: 10px;
    width: 10px
}

.locationButton--ItemLocation_qpI6E.expanded--ItemLocation_UyVDy::after {
    transform: rotate(180deg)
}

.locationButton--ItemLocation_qpI6E .location--ItemLocation_quz41 {
    align-items: center;
    display: flex;
    overflow: hidden
}

.locationButton--ItemLocation_qpI6E .location--ItemLocation_quz41:first-child {
    flex-basis: 16px;
    flex-grow: 1;
    min-width: 16px
}

.locationButton--ItemLocation_qpI6E .location--ItemLocation_quz41:not(:last-child) .displayValue--ItemLocation_Zu0OS {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.locationButton--ItemLocation_qpI6E .location--ItemLocation_quz41 .icon--ItemLocation_pOwjv,
.locationButton--ItemLocation_qpI6E .location--ItemLocation_quz41:last-child {
    flex-shrink: 0
}

.locationButton--ItemLocation_qpI6E .location--ItemLocation_quz41+.location--ItemLocation_quz41 {
    margin-left: 10px
}

.locationButton--ItemLocation_qpI6E .location--ItemLocation_quz41+.location--ItemLocation_quz41::before {
    background-color: var(--bg-highlight-color-tertiary);
    content: "";
    flex-shrink: 0;
    height: 16px;
    margin-right: 10px;
    width: 1px
}

.locationButton--ItemLocation_qpI6E .location--ItemLocation_quz41 *+* {
    margin-left: 6px
}

.backdrop--ItemLocation_KYuxO {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2147483647
}

.menu--ItemLocation_ckpdB {
    background-color: var(--bg-color);
    border-radius: 6px;
    box-shadow: 0 2px 16px 0 var(--color-shadow-ultraLight), var(--border-elevated);
    box-sizing: border-box;
    max-height: 100%;
    min-width: 210px;
    overflow-x: hidden;
    overflow-y: auto;
    overflow: hidden auto;
    padding: 12px 0
}

.menu--ItemLocation_ckpdB>*+* {
    margin-top: 12px
}

.textRow--ItemLocation_wnJQE {
    font-size: calc(14/var(--text-size-base)*1rem);
    font-weight: normal;
    line-height: 1.3;
    align-items: center;
    color: var(--text-color-02);
    display: flex;
    margin-left: 12px;
    margin-right: 12px
}

.textRow--ItemLocation_wnJQE>span {
    margin-left: 10px
}

.textRow--ItemLocation_wnJQE .emphasized--ItemLocation_aa5Xh {
    color: var(--text-color-01)
}

.itemRow--ItemLocation_MvDBW {
    align-items: center;
    margin-left: 38px;
    margin-right: 12px
}

.separator--ItemLocation_vIhwL {
    background-color: var(--bg-highlight-color-tertiary);
    border-style: none;
    height: 1px;
    margin-top: 16px
}

.icon--ItemLocation_pOwjv {
    color: var(--text-color-tertiary);
    display: inline-block
}

.iconPlaceholder--ItemLocation_dLPTz {
    display: inline-block;
    height: var(--size);
    width: var(--size)
}

.mini--ItemLocation_xZmP8 {
    --size: 16px
}

.largeType--LargeType_yS6Nk {
    background-color: var(--bg-color-secondary);
    display: grid;
    grid-template-columns: minmax(64px, 1fr) repeat(auto-fit, minmax(64px, 1fr) minmax(64px, 1fr));
    height: 100vh;
    width: 100vw
}

@media only screen and (max-width: 192px) {
    .largeType--LargeType_yS6Nk {
        grid-template-columns: 1fr
    }
}

.largeType--LargeType_yS6Nk.even--LargeType_TkUvg {
    background-color: var(--bg-color)
}

.largeType--LargeType_yS6Nk .content--LargeType_LheeY {
    background-color: var(--bg-color);
    color: var(--text-color-01);
    display: flex;
    flex-direction: column-reverse;
    font-feature-settings: "ss01", "ss02";
    padding: 0 4px;
    text-align: center
}

.largeType--LargeType_yS6Nk .content--LargeType_LheeY:nth-child(even) {
    background-color: var(--bg-color-secondary)
}

.largeType--LargeType_yS6Nk .content--LargeType_LheeY .label--LargeType_QuMBv {
    color: var(--text-color-secondary);
    line-height: 1.25rem;
    margin-bottom: 8px
}

.largeType--LargeType_yS6Nk .content--LargeType_LheeY .character--LargeType_q8kCD {
    font-size: 60px;
    font-size: max(60px, min(4.62vw, 100px));
    line-height: normal;
    line-height: initial;
    margin: auto 0;
    white-space: pre
}

.passwordHistory--PasswordHistory_tpbuC {
    padding: 0 20px 20px 20px
}

.checkbox--Checkbox_CNwWM {
    --border: inset 0 0 0 1px var(--color-shading-medium);
    background-color: var(--color-grayscale-white);
    border: none;
    border-radius: 3.2px;
    box-shadow: var(--border);
    cursor: pointer;
    flex-shrink: 0;
    height: 16px;
    outline: none;
    padding: 0;
    width: 16px
}

[data-theme=dark] .checkbox--Checkbox_CNwWM {
    background-color: var(--color-shading-barely-there)
}

.checkbox--Checkbox_CNwWM[aria-checked=true],
.checkbox--Checkbox_CNwWM[aria-checked=mixed] {
    --border: 0 0 transparent;
    background-color: var(--color-branding-bits-blue)
}

.checkbox--Checkbox_CNwWM[aria-checked=true]::before,
.checkbox--Checkbox_CNwWM[aria-checked=mixed]::before {
    background-color: var(--color-grayscale-white);
    content: "";
    display: block;
    height: 16px;
    width: 16px
}

[data-theme=dark] .checkbox--Checkbox_CNwWM[aria-checked=true]:not(:disabled),
[data-theme=dark] .checkbox--Checkbox_CNwWM[aria-checked=mixed]:not(:disabled) {
    --border: inset 0 0 0 1px var(--color-shading-barely-there)
}

[data-theme=dark] .checkbox--Checkbox_CNwWM[aria-checked=true]:not(:disabled)::before,
[data-theme=dark] .checkbox--Checkbox_CNwWM[aria-checked=mixed]:not(:disabled)::before {
    background-color: var(--color-grayscale-almost-white)
}

.checkbox--Checkbox_CNwWM[aria-checked=true]::before {
    -webkit-mask: url(../images/checkbox_checked-65b1efb1ddae0dc51967.svg);
    mask: url(../images/checkbox_checked-65b1efb1ddae0dc51967.svg)
}

.checkbox--Checkbox_CNwWM[aria-checked=mixed]::before {
    -webkit-mask: url(../images/checkbox_mixed-9f487c9dbb2039c8726c.svg);
    mask: url(../images/checkbox_mixed-9f487c9dbb2039c8726c.svg)
}

.checkbox--Checkbox_CNwWM:disabled {
    --border: inset 0 0 0 1px var(--color-shading-extra-faint);
    background-color: var(--color-shading-faint);
    cursor: default
}

.checkbox--Checkbox_CNwWM:disabled[aria-checked=true]::before,
.checkbox--Checkbox_CNwWM:disabled[aria-checked=mixed]::before {
    background-color: var(--color-shading-medium)
}

[data-focus-visible] .checkbox--Checkbox_CNwWM:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring), var(--border)
}

.button--AddFieldButton_UxhWm {
    font-size: calc(12/var(--text-size-base)*1rem);
    font-weight: normal;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    --border-radius: 8px;
    --padding-x: 16px;
    --padding-y: 9px;
    align-items: center;
    background-color: var(--fill-05);
    border: none;
    color: var(--text-color-blue);
    cursor: pointer;
    display: flex;
    outline: none;
    padding: 9px 16px;
    padding: var(--padding-y) var(--padding-x);
    position: relative;
    text-align: left;
    width: 100%
}

.button--AddFieldButton_UxhWm.compact--AddFieldButton_RZhzI {
    --padding-x: 12px;
    --padding-y: 7px
}

.button--AddFieldButton_UxhWm.Middle--AddFieldButton_SixzS,
.button--AddFieldButton_UxhWm.Bottom--AddFieldButton_FXnn0 {
    box-shadow: inset 0 1px 0 var(--fill-01-04)
}

[data-theme=dark] .button--AddFieldButton_UxhWm.Middle--AddFieldButton_SixzS,
[data-theme=dark] .button--AddFieldButton_UxhWm.Bottom--AddFieldButton_FXnn0 {
    box-shadow: inset 0 1px 0 var(--fill-01-03)
}

.button--AddFieldButton_UxhWm.Bottom--AddFieldButton_FXnn0 {
    border-radius: 0 0 var(--border-radius) var(--border-radius)
}

.button--AddFieldButton_UxhWm.Top--AddFieldButton_mZTLE {
    border-radius: var(--border-radius) var(--border-radius) 0 0
}

.button--AddFieldButton_UxhWm.TopAndBottom--AddFieldButton_Ps_Qh {
    border-radius: var(--border-radius)
}

.button--AddFieldButton_UxhWm.primary--AddFieldButton_Lrhya {
    background-color: var(--fill-01-05)
}

.button--AddFieldButton_UxhWm.primary--AddFieldButton_Lrhya::after {
    border: 1px solid var(--border-02);
    border-radius: inherit;
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.button--AddFieldButton_UxhWm.primary--AddFieldButton_Lrhya.Middle--AddFieldButton_SixzS::after,
.button--AddFieldButton_UxhWm.primary--AddFieldButton_Lrhya.Top--AddFieldButton_mZTLE::after {
    border-bottom-width: 0
}

[data-theme=dark] .button--AddFieldButton_UxhWm.primary--AddFieldButton_Lrhya {
    background-color: var(--fill-01-02)
}

.button--AddFieldButton_UxhWm:hover {
    background-image: var(--image-06-01)
}

.button--AddFieldButton_UxhWm:active,
.button--AddFieldButton_UxhWm[aria-expanded=true] {
    background-image: var(--image-06-01), var(--image-03)
}

[data-focus-visible] .button--AddFieldButton_UxhWm:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring);
    z-index: 1
}

.icon--AddFieldButton_iAXui {
    flex-shrink: 0
}

.text--AddFieldButton_LZGsv {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex-grow: 1;
    margin-left: 4px
}

.dropdownIcon--AddFieldMenu_zgsky {
    color: var(--fill-01);
    flex-shrink: 0;
    margin-left: var(--padding-y)
}

.menuOption--AddFieldMenu_omxH9,
.detailedMenuOption--AddFieldMenu_U4D5x {
    font-size: calc(14/var(--text-size-base)*1rem);
    font-weight: normal;
    line-height: 1.3
}

.detailedMenuOption--AddFieldMenu_U4D5x {
    align-items: initial !important;
    display: flex;
    flex-direction: column
}

.detailedMenuOption--AddFieldMenu_U4D5x .secondaryText--AddFieldMenu__cv8w {
    font-size: calc(12/var(--text-size-base)*1rem);
    font-weight: normal;
    line-height: 1.3;
    color: var(--color-shading-heavy)
}

.detailedMenuOption--AddFieldMenu_U4D5x[data-current=true] .secondaryText--AddFieldMenu__cv8w {
    color: var(--color-shading-on-dark-heavy)
}

.list--Combobox_lzfz9 {
    background-color: var(--fill-01-05);
    border-radius: 8px;
    box-shadow: var(--elevation-02);
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    max-height: 100%;
    overflow-y: auto;
    padding: 8px
}

.list--Combobox_lzfz9 li {
    font-size: calc(14/var(--text-size-base)*1rem);
    font-weight: normal;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 4px;
    color: var(--text-color-01);
    cursor: pointer;
    padding: 8px 12px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.list--Combobox_lzfz9 li[aria-selected=true] {
    background-color: var(--color-readable-on-light-blue);
    color: var(--fill-01-05)
}

[data-theme=dark] .list--Combobox_lzfz9 {
    background-color: var(--fill-01-03);
    box-shadow: inset 0 0 0 1px var(--fill-03-04), var(--elevation-02)
}

.field--EditableField_LM8OS {
    --border-radius: 8px;
    --padding-x: 16px;
    --padding-y: 9px;
    background-color: var(--fill-05);
    display: flex;
    position: relative
}

.field--EditableField_LM8OS .content--EditableField_V5CHx {
    flex-grow: 1;
    overflow: hidden
}

.field--EditableField_LM8OS .label--EditableField_O9HZ2,
.field--EditableField_LM8OS .value--EditableField_9Fv2t {
    background-color: transparent;
    border: none;
    box-sizing: border-box;
    color: var(--text-color-01);
    display: block;
    font-family: inherit;
    outline: none;
    width: 100%
}

.field--EditableField_LM8OS .label--EditableField_O9HZ2:-ms-input-placeholder,
.field--EditableField_LM8OS .value--EditableField_9Fv2t:-ms-input-placeholder {
    color: var(--text-color-02)
}

.field--EditableField_LM8OS .label--EditableField_O9HZ2::placeholder,
.field--EditableField_LM8OS .value--EditableField_9Fv2t::placeholder {
    color: var(--text-color-02)
}

.field--EditableField_LM8OS .label--EditableField_O9HZ2 {
    font-size: calc(12/var(--text-size-base)*1rem);
    font-weight: normal;
    line-height: 1.3;
    padding: var(--padding-y) var(--padding-x) 0
}

.field--EditableField_LM8OS .label--EditableField_O9HZ2:not(input) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--fill-05-02);
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.field--EditableField_LM8OS .value--EditableField_9Fv2t {
    font-size: calc(14/var(--text-size-base)*1rem);
    font-weight: normal;
    line-height: 1.3;
    padding: 0 var(--padding-x) var(--padding-y)
}

.field--EditableField_LM8OS .value--EditableField_9Fv2t.withoutLabel--EditableField_FXOcT {
    padding-top: var(--padding-y)
}

.field--EditableField_LM8OS .deleteButton--EditableField_aeoiu {
    align-items: center;
    background-color: transparent;
    border: none;
    border-bottom-right-radius: inherit;
    border-top-right-radius: inherit;
    color: var(--fill-04-04);
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    outline: none;
    padding: 0 var(--padding-x)
}

.field--EditableField_LM8OS .deleteButton--EditableField_aeoiu:hover,
.field--EditableField_LM8OS .deleteButton--EditableField_aeoiu:active {
    background-image: var(--image-06-04)
}

.field--EditableField_LM8OS .deleteButton--EditableField_aeoiu:active {
    background-color: var(--fill-05)
}

[data-focus-visible] .field--EditableField_LM8OS .deleteButton--EditableField_aeoiu:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.field--EditableField_LM8OS.compact--EditableField_juWyx {
    --padding-x: 12px;
    --padding-y: 7px
}

.field--EditableField_LM8OS.Middle--EditableField_G9BQl,
.field--EditableField_LM8OS.Bottom--EditableField_QYpIR {
    box-shadow: inset 0 1px 0 var(--fill-01-04)
}

[data-theme=dark] .field--EditableField_LM8OS.Middle--EditableField_G9BQl,
[data-theme=dark] .field--EditableField_LM8OS.Bottom--EditableField_QYpIR {
    box-shadow: inset 0 1px 0 var(--fill-01-03)
}

.field--EditableField_LM8OS.Bottom--EditableField_QYpIR {
    border-radius: 0 0 var(--border-radius) var(--border-radius)
}

.field--EditableField_LM8OS.Top--EditableField_oA2Er {
    border-radius: var(--border-radius) var(--border-radius) 0 0
}

.field--EditableField_LM8OS.TopAndBottom--EditableField_LPcRQ {
    border-radius: var(--border-radius)
}

.field--EditableField_LM8OS.primary--EditableField_h4YsC {
    background-color: var(--fill-01-05)
}

.field--EditableField_LM8OS.primary--EditableField_h4YsC::after {
    border: 1px solid var(--border-02);
    border-radius: inherit;
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.field--EditableField_LM8OS.primary--EditableField_h4YsC.Middle--EditableField_G9BQl::after,
.field--EditableField_LM8OS.primary--EditableField_h4YsC.Top--EditableField_oA2Er::after {
    border-bottom-width: 0
}

[data-theme=dark] .field--EditableField_LM8OS.primary--EditableField_h4YsC {
    background-color: var(--fill-01-02)
}

.field--EditableField_LM8OS:focus-within {
    z-index: 1
}

.field--EditableField_LM8OS.inputHasFocus--EditableField_ZDZRW:focus-within {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring), inset 0 0 0 1px var(--border-color);
    --border-color: var(--border-02);
    background-color: var(--fill-01-05)
}

.field--EditableField_LM8OS.inputHasFocus--EditableField_ZDZRW:focus-within.primary--EditableField_h4YsC {
    --border-color: transparent
}

[data-theme=dark] .field--EditableField_LM8OS.inputHasFocus--EditableField_ZDZRW:focus-within {
    background-color: var(--fill-01-02)
}

.menuButtonWrapper--EditableAddressField_xU5It {
    padding: 0 calc(var(--padding-x) - 12px)
}

.menuButtonWrapper--EditableAddressField_xU5It .menuButton--EditableAddressField_Nf2Cs {
    max-width: 100%
}

.input--EditableAddressField_xKf66 {
    font-size: calc(14/var(--text-size-base)*1rem);
    font-weight: normal;
    line-height: 1.3;
    background-color: transparent;
    border: none;
    box-sizing: border-box;
    color: var(--text-color-01);
    display: block;
    font-family: inherit;
    outline: none;
    padding: 0 var(--padding-x);
    width: 100%
}

.input--EditableAddressField_xKf66:-ms-input-placeholder {
    color: var(--text-color-02)
}

.input--EditableAddressField_xKf66::placeholder {
    color: var(--text-color-02)
}

.content--EditableAddressField_aLzCD>:last-child {
    padding-bottom: var(--padding-y)
}

.content--EditableAddressField_aLzCD.withoutLabel--EditableAddressField_Wrmey>:first-child {
    padding-top: var(--padding-y)
}

.datePicker--DatePicker_kEyBQ {
    background-color: var(--color-grayscale-white);
    box-sizing: border-box;
    min-width: min-content;
    padding: 8px
}

[data-theme=dark] .datePicker--DatePicker_kEyBQ {
    background-color: var(--color-grayscale-black)
}

.header--DatePicker_Ab35x {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.navChevron--DatePicker_cfad7 {
    padding: 0 8px !important
}

.monthAndYear--DatePicker_wJjuN {
    font-size: calc(14/var(--text-size-base)*1rem);
    font-weight: normal;
    line-height: 1.3;
    color: var(--color-shading-heavy);
    padding: 0 12px;
    width: max-content
}

.days--DatePicker_MRU86 {
    display: grid;
    grid-template-columns: repeat(7, minmax(min-content, 1fr))
}

.weekDay--DatePicker_KfoTa {
    font-size: calc(12/var(--text-size-base)*1rem);
    font-weight: normal;
    line-height: 1.3;
    color: var(--color-shading-medium);
    padding: 12px 12px 8px;
    text-align: center
}

.day--DatePicker_nMIO1 {
    font-feature-settings: "tnum";
    justify-content: flex-end !important
}

.datePicker--EditableDateField_X1psm {
    position: relative
}

[data-theme=dark] .datePicker--EditableDateField_X1psm::after {
    border-radius: inherit;
    bottom: 0;
    box-shadow: inset 0 0 0 1px var(--color-shading-on-dark-barely-there);
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.fieldAndDatePicker--EditableDateField_hEoqw {
    position: relative
}

.date--EditableDateField_nst1Q {
    align-items: center;
    display: flex;
    outline: none
}

.inputWrapper--EditableDateField_bD2n2 {
    font-size: calc(14/var(--text-size-base)*1rem);
    font-weight: normal;
    line-height: 1.3;
    color: var(--text-color-primary);
    font-feature-settings: "tnum"
}

.inputWrapper--EditableDateField_bD2n2~.inputWrapper--EditableDateField_bD2n2::before {
    content: "/";
    margin: 0 2px
}

.inputWrapper--EditableDateField_bD2n2~.inputWrapper--EditableDateField_bD2n2 .input--EditableDateField__rk0s {
    padding-left: 0;
    width: calc(2ch + 1px)
}

.inputWrapper--EditableDateField_bD2n2~.inputWrapper--EditableDateField_bD2n2 .input--EditableDateField__rk0s.year--EditableDateField_eMiVQ {
    width: calc(4ch + 3px)
}

.input--EditableDateField__rk0s {
    background-color: transparent;
    border: none;
    box-sizing: border-box;
    color: inherit;
    font-family: inherit;
    outline: none;
    padding: 0 0 var(--padding-y) var(--padding-x);
    text-align: center;
    width: calc(var(--padding-x) + 2ch + 1px)
}

.input--EditableDateField__rk0s::-webkit-inner-spin-button {
    display: none
}

.datePicker--EditableDateField_X1psm {
    box-shadow: 0 0 0 1px var(--color-shading-on-light-faint), 0 4px 20px var(--color-shading-on-light-faint);
    border-radius: 8px;
    margin-top: 2px;
    outline: none;
    position: absolute;
    z-index: 2147483647
}

[data-theme=dark] .datePicker--EditableDateField_X1psm {
    box-shadow: 0 0 0 1px var(--color-shading-on-light-medium), 0 2px 8px var(--color-shading-on-light-faint), 0 4px 20px var(--color-shading-on-light-medium)
}

.slider--Slider_oMOxa input::-webkit-slider-thumb,
.slider--Slider_oMOxa input::-moz-range-thumb {
    position: relative
}

.slider--Slider_oMOxa {
    align-items: center;
    display: grid;
    height: 20px
}

.slider--Slider_oMOxa .track--Slider_EFKsp {
    background-color: var(--color-shading-faint);
    border-radius: 1px;
    grid-area: 1/-1;
    height: 2px;
    overflow: hidden;
    pointer-events: none;
    width: 100%
}

.slider--Slider_oMOxa .track--Slider_EFKsp .trackFill--Slider_bxUKk {
    background-color: var(--color-branding-bits-blue);
    height: inherit;
    margin-left: -100%;
    width: inherit
}

.slider--Slider_oMOxa .track--Slider_EFKsp.disabled--Slider_ob70K .trackFill--Slider_bxUKk {
    background-color: var(--color-shading-medium)
}

.slider--Slider_oMOxa input {
    -webkit-appearance: none;
    background-color: transparent;
    cursor: pointer;
    grid-area: 1/-1;
    margin: 0;
    outline: none
}

.slider--Slider_oMOxa input::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px var(--color-shading-on-light-extra-faint), 0 2px 8px var(--color-shading-on-light-extra-faint);
    -webkit-appearance: none;
    background-color: var(--color-grayscale-white);
    border-radius: 50%;
    height: 20px;
    transform: translate(0);
    width: 20px
}

[data-theme=dark] .slider--Slider_oMOxa input::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px var(--color-shading-on-light-extra-faint), 0 2px 8px var(--color-shading-on-light-medium)
}

.slider--Slider_oMOxa input::-webkit-slider-thumb:active,
[data-theme=dark] .slider--Slider_oMOxa input::-webkit-slider-thumb {
    background-color: var(--color-grayscale-almost-white)
}

[data-theme=dark] .slider--Slider_oMOxa input::-webkit-slider-thumb:active {
    background-color: var(--color-grayscale-white)
}

.slider--Slider_oMOxa input::-moz-range-thumb {
    box-shadow: 0 0 0 1px var(--color-shading-on-light-extra-faint), 0 2px 8px var(--color-shading-on-light-extra-faint);
    -webkit-appearance: none;
    background-color: var(--color-grayscale-white);
    border-radius: 50%;
    height: 20px;
    transform: translate(0);
    width: 20px;
    border: none
}

[data-theme=dark] .slider--Slider_oMOxa input::-moz-range-thumb {
    box-shadow: 0 0 0 1px var(--color-shading-on-light-extra-faint), 0 2px 8px var(--color-shading-on-light-medium)
}

.slider--Slider_oMOxa input::-moz-range-thumb:active,
[data-theme=dark] .slider--Slider_oMOxa input::-moz-range-thumb {
    background-color: var(--color-grayscale-almost-white)
}

[data-theme=dark] .slider--Slider_oMOxa input::-moz-range-thumb:active {
    background-color: var(--color-grayscale-white)
}

.slider--Slider_oMOxa input:disabled {
    cursor: default
}

.slider--Slider_oMOxa input:disabled::-moz-range-thumb:active {
    background-color: var(--color-grayscale-white)
}

[data-theme=dark] .slider--Slider_oMOxa input:disabled::-moz-range-thumb:active {
    background-color: var(--color-grayscale-almost-white)
}

[data-focus-visible] .slider--Slider_oMOxa input:focus::-webkit-slider-thumb {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

[data-focus-visible] .slider--Slider_oMOxa input:focus::-moz-range-thumb {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.switch--Switch__J7f4:not(:disabled)::before {
    position: relative
}

.switch--Switch__J7f4 {
    --border: 0 0 transparent;
    background-color: var(--color-shading-medium);
    border: none;
    border-radius: 12px;
    cursor: pointer;
    flex-shrink: 0;
    height: 20px;
    outline: none;
    padding: 0;
    transition: background-color 100ms ease-out;
    width: 32px
}

[data-theme=dark] .switch--Switch__J7f4:not(:disabled) {
    --border: inset 0 0 0 1px var(--color-shading-barely-there);
    box-shadow: var(--border)
}

.switch--Switch__J7f4::before {
    background-color: var(--color-grayscale-white);
    border-radius: 12px;
    content: "";
    display: block;
    height: 16px;
    margin: 0 2px;
    transition: transform 100ms ease-out;
    width: 16px
}

[data-theme=dark] .switch--Switch__J7f4::before {
    background-color: var(--color-grayscale-almost-white)
}

.switch--Switch__J7f4:not(:disabled)::before {
    box-shadow: 0 0 0 1px var(--color-shading-on-light-extra-faint), 0 2px 8px var(--color-shading-on-light-extra-faint)
}

[data-theme=dark] .switch--Switch__J7f4:not(:disabled)::before {
    box-shadow: 0 0 0 1px var(--color-shading-on-light-extra-faint), 0 2px 8px var(--color-shading-on-light-medium)
}

.switch--Switch__J7f4[aria-checked=true] {
    background-color: var(--color-branding-bits-blue)
}

.switch--Switch__J7f4[aria-checked=true]::before {
    transform: translateX(calc(100% - 4px))
}

.switch--Switch__J7f4:disabled {
    background-color: var(--color-shading-faint);
    cursor: default
}

.switch--Switch__J7f4:disabled::before {
    background-color: var(--color-shading-on-dark-heavy)
}

[data-theme=dark] .switch--Switch__J7f4:disabled::before {
    background-color: var(--color-shading-on-dark-medium)
}

[data-focus-visible] .switch--Switch__J7f4:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring), var(--border)
}

.elements--PasswordGenerator_LbNq6 {
    background-color: var(--color-grayscale-white);
    padding: 0 16px
}

[data-theme=dark] .elements--PasswordGenerator_LbNq6 {
    background-color: var(--color-grayscale-black)
}

.input--PasswordGenerator_nEcLp {
    font-size: calc(14/var(--text-size-base)*1rem);
    font-weight: normal;
    line-height: 1.3;
    --border: inset 0 0 0 1px var(--border-faint);
    background-color: var(--color-grayscale-white);
    border: none;
    border-radius: 8px;
    box-shadow: var(--border);
    box-sizing: border-box;
    color: var(--text-color-primary);
    height: 28px;
    outline: none;
    padding: 0 8px;
    text-align: center;
    width: 34px
}

.input--PasswordGenerator_nEcLp::-webkit-inner-spin-button {
    display: none
}

.input--PasswordGenerator_nEcLp:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring), var(--border)
}

[data-theme=dark] .input--PasswordGenerator_nEcLp {
    background-color: var(--color-grayscale-black)
}

.row--PasswordGenerator_G5ood {
    align-items: center;
    display: flex;
    height: 44px;
    justify-content: space-between
}

.row--PasswordGenerator_G5ood>*+* {
    margin-left: 8px
}

.row--PasswordGenerator_G5ood.large--PasswordGenerator_J9WyH {
    height: 52px
}

.separator--PasswordGenerator_hWoIU {
    background-color: var(--color-shading-faint);
    height: 1px;
    width: 100%
}

.slider--PasswordGenerator_n5fbZ {
    max-width: 136px;
    min-width: 50px
}

.sliderWithInput--PasswordGenerator_gwM5X {
    align-items: center;
    display: flex
}

.sliderWithInput--PasswordGenerator_gwM5X>*+* {
    margin-left: 8px
}

.switch--PasswordGenerator_mPADo {
    flex-shrink: 0
}

.strength--PasswordGenerator_ltqX4 {
    background-color: var(--color-shading-faint);
    border-radius: 1px;
    height: 2px;
    width: 100%
}

.strength--PasswordGenerator_ltqX4>div {
    border-radius: inherit;
    height: 100%
}

.text--PasswordGenerator_nUeZD {
    font-size: calc(14/var(--text-size-base)*1rem);
    font-weight: normal;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--color-shading-heavy)
}

.passwordGenerator--EditableFieldWithPasswordGenerator_HE6y3 {
    position: relative
}

[data-theme=dark] .passwordGenerator--EditableFieldWithPasswordGenerator_HE6y3::after {
    border-radius: inherit;
    bottom: 0;
    box-shadow: inset 0 0 0 1px var(--color-shading-on-dark-barely-there);
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.fieldAndPasswordGeneratorContainer--EditableFieldWithPasswordGenerator_HtIX8 {
    position: relative
}

.passwordGeneratorButton--EditableFieldWithPasswordGenerator_zi_EV {
    align-items: center;
    background-color: transparent;
    border: none;
    border-bottom-right-radius: inherit;
    border-top-right-radius: inherit;
    color: var(--color-shading-heavy);
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    outline: none;
    padding: 0 var(--padding-x)
}

.passwordGeneratorButton--EditableFieldWithPasswordGenerator_zi_EV.noBorderRadius--EditableFieldWithPasswordGenerator_puEkd {
    border-radius: 0
}

.passwordGeneratorButton--EditableFieldWithPasswordGenerator_zi_EV[aria-expanded=true] {
    color: var(--color-bright-blue)
}

.passwordGeneratorButton--EditableFieldWithPasswordGenerator_zi_EV:hover,
.passwordGeneratorButton--EditableFieldWithPasswordGenerator_zi_EV:active {
    background-image: var(--image-tints-blue)
}

.passwordGeneratorButton--EditableFieldWithPasswordGenerator_zi_EV:active {
    background-color: var(--color-shading-barely-there)
}

[data-focus-visible] .passwordGeneratorButton--EditableFieldWithPasswordGenerator_zi_EV:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.passwordGenerator--EditableFieldWithPasswordGenerator_HE6y3 {
    box-shadow: 0 0 0 1px var(--color-shading-on-light-faint), 0 4px 20px var(--color-shading-on-light-faint);
    border-radius: 8px;
    box-sizing: border-box;
    margin-top: 2px;
    max-width: 400px;
    outline: none;
    overflow-y: auto;
    position: absolute;
    width: 100%;
    z-index: 2147483647
}

[data-theme=dark] .passwordGenerator--EditableFieldWithPasswordGenerator_HE6y3 {
    box-shadow: 0 0 0 1px var(--color-shading-on-light-medium), 0 2px 8px var(--color-shading-on-light-faint), 0 4px 20px var(--color-shading-on-light-medium)
}

.input--EditableFieldWithSuggestions_HcbO9 {
    font-size: calc(14/var(--text-size-base)*1rem);
    font-weight: normal;
    line-height: 1.3;
    background-color: transparent;
    border: none;
    box-sizing: border-box;
    color: var(--text-color-01);
    display: block;
    outline: none;
    padding: 0 var(--padding-x) var(--padding-y);
    width: 100%
}

.input--EditableFieldWithSuggestions_HcbO9:-ms-input-placeholder {
    color: var(--text-color-02)
}

.input--EditableFieldWithSuggestions_HcbO9::placeholder {
    color: var(--text-color-02)
}

.date--EditableMonthYearField__5put {
    align-items: center;
    display: flex;
    outline: none
}

.inputWrapper--EditableMonthYearField_yUil_ {
    font-size: calc(14/var(--text-size-base)*1rem);
    font-weight: normal;
    line-height: 1.3;
    color: var(--text-color-primary);
    font-feature-settings: "tnum"
}

.inputWrapper--EditableMonthYearField_yUil_~.inputWrapper--EditableMonthYearField_yUil_::before {
    content: "/";
    margin: 0 2px
}

.inputWrapper--EditableMonthYearField_yUil_~.inputWrapper--EditableMonthYearField_yUil_ .input--EditableMonthYearField_HxyDV {
    padding-left: 0;
    width: calc(2ch + 1px)
}

.inputWrapper--EditableMonthYearField_yUil_~.inputWrapper--EditableMonthYearField_yUil_ .input--EditableMonthYearField_HxyDV.year--EditableMonthYearField_Rwnm0 {
    width: calc(4ch + 3px)
}

.input--EditableMonthYearField_HxyDV {
    background-color: transparent;
    border: none;
    box-sizing: border-box;
    color: inherit;
    font-family: inherit;
    outline: none;
    padding: 0 0 var(--padding-y) var(--padding-x);
    text-align: center;
    width: calc(var(--padding-x) + 2ch + 1px)
}

.input--EditableMonthYearField_HxyDV::-webkit-inner-spin-button {
    display: none
}

.textAreaMirror--EditableNoteField_S7c0E,
.textArea--EditableNoteField_fVagr {
    font-size: calc(14/var(--text-size-base)*1rem);
    font-weight: normal;
    line-height: 1.3;
    box-sizing: border-box;
    grid-area: 1/-1;
    padding: 0 var(--padding-x) var(--padding-y)
}

.textAreaMirror--EditableNoteField_S7c0E {
    overflow: hidden;
    word-wrap: break-word;
    visibility: hidden;
    white-space: pre-wrap
}

.textArea--EditableNoteField_fVagr {
    background-color: transparent;
    border: none;
    color: var(--text-color-01);
    display: block;
    font-family: inherit;
    min-height: calc(8em + var(--padding-y));
    outline: none;
    resize: none;
    width: 100%
}

.textArea--EditableNoteField_fVagr:-ms-input-placeholder {
    color: var(--text-color-02)
}

.textArea--EditableNoteField_fVagr::placeholder {
    color: var(--text-color-02)
}

.textAreaWrapper--EditableNoteField_M31s0 {
    display: grid
}

.textAreaWrapper--EditableNoteField_M31s0.withoutLabel--EditableNoteField_ImBiN>.textAreaMirror--EditableNoteField_S7c0E,
.textAreaWrapper--EditableNoteField_M31s0.withoutLabel--EditableNoteField_ImBiN>.textArea--EditableNoteField_fVagr {
    padding-top: var(--padding-y)
}

.content--EditableRelatedItemField_EuqGz {
    align-items: center;
    grid-column-gap: 12px;
    column-gap: 12px;
    display: grid;
    grid-template-columns: 32px auto;
    grid-template-rows: 34px;
    padding: var(--padding-y) 0 var(--padding-y) var(--padding-x)
}

.content--EditableRelatedItemField_EuqGz .details--EditableRelatedItemField_wnfvF {
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.content--EditableRelatedItemField_EuqGz .details--EditableRelatedItemField_wnfvF .title--EditableRelatedItemField_ZL2OQ,
.content--EditableRelatedItemField_EuqGz .details--EditableRelatedItemField_wnfvF .subtitle--EditableRelatedItemField_muyLI {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.content--EditableRelatedItemField_EuqGz .details--EditableRelatedItemField_wnfvF .title--EditableRelatedItemField_ZL2OQ {
    font-size: calc(14/var(--text-size-base)*1rem);
    font-weight: normal;
    line-height: 1.3;
    color: var(--text-color-01)
}

.content--EditableRelatedItemField_EuqGz .details--EditableRelatedItemField_wnfvF .subtitle--EditableRelatedItemField_muyLI {
    font-size: calc(12/var(--text-size-base)*1rem);
    font-weight: normal;
    line-height: 1.3;
    color: var(--text-color-02)
}

.sectionHeader--EditableSectionHeader_ZXKuN {
    --border-radius: 8px;
    --padding-x: 16px;
    --padding-y: 12px;
    background-color: var(--fill-05);
    display: flex;
    position: relative
}

.sectionHeader--EditableSectionHeader_ZXKuN .value--EditableSectionHeader_uuLCz {
    font-size: calc(12/var(--text-size-base)*1rem);
    font-weight: 600;
    line-height: 1.3;
    background-color: transparent;
    border: none;
    box-sizing: border-box;
    color: var(--text-color-01);
    display: block;
    font-family: inherit;
    outline: none;
    padding: var(--padding-y) var(--padding-x);
    width: 100%
}

.sectionHeader--EditableSectionHeader_ZXKuN .value--EditableSectionHeader_uuLCz:-ms-input-placeholder {
    color: var(--text-color-02)
}

.sectionHeader--EditableSectionHeader_ZXKuN .value--EditableSectionHeader_uuLCz::placeholder {
    color: var(--text-color-02)
}

.sectionHeader--EditableSectionHeader_ZXKuN .value--EditableSectionHeader_uuLCz:not(input) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.sectionHeader--EditableSectionHeader_ZXKuN .deleteButton--EditableSectionHeader_r92uC {
    align-items: center;
    background-color: transparent;
    border: none;
    border-bottom-right-radius: inherit;
    border-top-right-radius: inherit;
    color: var(--fill-04-04);
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    outline: none;
    padding: 0 var(--padding-x)
}

.sectionHeader--EditableSectionHeader_ZXKuN .deleteButton--EditableSectionHeader_r92uC:hover,
.sectionHeader--EditableSectionHeader_ZXKuN .deleteButton--EditableSectionHeader_r92uC:active {
    background-image: var(--image-06-04)
}

.sectionHeader--EditableSectionHeader_ZXKuN .deleteButton--EditableSectionHeader_r92uC:active {
    background-color: var(--fill-05)
}

[data-focus-visible] .sectionHeader--EditableSectionHeader_ZXKuN .deleteButton--EditableSectionHeader_r92uC:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.sectionHeader--EditableSectionHeader_ZXKuN.readOnly--EditableSectionHeader_SuXkS {
    background-color: transparent
}

.sectionHeader--EditableSectionHeader_ZXKuN.compact--EditableSectionHeader_sxJzp {
    --padding-x: 12px;
    --padding-y: 10px
}

.sectionHeader--EditableSectionHeader_ZXKuN.Middle--EditableSectionHeader_hCgUo,
.sectionHeader--EditableSectionHeader_ZXKuN.Bottom--EditableSectionHeader_gQLz7 {
    box-shadow: inset 0 1px 0 var(--fill-01-04)
}

[data-theme=dark] .sectionHeader--EditableSectionHeader_ZXKuN.Middle--EditableSectionHeader_hCgUo,
[data-theme=dark] .sectionHeader--EditableSectionHeader_ZXKuN.Bottom--EditableSectionHeader_gQLz7 {
    box-shadow: inset 0 1px 0 var(--fill-01-03)
}

.sectionHeader--EditableSectionHeader_ZXKuN.Bottom--EditableSectionHeader_gQLz7 {
    border-radius: 0 0 var(--border-radius) var(--border-radius)
}

.sectionHeader--EditableSectionHeader_ZXKuN.Top--EditableSectionHeader_CMCGQ {
    border-radius: var(--border-radius) var(--border-radius) 0 0
}

.sectionHeader--EditableSectionHeader_ZXKuN.TopAndBottom--EditableSectionHeader_CSJle {
    border-radius: var(--border-radius)
}

.sectionHeader--EditableSectionHeader_ZXKuN.primary--EditableSectionHeader_DKrWR:not(.readOnly--EditableSectionHeader_SuXkS) {
    background-color: var(--fill-01-05)
}

.sectionHeader--EditableSectionHeader_ZXKuN.primary--EditableSectionHeader_DKrWR:not(.readOnly--EditableSectionHeader_SuXkS)::after {
    border: 1px solid var(--border-02);
    border-radius: inherit;
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.sectionHeader--EditableSectionHeader_ZXKuN.primary--EditableSectionHeader_DKrWR:not(.readOnly--EditableSectionHeader_SuXkS).Middle--EditableSectionHeader_hCgUo::after,
.sectionHeader--EditableSectionHeader_ZXKuN.primary--EditableSectionHeader_DKrWR:not(.readOnly--EditableSectionHeader_SuXkS).Top--EditableSectionHeader_CMCGQ::after {
    border-bottom-width: 0
}

[data-theme=dark] .sectionHeader--EditableSectionHeader_ZXKuN.primary--EditableSectionHeader_DKrWR:not(.readOnly--EditableSectionHeader_SuXkS) {
    background-color: var(--fill-01-02)
}

.sectionHeader--EditableSectionHeader_ZXKuN:focus-within {
    z-index: 1
}

.sectionHeader--EditableSectionHeader_ZXKuN.inputHasFocus--EditableSectionHeader_IwUVu:focus-within {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring), inset 0 0 0 1px var(--border-color);
    --border-color: var(--border-02);
    background-color: var(--fill-01-05)
}

.sectionHeader--EditableSectionHeader_ZXKuN.inputHasFocus--EditableSectionHeader_IwUVu:focus-within.primary--EditableSectionHeader_DKrWR {
    --border-color: transparent
}

[data-theme=dark] .sectionHeader--EditableSectionHeader_ZXKuN.inputHasFocus--EditableSectionHeader_IwUVu:focus-within {
    background-color: var(--fill-01-02)
}

.addTag--AddTag_v0xWZ {
    align-items: center;
    background-color: var(--color-shading-barely-there);
    border-radius: 12px;
    color: var(--color-readable-blue);
    cursor: pointer;
    display: inline-flex;
    height: 24px;
    padding: 0 6px 0 22px;
    position: relative
}

.addTag--AddTag_v0xWZ .icon--AddTag_CdDRL {
    flex-shrink: 0;
    left: 5px;
    pointer-events: none;
    position: absolute
}

.addTag--AddTag_v0xWZ:hover {
    background-image: var(--image-tints-blue)
}

.addTag--AddTag_v0xWZ:active {
    background-color: var(--color-shading-extra-faint)
}

.addTag--AddTag_v0xWZ:focus-within {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring);
    background-color: var(--color-grayscale-white);
    background-image: none;
    cursor: text
}

[data-theme=dark] .addTag--AddTag_v0xWZ:focus-within {
    background-color: var(--color-grayscale-black)
}

.inputWrapper--AddTag_mArvF {
    display: grid;
    flex-grow: 1;
    margin-left: 2px
}

.inputWrapper--AddTag_mArvF::after,
.inputWrapper--AddTag_mArvF input {
    font-size: calc(14/var(--text-size-base)*1rem);
    font-weight: normal;
    line-height: 1.3;
    grid-area: 1/-1
}

.inputWrapper--AddTag_mArvF::after {
    content: attr(data-value) " ";
    overflow: hidden;
    visibility: hidden;
    white-space: pre
}

.inputWrapper--AddTag_mArvF input {
    background-color: transparent;
    border: none;
    color: var(--text-color-primary);
    cursor: inherit;
    font-family: inherit;
    outline: none;
    padding: 0
}

.inputWrapper--AddTag_mArvF input:-ms-input-placeholder {
    color: var(--color-readable-blue)
}

.inputWrapper--AddTag_mArvF input::placeholder {
    color: var(--color-readable-blue)
}

.inputWrapper--AddTag_mArvF input:focus:-ms-input-placeholder {
    color: var(--color-shading-medium)
}

.inputWrapper--AddTag_mArvF input:focus::placeholder {
    color: var(--color-shading-medium)
}

.title--EditableTitle_YVjYC {
    align-items: center;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 64px auto;
    margin-left: 16px;
    padding: 20px 0
}

.title--EditableTitle_YVjYC.compact--EditableTitle_waRG5 {
    margin-left: 12px;
    padding: 16px 0
}

.input--EditableTitle_pVMc1 {
    font-size: calc(20/var(--text-size-base)*1rem);
    font-weight: 600;
    line-height: 1.2;
    background-color: var(--fill-05);
    border: none;
    border-radius: 8px;
    box-sizing: border-box;
    color: var(--text-color-01);
    font-family: inherit;
    outline: none;
    padding: 10px 16px;
    width: 100%
}

.input--EditableTitle_pVMc1:-ms-input-placeholder {
    color: var(--text-color-02)
}

.input--EditableTitle_pVMc1::placeholder {
    color: var(--text-color-02)
}

.input--EditableTitle_pVMc1:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring), inset 0 0 0 1px var(--border-02);
    background-color: var(--fill-01-05)
}

[data-theme=dark] .input--EditableTitle_pVMc1:focus {
    background-color: var(--fill-01-02)
}

.itemDetails--EditableItemDetails_c2wC4 {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 41px minmax(0, 1fr);
    height: 100%
}

.header--EditableItemDetails_S9BQt {
    background: var(--image-06-02), var(--fill-01-05);
    box-shadow: inset 0 -1px 0 var(--fill-03);
    display: grid
}

.header--EditableItemDetails_S9BQt::before {
    -webkit-mask: linear-gradient(to right, var(--fill-01-01), transparent);
    mask: linear-gradient(to right, var(--fill-01-01), transparent);
    background: repeating-linear-gradient(135deg, transparent, transparent 17px, var(--fill-06-02) 17px, var(--fill-06-02) 27px);
    content: "";
    grid-area: 1/-1;
    pointer-events: none
}

.header--EditableItemDetails_S9BQt .actions--EditableItemDetails_QkjtE {
    align-items: center;
    display: flex;
    grid-area: 1/-1;
    overflow: hidden;
    padding: 0 16px
}

.header--EditableItemDetails_S9BQt .actions--EditableItemDetails_QkjtE .text--EditableItemDetails_jkAT5 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.3;
    color: var(--fill-05-02);
    margin-right: auto
}

.header--EditableItemDetails_S9BQt .actions--EditableItemDetails_QkjtE .button--EditableItemDetails_hjBjC {
    flex-shrink: 0;
    margin-left: 12px
}

[data-theme=dark] .header--EditableItemDetails_S9BQt {
    background-color: var(--fill-01-03)
}

.content--EditableItemDetails_jPUM9 {
    background-color: var(--fill-01-04)
}

[data-theme=dark] .content--EditableItemDetails_jPUM9 {
    background-color: var(--fill-01-03)
}

.elements--EditableItemDetails_ZGKaf {
    box-sizing: border-box;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    overflow: hidden auto;
    padding: 0 16px 16px;
    width: 100%
}

.locationBar--EditableItemDetails_lmYUZ {
    font-size: calc(14/var(--text-size-base)*1rem);
    font-weight: normal;
    line-height: 1.3;
    align-items: center;
    color: var(--text-color-tertiary);
    cursor: default;
    display: inline-flex;
    margin-top: 9px;
    max-width: 100%;
    overflow: hidden;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.locationBar--EditableItemDetails_lmYUZ .location--EditableItemDetails_M9zKB {
    align-items: center;
    display: flex;
    overflow: hidden
}

.locationBar--EditableItemDetails_lmYUZ .location--EditableItemDetails_M9zKB:first-child {
    flex-basis: 16px;
    flex-grow: 1;
    min-width: 16px
}

.locationBar--EditableItemDetails_lmYUZ .location--EditableItemDetails_M9zKB:not(:last-child) .displayValue--EditableItemDetails_Vr06U {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.locationBar--EditableItemDetails_lmYUZ .location--EditableItemDetails_M9zKB .icon--EditableItemDetails_XYQHv,
.locationBar--EditableItemDetails_lmYUZ .location--EditableItemDetails_M9zKB:last-child {
    flex-shrink: 0
}

.locationBar--EditableItemDetails_lmYUZ .location--EditableItemDetails_M9zKB+.location--EditableItemDetails_M9zKB {
    margin-left: 10px
}

.locationBar--EditableItemDetails_lmYUZ .location--EditableItemDetails_M9zKB+.location--EditableItemDetails_M9zKB::before {
    background-color: var(--bg-highlight-color-tertiary);
    content: "";
    flex-shrink: 0;
    height: 16px;
    margin-right: 10px;
    width: 1px
}

.locationBar--EditableItemDetails_lmYUZ .location--EditableItemDetails_M9zKB *+* {
    margin-left: 6px
}

.spacing--EditableItemDetails_ALzSq {
    height: var(--height)
}

.spacing--EditableItemDetails_ALzSq.single--EditableItemDetails_GRrZg {
    --height: 12px
}

.spacing--EditableItemDetails_ALzSq.double--EditableItemDetails_f1Fi1 {
    --height: 24px
}

.itemList--ItemList_DClWQ {
    background-color: var(--bg-color-secondary)
}

.controls--ItemList_FGA59 {
    align-items: center;
    display: flex;
    height: 36px;
    justify-content: space-between;
    padding: 0 16px
}

.controls--ItemList_FGA59.tint--ItemList_Fid_T {
    background-color: var(--fill-06-02);
    border-bottom: 1px solid var(--border-02)
}

.controls--ItemList_FGA59 .control--ItemList_uctyw+.controls--ItemList_FGA59 .control--ItemList_uctyw {
    margin-left: 6px
}

.controls--ItemList_FGA59 .control--ItemList_uctyw.filter--ItemList_wTGxi.highlighted--ItemList_VvEXM {
    background-color: var(--color-purple-readable-dark) !important;
    color: var(--color-white) !important
}

.controls--ItemList_FGA59 .control--ItemList_uctyw.search--ItemList_Uu5YJ {
    align-items: center;
    display: flex;
    margin-left: 8px;
    overflow: hidden
}

.controls--ItemList_FGA59 .control--ItemList_uctyw.search--ItemList_Uu5YJ button {
    background: transparent;
    border: none;
    color: var(--text-color-secondary);
    cursor: pointer;
    flex-shrink: 0;
    outline: none;
    padding: 0
}

.controls--ItemList_FGA59 .control--ItemList_uctyw.search--ItemList_Uu5YJ .value--ItemList_gMoe6 {
    font-size: calc(14/var(--text-size-base)*1rem);
    font-weight: normal;
    line-height: 1.3;
    color: var(--text-color)
}

.controls--ItemList_FGA59 .control--ItemList_uctyw.sort--ItemList_e5sL9 {
    flex-shrink: 0
}

.controls--ItemList_FGA59 .control--ItemList_uctyw.sort--ItemList_e5sL9::after {
    display: none
}

.controls--ItemList_FGA59 .control--ItemList_uctyw>*+* {
    margin-left: 8px
}

.controls--ItemList_FGA59 .control--ItemList_uctyw .icon--ItemList_Wvxpr {
    color: var(--text-color-secondary);
    flex-shrink: 0
}

.controls--ItemList_FGA59 .control--ItemList_uctyw .value--ItemList_gMoe6 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.list--ItemList_KSr6c {
    outline: none
}

.list--ItemList_KSr6c ul {
    margin: 0;
    padding: 0
}

.list--ItemList_KSr6c .listItem--ItemList_mcAoV {
    align-items: center;
    border-radius: 6px;
    box-sizing: border-box;
    grid-column-gap: 12px;
    column-gap: 12px;
    cursor: default;
    display: grid;
    grid-template-columns: 32px auto;
    grid-template-rows: 48px;
    margin: 0 16px;
    overflow: hidden;
    padding: 0 8px
}

.list--ItemList_KSr6c .listItem--ItemList_mcAoV:last-child {
    box-shadow: none;
    margin-bottom: 0
}

.list--ItemList_KSr6c .listItem--ItemList_mcAoV .details--ItemList_vPYo0 {
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.list--ItemList_KSr6c .listItem--ItemList_mcAoV .details--ItemList_vPYo0 .title--ItemList_MQS5v,
.list--ItemList_KSr6c .listItem--ItemList_mcAoV .details--ItemList_vPYo0 .subtitle--ItemList_lu7OV {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.list--ItemList_KSr6c .listItem--ItemList_mcAoV .details--ItemList_vPYo0 .title--ItemList_MQS5v {
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.3;
    color: var(--text-color-01)
}

.list--ItemList_KSr6c .listItem--ItemList_mcAoV .details--ItemList_vPYo0 .subtitle--ItemList_lu7OV {
    font-size: calc(12/var(--text-size-base)*1rem);
    font-weight: normal;
    line-height: 1.3;
    color: var(--text-color-02)
}

.list--ItemList_KSr6c .listItem--ItemList_mcAoV .details--ItemList_vPYo0 .plainText--ItemList_OWR3g {
    color: inherit !important
}

.list--ItemList_KSr6c .listItem--ItemList_mcAoV .details--ItemList_vPYo0 .highlightText--ItemList_Cnv3X {
    color: var(--text-color-01) !important
}

.list--ItemList_KSr6c .listItem--ItemList_mcAoV.highlight--ItemList_m_sx4 {
    background-color: var(--bg-highlight-color-secondary);
    box-shadow: none
}

.list--ItemList_KSr6c:focus .listItem--ItemList_mcAoV.highlight--ItemList_m_sx4 {
    background-color: var(--color-blue-readable-dark)
}

.list--ItemList_KSr6c:focus .listItem--ItemList_mcAoV.highlight--ItemList_m_sx4 .title--ItemList_MQS5v {
    color: var(--text-color-01-02)
}

.list--ItemList_KSr6c:focus .listItem--ItemList_mcAoV.highlight--ItemList_m_sx4 .subtitle--ItemList_lu7OV {
    color: var(--text-color-02-02)
}

.list--ItemList_KSr6c:focus .listItem--ItemList_mcAoV.highlight--ItemList_m_sx4 .highlightText--ItemList_Cnv3X {
    background-color: transparent !important;
    color: var(--text-color-01-02) !important
}

.controlsPlaceholder--ItemList_KPP8j {
    height: 36px
}

.noContentMessage--ItemList_XnZJJ {
    font-size: calc(14/var(--text-size-base)*1rem);
    font-weight: normal;
    line-height: 1.3;
    color: var(--text-color-02);
    display: grid;
    height: calc(100% - 72px);
    padding: 0 16px;
    align-items: center;
    justify-items: center;
    place-items: center
}

.radio--Radio_rYUxY {
    --border: inset 0 0 0 1px var(--color-shading-medium);
    appearance: none;
    background-color: var(--color-grayscale-white);
    border-radius: 50%;
    box-shadow: var(--border);
    cursor: pointer;
    height: 16px;
    margin: 0;
    outline: none;
    width: 16px
}

[data-theme=dark] .radio--Radio_rYUxY {
    background-color: var(--color-shading-barely-there)
}

.radio--Radio_rYUxY:checked {
    --border: 0 0 transparent;
    background-color: var(--color-branding-bits-blue)
}

.radio--Radio_rYUxY:checked::before {
    background-color: var(--color-grayscale-white);
    border-radius: 50%;
    content: "";
    display: block;
    height: 8px;
    margin: 4px 0 0 4px;
    width: 8px
}

[data-theme=dark] .radio--Radio_rYUxY:checked:not(:disabled) {
    --border: inset 0 0 0 1px var(--color-shading-barely-there)
}

[data-theme=dark] .radio--Radio_rYUxY:checked:not(:disabled)::before {
    background-color: var(--color-grayscale-almost-white)
}

.radio--Radio_rYUxY:disabled {
    --border: inset 0 0 0 1px var(--color-shading-extra-faint);
    background-color: var(--color-shading-faint);
    cursor: default
}

.radio--Radio_rYUxY:disabled:checked::before {
    background-color: var(--color-shading-on-dark-heavy)
}

[data-theme=dark] .radio--Radio_rYUxY:disabled:checked::before {
    background-color: var(--color-shading-on-dark-medium)
}

[data-focus-visible] .radio--Radio_rYUxY:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring), var(--border)
}

.container--VaultCollections_DMnJL {
    font-size: calc(14/var(--text-size-base)*1rem);
    font-weight: normal;
    line-height: 1.3;
    --sidebar-width: 200px;
    color: var(--text-color-01);
    display: grid;
    grid-template-columns: minmax(180px, 200px) 1fr;
    grid-template-columns: minmax(180px, var(--sidebar-width)) 1fr;
    grid-template-rows: 100%;
    height: 100%;
    overflow: hidden;
    position: relative
}

.sidebar--VaultCollections_r_Hrq {
    background-color: var(--fill-05);
    border-right: 1px solid var(--border-02);
    display: grid;
    grid-area: 1/1/-1/1;
    grid-template-rows: calc(100% - 45px) 45px;
    overflow: hidden
}

.sidebar--VaultCollections_r_Hrq ul {
    box-sizing: border-box;
    height: 100%;
    margin: 0;
    outline: none;
    overflow-x: hidden;
    overflow-y: auto;
    overflow: hidden auto;
    padding: 12px
}

.sidebar--VaultCollections_r_Hrq ul li {
    align-items: center;
    border-radius: 6px;
    box-sizing: border-box;
    cursor: default;
    display: grid;
    grid-column-gap: 8px;
    grid-template-columns: 38px auto;
    grid-template-rows: 48px;
    overflow: hidden;
    padding: 0 16px
}

.sidebar--VaultCollections_r_Hrq ul li.highlight--VaultCollections_melwT {
    background-color: var(--bg-highlight-color-secondary)
}

.sidebar--VaultCollections_r_Hrq ul:focus li.highlight--VaultCollections_melwT {
    background-color: var(--color-blue-readable-dark)
}

.sidebar--VaultCollections_r_Hrq ul:focus li.highlight--VaultCollections_melwT span {
    color: var(--vault-collection-text-active)
}

.sidebar--VaultCollections_r_Hrq .titleWrapper--VaultCollections_FMLUI {
    display: grid
}

.sidebar--VaultCollections_r_Hrq .titleWrapper--VaultCollections_FMLUI span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sidebar--VaultCollections_r_Hrq .subtitle--VaultCollections_NbDe5 {
    font-size: calc(12/var(--text-size-base)*1rem);
    font-weight: normal;
    line-height: 1.3;
    color: var(--text-color-02)
}

.sidebar--VaultCollections_r_Hrq .actions--VaultCollections_6mEmg {
    border-top: 1px solid var(--border-02);
    display: flex;
    padding: 8px
}

.sidebar--VaultCollections_r_Hrq .actions--VaultCollections_6mEmg button+button {
    margin-left: 8px
}

.content--VaultCollections_qGVN_ {
    background-color: var(--vault-collection-bg-content);
    display: grid;
    grid-row-gap: 16px;
    grid-template-rows: 32px 1fr;
    padding: 24px
}

.content--VaultCollections_qGVN_ ul {
    list-style-type: none;
    margin: 0;
    padding: 16px
}

.content--VaultCollections_qGVN_ .header--VaultCollections_V0EPt {
    -webkit-app-region: no-drag
}

.content--VaultCollections_qGVN_ .header--VaultCollections_V0EPt span {
    margin-left: 16px
}

.content--VaultCollections_qGVN_ .header--VaultCollections_V0EPt input[type=text] {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.3;
    background-color: var(--vault-collection-input-fill);
    border: none;
    border-radius: 6px;
    box-shadow: inset 0 0 0 1px var(--border-02);
    color: var(--text-color-01);
    height: 32px;
    outline: none;
    padding: 0 13px;
    width: 100%
}

.content--VaultCollections_qGVN_ .header--VaultCollections_V0EPt input[type=text]:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring), inset 0 0 0 1px var(--border-02)
}

.content--VaultCollections_qGVN_ .listItems--VaultCollections_y00Gx {
    background-color: var(--vault-collection-bg-list);
    border: 1px solid var(--border-02);
    border-radius: 6px;
    color: var(--text-color-01);
    overflow: hidden;
    width: 100%
}

.content--VaultCollections_qGVN_ .listItems--VaultCollections_y00Gx ul {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    overflow: hidden auto;
    padding: 0 !important
}

.content--VaultCollections_qGVN_ .listItems--VaultCollections_y00Gx ul:focus {
    outline: none
}

.content--VaultCollections_qGVN_ .listItems--VaultCollections_y00Gx li {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    min-height: 32px;
    overflow: hidden;
    padding-right: 8px
}

.content--VaultCollections_qGVN_ .listItems--VaultCollections_y00Gx li:nth-child(even) {
    background-color: var(--vault-collection-bg-content)
}

.content--VaultCollections_qGVN_ .listItems--VaultCollections_y00Gx li.disabled--VaultCollections_pa77K {
    color: var(--text-color-03)
}

.content--VaultCollections_qGVN_ .listItems--VaultCollections_y00Gx li .label--VaultCollections_Wq6xE {
    align-items: center;
    cursor: default;
    display: flex;
    justify-content: space-between;
    margin-right: 24px;
    overflow: hidden;
    width: 100%
}

.content--VaultCollections_qGVN_ .listItems--VaultCollections_y00Gx li .label--VaultCollections_Wq6xE>span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 8px
}

.content--VaultCollections_qGVN_ .listItems--VaultCollections_y00Gx li .listIcon--VaultCollections_awqYb {
    flex-shrink: 0
}

.content--VaultCollections_qGVN_ .listItems--VaultCollections_y00Gx li .marker--VaultCollections_YRXp5 {
    display: flex;
    flex-shrink: 0
}

.content--VaultCollections_qGVN_ .listItems--VaultCollections_y00Gx li .sharedIcon--VaultCollections_AS6jJ {
    color: var(--fill-02);
    margin-left: 8px
}

.content--VaultCollections_qGVN_ .listItems--VaultCollections_y00Gx li .switchWrapper--VaultCollections_JiNV4 {
    display: flex;
    flex-shrink: 0;
    justify-content: flex-end;
    margin-right: 8px
}

.dialog--VaultCollections_X9b6A {
    padding: 0 20px
}

.dialog--VaultCollections_X9b6A .body--VaultCollections_ZtQLu {
    align-items: center;
    display: flex
}

.dialog--VaultCollections_X9b6A .body--VaultCollections_ZtQLu .text--VaultCollections_xOHa7 {
    display: flex;
    flex-direction: column;
    margin-left: 8px
}

.dialog--VaultCollections_X9b6A .body--VaultCollections_ZtQLu .icon--VaultCollections_nJSIC {
    margin-right: 8px
}

.dialog--VaultCollections_X9b6A .body--VaultCollections_ZtQLu span {
    font-size: calc(14/var(--text-size-base)*1rem);
    font-weight: normal;
    line-height: 1.3;
    margin-left: 4px
}

.dialog--VaultCollections_X9b6A .body--VaultCollections_ZtQLu span~span {
    font-size: calc(12/var(--text-size-base)*1rem);
    font-weight: normal;
    line-height: 1.3;
    color: var(--text-color-02)
}

.dialog--VaultCollections_X9b6A .actions--VaultCollections_6mEmg {
    display: flex;
    justify-content: flex-end
}

.dialog--VaultCollections_X9b6A .actions--VaultCollections_6mEmg>:last-child {
    margin-left: 8px
}

.checkbox--VaultCollections_p8hZN {
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    border-radius: 3.2px;
    box-shadow: inset 0 0 0 1px var(--border-02);
    display: inline-block;
    flex-shrink: 0;
    height: 16px;
    margin-left: 0;
    margin-right: 8px;
    position: relative;
    width: 16px
}

.checkbox--VaultCollections_p8hZN:indeterminate {
    background-color: var(--color-readable-blue)
}

.checkbox--VaultCollections_p8hZN:indeterminate::after {
    border-right: 2px solid var(--checkbox-checkmark);
    content: "";
    display: block;
    height: 7px;
    left: 0;
    left: 4px;
    opacity: 1;
    position: absolute;
    top: 0;
    top: 2px;
    transform: rotate(90deg);
    width: 4px
}

.checkbox--VaultCollections_p8hZN:not(:indeterminate)::after {
    border: 2px solid var(--checkbox-checkmark);
    border-left: 0;
    border-top: 0;
    content: "";
    display: block;
    height: 6px;
    left: 0;
    left: 5px;
    opacity: 0;
    position: absolute;
    top: 0;
    top: 2px;
    transform: rotate(40deg);
    width: 3px
}

.checkbox--VaultCollections_p8hZN:checked {
    background-color: var(--color-readable-blue)
}

.checkbox--VaultCollections_p8hZN:checked::after {
    opacity: 1
}

.checkbox--VaultCollections_p8hZN:disabled {
    background-color: var(--fill-02);
    border-color: var(--border-02);
    opacity: .3
}

.checkbox--VaultCollections_p8hZN:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring), inset 0 0 0 1px var(--border-02);
    outline: none
}

.buttonBar--VaultCollections_ZwjCA {
    display: flex;
    justify-content: flex-end
}

.indent--Forest_Z7R9J {
    margin-left: 1em
}

.row--Forest_cPBgu>div {
    display: flex;
    width: 100%
}

.row--Forest_cPBgu>*+* {
    margin-left: 8px
}

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

.checkboxContainer--Forest_RBDwb {
    height: 18px
}

.controlContent--Forest_sWG2j {
    flex-shrink: 0
}

.separator--WindowSplitter_Wa0Ro {
    -webkit-app-region: no-drag;
    background-color: var(--bg-highlight-color-secondary);
    box-shadow: none;
    outline: none;
    position: relative;
    transition-delay: 50ms;
    transition-duration: 150ms;
    transition-property: background-color, box-shadow;
    width: 1px;
    z-index: 1
}

.separator--WindowSplitter_Wa0Ro::after {
    -webkit-app-region: no-drag;
    bottom: 0;
    content: "";
    cursor: col-resize;
    left: -3px;
    position: absolute;
    top: 0;
    width: 7px
}

.separator--WindowSplitter_Wa0Ro:hover,
.separator--WindowSplitter_Wa0Ro.moving--WindowSplitter_jtT9N,
[data-focus-visible] .separator--WindowSplitter_Wa0Ro:focus {
    background-color: var(--color-blue-bright);
    box-shadow: 0 1px 0 1px var(--color-blue-bright)
}

.separator--WindowSplitter_Wa0Ro.moving--WindowSplitter_jtT9N::after {
    left: 0;
    position: fixed;
    right: 0;
    width: auto
}

.container--Notification_zg0UK {
    bottom: 12px;
    left: 50%;
    opacity: 0;
    position: fixed;
    transform: translate(-50%, 0);
    transition: opacity 150ms
}

.container--Notification_zg0UK.transitionEnter--Notification_pBtGj,
.container--Notification_zg0UK.transitionDone--Notification_adxcf {
    opacity: 1
}

.container--Notification_zg0UK.transitionExit--Notification_vFzjY {
    opacity: 0;
    transition-duration: 300ms
}

.notification--Notification_yya26 {
    align-items: center;
    background-color: var(--fill-01-03);
    border-radius: 14px;
    box-sizing: border-box;
    color: var(--text-color-01-invert);
    display: flex;
    height: 40px;
    padding: 6px
}

.notification--Notification_yya26 .message--Notification_m289w {
    font-size: calc(14/var(--text-size-base)*1rem);
    font-weight: normal;
    line-height: 1.3;
    margin: 0 10px 0 10px
}

.notification--Notification_yya26 *+* {
    margin-left: 6px
}

[data-theme=dark] .notification--Notification_yya26 {
    background-color: var(--fill-01-05)
}

@keyframes react-loading-skeleton {
    100% {
        transform: translateX(100%);
    }
}

.react-loading-skeleton {
    --base-color: #ebebeb;
    --highlight-color: #f5f5f5;
    --animation-duration: 1.5s;
    --animation-direction: normal;
    --pseudo-element-display: block;
    /* Enable animation */

    background-color: #ebebeb;

    background-color: var(--base-color);

    width: 100%;
    border-radius: 0.25rem;
    display: inline-flex;
    line-height: 1;

    position: relative;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
}

.react-loading-skeleton::after {
    content: ' ';
    display: var(--pseudo-element-display);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-repeat: no-repeat;
    background-image: var(--custom-highlight-background,
            linear-gradient(90deg,
                var(--base-color) 0%,
                var(--highlight-color) 50%,
                var(--base-color) 100%));
    transform: translateX(-100%);

    animation-name: react-loading-skeleton;
    animation-direction: var(--animation-direction);
    animation-duration: var(--animation-duration);
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

@media (prefers-reduced-motion) {
    .react-loading-skeleton {
        --pseudo-element-display: none;
        /* Disable animation */
    }
}

/* src/styles/reset.css.ts.vanilla.css -> assets/styles/reset.css.ts.vanilla.css */
.reset_base__1e6d9s10 {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

.reset_block__1e6d9s11 {
    display: block;
}

.reset_body__1e6d9s12 {
    line-height: 1;
}

.reset_list__1e6d9s13 {
    list-style: none;
}

.reset_quote__1e6d9s14 {
    quotes: none;
}

.reset_quote__1e6d9s14:before,
.reset_quote__1e6d9s14:after {
    content: '';
}

.reset_table__1e6d9s15 {
    border-collapse: collapse;
    border-spacing: 0;
}

.reset_button__1e6d9s16 {
    background: none;
}

.reset_a__1e6d9s17 {
    -webkit-text-decoration: none;
    text-decoration: none;
    color: inherit;
}

input[type="number"].knox-reset::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"].knox-reset::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"].knox-reset {
    -moz-appearance: textfield;
}

@supports (scrollbar-color: white white) {
    .knox-reset {
        scrollbar-color: var(--knox-scrollbar-thumb-color-default) var(--knox-scrollbar-track-background-color);
    }
}

@supports not (scrollbar-color: white white) {
    .knox-reset::-webkit-scrollbar {
        width: var(--knox-scrollbar-base-width);
    }

    .knox-reset::-webkit-scrollbar-track {
        background: var(--knox-scrollbar-track-background-color);
    }

    .knox-reset::-webkit-scrollbar-thumb {
        background-clip: padding-box;
        background-color: var(--knox-scrollbar-thumb-color-default);
        border-radius: var(--knox-scrollbar-thumb-radius);
        border: 3px solid var(--knox-scrollbar-track-background-color);
    }

    .knox-reset::-webkit-scrollbar-thumb:hover {
        background-color: var(--knox-scrollbar-thumb-color-hover);
    }

    .knox-reset::-webkit-scrollbar-thumb:active {
        background-color: var(--knox-scrollbar-thumb-color-active);
    }

    .knox-reset::-webkit-scrollbar-corner {
        background: var(--knox-scrollbar-track-background-color);
    }

    .knox-reset::-webkit-scrollbar-button {
        display: none;
        width: 0;
        height: 0;
    }
}

/* src/styles/sprinkles.css.ts.vanilla.css -> assets/styles/sprinkles.css.ts.vanilla.css */
.sprinkles_all_unset__omrdfn276 {
    all: unset;
}

.sprinkles_borderWidth_0px__omrdfn277 {
    border-width: 0px;
}

.sprinkles_borderWidth_1px__omrdfn278 {
    border-width: 1px;
}

.sprinkles_borderWidth_2px__omrdfn279 {
    border-width: 2px;
}

.sprinkles_borderWidth_3px__omrdfn27a {
    border-width: 3px;
}

.sprinkles_borderWidth_4px__omrdfn27b {
    border-width: 4px;
}

.sprinkles_borderWidth_5px__omrdfn27c {
    border-width: 5px;
}

.sprinkles_borderWidth_6px__omrdfn27d {
    border-width: 6px;
}

.sprinkles_borderTopWidth_0px__omrdfn27e {
    border-top-width: 0px;
}

.sprinkles_borderTopWidth_1px__omrdfn27f {
    border-top-width: 1px;
}

.sprinkles_borderTopWidth_2px__omrdfn27g {
    border-top-width: 2px;
}

.sprinkles_borderTopWidth_3px__omrdfn27h {
    border-top-width: 3px;
}

.sprinkles_borderTopWidth_4px__omrdfn27i {
    border-top-width: 4px;
}

.sprinkles_borderTopWidth_5px__omrdfn27j {
    border-top-width: 5px;
}

.sprinkles_borderTopWidth_6px__omrdfn27k {
    border-top-width: 6px;
}

.sprinkles_borderRightWidth_0px__omrdfn27l {
    border-right-width: 0px;
}

.sprinkles_borderRightWidth_1px__omrdfn27m {
    border-right-width: 1px;
}

.sprinkles_borderRightWidth_2px__omrdfn27n {
    border-right-width: 2px;
}

.sprinkles_borderRightWidth_3px__omrdfn27o {
    border-right-width: 3px;
}

.sprinkles_borderRightWidth_4px__omrdfn27p {
    border-right-width: 4px;
}

.sprinkles_borderRightWidth_5px__omrdfn27q {
    border-right-width: 5px;
}

.sprinkles_borderRightWidth_6px__omrdfn27r {
    border-right-width: 6px;
}

.sprinkles_borderBottomWidth_0px__omrdfn27s {
    border-bottom-width: 0px;
}

.sprinkles_borderBottomWidth_1px__omrdfn27t {
    border-bottom-width: 1px;
}

.sprinkles_borderBottomWidth_2px__omrdfn27u {
    border-bottom-width: 2px;
}

.sprinkles_borderBottomWidth_3px__omrdfn27v {
    border-bottom-width: 3px;
}

.sprinkles_borderBottomWidth_4px__omrdfn27w {
    border-bottom-width: 4px;
}

.sprinkles_borderBottomWidth_5px__omrdfn27x {
    border-bottom-width: 5px;
}

.sprinkles_borderBottomWidth_6px__omrdfn27y {
    border-bottom-width: 6px;
}

.sprinkles_borderLeftWidth_0px__omrdfn27z {
    border-left-width: 0px;
}

.sprinkles_borderLeftWidth_1px__omrdfn280 {
    border-left-width: 1px;
}

.sprinkles_borderLeftWidth_2px__omrdfn281 {
    border-left-width: 2px;
}

.sprinkles_borderLeftWidth_3px__omrdfn282 {
    border-left-width: 3px;
}

.sprinkles_borderLeftWidth_4px__omrdfn283 {
    border-left-width: 4px;
}

.sprinkles_borderLeftWidth_5px__omrdfn284 {
    border-left-width: 5px;
}

.sprinkles_borderLeftWidth_6px__omrdfn285 {
    border-left-width: 6px;
}

.sprinkles_borderBlockStart_0px__omrdfn286 {
    border-top: 0px;
}

.sprinkles_borderBlockStart_1px__omrdfn287 {
    border-top: 1px;
}

.sprinkles_borderBlockStart_2px__omrdfn288 {
    border-top: 2px;
}

.sprinkles_borderBlockStart_3px__omrdfn289 {
    border-top: 3px;
}

.sprinkles_borderBlockStart_4px__omrdfn28a {
    border-top: 4px;
}

.sprinkles_borderBlockStart_5px__omrdfn28b {
    border-top: 5px;
}

.sprinkles_borderBlockStart_6px__omrdfn28c {
    border-top: 6px;
}

.sprinkles_borderBlockEnd_0px__omrdfn28d {
    border-bottom: 0px;
}

.sprinkles_borderBlockEnd_1px__omrdfn28e {
    border-bottom: 1px;
}

.sprinkles_borderBlockEnd_2px__omrdfn28f {
    border-bottom: 2px;
}

.sprinkles_borderBlockEnd_3px__omrdfn28g {
    border-bottom: 3px;
}

.sprinkles_borderBlockEnd_4px__omrdfn28h {
    border-bottom: 4px;
}

.sprinkles_borderBlockEnd_5px__omrdfn28i {
    border-bottom: 5px;
}

.sprinkles_borderBlockEnd_6px__omrdfn28j {
    border-bottom: 6px;
}

.sprinkles_borderInlineStart_0px__omrdfn28k {
    border-left: 0px;
}

.sprinkles_borderInlineStart_1px__omrdfn28l {
    border-left: 1px;
}

.sprinkles_borderInlineStart_2px__omrdfn28m {
    border-left: 2px;
}

.sprinkles_borderInlineStart_3px__omrdfn28n {
    border-left: 3px;
}

.sprinkles_borderInlineStart_4px__omrdfn28o {
    border-left: 4px;
}

.sprinkles_borderInlineStart_5px__omrdfn28p {
    border-left: 5px;
}

.sprinkles_borderInlineStart_6px__omrdfn28q {
    border-left: 6px;
}

.sprinkles_borderInlineEnd_0px__omrdfn28r {
    border-right: 0px;
}

.sprinkles_borderInlineEnd_1px__omrdfn28s {
    border-right: 1px;
}

.sprinkles_borderInlineEnd_2px__omrdfn28t {
    border-right: 2px;
}

.sprinkles_borderInlineEnd_3px__omrdfn28u {
    border-right: 3px;
}

.sprinkles_borderInlineEnd_4px__omrdfn28v {
    border-right: 4px;
}

.sprinkles_borderInlineEnd_5px__omrdfn28w {
    border-right: 5px;
}

.sprinkles_borderInlineEnd_6px__omrdfn28x {
    border-right: 6px;
}

.sprinkles_borderStyle_solid__omrdfn28y {
    border-style: solid;
}

.sprinkles_borderStyle_inset__omrdfn28z {
    border-style: inset;
}

.sprinkles_direction_ltr__omrdfn290 {
    direction: ltr;
}

.sprinkles_direction_rtl__omrdfn291 {
    direction: rtl;
}

.sprinkles_overflow_hidden__omrdfn292 {
    overflow: hidden;
}

.sprinkles_overflow_scroll__omrdfn293 {
    overflow: scroll;
}

.sprinkles_overflow_visible__omrdfn294 {
    overflow: visible;
}

.sprinkles_overflow_auto__omrdfn295 {
    overflow: auto;
}

.sprinkles_overflowY_visible__omrdfn296 {
    overflow-y: visible;
}

.sprinkles_overflowY_hidden__omrdfn297 {
    overflow-y: hidden;
}

.sprinkles_overflowY_clip__omrdfn298 {
    overflow-y: clip;
}

.sprinkles_overflowY_scroll__omrdfn299 {
    overflow-y: scroll;
}

.sprinkles_overflowY_auto__omrdfn29a {
    overflow-y: auto;
}

.sprinkles_userSelect_none__omrdfn29b {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.sprinkles_outline_none__omrdfn29c {
    outline: none;
}

.sprinkles_opacity_0__omrdfn29d {
    opacity: 0;
}

.sprinkles_cursor_default__omrdfn29e {
    cursor: default;
}

.sprinkles_cursor_pointer__omrdfn29f {
    cursor: pointer;
}

.sprinkles_cursor_not-allowed__omrdfn29g {
    cursor: not-allowed;
}

.sprinkles_pointerEvents_none__omrdfn29h {
    pointer-events: none;
}

.sprinkles_top_0__omrdfn29i {
    top: 0;
}

.sprinkles_top_none__omrdfn29j {
    top: var(--knox-spacing-none);
}

.sprinkles_top_hairline__omrdfn29k {
    top: var(--knox-spacing-hairline);
}

.sprinkles_top_2xs__omrdfn29l {
    top: var(--knox-spacing-2xs);
}

.sprinkles_top_xs__omrdfn29m {
    top: var(--knox-spacing-xs);
}

.sprinkles_top_small__omrdfn29n {
    top: var(--knox-spacing-small);
}

.sprinkles_top_medium__omrdfn29o {
    top: var(--knox-spacing-medium);
}

.sprinkles_top_large__omrdfn29p {
    top: var(--knox-spacing-large);
}

.sprinkles_top_xl__omrdfn29q {
    top: var(--knox-spacing-xl);
}

.sprinkles_top_2xl__omrdfn29r {
    top: var(--knox-spacing-2xl);
}

.sprinkles_top_3xl__omrdfn29s {
    top: var(--knox-spacing-3xl);
}

.sprinkles_top_4xl__omrdfn29t {
    top: var(--knox-spacing-4xl);
}

.sprinkles_top_unset__omrdfn29u {
    top: auto;
    top: initial;
}

.sprinkles_bottom_0__omrdfn29v {
    bottom: 0;
}

.sprinkles_bottom_none__omrdfn29w {
    bottom: var(--knox-spacing-none);
}

.sprinkles_bottom_hairline__omrdfn29x {
    bottom: var(--knox-spacing-hairline);
}

.sprinkles_bottom_2xs__omrdfn29y {
    bottom: var(--knox-spacing-2xs);
}

.sprinkles_bottom_xs__omrdfn29z {
    bottom: var(--knox-spacing-xs);
}

.sprinkles_bottom_small__omrdfn2a0 {
    bottom: var(--knox-spacing-small);
}

.sprinkles_bottom_medium__omrdfn2a1 {
    bottom: var(--knox-spacing-medium);
}

.sprinkles_bottom_large__omrdfn2a2 {
    bottom: var(--knox-spacing-large);
}

.sprinkles_bottom_xl__omrdfn2a3 {
    bottom: var(--knox-spacing-xl);
}

.sprinkles_bottom_2xl__omrdfn2a4 {
    bottom: var(--knox-spacing-2xl);
}

.sprinkles_bottom_3xl__omrdfn2a5 {
    bottom: var(--knox-spacing-3xl);
}

.sprinkles_bottom_4xl__omrdfn2a6 {
    bottom: var(--knox-spacing-4xl);
}

.sprinkles_bottom_unset__omrdfn2a7 {
    bottom: auto;
    bottom: initial;
}

.sprinkles_left_0__omrdfn2a8 {
    left: 0;
}

.sprinkles_left_none__omrdfn2a9 {
    left: var(--knox-spacing-none);
}

.sprinkles_left_hairline__omrdfn2aa {
    left: var(--knox-spacing-hairline);
}

.sprinkles_left_2xs__omrdfn2ab {
    left: var(--knox-spacing-2xs);
}

.sprinkles_left_xs__omrdfn2ac {
    left: var(--knox-spacing-xs);
}

.sprinkles_left_small__omrdfn2ad {
    left: var(--knox-spacing-small);
}

.sprinkles_left_medium__omrdfn2ae {
    left: var(--knox-spacing-medium);
}

.sprinkles_left_large__omrdfn2af {
    left: var(--knox-spacing-large);
}

.sprinkles_left_xl__omrdfn2ag {
    left: var(--knox-spacing-xl);
}

.sprinkles_left_2xl__omrdfn2ah {
    left: var(--knox-spacing-2xl);
}

.sprinkles_left_3xl__omrdfn2ai {
    left: var(--knox-spacing-3xl);
}

.sprinkles_left_4xl__omrdfn2aj {
    left: var(--knox-spacing-4xl);
}

.sprinkles_left_unset__omrdfn2ak {
    left: auto;
    left: initial;
}

.sprinkles_right_0__omrdfn2al {
    right: 0;
}

.sprinkles_right_none__omrdfn2am {
    right: var(--knox-spacing-none);
}

.sprinkles_right_hairline__omrdfn2an {
    right: var(--knox-spacing-hairline);
}

.sprinkles_right_2xs__omrdfn2ao {
    right: var(--knox-spacing-2xs);
}

.sprinkles_right_xs__omrdfn2ap {
    right: var(--knox-spacing-xs);
}

.sprinkles_right_small__omrdfn2aq {
    right: var(--knox-spacing-small);
}

.sprinkles_right_medium__omrdfn2ar {
    right: var(--knox-spacing-medium);
}

.sprinkles_right_large__omrdfn2as {
    right: var(--knox-spacing-large);
}

.sprinkles_right_xl__omrdfn2at {
    right: var(--knox-spacing-xl);
}

.sprinkles_right_2xl__omrdfn2au {
    right: var(--knox-spacing-2xl);
}

.sprinkles_right_3xl__omrdfn2av {
    right: var(--knox-spacing-3xl);
}

.sprinkles_right_4xl__omrdfn2aw {
    right: var(--knox-spacing-4xl);
}

.sprinkles_right_unset__omrdfn2ax {
    right: auto;
    right: initial;
}

.sprinkles_focusable_on__omrdfn2ay:focus-visible {
    outline: var(--knox-focus-outline);
    outline-offset: var(--knox-focus-offset);
}

.sprinkles_focusable_inverse__omrdfn2az:focus-visible {
    outline: var(--knox-focus-outline-inverse);
    outline-offset: var(--knox-focus-offset);
}

.sprinkles_color_neutral__omrdfn2b1 {
    color: var(--knox-text-icon-neutral);
}

.sprinkles_color_neutralHover__omrdfn2b2 {
    color: var(--knox-text-icon-neutral-hover);
}

.sprinkles_color_neutralPressed__omrdfn2b3 {
    color: var(--knox-text-icon-neutral-pressed);
}

.sprinkles_color_neutralWeak__omrdfn2b4 {
    color: var(--knox-text-icon-neutral-weak);
}

.sprinkles_color_neutralWeakHover__omrdfn2b5 {
    color: var(--knox-text-icon-neutral-weak-hover);
}

.sprinkles_color_neutralWeakPressed__omrdfn2b6 {
    color: var(--knox-text-icon-neutral-weak-pressed);
}

.sprinkles_color_disabled__omrdfn2b7 {
    color: var(--knox-text-icon-disabled);
}

.sprinkles_color_inverse__omrdfn2b8 {
    color: var(--knox-text-icon-inverse);
}

.sprinkles_color_inverseHover__omrdfn2b9 {
    color: var(--knox-text-icon-inverse-hover);
}

.sprinkles_color_inversePressed__omrdfn2ba {
    color: var(--knox-text-icon-inverse-pressed);
}

.sprinkles_color_brand__omrdfn2bb {
    color: var(--knox-text-icon-brand);
}

.sprinkles_color_brandHover__omrdfn2bc {
    color: var(--knox-text-icon-brand-hover);
}

.sprinkles_color_brandPressed__omrdfn2bd {
    color: var(--knox-text-icon-brand-pressed);
}

.sprinkles_color_attention__omrdfn2be {
    color: var(--knox-text-icon-attention);
}

.sprinkles_color_attentionHover__omrdfn2bf {
    color: var(--knox-text-icon-attention-hover);
}

.sprinkles_color_attentionPressed__omrdfn2bg {
    color: var(--knox-text-icon-attention-pressed);
}

.sprinkles_color_success__omrdfn2bh {
    color: var(--knox-text-icon-success);
}

.sprinkles_color_successHover__omrdfn2bi {
    color: var(--knox-text-icon-success-hover);
}

.sprinkles_color_successPressed__omrdfn2bj {
    color: var(--knox-text-icon-success-pressed);
}

.sprinkles_color_warning__omrdfn2bk {
    color: var(--knox-text-icon-warning);
}

.sprinkles_color_warningHover__omrdfn2bl {
    color: var(--knox-text-icon-warning-hover);
}

.sprinkles_color_warningPressed__omrdfn2bm {
    color: var(--knox-text-icon-warning-pressed);
}

.sprinkles_color_critical__omrdfn2bn {
    color: var(--knox-text-icon-critical);
}

.sprinkles_color_criticalHover__omrdfn2bo {
    color: var(--knox-text-icon-critical-hover);
}

.sprinkles_color_criticalPressed__omrdfn2bp {
    color: var(--knox-text-icon-critical-pressed);
}

.sprinkles_color_inherit__omrdfn2bq {
    color: inherit;
}

.sprinkles_backgroundColor_neutral__omrdfn2br {
    background-color: var(--knox-background-neutral);
}

.sprinkles_backgroundColor_neutralHigh__omrdfn2bs {
    background-color: var(--knox-background-neutral-high);
}

.sprinkles_backgroundColor_neutralLow__omrdfn2bt {
    background-color: var(--knox-background-neutral-low);
}

.sprinkles_backgroundColor_disabled__omrdfn2bu {
    background-color: var(--knox-background-disabled);
}

.sprinkles_backgroundColor_activated__omrdfn2bv {
    background-color: var(--knox-background-activated);
}

.sprinkles_backgroundColor_transparent__omrdfn2bw {
    background-color: var(--knox-background-transparent);
}

.sprinkles_backgroundColor_transparentHover__omrdfn2bx {
    background-color: var(--knox-background-transparent-hover);
}

.sprinkles_backgroundColor_transparentPressed__omrdfn2by {
    background-color: var(--knox-background-transparent-pressed);
}

.sprinkles_backgroundColor_overlay__omrdfn2bz {
    background-color: var(--knox-background-overlay);
}

.sprinkles_backgroundColor_inverse__omrdfn2c0 {
    background-color: var(--knox-background-inverse);
}

.sprinkles_backgroundColor_inverseHover__omrdfn2c1 {
    background-color: var(--knox-background-inverse-hover);
}

.sprinkles_backgroundColor_inversePressed__omrdfn2c2 {
    background-color: var(--knox-background-inverse-pressed);
}

.sprinkles_backgroundColor_brand__omrdfn2c3 {
    background-color: var(--knox-background-brand);
}

.sprinkles_backgroundColor_brandHover__omrdfn2c4 {
    background-color: var(--knox-background-brand-hover);
}

.sprinkles_backgroundColor_brandPressed__omrdfn2c5 {
    background-color: var(--knox-background-brand-pressed);
}

.sprinkles_backgroundColor_brandWeak__omrdfn2c6 {
    background-color: var(--knox-background-brand-weak);
}

.sprinkles_backgroundColor_attention__omrdfn2c7 {
    background-color: var(--knox-background-attention);
}

.sprinkles_backgroundColor_attentionHover__omrdfn2c8 {
    background-color: var(--knox-background-attention-hover);
}

.sprinkles_backgroundColor_attentionPressed__omrdfn2c9 {
    background-color: var(--knox-background-attention-pressed);
}

.sprinkles_backgroundColor_attentionWeak__omrdfn2ca {
    background-color: var(--knox-background-attention-weak);
}

.sprinkles_backgroundColor_success__omrdfn2cb {
    background-color: var(--knox-background-success);
}

.sprinkles_backgroundColor_successHover__omrdfn2cc {
    background-color: var(--knox-background-success-hover);
}

.sprinkles_backgroundColor_successPressed__omrdfn2cd {
    background-color: var(--knox-background-success-pressed);
}

.sprinkles_backgroundColor_successWeak__omrdfn2ce {
    background-color: var(--knox-background-success-weak);
}

.sprinkles_backgroundColor_warning__omrdfn2cf {
    background-color: var(--knox-background-warning);
}

.sprinkles_backgroundColor_warningHover__omrdfn2cg {
    background-color: var(--knox-background-warning-hover);
}

.sprinkles_backgroundColor_warningPressed__omrdfn2ch {
    background-color: var(--knox-background-warning-pressed);
}

.sprinkles_backgroundColor_warningWeak__omrdfn2ci {
    background-color: var(--knox-background-warning-weak);
}

.sprinkles_backgroundColor_critical__omrdfn2cj {
    background-color: var(--knox-background-critical);
}

.sprinkles_backgroundColor_criticalHover__omrdfn2ck {
    background-color: var(--knox-background-critical-hover);
}

.sprinkles_backgroundColor_criticalPressed__omrdfn2cl {
    background-color: var(--knox-background-critical-pressed);
}

.sprinkles_backgroundColor_criticalWeak__omrdfn2cm {
    background-color: var(--knox-background-critical-weak);
}

.sprinkles_backgroundColor_inherit__omrdfn2cn {
    background-color: inherit;
}

.sprinkles_borderColor_neutral__omrdfn2co {
    border-color: var(--knox-border-neutral);
}

.sprinkles_borderColor_neutralWeak__omrdfn2cp {
    border-color: var(--knox-border-neutral-weak);
}

.sprinkles_borderColor_neutralStrong__omrdfn2cq {
    border-color: var(--knox-border-neutral-strong);
}

.sprinkles_borderColor_inverse__omrdfn2cr {
    border-color: var(--knox-border-inverse);
}

.sprinkles_borderColor_brand__omrdfn2cs {
    border-color: var(--knox-border-brand);
}

.sprinkles_borderColor_attention__omrdfn2ct {
    border-color: var(--knox-border-attention);
}

.sprinkles_borderColor_success__omrdfn2cu {
    border-color: var(--knox-border-success);
}

.sprinkles_borderColor_warning__omrdfn2cv {
    border-color: var(--knox-border-warning);
}

.sprinkles_borderColor_critical__omrdfn2cw {
    border-color: var(--knox-border-critical);
}

.sprinkles_borderColor_focus__omrdfn2cx {
    border-color: var(--knox-border-focus);
}

.sprinkles_borderColor_focusInverse__omrdfn2cy {
    border-color: var(--knox-border-focus-inverse);
}

.sprinkles_borderColor_inherit__omrdfn2cz {
    border-color: inherit;
}

.sprinkles_borderColor_transparent__omrdfn2d0 {
    border-color: transparent;
}

.sprinkles_borderBlockColor_neutral__omrdfn2d1 {
    border-top-color: var(--knox-border-neutral);
    border-bottom-color: var(--knox-border-neutral);
}

.sprinkles_borderBlockColor_neutralWeak__omrdfn2d2 {
    border-top-color: var(--knox-border-neutral-weak);
    border-bottom-color: var(--knox-border-neutral-weak);
}

.sprinkles_borderBlockColor_neutralStrong__omrdfn2d3 {
    border-top-color: var(--knox-border-neutral-strong);
    border-bottom-color: var(--knox-border-neutral-strong);
}

.sprinkles_borderBlockColor_inverse__omrdfn2d4 {
    border-top-color: var(--knox-border-inverse);
    border-bottom-color: var(--knox-border-inverse);
}

.sprinkles_borderBlockColor_brand__omrdfn2d5 {
    border-top-color: var(--knox-border-brand);
    border-bottom-color: var(--knox-border-brand);
}

.sprinkles_borderBlockColor_attention__omrdfn2d6 {
    border-top-color: var(--knox-border-attention);
    border-bottom-color: var(--knox-border-attention);
}

.sprinkles_borderBlockColor_success__omrdfn2d7 {
    border-top-color: var(--knox-border-success);
    border-bottom-color: var(--knox-border-success);
}

.sprinkles_borderBlockColor_warning__omrdfn2d8 {
    border-top-color: var(--knox-border-warning);
    border-bottom-color: var(--knox-border-warning);
}

.sprinkles_borderBlockColor_critical__omrdfn2d9 {
    border-top-color: var(--knox-border-critical);
    border-bottom-color: var(--knox-border-critical);
}

.sprinkles_borderBlockColor_focus__omrdfn2da {
    border-top-color: var(--knox-border-focus);
    border-bottom-color: var(--knox-border-focus);
}

.sprinkles_borderBlockColor_focusInverse__omrdfn2db {
    border-top-color: var(--knox-border-focus-inverse);
    border-bottom-color: var(--knox-border-focus-inverse);
}

.sprinkles_borderBlockColor_inherit__omrdfn2dc {
    border-top-color: inherit;
    border-bottom-color: inherit;
}

.sprinkles_borderBlockColor_transparent__omrdfn2dd {
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.sprinkles_borderBlockStartColor_neutral__omrdfn2de {
    border-top-color: var(--knox-border-neutral);
}

.sprinkles_borderBlockStartColor_neutralWeak__omrdfn2df {
    border-top-color: var(--knox-border-neutral-weak);
}

.sprinkles_borderBlockStartColor_neutralStrong__omrdfn2dg {
    border-top-color: var(--knox-border-neutral-strong);
}

.sprinkles_borderBlockStartColor_inverse__omrdfn2dh {
    border-top-color: var(--knox-border-inverse);
}

.sprinkles_borderBlockStartColor_brand__omrdfn2di {
    border-top-color: var(--knox-border-brand);
}

.sprinkles_borderBlockStartColor_attention__omrdfn2dj {
    border-top-color: var(--knox-border-attention);
}

.sprinkles_borderBlockStartColor_success__omrdfn2dk {
    border-top-color: var(--knox-border-success);
}

.sprinkles_borderBlockStartColor_warning__omrdfn2dl {
    border-top-color: var(--knox-border-warning);
}

.sprinkles_borderBlockStartColor_critical__omrdfn2dm {
    border-top-color: var(--knox-border-critical);
}

.sprinkles_borderBlockStartColor_focus__omrdfn2dn {
    border-top-color: var(--knox-border-focus);
}

.sprinkles_borderBlockStartColor_focusInverse__omrdfn2do {
    border-top-color: var(--knox-border-focus-inverse);
}

.sprinkles_borderBlockStartColor_inherit__omrdfn2dp {
    border-top-color: inherit;
}

.sprinkles_borderBlockStartColor_transparent__omrdfn2dq {
    border-top-color: transparent;
}

.sprinkles_borderBlockEndColor_neutral__omrdfn2dr {
    border-bottom-color: var(--knox-border-neutral);
}

.sprinkles_borderBlockEndColor_neutralWeak__omrdfn2ds {
    border-bottom-color: var(--knox-border-neutral-weak);
}

.sprinkles_borderBlockEndColor_neutralStrong__omrdfn2dt {
    border-bottom-color: var(--knox-border-neutral-strong);
}

.sprinkles_borderBlockEndColor_inverse__omrdfn2du {
    border-bottom-color: var(--knox-border-inverse);
}

.sprinkles_borderBlockEndColor_brand__omrdfn2dv {
    border-bottom-color: var(--knox-border-brand);
}

.sprinkles_borderBlockEndColor_attention__omrdfn2dw {
    border-bottom-color: var(--knox-border-attention);
}

.sprinkles_borderBlockEndColor_success__omrdfn2dx {
    border-bottom-color: var(--knox-border-success);
}

.sprinkles_borderBlockEndColor_warning__omrdfn2dy {
    border-bottom-color: var(--knox-border-warning);
}

.sprinkles_borderBlockEndColor_critical__omrdfn2dz {
    border-bottom-color: var(--knox-border-critical);
}

.sprinkles_borderBlockEndColor_focus__omrdfn2e0 {
    border-bottom-color: var(--knox-border-focus);
}

.sprinkles_borderBlockEndColor_focusInverse__omrdfn2e1 {
    border-bottom-color: var(--knox-border-focus-inverse);
}

.sprinkles_borderBlockEndColor_inherit__omrdfn2e2 {
    border-bottom-color: inherit;
}

.sprinkles_borderBlockEndColor_transparent__omrdfn2e3 {
    border-bottom-color: transparent;
}

.sprinkles_borderInlineColor_neutral__omrdfn2e4 {
    border-left-color: var(--knox-border-neutral);
    border-right-color: var(--knox-border-neutral);
}

.sprinkles_borderInlineColor_neutralWeak__omrdfn2e5 {
    border-left-color: var(--knox-border-neutral-weak);
    border-right-color: var(--knox-border-neutral-weak);
}

.sprinkles_borderInlineColor_neutralStrong__omrdfn2e6 {
    border-left-color: var(--knox-border-neutral-strong);
    border-right-color: var(--knox-border-neutral-strong);
}

.sprinkles_borderInlineColor_inverse__omrdfn2e7 {
    border-left-color: var(--knox-border-inverse);
    border-right-color: var(--knox-border-inverse);
}

.sprinkles_borderInlineColor_brand__omrdfn2e8 {
    border-left-color: var(--knox-border-brand);
    border-right-color: var(--knox-border-brand);
}

.sprinkles_borderInlineColor_attention__omrdfn2e9 {
    border-left-color: var(--knox-border-attention);
    border-right-color: var(--knox-border-attention);
}

.sprinkles_borderInlineColor_success__omrdfn2ea {
    border-left-color: var(--knox-border-success);
    border-right-color: var(--knox-border-success);
}

.sprinkles_borderInlineColor_warning__omrdfn2eb {
    border-left-color: var(--knox-border-warning);
    border-right-color: var(--knox-border-warning);
}

.sprinkles_borderInlineColor_critical__omrdfn2ec {
    border-left-color: var(--knox-border-critical);
    border-right-color: var(--knox-border-critical);
}

.sprinkles_borderInlineColor_focus__omrdfn2ed {
    border-left-color: var(--knox-border-focus);
    border-right-color: var(--knox-border-focus);
}

.sprinkles_borderInlineColor_focusInverse__omrdfn2ee {
    border-left-color: var(--knox-border-focus-inverse);
    border-right-color: var(--knox-border-focus-inverse);
}

.sprinkles_borderInlineColor_inherit__omrdfn2ef {
    border-left-color: inherit;
    border-right-color: inherit;
}

.sprinkles_borderInlineColor_transparent__omrdfn2eg {
    border-left-color: transparent;
    border-right-color: transparent;
}

.sprinkles_borderInlineStartColor_neutral__omrdfn2eh {
    border-left-color: var(--knox-border-neutral);
}

.sprinkles_borderInlineStartColor_neutralWeak__omrdfn2ei {
    border-left-color: var(--knox-border-neutral-weak);
}

.sprinkles_borderInlineStartColor_neutralStrong__omrdfn2ej {
    border-left-color: var(--knox-border-neutral-strong);
}

.sprinkles_borderInlineStartColor_inverse__omrdfn2ek {
    border-left-color: var(--knox-border-inverse);
}

.sprinkles_borderInlineStartColor_brand__omrdfn2el {
    border-left-color: var(--knox-border-brand);
}

.sprinkles_borderInlineStartColor_attention__omrdfn2em {
    border-left-color: var(--knox-border-attention);
}

.sprinkles_borderInlineStartColor_success__omrdfn2en {
    border-left-color: var(--knox-border-success);
}

.sprinkles_borderInlineStartColor_warning__omrdfn2eo {
    border-left-color: var(--knox-border-warning);
}

.sprinkles_borderInlineStartColor_critical__omrdfn2ep {
    border-left-color: var(--knox-border-critical);
}

.sprinkles_borderInlineStartColor_focus__omrdfn2eq {
    border-left-color: var(--knox-border-focus);
}

.sprinkles_borderInlineStartColor_focusInverse__omrdfn2er {
    border-left-color: var(--knox-border-focus-inverse);
}

.sprinkles_borderInlineStartColor_inherit__omrdfn2es {
    border-left-color: inherit;
}

.sprinkles_borderInlineStartColor_transparent__omrdfn2et {
    border-left-color: transparent;
}

.sprinkles_borderInlineEndColor_neutral__omrdfn2eu {
    border-right-color: var(--knox-border-neutral);
}

.sprinkles_borderInlineEndColor_neutralWeak__omrdfn2ev {
    border-right-color: var(--knox-border-neutral-weak);
}

.sprinkles_borderInlineEndColor_neutralStrong__omrdfn2ew {
    border-right-color: var(--knox-border-neutral-strong);
}

.sprinkles_borderInlineEndColor_inverse__omrdfn2ex {
    border-right-color: var(--knox-border-inverse);
}

.sprinkles_borderInlineEndColor_brand__omrdfn2ey {
    border-right-color: var(--knox-border-brand);
}

.sprinkles_borderInlineEndColor_attention__omrdfn2ez {
    border-right-color: var(--knox-border-attention);
}

.sprinkles_borderInlineEndColor_success__omrdfn2f0 {
    border-right-color: var(--knox-border-success);
}

.sprinkles_borderInlineEndColor_warning__omrdfn2f1 {
    border-right-color: var(--knox-border-warning);
}

.sprinkles_borderInlineEndColor_critical__omrdfn2f2 {
    border-right-color: var(--knox-border-critical);
}

.sprinkles_borderInlineEndColor_focus__omrdfn2f3 {
    border-right-color: var(--knox-border-focus);
}

.sprinkles_borderInlineEndColor_focusInverse__omrdfn2f4 {
    border-right-color: var(--knox-border-focus-inverse);
}

.sprinkles_borderInlineEndColor_inherit__omrdfn2f5 {
    border-right-color: inherit;
}

.sprinkles_borderInlineEndColor_transparent__omrdfn2f6 {
    border-right-color: transparent;
}

.sprinkles_boxShadow_topLedge__omrdfn2f7 {
    box-shadow: var(--knox-elevation-top-ledge);
}

.sprinkles_boxShadow_bottomLedge__omrdfn2f8 {
    box-shadow: var(--knox-elevation-bottom-ledge);
}

.sprinkles_boxShadow_low__omrdfn2f9 {
    box-shadow: var(--knox-elevation-low);
}

.sprinkles_boxShadow_medium__omrdfn2fa {
    box-shadow: var(--knox-elevation-medium);
}

.sprinkles_boxShadow_high__omrdfn2fb {
    box-shadow: var(--knox-elevation-high);
}

.sprinkles_textDecoration_none__omrdfn2fc {
    -webkit-text-decoration: none;
    text-decoration: none;
}

.sprinkles_textDecoration_underline__omrdfn2fd {
    -webkit-text-decoration: underline;
    text-decoration: underline;
}

.sprinkles_textDecoration_line-through__omrdfn2fe {
    -webkit-text-decoration: line-through;
    text-decoration: line-through;
}

.sprinkles_textTransform_uppercase__omrdfn2ff {
    text-transform: uppercase;
}

.sprinkles_textTransform_lowercase__omrdfn2fg {
    text-transform: lowercase;
}

.sprinkles_textTransform_capitalize__omrdfn2fh {
    text-transform: capitalize;
}

.sprinkles_textOverflow_ellipsis__omrdfn2fi {
    text-overflow: ellipsis;
}

.sprinkles_whiteSpace_nowrap__omrdfn2fj {
    white-space: nowrap;
}

.sprinkles_whiteSpace_pre__omrdfn2fk {
    white-space: pre;
}

.sprinkles_wordBreak_break-all__omrdfn2fl {
    word-break: break-all;
}

.sprinkles_wordBreak_break-word__omrdfn2fm {
    word-break: break-word;
}

.sprinkles_wordBreak_inherit__omrdfn2fn {
    word-break: inherit;
}

.sprinkles_wordBreak_keep-all__omrdfn2fo {
    word-break: keep-all;
}

.sprinkles_wordBreak_normal__omrdfn2fp {
    word-break: normal;
}

.sprinkles_wordSpacing_0__omrdfn2fq {
    word-spacing: 0;
}

.sprinkles_wordSpacing_none__omrdfn2fr {
    word-spacing: var(--knox-spacing-none);
}

.sprinkles_wordSpacing_hairline__omrdfn2fs {
    word-spacing: var(--knox-spacing-hairline);
}

.sprinkles_wordSpacing_2xs__omrdfn2ft {
    word-spacing: var(--knox-spacing-2xs);
}

.sprinkles_wordSpacing_xs__omrdfn2fu {
    word-spacing: var(--knox-spacing-xs);
}

.sprinkles_wordSpacing_small__omrdfn2fv {
    word-spacing: var(--knox-spacing-small);
}

.sprinkles_wordSpacing_medium__omrdfn2fw {
    word-spacing: var(--knox-spacing-medium);
}

.sprinkles_wordSpacing_large__omrdfn2fx {
    word-spacing: var(--knox-spacing-large);
}

.sprinkles_wordSpacing_xl__omrdfn2fy {
    word-spacing: var(--knox-spacing-xl);
}

.sprinkles_wordSpacing_2xl__omrdfn2fz {
    word-spacing: var(--knox-spacing-2xl);
}

.sprinkles_wordSpacing_3xl__omrdfn2g0 {
    word-spacing: var(--knox-spacing-3xl);
}

.sprinkles_wordSpacing_4xl__omrdfn2g1 {
    word-spacing: var(--knox-spacing-4xl);
}

.sprinkles_wordSpacing_unset__omrdfn2g2 {
    word-spacing: inherit;
}

.sprinkles_wordSpacing_auto__omrdfn2g3 {
    word-spacing: auto;
}

.sprinkles_wordSpacing_normal__omrdfn2g4 {
    word-spacing: normal;
}

.sprinkles_wordSpacing_initial__omrdfn2g5 {
    word-spacing: normal;
    word-spacing: initial;
}

.sprinkles_wordSpacing_inherit__omrdfn2g6 {
    word-spacing: inherit;
}

.sprinkles_wordSpacing_revert__omrdfn2g7 {
    word-spacing: revert;
}

.sprinkles_fontFamily_default__omrdfn2g8 {
    font-family: var(--knox-font-family-default);
}

.sprinkles_fontFamily_code__omrdfn2g9 {
    font-family: var(--knox-font-family-code);
}

.sprinkles_fontFamily_password__omrdfn2ga {
    font-family: var(--knox-font-family-password);
}

.sprinkles_fontWeight_headingDefault__omrdfn2gb {
    font-weight: var(--knox-font-weight-heading-default);
}

.sprinkles_fontWeight_headingSubtle__omrdfn2gc {
    font-weight: var(--knox-font-weight-heading-subtle);
}

.sprinkles_fontWeight_bodyDefault__omrdfn2gd {
    font-weight: var(--knox-font-weight-body-default);
}

.sprinkles_fontWeight_bodyStrong__omrdfn2ge {
    font-weight: var(--knox-font-weight-body-strong);
}

.sprinkles_fontSize_headingXl__omrdfn2gf {
    font-size: var(--knox-font-size-heading-xl);
}

.sprinkles_fontSize_headingLarge__omrdfn2gg {
    font-size: var(--knox-font-size-heading-large);
}

.sprinkles_fontSize_headingMedium__omrdfn2gh {
    font-size: var(--knox-font-size-heading-medium);
}

.sprinkles_fontSize_headingSmall__omrdfn2gi {
    font-size: var(--knox-font-size-heading-small);
}

.sprinkles_fontSize_headingXs__omrdfn2gj {
    font-size: var(--knox-font-size-heading-xs);
}

.sprinkles_fontSize_heading2Xs__omrdfn2gk {
    font-size: var(--knox-font-size-heading-2xs);
}

.sprinkles_fontSize_bodyLarge__omrdfn2gl {
    font-size: var(--knox-font-size-body-large);
}

.sprinkles_fontSize_bodyMedium__omrdfn2gm {
    font-size: var(--knox-font-size-body-medium);
}

.sprinkles_fontSize_bodySmall__omrdfn2gn {
    font-size: var(--knox-font-size-body-small);
}

.sprinkles_lineHeight_default__omrdfn2go {
    line-height: var(--knox-line-height-default);
}

.sprinkles_lineHeight_headingLarge__omrdfn2gp {
    line-height: var(--knox-line-height-heading-large);
}

.sprinkles_lineHeight_headingXl__omrdfn2gq {
    line-height: var(--knox-line-height-heading-xl);
}

.sprinkles_lineHeight_paragraph__omrdfn2gr {
    line-height: var(--knox-line-height-paragraph);
}

.sprinkles_letterSpacing_headingXl__omrdfn2gs {
    letter-spacing: var(--knox-letter-spacing-heading-xl);
}

.sprinkles_letterSpacing_headingLarge__omrdfn2gt {
    letter-spacing: var(--knox-letter-spacing-heading-large);
}

.sprinkles_letterSpacing_headingMedium__omrdfn2gu {
    letter-spacing: var(--knox-letter-spacing-heading-medium);
}

.sprinkles_letterSpacing_headingSmall__omrdfn2gv {
    letter-spacing: var(--knox-letter-spacing-heading-small);
}

.sprinkles_letterSpacing_headingXs__omrdfn2gw {
    letter-spacing: var(--knox-letter-spacing-heading-xs);
}

.sprinkles_letterSpacing_heading2Xs__omrdfn2gx {
    letter-spacing: var(--knox-letter-spacing-heading-2xs);
}

.sprinkles_letterSpacing_bodyLarge__omrdfn2gy {
    letter-spacing: var(--knox-letter-spacing-body-large);
}

.sprinkles_letterSpacing_bodyMedium__omrdfn2gz {
    letter-spacing: var(--knox-letter-spacing-body-medium);
}

.sprinkles_letterSpacing_bodySmall__omrdfn2h0 {
    letter-spacing: var(--knox-letter-spacing-body-small);
}

.sprinkles_letterSpacing_passwordLarge__omrdfn2h1 {
    letter-spacing: var(--knox-letter-spacing-password-large);
}

.sprinkles_letterSpacing_passwordMedium__omrdfn2h2 {
    letter-spacing: var(--knox-letter-spacing-password-medium);
}

.sprinkles_letterSpacing_passwordSmall__omrdfn2h3 {
    letter-spacing: var(--knox-letter-spacing-password-small);
}

@media screen and (min-width: 0px) {
    .sprinkles_display_none_xs__omrdfn0 {
        display: none;
    }

    .sprinkles_display_flex_xs__omrdfn6 {
        display: flex;
    }

    .sprinkles_display_block_xs__omrdfnc {
        display: block;
    }

    .sprinkles_display_inline_xs__omrdfni {
        display: inline;
    }

    .sprinkles_display_inline-block_xs__omrdfno {
        display: inline-block;
    }

    .sprinkles_display_inline-flex_xs__omrdfnu {
        display: inline-flex;
    }

    .sprinkles_display_inline-grid_xs__omrdfn10 {
        display: inline-grid;
    }

    .sprinkles_display_grid_xs__omrdfn16 {
        display: grid;
    }

    .sprinkles_justifyContent_stretch_xs__omrdfn1c {
        justify-content: stretch;
    }

    .sprinkles_justifyContent_flex-start_xs__omrdfn1i {
        justify-content: flex-start;
    }

    .sprinkles_justifyContent_center_xs__omrdfn1o {
        justify-content: center;
    }

    .sprinkles_justifyContent_flex-end_xs__omrdfn1u {
        justify-content: flex-end;
    }

    .sprinkles_justifyContent_space-around_xs__omrdfn20 {
        justify-content: space-around;
    }

    .sprinkles_justifyContent_space-between_xs__omrdfn26 {
        justify-content: space-between;
    }

    .sprinkles_justifyContent_space-evenly_xs__omrdfn2c {
        justify-content: space-evenly;
    }

    .sprinkles_borderRadius_none_xs__omrdfn2i {
        border-radius: var(--knox-corner-radius-none);
    }

    .sprinkles_borderRadius_small_xs__omrdfn2o {
        border-radius: var(--knox-corner-radius-small);
    }

    .sprinkles_borderRadius_medium_xs__omrdfn2u {
        border-radius: var(--knox-corner-radius-medium);
    }

    .sprinkles_borderRadius_large_xs__omrdfn30 {
        border-radius: var(--knox-corner-radius-large);
    }

    .sprinkles_borderRadius_circular_xs__omrdfn36 {
        border-radius: var(--knox-corner-radius-circular);
    }

    .sprinkles_borderRadius_unset_xs__omrdfn3c {
        border-radius: 0;
        border-radius: initial;
    }

    .sprinkles_borderTopLeftRadius_none_xs__omrdfn3i {
        border-top-left-radius: var(--knox-corner-radius-none);
    }

    .sprinkles_borderTopLeftRadius_small_xs__omrdfn3o {
        border-top-left-radius: var(--knox-corner-radius-small);
    }

    .sprinkles_borderTopLeftRadius_medium_xs__omrdfn3u {
        border-top-left-radius: var(--knox-corner-radius-medium);
    }

    .sprinkles_borderTopLeftRadius_large_xs__omrdfn40 {
        border-top-left-radius: var(--knox-corner-radius-large);
    }

    .sprinkles_borderTopLeftRadius_circular_xs__omrdfn46 {
        border-top-left-radius: var(--knox-corner-radius-circular);
    }

    .sprinkles_borderTopLeftRadius_unset_xs__omrdfn4c {
        border-top-left-radius: 0;
        border-top-left-radius: initial;
    }

    .sprinkles_borderTopRightRadius_none_xs__omrdfn4i {
        border-top-right-radius: var(--knox-corner-radius-none);
    }

    .sprinkles_borderTopRightRadius_small_xs__omrdfn4o {
        border-top-right-radius: var(--knox-corner-radius-small);
    }

    .sprinkles_borderTopRightRadius_medium_xs__omrdfn4u {
        border-top-right-radius: var(--knox-corner-radius-medium);
    }

    .sprinkles_borderTopRightRadius_large_xs__omrdfn50 {
        border-top-right-radius: var(--knox-corner-radius-large);
    }

    .sprinkles_borderTopRightRadius_circular_xs__omrdfn56 {
        border-top-right-radius: var(--knox-corner-radius-circular);
    }

    .sprinkles_borderTopRightRadius_unset_xs__omrdfn5c {
        border-top-right-radius: 0;
        border-top-right-radius: initial;
    }

    .sprinkles_borderBottomRightRadius_none_xs__omrdfn5i {
        border-bottom-right-radius: var(--knox-corner-radius-none);
    }

    .sprinkles_borderBottomRightRadius_small_xs__omrdfn5o {
        border-bottom-right-radius: var(--knox-corner-radius-small);
    }

    .sprinkles_borderBottomRightRadius_medium_xs__omrdfn5u {
        border-bottom-right-radius: var(--knox-corner-radius-medium);
    }

    .sprinkles_borderBottomRightRadius_large_xs__omrdfn60 {
        border-bottom-right-radius: var(--knox-corner-radius-large);
    }

    .sprinkles_borderBottomRightRadius_circular_xs__omrdfn66 {
        border-bottom-right-radius: var(--knox-corner-radius-circular);
    }

    .sprinkles_borderBottomRightRadius_unset_xs__omrdfn6c {
        border-bottom-right-radius: 0;
        border-bottom-right-radius: initial;
    }

    .sprinkles_borderBottomLeftRadius_none_xs__omrdfn6i {
        border-bottom-left-radius: var(--knox-corner-radius-none);
    }

    .sprinkles_borderBottomLeftRadius_small_xs__omrdfn6o {
        border-bottom-left-radius: var(--knox-corner-radius-small);
    }

    .sprinkles_borderBottomLeftRadius_medium_xs__omrdfn6u {
        border-bottom-left-radius: var(--knox-corner-radius-medium);
    }

    .sprinkles_borderBottomLeftRadius_large_xs__omrdfn70 {
        border-bottom-left-radius: var(--knox-corner-radius-large);
    }

    .sprinkles_borderBottomLeftRadius_circular_xs__omrdfn76 {
        border-bottom-left-radius: var(--knox-corner-radius-circular);
    }

    .sprinkles_borderBottomLeftRadius_unset_xs__omrdfn7c {
        border-bottom-left-radius: 0;
        border-bottom-left-radius: initial;
    }

    .sprinkles_alignItems_flex-start_xs__omrdfn7i {
        align-items: flex-start;
    }

    .sprinkles_alignItems_center_xs__omrdfn7o {
        align-items: center;
    }

    .sprinkles_alignItems_flex-end_xs__omrdfn7u {
        align-items: flex-end;
    }

    .sprinkles_alignItems_stretch_xs__omrdfn80 {
        align-items: stretch;
    }

    .sprinkles_alignItems_baseline_xs__omrdfn86 {
        align-items: baseline;
    }

    .sprinkles_alignSelf_flex-start_xs__omrdfn8c {
        align-self: flex-start;
    }

    .sprinkles_alignSelf_center_xs__omrdfn8i {
        align-self: center;
    }

    .sprinkles_alignSelf_flex-end_xs__omrdfn8o {
        align-self: flex-end;
    }

    .sprinkles_alignSelf_stretch_xs__omrdfn8u {
        align-self: stretch;
    }

    .sprinkles_alignSelf_baseline_xs__omrdfn90 {
        align-self: baseline;
    }

    .sprinkles_flexDirection_row_xs__omrdfn96 {
        flex-direction: row;
    }

    .sprinkles_flexDirection_column_xs__omrdfn9c {
        flex-direction: column;
    }

    .sprinkles_flexDirection_row-reverse_xs__omrdfn9i {
        flex-direction: row-reverse;
    }

    .sprinkles_flexDirection_column-reverse_xs__omrdfn9o {
        flex-direction: column-reverse;
    }

    .sprinkles_flex_0_xs__omrdfn9u {
        flex: 0;
    }

    .sprinkles_flex_1_xs__omrdfna0 {
        flex: 1;
    }

    .sprinkles_flex_2_xs__omrdfna6 {
        flex: 2;
    }

    .sprinkles_flex_3_xs__omrdfnac {
        flex: 3;
    }

    .sprinkles_flex_4_xs__omrdfnai {
        flex: 4;
    }

    .sprinkles_flex_5_xs__omrdfnao {
        flex: 5;
    }

    .sprinkles_flex_6_xs__omrdfnau {
        flex: 6;
    }

    .sprinkles_flex_7_xs__omrdfnb0 {
        flex: 7;
    }

    .sprinkles_flex_8_xs__omrdfnb6 {
        flex: 8;
    }

    .sprinkles_flex_9_xs__omrdfnbc {
        flex: 9;
    }

    .sprinkles_flex_10_xs__omrdfnbi {
        flex: 10;
    }

    .sprinkles_flex_11_xs__omrdfnbo {
        flex: 11;
    }

    .sprinkles_flex_12_xs__omrdfnbu {
        flex: 12;
    }

    .sprinkles_flexBasis_0_xs__omrdfnc0 {
        flex-basis: 0;
    }

    .sprinkles_flexBasis_unset_xs__omrdfnc6 {
        flex-basis: initial;
    }

    .sprinkles_flexBasis_inherit_xs__omrdfncc {
        flex-basis: inherit;
    }

    .sprinkles_flexBasis_initial_xs__omrdfnci {
        flex-basis: inital;
    }

    .sprinkles_flexWrap_wrap_xs__omrdfnco {
        flex-wrap: wrap;
    }

    .sprinkles_flexWrap_nowrap_xs__omrdfncu {
        flex-wrap: nowrap;
    }

    .sprinkles_flexShrink_0_xs__omrdfnd0 {
        flex-shrink: 0;
    }

    .sprinkles_flexShrink_1_xs__omrdfnd6 {
        flex-shrink: 1;
    }

    .sprinkles_flexShrink_2_xs__omrdfndc {
        flex-shrink: 2;
    }

    .sprinkles_flexShrink_3_xs__omrdfndi {
        flex-shrink: 3;
    }

    .sprinkles_flexShrink_4_xs__omrdfndo {
        flex-shrink: 4;
    }

    .sprinkles_flexShrink_5_xs__omrdfndu {
        flex-shrink: 5;
    }

    .sprinkles_flexShrink_6_xs__omrdfne0 {
        flex-shrink: 6;
    }

    .sprinkles_flexShrink_7_xs__omrdfne6 {
        flex-shrink: 7;
    }

    .sprinkles_flexShrink_8_xs__omrdfnec {
        flex-shrink: 8;
    }

    .sprinkles_flexShrink_9_xs__omrdfnei {
        flex-shrink: 9;
    }

    .sprinkles_flexShrink_10_xs__omrdfneo {
        flex-shrink: 10;
    }

    .sprinkles_flexShrink_11_xs__omrdfneu {
        flex-shrink: 11;
    }

    .sprinkles_flexShrink_12_xs__omrdfnf0 {
        flex-shrink: 12;
    }

    .sprinkles_flexGrow_0_xs__omrdfnf6 {
        flex-grow: 0;
    }

    .sprinkles_flexGrow_1_xs__omrdfnfc {
        flex-grow: 1;
    }

    .sprinkles_flexGrow_2_xs__omrdfnfi {
        flex-grow: 2;
    }

    .sprinkles_flexGrow_3_xs__omrdfnfo {
        flex-grow: 3;
    }

    .sprinkles_flexGrow_4_xs__omrdfnfu {
        flex-grow: 4;
    }

    .sprinkles_flexGrow_5_xs__omrdfng0 {
        flex-grow: 5;
    }

    .sprinkles_flexGrow_6_xs__omrdfng6 {
        flex-grow: 6;
    }

    .sprinkles_flexGrow_7_xs__omrdfngc {
        flex-grow: 7;
    }

    .sprinkles_flexGrow_8_xs__omrdfngi {
        flex-grow: 8;
    }

    .sprinkles_flexGrow_9_xs__omrdfngo {
        flex-grow: 9;
    }

    .sprinkles_flexGrow_10_xs__omrdfngu {
        flex-grow: 10;
    }

    .sprinkles_flexGrow_11_xs__omrdfnh0 {
        flex-grow: 11;
    }

    .sprinkles_flexGrow_12_xs__omrdfnh6 {
        flex-grow: 12;
    }

    .sprinkles_height_full_xs__omrdfnhc {
        height: 100%;
    }

    .sprinkles_height_fit-content_xs__omrdfnhi {
        height: fit-content;
    }

    .sprinkles_height_max-content_xs__omrdfnho {
        height: max-content;
    }

    .sprinkles_height_min-content_xs__omrdfnhu {
        height: min-content;
    }

    .sprinkles_height_auto_xs__omrdfni0 {
        height: auto;
    }

    .sprinkles_height_unset_xs__omrdfni6 {
        height: auto;
        height: initial;
    }

    .sprinkles_minHeight_0_xs__omrdfnic {
        min-height: 0px;
    }

    .sprinkles_minHeight_full_xs__omrdfnii {
        min-height: 100%;
    }

    .sprinkles_minHeight_fit-content_xs__omrdfnio {
        min-height: fit-content;
    }

    .sprinkles_minHeight_max-content_xs__omrdfniu {
        min-height: max-content;
    }

    .sprinkles_minHeight_min-content_xs__omrdfnj0 {
        min-height: min-content;
    }

    .sprinkles_minHeight_auto_xs__omrdfnj6 {
        min-height: auto;
    }

    .sprinkles_minHeight_unset_xs__omrdfnjc {
        min-height: 0;
        min-height: initial;
    }

    .sprinkles_minHeight_100px_xs__omrdfnji {
        min-height: 100px;
    }

    .sprinkles_minHeight_200px_xs__omrdfnjo {
        min-height: 200px;
    }

    .sprinkles_minHeight_300px_xs__omrdfnju {
        min-height: 300px;
    }

    .sprinkles_minHeight_400px_xs__omrdfnk0 {
        min-height: 400px;
    }

    .sprinkles_minHeight_500px_xs__omrdfnk6 {
        min-height: 500px;
    }

    .sprinkles_minHeight_600px_xs__omrdfnkc {
        min-height: 600px;
    }

    .sprinkles_maxHeight_0_xs__omrdfnki {
        max-height: 0px;
    }

    .sprinkles_maxHeight_full_xs__omrdfnko {
        max-height: 100%;
    }

    .sprinkles_maxHeight_fit-content_xs__omrdfnku {
        max-height: fit-content;
    }

    .sprinkles_maxHeight_max-content_xs__omrdfnl0 {
        max-height: max-content;
    }

    .sprinkles_maxHeight_min-content_xs__omrdfnl6 {
        max-height: min-content;
    }

    .sprinkles_maxHeight_auto_xs__omrdfnlc {
        max-height: auto;
    }

    .sprinkles_maxHeight_unset_xs__omrdfnli {
        max-height: none;
        max-height: initial;
    }

    .sprinkles_maxHeight_100px_xs__omrdfnlo {
        max-height: 100px;
    }

    .sprinkles_maxHeight_200px_xs__omrdfnlu {
        max-height: 200px;
    }

    .sprinkles_maxHeight_300px_xs__omrdfnm0 {
        max-height: 300px;
    }

    .sprinkles_maxHeight_400px_xs__omrdfnm6 {
        max-height: 400px;
    }

    .sprinkles_maxHeight_500px_xs__omrdfnmc {
        max-height: 500px;
    }

    .sprinkles_maxHeight_600px_xs__omrdfnmi {
        max-height: 600px;
    }

    .sprinkles_justifySelf_flex-start_xs__omrdfnmo {
        justify-self: flex-start;
    }

    .sprinkles_justifySelf_center_xs__omrdfnmu {
        justify-self: center;
    }

    .sprinkles_justifySelf_flex-end_xs__omrdfnn0 {
        justify-self: flex-end;
    }

    .sprinkles_justifySelf_stretch_xs__omrdfnn6 {
        justify-self: stretch;
    }

    .sprinkles_paddingTop_0_xs__omrdfnnc {
        padding-top: 0;
    }

    .sprinkles_paddingTop_none_xs__omrdfnni {
        padding-top: var(--knox-spacing-none);
    }

    .sprinkles_paddingTop_hairline_xs__omrdfnno {
        padding-top: var(--knox-spacing-hairline);
    }

    .sprinkles_paddingTop_2xs_xs__omrdfnnu {
        padding-top: var(--knox-spacing-2xs);
    }

    .sprinkles_paddingTop_xs_xs__omrdfno0 {
        padding-top: var(--knox-spacing-xs);
    }

    .sprinkles_paddingTop_small_xs__omrdfno6 {
        padding-top: var(--knox-spacing-small);
    }

    .sprinkles_paddingTop_medium_xs__omrdfnoc {
        padding-top: var(--knox-spacing-medium);
    }

    .sprinkles_paddingTop_large_xs__omrdfnoi {
        padding-top: var(--knox-spacing-large);
    }

    .sprinkles_paddingTop_xl_xs__omrdfnoo {
        padding-top: var(--knox-spacing-xl);
    }

    .sprinkles_paddingTop_2xl_xs__omrdfnou {
        padding-top: var(--knox-spacing-2xl);
    }

    .sprinkles_paddingTop_3xl_xs__omrdfnp0 {
        padding-top: var(--knox-spacing-3xl);
    }

    .sprinkles_paddingTop_4xl_xs__omrdfnp6 {
        padding-top: var(--knox-spacing-4xl);
    }

    .sprinkles_paddingTop_unset_xs__omrdfnpc {
        padding-top: 0;
        padding-top: initial;
    }

    .sprinkles_paddingBottom_0_xs__omrdfnpi {
        padding-bottom: 0;
    }

    .sprinkles_paddingBottom_none_xs__omrdfnpo {
        padding-bottom: var(--knox-spacing-none);
    }

    .sprinkles_paddingBottom_hairline_xs__omrdfnpu {
        padding-bottom: var(--knox-spacing-hairline);
    }

    .sprinkles_paddingBottom_2xs_xs__omrdfnq0 {
        padding-bottom: var(--knox-spacing-2xs);
    }

    .sprinkles_paddingBottom_xs_xs__omrdfnq6 {
        padding-bottom: var(--knox-spacing-xs);
    }

    .sprinkles_paddingBottom_small_xs__omrdfnqc {
        padding-bottom: var(--knox-spacing-small);
    }

    .sprinkles_paddingBottom_medium_xs__omrdfnqi {
        padding-bottom: var(--knox-spacing-medium);
    }

    .sprinkles_paddingBottom_large_xs__omrdfnqo {
        padding-bottom: var(--knox-spacing-large);
    }

    .sprinkles_paddingBottom_xl_xs__omrdfnqu {
        padding-bottom: var(--knox-spacing-xl);
    }

    .sprinkles_paddingBottom_2xl_xs__omrdfnr0 {
        padding-bottom: var(--knox-spacing-2xl);
    }

    .sprinkles_paddingBottom_3xl_xs__omrdfnr6 {
        padding-bottom: var(--knox-spacing-3xl);
    }

    .sprinkles_paddingBottom_4xl_xs__omrdfnrc {
        padding-bottom: var(--knox-spacing-4xl);
    }

    .sprinkles_paddingBottom_unset_xs__omrdfnri {
        padding-bottom: 0;
        padding-bottom: initial;
    }

    .sprinkles_paddingLeft_0_xs__omrdfnro {
        padding-left: 0;
    }

    .sprinkles_paddingLeft_none_xs__omrdfnru {
        padding-left: var(--knox-spacing-none);
    }

    .sprinkles_paddingLeft_hairline_xs__omrdfns0 {
        padding-left: var(--knox-spacing-hairline);
    }

    .sprinkles_paddingLeft_2xs_xs__omrdfns6 {
        padding-left: var(--knox-spacing-2xs);
    }

    .sprinkles_paddingLeft_xs_xs__omrdfnsc {
        padding-left: var(--knox-spacing-xs);
    }

    .sprinkles_paddingLeft_small_xs__omrdfnsi {
        padding-left: var(--knox-spacing-small);
    }

    .sprinkles_paddingLeft_medium_xs__omrdfnso {
        padding-left: var(--knox-spacing-medium);
    }

    .sprinkles_paddingLeft_large_xs__omrdfnsu {
        padding-left: var(--knox-spacing-large);
    }

    .sprinkles_paddingLeft_xl_xs__omrdfnt0 {
        padding-left: var(--knox-spacing-xl);
    }

    .sprinkles_paddingLeft_2xl_xs__omrdfnt6 {
        padding-left: var(--knox-spacing-2xl);
    }

    .sprinkles_paddingLeft_3xl_xs__omrdfntc {
        padding-left: var(--knox-spacing-3xl);
    }

    .sprinkles_paddingLeft_4xl_xs__omrdfnti {
        padding-left: var(--knox-spacing-4xl);
    }

    .sprinkles_paddingLeft_unset_xs__omrdfnto {
        padding-left: 0;
        padding-left: initial;
    }

    .sprinkles_paddingRight_0_xs__omrdfntu {
        padding-right: 0;
    }

    .sprinkles_paddingRight_none_xs__omrdfnu0 {
        padding-right: var(--knox-spacing-none);
    }

    .sprinkles_paddingRight_hairline_xs__omrdfnu6 {
        padding-right: var(--knox-spacing-hairline);
    }

    .sprinkles_paddingRight_2xs_xs__omrdfnuc {
        padding-right: var(--knox-spacing-2xs);
    }

    .sprinkles_paddingRight_xs_xs__omrdfnui {
        padding-right: var(--knox-spacing-xs);
    }

    .sprinkles_paddingRight_small_xs__omrdfnuo {
        padding-right: var(--knox-spacing-small);
    }

    .sprinkles_paddingRight_medium_xs__omrdfnuu {
        padding-right: var(--knox-spacing-medium);
    }

    .sprinkles_paddingRight_large_xs__omrdfnv0 {
        padding-right: var(--knox-spacing-large);
    }

    .sprinkles_paddingRight_xl_xs__omrdfnv6 {
        padding-right: var(--knox-spacing-xl);
    }

    .sprinkles_paddingRight_2xl_xs__omrdfnvc {
        padding-right: var(--knox-spacing-2xl);
    }

    .sprinkles_paddingRight_3xl_xs__omrdfnvi {
        padding-right: var(--knox-spacing-3xl);
    }

    .sprinkles_paddingRight_4xl_xs__omrdfnvo {
        padding-right: var(--knox-spacing-4xl);
    }

    .sprinkles_paddingRight_unset_xs__omrdfnvu {
        padding-right: 0;
        padding-right: initial;
    }

    .sprinkles_paddingBlockStart_0_xs__omrdfnw0 {
        padding-top: 0;
    }

    .sprinkles_paddingBlockStart_none_xs__omrdfnw6 {
        padding-top: var(--knox-spacing-none);
    }

    .sprinkles_paddingBlockStart_hairline_xs__omrdfnwc {
        padding-top: var(--knox-spacing-hairline);
    }

    .sprinkles_paddingBlockStart_2xs_xs__omrdfnwi {
        padding-top: var(--knox-spacing-2xs);
    }

    .sprinkles_paddingBlockStart_xs_xs__omrdfnwo {
        padding-top: var(--knox-spacing-xs);
    }

    .sprinkles_paddingBlockStart_small_xs__omrdfnwu {
        padding-top: var(--knox-spacing-small);
    }

    .sprinkles_paddingBlockStart_medium_xs__omrdfnx0 {
        padding-top: var(--knox-spacing-medium);
    }

    .sprinkles_paddingBlockStart_large_xs__omrdfnx6 {
        padding-top: var(--knox-spacing-large);
    }

    .sprinkles_paddingBlockStart_xl_xs__omrdfnxc {
        padding-top: var(--knox-spacing-xl);
    }

    .sprinkles_paddingBlockStart_2xl_xs__omrdfnxi {
        padding-top: var(--knox-spacing-2xl);
    }

    .sprinkles_paddingBlockStart_3xl_xs__omrdfnxo {
        padding-top: var(--knox-spacing-3xl);
    }

    .sprinkles_paddingBlockStart_4xl_xs__omrdfnxu {
        padding-top: var(--knox-spacing-4xl);
    }

    .sprinkles_paddingBlockStart_unset_xs__omrdfny0 {
        padding-top: 0;
        padding-top: initial;
    }

    .sprinkles_paddingBlockEnd_0_xs__omrdfny6 {
        padding-bottom: 0;
    }

    .sprinkles_paddingBlockEnd_none_xs__omrdfnyc {
        padding-bottom: var(--knox-spacing-none);
    }

    .sprinkles_paddingBlockEnd_hairline_xs__omrdfnyi {
        padding-bottom: var(--knox-spacing-hairline);
    }

    .sprinkles_paddingBlockEnd_2xs_xs__omrdfnyo {
        padding-bottom: var(--knox-spacing-2xs);
    }

    .sprinkles_paddingBlockEnd_xs_xs__omrdfnyu {
        padding-bottom: var(--knox-spacing-xs);
    }

    .sprinkles_paddingBlockEnd_small_xs__omrdfnz0 {
        padding-bottom: var(--knox-spacing-small);
    }

    .sprinkles_paddingBlockEnd_medium_xs__omrdfnz6 {
        padding-bottom: var(--knox-spacing-medium);
    }

    .sprinkles_paddingBlockEnd_large_xs__omrdfnzc {
        padding-bottom: var(--knox-spacing-large);
    }

    .sprinkles_paddingBlockEnd_xl_xs__omrdfnzi {
        padding-bottom: var(--knox-spacing-xl);
    }

    .sprinkles_paddingBlockEnd_2xl_xs__omrdfnzo {
        padding-bottom: var(--knox-spacing-2xl);
    }

    .sprinkles_paddingBlockEnd_3xl_xs__omrdfnzu {
        padding-bottom: var(--knox-spacing-3xl);
    }

    .sprinkles_paddingBlockEnd_4xl_xs__omrdfn100 {
        padding-bottom: var(--knox-spacing-4xl);
    }

    .sprinkles_paddingBlockEnd_unset_xs__omrdfn106 {
        padding-bottom: 0;
        padding-bottom: initial;
    }

    .sprinkles_paddingInlineStart_0_xs__omrdfn10c {
        padding-left: 0;
    }

    .sprinkles_paddingInlineStart_none_xs__omrdfn10i {
        padding-left: var(--knox-spacing-none);
    }

    .sprinkles_paddingInlineStart_hairline_xs__omrdfn10o {
        padding-left: var(--knox-spacing-hairline);
    }

    .sprinkles_paddingInlineStart_2xs_xs__omrdfn10u {
        padding-left: var(--knox-spacing-2xs);
    }

    .sprinkles_paddingInlineStart_xs_xs__omrdfn110 {
        padding-left: var(--knox-spacing-xs);
    }

    .sprinkles_paddingInlineStart_small_xs__omrdfn116 {
        padding-left: var(--knox-spacing-small);
    }

    .sprinkles_paddingInlineStart_medium_xs__omrdfn11c {
        padding-left: var(--knox-spacing-medium);
    }

    .sprinkles_paddingInlineStart_large_xs__omrdfn11i {
        padding-left: var(--knox-spacing-large);
    }

    .sprinkles_paddingInlineStart_xl_xs__omrdfn11o {
        padding-left: var(--knox-spacing-xl);
    }

    .sprinkles_paddingInlineStart_2xl_xs__omrdfn11u {
        padding-left: var(--knox-spacing-2xl);
    }

    .sprinkles_paddingInlineStart_3xl_xs__omrdfn120 {
        padding-left: var(--knox-spacing-3xl);
    }

    .sprinkles_paddingInlineStart_4xl_xs__omrdfn126 {
        padding-left: var(--knox-spacing-4xl);
    }

    .sprinkles_paddingInlineStart_unset_xs__omrdfn12c {
        padding-left: 0;
        padding-left: initial;
    }

    .sprinkles_paddingInlineEnd_0_xs__omrdfn12i {
        padding-right: 0;
    }

    .sprinkles_paddingInlineEnd_none_xs__omrdfn12o {
        padding-right: var(--knox-spacing-none);
    }

    .sprinkles_paddingInlineEnd_hairline_xs__omrdfn12u {
        padding-right: var(--knox-spacing-hairline);
    }

    .sprinkles_paddingInlineEnd_2xs_xs__omrdfn130 {
        padding-right: var(--knox-spacing-2xs);
    }

    .sprinkles_paddingInlineEnd_xs_xs__omrdfn136 {
        padding-right: var(--knox-spacing-xs);
    }

    .sprinkles_paddingInlineEnd_small_xs__omrdfn13c {
        padding-right: var(--knox-spacing-small);
    }

    .sprinkles_paddingInlineEnd_medium_xs__omrdfn13i {
        padding-right: var(--knox-spacing-medium);
    }

    .sprinkles_paddingInlineEnd_large_xs__omrdfn13o {
        padding-right: var(--knox-spacing-large);
    }

    .sprinkles_paddingInlineEnd_xl_xs__omrdfn13u {
        padding-right: var(--knox-spacing-xl);
    }

    .sprinkles_paddingInlineEnd_2xl_xs__omrdfn140 {
        padding-right: var(--knox-spacing-2xl);
    }

    .sprinkles_paddingInlineEnd_3xl_xs__omrdfn146 {
        padding-right: var(--knox-spacing-3xl);
    }

    .sprinkles_paddingInlineEnd_4xl_xs__omrdfn14c {
        padding-right: var(--knox-spacing-4xl);
    }

    .sprinkles_paddingInlineEnd_unset_xs__omrdfn14i {
        padding-right: 0;
        padding-right: initial;
    }

    .sprinkles_position_relative_xs__omrdfn14o {
        position: relative;
    }

    .sprinkles_position_absolute_xs__omrdfn14u {
        position: absolute;
    }

    .sprinkles_position_fixed_xs__omrdfn150 {
        position: fixed;
    }

    .sprinkles_position_static_xs__omrdfn156 {
        position: static;
    }

    .sprinkles_marginTop_0_xs__omrdfn15c {
        margin-top: 0;
    }

    .sprinkles_marginTop_none_xs__omrdfn15i {
        margin-top: var(--knox-spacing-none);
    }

    .sprinkles_marginTop_hairline_xs__omrdfn15o {
        margin-top: var(--knox-spacing-hairline);
    }

    .sprinkles_marginTop_2xs_xs__omrdfn15u {
        margin-top: var(--knox-spacing-2xs);
    }

    .sprinkles_marginTop_xs_xs__omrdfn160 {
        margin-top: var(--knox-spacing-xs);
    }

    .sprinkles_marginTop_small_xs__omrdfn166 {
        margin-top: var(--knox-spacing-small);
    }

    .sprinkles_marginTop_medium_xs__omrdfn16c {
        margin-top: var(--knox-spacing-medium);
    }

    .sprinkles_marginTop_large_xs__omrdfn16i {
        margin-top: var(--knox-spacing-large);
    }

    .sprinkles_marginTop_xl_xs__omrdfn16o {
        margin-top: var(--knox-spacing-xl);
    }

    .sprinkles_marginTop_2xl_xs__omrdfn16u {
        margin-top: var(--knox-spacing-2xl);
    }

    .sprinkles_marginTop_3xl_xs__omrdfn170 {
        margin-top: var(--knox-spacing-3xl);
    }

    .sprinkles_marginTop_4xl_xs__omrdfn176 {
        margin-top: var(--knox-spacing-4xl);
    }

    .sprinkles_marginTop_unset_xs__omrdfn17c {
        margin-top: 0;
        margin-top: initial;
    }

    .sprinkles_marginTop_auto_xs__omrdfn17i {
        margin-top: auto;
    }

    .sprinkles_marginBottom_0_xs__omrdfn17o {
        margin-bottom: 0;
    }

    .sprinkles_marginBottom_none_xs__omrdfn17u {
        margin-bottom: var(--knox-spacing-none);
    }

    .sprinkles_marginBottom_hairline_xs__omrdfn180 {
        margin-bottom: var(--knox-spacing-hairline);
    }

    .sprinkles_marginBottom_2xs_xs__omrdfn186 {
        margin-bottom: var(--knox-spacing-2xs);
    }

    .sprinkles_marginBottom_xs_xs__omrdfn18c {
        margin-bottom: var(--knox-spacing-xs);
    }

    .sprinkles_marginBottom_small_xs__omrdfn18i {
        margin-bottom: var(--knox-spacing-small);
    }

    .sprinkles_marginBottom_medium_xs__omrdfn18o {
        margin-bottom: var(--knox-spacing-medium);
    }

    .sprinkles_marginBottom_large_xs__omrdfn18u {
        margin-bottom: var(--knox-spacing-large);
    }

    .sprinkles_marginBottom_xl_xs__omrdfn190 {
        margin-bottom: var(--knox-spacing-xl);
    }

    .sprinkles_marginBottom_2xl_xs__omrdfn196 {
        margin-bottom: var(--knox-spacing-2xl);
    }

    .sprinkles_marginBottom_3xl_xs__omrdfn19c {
        margin-bottom: var(--knox-spacing-3xl);
    }

    .sprinkles_marginBottom_4xl_xs__omrdfn19i {
        margin-bottom: var(--knox-spacing-4xl);
    }

    .sprinkles_marginBottom_unset_xs__omrdfn19o {
        margin-bottom: 0;
        margin-bottom: initial;
    }

    .sprinkles_marginBottom_auto_xs__omrdfn19u {
        margin-bottom: auto;
    }

    .sprinkles_marginLeft_0_xs__omrdfn1a0 {
        margin-left: 0;
    }

    .sprinkles_marginLeft_none_xs__omrdfn1a6 {
        margin-left: var(--knox-spacing-none);
    }

    .sprinkles_marginLeft_hairline_xs__omrdfn1ac {
        margin-left: var(--knox-spacing-hairline);
    }

    .sprinkles_marginLeft_2xs_xs__omrdfn1ai {
        margin-left: var(--knox-spacing-2xs);
    }

    .sprinkles_marginLeft_xs_xs__omrdfn1ao {
        margin-left: var(--knox-spacing-xs);
    }

    .sprinkles_marginLeft_small_xs__omrdfn1au {
        margin-left: var(--knox-spacing-small);
    }

    .sprinkles_marginLeft_medium_xs__omrdfn1b0 {
        margin-left: var(--knox-spacing-medium);
    }

    .sprinkles_marginLeft_large_xs__omrdfn1b6 {
        margin-left: var(--knox-spacing-large);
    }

    .sprinkles_marginLeft_xl_xs__omrdfn1bc {
        margin-left: var(--knox-spacing-xl);
    }

    .sprinkles_marginLeft_2xl_xs__omrdfn1bi {
        margin-left: var(--knox-spacing-2xl);
    }

    .sprinkles_marginLeft_3xl_xs__omrdfn1bo {
        margin-left: var(--knox-spacing-3xl);
    }

    .sprinkles_marginLeft_4xl_xs__omrdfn1bu {
        margin-left: var(--knox-spacing-4xl);
    }

    .sprinkles_marginLeft_unset_xs__omrdfn1c0 {
        margin-left: 0;
        margin-left: initial;
    }

    .sprinkles_marginLeft_auto_xs__omrdfn1c6 {
        margin-left: auto;
    }

    .sprinkles_marginRight_0_xs__omrdfn1cc {
        margin-right: 0;
    }

    .sprinkles_marginRight_none_xs__omrdfn1ci {
        margin-right: var(--knox-spacing-none);
    }

    .sprinkles_marginRight_hairline_xs__omrdfn1co {
        margin-right: var(--knox-spacing-hairline);
    }

    .sprinkles_marginRight_2xs_xs__omrdfn1cu {
        margin-right: var(--knox-spacing-2xs);
    }

    .sprinkles_marginRight_xs_xs__omrdfn1d0 {
        margin-right: var(--knox-spacing-xs);
    }

    .sprinkles_marginRight_small_xs__omrdfn1d6 {
        margin-right: var(--knox-spacing-small);
    }

    .sprinkles_marginRight_medium_xs__omrdfn1dc {
        margin-right: var(--knox-spacing-medium);
    }

    .sprinkles_marginRight_large_xs__omrdfn1di {
        margin-right: var(--knox-spacing-large);
    }

    .sprinkles_marginRight_xl_xs__omrdfn1do {
        margin-right: var(--knox-spacing-xl);
    }

    .sprinkles_marginRight_2xl_xs__omrdfn1du {
        margin-right: var(--knox-spacing-2xl);
    }

    .sprinkles_marginRight_3xl_xs__omrdfn1e0 {
        margin-right: var(--knox-spacing-3xl);
    }

    .sprinkles_marginRight_4xl_xs__omrdfn1e6 {
        margin-right: var(--knox-spacing-4xl);
    }

    .sprinkles_marginRight_unset_xs__omrdfn1ec {
        margin-right: 0;
        margin-right: initial;
    }

    .sprinkles_marginRight_auto_xs__omrdfn1ei {
        margin-right: auto;
    }

    .sprinkles_marginBlockStart_0_xs__omrdfn1eo {
        margin-top: 0;
    }

    .sprinkles_marginBlockStart_none_xs__omrdfn1eu {
        margin-top: var(--knox-spacing-none);
    }

    .sprinkles_marginBlockStart_hairline_xs__omrdfn1f0 {
        margin-top: var(--knox-spacing-hairline);
    }

    .sprinkles_marginBlockStart_2xs_xs__omrdfn1f6 {
        margin-top: var(--knox-spacing-2xs);
    }

    .sprinkles_marginBlockStart_xs_xs__omrdfn1fc {
        margin-top: var(--knox-spacing-xs);
    }

    .sprinkles_marginBlockStart_small_xs__omrdfn1fi {
        margin-top: var(--knox-spacing-small);
    }

    .sprinkles_marginBlockStart_medium_xs__omrdfn1fo {
        margin-top: var(--knox-spacing-medium);
    }

    .sprinkles_marginBlockStart_large_xs__omrdfn1fu {
        margin-top: var(--knox-spacing-large);
    }

    .sprinkles_marginBlockStart_xl_xs__omrdfn1g0 {
        margin-top: var(--knox-spacing-xl);
    }

    .sprinkles_marginBlockStart_2xl_xs__omrdfn1g6 {
        margin-top: var(--knox-spacing-2xl);
    }

    .sprinkles_marginBlockStart_3xl_xs__omrdfn1gc {
        margin-top: var(--knox-spacing-3xl);
    }

    .sprinkles_marginBlockStart_4xl_xs__omrdfn1gi {
        margin-top: var(--knox-spacing-4xl);
    }

    .sprinkles_marginBlockStart_unset_xs__omrdfn1go {
        margin-top: 0;
        margin-top: initial;
    }

    .sprinkles_marginBlockStart_auto_xs__omrdfn1gu {
        margin-top: auto;
    }

    .sprinkles_marginBlockEnd_0_xs__omrdfn1h0 {
        margin-bottom: 0;
    }

    .sprinkles_marginBlockEnd_none_xs__omrdfn1h6 {
        margin-bottom: var(--knox-spacing-none);
    }

    .sprinkles_marginBlockEnd_hairline_xs__omrdfn1hc {
        margin-bottom: var(--knox-spacing-hairline);
    }

    .sprinkles_marginBlockEnd_2xs_xs__omrdfn1hi {
        margin-bottom: var(--knox-spacing-2xs);
    }

    .sprinkles_marginBlockEnd_xs_xs__omrdfn1ho {
        margin-bottom: var(--knox-spacing-xs);
    }

    .sprinkles_marginBlockEnd_small_xs__omrdfn1hu {
        margin-bottom: var(--knox-spacing-small);
    }

    .sprinkles_marginBlockEnd_medium_xs__omrdfn1i0 {
        margin-bottom: var(--knox-spacing-medium);
    }

    .sprinkles_marginBlockEnd_large_xs__omrdfn1i6 {
        margin-bottom: var(--knox-spacing-large);
    }

    .sprinkles_marginBlockEnd_xl_xs__omrdfn1ic {
        margin-bottom: var(--knox-spacing-xl);
    }

    .sprinkles_marginBlockEnd_2xl_xs__omrdfn1ii {
        margin-bottom: var(--knox-spacing-2xl);
    }

    .sprinkles_marginBlockEnd_3xl_xs__omrdfn1io {
        margin-bottom: var(--knox-spacing-3xl);
    }

    .sprinkles_marginBlockEnd_4xl_xs__omrdfn1iu {
        margin-bottom: var(--knox-spacing-4xl);
    }

    .sprinkles_marginBlockEnd_unset_xs__omrdfn1j0 {
        margin-bottom: 0;
        margin-bottom: initial;
    }

    .sprinkles_marginBlockEnd_auto_xs__omrdfn1j6 {
        margin-bottom: auto;
    }

    .sprinkles_marginInlineStart_0_xs__omrdfn1jc {
        margin-left: 0;
    }

    .sprinkles_marginInlineStart_none_xs__omrdfn1ji {
        margin-left: var(--knox-spacing-none);
    }

    .sprinkles_marginInlineStart_hairline_xs__omrdfn1jo {
        margin-left: var(--knox-spacing-hairline);
    }

    .sprinkles_marginInlineStart_2xs_xs__omrdfn1ju {
        margin-left: var(--knox-spacing-2xs);
    }

    .sprinkles_marginInlineStart_xs_xs__omrdfn1k0 {
        margin-left: var(--knox-spacing-xs);
    }

    .sprinkles_marginInlineStart_small_xs__omrdfn1k6 {
        margin-left: var(--knox-spacing-small);
    }

    .sprinkles_marginInlineStart_medium_xs__omrdfn1kc {
        margin-left: var(--knox-spacing-medium);
    }

    .sprinkles_marginInlineStart_large_xs__omrdfn1ki {
        margin-left: var(--knox-spacing-large);
    }

    .sprinkles_marginInlineStart_xl_xs__omrdfn1ko {
        margin-left: var(--knox-spacing-xl);
    }

    .sprinkles_marginInlineStart_2xl_xs__omrdfn1ku {
        margin-left: var(--knox-spacing-2xl);
    }

    .sprinkles_marginInlineStart_3xl_xs__omrdfn1l0 {
        margin-left: var(--knox-spacing-3xl);
    }

    .sprinkles_marginInlineStart_4xl_xs__omrdfn1l6 {
        margin-left: var(--knox-spacing-4xl);
    }

    .sprinkles_marginInlineStart_unset_xs__omrdfn1lc {
        margin-left: 0;
        margin-left: initial;
    }

    .sprinkles_marginInlineStart_auto_xs__omrdfn1li {
        margin-left: auto;
    }

    .sprinkles_marginInlineEnd_0_xs__omrdfn1lo {
        margin-right: 0;
    }

    .sprinkles_marginInlineEnd_none_xs__omrdfn1lu {
        margin-right: var(--knox-spacing-none);
    }

    .sprinkles_marginInlineEnd_hairline_xs__omrdfn1m0 {
        margin-right: var(--knox-spacing-hairline);
    }

    .sprinkles_marginInlineEnd_2xs_xs__omrdfn1m6 {
        margin-right: var(--knox-spacing-2xs);
    }

    .sprinkles_marginInlineEnd_xs_xs__omrdfn1mc {
        margin-right: var(--knox-spacing-xs);
    }

    .sprinkles_marginInlineEnd_small_xs__omrdfn1mi {
        margin-right: var(--knox-spacing-small);
    }

    .sprinkles_marginInlineEnd_medium_xs__omrdfn1mo {
        margin-right: var(--knox-spacing-medium);
    }

    .sprinkles_marginInlineEnd_large_xs__omrdfn1mu {
        margin-right: var(--knox-spacing-large);
    }

    .sprinkles_marginInlineEnd_xl_xs__omrdfn1n0 {
        margin-right: var(--knox-spacing-xl);
    }

    .sprinkles_marginInlineEnd_2xl_xs__omrdfn1n6 {
        margin-right: var(--knox-spacing-2xl);
    }

    .sprinkles_marginInlineEnd_3xl_xs__omrdfn1nc {
        margin-right: var(--knox-spacing-3xl);
    }

    .sprinkles_marginInlineEnd_4xl_xs__omrdfn1ni {
        margin-right: var(--knox-spacing-4xl);
    }

    .sprinkles_marginInlineEnd_unset_xs__omrdfn1no {
        margin-right: 0;
        margin-right: initial;
    }

    .sprinkles_marginInlineEnd_auto_xs__omrdfn1nu {
        margin-right: auto;
    }

    .sprinkles_order_0_xs__omrdfn1o0 {
        order: 0;
    }

    .sprinkles_order_1_xs__omrdfn1o6 {
        order: 1;
    }

    .sprinkles_order_2_xs__omrdfn1oc {
        order: 2;
    }

    .sprinkles_order_3_xs__omrdfn1oi {
        order: 3;
    }

    .sprinkles_order_4_xs__omrdfn1oo {
        order: 4;
    }

    .sprinkles_order_5_xs__omrdfn1ou {
        order: 5;
    }

    .sprinkles_order_6_xs__omrdfn1p0 {
        order: 6;
    }

    .sprinkles_order_7_xs__omrdfn1p6 {
        order: 7;
    }

    .sprinkles_order_8_xs__omrdfn1pc {
        order: 8;
    }

    .sprinkles_order_9_xs__omrdfn1pi {
        order: 9;
    }

    .sprinkles_order_10_xs__omrdfn1po {
        order: 10;
    }

    .sprinkles_order_11_xs__omrdfn1pu {
        order: 11;
    }

    .sprinkles_order_12_xs__omrdfn1q0 {
        order: 12;
    }

    .sprinkles_insetInlineStart_0_xs__omrdfn1q6 {
        left: 0;
    }

    .sprinkles_insetInlineStart_none_xs__omrdfn1qc {
        left: var(--knox-spacing-none);
    }

    .sprinkles_insetInlineStart_hairline_xs__omrdfn1qi {
        left: var(--knox-spacing-hairline);
    }

    .sprinkles_insetInlineStart_2xs_xs__omrdfn1qo {
        left: var(--knox-spacing-2xs);
    }

    .sprinkles_insetInlineStart_xs_xs__omrdfn1qu {
        left: var(--knox-spacing-xs);
    }

    .sprinkles_insetInlineStart_small_xs__omrdfn1r0 {
        left: var(--knox-spacing-small);
    }

    .sprinkles_insetInlineStart_medium_xs__omrdfn1r6 {
        left: var(--knox-spacing-medium);
    }

    .sprinkles_insetInlineStart_large_xs__omrdfn1rc {
        left: var(--knox-spacing-large);
    }

    .sprinkles_insetInlineStart_xl_xs__omrdfn1ri {
        left: var(--knox-spacing-xl);
    }

    .sprinkles_insetInlineStart_2xl_xs__omrdfn1ro {
        left: var(--knox-spacing-2xl);
    }

    .sprinkles_insetInlineStart_3xl_xs__omrdfn1ru {
        left: var(--knox-spacing-3xl);
    }

    .sprinkles_insetInlineStart_4xl_xs__omrdfn1s0 {
        left: var(--knox-spacing-4xl);
    }

    .sprinkles_insetInlineStart_unset_xs__omrdfn1s6 {
        left: auto;
        left: initial;
    }

    .sprinkles_insetInlineEnd_0_xs__omrdfn1sc {
        right: 0;
    }

    .sprinkles_insetInlineEnd_none_xs__omrdfn1si {
        right: var(--knox-spacing-none);
    }

    .sprinkles_insetInlineEnd_hairline_xs__omrdfn1so {
        right: var(--knox-spacing-hairline);
    }

    .sprinkles_insetInlineEnd_2xs_xs__omrdfn1su {
        right: var(--knox-spacing-2xs);
    }

    .sprinkles_insetInlineEnd_xs_xs__omrdfn1t0 {
        right: var(--knox-spacing-xs);
    }

    .sprinkles_insetInlineEnd_small_xs__omrdfn1t6 {
        right: var(--knox-spacing-small);
    }

    .sprinkles_insetInlineEnd_medium_xs__omrdfn1tc {
        right: var(--knox-spacing-medium);
    }

    .sprinkles_insetInlineEnd_large_xs__omrdfn1ti {
        right: var(--knox-spacing-large);
    }

    .sprinkles_insetInlineEnd_xl_xs__omrdfn1to {
        right: var(--knox-spacing-xl);
    }

    .sprinkles_insetInlineEnd_2xl_xs__omrdfn1tu {
        right: var(--knox-spacing-2xl);
    }

    .sprinkles_insetInlineEnd_3xl_xs__omrdfn1u0 {
        right: var(--knox-spacing-3xl);
    }

    .sprinkles_insetInlineEnd_4xl_xs__omrdfn1u6 {
        right: var(--knox-spacing-4xl);
    }

    .sprinkles_insetInlineEnd_unset_xs__omrdfn1uc {
        right: auto;
        right: initial;
    }

    .sprinkles_insetBlockStart_0_xs__omrdfn1ui {
        top: 0;
    }

    .sprinkles_insetBlockStart_none_xs__omrdfn1uo {
        top: var(--knox-spacing-none);
    }

    .sprinkles_insetBlockStart_hairline_xs__omrdfn1uu {
        top: var(--knox-spacing-hairline);
    }

    .sprinkles_insetBlockStart_2xs_xs__omrdfn1v0 {
        top: var(--knox-spacing-2xs);
    }

    .sprinkles_insetBlockStart_xs_xs__omrdfn1v6 {
        top: var(--knox-spacing-xs);
    }

    .sprinkles_insetBlockStart_small_xs__omrdfn1vc {
        top: var(--knox-spacing-small);
    }

    .sprinkles_insetBlockStart_medium_xs__omrdfn1vi {
        top: var(--knox-spacing-medium);
    }

    .sprinkles_insetBlockStart_large_xs__omrdfn1vo {
        top: var(--knox-spacing-large);
    }

    .sprinkles_insetBlockStart_xl_xs__omrdfn1vu {
        top: var(--knox-spacing-xl);
    }

    .sprinkles_insetBlockStart_2xl_xs__omrdfn1w0 {
        top: var(--knox-spacing-2xl);
    }

    .sprinkles_insetBlockStart_3xl_xs__omrdfn1w6 {
        top: var(--knox-spacing-3xl);
    }

    .sprinkles_insetBlockStart_4xl_xs__omrdfn1wc {
        top: var(--knox-spacing-4xl);
    }

    .sprinkles_insetBlockStart_unset_xs__omrdfn1wi {
        top: auto;
        top: initial;
    }

    .sprinkles_insetBlockEnd_0_xs__omrdfn1wo {
        bottom: 0;
    }

    .sprinkles_insetBlockEnd_none_xs__omrdfn1wu {
        bottom: var(--knox-spacing-none);
    }

    .sprinkles_insetBlockEnd_hairline_xs__omrdfn1x0 {
        bottom: var(--knox-spacing-hairline);
    }

    .sprinkles_insetBlockEnd_2xs_xs__omrdfn1x6 {
        bottom: var(--knox-spacing-2xs);
    }

    .sprinkles_insetBlockEnd_xs_xs__omrdfn1xc {
        bottom: var(--knox-spacing-xs);
    }

    .sprinkles_insetBlockEnd_small_xs__omrdfn1xi {
        bottom: var(--knox-spacing-small);
    }

    .sprinkles_insetBlockEnd_medium_xs__omrdfn1xo {
        bottom: var(--knox-spacing-medium);
    }

    .sprinkles_insetBlockEnd_large_xs__omrdfn1xu {
        bottom: var(--knox-spacing-large);
    }

    .sprinkles_insetBlockEnd_xl_xs__omrdfn1y0 {
        bottom: var(--knox-spacing-xl);
    }

    .sprinkles_insetBlockEnd_2xl_xs__omrdfn1y6 {
        bottom: var(--knox-spacing-2xl);
    }

    .sprinkles_insetBlockEnd_3xl_xs__omrdfn1yc {
        bottom: var(--knox-spacing-3xl);
    }

    .sprinkles_insetBlockEnd_4xl_xs__omrdfn1yi {
        bottom: var(--knox-spacing-4xl);
    }

    .sprinkles_insetBlockEnd_unset_xs__omrdfn1yo {
        bottom: auto;
        bottom: initial;
    }

    .sprinkles_gap_none_xs__omrdfn1yu {
        gap: none;
    }

    .sprinkles_gap_hairline_xs__omrdfn1z0 {
        gap: var(--knox-spacing-hairline);
    }

    .sprinkles_gap_2xs_xs__omrdfn1z6 {
        gap: var(--knox-spacing-2xs);
    }

    .sprinkles_gap_xs_xs__omrdfn1zc {
        gap: var(--knox-spacing-xs);
    }

    .sprinkles_gap_small_xs__omrdfn1zi {
        gap: var(--knox-spacing-small);
    }

    .sprinkles_gap_medium_xs__omrdfn1zo {
        gap: var(--knox-spacing-medium);
    }

    .sprinkles_gap_large_xs__omrdfn1zu {
        gap: var(--knox-spacing-large);
    }

    .sprinkles_gap_xl_xs__omrdfn200 {
        gap: var(--knox-spacing-xl);
    }

    .sprinkles_gap_2xl_xs__omrdfn206 {
        gap: var(--knox-spacing-2xl);
    }

    .sprinkles_gap_3xl_xs__omrdfn20c {
        gap: var(--knox-spacing-3xl);
    }

    .sprinkles_gap_4xl_xs__omrdfn20i {
        gap: var(--knox-spacing-4xl);
    }

    .sprinkles_gap_unset_xs__omrdfn20o {
        gap: initial;
    }

    .sprinkles_textAlign_left_xs__omrdfn20u {
        text-align: left;
    }

    .sprinkles_textAlign_center_xs__omrdfn210 {
        text-align: center;
    }

    .sprinkles_textAlign_right_xs__omrdfn216 {
        text-align: right;
    }

    .sprinkles_textAlign_start_xs__omrdfn21c {
        text-align: left;
    }

    .sprinkles_textAlign_end_xs__omrdfn21i {
        text-align: right;
    }

    .sprinkles_textAlign_justify_xs__omrdfn21o {
        text-align: justify;
    }

    .sprinkles_minWidth_0_xs__omrdfn21u {
        min-width: 0px;
    }

    .sprinkles_minWidth_full_xs__omrdfn220 {
        min-width: 100%;
    }

    .sprinkles_minWidth_fit-content_xs__omrdfn226 {
        min-width: fit-content;
    }

    .sprinkles_minWidth_max-content_xs__omrdfn22c {
        min-width: max-content;
    }

    .sprinkles_minWidth_min-content_xs__omrdfn22i {
        min-width: min-content;
    }

    .sprinkles_minWidth_auto_xs__omrdfn22o {
        min-width: auto;
    }

    .sprinkles_minWidth_unset_xs__omrdfn22u {
        min-width: 0;
        min-width: initial;
    }

    .sprinkles_minWidth_100px_xs__omrdfn230 {
        min-width: 100px;
    }

    .sprinkles_minWidth_200px_xs__omrdfn236 {
        min-width: 200px;
    }

    .sprinkles_minWidth_300px_xs__omrdfn23c {
        min-width: 300px;
    }

    .sprinkles_minWidth_400px_xs__omrdfn23i {
        min-width: 400px;
    }

    .sprinkles_minWidth_500px_xs__omrdfn23o {
        min-width: 500px;
    }

    .sprinkles_minWidth_600px_xs__omrdfn23u {
        min-width: 600px;
    }

    .sprinkles_maxWidth_0_xs__omrdfn240 {
        max-width: 0px;
    }

    .sprinkles_maxWidth_full_xs__omrdfn246 {
        max-width: 100%;
    }

    .sprinkles_maxWidth_fit-content_xs__omrdfn24c {
        max-width: fit-content;
    }

    .sprinkles_maxWidth_max-content_xs__omrdfn24i {
        max-width: max-content;
    }

    .sprinkles_maxWidth_min-content_xs__omrdfn24o {
        max-width: min-content;
    }

    .sprinkles_maxWidth_auto_xs__omrdfn24u {
        max-width: auto;
    }

    .sprinkles_maxWidth_unset_xs__omrdfn250 {
        max-width: none;
        max-width: initial;
    }

    .sprinkles_maxWidth_100px_xs__omrdfn256 {
        max-width: 100px;
    }

    .sprinkles_maxWidth_200px_xs__omrdfn25c {
        max-width: 200px;
    }

    .sprinkles_maxWidth_300px_xs__omrdfn25i {
        max-width: 300px;
    }

    .sprinkles_maxWidth_400px_xs__omrdfn25o {
        max-width: 400px;
    }

    .sprinkles_maxWidth_500px_xs__omrdfn25u {
        max-width: 500px;
    }

    .sprinkles_maxWidth_600px_xs__omrdfn260 {
        max-width: 600px;
    }

    .sprinkles_width_full_xs__omrdfn266 {
        width: 100%;
    }

    .sprinkles_width_fit-content_xs__omrdfn26c {
        width: fit-content;
    }

    .sprinkles_width_max-content_xs__omrdfn26i {
        width: max-content;
    }

    .sprinkles_width_min-content_xs__omrdfn26o {
        width: min-content;
    }

    .sprinkles_width_auto_xs__omrdfn26u {
        width: auto;
    }

    .sprinkles_width_unset_xs__omrdfn270 {
        width: auto;
        width: initial;
    }
}

@media screen and (min-width: 576px) {
    .sprinkles_display_none_small__omrdfn1 {
        display: none;
    }

    .sprinkles_display_flex_small__omrdfn7 {
        display: flex;
    }

    .sprinkles_display_block_small__omrdfnd {
        display: block;
    }

    .sprinkles_display_inline_small__omrdfnj {
        display: inline;
    }

    .sprinkles_display_inline-block_small__omrdfnp {
        display: inline-block;
    }

    .sprinkles_display_inline-flex_small__omrdfnv {
        display: inline-flex;
    }

    .sprinkles_display_inline-grid_small__omrdfn11 {
        display: inline-grid;
    }

    .sprinkles_display_grid_small__omrdfn17 {
        display: grid;
    }

    .sprinkles_justifyContent_stretch_small__omrdfn1d {
        justify-content: stretch;
    }

    .sprinkles_justifyContent_flex-start_small__omrdfn1j {
        justify-content: flex-start;
    }

    .sprinkles_justifyContent_center_small__omrdfn1p {
        justify-content: center;
    }

    .sprinkles_justifyContent_flex-end_small__omrdfn1v {
        justify-content: flex-end;
    }

    .sprinkles_justifyContent_space-around_small__omrdfn21 {
        justify-content: space-around;
    }

    .sprinkles_justifyContent_space-between_small__omrdfn27 {
        justify-content: space-between;
    }

    .sprinkles_justifyContent_space-evenly_small__omrdfn2d {
        justify-content: space-evenly;
    }

    .sprinkles_borderRadius_none_small__omrdfn2j {
        border-radius: var(--knox-corner-radius-none);
    }

    .sprinkles_borderRadius_small_small__omrdfn2p {
        border-radius: var(--knox-corner-radius-small);
    }

    .sprinkles_borderRadius_medium_small__omrdfn2v {
        border-radius: var(--knox-corner-radius-medium);
    }

    .sprinkles_borderRadius_large_small__omrdfn31 {
        border-radius: var(--knox-corner-radius-large);
    }

    .sprinkles_borderRadius_circular_small__omrdfn37 {
        border-radius: var(--knox-corner-radius-circular);
    }

    .sprinkles_borderRadius_unset_small__omrdfn3d {
        border-radius: 0;
        border-radius: initial;
    }

    .sprinkles_borderTopLeftRadius_none_small__omrdfn3j {
        border-top-left-radius: var(--knox-corner-radius-none);
    }

    .sprinkles_borderTopLeftRadius_small_small__omrdfn3p {
        border-top-left-radius: var(--knox-corner-radius-small);
    }

    .sprinkles_borderTopLeftRadius_medium_small__omrdfn3v {
        border-top-left-radius: var(--knox-corner-radius-medium);
    }

    .sprinkles_borderTopLeftRadius_large_small__omrdfn41 {
        border-top-left-radius: var(--knox-corner-radius-large);
    }

    .sprinkles_borderTopLeftRadius_circular_small__omrdfn47 {
        border-top-left-radius: var(--knox-corner-radius-circular);
    }

    .sprinkles_borderTopLeftRadius_unset_small__omrdfn4d {
        border-top-left-radius: 0;
        border-top-left-radius: initial;
    }

    .sprinkles_borderTopRightRadius_none_small__omrdfn4j {
        border-top-right-radius: var(--knox-corner-radius-none);
    }

    .sprinkles_borderTopRightRadius_small_small__omrdfn4p {
        border-top-right-radius: var(--knox-corner-radius-small);
    }

    .sprinkles_borderTopRightRadius_medium_small__omrdfn4v {
        border-top-right-radius: var(--knox-corner-radius-medium);
    }

    .sprinkles_borderTopRightRadius_large_small__omrdfn51 {
        border-top-right-radius: var(--knox-corner-radius-large);
    }

    .sprinkles_borderTopRightRadius_circular_small__omrdfn57 {
        border-top-right-radius: var(--knox-corner-radius-circular);
    }

    .sprinkles_borderTopRightRadius_unset_small__omrdfn5d {
        border-top-right-radius: 0;
        border-top-right-radius: initial;
    }

    .sprinkles_borderBottomRightRadius_none_small__omrdfn5j {
        border-bottom-right-radius: var(--knox-corner-radius-none);
    }

    .sprinkles_borderBottomRightRadius_small_small__omrdfn5p {
        border-bottom-right-radius: var(--knox-corner-radius-small);
    }

    .sprinkles_borderBottomRightRadius_medium_small__omrdfn5v {
        border-bottom-right-radius: var(--knox-corner-radius-medium);
    }

    .sprinkles_borderBottomRightRadius_large_small__omrdfn61 {
        border-bottom-right-radius: var(--knox-corner-radius-large);
    }

    .sprinkles_borderBottomRightRadius_circular_small__omrdfn67 {
        border-bottom-right-radius: var(--knox-corner-radius-circular);
    }

    .sprinkles_borderBottomRightRadius_unset_small__omrdfn6d {
        border-bottom-right-radius: 0;
        border-bottom-right-radius: initial;
    }

    .sprinkles_borderBottomLeftRadius_none_small__omrdfn6j {
        border-bottom-left-radius: var(--knox-corner-radius-none);
    }

    .sprinkles_borderBottomLeftRadius_small_small__omrdfn6p {
        border-bottom-left-radius: var(--knox-corner-radius-small);
    }

    .sprinkles_borderBottomLeftRadius_medium_small__omrdfn6v {
        border-bottom-left-radius: var(--knox-corner-radius-medium);
    }

    .sprinkles_borderBottomLeftRadius_large_small__omrdfn71 {
        border-bottom-left-radius: var(--knox-corner-radius-large);
    }

    .sprinkles_borderBottomLeftRadius_circular_small__omrdfn77 {
        border-bottom-left-radius: var(--knox-corner-radius-circular);
    }

    .sprinkles_borderBottomLeftRadius_unset_small__omrdfn7d {
        border-bottom-left-radius: 0;
        border-bottom-left-radius: initial;
    }

    .sprinkles_alignItems_flex-start_small__omrdfn7j {
        align-items: flex-start;
    }

    .sprinkles_alignItems_center_small__omrdfn7p {
        align-items: center;
    }

    .sprinkles_alignItems_flex-end_small__omrdfn7v {
        align-items: flex-end;
    }

    .sprinkles_alignItems_stretch_small__omrdfn81 {
        align-items: stretch;
    }

    .sprinkles_alignItems_baseline_small__omrdfn87 {
        align-items: baseline;
    }

    .sprinkles_alignSelf_flex-start_small__omrdfn8d {
        align-self: flex-start;
    }

    .sprinkles_alignSelf_center_small__omrdfn8j {
        align-self: center;
    }

    .sprinkles_alignSelf_flex-end_small__omrdfn8p {
        align-self: flex-end;
    }

    .sprinkles_alignSelf_stretch_small__omrdfn8v {
        align-self: stretch;
    }

    .sprinkles_alignSelf_baseline_small__omrdfn91 {
        align-self: baseline;
    }

    .sprinkles_flexDirection_row_small__omrdfn97 {
        flex-direction: row;
    }

    .sprinkles_flexDirection_column_small__omrdfn9d {
        flex-direction: column;
    }

    .sprinkles_flexDirection_row-reverse_small__omrdfn9j {
        flex-direction: row-reverse;
    }

    .sprinkles_flexDirection_column-reverse_small__omrdfn9p {
        flex-direction: column-reverse;
    }

    .sprinkles_flex_0_small__omrdfn9v {
        flex: 0;
    }

    .sprinkles_flex_1_small__omrdfna1 {
        flex: 1;
    }

    .sprinkles_flex_2_small__omrdfna7 {
        flex: 2;
    }

    .sprinkles_flex_3_small__omrdfnad {
        flex: 3;
    }

    .sprinkles_flex_4_small__omrdfnaj {
        flex: 4;
    }

    .sprinkles_flex_5_small__omrdfnap {
        flex: 5;
    }

    .sprinkles_flex_6_small__omrdfnav {
        flex: 6;
    }

    .sprinkles_flex_7_small__omrdfnb1 {
        flex: 7;
    }

    .sprinkles_flex_8_small__omrdfnb7 {
        flex: 8;
    }

    .sprinkles_flex_9_small__omrdfnbd {
        flex: 9;
    }

    .sprinkles_flex_10_small__omrdfnbj {
        flex: 10;
    }

    .sprinkles_flex_11_small__omrdfnbp {
        flex: 11;
    }

    .sprinkles_flex_12_small__omrdfnbv {
        flex: 12;
    }

    .sprinkles_flexBasis_0_small__omrdfnc1 {
        flex-basis: 0;
    }

    .sprinkles_flexBasis_unset_small__omrdfnc7 {
        flex-basis: initial;
    }

    .sprinkles_flexBasis_inherit_small__omrdfncd {
        flex-basis: inherit;
    }

    .sprinkles_flexBasis_initial_small__omrdfncj {
        flex-basis: inital;
    }

    .sprinkles_flexWrap_wrap_small__omrdfncp {
        flex-wrap: wrap;
    }

    .sprinkles_flexWrap_nowrap_small__omrdfncv {
        flex-wrap: nowrap;
    }

    .sprinkles_flexShrink_0_small__omrdfnd1 {
        flex-shrink: 0;
    }

    .sprinkles_flexShrink_1_small__omrdfnd7 {
        flex-shrink: 1;
    }

    .sprinkles_flexShrink_2_small__omrdfndd {
        flex-shrink: 2;
    }

    .sprinkles_flexShrink_3_small__omrdfndj {
        flex-shrink: 3;
    }

    .sprinkles_flexShrink_4_small__omrdfndp {
        flex-shrink: 4;
    }

    .sprinkles_flexShrink_5_small__omrdfndv {
        flex-shrink: 5;
    }

    .sprinkles_flexShrink_6_small__omrdfne1 {
        flex-shrink: 6;
    }

    .sprinkles_flexShrink_7_small__omrdfne7 {
        flex-shrink: 7;
    }

    .sprinkles_flexShrink_8_small__omrdfned {
        flex-shrink: 8;
    }

    .sprinkles_flexShrink_9_small__omrdfnej {
        flex-shrink: 9;
    }

    .sprinkles_flexShrink_10_small__omrdfnep {
        flex-shrink: 10;
    }

    .sprinkles_flexShrink_11_small__omrdfnev {
        flex-shrink: 11;
    }

    .sprinkles_flexShrink_12_small__omrdfnf1 {
        flex-shrink: 12;
    }

    .sprinkles_flexGrow_0_small__omrdfnf7 {
        flex-grow: 0;
    }

    .sprinkles_flexGrow_1_small__omrdfnfd {
        flex-grow: 1;
    }

    .sprinkles_flexGrow_2_small__omrdfnfj {
        flex-grow: 2;
    }

    .sprinkles_flexGrow_3_small__omrdfnfp {
        flex-grow: 3;
    }

    .sprinkles_flexGrow_4_small__omrdfnfv {
        flex-grow: 4;
    }

    .sprinkles_flexGrow_5_small__omrdfng1 {
        flex-grow: 5;
    }

    .sprinkles_flexGrow_6_small__omrdfng7 {
        flex-grow: 6;
    }

    .sprinkles_flexGrow_7_small__omrdfngd {
        flex-grow: 7;
    }

    .sprinkles_flexGrow_8_small__omrdfngj {
        flex-grow: 8;
    }

    .sprinkles_flexGrow_9_small__omrdfngp {
        flex-grow: 9;
    }

    .sprinkles_flexGrow_10_small__omrdfngv {
        flex-grow: 10;
    }

    .sprinkles_flexGrow_11_small__omrdfnh1 {
        flex-grow: 11;
    }

    .sprinkles_flexGrow_12_small__omrdfnh7 {
        flex-grow: 12;
    }

    .sprinkles_height_full_small__omrdfnhd {
        height: 100%;
    }

    .sprinkles_height_fit-content_small__omrdfnhj {
        height: fit-content;
    }

    .sprinkles_height_max-content_small__omrdfnhp {
        height: max-content;
    }

    .sprinkles_height_min-content_small__omrdfnhv {
        height: min-content;
    }

    .sprinkles_height_auto_small__omrdfni1 {
        height: auto;
    }

    .sprinkles_height_unset_small__omrdfni7 {
        height: auto;
        height: initial;
    }

    .sprinkles_minHeight_0_small__omrdfnid {
        min-height: 0px;
    }

    .sprinkles_minHeight_full_small__omrdfnij {
        min-height: 100%;
    }

    .sprinkles_minHeight_fit-content_small__omrdfnip {
        min-height: fit-content;
    }

    .sprinkles_minHeight_max-content_small__omrdfniv {
        min-height: max-content;
    }

    .sprinkles_minHeight_min-content_small__omrdfnj1 {
        min-height: min-content;
    }

    .sprinkles_minHeight_auto_small__omrdfnj7 {
        min-height: auto;
    }

    .sprinkles_minHeight_unset_small__omrdfnjd {
        min-height: 0;
        min-height: initial;
    }

    .sprinkles_minHeight_100px_small__omrdfnjj {
        min-height: 100px;
    }

    .sprinkles_minHeight_200px_small__omrdfnjp {
        min-height: 200px;
    }

    .sprinkles_minHeight_300px_small__omrdfnjv {
        min-height: 300px;
    }

    .sprinkles_minHeight_400px_small__omrdfnk1 {
        min-height: 400px;
    }

    .sprinkles_minHeight_500px_small__omrdfnk7 {
        min-height: 500px;
    }

    .sprinkles_minHeight_600px_small__omrdfnkd {
        min-height: 600px;
    }

    .sprinkles_maxHeight_0_small__omrdfnkj {
        max-height: 0px;
    }

    .sprinkles_maxHeight_full_small__omrdfnkp {
        max-height: 100%;
    }

    .sprinkles_maxHeight_fit-content_small__omrdfnkv {
        max-height: fit-content;
    }

    .sprinkles_maxHeight_max-content_small__omrdfnl1 {
        max-height: max-content;
    }

    .sprinkles_maxHeight_min-content_small__omrdfnl7 {
        max-height: min-content;
    }

    .sprinkles_maxHeight_auto_small__omrdfnld {
        max-height: auto;
    }

    .sprinkles_maxHeight_unset_small__omrdfnlj {
        max-height: none;
        max-height: initial;
    }

    .sprinkles_maxHeight_100px_small__omrdfnlp {
        max-height: 100px;
    }

    .sprinkles_maxHeight_200px_small__omrdfnlv {
        max-height: 200px;
    }

    .sprinkles_maxHeight_300px_small__omrdfnm1 {
        max-height: 300px;
    }

    .sprinkles_maxHeight_400px_small__omrdfnm7 {
        max-height: 400px;
    }

    .sprinkles_maxHeight_500px_small__omrdfnmd {
        max-height: 500px;
    }

    .sprinkles_maxHeight_600px_small__omrdfnmj {
        max-height: 600px;
    }

    .sprinkles_justifySelf_flex-start_small__omrdfnmp {
        justify-self: flex-start;
    }

    .sprinkles_justifySelf_center_small__omrdfnmv {
        justify-self: center;
    }

    .sprinkles_justifySelf_flex-end_small__omrdfnn1 {
        justify-self: flex-end;
    }

    .sprinkles_justifySelf_stretch_small__omrdfnn7 {
        justify-self: stretch;
    }

    .sprinkles_paddingTop_0_small__omrdfnnd {
        padding-top: 0;
    }

    .sprinkles_paddingTop_none_small__omrdfnnj {
        padding-top: var(--knox-spacing-none);
    }

    .sprinkles_paddingTop_hairline_small__omrdfnnp {
        padding-top: var(--knox-spacing-hairline);
    }

    .sprinkles_paddingTop_2xs_small__omrdfnnv {
        padding-top: var(--knox-spacing-2xs);
    }

    .sprinkles_paddingTop_xs_small__omrdfno1 {
        padding-top: var(--knox-spacing-xs);
    }

    .sprinkles_paddingTop_small_small__omrdfno7 {
        padding-top: var(--knox-spacing-small);
    }

    .sprinkles_paddingTop_medium_small__omrdfnod {
        padding-top: var(--knox-spacing-medium);
    }

    .sprinkles_paddingTop_large_small__omrdfnoj {
        padding-top: var(--knox-spacing-large);
    }

    .sprinkles_paddingTop_xl_small__omrdfnop {
        padding-top: var(--knox-spacing-xl);
    }

    .sprinkles_paddingTop_2xl_small__omrdfnov {
        padding-top: var(--knox-spacing-2xl);
    }

    .sprinkles_paddingTop_3xl_small__omrdfnp1 {
        padding-top: var(--knox-spacing-3xl);
    }

    .sprinkles_paddingTop_4xl_small__omrdfnp7 {
        padding-top: var(--knox-spacing-4xl);
    }

    .sprinkles_paddingTop_unset_small__omrdfnpd {
        padding-top: 0;
        padding-top: initial;
    }

    .sprinkles_paddingBottom_0_small__omrdfnpj {
        padding-bottom: 0;
    }

    .sprinkles_paddingBottom_none_small__omrdfnpp {
        padding-bottom: var(--knox-spacing-none);
    }

    .sprinkles_paddingBottom_hairline_small__omrdfnpv {
        padding-bottom: var(--knox-spacing-hairline);
    }

    .sprinkles_paddingBottom_2xs_small__omrdfnq1 {
        padding-bottom: var(--knox-spacing-2xs);
    }

    .sprinkles_paddingBottom_xs_small__omrdfnq7 {
        padding-bottom: var(--knox-spacing-xs);
    }

    .sprinkles_paddingBottom_small_small__omrdfnqd {
        padding-bottom: var(--knox-spacing-small);
    }

    .sprinkles_paddingBottom_medium_small__omrdfnqj {
        padding-bottom: var(--knox-spacing-medium);
    }

    .sprinkles_paddingBottom_large_small__omrdfnqp {
        padding-bottom: var(--knox-spacing-large);
    }

    .sprinkles_paddingBottom_xl_small__omrdfnqv {
        padding-bottom: var(--knox-spacing-xl);
    }

    .sprinkles_paddingBottom_2xl_small__omrdfnr1 {
        padding-bottom: var(--knox-spacing-2xl);
    }

    .sprinkles_paddingBottom_3xl_small__omrdfnr7 {
        padding-bottom: var(--knox-spacing-3xl);
    }

    .sprinkles_paddingBottom_4xl_small__omrdfnrd {
        padding-bottom: var(--knox-spacing-4xl);
    }

    .sprinkles_paddingBottom_unset_small__omrdfnrj {
        padding-bottom: 0;
        padding-bottom: initial;
    }

    .sprinkles_paddingLeft_0_small__omrdfnrp {
        padding-left: 0;
    }

    .sprinkles_paddingLeft_none_small__omrdfnrv {
        padding-left: var(--knox-spacing-none);
    }

    .sprinkles_paddingLeft_hairline_small__omrdfns1 {
        padding-left: var(--knox-spacing-hairline);
    }

    .sprinkles_paddingLeft_2xs_small__omrdfns7 {
        padding-left: var(--knox-spacing-2xs);
    }

    .sprinkles_paddingLeft_xs_small__omrdfnsd {
        padding-left: var(--knox-spacing-xs);
    }

    .sprinkles_paddingLeft_small_small__omrdfnsj {
        padding-left: var(--knox-spacing-small);
    }

    .sprinkles_paddingLeft_medium_small__omrdfnsp {
        padding-left: var(--knox-spacing-medium);
    }

    .sprinkles_paddingLeft_large_small__omrdfnsv {
        padding-left: var(--knox-spacing-large);
    }

    .sprinkles_paddingLeft_xl_small__omrdfnt1 {
        padding-left: var(--knox-spacing-xl);
    }

    .sprinkles_paddingLeft_2xl_small__omrdfnt7 {
        padding-left: var(--knox-spacing-2xl);
    }

    .sprinkles_paddingLeft_3xl_small__omrdfntd {
        padding-left: var(--knox-spacing-3xl);
    }

    .sprinkles_paddingLeft_4xl_small__omrdfntj {
        padding-left: var(--knox-spacing-4xl);
    }

    .sprinkles_paddingLeft_unset_small__omrdfntp {
        padding-left: 0;
        padding-left: initial;
    }

    .sprinkles_paddingRight_0_small__omrdfntv {
        padding-right: 0;
    }

    .sprinkles_paddingRight_none_small__omrdfnu1 {
        padding-right: var(--knox-spacing-none);
    }

    .sprinkles_paddingRight_hairline_small__omrdfnu7 {
        padding-right: var(--knox-spacing-hairline);
    }

    .sprinkles_paddingRight_2xs_small__omrdfnud {
        padding-right: var(--knox-spacing-2xs);
    }

    .sprinkles_paddingRight_xs_small__omrdfnuj {
        padding-right: var(--knox-spacing-xs);
    }

    .sprinkles_paddingRight_small_small__omrdfnup {
        padding-right: var(--knox-spacing-small);
    }

    .sprinkles_paddingRight_medium_small__omrdfnuv {
        padding-right: var(--knox-spacing-medium);
    }

    .sprinkles_paddingRight_large_small__omrdfnv1 {
        padding-right: var(--knox-spacing-large);
    }

    .sprinkles_paddingRight_xl_small__omrdfnv7 {
        padding-right: var(--knox-spacing-xl);
    }

    .sprinkles_paddingRight_2xl_small__omrdfnvd {
        padding-right: var(--knox-spacing-2xl);
    }

    .sprinkles_paddingRight_3xl_small__omrdfnvj {
        padding-right: var(--knox-spacing-3xl);
    }

    .sprinkles_paddingRight_4xl_small__omrdfnvp {
        padding-right: var(--knox-spacing-4xl);
    }

    .sprinkles_paddingRight_unset_small__omrdfnvv {
        padding-right: 0;
        padding-right: initial;
    }

    .sprinkles_paddingBlockStart_0_small__omrdfnw1 {
        padding-top: 0;
    }

    .sprinkles_paddingBlockStart_none_small__omrdfnw7 {
        padding-top: var(--knox-spacing-none);
    }

    .sprinkles_paddingBlockStart_hairline_small__omrdfnwd {
        padding-top: var(--knox-spacing-hairline);
    }

    .sprinkles_paddingBlockStart_2xs_small__omrdfnwj {
        padding-top: var(--knox-spacing-2xs);
    }

    .sprinkles_paddingBlockStart_xs_small__omrdfnwp {
        padding-top: var(--knox-spacing-xs);
    }

    .sprinkles_paddingBlockStart_small_small__omrdfnwv {
        padding-top: var(--knox-spacing-small);
    }

    .sprinkles_paddingBlockStart_medium_small__omrdfnx1 {
        padding-top: var(--knox-spacing-medium);
    }

    .sprinkles_paddingBlockStart_large_small__omrdfnx7 {
        padding-top: var(--knox-spacing-large);
    }

    .sprinkles_paddingBlockStart_xl_small__omrdfnxd {
        padding-top: var(--knox-spacing-xl);
    }

    .sprinkles_paddingBlockStart_2xl_small__omrdfnxj {
        padding-top: var(--knox-spacing-2xl);
    }

    .sprinkles_paddingBlockStart_3xl_small__omrdfnxp {
        padding-top: var(--knox-spacing-3xl);
    }

    .sprinkles_paddingBlockStart_4xl_small__omrdfnxv {
        padding-top: var(--knox-spacing-4xl);
    }

    .sprinkles_paddingBlockStart_unset_small__omrdfny1 {
        padding-top: 0;
        padding-top: initial;
    }

    .sprinkles_paddingBlockEnd_0_small__omrdfny7 {
        padding-bottom: 0;
    }

    .sprinkles_paddingBlockEnd_none_small__omrdfnyd {
        padding-bottom: var(--knox-spacing-none);
    }

    .sprinkles_paddingBlockEnd_hairline_small__omrdfnyj {
        padding-bottom: var(--knox-spacing-hairline);
    }

    .sprinkles_paddingBlockEnd_2xs_small__omrdfnyp {
        padding-bottom: var(--knox-spacing-2xs);
    }

    .sprinkles_paddingBlockEnd_xs_small__omrdfnyv {
        padding-bottom: var(--knox-spacing-xs);
    }

    .sprinkles_paddingBlockEnd_small_small__omrdfnz1 {
        padding-bottom: var(--knox-spacing-small);
    }

    .sprinkles_paddingBlockEnd_medium_small__omrdfnz7 {
        padding-bottom: var(--knox-spacing-medium);
    }

    .sprinkles_paddingBlockEnd_large_small__omrdfnzd {
        padding-bottom: var(--knox-spacing-large);
    }

    .sprinkles_paddingBlockEnd_xl_small__omrdfnzj {
        padding-bottom: var(--knox-spacing-xl);
    }

    .sprinkles_paddingBlockEnd_2xl_small__omrdfnzp {
        padding-bottom: var(--knox-spacing-2xl);
    }

    .sprinkles_paddingBlockEnd_3xl_small__omrdfnzv {
        padding-bottom: var(--knox-spacing-3xl);
    }

    .sprinkles_paddingBlockEnd_4xl_small__omrdfn101 {
        padding-bottom: var(--knox-spacing-4xl);
    }

    .sprinkles_paddingBlockEnd_unset_small__omrdfn107 {
        padding-bottom: 0;
        padding-bottom: initial;
    }

    .sprinkles_paddingInlineStart_0_small__omrdfn10d {
        padding-left: 0;
    }

    .sprinkles_paddingInlineStart_none_small__omrdfn10j {
        padding-left: var(--knox-spacing-none);
    }

    .sprinkles_paddingInlineStart_hairline_small__omrdfn10p {
        padding-left: var(--knox-spacing-hairline);
    }

    .sprinkles_paddingInlineStart_2xs_small__omrdfn10v {
        padding-left: var(--knox-spacing-2xs);
    }

    .sprinkles_paddingInlineStart_xs_small__omrdfn111 {
        padding-left: var(--knox-spacing-xs);
    }

    .sprinkles_paddingInlineStart_small_small__omrdfn117 {
        padding-left: var(--knox-spacing-small);
    }

    .sprinkles_paddingInlineStart_medium_small__omrdfn11d {
        padding-left: var(--knox-spacing-medium);
    }

    .sprinkles_paddingInlineStart_large_small__omrdfn11j {
        padding-left: var(--knox-spacing-large);
    }

    .sprinkles_paddingInlineStart_xl_small__omrdfn11p {
        padding-left: var(--knox-spacing-xl);
    }

    .sprinkles_paddingInlineStart_2xl_small__omrdfn11v {
        padding-left: var(--knox-spacing-2xl);
    }

    .sprinkles_paddingInlineStart_3xl_small__omrdfn121 {
        padding-left: var(--knox-spacing-3xl);
    }

    .sprinkles_paddingInlineStart_4xl_small__omrdfn127 {
        padding-left: var(--knox-spacing-4xl);
    }

    .sprinkles_paddingInlineStart_unset_small__omrdfn12d {
        padding-left: 0;
        padding-left: initial;
    }

    .sprinkles_paddingInlineEnd_0_small__omrdfn12j {
        padding-right: 0;
    }

    .sprinkles_paddingInlineEnd_none_small__omrdfn12p {
        padding-right: var(--knox-spacing-none);
    }

    .sprinkles_paddingInlineEnd_hairline_small__omrdfn12v {
        padding-right: var(--knox-spacing-hairline);
    }

    .sprinkles_paddingInlineEnd_2xs_small__omrdfn131 {
        padding-right: var(--knox-spacing-2xs);
    }

    .sprinkles_paddingInlineEnd_xs_small__omrdfn137 {
        padding-right: var(--knox-spacing-xs);
    }

    .sprinkles_paddingInlineEnd_small_small__omrdfn13d {
        padding-right: var(--knox-spacing-small);
    }

    .sprinkles_paddingInlineEnd_medium_small__omrdfn13j {
        padding-right: var(--knox-spacing-medium);
    }

    .sprinkles_paddingInlineEnd_large_small__omrdfn13p {
        padding-right: var(--knox-spacing-large);
    }

    .sprinkles_paddingInlineEnd_xl_small__omrdfn13v {
        padding-right: var(--knox-spacing-xl);
    }

    .sprinkles_paddingInlineEnd_2xl_small__omrdfn141 {
        padding-right: var(--knox-spacing-2xl);
    }

    .sprinkles_paddingInlineEnd_3xl_small__omrdfn147 {
        padding-right: var(--knox-spacing-3xl);
    }

    .sprinkles_paddingInlineEnd_4xl_small__omrdfn14d {
        padding-right: var(--knox-spacing-4xl);
    }

    .sprinkles_paddingInlineEnd_unset_small__omrdfn14j {
        padding-right: 0;
        padding-right: initial;
    }

    .sprinkles_position_relative_small__omrdfn14p {
        position: relative;
    }

    .sprinkles_position_absolute_small__omrdfn14v {
        position: absolute;
    }

    .sprinkles_position_fixed_small__omrdfn151 {
        position: fixed;
    }

    .sprinkles_position_static_small__omrdfn157 {
        position: static;
    }

    .sprinkles_marginTop_0_small__omrdfn15d {
        margin-top: 0;
    }

    .sprinkles_marginTop_none_small__omrdfn15j {
        margin-top: var(--knox-spacing-none);
    }

    .sprinkles_marginTop_hairline_small__omrdfn15p {
        margin-top: var(--knox-spacing-hairline);
    }

    .sprinkles_marginTop_2xs_small__omrdfn15v {
        margin-top: var(--knox-spacing-2xs);
    }

    .sprinkles_marginTop_xs_small__omrdfn161 {
        margin-top: var(--knox-spacing-xs);
    }

    .sprinkles_marginTop_small_small__omrdfn167 {
        margin-top: var(--knox-spacing-small);
    }

    .sprinkles_marginTop_medium_small__omrdfn16d {
        margin-top: var(--knox-spacing-medium);
    }

    .sprinkles_marginTop_large_small__omrdfn16j {
        margin-top: var(--knox-spacing-large);
    }

    .sprinkles_marginTop_xl_small__omrdfn16p {
        margin-top: var(--knox-spacing-xl);
    }

    .sprinkles_marginTop_2xl_small__omrdfn16v {
        margin-top: var(--knox-spacing-2xl);
    }

    .sprinkles_marginTop_3xl_small__omrdfn171 {
        margin-top: var(--knox-spacing-3xl);
    }

    .sprinkles_marginTop_4xl_small__omrdfn177 {
        margin-top: var(--knox-spacing-4xl);
    }

    .sprinkles_marginTop_unset_small__omrdfn17d {
        margin-top: 0;
        margin-top: initial;
    }

    .sprinkles_marginTop_auto_small__omrdfn17j {
        margin-top: auto;
    }

    .sprinkles_marginBottom_0_small__omrdfn17p {
        margin-bottom: 0;
    }

    .sprinkles_marginBottom_none_small__omrdfn17v {
        margin-bottom: var(--knox-spacing-none);
    }

    .sprinkles_marginBottom_hairline_small__omrdfn181 {
        margin-bottom: var(--knox-spacing-hairline);
    }

    .sprinkles_marginBottom_2xs_small__omrdfn187 {
        margin-bottom: var(--knox-spacing-2xs);
    }

    .sprinkles_marginBottom_xs_small__omrdfn18d {
        margin-bottom: var(--knox-spacing-xs);
    }

    .sprinkles_marginBottom_small_small__omrdfn18j {
        margin-bottom: var(--knox-spacing-small);
    }

    .sprinkles_marginBottom_medium_small__omrdfn18p {
        margin-bottom: var(--knox-spacing-medium);
    }

    .sprinkles_marginBottom_large_small__omrdfn18v {
        margin-bottom: var(--knox-spacing-large);
    }

    .sprinkles_marginBottom_xl_small__omrdfn191 {
        margin-bottom: var(--knox-spacing-xl);
    }

    .sprinkles_marginBottom_2xl_small__omrdfn197 {
        margin-bottom: var(--knox-spacing-2xl);
    }

    .sprinkles_marginBottom_3xl_small__omrdfn19d {
        margin-bottom: var(--knox-spacing-3xl);
    }

    .sprinkles_marginBottom_4xl_small__omrdfn19j {
        margin-bottom: var(--knox-spacing-4xl);
    }

    .sprinkles_marginBottom_unset_small__omrdfn19p {
        margin-bottom: 0;
        margin-bottom: initial;
    }

    .sprinkles_marginBottom_auto_small__omrdfn19v {
        margin-bottom: auto;
    }

    .sprinkles_marginLeft_0_small__omrdfn1a1 {
        margin-left: 0;
    }

    .sprinkles_marginLeft_none_small__omrdfn1a7 {
        margin-left: var(--knox-spacing-none);
    }

    .sprinkles_marginLeft_hairline_small__omrdfn1ad {
        margin-left: var(--knox-spacing-hairline);
    }

    .sprinkles_marginLeft_2xs_small__omrdfn1aj {
        margin-left: var(--knox-spacing-2xs);
    }

    .sprinkles_marginLeft_xs_small__omrdfn1ap {
        margin-left: var(--knox-spacing-xs);
    }

    .sprinkles_marginLeft_small_small__omrdfn1av {
        margin-left: var(--knox-spacing-small);
    }

    .sprinkles_marginLeft_medium_small__omrdfn1b1 {
        margin-left: var(--knox-spacing-medium);
    }

    .sprinkles_marginLeft_large_small__omrdfn1b7 {
        margin-left: var(--knox-spacing-large);
    }

    .sprinkles_marginLeft_xl_small__omrdfn1bd {
        margin-left: var(--knox-spacing-xl);
    }

    .sprinkles_marginLeft_2xl_small__omrdfn1bj {
        margin-left: var(--knox-spacing-2xl);
    }

    .sprinkles_marginLeft_3xl_small__omrdfn1bp {
        margin-left: var(--knox-spacing-3xl);
    }

    .sprinkles_marginLeft_4xl_small__omrdfn1bv {
        margin-left: var(--knox-spacing-4xl);
    }

    .sprinkles_marginLeft_unset_small__omrdfn1c1 {
        margin-left: 0;
        margin-left: initial;
    }

    .sprinkles_marginLeft_auto_small__omrdfn1c7 {
        margin-left: auto;
    }

    .sprinkles_marginRight_0_small__omrdfn1cd {
        margin-right: 0;
    }

    .sprinkles_marginRight_none_small__omrdfn1cj {
        margin-right: var(--knox-spacing-none);
    }

    .sprinkles_marginRight_hairline_small__omrdfn1cp {
        margin-right: var(--knox-spacing-hairline);
    }

    .sprinkles_marginRight_2xs_small__omrdfn1cv {
        margin-right: var(--knox-spacing-2xs);
    }

    .sprinkles_marginRight_xs_small__omrdfn1d1 {
        margin-right: var(--knox-spacing-xs);
    }

    .sprinkles_marginRight_small_small__omrdfn1d7 {
        margin-right: var(--knox-spacing-small);
    }

    .sprinkles_marginRight_medium_small__omrdfn1dd {
        margin-right: var(--knox-spacing-medium);
    }

    .sprinkles_marginRight_large_small__omrdfn1dj {
        margin-right: var(--knox-spacing-large);
    }

    .sprinkles_marginRight_xl_small__omrdfn1dp {
        margin-right: var(--knox-spacing-xl);
    }

    .sprinkles_marginRight_2xl_small__omrdfn1dv {
        margin-right: var(--knox-spacing-2xl);
    }

    .sprinkles_marginRight_3xl_small__omrdfn1e1 {
        margin-right: var(--knox-spacing-3xl);
    }

    .sprinkles_marginRight_4xl_small__omrdfn1e7 {
        margin-right: var(--knox-spacing-4xl);
    }

    .sprinkles_marginRight_unset_small__omrdfn1ed {
        margin-right: 0;
        margin-right: initial;
    }

    .sprinkles_marginRight_auto_small__omrdfn1ej {
        margin-right: auto;
    }

    .sprinkles_marginBlockStart_0_small__omrdfn1ep {
        margin-top: 0;
    }

    .sprinkles_marginBlockStart_none_small__omrdfn1ev {
        margin-top: var(--knox-spacing-none);
    }

    .sprinkles_marginBlockStart_hairline_small__omrdfn1f1 {
        margin-top: var(--knox-spacing-hairline);
    }

    .sprinkles_marginBlockStart_2xs_small__omrdfn1f7 {
        margin-top: var(--knox-spacing-2xs);
    }

    .sprinkles_marginBlockStart_xs_small__omrdfn1fd {
        margin-top: var(--knox-spacing-xs);
    }

    .sprinkles_marginBlockStart_small_small__omrdfn1fj {
        margin-top: var(--knox-spacing-small);
    }

    .sprinkles_marginBlockStart_medium_small__omrdfn1fp {
        margin-top: var(--knox-spacing-medium);
    }

    .sprinkles_marginBlockStart_large_small__omrdfn1fv {
        margin-top: var(--knox-spacing-large);
    }

    .sprinkles_marginBlockStart_xl_small__omrdfn1g1 {
        margin-top: var(--knox-spacing-xl);
    }

    .sprinkles_marginBlockStart_2xl_small__omrdfn1g7 {
        margin-top: var(--knox-spacing-2xl);
    }

    .sprinkles_marginBlockStart_3xl_small__omrdfn1gd {
        margin-top: var(--knox-spacing-3xl);
    }

    .sprinkles_marginBlockStart_4xl_small__omrdfn1gj {
        margin-top: var(--knox-spacing-4xl);
    }

    .sprinkles_marginBlockStart_unset_small__omrdfn1gp {
        margin-top: 0;
        margin-top: initial;
    }

    .sprinkles_marginBlockStart_auto_small__omrdfn1gv {
        margin-top: auto;
    }

    .sprinkles_marginBlockEnd_0_small__omrdfn1h1 {
        margin-bottom: 0;
    }

    .sprinkles_marginBlockEnd_none_small__omrdfn1h7 {
        margin-bottom: var(--knox-spacing-none);
    }

    .sprinkles_marginBlockEnd_hairline_small__omrdfn1hd {
        margin-bottom: var(--knox-spacing-hairline);
    }

    .sprinkles_marginBlockEnd_2xs_small__omrdfn1hj {
        margin-bottom: var(--knox-spacing-2xs);
    }

    .sprinkles_marginBlockEnd_xs_small__omrdfn1hp {
        margin-bottom: var(--knox-spacing-xs);
    }

    .sprinkles_marginBlockEnd_small_small__omrdfn1hv {
        margin-bottom: var(--knox-spacing-small);
    }

    .sprinkles_marginBlockEnd_medium_small__omrdfn1i1 {
        margin-bottom: var(--knox-spacing-medium);
    }

    .sprinkles_marginBlockEnd_large_small__omrdfn1i7 {
        margin-bottom: var(--knox-spacing-large);
    }

    .sprinkles_marginBlockEnd_xl_small__omrdfn1id {
        margin-bottom: var(--knox-spacing-xl);
    }

    .sprinkles_marginBlockEnd_2xl_small__omrdfn1ij {
        margin-bottom: var(--knox-spacing-2xl);
    }

    .sprinkles_marginBlockEnd_3xl_small__omrdfn1ip {
        margin-bottom: var(--knox-spacing-3xl);
    }

    .sprinkles_marginBlockEnd_4xl_small__omrdfn1iv {
        margin-bottom: var(--knox-spacing-4xl);
    }

    .sprinkles_marginBlockEnd_unset_small__omrdfn1j1 {
        margin-bottom: 0;
        margin-bottom: initial;
    }

    .sprinkles_marginBlockEnd_auto_small__omrdfn1j7 {
        margin-bottom: auto;
    }

    .sprinkles_marginInlineStart_0_small__omrdfn1jd {
        margin-left: 0;
    }

    .sprinkles_marginInlineStart_none_small__omrdfn1jj {
        margin-left: var(--knox-spacing-none);
    }

    .sprinkles_marginInlineStart_hairline_small__omrdfn1jp {
        margin-left: var(--knox-spacing-hairline);
    }

    .sprinkles_marginInlineStart_2xs_small__omrdfn1jv {
        margin-left: var(--knox-spacing-2xs);
    }

    .sprinkles_marginInlineStart_xs_small__omrdfn1k1 {
        margin-left: var(--knox-spacing-xs);
    }

    .sprinkles_marginInlineStart_small_small__omrdfn1k7 {
        margin-left: var(--knox-spacing-small);
    }

    .sprinkles_marginInlineStart_medium_small__omrdfn1kd {
        margin-left: var(--knox-spacing-medium);
    }

    .sprinkles_marginInlineStart_large_small__omrdfn1kj {
        margin-left: var(--knox-spacing-large);
    }

    .sprinkles_marginInlineStart_xl_small__omrdfn1kp {
        margin-left: var(--knox-spacing-xl);
    }

    .sprinkles_marginInlineStart_2xl_small__omrdfn1kv {
        margin-left: var(--knox-spacing-2xl);
    }

    .sprinkles_marginInlineStart_3xl_small__omrdfn1l1 {
        margin-left: var(--knox-spacing-3xl);
    }

    .sprinkles_marginInlineStart_4xl_small__omrdfn1l7 {
        margin-left: var(--knox-spacing-4xl);
    }

    .sprinkles_marginInlineStart_unset_small__omrdfn1ld {
        margin-left: 0;
        margin-left: initial;
    }

    .sprinkles_marginInlineStart_auto_small__omrdfn1lj {
        margin-left: auto;
    }

    .sprinkles_marginInlineEnd_0_small__omrdfn1lp {
        margin-right: 0;
    }

    .sprinkles_marginInlineEnd_none_small__omrdfn1lv {
        margin-right: var(--knox-spacing-none);
    }

    .sprinkles_marginInlineEnd_hairline_small__omrdfn1m1 {
        margin-right: var(--knox-spacing-hairline);
    }

    .sprinkles_marginInlineEnd_2xs_small__omrdfn1m7 {
        margin-right: var(--knox-spacing-2xs);
    }

    .sprinkles_marginInlineEnd_xs_small__omrdfn1md {
        margin-right: var(--knox-spacing-xs);
    }

    .sprinkles_marginInlineEnd_small_small__omrdfn1mj {
        margin-right: var(--knox-spacing-small);
    }

    .sprinkles_marginInlineEnd_medium_small__omrdfn1mp {
        margin-right: var(--knox-spacing-medium);
    }

    .sprinkles_marginInlineEnd_large_small__omrdfn1mv {
        margin-right: var(--knox-spacing-large);
    }

    .sprinkles_marginInlineEnd_xl_small__omrdfn1n1 {
        margin-right: var(--knox-spacing-xl);
    }

    .sprinkles_marginInlineEnd_2xl_small__omrdfn1n7 {
        margin-right: var(--knox-spacing-2xl);
    }

    .sprinkles_marginInlineEnd_3xl_small__omrdfn1nd {
        margin-right: var(--knox-spacing-3xl);
    }

    .sprinkles_marginInlineEnd_4xl_small__omrdfn1nj {
        margin-right: var(--knox-spacing-4xl);
    }

    .sprinkles_marginInlineEnd_unset_small__omrdfn1np {
        margin-right: 0;
        margin-right: initial;
    }

    .sprinkles_marginInlineEnd_auto_small__omrdfn1nv {
        margin-right: auto;
    }

    .sprinkles_order_0_small__omrdfn1o1 {
        order: 0;
    }

    .sprinkles_order_1_small__omrdfn1o7 {
        order: 1;
    }

    .sprinkles_order_2_small__omrdfn1od {
        order: 2;
    }

    .sprinkles_order_3_small__omrdfn1oj {
        order: 3;
    }

    .sprinkles_order_4_small__omrdfn1op {
        order: 4;
    }

    .sprinkles_order_5_small__omrdfn1ov {
        order: 5;
    }

    .sprinkles_order_6_small__omrdfn1p1 {
        order: 6;
    }

    .sprinkles_order_7_small__omrdfn1p7 {
        order: 7;
    }

    .sprinkles_order_8_small__omrdfn1pd {
        order: 8;
    }

    .sprinkles_order_9_small__omrdfn1pj {
        order: 9;
    }

    .sprinkles_order_10_small__omrdfn1pp {
        order: 10;
    }

    .sprinkles_order_11_small__omrdfn1pv {
        order: 11;
    }

    .sprinkles_order_12_small__omrdfn1q1 {
        order: 12;
    }

    .sprinkles_insetInlineStart_0_small__omrdfn1q7 {
        left: 0;
    }

    .sprinkles_insetInlineStart_none_small__omrdfn1qd {
        left: var(--knox-spacing-none);
    }

    .sprinkles_insetInlineStart_hairline_small__omrdfn1qj {
        left: var(--knox-spacing-hairline);
    }

    .sprinkles_insetInlineStart_2xs_small__omrdfn1qp {
        left: var(--knox-spacing-2xs);
    }

    .sprinkles_insetInlineStart_xs_small__omrdfn1qv {
        left: var(--knox-spacing-xs);
    }

    .sprinkles_insetInlineStart_small_small__omrdfn1r1 {
        left: var(--knox-spacing-small);
    }

    .sprinkles_insetInlineStart_medium_small__omrdfn1r7 {
        left: var(--knox-spacing-medium);
    }

    .sprinkles_insetInlineStart_large_small__omrdfn1rd {
        left: var(--knox-spacing-large);
    }

    .sprinkles_insetInlineStart_xl_small__omrdfn1rj {
        left: var(--knox-spacing-xl);
    }

    .sprinkles_insetInlineStart_2xl_small__omrdfn1rp {
        left: var(--knox-spacing-2xl);
    }

    .sprinkles_insetInlineStart_3xl_small__omrdfn1rv {
        left: var(--knox-spacing-3xl);
    }

    .sprinkles_insetInlineStart_4xl_small__omrdfn1s1 {
        left: var(--knox-spacing-4xl);
    }

    .sprinkles_insetInlineStart_unset_small__omrdfn1s7 {
        left: auto;
        left: initial;
    }

    .sprinkles_insetInlineEnd_0_small__omrdfn1sd {
        right: 0;
    }

    .sprinkles_insetInlineEnd_none_small__omrdfn1sj {
        right: var(--knox-spacing-none);
    }

    .sprinkles_insetInlineEnd_hairline_small__omrdfn1sp {
        right: var(--knox-spacing-hairline);
    }

    .sprinkles_insetInlineEnd_2xs_small__omrdfn1sv {
        right: var(--knox-spacing-2xs);
    }

    .sprinkles_insetInlineEnd_xs_small__omrdfn1t1 {
        right: var(--knox-spacing-xs);
    }

    .sprinkles_insetInlineEnd_small_small__omrdfn1t7 {
        right: var(--knox-spacing-small);
    }

    .sprinkles_insetInlineEnd_medium_small__omrdfn1td {
        right: var(--knox-spacing-medium);
    }

    .sprinkles_insetInlineEnd_large_small__omrdfn1tj {
        right: var(--knox-spacing-large);
    }

    .sprinkles_insetInlineEnd_xl_small__omrdfn1tp {
        right: var(--knox-spacing-xl);
    }

    .sprinkles_insetInlineEnd_2xl_small__omrdfn1tv {
        right: var(--knox-spacing-2xl);
    }

    .sprinkles_insetInlineEnd_3xl_small__omrdfn1u1 {
        right: var(--knox-spacing-3xl);
    }

    .sprinkles_insetInlineEnd_4xl_small__omrdfn1u7 {
        right: var(--knox-spacing-4xl);
    }

    .sprinkles_insetInlineEnd_unset_small__omrdfn1ud {
        right: auto;
        right: initial;
    }

    .sprinkles_insetBlockStart_0_small__omrdfn1uj {
        top: 0;
    }

    .sprinkles_insetBlockStart_none_small__omrdfn1up {
        top: var(--knox-spacing-none);
    }

    .sprinkles_insetBlockStart_hairline_small__omrdfn1uv {
        top: var(--knox-spacing-hairline);
    }

    .sprinkles_insetBlockStart_2xs_small__omrdfn1v1 {
        top: var(--knox-spacing-2xs);
    }

    .sprinkles_insetBlockStart_xs_small__omrdfn1v7 {
        top: var(--knox-spacing-xs);
    }

    .sprinkles_insetBlockStart_small_small__omrdfn1vd {
        top: var(--knox-spacing-small);
    }

    .sprinkles_insetBlockStart_medium_small__omrdfn1vj {
        top: var(--knox-spacing-medium);
    }

    .sprinkles_insetBlockStart_large_small__omrdfn1vp {
        top: var(--knox-spacing-large);
    }

    .sprinkles_insetBlockStart_xl_small__omrdfn1vv {
        top: var(--knox-spacing-xl);
    }

    .sprinkles_insetBlockStart_2xl_small__omrdfn1w1 {
        top: var(--knox-spacing-2xl);
    }

    .sprinkles_insetBlockStart_3xl_small__omrdfn1w7 {
        top: var(--knox-spacing-3xl);
    }

    .sprinkles_insetBlockStart_4xl_small__omrdfn1wd {
        top: var(--knox-spacing-4xl);
    }

    .sprinkles_insetBlockStart_unset_small__omrdfn1wj {
        top: auto;
        top: initial;
    }

    .sprinkles_insetBlockEnd_0_small__omrdfn1wp {
        bottom: 0;
    }

    .sprinkles_insetBlockEnd_none_small__omrdfn1wv {
        bottom: var(--knox-spacing-none);
    }

    .sprinkles_insetBlockEnd_hairline_small__omrdfn1x1 {
        bottom: var(--knox-spacing-hairline);
    }

    .sprinkles_insetBlockEnd_2xs_small__omrdfn1x7 {
        bottom: var(--knox-spacing-2xs);
    }

    .sprinkles_insetBlockEnd_xs_small__omrdfn1xd {
        bottom: var(--knox-spacing-xs);
    }

    .sprinkles_insetBlockEnd_small_small__omrdfn1xj {
        bottom: var(--knox-spacing-small);
    }

    .sprinkles_insetBlockEnd_medium_small__omrdfn1xp {
        bottom: var(--knox-spacing-medium);
    }

    .sprinkles_insetBlockEnd_large_small__omrdfn1xv {
        bottom: var(--knox-spacing-large);
    }

    .sprinkles_insetBlockEnd_xl_small__omrdfn1y1 {
        bottom: var(--knox-spacing-xl);
    }

    .sprinkles_insetBlockEnd_2xl_small__omrdfn1y7 {
        bottom: var(--knox-spacing-2xl);
    }

    .sprinkles_insetBlockEnd_3xl_small__omrdfn1yd {
        bottom: var(--knox-spacing-3xl);
    }

    .sprinkles_insetBlockEnd_4xl_small__omrdfn1yj {
        bottom: var(--knox-spacing-4xl);
    }

    .sprinkles_insetBlockEnd_unset_small__omrdfn1yp {
        bottom: auto;
        bottom: initial;
    }

    .sprinkles_gap_none_small__omrdfn1yv {
        gap: none;
    }

    .sprinkles_gap_hairline_small__omrdfn1z1 {
        gap: var(--knox-spacing-hairline);
    }

    .sprinkles_gap_2xs_small__omrdfn1z7 {
        gap: var(--knox-spacing-2xs);
    }

    .sprinkles_gap_xs_small__omrdfn1zd {
        gap: var(--knox-spacing-xs);
    }

    .sprinkles_gap_small_small__omrdfn1zj {
        gap: var(--knox-spacing-small);
    }

    .sprinkles_gap_medium_small__omrdfn1zp {
        gap: var(--knox-spacing-medium);
    }

    .sprinkles_gap_large_small__omrdfn1zv {
        gap: var(--knox-spacing-large);
    }

    .sprinkles_gap_xl_small__omrdfn201 {
        gap: var(--knox-spacing-xl);
    }

    .sprinkles_gap_2xl_small__omrdfn207 {
        gap: var(--knox-spacing-2xl);
    }

    .sprinkles_gap_3xl_small__omrdfn20d {
        gap: var(--knox-spacing-3xl);
    }

    .sprinkles_gap_4xl_small__omrdfn20j {
        gap: var(--knox-spacing-4xl);
    }

    .sprinkles_gap_unset_small__omrdfn20p {
        gap: initial;
    }

    .sprinkles_textAlign_left_small__omrdfn20v {
        text-align: left;
    }

    .sprinkles_textAlign_center_small__omrdfn211 {
        text-align: center;
    }

    .sprinkles_textAlign_right_small__omrdfn217 {
        text-align: right;
    }

    .sprinkles_textAlign_start_small__omrdfn21d {
        text-align: left;
    }

    .sprinkles_textAlign_end_small__omrdfn21j {
        text-align: right;
    }

    .sprinkles_textAlign_justify_small__omrdfn21p {
        text-align: justify;
    }

    .sprinkles_minWidth_0_small__omrdfn21v {
        min-width: 0px;
    }

    .sprinkles_minWidth_full_small__omrdfn221 {
        min-width: 100%;
    }

    .sprinkles_minWidth_fit-content_small__omrdfn227 {
        min-width: fit-content;
    }

    .sprinkles_minWidth_max-content_small__omrdfn22d {
        min-width: max-content;
    }

    .sprinkles_minWidth_min-content_small__omrdfn22j {
        min-width: min-content;
    }

    .sprinkles_minWidth_auto_small__omrdfn22p {
        min-width: auto;
    }

    .sprinkles_minWidth_unset_small__omrdfn22v {
        min-width: 0;
        min-width: initial;
    }

    .sprinkles_minWidth_100px_small__omrdfn231 {
        min-width: 100px;
    }

    .sprinkles_minWidth_200px_small__omrdfn237 {
        min-width: 200px;
    }

    .sprinkles_minWidth_300px_small__omrdfn23d {
        min-width: 300px;
    }

    .sprinkles_minWidth_400px_small__omrdfn23j {
        min-width: 400px;
    }

    .sprinkles_minWidth_500px_small__omrdfn23p {
        min-width: 500px;
    }

    .sprinkles_minWidth_600px_small__omrdfn23v {
        min-width: 600px;
    }

    .sprinkles_maxWidth_0_small__omrdfn241 {
        max-width: 0px;
    }

    .sprinkles_maxWidth_full_small__omrdfn247 {
        max-width: 100%;
    }

    .sprinkles_maxWidth_fit-content_small__omrdfn24d {
        max-width: fit-content;
    }

    .sprinkles_maxWidth_max-content_small__omrdfn24j {
        max-width: max-content;
    }

    .sprinkles_maxWidth_min-content_small__omrdfn24p {
        max-width: min-content;
    }

    .sprinkles_maxWidth_auto_small__omrdfn24v {
        max-width: auto;
    }

    .sprinkles_maxWidth_unset_small__omrdfn251 {
        max-width: none;
        max-width: initial;
    }

    .sprinkles_maxWidth_100px_small__omrdfn257 {
        max-width: 100px;
    }

    .sprinkles_maxWidth_200px_small__omrdfn25d {
        max-width: 200px;
    }

    .sprinkles_maxWidth_300px_small__omrdfn25j {
        max-width: 300px;
    }

    .sprinkles_maxWidth_400px_small__omrdfn25p {
        max-width: 400px;
    }

    .sprinkles_maxWidth_500px_small__omrdfn25v {
        max-width: 500px;
    }

    .sprinkles_maxWidth_600px_small__omrdfn261 {
        max-width: 600px;
    }

    .sprinkles_width_full_small__omrdfn267 {
        width: 100%;
    }

    .sprinkles_width_fit-content_small__omrdfn26d {
        width: fit-content;
    }

    .sprinkles_width_max-content_small__omrdfn26j {
        width: max-content;
    }

    .sprinkles_width_min-content_small__omrdfn26p {
        width: min-content;
    }

    .sprinkles_width_auto_small__omrdfn26v {
        width: auto;
    }

    .sprinkles_width_unset_small__omrdfn271 {
        width: auto;
        width: initial;
    }
}

@media screen and (min-width: 768px) {
    .sprinkles_display_none_medium__omrdfn2 {
        display: none;
    }

    .sprinkles_display_flex_medium__omrdfn8 {
        display: flex;
    }

    .sprinkles_display_block_medium__omrdfne {
        display: block;
    }

    .sprinkles_display_inline_medium__omrdfnk {
        display: inline;
    }

    .sprinkles_display_inline-block_medium__omrdfnq {
        display: inline-block;
    }

    .sprinkles_display_inline-flex_medium__omrdfnw {
        display: inline-flex;
    }

    .sprinkles_display_inline-grid_medium__omrdfn12 {
        display: inline-grid;
    }

    .sprinkles_display_grid_medium__omrdfn18 {
        display: grid;
    }

    .sprinkles_justifyContent_stretch_medium__omrdfn1e {
        justify-content: stretch;
    }

    .sprinkles_justifyContent_flex-start_medium__omrdfn1k {
        justify-content: flex-start;
    }

    .sprinkles_justifyContent_center_medium__omrdfn1q {
        justify-content: center;
    }

    .sprinkles_justifyContent_flex-end_medium__omrdfn1w {
        justify-content: flex-end;
    }

    .sprinkles_justifyContent_space-around_medium__omrdfn22 {
        justify-content: space-around;
    }

    .sprinkles_justifyContent_space-between_medium__omrdfn28 {
        justify-content: space-between;
    }

    .sprinkles_justifyContent_space-evenly_medium__omrdfn2e {
        justify-content: space-evenly;
    }

    .sprinkles_borderRadius_none_medium__omrdfn2k {
        border-radius: var(--knox-corner-radius-none);
    }

    .sprinkles_borderRadius_small_medium__omrdfn2q {
        border-radius: var(--knox-corner-radius-small);
    }

    .sprinkles_borderRadius_medium_medium__omrdfn2w {
        border-radius: var(--knox-corner-radius-medium);
    }

    .sprinkles_borderRadius_large_medium__omrdfn32 {
        border-radius: var(--knox-corner-radius-large);
    }

    .sprinkles_borderRadius_circular_medium__omrdfn38 {
        border-radius: var(--knox-corner-radius-circular);
    }

    .sprinkles_borderRadius_unset_medium__omrdfn3e {
        border-radius: 0;
        border-radius: initial;
    }

    .sprinkles_borderTopLeftRadius_none_medium__omrdfn3k {
        border-top-left-radius: var(--knox-corner-radius-none);
    }

    .sprinkles_borderTopLeftRadius_small_medium__omrdfn3q {
        border-top-left-radius: var(--knox-corner-radius-small);
    }

    .sprinkles_borderTopLeftRadius_medium_medium__omrdfn3w {
        border-top-left-radius: var(--knox-corner-radius-medium);
    }

    .sprinkles_borderTopLeftRadius_large_medium__omrdfn42 {
        border-top-left-radius: var(--knox-corner-radius-large);
    }

    .sprinkles_borderTopLeftRadius_circular_medium__omrdfn48 {
        border-top-left-radius: var(--knox-corner-radius-circular);
    }

    .sprinkles_borderTopLeftRadius_unset_medium__omrdfn4e {
        border-top-left-radius: 0;
        border-top-left-radius: initial;
    }

    .sprinkles_borderTopRightRadius_none_medium__omrdfn4k {
        border-top-right-radius: var(--knox-corner-radius-none);
    }

    .sprinkles_borderTopRightRadius_small_medium__omrdfn4q {
        border-top-right-radius: var(--knox-corner-radius-small);
    }

    .sprinkles_borderTopRightRadius_medium_medium__omrdfn4w {
        border-top-right-radius: var(--knox-corner-radius-medium);
    }

    .sprinkles_borderTopRightRadius_large_medium__omrdfn52 {
        border-top-right-radius: var(--knox-corner-radius-large);
    }

    .sprinkles_borderTopRightRadius_circular_medium__omrdfn58 {
        border-top-right-radius: var(--knox-corner-radius-circular);
    }

    .sprinkles_borderTopRightRadius_unset_medium__omrdfn5e {
        border-top-right-radius: 0;
        border-top-right-radius: initial;
    }

    .sprinkles_borderBottomRightRadius_none_medium__omrdfn5k {
        border-bottom-right-radius: var(--knox-corner-radius-none);
    }

    .sprinkles_borderBottomRightRadius_small_medium__omrdfn5q {
        border-bottom-right-radius: var(--knox-corner-radius-small);
    }

    .sprinkles_borderBottomRightRadius_medium_medium__omrdfn5w {
        border-bottom-right-radius: var(--knox-corner-radius-medium);
    }

    .sprinkles_borderBottomRightRadius_large_medium__omrdfn62 {
        border-bottom-right-radius: var(--knox-corner-radius-large);
    }

    .sprinkles_borderBottomRightRadius_circular_medium__omrdfn68 {
        border-bottom-right-radius: var(--knox-corner-radius-circular);
    }

    .sprinkles_borderBottomRightRadius_unset_medium__omrdfn6e {
        border-bottom-right-radius: 0;
        border-bottom-right-radius: initial;
    }

    .sprinkles_borderBottomLeftRadius_none_medium__omrdfn6k {
        border-bottom-left-radius: var(--knox-corner-radius-none);
    }

    .sprinkles_borderBottomLeftRadius_small_medium__omrdfn6q {
        border-bottom-left-radius: var(--knox-corner-radius-small);
    }

    .sprinkles_borderBottomLeftRadius_medium_medium__omrdfn6w {
        border-bottom-left-radius: var(--knox-corner-radius-medium);
    }

    .sprinkles_borderBottomLeftRadius_large_medium__omrdfn72 {
        border-bottom-left-radius: var(--knox-corner-radius-large);
    }

    .sprinkles_borderBottomLeftRadius_circular_medium__omrdfn78 {
        border-bottom-left-radius: var(--knox-corner-radius-circular);
    }

    .sprinkles_borderBottomLeftRadius_unset_medium__omrdfn7e {
        border-bottom-left-radius: 0;
        border-bottom-left-radius: initial;
    }

    .sprinkles_alignItems_flex-start_medium__omrdfn7k {
        align-items: flex-start;
    }

    .sprinkles_alignItems_center_medium__omrdfn7q {
        align-items: center;
    }

    .sprinkles_alignItems_flex-end_medium__omrdfn7w {
        align-items: flex-end;
    }

    .sprinkles_alignItems_stretch_medium__omrdfn82 {
        align-items: stretch;
    }

    .sprinkles_alignItems_baseline_medium__omrdfn88 {
        align-items: baseline;
    }

    .sprinkles_alignSelf_flex-start_medium__omrdfn8e {
        align-self: flex-start;
    }

    .sprinkles_alignSelf_center_medium__omrdfn8k {
        align-self: center;
    }

    .sprinkles_alignSelf_flex-end_medium__omrdfn8q {
        align-self: flex-end;
    }

    .sprinkles_alignSelf_stretch_medium__omrdfn8w {
        align-self: stretch;
    }

    .sprinkles_alignSelf_baseline_medium__omrdfn92 {
        align-self: baseline;
    }

    .sprinkles_flexDirection_row_medium__omrdfn98 {
        flex-direction: row;
    }

    .sprinkles_flexDirection_column_medium__omrdfn9e {
        flex-direction: column;
    }

    .sprinkles_flexDirection_row-reverse_medium__omrdfn9k {
        flex-direction: row-reverse;
    }

    .sprinkles_flexDirection_column-reverse_medium__omrdfn9q {
        flex-direction: column-reverse;
    }

    .sprinkles_flex_0_medium__omrdfn9w {
        flex: 0;
    }

    .sprinkles_flex_1_medium__omrdfna2 {
        flex: 1;
    }

    .sprinkles_flex_2_medium__omrdfna8 {
        flex: 2;
    }

    .sprinkles_flex_3_medium__omrdfnae {
        flex: 3;
    }

    .sprinkles_flex_4_medium__omrdfnak {
        flex: 4;
    }

    .sprinkles_flex_5_medium__omrdfnaq {
        flex: 5;
    }

    .sprinkles_flex_6_medium__omrdfnaw {
        flex: 6;
    }

    .sprinkles_flex_7_medium__omrdfnb2 {
        flex: 7;
    }

    .sprinkles_flex_8_medium__omrdfnb8 {
        flex: 8;
    }

    .sprinkles_flex_9_medium__omrdfnbe {
        flex: 9;
    }

    .sprinkles_flex_10_medium__omrdfnbk {
        flex: 10;
    }

    .sprinkles_flex_11_medium__omrdfnbq {
        flex: 11;
    }

    .sprinkles_flex_12_medium__omrdfnbw {
        flex: 12;
    }

    .sprinkles_flexBasis_0_medium__omrdfnc2 {
        flex-basis: 0;
    }

    .sprinkles_flexBasis_unset_medium__omrdfnc8 {
        flex-basis: initial;
    }

    .sprinkles_flexBasis_inherit_medium__omrdfnce {
        flex-basis: inherit;
    }

    .sprinkles_flexBasis_initial_medium__omrdfnck {
        flex-basis: inital;
    }

    .sprinkles_flexWrap_wrap_medium__omrdfncq {
        flex-wrap: wrap;
    }

    .sprinkles_flexWrap_nowrap_medium__omrdfncw {
        flex-wrap: nowrap;
    }

    .sprinkles_flexShrink_0_medium__omrdfnd2 {
        flex-shrink: 0;
    }

    .sprinkles_flexShrink_1_medium__omrdfnd8 {
        flex-shrink: 1;
    }

    .sprinkles_flexShrink_2_medium__omrdfnde {
        flex-shrink: 2;
    }

    .sprinkles_flexShrink_3_medium__omrdfndk {
        flex-shrink: 3;
    }

    .sprinkles_flexShrink_4_medium__omrdfndq {
        flex-shrink: 4;
    }

    .sprinkles_flexShrink_5_medium__omrdfndw {
        flex-shrink: 5;
    }

    .sprinkles_flexShrink_6_medium__omrdfne2 {
        flex-shrink: 6;
    }

    .sprinkles_flexShrink_7_medium__omrdfne8 {
        flex-shrink: 7;
    }

    .sprinkles_flexShrink_8_medium__omrdfnee {
        flex-shrink: 8;
    }

    .sprinkles_flexShrink_9_medium__omrdfnek {
        flex-shrink: 9;
    }

    .sprinkles_flexShrink_10_medium__omrdfneq {
        flex-shrink: 10;
    }

    .sprinkles_flexShrink_11_medium__omrdfnew {
        flex-shrink: 11;
    }

    .sprinkles_flexShrink_12_medium__omrdfnf2 {
        flex-shrink: 12;
    }

    .sprinkles_flexGrow_0_medium__omrdfnf8 {
        flex-grow: 0;
    }

    .sprinkles_flexGrow_1_medium__omrdfnfe {
        flex-grow: 1;
    }

    .sprinkles_flexGrow_2_medium__omrdfnfk {
        flex-grow: 2;
    }

    .sprinkles_flexGrow_3_medium__omrdfnfq {
        flex-grow: 3;
    }

    .sprinkles_flexGrow_4_medium__omrdfnfw {
        flex-grow: 4;
    }

    .sprinkles_flexGrow_5_medium__omrdfng2 {
        flex-grow: 5;
    }

    .sprinkles_flexGrow_6_medium__omrdfng8 {
        flex-grow: 6;
    }

    .sprinkles_flexGrow_7_medium__omrdfnge {
        flex-grow: 7;
    }

    .sprinkles_flexGrow_8_medium__omrdfngk {
        flex-grow: 8;
    }

    .sprinkles_flexGrow_9_medium__omrdfngq {
        flex-grow: 9;
    }

    .sprinkles_flexGrow_10_medium__omrdfngw {
        flex-grow: 10;
    }

    .sprinkles_flexGrow_11_medium__omrdfnh2 {
        flex-grow: 11;
    }

    .sprinkles_flexGrow_12_medium__omrdfnh8 {
        flex-grow: 12;
    }

    .sprinkles_height_full_medium__omrdfnhe {
        height: 100%;
    }

    .sprinkles_height_fit-content_medium__omrdfnhk {
        height: fit-content;
    }

    .sprinkles_height_max-content_medium__omrdfnhq {
        height: max-content;
    }

    .sprinkles_height_min-content_medium__omrdfnhw {
        height: min-content;
    }

    .sprinkles_height_auto_medium__omrdfni2 {
        height: auto;
    }

    .sprinkles_height_unset_medium__omrdfni8 {
        height: auto;
        height: initial;
    }

    .sprinkles_minHeight_0_medium__omrdfnie {
        min-height: 0px;
    }

    .sprinkles_minHeight_full_medium__omrdfnik {
        min-height: 100%;
    }

    .sprinkles_minHeight_fit-content_medium__omrdfniq {
        min-height: fit-content;
    }

    .sprinkles_minHeight_max-content_medium__omrdfniw {
        min-height: max-content;
    }

    .sprinkles_minHeight_min-content_medium__omrdfnj2 {
        min-height: min-content;
    }

    .sprinkles_minHeight_auto_medium__omrdfnj8 {
        min-height: auto;
    }

    .sprinkles_minHeight_unset_medium__omrdfnje {
        min-height: 0;
        min-height: initial;
    }

    .sprinkles_minHeight_100px_medium__omrdfnjk {
        min-height: 100px;
    }

    .sprinkles_minHeight_200px_medium__omrdfnjq {
        min-height: 200px;
    }

    .sprinkles_minHeight_300px_medium__omrdfnjw {
        min-height: 300px;
    }

    .sprinkles_minHeight_400px_medium__omrdfnk2 {
        min-height: 400px;
    }

    .sprinkles_minHeight_500px_medium__omrdfnk8 {
        min-height: 500px;
    }

    .sprinkles_minHeight_600px_medium__omrdfnke {
        min-height: 600px;
    }

    .sprinkles_maxHeight_0_medium__omrdfnkk {
        max-height: 0px;
    }

    .sprinkles_maxHeight_full_medium__omrdfnkq {
        max-height: 100%;
    }

    .sprinkles_maxHeight_fit-content_medium__omrdfnkw {
        max-height: fit-content;
    }

    .sprinkles_maxHeight_max-content_medium__omrdfnl2 {
        max-height: max-content;
    }

    .sprinkles_maxHeight_min-content_medium__omrdfnl8 {
        max-height: min-content;
    }

    .sprinkles_maxHeight_auto_medium__omrdfnle {
        max-height: auto;
    }

    .sprinkles_maxHeight_unset_medium__omrdfnlk {
        max-height: none;
        max-height: initial;
    }

    .sprinkles_maxHeight_100px_medium__omrdfnlq {
        max-height: 100px;
    }

    .sprinkles_maxHeight_200px_medium__omrdfnlw {
        max-height: 200px;
    }

    .sprinkles_maxHeight_300px_medium__omrdfnm2 {
        max-height: 300px;
    }

    .sprinkles_maxHeight_400px_medium__omrdfnm8 {
        max-height: 400px;
    }

    .sprinkles_maxHeight_500px_medium__omrdfnme {
        max-height: 500px;
    }

    .sprinkles_maxHeight_600px_medium__omrdfnmk {
        max-height: 600px;
    }

    .sprinkles_justifySelf_flex-start_medium__omrdfnmq {
        justify-self: flex-start;
    }

    .sprinkles_justifySelf_center_medium__omrdfnmw {
        justify-self: center;
    }

    .sprinkles_justifySelf_flex-end_medium__omrdfnn2 {
        justify-self: flex-end;
    }

    .sprinkles_justifySelf_stretch_medium__omrdfnn8 {
        justify-self: stretch;
    }

    .sprinkles_paddingTop_0_medium__omrdfnne {
        padding-top: 0;
    }

    .sprinkles_paddingTop_none_medium__omrdfnnk {
        padding-top: var(--knox-spacing-none);
    }

    .sprinkles_paddingTop_hairline_medium__omrdfnnq {
        padding-top: var(--knox-spacing-hairline);
    }

    .sprinkles_paddingTop_2xs_medium__omrdfnnw {
        padding-top: var(--knox-spacing-2xs);
    }

    .sprinkles_paddingTop_xs_medium__omrdfno2 {
        padding-top: var(--knox-spacing-xs);
    }

    .sprinkles_paddingTop_small_medium__omrdfno8 {
        padding-top: var(--knox-spacing-small);
    }

    .sprinkles_paddingTop_medium_medium__omrdfnoe {
        padding-top: var(--knox-spacing-medium);
    }

    .sprinkles_paddingTop_large_medium__omrdfnok {
        padding-top: var(--knox-spacing-large);
    }

    .sprinkles_paddingTop_xl_medium__omrdfnoq {
        padding-top: var(--knox-spacing-xl);
    }

    .sprinkles_paddingTop_2xl_medium__omrdfnow {
        padding-top: var(--knox-spacing-2xl);
    }

    .sprinkles_paddingTop_3xl_medium__omrdfnp2 {
        padding-top: var(--knox-spacing-3xl);
    }

    .sprinkles_paddingTop_4xl_medium__omrdfnp8 {
        padding-top: var(--knox-spacing-4xl);
    }

    .sprinkles_paddingTop_unset_medium__omrdfnpe {
        padding-top: 0;
        padding-top: initial;
    }

    .sprinkles_paddingBottom_0_medium__omrdfnpk {
        padding-bottom: 0;
    }

    .sprinkles_paddingBottom_none_medium__omrdfnpq {
        padding-bottom: var(--knox-spacing-none);
    }

    .sprinkles_paddingBottom_hairline_medium__omrdfnpw {
        padding-bottom: var(--knox-spacing-hairline);
    }

    .sprinkles_paddingBottom_2xs_medium__omrdfnq2 {
        padding-bottom: var(--knox-spacing-2xs);
    }

    .sprinkles_paddingBottom_xs_medium__omrdfnq8 {
        padding-bottom: var(--knox-spacing-xs);
    }

    .sprinkles_paddingBottom_small_medium__omrdfnqe {
        padding-bottom: var(--knox-spacing-small);
    }

    .sprinkles_paddingBottom_medium_medium__omrdfnqk {
        padding-bottom: var(--knox-spacing-medium);
    }

    .sprinkles_paddingBottom_large_medium__omrdfnqq {
        padding-bottom: var(--knox-spacing-large);
    }

    .sprinkles_paddingBottom_xl_medium__omrdfnqw {
        padding-bottom: var(--knox-spacing-xl);
    }

    .sprinkles_paddingBottom_2xl_medium__omrdfnr2 {
        padding-bottom: var(--knox-spacing-2xl);
    }

    .sprinkles_paddingBottom_3xl_medium__omrdfnr8 {
        padding-bottom: var(--knox-spacing-3xl);
    }

    .sprinkles_paddingBottom_4xl_medium__omrdfnre {
        padding-bottom: var(--knox-spacing-4xl);
    }

    .sprinkles_paddingBottom_unset_medium__omrdfnrk {
        padding-bottom: 0;
        padding-bottom: initial;
    }

    .sprinkles_paddingLeft_0_medium__omrdfnrq {
        padding-left: 0;
    }

    .sprinkles_paddingLeft_none_medium__omrdfnrw {
        padding-left: var(--knox-spacing-none);
    }

    .sprinkles_paddingLeft_hairline_medium__omrdfns2 {
        padding-left: var(--knox-spacing-hairline);
    }

    .sprinkles_paddingLeft_2xs_medium__omrdfns8 {
        padding-left: var(--knox-spacing-2xs);
    }

    .sprinkles_paddingLeft_xs_medium__omrdfnse {
        padding-left: var(--knox-spacing-xs);
    }

    .sprinkles_paddingLeft_small_medium__omrdfnsk {
        padding-left: var(--knox-spacing-small);
    }

    .sprinkles_paddingLeft_medium_medium__omrdfnsq {
        padding-left: var(--knox-spacing-medium);
    }

    .sprinkles_paddingLeft_large_medium__omrdfnsw {
        padding-left: var(--knox-spacing-large);
    }

    .sprinkles_paddingLeft_xl_medium__omrdfnt2 {
        padding-left: var(--knox-spacing-xl);
    }

    .sprinkles_paddingLeft_2xl_medium__omrdfnt8 {
        padding-left: var(--knox-spacing-2xl);
    }

    .sprinkles_paddingLeft_3xl_medium__omrdfnte {
        padding-left: var(--knox-spacing-3xl);
    }

    .sprinkles_paddingLeft_4xl_medium__omrdfntk {
        padding-left: var(--knox-spacing-4xl);
    }

    .sprinkles_paddingLeft_unset_medium__omrdfntq {
        padding-left: 0;
        padding-left: initial;
    }

    .sprinkles_paddingRight_0_medium__omrdfntw {
        padding-right: 0;
    }

    .sprinkles_paddingRight_none_medium__omrdfnu2 {
        padding-right: var(--knox-spacing-none);
    }

    .sprinkles_paddingRight_hairline_medium__omrdfnu8 {
        padding-right: var(--knox-spacing-hairline);
    }

    .sprinkles_paddingRight_2xs_medium__omrdfnue {
        padding-right: var(--knox-spacing-2xs);
    }

    .sprinkles_paddingRight_xs_medium__omrdfnuk {
        padding-right: var(--knox-spacing-xs);
    }

    .sprinkles_paddingRight_small_medium__omrdfnuq {
        padding-right: var(--knox-spacing-small);
    }

    .sprinkles_paddingRight_medium_medium__omrdfnuw {
        padding-right: var(--knox-spacing-medium);
    }

    .sprinkles_paddingRight_large_medium__omrdfnv2 {
        padding-right: var(--knox-spacing-large);
    }

    .sprinkles_paddingRight_xl_medium__omrdfnv8 {
        padding-right: var(--knox-spacing-xl);
    }

    .sprinkles_paddingRight_2xl_medium__omrdfnve {
        padding-right: var(--knox-spacing-2xl);
    }

    .sprinkles_paddingRight_3xl_medium__omrdfnvk {
        padding-right: var(--knox-spacing-3xl);
    }

    .sprinkles_paddingRight_4xl_medium__omrdfnvq {
        padding-right: var(--knox-spacing-4xl);
    }

    .sprinkles_paddingRight_unset_medium__omrdfnvw {
        padding-right: 0;
        padding-right: initial;
    }

    .sprinkles_paddingBlockStart_0_medium__omrdfnw2 {
        padding-top: 0;
    }

    .sprinkles_paddingBlockStart_none_medium__omrdfnw8 {
        padding-top: var(--knox-spacing-none);
    }

    .sprinkles_paddingBlockStart_hairline_medium__omrdfnwe {
        padding-top: var(--knox-spacing-hairline);
    }

    .sprinkles_paddingBlockStart_2xs_medium__omrdfnwk {
        padding-top: var(--knox-spacing-2xs);
    }

    .sprinkles_paddingBlockStart_xs_medium__omrdfnwq {
        padding-top: var(--knox-spacing-xs);
    }

    .sprinkles_paddingBlockStart_small_medium__omrdfnww {
        padding-top: var(--knox-spacing-small);
    }

    .sprinkles_paddingBlockStart_medium_medium__omrdfnx2 {
        padding-top: var(--knox-spacing-medium);
    }

    .sprinkles_paddingBlockStart_large_medium__omrdfnx8 {
        padding-top: var(--knox-spacing-large);
    }

    .sprinkles_paddingBlockStart_xl_medium__omrdfnxe {
        padding-top: var(--knox-spacing-xl);
    }

    .sprinkles_paddingBlockStart_2xl_medium__omrdfnxk {
        padding-top: var(--knox-spacing-2xl);
    }

    .sprinkles_paddingBlockStart_3xl_medium__omrdfnxq {
        padding-top: var(--knox-spacing-3xl);
    }

    .sprinkles_paddingBlockStart_4xl_medium__omrdfnxw {
        padding-top: var(--knox-spacing-4xl);
    }

    .sprinkles_paddingBlockStart_unset_medium__omrdfny2 {
        padding-top: 0;
        padding-top: initial;
    }

    .sprinkles_paddingBlockEnd_0_medium__omrdfny8 {
        padding-bottom: 0;
    }

    .sprinkles_paddingBlockEnd_none_medium__omrdfnye {
        padding-bottom: var(--knox-spacing-none);
    }

    .sprinkles_paddingBlockEnd_hairline_medium__omrdfnyk {
        padding-bottom: var(--knox-spacing-hairline);
    }

    .sprinkles_paddingBlockEnd_2xs_medium__omrdfnyq {
        padding-bottom: var(--knox-spacing-2xs);
    }

    .sprinkles_paddingBlockEnd_xs_medium__omrdfnyw {
        padding-bottom: var(--knox-spacing-xs);
    }

    .sprinkles_paddingBlockEnd_small_medium__omrdfnz2 {
        padding-bottom: var(--knox-spacing-small);
    }

    .sprinkles_paddingBlockEnd_medium_medium__omrdfnz8 {
        padding-bottom: var(--knox-spacing-medium);
    }

    .sprinkles_paddingBlockEnd_large_medium__omrdfnze {
        padding-bottom: var(--knox-spacing-large);
    }

    .sprinkles_paddingBlockEnd_xl_medium__omrdfnzk {
        padding-bottom: var(--knox-spacing-xl);
    }

    .sprinkles_paddingBlockEnd_2xl_medium__omrdfnzq {
        padding-bottom: var(--knox-spacing-2xl);
    }

    .sprinkles_paddingBlockEnd_3xl_medium__omrdfnzw {
        padding-bottom: var(--knox-spacing-3xl);
    }

    .sprinkles_paddingBlockEnd_4xl_medium__omrdfn102 {
        padding-bottom: var(--knox-spacing-4xl);
    }

    .sprinkles_paddingBlockEnd_unset_medium__omrdfn108 {
        padding-bottom: 0;
        padding-bottom: initial;
    }

    .sprinkles_paddingInlineStart_0_medium__omrdfn10e {
        padding-left: 0;
    }

    .sprinkles_paddingInlineStart_none_medium__omrdfn10k {
        padding-left: var(--knox-spacing-none);
    }

    .sprinkles_paddingInlineStart_hairline_medium__omrdfn10q {
        padding-left: var(--knox-spacing-hairline);
    }

    .sprinkles_paddingInlineStart_2xs_medium__omrdfn10w {
        padding-left: var(--knox-spacing-2xs);
    }

    .sprinkles_paddingInlineStart_xs_medium__omrdfn112 {
        padding-left: var(--knox-spacing-xs);
    }

    .sprinkles_paddingInlineStart_small_medium__omrdfn118 {
        padding-left: var(--knox-spacing-small);
    }

    .sprinkles_paddingInlineStart_medium_medium__omrdfn11e {
        padding-left: var(--knox-spacing-medium);
    }

    .sprinkles_paddingInlineStart_large_medium__omrdfn11k {
        padding-left: var(--knox-spacing-large);
    }

    .sprinkles_paddingInlineStart_xl_medium__omrdfn11q {
        padding-left: var(--knox-spacing-xl);
    }

    .sprinkles_paddingInlineStart_2xl_medium__omrdfn11w {
        padding-left: var(--knox-spacing-2xl);
    }

    .sprinkles_paddingInlineStart_3xl_medium__omrdfn122 {
        padding-left: var(--knox-spacing-3xl);
    }

    .sprinkles_paddingInlineStart_4xl_medium__omrdfn128 {
        padding-left: var(--knox-spacing-4xl);
    }

    .sprinkles_paddingInlineStart_unset_medium__omrdfn12e {
        padding-left: 0;
        padding-left: initial;
    }

    .sprinkles_paddingInlineEnd_0_medium__omrdfn12k {
        padding-right: 0;
    }

    .sprinkles_paddingInlineEnd_none_medium__omrdfn12q {
        padding-right: var(--knox-spacing-none);
    }

    .sprinkles_paddingInlineEnd_hairline_medium__omrdfn12w {
        padding-right: var(--knox-spacing-hairline);
    }

    .sprinkles_paddingInlineEnd_2xs_medium__omrdfn132 {
        padding-right: var(--knox-spacing-2xs);
    }

    .sprinkles_paddingInlineEnd_xs_medium__omrdfn138 {
        padding-right: var(--knox-spacing-xs);
    }

    .sprinkles_paddingInlineEnd_small_medium__omrdfn13e {
        padding-right: var(--knox-spacing-small);
    }

    .sprinkles_paddingInlineEnd_medium_medium__omrdfn13k {
        padding-right: var(--knox-spacing-medium);
    }

    .sprinkles_paddingInlineEnd_large_medium__omrdfn13q {
        padding-right: var(--knox-spacing-large);
    }

    .sprinkles_paddingInlineEnd_xl_medium__omrdfn13w {
        padding-right: var(--knox-spacing-xl);
    }

    .sprinkles_paddingInlineEnd_2xl_medium__omrdfn142 {
        padding-right: var(--knox-spacing-2xl);
    }

    .sprinkles_paddingInlineEnd_3xl_medium__omrdfn148 {
        padding-right: var(--knox-spacing-3xl);
    }

    .sprinkles_paddingInlineEnd_4xl_medium__omrdfn14e {
        padding-right: var(--knox-spacing-4xl);
    }

    .sprinkles_paddingInlineEnd_unset_medium__omrdfn14k {
        padding-right: 0;
        padding-right: initial;
    }

    .sprinkles_position_relative_medium__omrdfn14q {
        position: relative;
    }

    .sprinkles_position_absolute_medium__omrdfn14w {
        position: absolute;
    }

    .sprinkles_position_fixed_medium__omrdfn152 {
        position: fixed;
    }

    .sprinkles_position_static_medium__omrdfn158 {
        position: static;
    }

    .sprinkles_marginTop_0_medium__omrdfn15e {
        margin-top: 0;
    }

    .sprinkles_marginTop_none_medium__omrdfn15k {
        margin-top: var(--knox-spacing-none);
    }

    .sprinkles_marginTop_hairline_medium__omrdfn15q {
        margin-top: var(--knox-spacing-hairline);
    }

    .sprinkles_marginTop_2xs_medium__omrdfn15w {
        margin-top: var(--knox-spacing-2xs);
    }

    .sprinkles_marginTop_xs_medium__omrdfn162 {
        margin-top: var(--knox-spacing-xs);
    }

    .sprinkles_marginTop_small_medium__omrdfn168 {
        margin-top: var(--knox-spacing-small);
    }

    .sprinkles_marginTop_medium_medium__omrdfn16e {
        margin-top: var(--knox-spacing-medium);
    }

    .sprinkles_marginTop_large_medium__omrdfn16k {
        margin-top: var(--knox-spacing-large);
    }

    .sprinkles_marginTop_xl_medium__omrdfn16q {
        margin-top: var(--knox-spacing-xl);
    }

    .sprinkles_marginTop_2xl_medium__omrdfn16w {
        margin-top: var(--knox-spacing-2xl);
    }

    .sprinkles_marginTop_3xl_medium__omrdfn172 {
        margin-top: var(--knox-spacing-3xl);
    }

    .sprinkles_marginTop_4xl_medium__omrdfn178 {
        margin-top: var(--knox-spacing-4xl);
    }

    .sprinkles_marginTop_unset_medium__omrdfn17e {
        margin-top: 0;
        margin-top: initial;
    }

    .sprinkles_marginTop_auto_medium__omrdfn17k {
        margin-top: auto;
    }

    .sprinkles_marginBottom_0_medium__omrdfn17q {
        margin-bottom: 0;
    }

    .sprinkles_marginBottom_none_medium__omrdfn17w {
        margin-bottom: var(--knox-spacing-none);
    }

    .sprinkles_marginBottom_hairline_medium__omrdfn182 {
        margin-bottom: var(--knox-spacing-hairline);
    }

    .sprinkles_marginBottom_2xs_medium__omrdfn188 {
        margin-bottom: var(--knox-spacing-2xs);
    }

    .sprinkles_marginBottom_xs_medium__omrdfn18e {
        margin-bottom: var(--knox-spacing-xs);
    }

    .sprinkles_marginBottom_small_medium__omrdfn18k {
        margin-bottom: var(--knox-spacing-small);
    }

    .sprinkles_marginBottom_medium_medium__omrdfn18q {
        margin-bottom: var(--knox-spacing-medium);
    }

    .sprinkles_marginBottom_large_medium__omrdfn18w {
        margin-bottom: var(--knox-spacing-large);
    }

    .sprinkles_marginBottom_xl_medium__omrdfn192 {
        margin-bottom: var(--knox-spacing-xl);
    }

    .sprinkles_marginBottom_2xl_medium__omrdfn198 {
        margin-bottom: var(--knox-spacing-2xl);
    }

    .sprinkles_marginBottom_3xl_medium__omrdfn19e {
        margin-bottom: var(--knox-spacing-3xl);
    }

    .sprinkles_marginBottom_4xl_medium__omrdfn19k {
        margin-bottom: var(--knox-spacing-4xl);
    }

    .sprinkles_marginBottom_unset_medium__omrdfn19q {
        margin-bottom: 0;
        margin-bottom: initial;
    }

    .sprinkles_marginBottom_auto_medium__omrdfn19w {
        margin-bottom: auto;
    }

    .sprinkles_marginLeft_0_medium__omrdfn1a2 {
        margin-left: 0;
    }

    .sprinkles_marginLeft_none_medium__omrdfn1a8 {
        margin-left: var(--knox-spacing-none);
    }

    .sprinkles_marginLeft_hairline_medium__omrdfn1ae {
        margin-left: var(--knox-spacing-hairline);
    }

    .sprinkles_marginLeft_2xs_medium__omrdfn1ak {
        margin-left: var(--knox-spacing-2xs);
    }

    .sprinkles_marginLeft_xs_medium__omrdfn1aq {
        margin-left: var(--knox-spacing-xs);
    }

    .sprinkles_marginLeft_small_medium__omrdfn1aw {
        margin-left: var(--knox-spacing-small);
    }

    .sprinkles_marginLeft_medium_medium__omrdfn1b2 {
        margin-left: var(--knox-spacing-medium);
    }

    .sprinkles_marginLeft_large_medium__omrdfn1b8 {
        margin-left: var(--knox-spacing-large);
    }

    .sprinkles_marginLeft_xl_medium__omrdfn1be {
        margin-left: var(--knox-spacing-xl);
    }

    .sprinkles_marginLeft_2xl_medium__omrdfn1bk {
        margin-left: var(--knox-spacing-2xl);
    }

    .sprinkles_marginLeft_3xl_medium__omrdfn1bq {
        margin-left: var(--knox-spacing-3xl);
    }

    .sprinkles_marginLeft_4xl_medium__omrdfn1bw {
        margin-left: var(--knox-spacing-4xl);
    }

    .sprinkles_marginLeft_unset_medium__omrdfn1c2 {
        margin-left: 0;
        margin-left: initial;
    }

    .sprinkles_marginLeft_auto_medium__omrdfn1c8 {
        margin-left: auto;
    }

    .sprinkles_marginRight_0_medium__omrdfn1ce {
        margin-right: 0;
    }

    .sprinkles_marginRight_none_medium__omrdfn1ck {
        margin-right: var(--knox-spacing-none);
    }

    .sprinkles_marginRight_hairline_medium__omrdfn1cq {
        margin-right: var(--knox-spacing-hairline);
    }

    .sprinkles_marginRight_2xs_medium__omrdfn1cw {
        margin-right: var(--knox-spacing-2xs);
    }

    .sprinkles_marginRight_xs_medium__omrdfn1d2 {
        margin-right: var(--knox-spacing-xs);
    }

    .sprinkles_marginRight_small_medium__omrdfn1d8 {
        margin-right: var(--knox-spacing-small);
    }

    .sprinkles_marginRight_medium_medium__omrdfn1de {
        margin-right: var(--knox-spacing-medium);
    }

    .sprinkles_marginRight_large_medium__omrdfn1dk {
        margin-right: var(--knox-spacing-large);
    }

    .sprinkles_marginRight_xl_medium__omrdfn1dq {
        margin-right: var(--knox-spacing-xl);
    }

    .sprinkles_marginRight_2xl_medium__omrdfn1dw {
        margin-right: var(--knox-spacing-2xl);
    }

    .sprinkles_marginRight_3xl_medium__omrdfn1e2 {
        margin-right: var(--knox-spacing-3xl);
    }

    .sprinkles_marginRight_4xl_medium__omrdfn1e8 {
        margin-right: var(--knox-spacing-4xl);
    }

    .sprinkles_marginRight_unset_medium__omrdfn1ee {
        margin-right: 0;
        margin-right: initial;
    }

    .sprinkles_marginRight_auto_medium__omrdfn1ek {
        margin-right: auto;
    }

    .sprinkles_marginBlockStart_0_medium__omrdfn1eq {
        margin-top: 0;
    }

    .sprinkles_marginBlockStart_none_medium__omrdfn1ew {
        margin-top: var(--knox-spacing-none);
    }

    .sprinkles_marginBlockStart_hairline_medium__omrdfn1f2 {
        margin-top: var(--knox-spacing-hairline);
    }

    .sprinkles_marginBlockStart_2xs_medium__omrdfn1f8 {
        margin-top: var(--knox-spacing-2xs);
    }

    .sprinkles_marginBlockStart_xs_medium__omrdfn1fe {
        margin-top: var(--knox-spacing-xs);
    }

    .sprinkles_marginBlockStart_small_medium__omrdfn1fk {
        margin-top: var(--knox-spacing-small);
    }

    .sprinkles_marginBlockStart_medium_medium__omrdfn1fq {
        margin-top: var(--knox-spacing-medium);
    }

    .sprinkles_marginBlockStart_large_medium__omrdfn1fw {
        margin-top: var(--knox-spacing-large);
    }

    .sprinkles_marginBlockStart_xl_medium__omrdfn1g2 {
        margin-top: var(--knox-spacing-xl);
    }

    .sprinkles_marginBlockStart_2xl_medium__omrdfn1g8 {
        margin-top: var(--knox-spacing-2xl);
    }

    .sprinkles_marginBlockStart_3xl_medium__omrdfn1ge {
        margin-top: var(--knox-spacing-3xl);
    }

    .sprinkles_marginBlockStart_4xl_medium__omrdfn1gk {
        margin-top: var(--knox-spacing-4xl);
    }

    .sprinkles_marginBlockStart_unset_medium__omrdfn1gq {
        margin-top: 0;
        margin-top: initial;
    }

    .sprinkles_marginBlockStart_auto_medium__omrdfn1gw {
        margin-top: auto;
    }

    .sprinkles_marginBlockEnd_0_medium__omrdfn1h2 {
        margin-bottom: 0;
    }

    .sprinkles_marginBlockEnd_none_medium__omrdfn1h8 {
        margin-bottom: var(--knox-spacing-none);
    }

    .sprinkles_marginBlockEnd_hairline_medium__omrdfn1he {
        margin-bottom: var(--knox-spacing-hairline);
    }

    .sprinkles_marginBlockEnd_2xs_medium__omrdfn1hk {
        margin-bottom: var(--knox-spacing-2xs);
    }

    .sprinkles_marginBlockEnd_xs_medium__omrdfn1hq {
        margin-bottom: var(--knox-spacing-xs);
    }

    .sprinkles_marginBlockEnd_small_medium__omrdfn1hw {
        margin-bottom: var(--knox-spacing-small);
    }

    .sprinkles_marginBlockEnd_medium_medium__omrdfn1i2 {
        margin-bottom: var(--knox-spacing-medium);
    }

    .sprinkles_marginBlockEnd_large_medium__omrdfn1i8 {
        margin-bottom: var(--knox-spacing-large);
    }

    .sprinkles_marginBlockEnd_xl_medium__omrdfn1ie {
        margin-bottom: var(--knox-spacing-xl);
    }

    .sprinkles_marginBlockEnd_2xl_medium__omrdfn1ik {
        margin-bottom: var(--knox-spacing-2xl);
    }

    .sprinkles_marginBlockEnd_3xl_medium__omrdfn1iq {
        margin-bottom: var(--knox-spacing-3xl);
    }

    .sprinkles_marginBlockEnd_4xl_medium__omrdfn1iw {
        margin-bottom: var(--knox-spacing-4xl);
    }

    .sprinkles_marginBlockEnd_unset_medium__omrdfn1j2 {
        margin-bottom: 0;
        margin-bottom: initial;
    }

    .sprinkles_marginBlockEnd_auto_medium__omrdfn1j8 {
        margin-bottom: auto;
    }

    .sprinkles_marginInlineStart_0_medium__omrdfn1je {
        margin-left: 0;
    }

    .sprinkles_marginInlineStart_none_medium__omrdfn1jk {
        margin-left: var(--knox-spacing-none);
    }

    .sprinkles_marginInlineStart_hairline_medium__omrdfn1jq {
        margin-left: var(--knox-spacing-hairline);
    }

    .sprinkles_marginInlineStart_2xs_medium__omrdfn1jw {
        margin-left: var(--knox-spacing-2xs);
    }

    .sprinkles_marginInlineStart_xs_medium__omrdfn1k2 {
        margin-left: var(--knox-spacing-xs);
    }

    .sprinkles_marginInlineStart_small_medium__omrdfn1k8 {
        margin-left: var(--knox-spacing-small);
    }

    .sprinkles_marginInlineStart_medium_medium__omrdfn1ke {
        margin-left: var(--knox-spacing-medium);
    }

    .sprinkles_marginInlineStart_large_medium__omrdfn1kk {
        margin-left: var(--knox-spacing-large);
    }

    .sprinkles_marginInlineStart_xl_medium__omrdfn1kq {
        margin-left: var(--knox-spacing-xl);
    }

    .sprinkles_marginInlineStart_2xl_medium__omrdfn1kw {
        margin-left: var(--knox-spacing-2xl);
    }

    .sprinkles_marginInlineStart_3xl_medium__omrdfn1l2 {
        margin-left: var(--knox-spacing-3xl);
    }

    .sprinkles_marginInlineStart_4xl_medium__omrdfn1l8 {
        margin-left: var(--knox-spacing-4xl);
    }

    .sprinkles_marginInlineStart_unset_medium__omrdfn1le {
        margin-left: 0;
        margin-left: initial;
    }

    .sprinkles_marginInlineStart_auto_medium__omrdfn1lk {
        margin-left: auto;
    }

    .sprinkles_marginInlineEnd_0_medium__omrdfn1lq {
        margin-right: 0;
    }

    .sprinkles_marginInlineEnd_none_medium__omrdfn1lw {
        margin-right: var(--knox-spacing-none);
    }

    .sprinkles_marginInlineEnd_hairline_medium__omrdfn1m2 {
        margin-right: var(--knox-spacing-hairline);
    }

    .sprinkles_marginInlineEnd_2xs_medium__omrdfn1m8 {
        margin-right: var(--knox-spacing-2xs);
    }

    .sprinkles_marginInlineEnd_xs_medium__omrdfn1me {
        margin-right: var(--knox-spacing-xs);
    }

    .sprinkles_marginInlineEnd_small_medium__omrdfn1mk {
        margin-right: var(--knox-spacing-small);
    }

    .sprinkles_marginInlineEnd_medium_medium__omrdfn1mq {
        margin-right: var(--knox-spacing-medium);
    }

    .sprinkles_marginInlineEnd_large_medium__omrdfn1mw {
        margin-right: var(--knox-spacing-large);
    }

    .sprinkles_marginInlineEnd_xl_medium__omrdfn1n2 {
        margin-right: var(--knox-spacing-xl);
    }

    .sprinkles_marginInlineEnd_2xl_medium__omrdfn1n8 {
        margin-right: var(--knox-spacing-2xl);
    }

    .sprinkles_marginInlineEnd_3xl_medium__omrdfn1ne {
        margin-right: var(--knox-spacing-3xl);
    }

    .sprinkles_marginInlineEnd_4xl_medium__omrdfn1nk {
        margin-right: var(--knox-spacing-4xl);
    }

    .sprinkles_marginInlineEnd_unset_medium__omrdfn1nq {
        margin-right: 0;
        margin-right: initial;
    }

    .sprinkles_marginInlineEnd_auto_medium__omrdfn1nw {
        margin-right: auto;
    }

    .sprinkles_order_0_medium__omrdfn1o2 {
        order: 0;
    }

    .sprinkles_order_1_medium__omrdfn1o8 {
        order: 1;
    }

    .sprinkles_order_2_medium__omrdfn1oe {
        order: 2;
    }

    .sprinkles_order_3_medium__omrdfn1ok {
        order: 3;
    }

    .sprinkles_order_4_medium__omrdfn1oq {
        order: 4;
    }

    .sprinkles_order_5_medium__omrdfn1ow {
        order: 5;
    }

    .sprinkles_order_6_medium__omrdfn1p2 {
        order: 6;
    }

    .sprinkles_order_7_medium__omrdfn1p8 {
        order: 7;
    }

    .sprinkles_order_8_medium__omrdfn1pe {
        order: 8;
    }

    .sprinkles_order_9_medium__omrdfn1pk {
        order: 9;
    }

    .sprinkles_order_10_medium__omrdfn1pq {
        order: 10;
    }

    .sprinkles_order_11_medium__omrdfn1pw {
        order: 11;
    }

    .sprinkles_order_12_medium__omrdfn1q2 {
        order: 12;
    }

    .sprinkles_insetInlineStart_0_medium__omrdfn1q8 {
        left: 0;
    }

    .sprinkles_insetInlineStart_none_medium__omrdfn1qe {
        left: var(--knox-spacing-none);
    }

    .sprinkles_insetInlineStart_hairline_medium__omrdfn1qk {
        left: var(--knox-spacing-hairline);
    }

    .sprinkles_insetInlineStart_2xs_medium__omrdfn1qq {
        left: var(--knox-spacing-2xs);
    }

    .sprinkles_insetInlineStart_xs_medium__omrdfn1qw {
        left: var(--knox-spacing-xs);
    }

    .sprinkles_insetInlineStart_small_medium__omrdfn1r2 {
        left: var(--knox-spacing-small);
    }

    .sprinkles_insetInlineStart_medium_medium__omrdfn1r8 {
        left: var(--knox-spacing-medium);
    }

    .sprinkles_insetInlineStart_large_medium__omrdfn1re {
        left: var(--knox-spacing-large);
    }

    .sprinkles_insetInlineStart_xl_medium__omrdfn1rk {
        left: var(--knox-spacing-xl);
    }

    .sprinkles_insetInlineStart_2xl_medium__omrdfn1rq {
        left: var(--knox-spacing-2xl);
    }

    .sprinkles_insetInlineStart_3xl_medium__omrdfn1rw {
        left: var(--knox-spacing-3xl);
    }

    .sprinkles_insetInlineStart_4xl_medium__omrdfn1s2 {
        left: var(--knox-spacing-4xl);
    }

    .sprinkles_insetInlineStart_unset_medium__omrdfn1s8 {
        left: auto;
        left: initial;
    }

    .sprinkles_insetInlineEnd_0_medium__omrdfn1se {
        right: 0;
    }

    .sprinkles_insetInlineEnd_none_medium__omrdfn1sk {
        right: var(--knox-spacing-none);
    }

    .sprinkles_insetInlineEnd_hairline_medium__omrdfn1sq {
        right: var(--knox-spacing-hairline);
    }

    .sprinkles_insetInlineEnd_2xs_medium__omrdfn1sw {
        right: var(--knox-spacing-2xs);
    }

    .sprinkles_insetInlineEnd_xs_medium__omrdfn1t2 {
        right: var(--knox-spacing-xs);
    }

    .sprinkles_insetInlineEnd_small_medium__omrdfn1t8 {
        right: var(--knox-spacing-small);
    }

    .sprinkles_insetInlineEnd_medium_medium__omrdfn1te {
        right: var(--knox-spacing-medium);
    }

    .sprinkles_insetInlineEnd_large_medium__omrdfn1tk {
        right: var(--knox-spacing-large);
    }

    .sprinkles_insetInlineEnd_xl_medium__omrdfn1tq {
        right: var(--knox-spacing-xl);
    }

    .sprinkles_insetInlineEnd_2xl_medium__omrdfn1tw {
        right: var(--knox-spacing-2xl);
    }

    .sprinkles_insetInlineEnd_3xl_medium__omrdfn1u2 {
        right: var(--knox-spacing-3xl);
    }

    .sprinkles_insetInlineEnd_4xl_medium__omrdfn1u8 {
        right: var(--knox-spacing-4xl);
    }

    .sprinkles_insetInlineEnd_unset_medium__omrdfn1ue {
        right: auto;
        right: initial;
    }

    .sprinkles_insetBlockStart_0_medium__omrdfn1uk {
        top: 0;
    }

    .sprinkles_insetBlockStart_none_medium__omrdfn1uq {
        top: var(--knox-spacing-none);
    }

    .sprinkles_insetBlockStart_hairline_medium__omrdfn1uw {
        top: var(--knox-spacing-hairline);
    }

    .sprinkles_insetBlockStart_2xs_medium__omrdfn1v2 {
        top: var(--knox-spacing-2xs);
    }

    .sprinkles_insetBlockStart_xs_medium__omrdfn1v8 {
        top: var(--knox-spacing-xs);
    }

    .sprinkles_insetBlockStart_small_medium__omrdfn1ve {
        top: var(--knox-spacing-small);
    }

    .sprinkles_insetBlockStart_medium_medium__omrdfn1vk {
        top: var(--knox-spacing-medium);
    }

    .sprinkles_insetBlockStart_large_medium__omrdfn1vq {
        top: var(--knox-spacing-large);
    }

    .sprinkles_insetBlockStart_xl_medium__omrdfn1vw {
        top: var(--knox-spacing-xl);
    }

    .sprinkles_insetBlockStart_2xl_medium__omrdfn1w2 {
        top: var(--knox-spacing-2xl);
    }

    .sprinkles_insetBlockStart_3xl_medium__omrdfn1w8 {
        top: var(--knox-spacing-3xl);
    }

    .sprinkles_insetBlockStart_4xl_medium__omrdfn1we {
        top: var(--knox-spacing-4xl);
    }

    .sprinkles_insetBlockStart_unset_medium__omrdfn1wk {
        top: auto;
        top: initial;
    }

    .sprinkles_insetBlockEnd_0_medium__omrdfn1wq {
        bottom: 0;
    }

    .sprinkles_insetBlockEnd_none_medium__omrdfn1ww {
        bottom: var(--knox-spacing-none);
    }

    .sprinkles_insetBlockEnd_hairline_medium__omrdfn1x2 {
        bottom: var(--knox-spacing-hairline);
    }

    .sprinkles_insetBlockEnd_2xs_medium__omrdfn1x8 {
        bottom: var(--knox-spacing-2xs);
    }

    .sprinkles_insetBlockEnd_xs_medium__omrdfn1xe {
        bottom: var(--knox-spacing-xs);
    }

    .sprinkles_insetBlockEnd_small_medium__omrdfn1xk {
        bottom: var(--knox-spacing-small);
    }

    .sprinkles_insetBlockEnd_medium_medium__omrdfn1xq {
        bottom: var(--knox-spacing-medium);
    }

    .sprinkles_insetBlockEnd_large_medium__omrdfn1xw {
        bottom: var(--knox-spacing-large);
    }

    .sprinkles_insetBlockEnd_xl_medium__omrdfn1y2 {
        bottom: var(--knox-spacing-xl);
    }

    .sprinkles_insetBlockEnd_2xl_medium__omrdfn1y8 {
        bottom: var(--knox-spacing-2xl);
    }

    .sprinkles_insetBlockEnd_3xl_medium__omrdfn1ye {
        bottom: var(--knox-spacing-3xl);
    }

    .sprinkles_insetBlockEnd_4xl_medium__omrdfn1yk {
        bottom: var(--knox-spacing-4xl);
    }

    .sprinkles_insetBlockEnd_unset_medium__omrdfn1yq {
        bottom: auto;
        bottom: initial;
    }

    .sprinkles_gap_none_medium__omrdfn1yw {
        gap: none;
    }

    .sprinkles_gap_hairline_medium__omrdfn1z2 {
        gap: var(--knox-spacing-hairline);
    }

    .sprinkles_gap_2xs_medium__omrdfn1z8 {
        gap: var(--knox-spacing-2xs);
    }

    .sprinkles_gap_xs_medium__omrdfn1ze {
        gap: var(--knox-spacing-xs);
    }

    .sprinkles_gap_small_medium__omrdfn1zk {
        gap: var(--knox-spacing-small);
    }

    .sprinkles_gap_medium_medium__omrdfn1zq {
        gap: var(--knox-spacing-medium);
    }

    .sprinkles_gap_large_medium__omrdfn1zw {
        gap: var(--knox-spacing-large);
    }

    .sprinkles_gap_xl_medium__omrdfn202 {
        gap: var(--knox-spacing-xl);
    }

    .sprinkles_gap_2xl_medium__omrdfn208 {
        gap: var(--knox-spacing-2xl);
    }

    .sprinkles_gap_3xl_medium__omrdfn20e {
        gap: var(--knox-spacing-3xl);
    }

    .sprinkles_gap_4xl_medium__omrdfn20k {
        gap: var(--knox-spacing-4xl);
    }

    .sprinkles_gap_unset_medium__omrdfn20q {
        gap: initial;
    }

    .sprinkles_textAlign_left_medium__omrdfn20w {
        text-align: left;
    }

    .sprinkles_textAlign_center_medium__omrdfn212 {
        text-align: center;
    }

    .sprinkles_textAlign_right_medium__omrdfn218 {
        text-align: right;
    }

    .sprinkles_textAlign_start_medium__omrdfn21e {
        text-align: left;
    }

    .sprinkles_textAlign_end_medium__omrdfn21k {
        text-align: right;
    }

    .sprinkles_textAlign_justify_medium__omrdfn21q {
        text-align: justify;
    }

    .sprinkles_minWidth_0_medium__omrdfn21w {
        min-width: 0px;
    }

    .sprinkles_minWidth_full_medium__omrdfn222 {
        min-width: 100%;
    }

    .sprinkles_minWidth_fit-content_medium__omrdfn228 {
        min-width: fit-content;
    }

    .sprinkles_minWidth_max-content_medium__omrdfn22e {
        min-width: max-content;
    }

    .sprinkles_minWidth_min-content_medium__omrdfn22k {
        min-width: min-content;
    }

    .sprinkles_minWidth_auto_medium__omrdfn22q {
        min-width: auto;
    }

    .sprinkles_minWidth_unset_medium__omrdfn22w {
        min-width: 0;
        min-width: initial;
    }

    .sprinkles_minWidth_100px_medium__omrdfn232 {
        min-width: 100px;
    }

    .sprinkles_minWidth_200px_medium__omrdfn238 {
        min-width: 200px;
    }

    .sprinkles_minWidth_300px_medium__omrdfn23e {
        min-width: 300px;
    }

    .sprinkles_minWidth_400px_medium__omrdfn23k {
        min-width: 400px;
    }

    .sprinkles_minWidth_500px_medium__omrdfn23q {
        min-width: 500px;
    }

    .sprinkles_minWidth_600px_medium__omrdfn23w {
        min-width: 600px;
    }

    .sprinkles_maxWidth_0_medium__omrdfn242 {
        max-width: 0px;
    }

    .sprinkles_maxWidth_full_medium__omrdfn248 {
        max-width: 100%;
    }

    .sprinkles_maxWidth_fit-content_medium__omrdfn24e {
        max-width: fit-content;
    }

    .sprinkles_maxWidth_max-content_medium__omrdfn24k {
        max-width: max-content;
    }

    .sprinkles_maxWidth_min-content_medium__omrdfn24q {
        max-width: min-content;
    }

    .sprinkles_maxWidth_auto_medium__omrdfn24w {
        max-width: auto;
    }

    .sprinkles_maxWidth_unset_medium__omrdfn252 {
        max-width: none;
        max-width: initial;
    }

    .sprinkles_maxWidth_100px_medium__omrdfn258 {
        max-width: 100px;
    }

    .sprinkles_maxWidth_200px_medium__omrdfn25e {
        max-width: 200px;
    }

    .sprinkles_maxWidth_300px_medium__omrdfn25k {
        max-width: 300px;
    }

    .sprinkles_maxWidth_400px_medium__omrdfn25q {
        max-width: 400px;
    }

    .sprinkles_maxWidth_500px_medium__omrdfn25w {
        max-width: 500px;
    }

    .sprinkles_maxWidth_600px_medium__omrdfn262 {
        max-width: 600px;
    }

    .sprinkles_width_full_medium__omrdfn268 {
        width: 100%;
    }

    .sprinkles_width_fit-content_medium__omrdfn26e {
        width: fit-content;
    }

    .sprinkles_width_max-content_medium__omrdfn26k {
        width: max-content;
    }

    .sprinkles_width_min-content_medium__omrdfn26q {
        width: min-content;
    }

    .sprinkles_width_auto_medium__omrdfn26w {
        width: auto;
    }

    .sprinkles_width_unset_medium__omrdfn272 {
        width: auto;
        width: initial;
    }
}

@media screen and (min-width: 1024px) {
    .sprinkles_display_none_large__omrdfn3 {
        display: none;
    }

    .sprinkles_display_flex_large__omrdfn9 {
        display: flex;
    }

    .sprinkles_display_block_large__omrdfnf {
        display: block;
    }

    .sprinkles_display_inline_large__omrdfnl {
        display: inline;
    }

    .sprinkles_display_inline-block_large__omrdfnr {
        display: inline-block;
    }

    .sprinkles_display_inline-flex_large__omrdfnx {
        display: inline-flex;
    }

    .sprinkles_display_inline-grid_large__omrdfn13 {
        display: inline-grid;
    }

    .sprinkles_display_grid_large__omrdfn19 {
        display: grid;
    }

    .sprinkles_justifyContent_stretch_large__omrdfn1f {
        justify-content: stretch;
    }

    .sprinkles_justifyContent_flex-start_large__omrdfn1l {
        justify-content: flex-start;
    }

    .sprinkles_justifyContent_center_large__omrdfn1r {
        justify-content: center;
    }

    .sprinkles_justifyContent_flex-end_large__omrdfn1x {
        justify-content: flex-end;
    }

    .sprinkles_justifyContent_space-around_large__omrdfn23 {
        justify-content: space-around;
    }

    .sprinkles_justifyContent_space-between_large__omrdfn29 {
        justify-content: space-between;
    }

    .sprinkles_justifyContent_space-evenly_large__omrdfn2f {
        justify-content: space-evenly;
    }

    .sprinkles_borderRadius_none_large__omrdfn2l {
        border-radius: var(--knox-corner-radius-none);
    }

    .sprinkles_borderRadius_small_large__omrdfn2r {
        border-radius: var(--knox-corner-radius-small);
    }

    .sprinkles_borderRadius_medium_large__omrdfn2x {
        border-radius: var(--knox-corner-radius-medium);
    }

    .sprinkles_borderRadius_large_large__omrdfn33 {
        border-radius: var(--knox-corner-radius-large);
    }

    .sprinkles_borderRadius_circular_large__omrdfn39 {
        border-radius: var(--knox-corner-radius-circular);
    }

    .sprinkles_borderRadius_unset_large__omrdfn3f {
        border-radius: 0;
        border-radius: initial;
    }

    .sprinkles_borderTopLeftRadius_none_large__omrdfn3l {
        border-top-left-radius: var(--knox-corner-radius-none);
    }

    .sprinkles_borderTopLeftRadius_small_large__omrdfn3r {
        border-top-left-radius: var(--knox-corner-radius-small);
    }

    .sprinkles_borderTopLeftRadius_medium_large__omrdfn3x {
        border-top-left-radius: var(--knox-corner-radius-medium);
    }

    .sprinkles_borderTopLeftRadius_large_large__omrdfn43 {
        border-top-left-radius: var(--knox-corner-radius-large);
    }

    .sprinkles_borderTopLeftRadius_circular_large__omrdfn49 {
        border-top-left-radius: var(--knox-corner-radius-circular);
    }

    .sprinkles_borderTopLeftRadius_unset_large__omrdfn4f {
        border-top-left-radius: 0;
        border-top-left-radius: initial;
    }

    .sprinkles_borderTopRightRadius_none_large__omrdfn4l {
        border-top-right-radius: var(--knox-corner-radius-none);
    }

    .sprinkles_borderTopRightRadius_small_large__omrdfn4r {
        border-top-right-radius: var(--knox-corner-radius-small);
    }

    .sprinkles_borderTopRightRadius_medium_large__omrdfn4x {
        border-top-right-radius: var(--knox-corner-radius-medium);
    }

    .sprinkles_borderTopRightRadius_large_large__omrdfn53 {
        border-top-right-radius: var(--knox-corner-radius-large);
    }

    .sprinkles_borderTopRightRadius_circular_large__omrdfn59 {
        border-top-right-radius: var(--knox-corner-radius-circular);
    }

    .sprinkles_borderTopRightRadius_unset_large__omrdfn5f {
        border-top-right-radius: 0;
        border-top-right-radius: initial;
    }

    .sprinkles_borderBottomRightRadius_none_large__omrdfn5l {
        border-bottom-right-radius: var(--knox-corner-radius-none);
    }

    .sprinkles_borderBottomRightRadius_small_large__omrdfn5r {
        border-bottom-right-radius: var(--knox-corner-radius-small);
    }

    .sprinkles_borderBottomRightRadius_medium_large__omrdfn5x {
        border-bottom-right-radius: var(--knox-corner-radius-medium);
    }

    .sprinkles_borderBottomRightRadius_large_large__omrdfn63 {
        border-bottom-right-radius: var(--knox-corner-radius-large);
    }

    .sprinkles_borderBottomRightRadius_circular_large__omrdfn69 {
        border-bottom-right-radius: var(--knox-corner-radius-circular);
    }

    .sprinkles_borderBottomRightRadius_unset_large__omrdfn6f {
        border-bottom-right-radius: 0;
        border-bottom-right-radius: initial;
    }

    .sprinkles_borderBottomLeftRadius_none_large__omrdfn6l {
        border-bottom-left-radius: var(--knox-corner-radius-none);
    }

    .sprinkles_borderBottomLeftRadius_small_large__omrdfn6r {
        border-bottom-left-radius: var(--knox-corner-radius-small);
    }

    .sprinkles_borderBottomLeftRadius_medium_large__omrdfn6x {
        border-bottom-left-radius: var(--knox-corner-radius-medium);
    }

    .sprinkles_borderBottomLeftRadius_large_large__omrdfn73 {
        border-bottom-left-radius: var(--knox-corner-radius-large);
    }

    .sprinkles_borderBottomLeftRadius_circular_large__omrdfn79 {
        border-bottom-left-radius: var(--knox-corner-radius-circular);
    }

    .sprinkles_borderBottomLeftRadius_unset_large__omrdfn7f {
        border-bottom-left-radius: 0;
        border-bottom-left-radius: initial;
    }

    .sprinkles_alignItems_flex-start_large__omrdfn7l {
        align-items: flex-start;
    }

    .sprinkles_alignItems_center_large__omrdfn7r {
        align-items: center;
    }

    .sprinkles_alignItems_flex-end_large__omrdfn7x {
        align-items: flex-end;
    }

    .sprinkles_alignItems_stretch_large__omrdfn83 {
        align-items: stretch;
    }

    .sprinkles_alignItems_baseline_large__omrdfn89 {
        align-items: baseline;
    }

    .sprinkles_alignSelf_flex-start_large__omrdfn8f {
        align-self: flex-start;
    }

    .sprinkles_alignSelf_center_large__omrdfn8l {
        align-self: center;
    }

    .sprinkles_alignSelf_flex-end_large__omrdfn8r {
        align-self: flex-end;
    }

    .sprinkles_alignSelf_stretch_large__omrdfn8x {
        align-self: stretch;
    }

    .sprinkles_alignSelf_baseline_large__omrdfn93 {
        align-self: baseline;
    }

    .sprinkles_flexDirection_row_large__omrdfn99 {
        flex-direction: row;
    }

    .sprinkles_flexDirection_column_large__omrdfn9f {
        flex-direction: column;
    }

    .sprinkles_flexDirection_row-reverse_large__omrdfn9l {
        flex-direction: row-reverse;
    }

    .sprinkles_flexDirection_column-reverse_large__omrdfn9r {
        flex-direction: column-reverse;
    }

    .sprinkles_flex_0_large__omrdfn9x {
        flex: 0;
    }

    .sprinkles_flex_1_large__omrdfna3 {
        flex: 1;
    }

    .sprinkles_flex_2_large__omrdfna9 {
        flex: 2;
    }

    .sprinkles_flex_3_large__omrdfnaf {
        flex: 3;
    }

    .sprinkles_flex_4_large__omrdfnal {
        flex: 4;
    }

    .sprinkles_flex_5_large__omrdfnar {
        flex: 5;
    }

    .sprinkles_flex_6_large__omrdfnax {
        flex: 6;
    }

    .sprinkles_flex_7_large__omrdfnb3 {
        flex: 7;
    }

    .sprinkles_flex_8_large__omrdfnb9 {
        flex: 8;
    }

    .sprinkles_flex_9_large__omrdfnbf {
        flex: 9;
    }

    .sprinkles_flex_10_large__omrdfnbl {
        flex: 10;
    }

    .sprinkles_flex_11_large__omrdfnbr {
        flex: 11;
    }

    .sprinkles_flex_12_large__omrdfnbx {
        flex: 12;
    }

    .sprinkles_flexBasis_0_large__omrdfnc3 {
        flex-basis: 0;
    }

    .sprinkles_flexBasis_unset_large__omrdfnc9 {
        flex-basis: initial;
    }

    .sprinkles_flexBasis_inherit_large__omrdfncf {
        flex-basis: inherit;
    }

    .sprinkles_flexBasis_initial_large__omrdfncl {
        flex-basis: inital;
    }

    .sprinkles_flexWrap_wrap_large__omrdfncr {
        flex-wrap: wrap;
    }

    .sprinkles_flexWrap_nowrap_large__omrdfncx {
        flex-wrap: nowrap;
    }

    .sprinkles_flexShrink_0_large__omrdfnd3 {
        flex-shrink: 0;
    }

    .sprinkles_flexShrink_1_large__omrdfnd9 {
        flex-shrink: 1;
    }

    .sprinkles_flexShrink_2_large__omrdfndf {
        flex-shrink: 2;
    }

    .sprinkles_flexShrink_3_large__omrdfndl {
        flex-shrink: 3;
    }

    .sprinkles_flexShrink_4_large__omrdfndr {
        flex-shrink: 4;
    }

    .sprinkles_flexShrink_5_large__omrdfndx {
        flex-shrink: 5;
    }

    .sprinkles_flexShrink_6_large__omrdfne3 {
        flex-shrink: 6;
    }

    .sprinkles_flexShrink_7_large__omrdfne9 {
        flex-shrink: 7;
    }

    .sprinkles_flexShrink_8_large__omrdfnef {
        flex-shrink: 8;
    }

    .sprinkles_flexShrink_9_large__omrdfnel {
        flex-shrink: 9;
    }

    .sprinkles_flexShrink_10_large__omrdfner {
        flex-shrink: 10;
    }

    .sprinkles_flexShrink_11_large__omrdfnex {
        flex-shrink: 11;
    }

    .sprinkles_flexShrink_12_large__omrdfnf3 {
        flex-shrink: 12;
    }

    .sprinkles_flexGrow_0_large__omrdfnf9 {
        flex-grow: 0;
    }

    .sprinkles_flexGrow_1_large__omrdfnff {
        flex-grow: 1;
    }

    .sprinkles_flexGrow_2_large__omrdfnfl {
        flex-grow: 2;
    }

    .sprinkles_flexGrow_3_large__omrdfnfr {
        flex-grow: 3;
    }

    .sprinkles_flexGrow_4_large__omrdfnfx {
        flex-grow: 4;
    }

    .sprinkles_flexGrow_5_large__omrdfng3 {
        flex-grow: 5;
    }

    .sprinkles_flexGrow_6_large__omrdfng9 {
        flex-grow: 6;
    }

    .sprinkles_flexGrow_7_large__omrdfngf {
        flex-grow: 7;
    }

    .sprinkles_flexGrow_8_large__omrdfngl {
        flex-grow: 8;
    }

    .sprinkles_flexGrow_9_large__omrdfngr {
        flex-grow: 9;
    }

    .sprinkles_flexGrow_10_large__omrdfngx {
        flex-grow: 10;
    }

    .sprinkles_flexGrow_11_large__omrdfnh3 {
        flex-grow: 11;
    }

    .sprinkles_flexGrow_12_large__omrdfnh9 {
        flex-grow: 12;
    }

    .sprinkles_height_full_large__omrdfnhf {
        height: 100%;
    }

    .sprinkles_height_fit-content_large__omrdfnhl {
        height: fit-content;
    }

    .sprinkles_height_max-content_large__omrdfnhr {
        height: max-content;
    }

    .sprinkles_height_min-content_large__omrdfnhx {
        height: min-content;
    }

    .sprinkles_height_auto_large__omrdfni3 {
        height: auto;
    }

    .sprinkles_height_unset_large__omrdfni9 {
        height: auto;
        height: initial;
    }

    .sprinkles_minHeight_0_large__omrdfnif {
        min-height: 0px;
    }

    .sprinkles_minHeight_full_large__omrdfnil {
        min-height: 100%;
    }

    .sprinkles_minHeight_fit-content_large__omrdfnir {
        min-height: fit-content;
    }

    .sprinkles_minHeight_max-content_large__omrdfnix {
        min-height: max-content;
    }

    .sprinkles_minHeight_min-content_large__omrdfnj3 {
        min-height: min-content;
    }

    .sprinkles_minHeight_auto_large__omrdfnj9 {
        min-height: auto;
    }

    .sprinkles_minHeight_unset_large__omrdfnjf {
        min-height: 0;
        min-height: initial;
    }

    .sprinkles_minHeight_100px_large__omrdfnjl {
        min-height: 100px;
    }

    .sprinkles_minHeight_200px_large__omrdfnjr {
        min-height: 200px;
    }

    .sprinkles_minHeight_300px_large__omrdfnjx {
        min-height: 300px;
    }

    .sprinkles_minHeight_400px_large__omrdfnk3 {
        min-height: 400px;
    }

    .sprinkles_minHeight_500px_large__omrdfnk9 {
        min-height: 500px;
    }

    .sprinkles_minHeight_600px_large__omrdfnkf {
        min-height: 600px;
    }

    .sprinkles_maxHeight_0_large__omrdfnkl {
        max-height: 0px;
    }

    .sprinkles_maxHeight_full_large__omrdfnkr {
        max-height: 100%;
    }

    .sprinkles_maxHeight_fit-content_large__omrdfnkx {
        max-height: fit-content;
    }

    .sprinkles_maxHeight_max-content_large__omrdfnl3 {
        max-height: max-content;
    }

    .sprinkles_maxHeight_min-content_large__omrdfnl9 {
        max-height: min-content;
    }

    .sprinkles_maxHeight_auto_large__omrdfnlf {
        max-height: auto;
    }

    .sprinkles_maxHeight_unset_large__omrdfnll {
        max-height: none;
        max-height: initial;
    }

    .sprinkles_maxHeight_100px_large__omrdfnlr {
        max-height: 100px;
    }

    .sprinkles_maxHeight_200px_large__omrdfnlx {
        max-height: 200px;
    }

    .sprinkles_maxHeight_300px_large__omrdfnm3 {
        max-height: 300px;
    }

    .sprinkles_maxHeight_400px_large__omrdfnm9 {
        max-height: 400px;
    }

    .sprinkles_maxHeight_500px_large__omrdfnmf {
        max-height: 500px;
    }

    .sprinkles_maxHeight_600px_large__omrdfnml {
        max-height: 600px;
    }

    .sprinkles_justifySelf_flex-start_large__omrdfnmr {
        justify-self: flex-start;
    }

    .sprinkles_justifySelf_center_large__omrdfnmx {
        justify-self: center;
    }

    .sprinkles_justifySelf_flex-end_large__omrdfnn3 {
        justify-self: flex-end;
    }

    .sprinkles_justifySelf_stretch_large__omrdfnn9 {
        justify-self: stretch;
    }

    .sprinkles_paddingTop_0_large__omrdfnnf {
        padding-top: 0;
    }

    .sprinkles_paddingTop_none_large__omrdfnnl {
        padding-top: var(--knox-spacing-none);
    }

    .sprinkles_paddingTop_hairline_large__omrdfnnr {
        padding-top: var(--knox-spacing-hairline);
    }

    .sprinkles_paddingTop_2xs_large__omrdfnnx {
        padding-top: var(--knox-spacing-2xs);
    }

    .sprinkles_paddingTop_xs_large__omrdfno3 {
        padding-top: var(--knox-spacing-xs);
    }

    .sprinkles_paddingTop_small_large__omrdfno9 {
        padding-top: var(--knox-spacing-small);
    }

    .sprinkles_paddingTop_medium_large__omrdfnof {
        padding-top: var(--knox-spacing-medium);
    }

    .sprinkles_paddingTop_large_large__omrdfnol {
        padding-top: var(--knox-spacing-large);
    }

    .sprinkles_paddingTop_xl_large__omrdfnor {
        padding-top: var(--knox-spacing-xl);
    }

    .sprinkles_paddingTop_2xl_large__omrdfnox {
        padding-top: var(--knox-spacing-2xl);
    }

    .sprinkles_paddingTop_3xl_large__omrdfnp3 {
        padding-top: var(--knox-spacing-3xl);
    }

    .sprinkles_paddingTop_4xl_large__omrdfnp9 {
        padding-top: var(--knox-spacing-4xl);
    }

    .sprinkles_paddingTop_unset_large__omrdfnpf {
        padding-top: 0;
        padding-top: initial;
    }

    .sprinkles_paddingBottom_0_large__omrdfnpl {
        padding-bottom: 0;
    }

    .sprinkles_paddingBottom_none_large__omrdfnpr {
        padding-bottom: var(--knox-spacing-none);
    }

    .sprinkles_paddingBottom_hairline_large__omrdfnpx {
        padding-bottom: var(--knox-spacing-hairline);
    }

    .sprinkles_paddingBottom_2xs_large__omrdfnq3 {
        padding-bottom: var(--knox-spacing-2xs);
    }

    .sprinkles_paddingBottom_xs_large__omrdfnq9 {
        padding-bottom: var(--knox-spacing-xs);
    }

    .sprinkles_paddingBottom_small_large__omrdfnqf {
        padding-bottom: var(--knox-spacing-small);
    }

    .sprinkles_paddingBottom_medium_large__omrdfnql {
        padding-bottom: var(--knox-spacing-medium);
    }

    .sprinkles_paddingBottom_large_large__omrdfnqr {
        padding-bottom: var(--knox-spacing-large);
    }

    .sprinkles_paddingBottom_xl_large__omrdfnqx {
        padding-bottom: var(--knox-spacing-xl);
    }

    .sprinkles_paddingBottom_2xl_large__omrdfnr3 {
        padding-bottom: var(--knox-spacing-2xl);
    }

    .sprinkles_paddingBottom_3xl_large__omrdfnr9 {
        padding-bottom: var(--knox-spacing-3xl);
    }

    .sprinkles_paddingBottom_4xl_large__omrdfnrf {
        padding-bottom: var(--knox-spacing-4xl);
    }

    .sprinkles_paddingBottom_unset_large__omrdfnrl {
        padding-bottom: 0;
        padding-bottom: initial;
    }

    .sprinkles_paddingLeft_0_large__omrdfnrr {
        padding-left: 0;
    }

    .sprinkles_paddingLeft_none_large__omrdfnrx {
        padding-left: var(--knox-spacing-none);
    }

    .sprinkles_paddingLeft_hairline_large__omrdfns3 {
        padding-left: var(--knox-spacing-hairline);
    }

    .sprinkles_paddingLeft_2xs_large__omrdfns9 {
        padding-left: var(--knox-spacing-2xs);
    }

    .sprinkles_paddingLeft_xs_large__omrdfnsf {
        padding-left: var(--knox-spacing-xs);
    }

    .sprinkles_paddingLeft_small_large__omrdfnsl {
        padding-left: var(--knox-spacing-small);
    }

    .sprinkles_paddingLeft_medium_large__omrdfnsr {
        padding-left: var(--knox-spacing-medium);
    }

    .sprinkles_paddingLeft_large_large__omrdfnsx {
        padding-left: var(--knox-spacing-large);
    }

    .sprinkles_paddingLeft_xl_large__omrdfnt3 {
        padding-left: var(--knox-spacing-xl);
    }

    .sprinkles_paddingLeft_2xl_large__omrdfnt9 {
        padding-left: var(--knox-spacing-2xl);
    }

    .sprinkles_paddingLeft_3xl_large__omrdfntf {
        padding-left: var(--knox-spacing-3xl);
    }

    .sprinkles_paddingLeft_4xl_large__omrdfntl {
        padding-left: var(--knox-spacing-4xl);
    }

    .sprinkles_paddingLeft_unset_large__omrdfntr {
        padding-left: 0;
        padding-left: initial;
    }

    .sprinkles_paddingRight_0_large__omrdfntx {
        padding-right: 0;
    }

    .sprinkles_paddingRight_none_large__omrdfnu3 {
        padding-right: var(--knox-spacing-none);
    }

    .sprinkles_paddingRight_hairline_large__omrdfnu9 {
        padding-right: var(--knox-spacing-hairline);
    }

    .sprinkles_paddingRight_2xs_large__omrdfnuf {
        padding-right: var(--knox-spacing-2xs);
    }

    .sprinkles_paddingRight_xs_large__omrdfnul {
        padding-right: var(--knox-spacing-xs);
    }

    .sprinkles_paddingRight_small_large__omrdfnur {
        padding-right: var(--knox-spacing-small);
    }

    .sprinkles_paddingRight_medium_large__omrdfnux {
        padding-right: var(--knox-spacing-medium);
    }

    .sprinkles_paddingRight_large_large__omrdfnv3 {
        padding-right: var(--knox-spacing-large);
    }

    .sprinkles_paddingRight_xl_large__omrdfnv9 {
        padding-right: var(--knox-spacing-xl);
    }

    .sprinkles_paddingRight_2xl_large__omrdfnvf {
        padding-right: var(--knox-spacing-2xl);
    }

    .sprinkles_paddingRight_3xl_large__omrdfnvl {
        padding-right: var(--knox-spacing-3xl);
    }

    .sprinkles_paddingRight_4xl_large__omrdfnvr {
        padding-right: var(--knox-spacing-4xl);
    }

    .sprinkles_paddingRight_unset_large__omrdfnvx {
        padding-right: 0;
        padding-right: initial;
    }

    .sprinkles_paddingBlockStart_0_large__omrdfnw3 {
        padding-top: 0;
    }

    .sprinkles_paddingBlockStart_none_large__omrdfnw9 {
        padding-top: var(--knox-spacing-none);
    }

    .sprinkles_paddingBlockStart_hairline_large__omrdfnwf {
        padding-top: var(--knox-spacing-hairline);
    }

    .sprinkles_paddingBlockStart_2xs_large__omrdfnwl {
        padding-top: var(--knox-spacing-2xs);
    }

    .sprinkles_paddingBlockStart_xs_large__omrdfnwr {
        padding-top: var(--knox-spacing-xs);
    }

    .sprinkles_paddingBlockStart_small_large__omrdfnwx {
        padding-top: var(--knox-spacing-small);
    }

    .sprinkles_paddingBlockStart_medium_large__omrdfnx3 {
        padding-top: var(--knox-spacing-medium);
    }

    .sprinkles_paddingBlockStart_large_large__omrdfnx9 {
        padding-top: var(--knox-spacing-large);
    }

    .sprinkles_paddingBlockStart_xl_large__omrdfnxf {
        padding-top: var(--knox-spacing-xl);
    }

    .sprinkles_paddingBlockStart_2xl_large__omrdfnxl {
        padding-top: var(--knox-spacing-2xl);
    }

    .sprinkles_paddingBlockStart_3xl_large__omrdfnxr {
        padding-top: var(--knox-spacing-3xl);
    }

    .sprinkles_paddingBlockStart_4xl_large__omrdfnxx {
        padding-top: var(--knox-spacing-4xl);
    }

    .sprinkles_paddingBlockStart_unset_large__omrdfny3 {
        padding-top: 0;
        padding-top: initial;
    }

    .sprinkles_paddingBlockEnd_0_large__omrdfny9 {
        padding-bottom: 0;
    }

    .sprinkles_paddingBlockEnd_none_large__omrdfnyf {
        padding-bottom: var(--knox-spacing-none);
    }

    .sprinkles_paddingBlockEnd_hairline_large__omrdfnyl {
        padding-bottom: var(--knox-spacing-hairline);
    }

    .sprinkles_paddingBlockEnd_2xs_large__omrdfnyr {
        padding-bottom: var(--knox-spacing-2xs);
    }

    .sprinkles_paddingBlockEnd_xs_large__omrdfnyx {
        padding-bottom: var(--knox-spacing-xs);
    }

    .sprinkles_paddingBlockEnd_small_large__omrdfnz3 {
        padding-bottom: var(--knox-spacing-small);
    }

    .sprinkles_paddingBlockEnd_medium_large__omrdfnz9 {
        padding-bottom: var(--knox-spacing-medium);
    }

    .sprinkles_paddingBlockEnd_large_large__omrdfnzf {
        padding-bottom: var(--knox-spacing-large);
    }

    .sprinkles_paddingBlockEnd_xl_large__omrdfnzl {
        padding-bottom: var(--knox-spacing-xl);
    }

    .sprinkles_paddingBlockEnd_2xl_large__omrdfnzr {
        padding-bottom: var(--knox-spacing-2xl);
    }

    .sprinkles_paddingBlockEnd_3xl_large__omrdfnzx {
        padding-bottom: var(--knox-spacing-3xl);
    }

    .sprinkles_paddingBlockEnd_4xl_large__omrdfn103 {
        padding-bottom: var(--knox-spacing-4xl);
    }

    .sprinkles_paddingBlockEnd_unset_large__omrdfn109 {
        padding-bottom: 0;
        padding-bottom: initial;
    }

    .sprinkles_paddingInlineStart_0_large__omrdfn10f {
        padding-left: 0;
    }

    .sprinkles_paddingInlineStart_none_large__omrdfn10l {
        padding-left: var(--knox-spacing-none);
    }

    .sprinkles_paddingInlineStart_hairline_large__omrdfn10r {
        padding-left: var(--knox-spacing-hairline);
    }

    .sprinkles_paddingInlineStart_2xs_large__omrdfn10x {
        padding-left: var(--knox-spacing-2xs);
    }

    .sprinkles_paddingInlineStart_xs_large__omrdfn113 {
        padding-left: var(--knox-spacing-xs);
    }

    .sprinkles_paddingInlineStart_small_large__omrdfn119 {
        padding-left: var(--knox-spacing-small);
    }

    .sprinkles_paddingInlineStart_medium_large__omrdfn11f {
        padding-left: var(--knox-spacing-medium);
    }

    .sprinkles_paddingInlineStart_large_large__omrdfn11l {
        padding-left: var(--knox-spacing-large);
    }

    .sprinkles_paddingInlineStart_xl_large__omrdfn11r {
        padding-left: var(--knox-spacing-xl);
    }

    .sprinkles_paddingInlineStart_2xl_large__omrdfn11x {
        padding-left: var(--knox-spacing-2xl);
    }

    .sprinkles_paddingInlineStart_3xl_large__omrdfn123 {
        padding-left: var(--knox-spacing-3xl);
    }

    .sprinkles_paddingInlineStart_4xl_large__omrdfn129 {
        padding-left: var(--knox-spacing-4xl);
    }

    .sprinkles_paddingInlineStart_unset_large__omrdfn12f {
        padding-left: 0;
        padding-left: initial;
    }

    .sprinkles_paddingInlineEnd_0_large__omrdfn12l {
        padding-right: 0;
    }

    .sprinkles_paddingInlineEnd_none_large__omrdfn12r {
        padding-right: var(--knox-spacing-none);
    }

    .sprinkles_paddingInlineEnd_hairline_large__omrdfn12x {
        padding-right: var(--knox-spacing-hairline);
    }

    .sprinkles_paddingInlineEnd_2xs_large__omrdfn133 {
        padding-right: var(--knox-spacing-2xs);
    }

    .sprinkles_paddingInlineEnd_xs_large__omrdfn139 {
        padding-right: var(--knox-spacing-xs);
    }

    .sprinkles_paddingInlineEnd_small_large__omrdfn13f {
        padding-right: var(--knox-spacing-small);
    }

    .sprinkles_paddingInlineEnd_medium_large__omrdfn13l {
        padding-right: var(--knox-spacing-medium);
    }

    .sprinkles_paddingInlineEnd_large_large__omrdfn13r {
        padding-right: var(--knox-spacing-large);
    }

    .sprinkles_paddingInlineEnd_xl_large__omrdfn13x {
        padding-right: var(--knox-spacing-xl);
    }

    .sprinkles_paddingInlineEnd_2xl_large__omrdfn143 {
        padding-right: var(--knox-spacing-2xl);
    }

    .sprinkles_paddingInlineEnd_3xl_large__omrdfn149 {
        padding-right: var(--knox-spacing-3xl);
    }

    .sprinkles_paddingInlineEnd_4xl_large__omrdfn14f {
        padding-right: var(--knox-spacing-4xl);
    }

    .sprinkles_paddingInlineEnd_unset_large__omrdfn14l {
        padding-right: 0;
        padding-right: initial;
    }

    .sprinkles_position_relative_large__omrdfn14r {
        position: relative;
    }

    .sprinkles_position_absolute_large__omrdfn14x {
        position: absolute;
    }

    .sprinkles_position_fixed_large__omrdfn153 {
        position: fixed;
    }

    .sprinkles_position_static_large__omrdfn159 {
        position: static;
    }

    .sprinkles_marginTop_0_large__omrdfn15f {
        margin-top: 0;
    }

    .sprinkles_marginTop_none_large__omrdfn15l {
        margin-top: var(--knox-spacing-none);
    }

    .sprinkles_marginTop_hairline_large__omrdfn15r {
        margin-top: var(--knox-spacing-hairline);
    }

    .sprinkles_marginTop_2xs_large__omrdfn15x {
        margin-top: var(--knox-spacing-2xs);
    }

    .sprinkles_marginTop_xs_large__omrdfn163 {
        margin-top: var(--knox-spacing-xs);
    }

    .sprinkles_marginTop_small_large__omrdfn169 {
        margin-top: var(--knox-spacing-small);
    }

    .sprinkles_marginTop_medium_large__omrdfn16f {
        margin-top: var(--knox-spacing-medium);
    }

    .sprinkles_marginTop_large_large__omrdfn16l {
        margin-top: var(--knox-spacing-large);
    }

    .sprinkles_marginTop_xl_large__omrdfn16r {
        margin-top: var(--knox-spacing-xl);
    }

    .sprinkles_marginTop_2xl_large__omrdfn16x {
        margin-top: var(--knox-spacing-2xl);
    }

    .sprinkles_marginTop_3xl_large__omrdfn173 {
        margin-top: var(--knox-spacing-3xl);
    }

    .sprinkles_marginTop_4xl_large__omrdfn179 {
        margin-top: var(--knox-spacing-4xl);
    }

    .sprinkles_marginTop_unset_large__omrdfn17f {
        margin-top: 0;
        margin-top: initial;
    }

    .sprinkles_marginTop_auto_large__omrdfn17l {
        margin-top: auto;
    }

    .sprinkles_marginBottom_0_large__omrdfn17r {
        margin-bottom: 0;
    }

    .sprinkles_marginBottom_none_large__omrdfn17x {
        margin-bottom: var(--knox-spacing-none);
    }

    .sprinkles_marginBottom_hairline_large__omrdfn183 {
        margin-bottom: var(--knox-spacing-hairline);
    }

    .sprinkles_marginBottom_2xs_large__omrdfn189 {
        margin-bottom: var(--knox-spacing-2xs);
    }

    .sprinkles_marginBottom_xs_large__omrdfn18f {
        margin-bottom: var(--knox-spacing-xs);
    }

    .sprinkles_marginBottom_small_large__omrdfn18l {
        margin-bottom: var(--knox-spacing-small);
    }

    .sprinkles_marginBottom_medium_large__omrdfn18r {
        margin-bottom: var(--knox-spacing-medium);
    }

    .sprinkles_marginBottom_large_large__omrdfn18x {
        margin-bottom: var(--knox-spacing-large);
    }

    .sprinkles_marginBottom_xl_large__omrdfn193 {
        margin-bottom: var(--knox-spacing-xl);
    }

    .sprinkles_marginBottom_2xl_large__omrdfn199 {
        margin-bottom: var(--knox-spacing-2xl);
    }

    .sprinkles_marginBottom_3xl_large__omrdfn19f {
        margin-bottom: var(--knox-spacing-3xl);
    }

    .sprinkles_marginBottom_4xl_large__omrdfn19l {
        margin-bottom: var(--knox-spacing-4xl);
    }

    .sprinkles_marginBottom_unset_large__omrdfn19r {
        margin-bottom: 0;
        margin-bottom: initial;
    }

    .sprinkles_marginBottom_auto_large__omrdfn19x {
        margin-bottom: auto;
    }

    .sprinkles_marginLeft_0_large__omrdfn1a3 {
        margin-left: 0;
    }

    .sprinkles_marginLeft_none_large__omrdfn1a9 {
        margin-left: var(--knox-spacing-none);
    }

    .sprinkles_marginLeft_hairline_large__omrdfn1af {
        margin-left: var(--knox-spacing-hairline);
    }

    .sprinkles_marginLeft_2xs_large__omrdfn1al {
        margin-left: var(--knox-spacing-2xs);
    }

    .sprinkles_marginLeft_xs_large__omrdfn1ar {
        margin-left: var(--knox-spacing-xs);
    }

    .sprinkles_marginLeft_small_large__omrdfn1ax {
        margin-left: var(--knox-spacing-small);
    }

    .sprinkles_marginLeft_medium_large__omrdfn1b3 {
        margin-left: var(--knox-spacing-medium);
    }

    .sprinkles_marginLeft_large_large__omrdfn1b9 {
        margin-left: var(--knox-spacing-large);
    }

    .sprinkles_marginLeft_xl_large__omrdfn1bf {
        margin-left: var(--knox-spacing-xl);
    }

    .sprinkles_marginLeft_2xl_large__omrdfn1bl {
        margin-left: var(--knox-spacing-2xl);
    }

    .sprinkles_marginLeft_3xl_large__omrdfn1br {
        margin-left: var(--knox-spacing-3xl);
    }

    .sprinkles_marginLeft_4xl_large__omrdfn1bx {
        margin-left: var(--knox-spacing-4xl);
    }

    .sprinkles_marginLeft_unset_large__omrdfn1c3 {
        margin-left: 0;
        margin-left: initial;
    }

    .sprinkles_marginLeft_auto_large__omrdfn1c9 {
        margin-left: auto;
    }

    .sprinkles_marginRight_0_large__omrdfn1cf {
        margin-right: 0;
    }

    .sprinkles_marginRight_none_large__omrdfn1cl {
        margin-right: var(--knox-spacing-none);
    }

    .sprinkles_marginRight_hairline_large__omrdfn1cr {
        margin-right: var(--knox-spacing-hairline);
    }

    .sprinkles_marginRight_2xs_large__omrdfn1cx {
        margin-right: var(--knox-spacing-2xs);
    }

    .sprinkles_marginRight_xs_large__omrdfn1d3 {
        margin-right: var(--knox-spacing-xs);
    }

    .sprinkles_marginRight_small_large__omrdfn1d9 {
        margin-right: var(--knox-spacing-small);
    }

    .sprinkles_marginRight_medium_large__omrdfn1df {
        margin-right: var(--knox-spacing-medium);
    }

    .sprinkles_marginRight_large_large__omrdfn1dl {
        margin-right: var(--knox-spacing-large);
    }

    .sprinkles_marginRight_xl_large__omrdfn1dr {
        margin-right: var(--knox-spacing-xl);
    }

    .sprinkles_marginRight_2xl_large__omrdfn1dx {
        margin-right: var(--knox-spacing-2xl);
    }

    .sprinkles_marginRight_3xl_large__omrdfn1e3 {
        margin-right: var(--knox-spacing-3xl);
    }

    .sprinkles_marginRight_4xl_large__omrdfn1e9 {
        margin-right: var(--knox-spacing-4xl);
    }

    .sprinkles_marginRight_unset_large__omrdfn1ef {
        margin-right: 0;
        margin-right: initial;
    }

    .sprinkles_marginRight_auto_large__omrdfn1el {
        margin-right: auto;
    }

    .sprinkles_marginBlockStart_0_large__omrdfn1er {
        margin-top: 0;
    }

    .sprinkles_marginBlockStart_none_large__omrdfn1ex {
        margin-top: var(--knox-spacing-none);
    }

    .sprinkles_marginBlockStart_hairline_large__omrdfn1f3 {
        margin-top: var(--knox-spacing-hairline);
    }

    .sprinkles_marginBlockStart_2xs_large__omrdfn1f9 {
        margin-top: var(--knox-spacing-2xs);
    }

    .sprinkles_marginBlockStart_xs_large__omrdfn1ff {
        margin-top: var(--knox-spacing-xs);
    }

    .sprinkles_marginBlockStart_small_large__omrdfn1fl {
        margin-top: var(--knox-spacing-small);
    }

    .sprinkles_marginBlockStart_medium_large__omrdfn1fr {
        margin-top: var(--knox-spacing-medium);
    }

    .sprinkles_marginBlockStart_large_large__omrdfn1fx {
        margin-top: var(--knox-spacing-large);
    }

    .sprinkles_marginBlockStart_xl_large__omrdfn1g3 {
        margin-top: var(--knox-spacing-xl);
    }

    .sprinkles_marginBlockStart_2xl_large__omrdfn1g9 {
        margin-top: var(--knox-spacing-2xl);
    }

    .sprinkles_marginBlockStart_3xl_large__omrdfn1gf {
        margin-top: var(--knox-spacing-3xl);
    }

    .sprinkles_marginBlockStart_4xl_large__omrdfn1gl {
        margin-top: var(--knox-spacing-4xl);
    }

    .sprinkles_marginBlockStart_unset_large__omrdfn1gr {
        margin-top: 0;
        margin-top: initial;
    }

    .sprinkles_marginBlockStart_auto_large__omrdfn1gx {
        margin-top: auto;
    }

    .sprinkles_marginBlockEnd_0_large__omrdfn1h3 {
        margin-bottom: 0;
    }

    .sprinkles_marginBlockEnd_none_large__omrdfn1h9 {
        margin-bottom: var(--knox-spacing-none);
    }

    .sprinkles_marginBlockEnd_hairline_large__omrdfn1hf {
        margin-bottom: var(--knox-spacing-hairline);
    }

    .sprinkles_marginBlockEnd_2xs_large__omrdfn1hl {
        margin-bottom: var(--knox-spacing-2xs);
    }

    .sprinkles_marginBlockEnd_xs_large__omrdfn1hr {
        margin-bottom: var(--knox-spacing-xs);
    }

    .sprinkles_marginBlockEnd_small_large__omrdfn1hx {
        margin-bottom: var(--knox-spacing-small);
    }

    .sprinkles_marginBlockEnd_medium_large__omrdfn1i3 {
        margin-bottom: var(--knox-spacing-medium);
    }

    .sprinkles_marginBlockEnd_large_large__omrdfn1i9 {
        margin-bottom: var(--knox-spacing-large);
    }

    .sprinkles_marginBlockEnd_xl_large__omrdfn1if {
        margin-bottom: var(--knox-spacing-xl);
    }

    .sprinkles_marginBlockEnd_2xl_large__omrdfn1il {
        margin-bottom: var(--knox-spacing-2xl);
    }

    .sprinkles_marginBlockEnd_3xl_large__omrdfn1ir {
        margin-bottom: var(--knox-spacing-3xl);
    }

    .sprinkles_marginBlockEnd_4xl_large__omrdfn1ix {
        margin-bottom: var(--knox-spacing-4xl);
    }

    .sprinkles_marginBlockEnd_unset_large__omrdfn1j3 {
        margin-bottom: 0;
        margin-bottom: initial;
    }

    .sprinkles_marginBlockEnd_auto_large__omrdfn1j9 {
        margin-bottom: auto;
    }

    .sprinkles_marginInlineStart_0_large__omrdfn1jf {
        margin-left: 0;
    }

    .sprinkles_marginInlineStart_none_large__omrdfn1jl {
        margin-left: var(--knox-spacing-none);
    }

    .sprinkles_marginInlineStart_hairline_large__omrdfn1jr {
        margin-left: var(--knox-spacing-hairline);
    }

    .sprinkles_marginInlineStart_2xs_large__omrdfn1jx {
        margin-left: var(--knox-spacing-2xs);
    }

    .sprinkles_marginInlineStart_xs_large__omrdfn1k3 {
        margin-left: var(--knox-spacing-xs);
    }

    .sprinkles_marginInlineStart_small_large__omrdfn1k9 {
        margin-left: var(--knox-spacing-small);
    }

    .sprinkles_marginInlineStart_medium_large__omrdfn1kf {
        margin-left: var(--knox-spacing-medium);
    }

    .sprinkles_marginInlineStart_large_large__omrdfn1kl {
        margin-left: var(--knox-spacing-large);
    }

    .sprinkles_marginInlineStart_xl_large__omrdfn1kr {
        margin-left: var(--knox-spacing-xl);
    }

    .sprinkles_marginInlineStart_2xl_large__omrdfn1kx {
        margin-left: var(--knox-spacing-2xl);
    }

    .sprinkles_marginInlineStart_3xl_large__omrdfn1l3 {
        margin-left: var(--knox-spacing-3xl);
    }

    .sprinkles_marginInlineStart_4xl_large__omrdfn1l9 {
        margin-left: var(--knox-spacing-4xl);
    }

    .sprinkles_marginInlineStart_unset_large__omrdfn1lf {
        margin-left: 0;
        margin-left: initial;
    }

    .sprinkles_marginInlineStart_auto_large__omrdfn1ll {
        margin-left: auto;
    }

    .sprinkles_marginInlineEnd_0_large__omrdfn1lr {
        margin-right: 0;
    }

    .sprinkles_marginInlineEnd_none_large__omrdfn1lx {
        margin-right: var(--knox-spacing-none);
    }

    .sprinkles_marginInlineEnd_hairline_large__omrdfn1m3 {
        margin-right: var(--knox-spacing-hairline);
    }

    .sprinkles_marginInlineEnd_2xs_large__omrdfn1m9 {
        margin-right: var(--knox-spacing-2xs);
    }

    .sprinkles_marginInlineEnd_xs_large__omrdfn1mf {
        margin-right: var(--knox-spacing-xs);
    }

    .sprinkles_marginInlineEnd_small_large__omrdfn1ml {
        margin-right: var(--knox-spacing-small);
    }

    .sprinkles_marginInlineEnd_medium_large__omrdfn1mr {
        margin-right: var(--knox-spacing-medium);
    }

    .sprinkles_marginInlineEnd_large_large__omrdfn1mx {
        margin-right: var(--knox-spacing-large);
    }

    .sprinkles_marginInlineEnd_xl_large__omrdfn1n3 {
        margin-right: var(--knox-spacing-xl);
    }

    .sprinkles_marginInlineEnd_2xl_large__omrdfn1n9 {
        margin-right: var(--knox-spacing-2xl);
    }

    .sprinkles_marginInlineEnd_3xl_large__omrdfn1nf {
        margin-right: var(--knox-spacing-3xl);
    }

    .sprinkles_marginInlineEnd_4xl_large__omrdfn1nl {
        margin-right: var(--knox-spacing-4xl);
    }

    .sprinkles_marginInlineEnd_unset_large__omrdfn1nr {
        margin-right: 0;
        margin-right: initial;
    }

    .sprinkles_marginInlineEnd_auto_large__omrdfn1nx {
        margin-right: auto;
    }

    .sprinkles_order_0_large__omrdfn1o3 {
        order: 0;
    }

    .sprinkles_order_1_large__omrdfn1o9 {
        order: 1;
    }

    .sprinkles_order_2_large__omrdfn1of {
        order: 2;
    }

    .sprinkles_order_3_large__omrdfn1ol {
        order: 3;
    }

    .sprinkles_order_4_large__omrdfn1or {
        order: 4;
    }

    .sprinkles_order_5_large__omrdfn1ox {
        order: 5;
    }

    .sprinkles_order_6_large__omrdfn1p3 {
        order: 6;
    }

    .sprinkles_order_7_large__omrdfn1p9 {
        order: 7;
    }

    .sprinkles_order_8_large__omrdfn1pf {
        order: 8;
    }

    .sprinkles_order_9_large__omrdfn1pl {
        order: 9;
    }

    .sprinkles_order_10_large__omrdfn1pr {
        order: 10;
    }

    .sprinkles_order_11_large__omrdfn1px {
        order: 11;
    }

    .sprinkles_order_12_large__omrdfn1q3 {
        order: 12;
    }

    .sprinkles_insetInlineStart_0_large__omrdfn1q9 {
        left: 0;
    }

    .sprinkles_insetInlineStart_none_large__omrdfn1qf {
        left: var(--knox-spacing-none);
    }

    .sprinkles_insetInlineStart_hairline_large__omrdfn1ql {
        left: var(--knox-spacing-hairline);
    }

    .sprinkles_insetInlineStart_2xs_large__omrdfn1qr {
        left: var(--knox-spacing-2xs);
    }

    .sprinkles_insetInlineStart_xs_large__omrdfn1qx {
        left: var(--knox-spacing-xs);
    }

    .sprinkles_insetInlineStart_small_large__omrdfn1r3 {
        left: var(--knox-spacing-small);
    }

    .sprinkles_insetInlineStart_medium_large__omrdfn1r9 {
        left: var(--knox-spacing-medium);
    }

    .sprinkles_insetInlineStart_large_large__omrdfn1rf {
        left: var(--knox-spacing-large);
    }

    .sprinkles_insetInlineStart_xl_large__omrdfn1rl {
        left: var(--knox-spacing-xl);
    }

    .sprinkles_insetInlineStart_2xl_large__omrdfn1rr {
        left: var(--knox-spacing-2xl);
    }

    .sprinkles_insetInlineStart_3xl_large__omrdfn1rx {
        left: var(--knox-spacing-3xl);
    }

    .sprinkles_insetInlineStart_4xl_large__omrdfn1s3 {
        left: var(--knox-spacing-4xl);
    }

    .sprinkles_insetInlineStart_unset_large__omrdfn1s9 {
        left: auto;
        left: initial;
    }

    .sprinkles_insetInlineEnd_0_large__omrdfn1sf {
        right: 0;
    }

    .sprinkles_insetInlineEnd_none_large__omrdfn1sl {
        right: var(--knox-spacing-none);
    }

    .sprinkles_insetInlineEnd_hairline_large__omrdfn1sr {
        right: var(--knox-spacing-hairline);
    }

    .sprinkles_insetInlineEnd_2xs_large__omrdfn1sx {
        right: var(--knox-spacing-2xs);
    }

    .sprinkles_insetInlineEnd_xs_large__omrdfn1t3 {
        right: var(--knox-spacing-xs);
    }

    .sprinkles_insetInlineEnd_small_large__omrdfn1t9 {
        right: var(--knox-spacing-small);
    }

    .sprinkles_insetInlineEnd_medium_large__omrdfn1tf {
        right: var(--knox-spacing-medium);
    }

    .sprinkles_insetInlineEnd_large_large__omrdfn1tl {
        right: var(--knox-spacing-large);
    }

    .sprinkles_insetInlineEnd_xl_large__omrdfn1tr {
        right: var(--knox-spacing-xl);
    }

    .sprinkles_insetInlineEnd_2xl_large__omrdfn1tx {
        right: var(--knox-spacing-2xl);
    }

    .sprinkles_insetInlineEnd_3xl_large__omrdfn1u3 {
        right: var(--knox-spacing-3xl);
    }

    .sprinkles_insetInlineEnd_4xl_large__omrdfn1u9 {
        right: var(--knox-spacing-4xl);
    }

    .sprinkles_insetInlineEnd_unset_large__omrdfn1uf {
        right: auto;
        right: initial;
    }

    .sprinkles_insetBlockStart_0_large__omrdfn1ul {
        top: 0;
    }

    .sprinkles_insetBlockStart_none_large__omrdfn1ur {
        top: var(--knox-spacing-none);
    }

    .sprinkles_insetBlockStart_hairline_large__omrdfn1ux {
        top: var(--knox-spacing-hairline);
    }

    .sprinkles_insetBlockStart_2xs_large__omrdfn1v3 {
        top: var(--knox-spacing-2xs);
    }

    .sprinkles_insetBlockStart_xs_large__omrdfn1v9 {
        top: var(--knox-spacing-xs);
    }

    .sprinkles_insetBlockStart_small_large__omrdfn1vf {
        top: var(--knox-spacing-small);
    }

    .sprinkles_insetBlockStart_medium_large__omrdfn1vl {
        top: var(--knox-spacing-medium);
    }

    .sprinkles_insetBlockStart_large_large__omrdfn1vr {
        top: var(--knox-spacing-large);
    }

    .sprinkles_insetBlockStart_xl_large__omrdfn1vx {
        top: var(--knox-spacing-xl);
    }

    .sprinkles_insetBlockStart_2xl_large__omrdfn1w3 {
        top: var(--knox-spacing-2xl);
    }

    .sprinkles_insetBlockStart_3xl_large__omrdfn1w9 {
        top: var(--knox-spacing-3xl);
    }

    .sprinkles_insetBlockStart_4xl_large__omrdfn1wf {
        top: var(--knox-spacing-4xl);
    }

    .sprinkles_insetBlockStart_unset_large__omrdfn1wl {
        top: auto;
        top: initial;
    }

    .sprinkles_insetBlockEnd_0_large__omrdfn1wr {
        bottom: 0;
    }

    .sprinkles_insetBlockEnd_none_large__omrdfn1wx {
        bottom: var(--knox-spacing-none);
    }

    .sprinkles_insetBlockEnd_hairline_large__omrdfn1x3 {
        bottom: var(--knox-spacing-hairline);
    }

    .sprinkles_insetBlockEnd_2xs_large__omrdfn1x9 {
        bottom: var(--knox-spacing-2xs);
    }

    .sprinkles_insetBlockEnd_xs_large__omrdfn1xf {
        bottom: var(--knox-spacing-xs);
    }

    .sprinkles_insetBlockEnd_small_large__omrdfn1xl {
        bottom: var(--knox-spacing-small);
    }

    .sprinkles_insetBlockEnd_medium_large__omrdfn1xr {
        bottom: var(--knox-spacing-medium);
    }

    .sprinkles_insetBlockEnd_large_large__omrdfn1xx {
        bottom: var(--knox-spacing-large);
    }

    .sprinkles_insetBlockEnd_xl_large__omrdfn1y3 {
        bottom: var(--knox-spacing-xl);
    }

    .sprinkles_insetBlockEnd_2xl_large__omrdfn1y9 {
        bottom: var(--knox-spacing-2xl);
    }

    .sprinkles_insetBlockEnd_3xl_large__omrdfn1yf {
        bottom: var(--knox-spacing-3xl);
    }

    .sprinkles_insetBlockEnd_4xl_large__omrdfn1yl {
        bottom: var(--knox-spacing-4xl);
    }

    .sprinkles_insetBlockEnd_unset_large__omrdfn1yr {
        bottom: auto;
        bottom: initial;
    }

    .sprinkles_gap_none_large__omrdfn1yx {
        gap: none;
    }

    .sprinkles_gap_hairline_large__omrdfn1z3 {
        gap: var(--knox-spacing-hairline);
    }

    .sprinkles_gap_2xs_large__omrdfn1z9 {
        gap: var(--knox-spacing-2xs);
    }

    .sprinkles_gap_xs_large__omrdfn1zf {
        gap: var(--knox-spacing-xs);
    }

    .sprinkles_gap_small_large__omrdfn1zl {
        gap: var(--knox-spacing-small);
    }

    .sprinkles_gap_medium_large__omrdfn1zr {
        gap: var(--knox-spacing-medium);
    }

    .sprinkles_gap_large_large__omrdfn1zx {
        gap: var(--knox-spacing-large);
    }

    .sprinkles_gap_xl_large__omrdfn203 {
        gap: var(--knox-spacing-xl);
    }

    .sprinkles_gap_2xl_large__omrdfn209 {
        gap: var(--knox-spacing-2xl);
    }

    .sprinkles_gap_3xl_large__omrdfn20f {
        gap: var(--knox-spacing-3xl);
    }

    .sprinkles_gap_4xl_large__omrdfn20l {
        gap: var(--knox-spacing-4xl);
    }

    .sprinkles_gap_unset_large__omrdfn20r {
        gap: initial;
    }

    .sprinkles_textAlign_left_large__omrdfn20x {
        text-align: left;
    }

    .sprinkles_textAlign_center_large__omrdfn213 {
        text-align: center;
    }

    .sprinkles_textAlign_right_large__omrdfn219 {
        text-align: right;
    }

    .sprinkles_textAlign_start_large__omrdfn21f {
        text-align: left;
    }

    .sprinkles_textAlign_end_large__omrdfn21l {
        text-align: right;
    }

    .sprinkles_textAlign_justify_large__omrdfn21r {
        text-align: justify;
    }

    .sprinkles_minWidth_0_large__omrdfn21x {
        min-width: 0px;
    }

    .sprinkles_minWidth_full_large__omrdfn223 {
        min-width: 100%;
    }

    .sprinkles_minWidth_fit-content_large__omrdfn229 {
        min-width: fit-content;
    }

    .sprinkles_minWidth_max-content_large__omrdfn22f {
        min-width: max-content;
    }

    .sprinkles_minWidth_min-content_large__omrdfn22l {
        min-width: min-content;
    }

    .sprinkles_minWidth_auto_large__omrdfn22r {
        min-width: auto;
    }

    .sprinkles_minWidth_unset_large__omrdfn22x {
        min-width: 0;
        min-width: initial;
    }

    .sprinkles_minWidth_100px_large__omrdfn233 {
        min-width: 100px;
    }

    .sprinkles_minWidth_200px_large__omrdfn239 {
        min-width: 200px;
    }

    .sprinkles_minWidth_300px_large__omrdfn23f {
        min-width: 300px;
    }

    .sprinkles_minWidth_400px_large__omrdfn23l {
        min-width: 400px;
    }

    .sprinkles_minWidth_500px_large__omrdfn23r {
        min-width: 500px;
    }

    .sprinkles_minWidth_600px_large__omrdfn23x {
        min-width: 600px;
    }

    .sprinkles_maxWidth_0_large__omrdfn243 {
        max-width: 0px;
    }

    .sprinkles_maxWidth_full_large__omrdfn249 {
        max-width: 100%;
    }

    .sprinkles_maxWidth_fit-content_large__omrdfn24f {
        max-width: fit-content;
    }

    .sprinkles_maxWidth_max-content_large__omrdfn24l {
        max-width: max-content;
    }

    .sprinkles_maxWidth_min-content_large__omrdfn24r {
        max-width: min-content;
    }

    .sprinkles_maxWidth_auto_large__omrdfn24x {
        max-width: auto;
    }

    .sprinkles_maxWidth_unset_large__omrdfn253 {
        max-width: none;
        max-width: initial;
    }

    .sprinkles_maxWidth_100px_large__omrdfn259 {
        max-width: 100px;
    }

    .sprinkles_maxWidth_200px_large__omrdfn25f {
        max-width: 200px;
    }

    .sprinkles_maxWidth_300px_large__omrdfn25l {
        max-width: 300px;
    }

    .sprinkles_maxWidth_400px_large__omrdfn25r {
        max-width: 400px;
    }

    .sprinkles_maxWidth_500px_large__omrdfn25x {
        max-width: 500px;
    }

    .sprinkles_maxWidth_600px_large__omrdfn263 {
        max-width: 600px;
    }

    .sprinkles_width_full_large__omrdfn269 {
        width: 100%;
    }

    .sprinkles_width_fit-content_large__omrdfn26f {
        width: fit-content;
    }

    .sprinkles_width_max-content_large__omrdfn26l {
        width: max-content;
    }

    .sprinkles_width_min-content_large__omrdfn26r {
        width: min-content;
    }

    .sprinkles_width_auto_large__omrdfn26x {
        width: auto;
    }

    .sprinkles_width_unset_large__omrdfn273 {
        width: auto;
        width: initial;
    }
}

@media screen and (min-width: 1280px) {
    .sprinkles_display_none_xl__omrdfn4 {
        display: none;
    }

    .sprinkles_display_flex_xl__omrdfna {
        display: flex;
    }

    .sprinkles_display_block_xl__omrdfng {
        display: block;
    }

    .sprinkles_display_inline_xl__omrdfnm {
        display: inline;
    }

    .sprinkles_display_inline-block_xl__omrdfns {
        display: inline-block;
    }

    .sprinkles_display_inline-flex_xl__omrdfny {
        display: inline-flex;
    }

    .sprinkles_display_inline-grid_xl__omrdfn14 {
        display: inline-grid;
    }

    .sprinkles_display_grid_xl__omrdfn1a {
        display: grid;
    }

    .sprinkles_justifyContent_stretch_xl__omrdfn1g {
        justify-content: stretch;
    }

    .sprinkles_justifyContent_flex-start_xl__omrdfn1m {
        justify-content: flex-start;
    }

    .sprinkles_justifyContent_center_xl__omrdfn1s {
        justify-content: center;
    }

    .sprinkles_justifyContent_flex-end_xl__omrdfn1y {
        justify-content: flex-end;
    }

    .sprinkles_justifyContent_space-around_xl__omrdfn24 {
        justify-content: space-around;
    }

    .sprinkles_justifyContent_space-between_xl__omrdfn2a {
        justify-content: space-between;
    }

    .sprinkles_justifyContent_space-evenly_xl__omrdfn2g {
        justify-content: space-evenly;
    }

    .sprinkles_borderRadius_none_xl__omrdfn2m {
        border-radius: var(--knox-corner-radius-none);
    }

    .sprinkles_borderRadius_small_xl__omrdfn2s {
        border-radius: var(--knox-corner-radius-small);
    }

    .sprinkles_borderRadius_medium_xl__omrdfn2y {
        border-radius: var(--knox-corner-radius-medium);
    }

    .sprinkles_borderRadius_large_xl__omrdfn34 {
        border-radius: var(--knox-corner-radius-large);
    }

    .sprinkles_borderRadius_circular_xl__omrdfn3a {
        border-radius: var(--knox-corner-radius-circular);
    }

    .sprinkles_borderRadius_unset_xl__omrdfn3g {
        border-radius: 0;
        border-radius: initial;
    }

    .sprinkles_borderTopLeftRadius_none_xl__omrdfn3m {
        border-top-left-radius: var(--knox-corner-radius-none);
    }

    .sprinkles_borderTopLeftRadius_small_xl__omrdfn3s {
        border-top-left-radius: var(--knox-corner-radius-small);
    }

    .sprinkles_borderTopLeftRadius_medium_xl__omrdfn3y {
        border-top-left-radius: var(--knox-corner-radius-medium);
    }

    .sprinkles_borderTopLeftRadius_large_xl__omrdfn44 {
        border-top-left-radius: var(--knox-corner-radius-large);
    }

    .sprinkles_borderTopLeftRadius_circular_xl__omrdfn4a {
        border-top-left-radius: var(--knox-corner-radius-circular);
    }

    .sprinkles_borderTopLeftRadius_unset_xl__omrdfn4g {
        border-top-left-radius: 0;
        border-top-left-radius: initial;
    }

    .sprinkles_borderTopRightRadius_none_xl__omrdfn4m {
        border-top-right-radius: var(--knox-corner-radius-none);
    }

    .sprinkles_borderTopRightRadius_small_xl__omrdfn4s {
        border-top-right-radius: var(--knox-corner-radius-small);
    }

    .sprinkles_borderTopRightRadius_medium_xl__omrdfn4y {
        border-top-right-radius: var(--knox-corner-radius-medium);
    }

    .sprinkles_borderTopRightRadius_large_xl__omrdfn54 {
        border-top-right-radius: var(--knox-corner-radius-large);
    }

    .sprinkles_borderTopRightRadius_circular_xl__omrdfn5a {
        border-top-right-radius: var(--knox-corner-radius-circular);
    }

    .sprinkles_borderTopRightRadius_unset_xl__omrdfn5g {
        border-top-right-radius: 0;
        border-top-right-radius: initial;
    }

    .sprinkles_borderBottomRightRadius_none_xl__omrdfn5m {
        border-bottom-right-radius: var(--knox-corner-radius-none);
    }

    .sprinkles_borderBottomRightRadius_small_xl__omrdfn5s {
        border-bottom-right-radius: var(--knox-corner-radius-small);
    }

    .sprinkles_borderBottomRightRadius_medium_xl__omrdfn5y {
        border-bottom-right-radius: var(--knox-corner-radius-medium);
    }

    .sprinkles_borderBottomRightRadius_large_xl__omrdfn64 {
        border-bottom-right-radius: var(--knox-corner-radius-large);
    }

    .sprinkles_borderBottomRightRadius_circular_xl__omrdfn6a {
        border-bottom-right-radius: var(--knox-corner-radius-circular);
    }

    .sprinkles_borderBottomRightRadius_unset_xl__omrdfn6g {
        border-bottom-right-radius: 0;
        border-bottom-right-radius: initial;
    }

    .sprinkles_borderBottomLeftRadius_none_xl__omrdfn6m {
        border-bottom-left-radius: var(--knox-corner-radius-none);
    }

    .sprinkles_borderBottomLeftRadius_small_xl__omrdfn6s {
        border-bottom-left-radius: var(--knox-corner-radius-small);
    }

    .sprinkles_borderBottomLeftRadius_medium_xl__omrdfn6y {
        border-bottom-left-radius: var(--knox-corner-radius-medium);
    }

    .sprinkles_borderBottomLeftRadius_large_xl__omrdfn74 {
        border-bottom-left-radius: var(--knox-corner-radius-large);
    }

    .sprinkles_borderBottomLeftRadius_circular_xl__omrdfn7a {
        border-bottom-left-radius: var(--knox-corner-radius-circular);
    }

    .sprinkles_borderBottomLeftRadius_unset_xl__omrdfn7g {
        border-bottom-left-radius: 0;
        border-bottom-left-radius: initial;
    }

    .sprinkles_alignItems_flex-start_xl__omrdfn7m {
        align-items: flex-start;
    }

    .sprinkles_alignItems_center_xl__omrdfn7s {
        align-items: center;
    }

    .sprinkles_alignItems_flex-end_xl__omrdfn7y {
        align-items: flex-end;
    }

    .sprinkles_alignItems_stretch_xl__omrdfn84 {
        align-items: stretch;
    }

    .sprinkles_alignItems_baseline_xl__omrdfn8a {
        align-items: baseline;
    }

    .sprinkles_alignSelf_flex-start_xl__omrdfn8g {
        align-self: flex-start;
    }

    .sprinkles_alignSelf_center_xl__omrdfn8m {
        align-self: center;
    }

    .sprinkles_alignSelf_flex-end_xl__omrdfn8s {
        align-self: flex-end;
    }

    .sprinkles_alignSelf_stretch_xl__omrdfn8y {
        align-self: stretch;
    }

    .sprinkles_alignSelf_baseline_xl__omrdfn94 {
        align-self: baseline;
    }

    .sprinkles_flexDirection_row_xl__omrdfn9a {
        flex-direction: row;
    }

    .sprinkles_flexDirection_column_xl__omrdfn9g {
        flex-direction: column;
    }

    .sprinkles_flexDirection_row-reverse_xl__omrdfn9m {
        flex-direction: row-reverse;
    }

    .sprinkles_flexDirection_column-reverse_xl__omrdfn9s {
        flex-direction: column-reverse;
    }

    .sprinkles_flex_0_xl__omrdfn9y {
        flex: 0;
    }

    .sprinkles_flex_1_xl__omrdfna4 {
        flex: 1;
    }

    .sprinkles_flex_2_xl__omrdfnaa {
        flex: 2;
    }

    .sprinkles_flex_3_xl__omrdfnag {
        flex: 3;
    }

    .sprinkles_flex_4_xl__omrdfnam {
        flex: 4;
    }

    .sprinkles_flex_5_xl__omrdfnas {
        flex: 5;
    }

    .sprinkles_flex_6_xl__omrdfnay {
        flex: 6;
    }

    .sprinkles_flex_7_xl__omrdfnb4 {
        flex: 7;
    }

    .sprinkles_flex_8_xl__omrdfnba {
        flex: 8;
    }

    .sprinkles_flex_9_xl__omrdfnbg {
        flex: 9;
    }

    .sprinkles_flex_10_xl__omrdfnbm {
        flex: 10;
    }

    .sprinkles_flex_11_xl__omrdfnbs {
        flex: 11;
    }

    .sprinkles_flex_12_xl__omrdfnby {
        flex: 12;
    }

    .sprinkles_flexBasis_0_xl__omrdfnc4 {
        flex-basis: 0;
    }

    .sprinkles_flexBasis_unset_xl__omrdfnca {
        flex-basis: initial;
    }

    .sprinkles_flexBasis_inherit_xl__omrdfncg {
        flex-basis: inherit;
    }

    .sprinkles_flexBasis_initial_xl__omrdfncm {
        flex-basis: inital;
    }

    .sprinkles_flexWrap_wrap_xl__omrdfncs {
        flex-wrap: wrap;
    }

    .sprinkles_flexWrap_nowrap_xl__omrdfncy {
        flex-wrap: nowrap;
    }

    .sprinkles_flexShrink_0_xl__omrdfnd4 {
        flex-shrink: 0;
    }

    .sprinkles_flexShrink_1_xl__omrdfnda {
        flex-shrink: 1;
    }

    .sprinkles_flexShrink_2_xl__omrdfndg {
        flex-shrink: 2;
    }

    .sprinkles_flexShrink_3_xl__omrdfndm {
        flex-shrink: 3;
    }

    .sprinkles_flexShrink_4_xl__omrdfnds {
        flex-shrink: 4;
    }

    .sprinkles_flexShrink_5_xl__omrdfndy {
        flex-shrink: 5;
    }

    .sprinkles_flexShrink_6_xl__omrdfne4 {
        flex-shrink: 6;
    }

    .sprinkles_flexShrink_7_xl__omrdfnea {
        flex-shrink: 7;
    }

    .sprinkles_flexShrink_8_xl__omrdfneg {
        flex-shrink: 8;
    }

    .sprinkles_flexShrink_9_xl__omrdfnem {
        flex-shrink: 9;
    }

    .sprinkles_flexShrink_10_xl__omrdfnes {
        flex-shrink: 10;
    }

    .sprinkles_flexShrink_11_xl__omrdfney {
        flex-shrink: 11;
    }

    .sprinkles_flexShrink_12_xl__omrdfnf4 {
        flex-shrink: 12;
    }

    .sprinkles_flexGrow_0_xl__omrdfnfa {
        flex-grow: 0;
    }

    .sprinkles_flexGrow_1_xl__omrdfnfg {
        flex-grow: 1;
    }

    .sprinkles_flexGrow_2_xl__omrdfnfm {
        flex-grow: 2;
    }

    .sprinkles_flexGrow_3_xl__omrdfnfs {
        flex-grow: 3;
    }

    .sprinkles_flexGrow_4_xl__omrdfnfy {
        flex-grow: 4;
    }

    .sprinkles_flexGrow_5_xl__omrdfng4 {
        flex-grow: 5;
    }

    .sprinkles_flexGrow_6_xl__omrdfnga {
        flex-grow: 6;
    }

    .sprinkles_flexGrow_7_xl__omrdfngg {
        flex-grow: 7;
    }

    .sprinkles_flexGrow_8_xl__omrdfngm {
        flex-grow: 8;
    }

    .sprinkles_flexGrow_9_xl__omrdfngs {
        flex-grow: 9;
    }

    .sprinkles_flexGrow_10_xl__omrdfngy {
        flex-grow: 10;
    }

    .sprinkles_flexGrow_11_xl__omrdfnh4 {
        flex-grow: 11;
    }

    .sprinkles_flexGrow_12_xl__omrdfnha {
        flex-grow: 12;
    }

    .sprinkles_height_full_xl__omrdfnhg {
        height: 100%;
    }

    .sprinkles_height_fit-content_xl__omrdfnhm {
        height: fit-content;
    }

    .sprinkles_height_max-content_xl__omrdfnhs {
        height: max-content;
    }

    .sprinkles_height_min-content_xl__omrdfnhy {
        height: min-content;
    }

    .sprinkles_height_auto_xl__omrdfni4 {
        height: auto;
    }

    .sprinkles_height_unset_xl__omrdfnia {
        height: auto;
        height: initial;
    }

    .sprinkles_minHeight_0_xl__omrdfnig {
        min-height: 0px;
    }

    .sprinkles_minHeight_full_xl__omrdfnim {
        min-height: 100%;
    }

    .sprinkles_minHeight_fit-content_xl__omrdfnis {
        min-height: fit-content;
    }

    .sprinkles_minHeight_max-content_xl__omrdfniy {
        min-height: max-content;
    }

    .sprinkles_minHeight_min-content_xl__omrdfnj4 {
        min-height: min-content;
    }

    .sprinkles_minHeight_auto_xl__omrdfnja {
        min-height: auto;
    }

    .sprinkles_minHeight_unset_xl__omrdfnjg {
        min-height: 0;
        min-height: initial;
    }

    .sprinkles_minHeight_100px_xl__omrdfnjm {
        min-height: 100px;
    }

    .sprinkles_minHeight_200px_xl__omrdfnjs {
        min-height: 200px;
    }

    .sprinkles_minHeight_300px_xl__omrdfnjy {
        min-height: 300px;
    }

    .sprinkles_minHeight_400px_xl__omrdfnk4 {
        min-height: 400px;
    }

    .sprinkles_minHeight_500px_xl__omrdfnka {
        min-height: 500px;
    }

    .sprinkles_minHeight_600px_xl__omrdfnkg {
        min-height: 600px;
    }

    .sprinkles_maxHeight_0_xl__omrdfnkm {
        max-height: 0px;
    }

    .sprinkles_maxHeight_full_xl__omrdfnks {
        max-height: 100%;
    }

    .sprinkles_maxHeight_fit-content_xl__omrdfnky {
        max-height: fit-content;
    }

    .sprinkles_maxHeight_max-content_xl__omrdfnl4 {
        max-height: max-content;
    }

    .sprinkles_maxHeight_min-content_xl__omrdfnla {
        max-height: min-content;
    }

    .sprinkles_maxHeight_auto_xl__omrdfnlg {
        max-height: auto;
    }

    .sprinkles_maxHeight_unset_xl__omrdfnlm {
        max-height: none;
        max-height: initial;
    }

    .sprinkles_maxHeight_100px_xl__omrdfnls {
        max-height: 100px;
    }

    .sprinkles_maxHeight_200px_xl__omrdfnly {
        max-height: 200px;
    }

    .sprinkles_maxHeight_300px_xl__omrdfnm4 {
        max-height: 300px;
    }

    .sprinkles_maxHeight_400px_xl__omrdfnma {
        max-height: 400px;
    }

    .sprinkles_maxHeight_500px_xl__omrdfnmg {
        max-height: 500px;
    }

    .sprinkles_maxHeight_600px_xl__omrdfnmm {
        max-height: 600px;
    }

    .sprinkles_justifySelf_flex-start_xl__omrdfnms {
        justify-self: flex-start;
    }

    .sprinkles_justifySelf_center_xl__omrdfnmy {
        justify-self: center;
    }

    .sprinkles_justifySelf_flex-end_xl__omrdfnn4 {
        justify-self: flex-end;
    }

    .sprinkles_justifySelf_stretch_xl__omrdfnna {
        justify-self: stretch;
    }

    .sprinkles_paddingTop_0_xl__omrdfnng {
        padding-top: 0;
    }

    .sprinkles_paddingTop_none_xl__omrdfnnm {
        padding-top: var(--knox-spacing-none);
    }

    .sprinkles_paddingTop_hairline_xl__omrdfnns {
        padding-top: var(--knox-spacing-hairline);
    }

    .sprinkles_paddingTop_2xs_xl__omrdfnny {
        padding-top: var(--knox-spacing-2xs);
    }

    .sprinkles_paddingTop_xs_xl__omrdfno4 {
        padding-top: var(--knox-spacing-xs);
    }

    .sprinkles_paddingTop_small_xl__omrdfnoa {
        padding-top: var(--knox-spacing-small);
    }

    .sprinkles_paddingTop_medium_xl__omrdfnog {
        padding-top: var(--knox-spacing-medium);
    }

    .sprinkles_paddingTop_large_xl__omrdfnom {
        padding-top: var(--knox-spacing-large);
    }

    .sprinkles_paddingTop_xl_xl__omrdfnos {
        padding-top: var(--knox-spacing-xl);
    }

    .sprinkles_paddingTop_2xl_xl__omrdfnoy {
        padding-top: var(--knox-spacing-2xl);
    }

    .sprinkles_paddingTop_3xl_xl__omrdfnp4 {
        padding-top: var(--knox-spacing-3xl);
    }

    .sprinkles_paddingTop_4xl_xl__omrdfnpa {
        padding-top: var(--knox-spacing-4xl);
    }

    .sprinkles_paddingTop_unset_xl__omrdfnpg {
        padding-top: 0;
        padding-top: initial;
    }

    .sprinkles_paddingBottom_0_xl__omrdfnpm {
        padding-bottom: 0;
    }

    .sprinkles_paddingBottom_none_xl__omrdfnps {
        padding-bottom: var(--knox-spacing-none);
    }

    .sprinkles_paddingBottom_hairline_xl__omrdfnpy {
        padding-bottom: var(--knox-spacing-hairline);
    }

    .sprinkles_paddingBottom_2xs_xl__omrdfnq4 {
        padding-bottom: var(--knox-spacing-2xs);
    }

    .sprinkles_paddingBottom_xs_xl__omrdfnqa {
        padding-bottom: var(--knox-spacing-xs);
    }

    .sprinkles_paddingBottom_small_xl__omrdfnqg {
        padding-bottom: var(--knox-spacing-small);
    }

    .sprinkles_paddingBottom_medium_xl__omrdfnqm {
        padding-bottom: var(--knox-spacing-medium);
    }

    .sprinkles_paddingBottom_large_xl__omrdfnqs {
        padding-bottom: var(--knox-spacing-large);
    }

    .sprinkles_paddingBottom_xl_xl__omrdfnqy {
        padding-bottom: var(--knox-spacing-xl);
    }

    .sprinkles_paddingBottom_2xl_xl__omrdfnr4 {
        padding-bottom: var(--knox-spacing-2xl);
    }

    .sprinkles_paddingBottom_3xl_xl__omrdfnra {
        padding-bottom: var(--knox-spacing-3xl);
    }

    .sprinkles_paddingBottom_4xl_xl__omrdfnrg {
        padding-bottom: var(--knox-spacing-4xl);
    }

    .sprinkles_paddingBottom_unset_xl__omrdfnrm {
        padding-bottom: 0;
        padding-bottom: initial;
    }

    .sprinkles_paddingLeft_0_xl__omrdfnrs {
        padding-left: 0;
    }

    .sprinkles_paddingLeft_none_xl__omrdfnry {
        padding-left: var(--knox-spacing-none);
    }

    .sprinkles_paddingLeft_hairline_xl__omrdfns4 {
        padding-left: var(--knox-spacing-hairline);
    }

    .sprinkles_paddingLeft_2xs_xl__omrdfnsa {
        padding-left: var(--knox-spacing-2xs);
    }

    .sprinkles_paddingLeft_xs_xl__omrdfnsg {
        padding-left: var(--knox-spacing-xs);
    }

    .sprinkles_paddingLeft_small_xl__omrdfnsm {
        padding-left: var(--knox-spacing-small);
    }

    .sprinkles_paddingLeft_medium_xl__omrdfnss {
        padding-left: var(--knox-spacing-medium);
    }

    .sprinkles_paddingLeft_large_xl__omrdfnsy {
        padding-left: var(--knox-spacing-large);
    }

    .sprinkles_paddingLeft_xl_xl__omrdfnt4 {
        padding-left: var(--knox-spacing-xl);
    }

    .sprinkles_paddingLeft_2xl_xl__omrdfnta {
        padding-left: var(--knox-spacing-2xl);
    }

    .sprinkles_paddingLeft_3xl_xl__omrdfntg {
        padding-left: var(--knox-spacing-3xl);
    }

    .sprinkles_paddingLeft_4xl_xl__omrdfntm {
        padding-left: var(--knox-spacing-4xl);
    }

    .sprinkles_paddingLeft_unset_xl__omrdfnts {
        padding-left: 0;
        padding-left: initial;
    }

    .sprinkles_paddingRight_0_xl__omrdfnty {
        padding-right: 0;
    }

    .sprinkles_paddingRight_none_xl__omrdfnu4 {
        padding-right: var(--knox-spacing-none);
    }

    .sprinkles_paddingRight_hairline_xl__omrdfnua {
        padding-right: var(--knox-spacing-hairline);
    }

    .sprinkles_paddingRight_2xs_xl__omrdfnug {
        padding-right: var(--knox-spacing-2xs);
    }

    .sprinkles_paddingRight_xs_xl__omrdfnum {
        padding-right: var(--knox-spacing-xs);
    }

    .sprinkles_paddingRight_small_xl__omrdfnus {
        padding-right: var(--knox-spacing-small);
    }

    .sprinkles_paddingRight_medium_xl__omrdfnuy {
        padding-right: var(--knox-spacing-medium);
    }

    .sprinkles_paddingRight_large_xl__omrdfnv4 {
        padding-right: var(--knox-spacing-large);
    }

    .sprinkles_paddingRight_xl_xl__omrdfnva {
        padding-right: var(--knox-spacing-xl);
    }

    .sprinkles_paddingRight_2xl_xl__omrdfnvg {
        padding-right: var(--knox-spacing-2xl);
    }

    .sprinkles_paddingRight_3xl_xl__omrdfnvm {
        padding-right: var(--knox-spacing-3xl);
    }

    .sprinkles_paddingRight_4xl_xl__omrdfnvs {
        padding-right: var(--knox-spacing-4xl);
    }

    .sprinkles_paddingRight_unset_xl__omrdfnvy {
        padding-right: 0;
        padding-right: initial;
    }

    .sprinkles_paddingBlockStart_0_xl__omrdfnw4 {
        padding-top: 0;
    }

    .sprinkles_paddingBlockStart_none_xl__omrdfnwa {
        padding-top: var(--knox-spacing-none);
    }

    .sprinkles_paddingBlockStart_hairline_xl__omrdfnwg {
        padding-top: var(--knox-spacing-hairline);
    }

    .sprinkles_paddingBlockStart_2xs_xl__omrdfnwm {
        padding-top: var(--knox-spacing-2xs);
    }

    .sprinkles_paddingBlockStart_xs_xl__omrdfnws {
        padding-top: var(--knox-spacing-xs);
    }

    .sprinkles_paddingBlockStart_small_xl__omrdfnwy {
        padding-top: var(--knox-spacing-small);
    }

    .sprinkles_paddingBlockStart_medium_xl__omrdfnx4 {
        padding-top: var(--knox-spacing-medium);
    }

    .sprinkles_paddingBlockStart_large_xl__omrdfnxa {
        padding-top: var(--knox-spacing-large);
    }

    .sprinkles_paddingBlockStart_xl_xl__omrdfnxg {
        padding-top: var(--knox-spacing-xl);
    }

    .sprinkles_paddingBlockStart_2xl_xl__omrdfnxm {
        padding-top: var(--knox-spacing-2xl);
    }

    .sprinkles_paddingBlockStart_3xl_xl__omrdfnxs {
        padding-top: var(--knox-spacing-3xl);
    }

    .sprinkles_paddingBlockStart_4xl_xl__omrdfnxy {
        padding-top: var(--knox-spacing-4xl);
    }

    .sprinkles_paddingBlockStart_unset_xl__omrdfny4 {
        padding-top: 0;
        padding-top: initial;
    }

    .sprinkles_paddingBlockEnd_0_xl__omrdfnya {
        padding-bottom: 0;
    }

    .sprinkles_paddingBlockEnd_none_xl__omrdfnyg {
        padding-bottom: var(--knox-spacing-none);
    }

    .sprinkles_paddingBlockEnd_hairline_xl__omrdfnym {
        padding-bottom: var(--knox-spacing-hairline);
    }

    .sprinkles_paddingBlockEnd_2xs_xl__omrdfnys {
        padding-bottom: var(--knox-spacing-2xs);
    }

    .sprinkles_paddingBlockEnd_xs_xl__omrdfnyy {
        padding-bottom: var(--knox-spacing-xs);
    }

    .sprinkles_paddingBlockEnd_small_xl__omrdfnz4 {
        padding-bottom: var(--knox-spacing-small);
    }

    .sprinkles_paddingBlockEnd_medium_xl__omrdfnza {
        padding-bottom: var(--knox-spacing-medium);
    }

    .sprinkles_paddingBlockEnd_large_xl__omrdfnzg {
        padding-bottom: var(--knox-spacing-large);
    }

    .sprinkles_paddingBlockEnd_xl_xl__omrdfnzm {
        padding-bottom: var(--knox-spacing-xl);
    }

    .sprinkles_paddingBlockEnd_2xl_xl__omrdfnzs {
        padding-bottom: var(--knox-spacing-2xl);
    }

    .sprinkles_paddingBlockEnd_3xl_xl__omrdfnzy {
        padding-bottom: var(--knox-spacing-3xl);
    }

    .sprinkles_paddingBlockEnd_4xl_xl__omrdfn104 {
        padding-bottom: var(--knox-spacing-4xl);
    }

    .sprinkles_paddingBlockEnd_unset_xl__omrdfn10a {
        padding-bottom: 0;
        padding-bottom: initial;
    }

    .sprinkles_paddingInlineStart_0_xl__omrdfn10g {
        padding-left: 0;
    }

    .sprinkles_paddingInlineStart_none_xl__omrdfn10m {
        padding-left: var(--knox-spacing-none);
    }

    .sprinkles_paddingInlineStart_hairline_xl__omrdfn10s {
        padding-left: var(--knox-spacing-hairline);
    }

    .sprinkles_paddingInlineStart_2xs_xl__omrdfn10y {
        padding-left: var(--knox-spacing-2xs);
    }

    .sprinkles_paddingInlineStart_xs_xl__omrdfn114 {
        padding-left: var(--knox-spacing-xs);
    }

    .sprinkles_paddingInlineStart_small_xl__omrdfn11a {
        padding-left: var(--knox-spacing-small);
    }

    .sprinkles_paddingInlineStart_medium_xl__omrdfn11g {
        padding-left: var(--knox-spacing-medium);
    }

    .sprinkles_paddingInlineStart_large_xl__omrdfn11m {
        padding-left: var(--knox-spacing-large);
    }

    .sprinkles_paddingInlineStart_xl_xl__omrdfn11s {
        padding-left: var(--knox-spacing-xl);
    }

    .sprinkles_paddingInlineStart_2xl_xl__omrdfn11y {
        padding-left: var(--knox-spacing-2xl);
    }

    .sprinkles_paddingInlineStart_3xl_xl__omrdfn124 {
        padding-left: var(--knox-spacing-3xl);
    }

    .sprinkles_paddingInlineStart_4xl_xl__omrdfn12a {
        padding-left: var(--knox-spacing-4xl);
    }

    .sprinkles_paddingInlineStart_unset_xl__omrdfn12g {
        padding-left: 0;
        padding-left: initial;
    }

    .sprinkles_paddingInlineEnd_0_xl__omrdfn12m {
        padding-right: 0;
    }

    .sprinkles_paddingInlineEnd_none_xl__omrdfn12s {
        padding-right: var(--knox-spacing-none);
    }

    .sprinkles_paddingInlineEnd_hairline_xl__omrdfn12y {
        padding-right: var(--knox-spacing-hairline);
    }

    .sprinkles_paddingInlineEnd_2xs_xl__omrdfn134 {
        padding-right: var(--knox-spacing-2xs);
    }

    .sprinkles_paddingInlineEnd_xs_xl__omrdfn13a {
        padding-right: var(--knox-spacing-xs);
    }

    .sprinkles_paddingInlineEnd_small_xl__omrdfn13g {
        padding-right: var(--knox-spacing-small);
    }

    .sprinkles_paddingInlineEnd_medium_xl__omrdfn13m {
        padding-right: var(--knox-spacing-medium);
    }

    .sprinkles_paddingInlineEnd_large_xl__omrdfn13s {
        padding-right: var(--knox-spacing-large);
    }

    .sprinkles_paddingInlineEnd_xl_xl__omrdfn13y {
        padding-right: var(--knox-spacing-xl);
    }

    .sprinkles_paddingInlineEnd_2xl_xl__omrdfn144 {
        padding-right: var(--knox-spacing-2xl);
    }

    .sprinkles_paddingInlineEnd_3xl_xl__omrdfn14a {
        padding-right: var(--knox-spacing-3xl);
    }

    .sprinkles_paddingInlineEnd_4xl_xl__omrdfn14g {
        padding-right: var(--knox-spacing-4xl);
    }

    .sprinkles_paddingInlineEnd_unset_xl__omrdfn14m {
        padding-right: 0;
        padding-right: initial;
    }

    .sprinkles_position_relative_xl__omrdfn14s {
        position: relative;
    }

    .sprinkles_position_absolute_xl__omrdfn14y {
        position: absolute;
    }

    .sprinkles_position_fixed_xl__omrdfn154 {
        position: fixed;
    }

    .sprinkles_position_static_xl__omrdfn15a {
        position: static;
    }

    .sprinkles_marginTop_0_xl__omrdfn15g {
        margin-top: 0;
    }

    .sprinkles_marginTop_none_xl__omrdfn15m {
        margin-top: var(--knox-spacing-none);
    }

    .sprinkles_marginTop_hairline_xl__omrdfn15s {
        margin-top: var(--knox-spacing-hairline);
    }

    .sprinkles_marginTop_2xs_xl__omrdfn15y {
        margin-top: var(--knox-spacing-2xs);
    }

    .sprinkles_marginTop_xs_xl__omrdfn164 {
        margin-top: var(--knox-spacing-xs);
    }

    .sprinkles_marginTop_small_xl__omrdfn16a {
        margin-top: var(--knox-spacing-small);
    }

    .sprinkles_marginTop_medium_xl__omrdfn16g {
        margin-top: var(--knox-spacing-medium);
    }

    .sprinkles_marginTop_large_xl__omrdfn16m {
        margin-top: var(--knox-spacing-large);
    }

    .sprinkles_marginTop_xl_xl__omrdfn16s {
        margin-top: var(--knox-spacing-xl);
    }

    .sprinkles_marginTop_2xl_xl__omrdfn16y {
        margin-top: var(--knox-spacing-2xl);
    }

    .sprinkles_marginTop_3xl_xl__omrdfn174 {
        margin-top: var(--knox-spacing-3xl);
    }

    .sprinkles_marginTop_4xl_xl__omrdfn17a {
        margin-top: var(--knox-spacing-4xl);
    }

    .sprinkles_marginTop_unset_xl__omrdfn17g {
        margin-top: 0;
        margin-top: initial;
    }

    .sprinkles_marginTop_auto_xl__omrdfn17m {
        margin-top: auto;
    }

    .sprinkles_marginBottom_0_xl__omrdfn17s {
        margin-bottom: 0;
    }

    .sprinkles_marginBottom_none_xl__omrdfn17y {
        margin-bottom: var(--knox-spacing-none);
    }

    .sprinkles_marginBottom_hairline_xl__omrdfn184 {
        margin-bottom: var(--knox-spacing-hairline);
    }

    .sprinkles_marginBottom_2xs_xl__omrdfn18a {
        margin-bottom: var(--knox-spacing-2xs);
    }

    .sprinkles_marginBottom_xs_xl__omrdfn18g {
        margin-bottom: var(--knox-spacing-xs);
    }

    .sprinkles_marginBottom_small_xl__omrdfn18m {
        margin-bottom: var(--knox-spacing-small);
    }

    .sprinkles_marginBottom_medium_xl__omrdfn18s {
        margin-bottom: var(--knox-spacing-medium);
    }

    .sprinkles_marginBottom_large_xl__omrdfn18y {
        margin-bottom: var(--knox-spacing-large);
    }

    .sprinkles_marginBottom_xl_xl__omrdfn194 {
        margin-bottom: var(--knox-spacing-xl);
    }

    .sprinkles_marginBottom_2xl_xl__omrdfn19a {
        margin-bottom: var(--knox-spacing-2xl);
    }

    .sprinkles_marginBottom_3xl_xl__omrdfn19g {
        margin-bottom: var(--knox-spacing-3xl);
    }

    .sprinkles_marginBottom_4xl_xl__omrdfn19m {
        margin-bottom: var(--knox-spacing-4xl);
    }

    .sprinkles_marginBottom_unset_xl__omrdfn19s {
        margin-bottom: 0;
        margin-bottom: initial;
    }

    .sprinkles_marginBottom_auto_xl__omrdfn19y {
        margin-bottom: auto;
    }

    .sprinkles_marginLeft_0_xl__omrdfn1a4 {
        margin-left: 0;
    }

    .sprinkles_marginLeft_none_xl__omrdfn1aa {
        margin-left: var(--knox-spacing-none);
    }

    .sprinkles_marginLeft_hairline_xl__omrdfn1ag {
        margin-left: var(--knox-spacing-hairline);
    }

    .sprinkles_marginLeft_2xs_xl__omrdfn1am {
        margin-left: var(--knox-spacing-2xs);
    }

    .sprinkles_marginLeft_xs_xl__omrdfn1as {
        margin-left: var(--knox-spacing-xs);
    }

    .sprinkles_marginLeft_small_xl__omrdfn1ay {
        margin-left: var(--knox-spacing-small);
    }

    .sprinkles_marginLeft_medium_xl__omrdfn1b4 {
        margin-left: var(--knox-spacing-medium);
    }

    .sprinkles_marginLeft_large_xl__omrdfn1ba {
        margin-left: var(--knox-spacing-large);
    }

    .sprinkles_marginLeft_xl_xl__omrdfn1bg {
        margin-left: var(--knox-spacing-xl);
    }

    .sprinkles_marginLeft_2xl_xl__omrdfn1bm {
        margin-left: var(--knox-spacing-2xl);
    }

    .sprinkles_marginLeft_3xl_xl__omrdfn1bs {
        margin-left: var(--knox-spacing-3xl);
    }

    .sprinkles_marginLeft_4xl_xl__omrdfn1by {
        margin-left: var(--knox-spacing-4xl);
    }

    .sprinkles_marginLeft_unset_xl__omrdfn1c4 {
        margin-left: 0;
        margin-left: initial;
    }

    .sprinkles_marginLeft_auto_xl__omrdfn1ca {
        margin-left: auto;
    }

    .sprinkles_marginRight_0_xl__omrdfn1cg {
        margin-right: 0;
    }

    .sprinkles_marginRight_none_xl__omrdfn1cm {
        margin-right: var(--knox-spacing-none);
    }

    .sprinkles_marginRight_hairline_xl__omrdfn1cs {
        margin-right: var(--knox-spacing-hairline);
    }

    .sprinkles_marginRight_2xs_xl__omrdfn1cy {
        margin-right: var(--knox-spacing-2xs);
    }

    .sprinkles_marginRight_xs_xl__omrdfn1d4 {
        margin-right: var(--knox-spacing-xs);
    }

    .sprinkles_marginRight_small_xl__omrdfn1da {
        margin-right: var(--knox-spacing-small);
    }

    .sprinkles_marginRight_medium_xl__omrdfn1dg {
        margin-right: var(--knox-spacing-medium);
    }

    .sprinkles_marginRight_large_xl__omrdfn1dm {
        margin-right: var(--knox-spacing-large);
    }

    .sprinkles_marginRight_xl_xl__omrdfn1ds {
        margin-right: var(--knox-spacing-xl);
    }

    .sprinkles_marginRight_2xl_xl__omrdfn1dy {
        margin-right: var(--knox-spacing-2xl);
    }

    .sprinkles_marginRight_3xl_xl__omrdfn1e4 {
        margin-right: var(--knox-spacing-3xl);
    }

    .sprinkles_marginRight_4xl_xl__omrdfn1ea {
        margin-right: var(--knox-spacing-4xl);
    }

    .sprinkles_marginRight_unset_xl__omrdfn1eg {
        margin-right: 0;
        margin-right: initial;
    }

    .sprinkles_marginRight_auto_xl__omrdfn1em {
        margin-right: auto;
    }

    .sprinkles_marginBlockStart_0_xl__omrdfn1es {
        margin-top: 0;
    }

    .sprinkles_marginBlockStart_none_xl__omrdfn1ey {
        margin-top: var(--knox-spacing-none);
    }

    .sprinkles_marginBlockStart_hairline_xl__omrdfn1f4 {
        margin-top: var(--knox-spacing-hairline);
    }

    .sprinkles_marginBlockStart_2xs_xl__omrdfn1fa {
        margin-top: var(--knox-spacing-2xs);
    }

    .sprinkles_marginBlockStart_xs_xl__omrdfn1fg {
        margin-top: var(--knox-spacing-xs);
    }

    .sprinkles_marginBlockStart_small_xl__omrdfn1fm {
        margin-top: var(--knox-spacing-small);
    }

    .sprinkles_marginBlockStart_medium_xl__omrdfn1fs {
        margin-top: var(--knox-spacing-medium);
    }

    .sprinkles_marginBlockStart_large_xl__omrdfn1fy {
        margin-top: var(--knox-spacing-large);
    }

    .sprinkles_marginBlockStart_xl_xl__omrdfn1g4 {
        margin-top: var(--knox-spacing-xl);
    }

    .sprinkles_marginBlockStart_2xl_xl__omrdfn1ga {
        margin-top: var(--knox-spacing-2xl);
    }

    .sprinkles_marginBlockStart_3xl_xl__omrdfn1gg {
        margin-top: var(--knox-spacing-3xl);
    }

    .sprinkles_marginBlockStart_4xl_xl__omrdfn1gm {
        margin-top: var(--knox-spacing-4xl);
    }

    .sprinkles_marginBlockStart_unset_xl__omrdfn1gs {
        margin-top: 0;
        margin-top: initial;
    }

    .sprinkles_marginBlockStart_auto_xl__omrdfn1gy {
        margin-top: auto;
    }

    .sprinkles_marginBlockEnd_0_xl__omrdfn1h4 {
        margin-bottom: 0;
    }

    .sprinkles_marginBlockEnd_none_xl__omrdfn1ha {
        margin-bottom: var(--knox-spacing-none);
    }

    .sprinkles_marginBlockEnd_hairline_xl__omrdfn1hg {
        margin-bottom: var(--knox-spacing-hairline);
    }

    .sprinkles_marginBlockEnd_2xs_xl__omrdfn1hm {
        margin-bottom: var(--knox-spacing-2xs);
    }

    .sprinkles_marginBlockEnd_xs_xl__omrdfn1hs {
        margin-bottom: var(--knox-spacing-xs);
    }

    .sprinkles_marginBlockEnd_small_xl__omrdfn1hy {
        margin-bottom: var(--knox-spacing-small);
    }

    .sprinkles_marginBlockEnd_medium_xl__omrdfn1i4 {
        margin-bottom: var(--knox-spacing-medium);
    }

    .sprinkles_marginBlockEnd_large_xl__omrdfn1ia {
        margin-bottom: var(--knox-spacing-large);
    }

    .sprinkles_marginBlockEnd_xl_xl__omrdfn1ig {
        margin-bottom: var(--knox-spacing-xl);
    }

    .sprinkles_marginBlockEnd_2xl_xl__omrdfn1im {
        margin-bottom: var(--knox-spacing-2xl);
    }

    .sprinkles_marginBlockEnd_3xl_xl__omrdfn1is {
        margin-bottom: var(--knox-spacing-3xl);
    }

    .sprinkles_marginBlockEnd_4xl_xl__omrdfn1iy {
        margin-bottom: var(--knox-spacing-4xl);
    }

    .sprinkles_marginBlockEnd_unset_xl__omrdfn1j4 {
        margin-bottom: 0;
        margin-bottom: initial;
    }

    .sprinkles_marginBlockEnd_auto_xl__omrdfn1ja {
        margin-bottom: auto;
    }

    .sprinkles_marginInlineStart_0_xl__omrdfn1jg {
        margin-left: 0;
    }

    .sprinkles_marginInlineStart_none_xl__omrdfn1jm {
        margin-left: var(--knox-spacing-none);
    }

    .sprinkles_marginInlineStart_hairline_xl__omrdfn1js {
        margin-left: var(--knox-spacing-hairline);
    }

    .sprinkles_marginInlineStart_2xs_xl__omrdfn1jy {
        margin-left: var(--knox-spacing-2xs);
    }

    .sprinkles_marginInlineStart_xs_xl__omrdfn1k4 {
        margin-left: var(--knox-spacing-xs);
    }

    .sprinkles_marginInlineStart_small_xl__omrdfn1ka {
        margin-left: var(--knox-spacing-small);
    }

    .sprinkles_marginInlineStart_medium_xl__omrdfn1kg {
        margin-left: var(--knox-spacing-medium);
    }

    .sprinkles_marginInlineStart_large_xl__omrdfn1km {
        margin-left: var(--knox-spacing-large);
    }

    .sprinkles_marginInlineStart_xl_xl__omrdfn1ks {
        margin-left: var(--knox-spacing-xl);
    }

    .sprinkles_marginInlineStart_2xl_xl__omrdfn1ky {
        margin-left: var(--knox-spacing-2xl);
    }

    .sprinkles_marginInlineStart_3xl_xl__omrdfn1l4 {
        margin-left: var(--knox-spacing-3xl);
    }

    .sprinkles_marginInlineStart_4xl_xl__omrdfn1la {
        margin-left: var(--knox-spacing-4xl);
    }

    .sprinkles_marginInlineStart_unset_xl__omrdfn1lg {
        margin-left: 0;
        margin-left: initial;
    }

    .sprinkles_marginInlineStart_auto_xl__omrdfn1lm {
        margin-left: auto;
    }

    .sprinkles_marginInlineEnd_0_xl__omrdfn1ls {
        margin-right: 0;
    }

    .sprinkles_marginInlineEnd_none_xl__omrdfn1ly {
        margin-right: var(--knox-spacing-none);
    }

    .sprinkles_marginInlineEnd_hairline_xl__omrdfn1m4 {
        margin-right: var(--knox-spacing-hairline);
    }

    .sprinkles_marginInlineEnd_2xs_xl__omrdfn1ma {
        margin-right: var(--knox-spacing-2xs);
    }

    .sprinkles_marginInlineEnd_xs_xl__omrdfn1mg {
        margin-right: var(--knox-spacing-xs);
    }

    .sprinkles_marginInlineEnd_small_xl__omrdfn1mm {
        margin-right: var(--knox-spacing-small);
    }

    .sprinkles_marginInlineEnd_medium_xl__omrdfn1ms {
        margin-right: var(--knox-spacing-medium);
    }

    .sprinkles_marginInlineEnd_large_xl__omrdfn1my {
        margin-right: var(--knox-spacing-large);
    }

    .sprinkles_marginInlineEnd_xl_xl__omrdfn1n4 {
        margin-right: var(--knox-spacing-xl);
    }

    .sprinkles_marginInlineEnd_2xl_xl__omrdfn1na {
        margin-right: var(--knox-spacing-2xl);
    }

    .sprinkles_marginInlineEnd_3xl_xl__omrdfn1ng {
        margin-right: var(--knox-spacing-3xl);
    }

    .sprinkles_marginInlineEnd_4xl_xl__omrdfn1nm {
        margin-right: var(--knox-spacing-4xl);
    }

    .sprinkles_marginInlineEnd_unset_xl__omrdfn1ns {
        margin-right: 0;
        margin-right: initial;
    }

    .sprinkles_marginInlineEnd_auto_xl__omrdfn1ny {
        margin-right: auto;
    }

    .sprinkles_order_0_xl__omrdfn1o4 {
        order: 0;
    }

    .sprinkles_order_1_xl__omrdfn1oa {
        order: 1;
    }

    .sprinkles_order_2_xl__omrdfn1og {
        order: 2;
    }

    .sprinkles_order_3_xl__omrdfn1om {
        order: 3;
    }

    .sprinkles_order_4_xl__omrdfn1os {
        order: 4;
    }

    .sprinkles_order_5_xl__omrdfn1oy {
        order: 5;
    }

    .sprinkles_order_6_xl__omrdfn1p4 {
        order: 6;
    }

    .sprinkles_order_7_xl__omrdfn1pa {
        order: 7;
    }

    .sprinkles_order_8_xl__omrdfn1pg {
        order: 8;
    }

    .sprinkles_order_9_xl__omrdfn1pm {
        order: 9;
    }

    .sprinkles_order_10_xl__omrdfn1ps {
        order: 10;
    }

    .sprinkles_order_11_xl__omrdfn1py {
        order: 11;
    }

    .sprinkles_order_12_xl__omrdfn1q4 {
        order: 12;
    }

    .sprinkles_insetInlineStart_0_xl__omrdfn1qa {
        left: 0;
    }

    .sprinkles_insetInlineStart_none_xl__omrdfn1qg {
        left: var(--knox-spacing-none);
    }

    .sprinkles_insetInlineStart_hairline_xl__omrdfn1qm {
        left: var(--knox-spacing-hairline);
    }

    .sprinkles_insetInlineStart_2xs_xl__omrdfn1qs {
        left: var(--knox-spacing-2xs);
    }

    .sprinkles_insetInlineStart_xs_xl__omrdfn1qy {
        left: var(--knox-spacing-xs);
    }

    .sprinkles_insetInlineStart_small_xl__omrdfn1r4 {
        left: var(--knox-spacing-small);
    }

    .sprinkles_insetInlineStart_medium_xl__omrdfn1ra {
        left: var(--knox-spacing-medium);
    }

    .sprinkles_insetInlineStart_large_xl__omrdfn1rg {
        left: var(--knox-spacing-large);
    }

    .sprinkles_insetInlineStart_xl_xl__omrdfn1rm {
        left: var(--knox-spacing-xl);
    }

    .sprinkles_insetInlineStart_2xl_xl__omrdfn1rs {
        left: var(--knox-spacing-2xl);
    }

    .sprinkles_insetInlineStart_3xl_xl__omrdfn1ry {
        left: var(--knox-spacing-3xl);
    }

    .sprinkles_insetInlineStart_4xl_xl__omrdfn1s4 {
        left: var(--knox-spacing-4xl);
    }

    .sprinkles_insetInlineStart_unset_xl__omrdfn1sa {
        left: auto;
        left: initial;
    }

    .sprinkles_insetInlineEnd_0_xl__omrdfn1sg {
        right: 0;
    }

    .sprinkles_insetInlineEnd_none_xl__omrdfn1sm {
        right: var(--knox-spacing-none);
    }

    .sprinkles_insetInlineEnd_hairline_xl__omrdfn1ss {
        right: var(--knox-spacing-hairline);
    }

    .sprinkles_insetInlineEnd_2xs_xl__omrdfn1sy {
        right: var(--knox-spacing-2xs);
    }

    .sprinkles_insetInlineEnd_xs_xl__omrdfn1t4 {
        right: var(--knox-spacing-xs);
    }

    .sprinkles_insetInlineEnd_small_xl__omrdfn1ta {
        right: var(--knox-spacing-small);
    }

    .sprinkles_insetInlineEnd_medium_xl__omrdfn1tg {
        right: var(--knox-spacing-medium);
    }

    .sprinkles_insetInlineEnd_large_xl__omrdfn1tm {
        right: var(--knox-spacing-large);
    }

    .sprinkles_insetInlineEnd_xl_xl__omrdfn1ts {
        right: var(--knox-spacing-xl);
    }

    .sprinkles_insetInlineEnd_2xl_xl__omrdfn1ty {
        right: var(--knox-spacing-2xl);
    }

    .sprinkles_insetInlineEnd_3xl_xl__omrdfn1u4 {
        right: var(--knox-spacing-3xl);
    }

    .sprinkles_insetInlineEnd_4xl_xl__omrdfn1ua {
        right: var(--knox-spacing-4xl);
    }

    .sprinkles_insetInlineEnd_unset_xl__omrdfn1ug {
        right: auto;
        right: initial;
    }

    .sprinkles_insetBlockStart_0_xl__omrdfn1um {
        top: 0;
    }

    .sprinkles_insetBlockStart_none_xl__omrdfn1us {
        top: var(--knox-spacing-none);
    }

    .sprinkles_insetBlockStart_hairline_xl__omrdfn1uy {
        top: var(--knox-spacing-hairline);
    }

    .sprinkles_insetBlockStart_2xs_xl__omrdfn1v4 {
        top: var(--knox-spacing-2xs);
    }

    .sprinkles_insetBlockStart_xs_xl__omrdfn1va {
        top: var(--knox-spacing-xs);
    }

    .sprinkles_insetBlockStart_small_xl__omrdfn1vg {
        top: var(--knox-spacing-small);
    }

    .sprinkles_insetBlockStart_medium_xl__omrdfn1vm {
        top: var(--knox-spacing-medium);
    }

    .sprinkles_insetBlockStart_large_xl__omrdfn1vs {
        top: var(--knox-spacing-large);
    }

    .sprinkles_insetBlockStart_xl_xl__omrdfn1vy {
        top: var(--knox-spacing-xl);
    }

    .sprinkles_insetBlockStart_2xl_xl__omrdfn1w4 {
        top: var(--knox-spacing-2xl);
    }

    .sprinkles_insetBlockStart_3xl_xl__omrdfn1wa {
        top: var(--knox-spacing-3xl);
    }

    .sprinkles_insetBlockStart_4xl_xl__omrdfn1wg {
        top: var(--knox-spacing-4xl);
    }

    .sprinkles_insetBlockStart_unset_xl__omrdfn1wm {
        top: auto;
        top: initial;
    }

    .sprinkles_insetBlockEnd_0_xl__omrdfn1ws {
        bottom: 0;
    }

    .sprinkles_insetBlockEnd_none_xl__omrdfn1wy {
        bottom: var(--knox-spacing-none);
    }

    .sprinkles_insetBlockEnd_hairline_xl__omrdfn1x4 {
        bottom: var(--knox-spacing-hairline);
    }

    .sprinkles_insetBlockEnd_2xs_xl__omrdfn1xa {
        bottom: var(--knox-spacing-2xs);
    }

    .sprinkles_insetBlockEnd_xs_xl__omrdfn1xg {
        bottom: var(--knox-spacing-xs);
    }

    .sprinkles_insetBlockEnd_small_xl__omrdfn1xm {
        bottom: var(--knox-spacing-small);
    }

    .sprinkles_insetBlockEnd_medium_xl__omrdfn1xs {
        bottom: var(--knox-spacing-medium);
    }

    .sprinkles_insetBlockEnd_large_xl__omrdfn1xy {
        bottom: var(--knox-spacing-large);
    }

    .sprinkles_insetBlockEnd_xl_xl__omrdfn1y4 {
        bottom: var(--knox-spacing-xl);
    }

    .sprinkles_insetBlockEnd_2xl_xl__omrdfn1ya {
        bottom: var(--knox-spacing-2xl);
    }

    .sprinkles_insetBlockEnd_3xl_xl__omrdfn1yg {
        bottom: var(--knox-spacing-3xl);
    }

    .sprinkles_insetBlockEnd_4xl_xl__omrdfn1ym {
        bottom: var(--knox-spacing-4xl);
    }

    .sprinkles_insetBlockEnd_unset_xl__omrdfn1ys {
        bottom: auto;
        bottom: initial;
    }

    .sprinkles_gap_none_xl__omrdfn1yy {
        gap: none;
    }

    .sprinkles_gap_hairline_xl__omrdfn1z4 {
        gap: var(--knox-spacing-hairline);
    }

    .sprinkles_gap_2xs_xl__omrdfn1za {
        gap: var(--knox-spacing-2xs);
    }

    .sprinkles_gap_xs_xl__omrdfn1zg {
        gap: var(--knox-spacing-xs);
    }

    .sprinkles_gap_small_xl__omrdfn1zm {
        gap: var(--knox-spacing-small);
    }

    .sprinkles_gap_medium_xl__omrdfn1zs {
        gap: var(--knox-spacing-medium);
    }

    .sprinkles_gap_large_xl__omrdfn1zy {
        gap: var(--knox-spacing-large);
    }

    .sprinkles_gap_xl_xl__omrdfn204 {
        gap: var(--knox-spacing-xl);
    }

    .sprinkles_gap_2xl_xl__omrdfn20a {
        gap: var(--knox-spacing-2xl);
    }

    .sprinkles_gap_3xl_xl__omrdfn20g {
        gap: var(--knox-spacing-3xl);
    }

    .sprinkles_gap_4xl_xl__omrdfn20m {
        gap: var(--knox-spacing-4xl);
    }

    .sprinkles_gap_unset_xl__omrdfn20s {
        gap: initial;
    }

    .sprinkles_textAlign_left_xl__omrdfn20y {
        text-align: left;
    }

    .sprinkles_textAlign_center_xl__omrdfn214 {
        text-align: center;
    }

    .sprinkles_textAlign_right_xl__omrdfn21a {
        text-align: right;
    }

    .sprinkles_textAlign_start_xl__omrdfn21g {
        text-align: left;
    }

    .sprinkles_textAlign_end_xl__omrdfn21m {
        text-align: right;
    }

    .sprinkles_textAlign_justify_xl__omrdfn21s {
        text-align: justify;
    }

    .sprinkles_minWidth_0_xl__omrdfn21y {
        min-width: 0px;
    }

    .sprinkles_minWidth_full_xl__omrdfn224 {
        min-width: 100%;
    }

    .sprinkles_minWidth_fit-content_xl__omrdfn22a {
        min-width: fit-content;
    }

    .sprinkles_minWidth_max-content_xl__omrdfn22g {
        min-width: max-content;
    }

    .sprinkles_minWidth_min-content_xl__omrdfn22m {
        min-width: min-content;
    }

    .sprinkles_minWidth_auto_xl__omrdfn22s {
        min-width: auto;
    }

    .sprinkles_minWidth_unset_xl__omrdfn22y {
        min-width: 0;
        min-width: initial;
    }

    .sprinkles_minWidth_100px_xl__omrdfn234 {
        min-width: 100px;
    }

    .sprinkles_minWidth_200px_xl__omrdfn23a {
        min-width: 200px;
    }

    .sprinkles_minWidth_300px_xl__omrdfn23g {
        min-width: 300px;
    }

    .sprinkles_minWidth_400px_xl__omrdfn23m {
        min-width: 400px;
    }

    .sprinkles_minWidth_500px_xl__omrdfn23s {
        min-width: 500px;
    }

    .sprinkles_minWidth_600px_xl__omrdfn23y {
        min-width: 600px;
    }

    .sprinkles_maxWidth_0_xl__omrdfn244 {
        max-width: 0px;
    }

    .sprinkles_maxWidth_full_xl__omrdfn24a {
        max-width: 100%;
    }

    .sprinkles_maxWidth_fit-content_xl__omrdfn24g {
        max-width: fit-content;
    }

    .sprinkles_maxWidth_max-content_xl__omrdfn24m {
        max-width: max-content;
    }

    .sprinkles_maxWidth_min-content_xl__omrdfn24s {
        max-width: min-content;
    }

    .sprinkles_maxWidth_auto_xl__omrdfn24y {
        max-width: auto;
    }

    .sprinkles_maxWidth_unset_xl__omrdfn254 {
        max-width: none;
        max-width: initial;
    }

    .sprinkles_maxWidth_100px_xl__omrdfn25a {
        max-width: 100px;
    }

    .sprinkles_maxWidth_200px_xl__omrdfn25g {
        max-width: 200px;
    }

    .sprinkles_maxWidth_300px_xl__omrdfn25m {
        max-width: 300px;
    }

    .sprinkles_maxWidth_400px_xl__omrdfn25s {
        max-width: 400px;
    }

    .sprinkles_maxWidth_500px_xl__omrdfn25y {
        max-width: 500px;
    }

    .sprinkles_maxWidth_600px_xl__omrdfn264 {
        max-width: 600px;
    }

    .sprinkles_width_full_xl__omrdfn26a {
        width: 100%;
    }

    .sprinkles_width_fit-content_xl__omrdfn26g {
        width: fit-content;
    }

    .sprinkles_width_max-content_xl__omrdfn26m {
        width: max-content;
    }

    .sprinkles_width_min-content_xl__omrdfn26s {
        width: min-content;
    }

    .sprinkles_width_auto_xl__omrdfn26y {
        width: auto;
    }

    .sprinkles_width_unset_xl__omrdfn274 {
        width: auto;
        width: initial;
    }
}

@media screen and (min-width: 1440px) {
    .sprinkles_display_none_xxl__omrdfn5 {
        display: none;
    }

    .sprinkles_display_flex_xxl__omrdfnb {
        display: flex;
    }

    .sprinkles_display_block_xxl__omrdfnh {
        display: block;
    }

    .sprinkles_display_inline_xxl__omrdfnn {
        display: inline;
    }

    .sprinkles_display_inline-block_xxl__omrdfnt {
        display: inline-block;
    }

    .sprinkles_display_inline-flex_xxl__omrdfnz {
        display: inline-flex;
    }

    .sprinkles_display_inline-grid_xxl__omrdfn15 {
        display: inline-grid;
    }

    .sprinkles_display_grid_xxl__omrdfn1b {
        display: grid;
    }

    .sprinkles_justifyContent_stretch_xxl__omrdfn1h {
        justify-content: stretch;
    }

    .sprinkles_justifyContent_flex-start_xxl__omrdfn1n {
        justify-content: flex-start;
    }

    .sprinkles_justifyContent_center_xxl__omrdfn1t {
        justify-content: center;
    }

    .sprinkles_justifyContent_flex-end_xxl__omrdfn1z {
        justify-content: flex-end;
    }

    .sprinkles_justifyContent_space-around_xxl__omrdfn25 {
        justify-content: space-around;
    }

    .sprinkles_justifyContent_space-between_xxl__omrdfn2b {
        justify-content: space-between;
    }

    .sprinkles_justifyContent_space-evenly_xxl__omrdfn2h {
        justify-content: space-evenly;
    }

    .sprinkles_borderRadius_none_xxl__omrdfn2n {
        border-radius: var(--knox-corner-radius-none);
    }

    .sprinkles_borderRadius_small_xxl__omrdfn2t {
        border-radius: var(--knox-corner-radius-small);
    }

    .sprinkles_borderRadius_medium_xxl__omrdfn2z {
        border-radius: var(--knox-corner-radius-medium);
    }

    .sprinkles_borderRadius_large_xxl__omrdfn35 {
        border-radius: var(--knox-corner-radius-large);
    }

    .sprinkles_borderRadius_circular_xxl__omrdfn3b {
        border-radius: var(--knox-corner-radius-circular);
    }

    .sprinkles_borderRadius_unset_xxl__omrdfn3h {
        border-radius: 0;
        border-radius: initial;
    }

    .sprinkles_borderTopLeftRadius_none_xxl__omrdfn3n {
        border-top-left-radius: var(--knox-corner-radius-none);
    }

    .sprinkles_borderTopLeftRadius_small_xxl__omrdfn3t {
        border-top-left-radius: var(--knox-corner-radius-small);
    }

    .sprinkles_borderTopLeftRadius_medium_xxl__omrdfn3z {
        border-top-left-radius: var(--knox-corner-radius-medium);
    }

    .sprinkles_borderTopLeftRadius_large_xxl__omrdfn45 {
        border-top-left-radius: var(--knox-corner-radius-large);
    }

    .sprinkles_borderTopLeftRadius_circular_xxl__omrdfn4b {
        border-top-left-radius: var(--knox-corner-radius-circular);
    }

    .sprinkles_borderTopLeftRadius_unset_xxl__omrdfn4h {
        border-top-left-radius: 0;
        border-top-left-radius: initial;
    }

    .sprinkles_borderTopRightRadius_none_xxl__omrdfn4n {
        border-top-right-radius: var(--knox-corner-radius-none);
    }

    .sprinkles_borderTopRightRadius_small_xxl__omrdfn4t {
        border-top-right-radius: var(--knox-corner-radius-small);
    }

    .sprinkles_borderTopRightRadius_medium_xxl__omrdfn4z {
        border-top-right-radius: var(--knox-corner-radius-medium);
    }

    .sprinkles_borderTopRightRadius_large_xxl__omrdfn55 {
        border-top-right-radius: var(--knox-corner-radius-large);
    }

    .sprinkles_borderTopRightRadius_circular_xxl__omrdfn5b {
        border-top-right-radius: var(--knox-corner-radius-circular);
    }

    .sprinkles_borderTopRightRadius_unset_xxl__omrdfn5h {
        border-top-right-radius: 0;
        border-top-right-radius: initial;
    }

    .sprinkles_borderBottomRightRadius_none_xxl__omrdfn5n {
        border-bottom-right-radius: var(--knox-corner-radius-none);
    }

    .sprinkles_borderBottomRightRadius_small_xxl__omrdfn5t {
        border-bottom-right-radius: var(--knox-corner-radius-small);
    }

    .sprinkles_borderBottomRightRadius_medium_xxl__omrdfn5z {
        border-bottom-right-radius: var(--knox-corner-radius-medium);
    }

    .sprinkles_borderBottomRightRadius_large_xxl__omrdfn65 {
        border-bottom-right-radius: var(--knox-corner-radius-large);
    }

    .sprinkles_borderBottomRightRadius_circular_xxl__omrdfn6b {
        border-bottom-right-radius: var(--knox-corner-radius-circular);
    }

    .sprinkles_borderBottomRightRadius_unset_xxl__omrdfn6h {
        border-bottom-right-radius: 0;
        border-bottom-right-radius: initial;
    }

    .sprinkles_borderBottomLeftRadius_none_xxl__omrdfn6n {
        border-bottom-left-radius: var(--knox-corner-radius-none);
    }

    .sprinkles_borderBottomLeftRadius_small_xxl__omrdfn6t {
        border-bottom-left-radius: var(--knox-corner-radius-small);
    }

    .sprinkles_borderBottomLeftRadius_medium_xxl__omrdfn6z {
        border-bottom-left-radius: var(--knox-corner-radius-medium);
    }

    .sprinkles_borderBottomLeftRadius_large_xxl__omrdfn75 {
        border-bottom-left-radius: var(--knox-corner-radius-large);
    }

    .sprinkles_borderBottomLeftRadius_circular_xxl__omrdfn7b {
        border-bottom-left-radius: var(--knox-corner-radius-circular);
    }

    .sprinkles_borderBottomLeftRadius_unset_xxl__omrdfn7h {
        border-bottom-left-radius: 0;
        border-bottom-left-radius: initial;
    }

    .sprinkles_alignItems_flex-start_xxl__omrdfn7n {
        align-items: flex-start;
    }

    .sprinkles_alignItems_center_xxl__omrdfn7t {
        align-items: center;
    }

    .sprinkles_alignItems_flex-end_xxl__omrdfn7z {
        align-items: flex-end;
    }

    .sprinkles_alignItems_stretch_xxl__omrdfn85 {
        align-items: stretch;
    }

    .sprinkles_alignItems_baseline_xxl__omrdfn8b {
        align-items: baseline;
    }

    .sprinkles_alignSelf_flex-start_xxl__omrdfn8h {
        align-self: flex-start;
    }

    .sprinkles_alignSelf_center_xxl__omrdfn8n {
        align-self: center;
    }

    .sprinkles_alignSelf_flex-end_xxl__omrdfn8t {
        align-self: flex-end;
    }

    .sprinkles_alignSelf_stretch_xxl__omrdfn8z {
        align-self: stretch;
    }

    .sprinkles_alignSelf_baseline_xxl__omrdfn95 {
        align-self: baseline;
    }

    .sprinkles_flexDirection_row_xxl__omrdfn9b {
        flex-direction: row;
    }

    .sprinkles_flexDirection_column_xxl__omrdfn9h {
        flex-direction: column;
    }

    .sprinkles_flexDirection_row-reverse_xxl__omrdfn9n {
        flex-direction: row-reverse;
    }

    .sprinkles_flexDirection_column-reverse_xxl__omrdfn9t {
        flex-direction: column-reverse;
    }

    .sprinkles_flex_0_xxl__omrdfn9z {
        flex: 0;
    }

    .sprinkles_flex_1_xxl__omrdfna5 {
        flex: 1;
    }

    .sprinkles_flex_2_xxl__omrdfnab {
        flex: 2;
    }

    .sprinkles_flex_3_xxl__omrdfnah {
        flex: 3;
    }

    .sprinkles_flex_4_xxl__omrdfnan {
        flex: 4;
    }

    .sprinkles_flex_5_xxl__omrdfnat {
        flex: 5;
    }

    .sprinkles_flex_6_xxl__omrdfnaz {
        flex: 6;
    }

    .sprinkles_flex_7_xxl__omrdfnb5 {
        flex: 7;
    }

    .sprinkles_flex_8_xxl__omrdfnbb {
        flex: 8;
    }

    .sprinkles_flex_9_xxl__omrdfnbh {
        flex: 9;
    }

    .sprinkles_flex_10_xxl__omrdfnbn {
        flex: 10;
    }

    .sprinkles_flex_11_xxl__omrdfnbt {
        flex: 11;
    }

    .sprinkles_flex_12_xxl__omrdfnbz {
        flex: 12;
    }

    .sprinkles_flexBasis_0_xxl__omrdfnc5 {
        flex-basis: 0;
    }

    .sprinkles_flexBasis_unset_xxl__omrdfncb {
        flex-basis: initial;
    }

    .sprinkles_flexBasis_inherit_xxl__omrdfnch {
        flex-basis: inherit;
    }

    .sprinkles_flexBasis_initial_xxl__omrdfncn {
        flex-basis: inital;
    }

    .sprinkles_flexWrap_wrap_xxl__omrdfnct {
        flex-wrap: wrap;
    }

    .sprinkles_flexWrap_nowrap_xxl__omrdfncz {
        flex-wrap: nowrap;
    }

    .sprinkles_flexShrink_0_xxl__omrdfnd5 {
        flex-shrink: 0;
    }

    .sprinkles_flexShrink_1_xxl__omrdfndb {
        flex-shrink: 1;
    }

    .sprinkles_flexShrink_2_xxl__omrdfndh {
        flex-shrink: 2;
    }

    .sprinkles_flexShrink_3_xxl__omrdfndn {
        flex-shrink: 3;
    }

    .sprinkles_flexShrink_4_xxl__omrdfndt {
        flex-shrink: 4;
    }

    .sprinkles_flexShrink_5_xxl__omrdfndz {
        flex-shrink: 5;
    }

    .sprinkles_flexShrink_6_xxl__omrdfne5 {
        flex-shrink: 6;
    }

    .sprinkles_flexShrink_7_xxl__omrdfneb {
        flex-shrink: 7;
    }

    .sprinkles_flexShrink_8_xxl__omrdfneh {
        flex-shrink: 8;
    }

    .sprinkles_flexShrink_9_xxl__omrdfnen {
        flex-shrink: 9;
    }

    .sprinkles_flexShrink_10_xxl__omrdfnet {
        flex-shrink: 10;
    }

    .sprinkles_flexShrink_11_xxl__omrdfnez {
        flex-shrink: 11;
    }

    .sprinkles_flexShrink_12_xxl__omrdfnf5 {
        flex-shrink: 12;
    }

    .sprinkles_flexGrow_0_xxl__omrdfnfb {
        flex-grow: 0;
    }

    .sprinkles_flexGrow_1_xxl__omrdfnfh {
        flex-grow: 1;
    }

    .sprinkles_flexGrow_2_xxl__omrdfnfn {
        flex-grow: 2;
    }

    .sprinkles_flexGrow_3_xxl__omrdfnft {
        flex-grow: 3;
    }

    .sprinkles_flexGrow_4_xxl__omrdfnfz {
        flex-grow: 4;
    }

    .sprinkles_flexGrow_5_xxl__omrdfng5 {
        flex-grow: 5;
    }

    .sprinkles_flexGrow_6_xxl__omrdfngb {
        flex-grow: 6;
    }

    .sprinkles_flexGrow_7_xxl__omrdfngh {
        flex-grow: 7;
    }

    .sprinkles_flexGrow_8_xxl__omrdfngn {
        flex-grow: 8;
    }

    .sprinkles_flexGrow_9_xxl__omrdfngt {
        flex-grow: 9;
    }

    .sprinkles_flexGrow_10_xxl__omrdfngz {
        flex-grow: 10;
    }

    .sprinkles_flexGrow_11_xxl__omrdfnh5 {
        flex-grow: 11;
    }

    .sprinkles_flexGrow_12_xxl__omrdfnhb {
        flex-grow: 12;
    }

    .sprinkles_height_full_xxl__omrdfnhh {
        height: 100%;
    }

    .sprinkles_height_fit-content_xxl__omrdfnhn {
        height: fit-content;
    }

    .sprinkles_height_max-content_xxl__omrdfnht {
        height: max-content;
    }

    .sprinkles_height_min-content_xxl__omrdfnhz {
        height: min-content;
    }

    .sprinkles_height_auto_xxl__omrdfni5 {
        height: auto;
    }

    .sprinkles_height_unset_xxl__omrdfnib {
        height: auto;
        height: initial;
    }

    .sprinkles_minHeight_0_xxl__omrdfnih {
        min-height: 0px;
    }

    .sprinkles_minHeight_full_xxl__omrdfnin {
        min-height: 100%;
    }

    .sprinkles_minHeight_fit-content_xxl__omrdfnit {
        min-height: fit-content;
    }

    .sprinkles_minHeight_max-content_xxl__omrdfniz {
        min-height: max-content;
    }

    .sprinkles_minHeight_min-content_xxl__omrdfnj5 {
        min-height: min-content;
    }

    .sprinkles_minHeight_auto_xxl__omrdfnjb {
        min-height: auto;
    }

    .sprinkles_minHeight_unset_xxl__omrdfnjh {
        min-height: 0;
        min-height: initial;
    }

    .sprinkles_minHeight_100px_xxl__omrdfnjn {
        min-height: 100px;
    }

    .sprinkles_minHeight_200px_xxl__omrdfnjt {
        min-height: 200px;
    }

    .sprinkles_minHeight_300px_xxl__omrdfnjz {
        min-height: 300px;
    }

    .sprinkles_minHeight_400px_xxl__omrdfnk5 {
        min-height: 400px;
    }

    .sprinkles_minHeight_500px_xxl__omrdfnkb {
        min-height: 500px;
    }

    .sprinkles_minHeight_600px_xxl__omrdfnkh {
        min-height: 600px;
    }

    .sprinkles_maxHeight_0_xxl__omrdfnkn {
        max-height: 0px;
    }

    .sprinkles_maxHeight_full_xxl__omrdfnkt {
        max-height: 100%;
    }

    .sprinkles_maxHeight_fit-content_xxl__omrdfnkz {
        max-height: fit-content;
    }

    .sprinkles_maxHeight_max-content_xxl__omrdfnl5 {
        max-height: max-content;
    }

    .sprinkles_maxHeight_min-content_xxl__omrdfnlb {
        max-height: min-content;
    }

    .sprinkles_maxHeight_auto_xxl__omrdfnlh {
        max-height: auto;
    }

    .sprinkles_maxHeight_unset_xxl__omrdfnln {
        max-height: none;
        max-height: initial;
    }

    .sprinkles_maxHeight_100px_xxl__omrdfnlt {
        max-height: 100px;
    }

    .sprinkles_maxHeight_200px_xxl__omrdfnlz {
        max-height: 200px;
    }

    .sprinkles_maxHeight_300px_xxl__omrdfnm5 {
        max-height: 300px;
    }

    .sprinkles_maxHeight_400px_xxl__omrdfnmb {
        max-height: 400px;
    }

    .sprinkles_maxHeight_500px_xxl__omrdfnmh {
        max-height: 500px;
    }

    .sprinkles_maxHeight_600px_xxl__omrdfnmn {
        max-height: 600px;
    }

    .sprinkles_justifySelf_flex-start_xxl__omrdfnmt {
        justify-self: flex-start;
    }

    .sprinkles_justifySelf_center_xxl__omrdfnmz {
        justify-self: center;
    }

    .sprinkles_justifySelf_flex-end_xxl__omrdfnn5 {
        justify-self: flex-end;
    }

    .sprinkles_justifySelf_stretch_xxl__omrdfnnb {
        justify-self: stretch;
    }

    .sprinkles_paddingTop_0_xxl__omrdfnnh {
        padding-top: 0;
    }

    .sprinkles_paddingTop_none_xxl__omrdfnnn {
        padding-top: var(--knox-spacing-none);
    }

    .sprinkles_paddingTop_hairline_xxl__omrdfnnt {
        padding-top: var(--knox-spacing-hairline);
    }

    .sprinkles_paddingTop_2xs_xxl__omrdfnnz {
        padding-top: var(--knox-spacing-2xs);
    }

    .sprinkles_paddingTop_xs_xxl__omrdfno5 {
        padding-top: var(--knox-spacing-xs);
    }

    .sprinkles_paddingTop_small_xxl__omrdfnob {
        padding-top: var(--knox-spacing-small);
    }

    .sprinkles_paddingTop_medium_xxl__omrdfnoh {
        padding-top: var(--knox-spacing-medium);
    }

    .sprinkles_paddingTop_large_xxl__omrdfnon {
        padding-top: var(--knox-spacing-large);
    }

    .sprinkles_paddingTop_xl_xxl__omrdfnot {
        padding-top: var(--knox-spacing-xl);
    }

    .sprinkles_paddingTop_2xl_xxl__omrdfnoz {
        padding-top: var(--knox-spacing-2xl);
    }

    .sprinkles_paddingTop_3xl_xxl__omrdfnp5 {
        padding-top: var(--knox-spacing-3xl);
    }

    .sprinkles_paddingTop_4xl_xxl__omrdfnpb {
        padding-top: var(--knox-spacing-4xl);
    }

    .sprinkles_paddingTop_unset_xxl__omrdfnph {
        padding-top: 0;
        padding-top: initial;
    }

    .sprinkles_paddingBottom_0_xxl__omrdfnpn {
        padding-bottom: 0;
    }

    .sprinkles_paddingBottom_none_xxl__omrdfnpt {
        padding-bottom: var(--knox-spacing-none);
    }

    .sprinkles_paddingBottom_hairline_xxl__omrdfnpz {
        padding-bottom: var(--knox-spacing-hairline);
    }

    .sprinkles_paddingBottom_2xs_xxl__omrdfnq5 {
        padding-bottom: var(--knox-spacing-2xs);
    }

    .sprinkles_paddingBottom_xs_xxl__omrdfnqb {
        padding-bottom: var(--knox-spacing-xs);
    }

    .sprinkles_paddingBottom_small_xxl__omrdfnqh {
        padding-bottom: var(--knox-spacing-small);
    }

    .sprinkles_paddingBottom_medium_xxl__omrdfnqn {
        padding-bottom: var(--knox-spacing-medium);
    }

    .sprinkles_paddingBottom_large_xxl__omrdfnqt {
        padding-bottom: var(--knox-spacing-large);
    }

    .sprinkles_paddingBottom_xl_xxl__omrdfnqz {
        padding-bottom: var(--knox-spacing-xl);
    }

    .sprinkles_paddingBottom_2xl_xxl__omrdfnr5 {
        padding-bottom: var(--knox-spacing-2xl);
    }

    .sprinkles_paddingBottom_3xl_xxl__omrdfnrb {
        padding-bottom: var(--knox-spacing-3xl);
    }

    .sprinkles_paddingBottom_4xl_xxl__omrdfnrh {
        padding-bottom: var(--knox-spacing-4xl);
    }

    .sprinkles_paddingBottom_unset_xxl__omrdfnrn {
        padding-bottom: 0;
        padding-bottom: initial;
    }

    .sprinkles_paddingLeft_0_xxl__omrdfnrt {
        padding-left: 0;
    }

    .sprinkles_paddingLeft_none_xxl__omrdfnrz {
        padding-left: var(--knox-spacing-none);
    }

    .sprinkles_paddingLeft_hairline_xxl__omrdfns5 {
        padding-left: var(--knox-spacing-hairline);
    }

    .sprinkles_paddingLeft_2xs_xxl__omrdfnsb {
        padding-left: var(--knox-spacing-2xs);
    }

    .sprinkles_paddingLeft_xs_xxl__omrdfnsh {
        padding-left: var(--knox-spacing-xs);
    }

    .sprinkles_paddingLeft_small_xxl__omrdfnsn {
        padding-left: var(--knox-spacing-small);
    }

    .sprinkles_paddingLeft_medium_xxl__omrdfnst {
        padding-left: var(--knox-spacing-medium);
    }

    .sprinkles_paddingLeft_large_xxl__omrdfnsz {
        padding-left: var(--knox-spacing-large);
    }

    .sprinkles_paddingLeft_xl_xxl__omrdfnt5 {
        padding-left: var(--knox-spacing-xl);
    }

    .sprinkles_paddingLeft_2xl_xxl__omrdfntb {
        padding-left: var(--knox-spacing-2xl);
    }

    .sprinkles_paddingLeft_3xl_xxl__omrdfnth {
        padding-left: var(--knox-spacing-3xl);
    }

    .sprinkles_paddingLeft_4xl_xxl__omrdfntn {
        padding-left: var(--knox-spacing-4xl);
    }

    .sprinkles_paddingLeft_unset_xxl__omrdfntt {
        padding-left: 0;
        padding-left: initial;
    }

    .sprinkles_paddingRight_0_xxl__omrdfntz {
        padding-right: 0;
    }

    .sprinkles_paddingRight_none_xxl__omrdfnu5 {
        padding-right: var(--knox-spacing-none);
    }

    .sprinkles_paddingRight_hairline_xxl__omrdfnub {
        padding-right: var(--knox-spacing-hairline);
    }

    .sprinkles_paddingRight_2xs_xxl__omrdfnuh {
        padding-right: var(--knox-spacing-2xs);
    }

    .sprinkles_paddingRight_xs_xxl__omrdfnun {
        padding-right: var(--knox-spacing-xs);
    }

    .sprinkles_paddingRight_small_xxl__omrdfnut {
        padding-right: var(--knox-spacing-small);
    }

    .sprinkles_paddingRight_medium_xxl__omrdfnuz {
        padding-right: var(--knox-spacing-medium);
    }

    .sprinkles_paddingRight_large_xxl__omrdfnv5 {
        padding-right: var(--knox-spacing-large);
    }

    .sprinkles_paddingRight_xl_xxl__omrdfnvb {
        padding-right: var(--knox-spacing-xl);
    }

    .sprinkles_paddingRight_2xl_xxl__omrdfnvh {
        padding-right: var(--knox-spacing-2xl);
    }

    .sprinkles_paddingRight_3xl_xxl__omrdfnvn {
        padding-right: var(--knox-spacing-3xl);
    }

    .sprinkles_paddingRight_4xl_xxl__omrdfnvt {
        padding-right: var(--knox-spacing-4xl);
    }

    .sprinkles_paddingRight_unset_xxl__omrdfnvz {
        padding-right: 0;
        padding-right: initial;
    }

    .sprinkles_paddingBlockStart_0_xxl__omrdfnw5 {
        padding-top: 0;
    }

    .sprinkles_paddingBlockStart_none_xxl__omrdfnwb {
        padding-top: var(--knox-spacing-none);
    }

    .sprinkles_paddingBlockStart_hairline_xxl__omrdfnwh {
        padding-top: var(--knox-spacing-hairline);
    }

    .sprinkles_paddingBlockStart_2xs_xxl__omrdfnwn {
        padding-top: var(--knox-spacing-2xs);
    }

    .sprinkles_paddingBlockStart_xs_xxl__omrdfnwt {
        padding-top: var(--knox-spacing-xs);
    }

    .sprinkles_paddingBlockStart_small_xxl__omrdfnwz {
        padding-top: var(--knox-spacing-small);
    }

    .sprinkles_paddingBlockStart_medium_xxl__omrdfnx5 {
        padding-top: var(--knox-spacing-medium);
    }

    .sprinkles_paddingBlockStart_large_xxl__omrdfnxb {
        padding-top: var(--knox-spacing-large);
    }

    .sprinkles_paddingBlockStart_xl_xxl__omrdfnxh {
        padding-top: var(--knox-spacing-xl);
    }

    .sprinkles_paddingBlockStart_2xl_xxl__omrdfnxn {
        padding-top: var(--knox-spacing-2xl);
    }

    .sprinkles_paddingBlockStart_3xl_xxl__omrdfnxt {
        padding-top: var(--knox-spacing-3xl);
    }

    .sprinkles_paddingBlockStart_4xl_xxl__omrdfnxz {
        padding-top: var(--knox-spacing-4xl);
    }

    .sprinkles_paddingBlockStart_unset_xxl__omrdfny5 {
        padding-top: 0;
        padding-top: initial;
    }

    .sprinkles_paddingBlockEnd_0_xxl__omrdfnyb {
        padding-bottom: 0;
    }

    .sprinkles_paddingBlockEnd_none_xxl__omrdfnyh {
        padding-bottom: var(--knox-spacing-none);
    }

    .sprinkles_paddingBlockEnd_hairline_xxl__omrdfnyn {
        padding-bottom: var(--knox-spacing-hairline);
    }

    .sprinkles_paddingBlockEnd_2xs_xxl__omrdfnyt {
        padding-bottom: var(--knox-spacing-2xs);
    }

    .sprinkles_paddingBlockEnd_xs_xxl__omrdfnyz {
        padding-bottom: var(--knox-spacing-xs);
    }

    .sprinkles_paddingBlockEnd_small_xxl__omrdfnz5 {
        padding-bottom: var(--knox-spacing-small);
    }

    .sprinkles_paddingBlockEnd_medium_xxl__omrdfnzb {
        padding-bottom: var(--knox-spacing-medium);
    }

    .sprinkles_paddingBlockEnd_large_xxl__omrdfnzh {
        padding-bottom: var(--knox-spacing-large);
    }

    .sprinkles_paddingBlockEnd_xl_xxl__omrdfnzn {
        padding-bottom: var(--knox-spacing-xl);
    }

    .sprinkles_paddingBlockEnd_2xl_xxl__omrdfnzt {
        padding-bottom: var(--knox-spacing-2xl);
    }

    .sprinkles_paddingBlockEnd_3xl_xxl__omrdfnzz {
        padding-bottom: var(--knox-spacing-3xl);
    }

    .sprinkles_paddingBlockEnd_4xl_xxl__omrdfn105 {
        padding-bottom: var(--knox-spacing-4xl);
    }

    .sprinkles_paddingBlockEnd_unset_xxl__omrdfn10b {
        padding-bottom: 0;
        padding-bottom: initial;
    }

    .sprinkles_paddingInlineStart_0_xxl__omrdfn10h {
        padding-left: 0;
    }

    .sprinkles_paddingInlineStart_none_xxl__omrdfn10n {
        padding-left: var(--knox-spacing-none);
    }

    .sprinkles_paddingInlineStart_hairline_xxl__omrdfn10t {
        padding-left: var(--knox-spacing-hairline);
    }

    .sprinkles_paddingInlineStart_2xs_xxl__omrdfn10z {
        padding-left: var(--knox-spacing-2xs);
    }

    .sprinkles_paddingInlineStart_xs_xxl__omrdfn115 {
        padding-left: var(--knox-spacing-xs);
    }

    .sprinkles_paddingInlineStart_small_xxl__omrdfn11b {
        padding-left: var(--knox-spacing-small);
    }

    .sprinkles_paddingInlineStart_medium_xxl__omrdfn11h {
        padding-left: var(--knox-spacing-medium);
    }

    .sprinkles_paddingInlineStart_large_xxl__omrdfn11n {
        padding-left: var(--knox-spacing-large);
    }

    .sprinkles_paddingInlineStart_xl_xxl__omrdfn11t {
        padding-left: var(--knox-spacing-xl);
    }

    .sprinkles_paddingInlineStart_2xl_xxl__omrdfn11z {
        padding-left: var(--knox-spacing-2xl);
    }

    .sprinkles_paddingInlineStart_3xl_xxl__omrdfn125 {
        padding-left: var(--knox-spacing-3xl);
    }

    .sprinkles_paddingInlineStart_4xl_xxl__omrdfn12b {
        padding-left: var(--knox-spacing-4xl);
    }

    .sprinkles_paddingInlineStart_unset_xxl__omrdfn12h {
        padding-left: 0;
        padding-left: initial;
    }

    .sprinkles_paddingInlineEnd_0_xxl__omrdfn12n {
        padding-right: 0;
    }

    .sprinkles_paddingInlineEnd_none_xxl__omrdfn12t {
        padding-right: var(--knox-spacing-none);
    }

    .sprinkles_paddingInlineEnd_hairline_xxl__omrdfn12z {
        padding-right: var(--knox-spacing-hairline);
    }

    .sprinkles_paddingInlineEnd_2xs_xxl__omrdfn135 {
        padding-right: var(--knox-spacing-2xs);
    }

    .sprinkles_paddingInlineEnd_xs_xxl__omrdfn13b {
        padding-right: var(--knox-spacing-xs);
    }

    .sprinkles_paddingInlineEnd_small_xxl__omrdfn13h {
        padding-right: var(--knox-spacing-small);
    }

    .sprinkles_paddingInlineEnd_medium_xxl__omrdfn13n {
        padding-right: var(--knox-spacing-medium);
    }

    .sprinkles_paddingInlineEnd_large_xxl__omrdfn13t {
        padding-right: var(--knox-spacing-large);
    }

    .sprinkles_paddingInlineEnd_xl_xxl__omrdfn13z {
        padding-right: var(--knox-spacing-xl);
    }

    .sprinkles_paddingInlineEnd_2xl_xxl__omrdfn145 {
        padding-right: var(--knox-spacing-2xl);
    }

    .sprinkles_paddingInlineEnd_3xl_xxl__omrdfn14b {
        padding-right: var(--knox-spacing-3xl);
    }

    .sprinkles_paddingInlineEnd_4xl_xxl__omrdfn14h {
        padding-right: var(--knox-spacing-4xl);
    }

    .sprinkles_paddingInlineEnd_unset_xxl__omrdfn14n {
        padding-right: 0;
        padding-right: initial;
    }

    .sprinkles_position_relative_xxl__omrdfn14t {
        position: relative;
    }

    .sprinkles_position_absolute_xxl__omrdfn14z {
        position: absolute;
    }

    .sprinkles_position_fixed_xxl__omrdfn155 {
        position: fixed;
    }

    .sprinkles_position_static_xxl__omrdfn15b {
        position: static;
    }

    .sprinkles_marginTop_0_xxl__omrdfn15h {
        margin-top: 0;
    }

    .sprinkles_marginTop_none_xxl__omrdfn15n {
        margin-top: var(--knox-spacing-none);
    }

    .sprinkles_marginTop_hairline_xxl__omrdfn15t {
        margin-top: var(--knox-spacing-hairline);
    }

    .sprinkles_marginTop_2xs_xxl__omrdfn15z {
        margin-top: var(--knox-spacing-2xs);
    }

    .sprinkles_marginTop_xs_xxl__omrdfn165 {
        margin-top: var(--knox-spacing-xs);
    }

    .sprinkles_marginTop_small_xxl__omrdfn16b {
        margin-top: var(--knox-spacing-small);
    }

    .sprinkles_marginTop_medium_xxl__omrdfn16h {
        margin-top: var(--knox-spacing-medium);
    }

    .sprinkles_marginTop_large_xxl__omrdfn16n {
        margin-top: var(--knox-spacing-large);
    }

    .sprinkles_marginTop_xl_xxl__omrdfn16t {
        margin-top: var(--knox-spacing-xl);
    }

    .sprinkles_marginTop_2xl_xxl__omrdfn16z {
        margin-top: var(--knox-spacing-2xl);
    }

    .sprinkles_marginTop_3xl_xxl__omrdfn175 {
        margin-top: var(--knox-spacing-3xl);
    }

    .sprinkles_marginTop_4xl_xxl__omrdfn17b {
        margin-top: var(--knox-spacing-4xl);
    }

    .sprinkles_marginTop_unset_xxl__omrdfn17h {
        margin-top: 0;
        margin-top: initial;
    }

    .sprinkles_marginTop_auto_xxl__omrdfn17n {
        margin-top: auto;
    }

    .sprinkles_marginBottom_0_xxl__omrdfn17t {
        margin-bottom: 0;
    }

    .sprinkles_marginBottom_none_xxl__omrdfn17z {
        margin-bottom: var(--knox-spacing-none);
    }

    .sprinkles_marginBottom_hairline_xxl__omrdfn185 {
        margin-bottom: var(--knox-spacing-hairline);
    }

    .sprinkles_marginBottom_2xs_xxl__omrdfn18b {
        margin-bottom: var(--knox-spacing-2xs);
    }

    .sprinkles_marginBottom_xs_xxl__omrdfn18h {
        margin-bottom: var(--knox-spacing-xs);
    }

    .sprinkles_marginBottom_small_xxl__omrdfn18n {
        margin-bottom: var(--knox-spacing-small);
    }

    .sprinkles_marginBottom_medium_xxl__omrdfn18t {
        margin-bottom: var(--knox-spacing-medium);
    }

    .sprinkles_marginBottom_large_xxl__omrdfn18z {
        margin-bottom: var(--knox-spacing-large);
    }

    .sprinkles_marginBottom_xl_xxl__omrdfn195 {
        margin-bottom: var(--knox-spacing-xl);
    }

    .sprinkles_marginBottom_2xl_xxl__omrdfn19b {
        margin-bottom: var(--knox-spacing-2xl);
    }

    .sprinkles_marginBottom_3xl_xxl__omrdfn19h {
        margin-bottom: var(--knox-spacing-3xl);
    }

    .sprinkles_marginBottom_4xl_xxl__omrdfn19n {
        margin-bottom: var(--knox-spacing-4xl);
    }

    .sprinkles_marginBottom_unset_xxl__omrdfn19t {
        margin-bottom: 0;
        margin-bottom: initial;
    }

    .sprinkles_marginBottom_auto_xxl__omrdfn19z {
        margin-bottom: auto;
    }

    .sprinkles_marginLeft_0_xxl__omrdfn1a5 {
        margin-left: 0;
    }

    .sprinkles_marginLeft_none_xxl__omrdfn1ab {
        margin-left: var(--knox-spacing-none);
    }

    .sprinkles_marginLeft_hairline_xxl__omrdfn1ah {
        margin-left: var(--knox-spacing-hairline);
    }

    .sprinkles_marginLeft_2xs_xxl__omrdfn1an {
        margin-left: var(--knox-spacing-2xs);
    }

    .sprinkles_marginLeft_xs_xxl__omrdfn1at {
        margin-left: var(--knox-spacing-xs);
    }

    .sprinkles_marginLeft_small_xxl__omrdfn1az {
        margin-left: var(--knox-spacing-small);
    }

    .sprinkles_marginLeft_medium_xxl__omrdfn1b5 {
        margin-left: var(--knox-spacing-medium);
    }

    .sprinkles_marginLeft_large_xxl__omrdfn1bb {
        margin-left: var(--knox-spacing-large);
    }

    .sprinkles_marginLeft_xl_xxl__omrdfn1bh {
        margin-left: var(--knox-spacing-xl);
    }

    .sprinkles_marginLeft_2xl_xxl__omrdfn1bn {
        margin-left: var(--knox-spacing-2xl);
    }

    .sprinkles_marginLeft_3xl_xxl__omrdfn1bt {
        margin-left: var(--knox-spacing-3xl);
    }

    .sprinkles_marginLeft_4xl_xxl__omrdfn1bz {
        margin-left: var(--knox-spacing-4xl);
    }

    .sprinkles_marginLeft_unset_xxl__omrdfn1c5 {
        margin-left: 0;
        margin-left: initial;
    }

    .sprinkles_marginLeft_auto_xxl__omrdfn1cb {
        margin-left: auto;
    }

    .sprinkles_marginRight_0_xxl__omrdfn1ch {
        margin-right: 0;
    }

    .sprinkles_marginRight_none_xxl__omrdfn1cn {
        margin-right: var(--knox-spacing-none);
    }

    .sprinkles_marginRight_hairline_xxl__omrdfn1ct {
        margin-right: var(--knox-spacing-hairline);
    }

    .sprinkles_marginRight_2xs_xxl__omrdfn1cz {
        margin-right: var(--knox-spacing-2xs);
    }

    .sprinkles_marginRight_xs_xxl__omrdfn1d5 {
        margin-right: var(--knox-spacing-xs);
    }

    .sprinkles_marginRight_small_xxl__omrdfn1db {
        margin-right: var(--knox-spacing-small);
    }

    .sprinkles_marginRight_medium_xxl__omrdfn1dh {
        margin-right: var(--knox-spacing-medium);
    }

    .sprinkles_marginRight_large_xxl__omrdfn1dn {
        margin-right: var(--knox-spacing-large);
    }

    .sprinkles_marginRight_xl_xxl__omrdfn1dt {
        margin-right: var(--knox-spacing-xl);
    }

    .sprinkles_marginRight_2xl_xxl__omrdfn1dz {
        margin-right: var(--knox-spacing-2xl);
    }

    .sprinkles_marginRight_3xl_xxl__omrdfn1e5 {
        margin-right: var(--knox-spacing-3xl);
    }

    .sprinkles_marginRight_4xl_xxl__omrdfn1eb {
        margin-right: var(--knox-spacing-4xl);
    }

    .sprinkles_marginRight_unset_xxl__omrdfn1eh {
        margin-right: 0;
        margin-right: initial;
    }

    .sprinkles_marginRight_auto_xxl__omrdfn1en {
        margin-right: auto;
    }

    .sprinkles_marginBlockStart_0_xxl__omrdfn1et {
        margin-top: 0;
    }

    .sprinkles_marginBlockStart_none_xxl__omrdfn1ez {
        margin-top: var(--knox-spacing-none);
    }

    .sprinkles_marginBlockStart_hairline_xxl__omrdfn1f5 {
        margin-top: var(--knox-spacing-hairline);
    }

    .sprinkles_marginBlockStart_2xs_xxl__omrdfn1fb {
        margin-top: var(--knox-spacing-2xs);
    }

    .sprinkles_marginBlockStart_xs_xxl__omrdfn1fh {
        margin-top: var(--knox-spacing-xs);
    }

    .sprinkles_marginBlockStart_small_xxl__omrdfn1fn {
        margin-top: var(--knox-spacing-small);
    }

    .sprinkles_marginBlockStart_medium_xxl__omrdfn1ft {
        margin-top: var(--knox-spacing-medium);
    }

    .sprinkles_marginBlockStart_large_xxl__omrdfn1fz {
        margin-top: var(--knox-spacing-large);
    }

    .sprinkles_marginBlockStart_xl_xxl__omrdfn1g5 {
        margin-top: var(--knox-spacing-xl);
    }

    .sprinkles_marginBlockStart_2xl_xxl__omrdfn1gb {
        margin-top: var(--knox-spacing-2xl);
    }

    .sprinkles_marginBlockStart_3xl_xxl__omrdfn1gh {
        margin-top: var(--knox-spacing-3xl);
    }

    .sprinkles_marginBlockStart_4xl_xxl__omrdfn1gn {
        margin-top: var(--knox-spacing-4xl);
    }

    .sprinkles_marginBlockStart_unset_xxl__omrdfn1gt {
        margin-top: 0;
        margin-top: initial;
    }

    .sprinkles_marginBlockStart_auto_xxl__omrdfn1gz {
        margin-top: auto;
    }

    .sprinkles_marginBlockEnd_0_xxl__omrdfn1h5 {
        margin-bottom: 0;
    }

    .sprinkles_marginBlockEnd_none_xxl__omrdfn1hb {
        margin-bottom: var(--knox-spacing-none);
    }

    .sprinkles_marginBlockEnd_hairline_xxl__omrdfn1hh {
        margin-bottom: var(--knox-spacing-hairline);
    }

    .sprinkles_marginBlockEnd_2xs_xxl__omrdfn1hn {
        margin-bottom: var(--knox-spacing-2xs);
    }

    .sprinkles_marginBlockEnd_xs_xxl__omrdfn1ht {
        margin-bottom: var(--knox-spacing-xs);
    }

    .sprinkles_marginBlockEnd_small_xxl__omrdfn1hz {
        margin-bottom: var(--knox-spacing-small);
    }

    .sprinkles_marginBlockEnd_medium_xxl__omrdfn1i5 {
        margin-bottom: var(--knox-spacing-medium);
    }

    .sprinkles_marginBlockEnd_large_xxl__omrdfn1ib {
        margin-bottom: var(--knox-spacing-large);
    }

    .sprinkles_marginBlockEnd_xl_xxl__omrdfn1ih {
        margin-bottom: var(--knox-spacing-xl);
    }

    .sprinkles_marginBlockEnd_2xl_xxl__omrdfn1in {
        margin-bottom: var(--knox-spacing-2xl);
    }

    .sprinkles_marginBlockEnd_3xl_xxl__omrdfn1it {
        margin-bottom: var(--knox-spacing-3xl);
    }

    .sprinkles_marginBlockEnd_4xl_xxl__omrdfn1iz {
        margin-bottom: var(--knox-spacing-4xl);
    }

    .sprinkles_marginBlockEnd_unset_xxl__omrdfn1j5 {
        margin-bottom: 0;
        margin-bottom: initial;
    }

    .sprinkles_marginBlockEnd_auto_xxl__omrdfn1jb {
        margin-bottom: auto;
    }

    .sprinkles_marginInlineStart_0_xxl__omrdfn1jh {
        margin-left: 0;
    }

    .sprinkles_marginInlineStart_none_xxl__omrdfn1jn {
        margin-left: var(--knox-spacing-none);
    }

    .sprinkles_marginInlineStart_hairline_xxl__omrdfn1jt {
        margin-left: var(--knox-spacing-hairline);
    }

    .sprinkles_marginInlineStart_2xs_xxl__omrdfn1jz {
        margin-left: var(--knox-spacing-2xs);
    }

    .sprinkles_marginInlineStart_xs_xxl__omrdfn1k5 {
        margin-left: var(--knox-spacing-xs);
    }

    .sprinkles_marginInlineStart_small_xxl__omrdfn1kb {
        margin-left: var(--knox-spacing-small);
    }

    .sprinkles_marginInlineStart_medium_xxl__omrdfn1kh {
        margin-left: var(--knox-spacing-medium);
    }

    .sprinkles_marginInlineStart_large_xxl__omrdfn1kn {
        margin-left: var(--knox-spacing-large);
    }

    .sprinkles_marginInlineStart_xl_xxl__omrdfn1kt {
        margin-left: var(--knox-spacing-xl);
    }

    .sprinkles_marginInlineStart_2xl_xxl__omrdfn1kz {
        margin-left: var(--knox-spacing-2xl);
    }

    .sprinkles_marginInlineStart_3xl_xxl__omrdfn1l5 {
        margin-left: var(--knox-spacing-3xl);
    }

    .sprinkles_marginInlineStart_4xl_xxl__omrdfn1lb {
        margin-left: var(--knox-spacing-4xl);
    }

    .sprinkles_marginInlineStart_unset_xxl__omrdfn1lh {
        margin-left: 0;
        margin-left: initial;
    }

    .sprinkles_marginInlineStart_auto_xxl__omrdfn1ln {
        margin-left: auto;
    }

    .sprinkles_marginInlineEnd_0_xxl__omrdfn1lt {
        margin-right: 0;
    }

    .sprinkles_marginInlineEnd_none_xxl__omrdfn1lz {
        margin-right: var(--knox-spacing-none);
    }

    .sprinkles_marginInlineEnd_hairline_xxl__omrdfn1m5 {
        margin-right: var(--knox-spacing-hairline);
    }

    .sprinkles_marginInlineEnd_2xs_xxl__omrdfn1mb {
        margin-right: var(--knox-spacing-2xs);
    }

    .sprinkles_marginInlineEnd_xs_xxl__omrdfn1mh {
        margin-right: var(--knox-spacing-xs);
    }

    .sprinkles_marginInlineEnd_small_xxl__omrdfn1mn {
        margin-right: var(--knox-spacing-small);
    }

    .sprinkles_marginInlineEnd_medium_xxl__omrdfn1mt {
        margin-right: var(--knox-spacing-medium);
    }

    .sprinkles_marginInlineEnd_large_xxl__omrdfn1mz {
        margin-right: var(--knox-spacing-large);
    }

    .sprinkles_marginInlineEnd_xl_xxl__omrdfn1n5 {
        margin-right: var(--knox-spacing-xl);
    }

    .sprinkles_marginInlineEnd_2xl_xxl__omrdfn1nb {
        margin-right: var(--knox-spacing-2xl);
    }

    .sprinkles_marginInlineEnd_3xl_xxl__omrdfn1nh {
        margin-right: var(--knox-spacing-3xl);
    }

    .sprinkles_marginInlineEnd_4xl_xxl__omrdfn1nn {
        margin-right: var(--knox-spacing-4xl);
    }

    .sprinkles_marginInlineEnd_unset_xxl__omrdfn1nt {
        margin-right: 0;
        margin-right: initial;
    }

    .sprinkles_marginInlineEnd_auto_xxl__omrdfn1nz {
        margin-right: auto;
    }

    .sprinkles_order_0_xxl__omrdfn1o5 {
        order: 0;
    }

    .sprinkles_order_1_xxl__omrdfn1ob {
        order: 1;
    }

    .sprinkles_order_2_xxl__omrdfn1oh {
        order: 2;
    }

    .sprinkles_order_3_xxl__omrdfn1on {
        order: 3;
    }

    .sprinkles_order_4_xxl__omrdfn1ot {
        order: 4;
    }

    .sprinkles_order_5_xxl__omrdfn1oz {
        order: 5;
    }

    .sprinkles_order_6_xxl__omrdfn1p5 {
        order: 6;
    }

    .sprinkles_order_7_xxl__omrdfn1pb {
        order: 7;
    }

    .sprinkles_order_8_xxl__omrdfn1ph {
        order: 8;
    }

    .sprinkles_order_9_xxl__omrdfn1pn {
        order: 9;
    }

    .sprinkles_order_10_xxl__omrdfn1pt {
        order: 10;
    }

    .sprinkles_order_11_xxl__omrdfn1pz {
        order: 11;
    }

    .sprinkles_order_12_xxl__omrdfn1q5 {
        order: 12;
    }

    .sprinkles_insetInlineStart_0_xxl__omrdfn1qb {
        left: 0;
    }

    .sprinkles_insetInlineStart_none_xxl__omrdfn1qh {
        left: var(--knox-spacing-none);
    }

    .sprinkles_insetInlineStart_hairline_xxl__omrdfn1qn {
        left: var(--knox-spacing-hairline);
    }

    .sprinkles_insetInlineStart_2xs_xxl__omrdfn1qt {
        left: var(--knox-spacing-2xs);
    }

    .sprinkles_insetInlineStart_xs_xxl__omrdfn1qz {
        left: var(--knox-spacing-xs);
    }

    .sprinkles_insetInlineStart_small_xxl__omrdfn1r5 {
        left: var(--knox-spacing-small);
    }

    .sprinkles_insetInlineStart_medium_xxl__omrdfn1rb {
        left: var(--knox-spacing-medium);
    }

    .sprinkles_insetInlineStart_large_xxl__omrdfn1rh {
        left: var(--knox-spacing-large);
    }

    .sprinkles_insetInlineStart_xl_xxl__omrdfn1rn {
        left: var(--knox-spacing-xl);
    }

    .sprinkles_insetInlineStart_2xl_xxl__omrdfn1rt {
        left: var(--knox-spacing-2xl);
    }

    .sprinkles_insetInlineStart_3xl_xxl__omrdfn1rz {
        left: var(--knox-spacing-3xl);
    }

    .sprinkles_insetInlineStart_4xl_xxl__omrdfn1s5 {
        left: var(--knox-spacing-4xl);
    }

    .sprinkles_insetInlineStart_unset_xxl__omrdfn1sb {
        left: auto;
        left: initial;
    }

    .sprinkles_insetInlineEnd_0_xxl__omrdfn1sh {
        right: 0;
    }

    .sprinkles_insetInlineEnd_none_xxl__omrdfn1sn {
        right: var(--knox-spacing-none);
    }

    .sprinkles_insetInlineEnd_hairline_xxl__omrdfn1st {
        right: var(--knox-spacing-hairline);
    }

    .sprinkles_insetInlineEnd_2xs_xxl__omrdfn1sz {
        right: var(--knox-spacing-2xs);
    }

    .sprinkles_insetInlineEnd_xs_xxl__omrdfn1t5 {
        right: var(--knox-spacing-xs);
    }

    .sprinkles_insetInlineEnd_small_xxl__omrdfn1tb {
        right: var(--knox-spacing-small);
    }

    .sprinkles_insetInlineEnd_medium_xxl__omrdfn1th {
        right: var(--knox-spacing-medium);
    }

    .sprinkles_insetInlineEnd_large_xxl__omrdfn1tn {
        right: var(--knox-spacing-large);
    }

    .sprinkles_insetInlineEnd_xl_xxl__omrdfn1tt {
        right: var(--knox-spacing-xl);
    }

    .sprinkles_insetInlineEnd_2xl_xxl__omrdfn1tz {
        right: var(--knox-spacing-2xl);
    }

    .sprinkles_insetInlineEnd_3xl_xxl__omrdfn1u5 {
        right: var(--knox-spacing-3xl);
    }

    .sprinkles_insetInlineEnd_4xl_xxl__omrdfn1ub {
        right: var(--knox-spacing-4xl);
    }

    .sprinkles_insetInlineEnd_unset_xxl__omrdfn1uh {
        right: auto;
        right: initial;
    }

    .sprinkles_insetBlockStart_0_xxl__omrdfn1un {
        top: 0;
    }

    .sprinkles_insetBlockStart_none_xxl__omrdfn1ut {
        top: var(--knox-spacing-none);
    }

    .sprinkles_insetBlockStart_hairline_xxl__omrdfn1uz {
        top: var(--knox-spacing-hairline);
    }

    .sprinkles_insetBlockStart_2xs_xxl__omrdfn1v5 {
        top: var(--knox-spacing-2xs);
    }

    .sprinkles_insetBlockStart_xs_xxl__omrdfn1vb {
        top: var(--knox-spacing-xs);
    }

    .sprinkles_insetBlockStart_small_xxl__omrdfn1vh {
        top: var(--knox-spacing-small);
    }

    .sprinkles_insetBlockStart_medium_xxl__omrdfn1vn {
        top: var(--knox-spacing-medium);
    }

    .sprinkles_insetBlockStart_large_xxl__omrdfn1vt {
        top: var(--knox-spacing-large);
    }

    .sprinkles_insetBlockStart_xl_xxl__omrdfn1vz {
        top: var(--knox-spacing-xl);
    }

    .sprinkles_insetBlockStart_2xl_xxl__omrdfn1w5 {
        top: var(--knox-spacing-2xl);
    }

    .sprinkles_insetBlockStart_3xl_xxl__omrdfn1wb {
        top: var(--knox-spacing-3xl);
    }

    .sprinkles_insetBlockStart_4xl_xxl__omrdfn1wh {
        top: var(--knox-spacing-4xl);
    }

    .sprinkles_insetBlockStart_unset_xxl__omrdfn1wn {
        top: auto;
        top: initial;
    }

    .sprinkles_insetBlockEnd_0_xxl__omrdfn1wt {
        bottom: 0;
    }

    .sprinkles_insetBlockEnd_none_xxl__omrdfn1wz {
        bottom: var(--knox-spacing-none);
    }

    .sprinkles_insetBlockEnd_hairline_xxl__omrdfn1x5 {
        bottom: var(--knox-spacing-hairline);
    }

    .sprinkles_insetBlockEnd_2xs_xxl__omrdfn1xb {
        bottom: var(--knox-spacing-2xs);
    }

    .sprinkles_insetBlockEnd_xs_xxl__omrdfn1xh {
        bottom: var(--knox-spacing-xs);
    }

    .sprinkles_insetBlockEnd_small_xxl__omrdfn1xn {
        bottom: var(--knox-spacing-small);
    }

    .sprinkles_insetBlockEnd_medium_xxl__omrdfn1xt {
        bottom: var(--knox-spacing-medium);
    }

    .sprinkles_insetBlockEnd_large_xxl__omrdfn1xz {
        bottom: var(--knox-spacing-large);
    }

    .sprinkles_insetBlockEnd_xl_xxl__omrdfn1y5 {
        bottom: var(--knox-spacing-xl);
    }

    .sprinkles_insetBlockEnd_2xl_xxl__omrdfn1yb {
        bottom: var(--knox-spacing-2xl);
    }

    .sprinkles_insetBlockEnd_3xl_xxl__omrdfn1yh {
        bottom: var(--knox-spacing-3xl);
    }

    .sprinkles_insetBlockEnd_4xl_xxl__omrdfn1yn {
        bottom: var(--knox-spacing-4xl);
    }

    .sprinkles_insetBlockEnd_unset_xxl__omrdfn1yt {
        bottom: auto;
        bottom: initial;
    }

    .sprinkles_gap_none_xxl__omrdfn1yz {
        gap: none;
    }

    .sprinkles_gap_hairline_xxl__omrdfn1z5 {
        gap: var(--knox-spacing-hairline);
    }

    .sprinkles_gap_2xs_xxl__omrdfn1zb {
        gap: var(--knox-spacing-2xs);
    }

    .sprinkles_gap_xs_xxl__omrdfn1zh {
        gap: var(--knox-spacing-xs);
    }

    .sprinkles_gap_small_xxl__omrdfn1zn {
        gap: var(--knox-spacing-small);
    }

    .sprinkles_gap_medium_xxl__omrdfn1zt {
        gap: var(--knox-spacing-medium);
    }

    .sprinkles_gap_large_xxl__omrdfn1zz {
        gap: var(--knox-spacing-large);
    }

    .sprinkles_gap_xl_xxl__omrdfn205 {
        gap: var(--knox-spacing-xl);
    }

    .sprinkles_gap_2xl_xxl__omrdfn20b {
        gap: var(--knox-spacing-2xl);
    }

    .sprinkles_gap_3xl_xxl__omrdfn20h {
        gap: var(--knox-spacing-3xl);
    }

    .sprinkles_gap_4xl_xxl__omrdfn20n {
        gap: var(--knox-spacing-4xl);
    }

    .sprinkles_gap_unset_xxl__omrdfn20t {
        gap: initial;
    }

    .sprinkles_textAlign_left_xxl__omrdfn20z {
        text-align: left;
    }

    .sprinkles_textAlign_center_xxl__omrdfn215 {
        text-align: center;
    }

    .sprinkles_textAlign_right_xxl__omrdfn21b {
        text-align: right;
    }

    .sprinkles_textAlign_start_xxl__omrdfn21h {
        text-align: left;
    }

    .sprinkles_textAlign_end_xxl__omrdfn21n {
        text-align: right;
    }

    .sprinkles_textAlign_justify_xxl__omrdfn21t {
        text-align: justify;
    }

    .sprinkles_minWidth_0_xxl__omrdfn21z {
        min-width: 0px;
    }

    .sprinkles_minWidth_full_xxl__omrdfn225 {
        min-width: 100%;
    }

    .sprinkles_minWidth_fit-content_xxl__omrdfn22b {
        min-width: fit-content;
    }

    .sprinkles_minWidth_max-content_xxl__omrdfn22h {
        min-width: max-content;
    }

    .sprinkles_minWidth_min-content_xxl__omrdfn22n {
        min-width: min-content;
    }

    .sprinkles_minWidth_auto_xxl__omrdfn22t {
        min-width: auto;
    }

    .sprinkles_minWidth_unset_xxl__omrdfn22z {
        min-width: 0;
        min-width: initial;
    }

    .sprinkles_minWidth_100px_xxl__omrdfn235 {
        min-width: 100px;
    }

    .sprinkles_minWidth_200px_xxl__omrdfn23b {
        min-width: 200px;
    }

    .sprinkles_minWidth_300px_xxl__omrdfn23h {
        min-width: 300px;
    }

    .sprinkles_minWidth_400px_xxl__omrdfn23n {
        min-width: 400px;
    }

    .sprinkles_minWidth_500px_xxl__omrdfn23t {
        min-width: 500px;
    }

    .sprinkles_minWidth_600px_xxl__omrdfn23z {
        min-width: 600px;
    }

    .sprinkles_maxWidth_0_xxl__omrdfn245 {
        max-width: 0px;
    }

    .sprinkles_maxWidth_full_xxl__omrdfn24b {
        max-width: 100%;
    }

    .sprinkles_maxWidth_fit-content_xxl__omrdfn24h {
        max-width: fit-content;
    }

    .sprinkles_maxWidth_max-content_xxl__omrdfn24n {
        max-width: max-content;
    }

    .sprinkles_maxWidth_min-content_xxl__omrdfn24t {
        max-width: min-content;
    }

    .sprinkles_maxWidth_auto_xxl__omrdfn24z {
        max-width: auto;
    }

    .sprinkles_maxWidth_unset_xxl__omrdfn255 {
        max-width: none;
        max-width: initial;
    }

    .sprinkles_maxWidth_100px_xxl__omrdfn25b {
        max-width: 100px;
    }

    .sprinkles_maxWidth_200px_xxl__omrdfn25h {
        max-width: 200px;
    }

    .sprinkles_maxWidth_300px_xxl__omrdfn25n {
        max-width: 300px;
    }

    .sprinkles_maxWidth_400px_xxl__omrdfn25t {
        max-width: 400px;
    }

    .sprinkles_maxWidth_500px_xxl__omrdfn25z {
        max-width: 500px;
    }

    .sprinkles_maxWidth_600px_xxl__omrdfn265 {
        max-width: 600px;
    }

    .sprinkles_width_full_xxl__omrdfn26b {
        width: 100%;
    }

    .sprinkles_width_fit-content_xxl__omrdfn26h {
        width: fit-content;
    }

    .sprinkles_width_max-content_xxl__omrdfn26n {
        width: max-content;
    }

    .sprinkles_width_min-content_xxl__omrdfn26t {
        width: min-content;
    }

    .sprinkles_width_auto_xxl__omrdfn26z {
        width: auto;
    }

    .sprinkles_width_unset_xxl__omrdfn275 {
        width: auto;
        width: initial;
    }
}

/* src/components/knox-provider/knox-provider.css.ts.vanilla.css -> assets/components/knox-provider/knox-provider.css.ts.vanilla.css */
.knox-provider_ltr__kddqqu0 {
    direction: ltr;
}

.knox-provider_rtl__kddqqu1 {
    direction: rtl;
}

/* src/components/card/card.css.ts.vanilla.css -> assets/components/card/card.css.ts.vanilla.css */
.card_card__11dwo000 {
    box-shadow: var(--knox-card-box-shadow);
    border-radius: var(--knox-card-border-radius);
}

/* src/components/columns/columns.css.ts.vanilla.css -> assets/components/columns/columns.css.ts.vanilla.css */
.columns__1cbvdj10 {
    grid-template-columns: var(--grid-template-columns);
}

@media screen and (min-width: 576px) {
    .columns__1cbvdj11 {
        grid-template-columns: var(--grid-template-columns-small);
    }
}

@media screen and (min-width: 768px) {
    .columns__1cbvdj12 {
        grid-template-columns: var(--grid-template-columns-medium);
    }
}

@media screen and (min-width: 1024px) {
    .columns__1cbvdj13 {
        grid-template-columns: var(--grid-template-columns-large);
    }
}

@media screen and (min-width: 1280px) {
    .columns__1cbvdj14 {
        grid-template-columns: var(--grid-template-columns-xl);
    }
}

/* src/components/form/form.css.ts.vanilla.css -> assets/components/form/form.css.ts.vanilla.css */
.form_group__c3cs9t0 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--knox-spacing-medium);
}

.form_group__c3cs9t0> :nth-child(n) {
    flex: 1 1 auto;
}

.form__c3cs9t1 {
    max-width: var(--max-width);
}

.form_list__c3cs9t6 {
    list-style: disc;
}

@media screen and (min-width: 576px) {
    .form__c3cs9t2 {
        max-width: var(--max-width-small);
    }
}

@media screen and (min-width: 768px) {
    .form__c3cs9t3 {
        max-width: var(--max-width-medium);
    }
}

@media screen and (min-width: 1024px) {
    .form__c3cs9t4 {
        max-width: var(--max-width-large);
    }
}

@media screen and (min-width: 1280px) {
    .form__c3cs9t5 {
        max-width: var(--max-width-xl);
    }
}

/* src/components/notification/notification.css.ts.vanilla.css -> assets/components/notification/notification.css.ts.vanilla.css */
.notification_badgeWithNumber__s9wt0w0 {
    display: flex;
    align-items: center;
    justify-content: space-around;
    box-sizing: border-box;
    min-height: var(--knox-spacing-medium);
    min-width: var(--knox-spacing-medium);
    max-width: 4ch;
    padding-left: var(--knox-spacing-2xs);
    padding-right: var(--knox-spacing-2xs);
    border-radius: 100px;
    background-color: var(--knox-notification-background-color);
    color: var(--knox-notification-color);
    font-size: var(--knox-font-size-body-small);
    font-weight: var(--knox-font-weight-body-strong);
    overflow: hidden;
    text-wrap: nowrap;
    position: absolute;
    top: -7px;
    left: calc(100% - 7px);
}

.notification_badgeWithoutNumber__s9wt0w1 {
    padding: var(--knox-spacing-2xs);
    border-radius: 100px;
    background-color: var(--knox-notification-background-color);
    position: absolute;
    top: -3px;
    left: calc(100% - 7px);
}

/* src/components/visually-hidden/visually-hidden.css.ts.vanilla.css -> assets/components/visually-hidden/visually-hidden.css.ts.vanilla.css */
.visually-hidden_visuallyHidden__14kybp80 {
    position: absolute;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
    width: 1px;
    height: 1px;
    clip: rect(0px, 0px, 0px, 0px);
    white-space: nowrap;
}

/* src/components/inverse-slot/inverse-neutral.css.ts.vanilla.css -> assets/components/inverse-slot/inverse-neutral.css.ts.vanilla.css */
.inverse-neutral_inverseNeutral__1jby8gm0 {
    --knox-background-neutral: hsla(0, 0%, 10%, 1);
    --knox-background-neutral-high: hsla(0, 0%, 10%, 1);
    --knox-border-focus: var(--knox-border-focus-inverse);
    --knox-focus-outline: var(--knox-focus-outline-inverse);
    --knox-text-icon-neutral: var(--knox-text-icon-inverse);
    --knox-text-icon-neutral-hover: var(--knox-text-icon-inverse-hover);
    --knox-text-icon-neutral-pressed: var(--knox-text-icon-inverse-pressed);
    --knox-button-primary-background: var(--knox-background-inverse);
    --knox-button-primary-background-hover: var(--knox-background-inverse-hover);
    --knox-button-primary-background-pressed: var(--knox-background-inverse-pressed);
    --knox-button-primary-text-icon-color: var(--knox-background-neutral);
    --knox-button-primary-text-icon-color-hover: var(--knox-background-neutral);
    --knox-button-primary-text-icon-color-pressed: var(--knox-background-neutral);
    --knox-button-secondary-background: var(--knox-background-transparent);
    --knox-button-secondary-background-hover: var(--knox-background-transparent-hover);
    --knox-button-secondary-background-pressed: var(--knox-background-transparent-pressed);
    --knox-button-secondary-text-icon-color: var(--knox-background-inverse);
    --knox-button-secondary-text-icon-color-hover: var(--knox-background-inverse-hover);
    --knox-button-secondary-text-icon-color-pressed: var(--knox-background-inverse-pressed);
    --knox-button-secondary-border-color: var(--knox-border-inverse);
    --knox-button-tertiary-text-icon-color: var(--knox-background-inverse);
    --knox-button-tertiary-text-icon-color-hover: var(--knox-background-inverse-hover);
    --knox-button-tertiary-text-icon-color-pressed: var(--knox-background-inverse-pressed);
    --knox-pill-default-background: var(--knox-pill-inverse-background);
    --knox-pill-default-color: var(--knox-background-neutral);
    --knox-pill-default-strong-background: var(--knox-background-inverse);
    --knox-pill-default-strong-color: var(--knox-background-neutral);
}

/* src/components/inverse-slot/inverse-brand.css.ts.vanilla.css -> assets/components/inverse-slot/inverse-brand.css.ts.vanilla.css */
.inverse-brand_inverseBrand__3snhz20 {
    --knox-background-neutral: var(--knox-background-brand);
    --knox-background-neutral-high: var(--knox-background-brand);
    --knox-border-focus: var(--knox-border-focus-inverse);
    --knox-focus-outline: var(--knox-focus-outline-inverse);
    --knox-text-icon-neutral: var(--knox-text-icon-inverse);
    --knox-text-icon-neutral-hover: var(--knox-text-icon-inverse-hover);
    --knox-text-icon-neutral-pressed: var(--knox-text-icon-inverse-pressed);
    --knox-button-primary-background: var(--knox-background-inverse);
    --knox-button-primary-background-hover: var(--knox-background-inverse-hover);
    --knox-button-primary-background-pressed: var(--knox-background-inverse-pressed);
    --knox-button-primary-text-icon-color: var(--knox-background-brand);
    --knox-button-primary-text-icon-color-hover: var(--knox-background-brand-hover);
    --knox-button-primary-text-icon-color-pressed: var(--knox-background-brand-pressed);
    --knox-button-secondary-background: var(--knox-background-transparent);
    --knox-button-secondary-background-hover: var(--knox-background-transparent-hover);
    --knox-button-secondary-background-pressed: var(--knox-background-transparent-pressed);
    --knox-button-secondary-text-icon-color: var(--knox-background-inverse);
    --knox-button-secondary-text-icon-color-hover: var(--knox-background-inverse-hover);
    --knox-button-secondary-text-icon-color-pressed: var(--knox-background-inverse-pressed);
    --knox-button-secondary-border-color: var(--knox-border-inverse);
    --knox-button-tertiary-text-icon-color: var(--knox-background-inverse);
    --knox-button-tertiary-text-icon-color-hover: var(--knox-background-inverse-hover);
    --knox-button-tertiary-text-icon-color-pressed: var(--knox-background-inverse-pressed);
    --knox-pill-default-background: var(--knox-pill-inverse-background);
    --knox-pill-default-color: var(--knox-background-brand);
    --knox-pill-default-strong-background: var(--knox-background-inverse);
    --knox-pill-default-strong-color: var(--knox-background-brand);
}

/* src/components/tooltip/tooltip.css.ts.vanilla.css -> assets/components/tooltip/tooltip.css.ts.vanilla.css */
.tooltip_tooltipContent__absp0c0 {
    background: var(--knox-tooltip-content-background);
    color: var(--knox-tooltip-content-text-color);
    padding-top: var(--knox-tooltip-content-padding-block);
    padding-bottom: var(--knox-tooltip-content-padding-block);
    padding-left: var(--knox-tooltip-content-padding-inline);
    padding-right: var(--knox-tooltip-content-padding-inline);
    border-radius: var(--knox-tooltip-content-border-radius);
    border: 1px solid var(--knox-tooltip-border);
}

.tooltip__absp0c1 {
    z-index: var(--tooltip-z-index);
}

.tooltip__absp0c6 {
    max-width: var(--tooltip-max-width);
}

.tooltip_arrow__absp0cb {
    display: flex;
    fill: var(--knox-tooltip-content-background);
    rotate: 180deg;
    transform: translateY(2px);
}

@media screen and (min-width: 576px) {
    .tooltip__absp0c2 {
        z-index: var(--tooltip-z-index-small);
    }

    .tooltip__absp0c7 {
        max-width: var(--tooltip-max-width-small);
    }
}

@media screen and (min-width: 768px) {
    .tooltip__absp0c3 {
        z-index: var(--tooltip-z-index-medium);
    }

    .tooltip__absp0c8 {
        max-width: var(--tooltip-max-width-medium);
    }
}

@media screen and (min-width: 1024px) {
    .tooltip__absp0c4 {
        z-index: var(--tooltip-z-index-large);
    }

    .tooltip__absp0c9 {
        max-width: var(--tooltip-max-width-large);
    }
}

@media screen and (min-width: 1280px) {
    .tooltip__absp0c5 {
        z-index: var(--tooltip-z-index-xl);
    }

    .tooltip__absp0ca {
        max-width: var(--tooltip-max-width-xl);
    }
}

/* src/components/inverse-slot/inverse-critical.css.ts.vanilla.css -> assets/components/inverse-slot/inverse-critical.css.ts.vanilla.css */
.inverse-critical_inverseCritical__180cxlu0 {
    --knox-background-neutral: var(--knox-background-critical);
    --knox-background-neutral-high: var(--knox-background-critical);
    --knox-border-focus: var(--knox-border-focus-inverse);
    --knox-focus-outline: var(--knox-focus-outline-inverse);
    --knox-text-icon-neutral: var(--knox-text-icon-inverse);
    --knox-text-icon-neutral-hover: var(--knox-text-icon-inverse-hover);
    --knox-text-icon-neutral-pressed: var(--knox-text-icon-inverse-pressed);
    --knox-button-primary-background: var(--knox-background-inverse);
    --knox-button-primary-background-hover: var(--knox-background-inverse-hover);
    --knox-button-primary-background-pressed: var(--knox-background-inverse-pressed);
    --knox-button-primary-text-icon-color: var(--knox-background-critical);
    --knox-button-primary-text-icon-color-hover: var(--knox-background-critical-hover);
    --knox-button-primary-text-icon-color-pressed: var(--knox-background-critical-pressed);
    --knox-button-secondary-background: var(--knox-background-transparent);
    --knox-button-secondary-background-hover: var(--knox-background-transparent-hover);
    --knox-button-secondary-background-pressed: var(--knox-background-transparent-pressed);
    --knox-button-secondary-text-icon-color: var(--knox-background-inverse);
    --knox-button-secondary-text-icon-color-hover: var(--knox-background-inverse-hover);
    --knox-button-secondary-text-icon-color-pressed: var(--knox-background-inverse-pressed);
    --knox-button-secondary-border-color: var(--knox-border-inverse);
    --knox-button-tertiary-text-icon-color: var(--knox-background-inverse);
    --knox-button-tertiary-text-icon-color-hover: var(--knox-background-inverse-hover);
    --knox-button-tertiary-text-icon-color-pressed: var(--knox-background-inverse-pressed);
    --knox-pill-default-background: var(--knox-pill-inverse-background);
    --knox-pill-default-color: var(--knox-background-critical);
    --knox-pill-default-strong-background: var(--knox-background-inverse);
    --knox-pill-default-strong-color: var(--knox-background-critical);
}

/* src/components/pagination/pagination.css.ts.vanilla.css -> assets/components/pagination/pagination.css.ts.vanilla.css */
.pagination_hiddenButton__rnd6y80 {
    width: 16px;
    padding: 14px;
}

.pagination_pageCountLabel__rnd6y82 {
    min-width: 9px;
}

/* src/components/popover/popover.css.ts.vanilla.css -> assets/components/popover/popover.css.ts.vanilla.css */
.popover_contentWrapper__q0uo6j1:focus-visible {
    outline: medium none currentcolor;
    outline: initial;
}

.popover_content__q0uo6j2 {
    background-color: var(--knox-popover-background);
    border-radius: var(--knox-popover-corner-radius);
    box-shadow: var(--knox-popover-elevation);
    max-width: var(--knox-popover-max-width);
    max-height: calc(var(--radix-popover-content-available-height) - var(--knox-spacing-xs));
}

.popover_content__q0uo6j2::-webkit-scrollbar {
    display: none;
}

.popover__q0uo6j3 {
    z-index: var(--popover-z-index);
}

@media screen and (max-width:410px) {
    .popover_content__q0uo6j2 {
        max-width: calc(var(--radix-popover-content-available-width) - var(--knox-spacing-xs));
    }
}

@media screen and (min-width: 576px) {
    .popover__q0uo6j4 {
        z-index: var(--popover-z-index-small);
    }
}

@media screen and (min-width: 768px) {
    .popover__q0uo6j5 {
        z-index: var(--popover-z-index-medium);
    }
}

@media screen and (min-width: 1024px) {
    .popover__q0uo6j6 {
        z-index: var(--popover-z-index-large);
    }
}

@media screen and (min-width: 1280px) {
    .popover__q0uo6j7 {
        z-index: var(--popover-z-index-xl);
    }
}

/* src/components/divider/divider.css.ts.vanilla.css -> assets/components/divider/divider.css.ts.vanilla.css */
.divider_divider_height_1__97abvk1 {
    border-top-width: var(--knox-divider-border-width-one);
}

.divider_divider_height_2__97abvk2 {
    border-top-width: calc(2 * var(--knox-divider-border-width-one));
}

.divider_divider_height_3__97abvk3 {
    border-top-width: calc(3 * var(--knox-divider-border-width-one));
}

.divider_divider_height_4__97abvk4 {
    border-top-width: calc(4 * var(--knox-divider-border-width-one));
}

.divider_divider_height_5__97abvk5 {
    border-top-width: calc(5 * var(--knox-divider-border-width-one));
}

.divider_divider_height_6__97abvk6 {
    border-top-width: calc(6 * var(--knox-divider-border-width-one));
}

.divider_divider_color_neutral__97abvk7 {
    border-color: var(--knox-divider-color-neutral);
}

.divider_divider_color_neutralWeak__97abvk8 {
    border-color: var(--knox-divider-color-neutral-weak);
}

.divider_divider_color_neutralStrong__97abvk9 {
    border-color: var(--knox-divider-color-neutral-strong);
}

/* src/components/field/field.css.ts.vanilla.css -> assets/components/field/field.css.ts.vanilla.css */
.field_iconContainer__8gwiu70 {
    position: absolute;
    display: flex;
    top: 50%;
    transform: translateY(-50%);
}

.field_iconContainer_iconPosition_start__8gwiu71 {
    width: auto;
}

.field_iconContainer_compound_0__8gwiu75 {
    left: var(--knox-spacing-xs);
}

.field_iconContainer_compound_1__8gwiu76 {
    left: var(--knox-spacing-medium);
}

.field_iconContainer_compound_2__8gwiu77 {
    right: var(--knox-spacing-xs);
}

.field_iconContainer_compound_3__8gwiu78 {
    right: var(--knox-spacing-medium);
}

.field_field__8gwiu79 {
    font-size: var(--knox-field-font-size);
    padding-left: var(--knox-field-padding-inline);
    padding-right: var(--knox-field-padding-inline);
    border-radius: var(--knox-field-border-radius);
    border: var(--knox-field-border);
    box-shadow: var(--knox-field-box-shadow);
    width: var(--knox-field-width);
    flex-grow: 1;
    background: var(--knox-field-background);
    color: var(--knox-field-color);
}

.field_field__8gwiu79:active {
    border: var(--knox-field-border-active);
}

.field_field__8gwiu79:-ms-input-placeholder {
    color: var(--knox-field-placeholder-color);
}

.field_field__8gwiu79::placeholder {
    color: var(--knox-field-placeholder-color);
}

.field_field__8gwiu79:disabled:-ms-input-placeholder {
    color: var(--knox-field-disabled-color);
}

.field_field__8gwiu79:disabled::placeholder {
    color: var(--knox-field-disabled-color);
}

.field_field_size_medium__8gwiu7a {
    height: var(--knox-field-size-medium);
}

.field_field_size_large__8gwiu7b {
    height: var(--knox-field-size-large);
    font-size: var(--knox-field-font-size);
    padding-left: var(--knox-field-padding-large);
    padding-right: var(--knox-field-padding-large);
}

.field_field_multiline_true__8gwiu7e {
    padding-top: var(--knox-field-multiline-padding-block);
    padding-bottom: var(--knox-field-multiline-padding-block);
    height: auto;
    width: auto;
}

.field_field_disabled_true__8gwiu7f {
    color: var(--knox-field-disabled-color);
    box-shadow: var(--knox-field-disabled-box-shadow);
}

.field_field_readOnly_true__8gwiu7g {
    background-color: var(--knox-field-read-only-background);
}

.field_field_error_true__8gwiu7h {
    background: var(--knox-field-error-background);
    box-shadow: var(--knox-field-error-box-shadow);
}

.field_field_compound_0__8gwiu7i {
    padding-left: var(--knox-spacing-xl);
}

.field_field_compound_1__8gwiu7j {
    padding-left: var(--knox-field-icon-padding-inline-large);
}

.field_field_compound_2__8gwiu7k {
    padding-right: var(--knox-spacing-xl);
}

.field_field_compound_3__8gwiu7l {
    padding-right: var(--knox-field-icon-padding-inline-large);
}

.field_labelStyles__8gwiu7m {
    font-family: var(--knox-field-label-font-family);
    word-break: break-word;
    font-weight: var(--knox-field-label-font-weight);
    color: var(--knox-field-label-color);
    letter-spacing: var(--knox-field-label-letter-spacing);
    font-size: var(--knox-field-label-font-size);
}

.field_labelStyles_disabled_true__8gwiu7n {
    color: var(--knox-field-label-color-disabled);
}

.field_labelStyles_bold_true__8gwiu7o {
    font-weight: var(--knox-field-label-font-weight-bold);
}

.field_subText__8gwiu7p {
    color: var(--knox-field-sub-text-color);
    letter-spacing: var(--knox-field-sub-text-letter-spacing);
    font-size: var(--knox-field-sub-text-font-size);
}

.field_subText_error_true__8gwiu7q {
    color: var(--knox-field-sub-text-color-error);
}

/* src/components/code/code.css.ts.vanilla.css -> assets/components/code/code.css.ts.vanilla.css */
.code_code__pvdi7f7 {
    font-variant-ligatures: var(--knox-code-font-variant-ligatures);
    font-feature-settings: var(--knox-code-font-feature-settings), var(--knox-code-font-variant-ligatures);
    -webkit-font-feature-settings: var(--knox-code-font-feature-settings);
    -moz-font-feature-settings: var(--knox-code-font-feature-settings);
}

.code_code_variant_small__pvdi7f8 {
    font-size: var(--knox-code-font-size-small);
    letter-spacing: var(--knox-code-letter-spacing-small);
}

.code_code_variant_medium__pvdi7f9 {
    font-size: var(--knox-code-font-size-medium);
    letter-spacing: var(--knox-code-letter-spacing-medium);
}

.code_code_variant_large__pvdi7fa {
    font-size: var(--knox-code-font-size-large);
    letter-spacing: var(--knox-code-letter-spacing-large);
}

/* src/components/button/button.css.ts.vanilla.css -> assets/components/button/button.css.ts.vanilla.css */
.button_buttonLink__wk7g80 {
    max-width: 100%;
    display: inline-block;
    border-radius: var(--knox-button-border-radius);
}

.button_buttonLink_fullWidth_true__wk7g81 {
    width: 100%;
}

.button_button__wk7g87 {
    border-radius: var(--knox-button-border-radius);
    background: var(--background);
    color: var(--color);
    box-shadow: 0 0 0 1px inset var(--border);
    max-width: 100%;
    font-family: inherit;
    font-weight: var(--knox-button-font-weight);
}

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

.button_button_expandedDisclosure_true__wk7g8g {
    border-bottom: 1px solid var(--knox-border-neutral);
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.button_button_isLink_true__wk7g8j {
    width: -webkit-fill-available;
    width: -moz-available;
    width: stretch;
}

.button_button_disabled_true__wk7g8n {
    opacity: 0.5;
}

.button_button_fullWidth_true__wk7g8p {
    width: 100%;
    justify-content: center;
}

.button_button_isIconOnly_true__wk7g8r {
    padding-left: var(--knox-button-iconOnlyPaddingInline-medium);
    padding-right: var(--knox-button-iconOnlyPaddingInline-medium);
}

.button_button_size_medium__wk7g8t {
    height: var(--knox-button-height-medium);
    font-size: var(--knox-button-font-size-medium);
}

.button_button_size_large__wk7g8u {
    height: var(--knox-button-height-large);
    font-size: var(--knox-button-font-size-large);
}

.button_button_compound_0__wk7g8v {
    padding-left: var(--knox-button-iconOnlyPaddingInline-large);
    padding-right: var(--knox-button-iconOnlyPaddingInline-large);
}

.button_button_compound_1__wk7g8w {
    --background: var(--knox-button-primary-background);
    --color: var(--knox-button-primary-text-icon-color);
    --border: var(--knox-button-primary-border-color);
}

.button_button_compound_1__wk7g8w:hover {
    --background: var(--knox-button-primary-background-hover);
    --color: var(--knox-button-primary-text-icon-color-hover);
}

.button_button_compound_1__wk7g8w:active {
    --background: var(--knox-button-primary-background-pressed);
    --color: var(--knox-button-primary-text-icon-color-pressed);
}

.button_button_compound_2__wk7g8x {
    --background: var(--knox-button-primary-background-hover);
    --color: var(--knox-button-primary-text-icon-color-hover);
}

.button_button_compound_3__wk7g8y {
    --background: var(--knox-button-primary-background-pressed);
    --color: var(--knox-button-primary-text-icon-color-pressed);
}

.button_button_compound_4__wk7g8z {
    --background: hsla(0, 0%, 10%, 1);
    --color: var(--knox-text-icon-inverse);
    --border: var(--knox-button-primary-border-color);
}

.button_button_compound_4__wk7g8z:hover {
    --background: hsla(0, 0%, 10%, 0.88);
    --color: var(--knox-text-icon-inverse-hover);
}

.button_button_compound_4__wk7g8z:active {
    --background: hsla(0, 0%, 10%, 0.76);
    --color: var(--knox-text-icon-inverse-pressed);
}

.button_button_compound_5__wk7g810 {
    --background: hsla(0, 0%, 10%, 0.88);
    --color: var(--knox-text-icon-inverse-hover);
}

.button_button_compound_6__wk7g811 {
    --background: hsla(0, 0%, 10%, 0.76);
    --color: var(--knox-text-icon-inverse-pressed);
}

.button_button_compound_7__wk7g812 {
    --background: var(--knox-background-brand);
    --color: var(--knox-text-icon-inverse);
    --border: var(--knox-button-primary-border-color);
}

.button_button_compound_7__wk7g812:hover {
    --background: var(--knox-background-brand-hover);
    --color: var(--knox-text-icon-inverse-hover);
}

.button_button_compound_7__wk7g812:active {
    --background: var(--knox-background-brand-pressed);
    --color: var(--knox-text-icon-inverse-pressed);
}

.button_button_compound_8__wk7g813 {
    --background: var(--knox-background-brand-hover);
    --color: var(--knox-text-icon-inverse-hover);
}

.button_button_compound_9__wk7g814 {
    --background: var(--knox-background-brand-pressed);
    --color: var(--knox-text-icon-inverse-pressed);
}

.button_button_compound_10__wk7g815 {
    --background: var(--knox-background-critical);
    --color: var(--knox-text-icon-inverse);
    --border: var(--knox-button-primary-border-color);
}

.button_button_compound_10__wk7g815:hover {
    --background: var(--knox-background-critical-hover);
    --color: var(--knox-text-icon-inverse-hover);
}

.button_button_compound_10__wk7g815:active {
    --background: var(--knox-background-critical-pressed);
    --color: var(--knox-text-icon-inverse-pressed);
}

.button_button_compound_11__wk7g816 {
    --background: var(--knox-background-critical-hover);
    --color: var(--knox-text-icon-inverse-hover);
}

.button_button_compound_12__wk7g817 {
    --background: var(--knox-background-critical-pressed);
    --color: var(--knox-text-icon-inverse-pressed);
}

.button_button_compound_13__wk7g818 {
    --background: var(--knox-button-secondary-background);
    --color: var(--knox-button-secondary-text-icon-color);
    --border: var(--knox-button-secondary-border-color);
}

.button_button_compound_13__wk7g818:hover {
    --background: var(--knox-button-secondary-background-hover);
    --color: var(--knox-button-secondary-text-icon-color-hover);
}

.button_button_compound_13__wk7g818:active {
    --background: var(--knox-button-secondary-background-pressed);
    --color: var(--knox-button-secondary-text-icon-color-pressed);
}

.button_button_compound_14__wk7g819 {
    --background: var(--knox-button-secondary-background-hover);
    --color: var(--knox-button-secondary-text-icon-color-hover);
}

.button_button_compound_15__wk7g81a {
    --background: var(--knox-button-secondary-background-pressed);
    --color: var(--knox-button-secondary-text-icon-color-pressed);
}

.button_button_compound_16__wk7g81b {
    --background: var(--knox-background-transparent);
    --color: var(--knox-text-icon-neutral);
    --border: var(--knox-border-neutral);
}

.button_button_compound_16__wk7g81b:hover {
    --background: var(--knox-background-transparent-hover);
    --color: var(--knox-text-icon-neutral-hover);
}

.button_button_compound_16__wk7g81b:active {
    --background: var(--knox-background-transparent-pressed);
    --color: var(--knox-text-icon-neutral-pressed);
}

.button_button_compound_17__wk7g81c {
    --background: var(--knox-background-transparent-hover);
    --color: var(--knox-text-icon-neutral-hover);
}

.button_button_compound_18__wk7g81d {
    --background: var(--knox-background-transparent-pressed);
    --color: var(--knox-text-icon-neutral-pressed);
}

.button_button_compound_19__wk7g81e {
    --background: var(--knox-background-transparent);
    --color: var(--knox-text-icon-brand);
    --border: var(--knox-border-brand);
}

.button_button_compound_19__wk7g81e:hover {
    --background: var(--knox-background-transparent-hover);
    --color: var(--knox-text-icon-brand-hover);
}

.button_button_compound_19__wk7g81e:active {
    --background: var(--knox-background-transparent-pressed);
    --color: var(--knox-text-icon-brand-pressed);
}

.button_button_compound_20__wk7g81f {
    --background: var(--knox-background-transparent-hover);
    --color: var(--knox-text-icon-brand-hover);
}

.button_button_compound_21__wk7g81g {
    --background: var(--knox-background-transparent-pressed);
    --color: var(--knox-text-icon-brand-pressed);
}

.button_button_compound_22__wk7g81h {
    --background: var(--knox-background-transparent);
    --color: var(--knox-text-icon-critical);
    --border: var(--knox-border-critical);
}

.button_button_compound_22__wk7g81h:hover {
    --background: var(--knox-background-transparent-hover);
    --color: var(--knox-text-icon-critical-hover);
}

.button_button_compound_22__wk7g81h:active {
    --background: var(--knox-background-transparent-pressed);
    --color: var(--knox-text-icon-critical-pressed);
}

.button_button_compound_23__wk7g81i {
    --background: var(--knox-background-transparent-hover);
    --color: var(--knox-text-icon-critical-hover);
}

.button_button_compound_24__wk7g81j {
    --background: var(--knox-background-transparent-pressed);
    --color: var(--knox-text-icon-critical-pressed);
}

.button_button_compound_25__wk7g81k {
    --background: var(--knox-button-tertiary-background);
    --color: var(--knox-button-tertiary-text-icon-color);
    --border: var(--knox-button-tertiary-border-color);
}

.button_button_compound_25__wk7g81k:hover {
    --background: var(--knox-button-tertiary-background-hover);
    --color: var(--knox-button-tertiary-text-icon-color-hover);
}

.button_button_compound_25__wk7g81k:active {
    --background: var(--knox-button-tertiary-background-pressed);
    --color: var(--knox-button-tertiary-text-icon-color-pressed);
}

.button_button_compound_26__wk7g81l {
    --background: var(--knox-button-tertiary-background-hover);
    --color: var(--knox-button-tertiary-text-icon-color-hover);
}

.button_button_compound_27__wk7g81m {
    --background: var(--knox-button-tertiary-background-pressed);
    --color: var(--knox-button-tertiary-text-icon-color-pressed);
}

.button_button_compound_28__wk7g81n {
    --background: var(--knox-background-transparent);
    --color: var(--knox-text-icon-neutral);
    --border: var(--knox-button-tertiary-border-color);
}

.button_button_compound_28__wk7g81n:hover {
    --background: var(--knox-background-transparent-hover);
    --color: var(--knox-text-icon-neutral-hover);
}

.button_button_compound_28__wk7g81n:active {
    --background: var(--knox-background-transparent-pressed);
    --color: var(--knox-text-icon-neutral-pressed);
}

.button_button_compound_29__wk7g81o {
    --background: var(--knox-background-transparent-hover);
    --color: var(--knox-text-icon-neutral-hover);
}

.button_button_compound_30__wk7g81p {
    --background: var(--knox-background-transparent-pressed);
    --color: var(--knox-text-icon-neutral-pressed);
}

.button_button_compound_31__wk7g81q {
    --background: var(--knox-background-transparent);
    --color: var(--knox-text-icon-brand);
    --border: var(--knox-button-tertiary-border-color);
}

.button_button_compound_31__wk7g81q:hover {
    --background: var(--knox-background-transparent-hover);
    --color: var(--knox-text-icon-brand-hover);
}

.button_button_compound_31__wk7g81q:active {
    --background: var(--knox-background-transparent-pressed);
    --color: var(--knox-text-icon-brand-pressed);
}

.button_button_compound_32__wk7g81r {
    --background: var(--knox-background-transparent-hover);
    --color: var(--knox-text-icon-brand-hover);
}

.button_button_compound_33__wk7g81s {
    --background: var(--knox-background-transparent-pressed);
    --color: var(--knox-text-icon-brand-pressed);
}

.button_button_compound_34__wk7g81t {
    --background: var(--knox-background-transparent);
    --color: var(--knox-text-icon-critical);
    --border: var(--knox-button-tertiary-border-color);
}

.button_button_compound_34__wk7g81t:hover {
    --background: var(--knox-background-transparent-hover);
    --color: var(--knox-text-icon-critical-hover);
}

.button_button_compound_34__wk7g81t:active {
    --background: var(--knox-background-transparent-pressed);
    --color: var(--knox-text-icon-critical-pressed);
}

.button_button_compound_35__wk7g81u {
    --background: var(--knox-background-transparent-hover);
    --color: var(--knox-text-icon-critical-hover);
}

.button_button_compound_36__wk7g81v {
    --background: var(--knox-background-transparent-pressed);
    --color: var(--knox-text-icon-critical-pressed);
}

.button_buttonAccessory__wk7g81x {
    box-sizing: border-box;
}

.button_buttonAccessory_size_medium__wk7g81y {
    max-height: 16px;
}

.button_buttonAccessory_size_large__wk7g81z {
    max-height: 32px;
}

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

.button_buttonAccessory_compound_0__wk7g824 {
    flex-grow: 0;
}

.button_buttonLoading__wk7g826 {
    fill: var(--color);
    top: 2px;
    height: calc(100% - 2px);
    border-radius: inherit;
}

/* src/components/text/text.css.ts.vanilla.css -> assets/components/text/text.css.ts.vanilla.css */
.text_text__1wf9vowb {
    font-variant-ligatures: var(--knox-text-font-variant-ligatures);
    font-feature-settings: var(--knox-text-font-feature-settings), var(--knox-text-font-variant-ligatures);
    -webkit-font-feature-settings: var(--knox-text-font-feature-settings);
    -moz-font-feature-settings: var(--knox-text-font-feature-settings);
}

.text_text_variant_small__1wf9vowi {
    font-size: var(--knox-text-font-size-small);
    letter-spacing: var(--knox-text-letter-spacing-small);
}

.text_text_variant_medium__1wf9vowj {
    font-size: var(--knox-text-font-size-medium);
    letter-spacing: var(--knox-text-letter-spacing-medium);
}

.text_text_variant_large__1wf9vowk {
    font-size: var(--knox-text-font-size-large);
    letter-spacing: var(--knox-text-letter-spacing-large);
}

.text_text_bold_true__1wf9vowl {
    font-weight: var(--knox-text-font-weight-bold);
}

.text_text_italic_true__1wf9vowm {
    font-style: italic;
}

.text_text_numeric_true__1wf9vown {
    font-feature-settings: var(--knox-text-font-feature-settings-numeric);
}

.text_text_truncate_1__1wf9vowo {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    min-width: 0;
    overflow: hidden;
    -webkit-line-clamp: 1;
}

.text_text_truncate_2__1wf9vowp {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    min-width: 0;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

.text_text_truncate_3__1wf9vowq {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    min-width: 0;
    overflow: hidden;
    -webkit-line-clamp: 3;
}

.text_text_truncate_true__1wf9vowr {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text_text_underlined_true__1wf9vowy {
    -webkit-text-decoration: underline;
    text-decoration: underline;
}

/* src/components/checkbox/checkbox.css.ts.vanilla.css -> assets/components/checkbox/checkbox.css.ts.vanilla.css */
.checkbox_inputWrap__mfe9g50 {
    position: relative;
    display: inline-block;
    width: var(--knox-checkbox-dimension);
    height: var(--knox-checkbox-dimension);
}

.checkbox_checkbox__mfe9g51 {
    appearance: none;
    width: var(--knox-checkbox-dimension);
    height: var(--knox-checkbox-dimension);
    border: var(--knox-checkbox-border);
    border-radius: var(--knox-checkbox-border-radius);
    background-color: var(--knox-checkbox-background);
    cursor: pointer;
}

.checkbox_checkbox__mfe9g51:hover {
    background-color: var(--knox-checkbox-background-hover);
}

.checkbox_checkbox__mfe9g51:focus-visible {
    outline: var(--knox-focus-outline);
    outline-offset: var(--knox-focus-offset);
}

.checkbox_checkbox_checked_false__mfe9g52 {
    border: var(--knox-checkbox-border);
}

.checkbox_checkbox_checked_true__mfe9g53 {
    border: none;
    background-color: var(--knox-checkbox-checked-background);
}

.checkbox_checkbox_checked_true__mfe9g53:hover {
    background-color: var(--knox-checkbox-checked-background-hover);
}

.checkbox_checkbox_disabled_true__mfe9g54 {
    background-color: var(--knox-checkbox-disabled-background);
}

.checkbox_checkbox_disabled_true__mfe9g54:hover {
    background-color: var(--knox-checkbox-disabled-background-hover);
}

.checkbox_checkbox_error_true__mfe9g55 {
    border-color: var(--knox-checkbox-border-error);
}

.checkbox_checkbox_compound_0__mfe9g56 {
    background-color: var(--knox-checkbox-disabled-background);
}

.checkbox_checkbox_compound_0__mfe9g56:hover {
    border: medium none currentcolor;
    border: initial;
}

.checkbox_checkbox_compound_1__mfe9g57 {
    background-color: var(--knox-checkbox-background);
    border: var(--knox-checkbox-border-disabled);
}

.checkbox_checkbox_compound_1__mfe9g57:hover {
    background-color: var(--knox-checkbox-background);
}

.checkbox_checkbox_compound_2__mfe9g58 {
    border: none;
    background-color: var(--knox-checkbox-checked-background);
}

.checkbox_checkbox_compound_2__mfe9g58:hover {
    background-color: var(--knox-checkbox-checked-background-hover);
}

.checkbox_checkIcon__mfe9g59 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    opacity: 0;
    pointer-events: none;
}

.checkbox_checkIcon_checked_true__mfe9g5a {
    opacity: 1;
}

/* src/components/callout/callout.css.ts.vanilla.css -> assets/components/callout/callout.css.ts.vanilla.css */
.callout_callout__vwmfzi0 {
    display: flex;
    flex-direction: row;
    gap: var(--knox-spacing-xs);
    border-radius: var(--knox-callout-border-radius);
    border-width: var(--knox-callout-border-width);
    border-style: var(--knox-callout-border-style);
}

.callout_callout_severity_informational__vwmfzi1 {
    border-color: var(--knox-callout-informational-border-color);
    background-color: var(--knox-callout-informational-background-color);
}

.callout_callout_severity_critical__vwmfzi2 {
    border-color: var(--knox-callout-critical-border-color);
    background-color: var(--knox-callout-critical-background-color);
}

.callout_callout_severity_success__vwmfzi3 {
    border-color: var(--knox-callout-success-border-color);
    background-color: var(--knox-callout-success-background-color);
}

.callout_callout_severity_warning__vwmfzi4 {
    border-color: var(--knox-callout-warning-border-color);
    background-color: var(--knox-callout-warning-background-color);
}

.callout_callout_variant_card__vwmfzi5 {
    padding: var(--knox-callout-padding);
}

.callout_callout_variant_banner__vwmfzi6 {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    flex: 1;
    container-type: inline-size;
    padding-top: var(--knox-callout-banner-padding-block);
    padding-bottom: var(--knox-callout-banner-padding-block);
    padding-left: var(--knox-callout-banner-padding-inline);
    padding-right: var(--knox-callout-banner-padding-inline);
}

.callout_content_variant_banner__vwmfzia {
    margin-left: calc(16px + var(--knox-spacing-xs));
    flex: 1;
}

.callout_dismissButton_variant_card__vwmfzic {
    margin-top: calc(0px - var(--knox-spacing-xs));
    margin-right: calc(0px - var(--knox-spacing-xs));
}

.callout_dismissButton_variant_banner__vwmfzid {
    display: flex;
    margin-top: auto;
    margin-bottom: auto;
    align-items: center;
    margin-left: var(--knox-spacing-xs);
}

.callout_responsiveDismissButton__vwmfzie {
    display: none;
}

.callout_innerContainer__vwmfzif {
    display: flex;
    gap: var(--knox-spacing-xs);
}

.callout_calloutButton__vwmfzig>button {
    width: 100%;
}

.callout_actions__vwmfzih {
    display: flex;
}

.callout_actions_variant_card__vwmfzii {
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--knox-spacing-xs);
    margin-top: var(--knox-spacing-xs);
}

.callout_actions_variant_banner__vwmfzij {
    margin-left: auto;
    padding-left: var(--knox-spacing-xs);
    align-items: center;
}

.callout_banner__vwmfzik {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

@container (width < 576px) {
    .callout_dismissButton_variant_banner__vwmfzid {
        display: none;
    }

    .callout_responsiveDismissButton__vwmfzie {
        display: flex;
        margin-top: calc(0px - var(--knox-spacing-xs));
        margin-right: calc(0px - var(--knox-spacing-xs));
        margin-left: auto;
    }

    .callout_innerContainer__vwmfzif {
        width: 100%;
    }

    .callout_actions_variant_banner__vwmfzij {
        margin-top: var(--knox-spacing-small);
        padding-left: var(--knox-spacing-none);
        margin-left: 0;
        margin-left: initial;
        flex-basis: 100%;
    }

    .callout_banner__vwmfzik {
        flex-wrap: wrap;
    }
}

/* src/components/date-picker/field.css.ts.vanilla.css -> assets/components/date-picker/field.css.ts.vanilla.css */
.field_dateField__fz6z6d1 {
    gap: 0;
    min-width: 130px;
    max-width: 150px;
    padding-left: var(--knox-field-padding-inline);
    padding-right: 0;
    padding-right: initial;
}

.field_dateField__fz6z6d1:focus-within {
    outline: var(--knox-focus-outline);
    outline-offset: var(--knox-focus-offset);
}

.field_dateField_range_true__fz6z6d2 {
    max-width: fit-content;
    padding-right: var(--knox-field-padding-inline);
}

.field_dateSegment__fz6z6d4 {
    border: none;
    font-size: inherit;
}

.field_dateSegment__fz6z6d4[data-placeholder="true"] {
    color: var(--knox-field-placeholder-color);
}

.field_dateSegment__fz6z6d4:focus-visible {
    outline: none;
    border-radius: var(--knox-corner-radius-small);
}

.field_dateSegment_disabled_true__fz6z6d5 {
    color: var(--knox-field-disabled-color);
}

.field_dateSegment_disabled_true__fz6z6d5[data-placeholder="true"] {
    color: var(--knox-field-disabled-color);
}

.field_dateSegment_readOnly_true__fz6z6d6 {
    background-color: var(--knox-field-read-only-background);
}

.field_separator__fz6z6d7 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--knox-text-icon-neutral-weak);
}

.field_separator_disabled_true__fz6z6d8 {
    color: var(--knox-field-disabled-color);
}

.field_separator_disabled_true__fz6z6d8[data-placeholder="true"] {
    color: var(--knox-field-disabled-color);
}

.field_separator_readOnly_true__fz6z6d9 {
    background-color: var(--knox-field-read-only-background);
}

/* src/components/date-picker/calendar/calendar.css.ts.vanilla.css -> assets/components/date-picker/calendar/calendar.css.ts.vanilla.css */
.calendar_dayGrid__9kdtmj0 {
    border-collapse: collapse;
    width: 100%;
    text-align: center;
    max-width: var(--max-calendar-width);
    min-height: var(--min-calendar-height);
    max-height: var(--max-calendar-height);
    table-layout: fixed;
}

.calendar_calendarContainer__9kdtmj1 {
    --max-calendar-height: 260px;
    --min-calendar-height: 190px;
    --max-calendar-width: 250px;
    max-width: 250px;
    max-width: var(--max-calendar-width);
    min-height: 190px;
    min-height: var(--min-calendar-height);
    max-height: 260px;
    max-height: var(--max-calendar-height);
}

.calendar_calendarCell__9kdtmj3 {
    background-color: transparent;
    background-color: initial;
    min-width: 28px;
    vertical-align: middle;
    border: 0;
}

.calendar_calendarCell__9kdtmj3:focus-visible {
    outline: var(--knox-focus-outline);
    outline-offset: var(--knox-focus-offset);
}

.calendar_calendarCell__9kdtmj3:hover {
    background-color: var(--knox-background-transparent-hover);
}

.calendar_calendarCell_range_true__9kdtmj4:focus-visible {
    outline: var(--knox-focus-outline);
    outline-offset: var(--knox-focus-offset);
}

.calendar_calendarCell_disabled_true__9kdtmj5 {
    color: var(--knox-text-icon-disabled);
    background-color: var(--knox-background-transparent);
}

.calendar_calendarCell_disabled_true__9kdtmj5:hover {
    background-color: var(--knox-background-transparent);
    cursor: default;
}

.calendar_calendarCell_readOnly_true__9kdtmj6 {
    background-color: var(--knox-background-neutral-low);
}

.calendar_calendarCell_readOnly_true__9kdtmj6:hover {
    background-color: var(--knox-background-transparent);
    cursor: default;
}

.calendar_calendarCell_active_true__9kdtmj7 {
    background-color: var(--knox-background-transparent-pressed);
}

.calendar_calendarCell_selected_true__9kdtmj8 {
    background-color: var(--knox-background-brand);
    border-radius: var(--knox-corner-radius-medium);
    color: var(--knox-text-icon-inverse);
}

.calendar_calendarCell_selected_true__9kdtmj8:hover {
    background-color: var(--knox-background-brand-hover);
}

.calendar_calendarCell_hidden_true__9kdtmj9 {
    display: none;
}

.calendar_calendarCell_error_true__9kdtmja {
    background: var(--knox-background-critical-weak);
    box-shadow: 0 0 0 1px inset var(--knox-border-critical);
}

.calendar_calendarCell_inRange_true__9kdtmjb {
    border-radius: 0;
    border-radius: initial;
    background-color: var(--knox-background-brand);
    color: var(--knox-text-icon-inverse);
}

.calendar_calendarCell_inRange_true__9kdtmjb:hover,
.calendar_calendarCell_inRange_true__9kdtmjb:focus-visible {
    background-color: var(--knox-background-brand-hover);
}

.calendar_calendarCell_inRange_true__9kdtmjb:active {
    background-color: var(--knox-background-transparent-pressed);
}

.calendar_calendarCell_inRangeSelected_true__9kdtmjc {
    background-color: var(--knox-background-brand);
    color: var(--knox-text-icon-inverse);
}

.calendar_calendarCell_isOutsideCurrentMonth_true__9kdtmjf {
    visibility: hidden;
    pointer-events: none;
}

.calendar_calendarCell_highlightedRow_true__9kdtmjg {
    border-radius: 0;
    border-radius: initial;
    background-color: var(--knox-background-brand);
    color: var(--knox-text-icon-inverse);
}

.calendar_calendarCell_highlightedRow_true__9kdtmjg:hover {
    background-color: var(--knox-background-brand-hover);
}

.calendar_calendarCell_highlightedRow_true__9kdtmjg:active {
    background-color: var(--knox-background-transparent-pressed);
}

.calendar_calendarCell_compound_0__9kdtmjh {
    border-radius: 0;
}

.calendar_calendarCell_compound_1__9kdtmji {
    background-color: var(--knox-background-brand);
    color: var(--knox-text-icon-inverse);
    border-top-left-radius: var(--knox-corner-radius-medium);
    border-bottom-left-radius: var(--knox-corner-radius-medium);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.calendar_calendarCell_compound_1__9kdtmji:hover {
    background-color: var(--knox-background-brand-hover);
}

.calendar_calendarCell_compound_2__9kdtmjj {
    background-color: var(--knox-background-brand);
    color: var(--knox-text-icon-inverse);
    border-top-right-radius: var(--knox-corner-radius-medium);
    border-bottom-right-radius: var(--knox-corner-radius-medium);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.calendar_calendarCell_compound_2__9kdtmjj:hover {
    background-color: var(--knox-background-brand-hover);
}

.calendar_calendarCell_compound_3__9kdtmjk {
    border-top-left-radius: var(--knox-corner-radius-medium);
    border-bottom-left-radius: var(--knox-corner-radius-medium);
    border-top-right-radius: var(--knox-corner-radius-medium);
    border-bottom-right-radius: var(--knox-corner-radius-medium);
}

/* src/components/icon-mask/icon-mask.css.ts.vanilla.css -> assets/components/icon-mask/icon-mask.css.ts.vanilla.css */
.icon-mask_iconMask_size_xs__1l1rels5 {
    width: 16px;
    height: 16px;
}

.icon-mask_iconMask_size_small__1l1rels6 {
    width: 24px;
    height: 24px;
}

.icon-mask_iconMask_size_medium__1l1rels7 {
    width: 32px;
    height: 32px;
}

.icon-mask_iconMask_size_large__1l1rels8 {
    width: 64px;
    height: 64px;
}

.icon-mask_iconMask_compound_0__1l1rels9 {
    clip-path: circle(8px at 50%);
}

.icon-mask_iconMask_compound_1__1l1relsa {
    clip-path: circle(12px at 50%);
}

.icon-mask_iconMask_compound_2__1l1relsb {
    clip-path: circle(16px at 50%);
}

.icon-mask_iconMask_compound_3__1l1relsc {
    clip-path: circle(32px at 50%);
}

.icon-mask_iconMask_compound_4__1l1relsd {
    clip-path: border-box;
}

.icon-mask_iconMask_compound_5__1l1relse {
    clip-path: border-box;
}

.icon-mask_iconMask_compound_6__1l1relsf {
    clip-path: border-box;
}

.icon-mask_iconMask_compound_7__1l1relsg {
    clip-path: border-box;
}

.icon-mask_iconMask_compound_8__1l1relsh {
    clip-path: inset(var(--knox-icon-mask-square-xs-inset) round var(--knox-icon-mask-square-xs-radius));
}

.icon-mask_iconMask_compound_9__1l1relsi {
    clip-path: inset(var(--knox-icon-mask-square-small-inset) round var(--knox-icon-mask-square-small-radius));
}

.icon-mask_iconMask_compound_10__1l1relsj {
    clip-path: inset(var(--knox-icon-mask-square-medium-inset) round var(--knox-icon-mask-square-medium-radius));
}

.icon-mask_iconMask_compound_11__1l1relsk {
    clip-path: inset(var(--knox-icon-mask-square-large-inset) round var(--knox-icon-mask-square-large-radius));
}

/* src/components/disclosure/disclosure.css.ts.vanilla.css -> assets/components/disclosure/disclosure.css.ts.vanilla.css */
.disclosure_disclosure__1xfxjb40 {
    min-width: var(--knox-disclosure-min-width);
    border-radius: var(--knox-disclosure-border-radius);
}

.disclosure_disclosure_severity_base__1xfxjb41 {
    background-color: transparent;
    background-color: initial;
    border-bottom: 0;
    border-bottom: initial;
}

.disclosure_disclosure_severity_informational__1xfxjb42 {
    box-shadow: 0 0 0 var(--knox-disclosure-border-width) inset var(--knox-disclosure-informational-border-color);
    background-color: var(--knox-disclosure-informational-background-color);
}

.disclosure_disclosure_severity_attention__1xfxjb43 {
    box-shadow: 0 0 0 var(--knox-disclosure-border-width) inset var(--knox-disclosure-attention-border-color);
    background-color: var(--knox-disclosure-attention-background-color);
}

.disclosure_disclosure_severity_critical__1xfxjb44 {
    box-shadow: 0 0 0 var(--knox-disclosure-border-width) inset var(--knox-disclosure-critical-border-color);
    background-color: var(--knox-disclosure-critical-background-color);
}

.disclosure_disclosure_severity_neutral__1xfxjb45 {
    box-shadow: 0 0 0 var(--knox-disclosure-border-width) inset var(--knox-disclosure-neutral-border-color);
    background-color: var(--knox-disclosure-neutral-background-color);
}

.disclosure_disclosure_severity_success__1xfxjb46 {
    box-shadow: 0 0 0 var(--knox-disclosure-border-width) inset var(--knox-disclosure-success-border-color);
    background-color: var(--knox-disclosure-success-background-color);
}

.disclosure_disclosure_severity_warning__1xfxjb47 {
    box-shadow: 0 0 0 var(--knox-disclosure-border-width) inset var(--knox-disclosure-warning-border-color);
    background-color: var(--knox-disclosure-warning-background-color);
}

/* src/components/avatar/avatar.css.ts.vanilla.css -> assets/components/avatar/avatar.css.ts.vanilla.css */
.avatar_avatarBadgeContainer_size_xs__1a5veth2 {
    width: 16px;
    height: 16px;
}

.avatar_avatarBadgeContainer_size_small__1a5veth3 {
    width: 24px;
    height: 24px;
}

.avatar_avatarBadgeContainer_size_medium__1a5veth4 {
    width: 32px;
    height: 32px;
}

.avatar_avatarBadgeContainer_size_large__1a5veth5 {
    width: 64px;
    height: 64px;
}

.avatar_avatarBadgeMask_size_xs__1a5vetha {
    width: 16px;
    height: 16px;
}

.avatar_avatarBadgeMask_size_small__1a5vethb {
    width: 24px;
    height: 24px;
}

.avatar_avatarBadgeMask_size_medium__1a5vethc {
    width: 32px;
    height: 32px;
}

.avatar_avatarBadgeMask_size_large__1a5vethd {
    width: 64px;
    height: 64px;
}

.avatar_avatarBadgeMask_compound_0__1a5vethh {
    clip-path: path("M16 0H0V16H10.3542C9.52376 15.2671 9 14.1947 9 13C9 10.7909 10.7909 9 13 9C14.1947 9 15.2671 9.52376 16 10.3542V0Z");
}

.avatar_avatarBadgeMask_compound_1__1a5vethi {
    clip-path: path("M0 0H24V16.9995C23.0878 15.7853 21.6356 15 20 15C17.2386 15 15 17.2386 15 20C15 21.6356 15.7853 23.0878 16.9995 24H0V0Z");
}

.avatar_avatarBadgeMask_compound_2__1a5vethj {
    clip-path: path("M0 0H32V20.7084C30.5341 19.0475 28.3894 18 26 18C21.5817 18 18 21.5817 18 26C18 28.3894 19.0475 30.5341 20.7084 32H0V0Z");
}

.avatar_avatarBadgeMask_compound_3__1a5vethk {
    clip-path: path("M0 0H64V49.999C62.1755 47.5707 59.2712 46 56 46C50.4772 46 46 50.4772 46 56C46 59.2712 47.5707 62.1755 49.999 64H0V0Z");
}

.avatar_avatarBadgeMask_compound_4__1a5vethl {
    clip-path: path("M16 0H0V16H9V10C9 9.44771 9.44771 9 10 9H16V0Z");
}

.avatar_avatarBadgeMask_compound_5__1a5vethm {
    clip-path: path("M24 0H0V24H15V16C15 15.4477 15.4477 15 16 15H24V0Z");
}

.avatar_avatarBadgeMask_compound_6__1a5vethn {
    clip-path: path("M32 0H0V32H18V19C18 18.4477 18.4477 18 19 18H32V0Z");
}

.avatar_avatarBadgeMask_compound_7__1a5vetho {
    clip-path: path("M64 0H0V64H46V47C46 46.4477 46.4477 46 47 46H64V0Z");
}

.avatar_avatarBadgeMask_compound_8__1a5vethp {
    clip-path: path("M16 0V11.1L14.6515 10.8472L14.0151 9.81631C13.9176 9.65837 13.7846 9.52534 13.6267 9.42781C13.0659 9.08149 12.3306 9.25533 11.9842 9.81609L11.347 10.8476L10.1654 11.1304C9.97912 11.175 9.80633 11.2637 9.6616 11.3891L9.60808 11.4383C9.16016 11.8762 9.12556 12.5928 9.54117 13.0725L10.3225 13.9746L10.3077 14.0217C10.1062 14.6624 10.0785 15.3451 10.2275 16H0V0H16Z");
}

.avatar_avatarBadgeMask_compound_9__1a5vethq {
    clip-path: path("M23.9994 0L24 17.2234C23.9529 17.2082 23.9048 17.1947 23.8558 17.183L22.4128 16.8377L21.6371 15.5801C21.4798 15.3254 21.2654 15.1109 21.0107 14.9536C20.1064 14.3951 18.9206 14.6754 18.3621 15.5797L17.585 16.8377L16.143 17.1831C15.8427 17.2549 15.5641 17.398 15.3307 17.6002L15.2377 17.6862C14.5217 18.3928 14.4683 19.5438 15.1365 20.3149L16.087 21.4115L15.9712 22.8647C15.9471 23.1672 15.9948 23.4712 16.1105 23.7518L16.1585 23.8588C16.182 23.9073 16.2073 23.9544 16.2343 24L0 23.9994V0H23.9994Z");
}

.avatar_avatarBadgeMask_compound_10__1a5vethr {
    clip-path: path("M32 0L32.0009 21.8356C31.9302 21.8129 31.8581 21.7926 31.7846 21.7751L29.62 21.257L28.4564 19.3705C28.2205 18.9885 27.8988 18.6667 27.5168 18.4308C26.1603 17.593 24.3815 18.0135 23.5438 19.37L22.378 21.257L20.215 21.7751C19.7645 21.8829 19.3465 22.0976 18.9964 22.4009L18.857 22.5299C17.7829 23.5898 17.7028 25.3163 18.7051 26.473L20.131 28.118L19.9573 30.2979C19.921 30.7517 19.9926 31.2077 20.1663 31.6286L20.2382 31.7891C20.2734 31.8618 20.3114 31.9325 20.3519 32.0009L0 32V0H32Z");
}

.avatar_avatarBadgeMask_compound_11__1a5veths {
    clip-path: path("M63.9987 0L64 50.6461C63.8412 50.5827 63.6758 50.53 63.5046 50.489L60.9815 49.6452L59.0851 46.5733C58.7946 46.1026 58.3983 45.7062 57.9277 45.4156C56.2567 44.3836 54.0655 44.9016 53.0335 46.5726L51.1347 49.6463L47.6134 50.4891C47.0584 50.6219 46.5436 50.8863 46.1123 51.26L45.9528 51.4068C44.618 52.7114 44.5149 54.847 45.7534 56.2763L48.0818 58.9647L47.7986 61.5221C47.754 62.0812 47.8422 62.6429 48.0561 63.1613L48.1413 63.3522C48.2541 63.5862 48.3897 63.8026 48.5443 64L0 63.9989V0H63.9987Z");
}

.avatar_avatarBadgeMask_compound_12__1a5vetht {
    clip-path: path("M 0 0 H 16 V 16 H 5.6458 C 6.4762 15.2671 7 14.1947 7 13 C 7 10.7909 5.2091 9 3 9 C 1.8053 9 0.7329 9.5238 0 10.3542 V 0 Z");
}

.avatar_avatarBadgeMask_compound_13__1a5vethu {
    clip-path: path("M 24 0 H 0 V 16.9995 C 0.9122 15.7853 2.3644 15 4 15 C 6.7614 15 9 17.2386 9 20 C 9 21.6356 8.2147 23.0878 7.0005 24 H 24 V 0 Z");
}

.avatar_avatarBadgeMask_compound_14__1a5vethv {
    clip-path: path("M 32 0 H 0 V 20.7084 C 1.4659 19.0475 3.6106 18 6 18 C 10.4183 18 14 21.5817 14 26 C 14 28.3894 12.9525 30.5341 11.2916 32 H 32 V 0 Z");
}

.avatar_avatarBadgeMask_compound_15__1a5vethw {
    clip-path: path("M 64 0 H 0 V 49.999 C 1.8245 47.5707 4.7288 46 8 46 C 13.5228 46 18 50.4772 18 56 C 18 59.2712 16.4293 62.1755 14.001 64 H 64 V 0 Z");
}

.avatar_avatarBadgeMask_compound_16__1a5vethx {
    clip-path: path("M 0 0 H 16 V 16 H 7 V 10 C 7 9.4477 6.5523 9 6 9 H 0 V 0 Z");
}

.avatar_avatarBadgeMask_compound_17__1a5vethy {
    clip-path: path("M 0 0 H 24 V 24 H 9 V 16 C 9 15.4477 8.5523 15 8 15 H 0 V 0 Z");
}

.avatar_avatarBadgeMask_compound_18__1a5vethz {
    clip-path: path("M 0 0 H 32 V 32 H 14 V 19 C 14 18.4477 13.5523 18 13 18 H 0 V 0 Z");
}

.avatar_avatarBadgeMask_compound_19__1a5veth10 {
    clip-path: path("M 0 0 H 64 V 64 H 18 V 47 C 18 46.4477 17.5523 46 17 46 H 0 V 0 Z");
}

.avatar_avatarBadgeMask_compound_20__1a5veth11 {
    clip-path: path("M 0 0 V 11.1 L 1.3485 10.8472 L 1.9849 9.8163 C 2.0824 9.6584 2.2154 9.5253 2.3733 9.4278 C 2.9341 9.0815 3.6694 9.2553 4.0158 9.8161 L 4.653 10.8476 L 5.8346 11.1304 C 6.0209 11.175 6.1937 11.2637 6.3384 11.3891 L 6.3919 11.4383 C 6.8398 11.8762 6.8744 12.5928 6.4588 13.0725 L 5.6775 13.9746 L 5.6923 14.0217 C 5.8938 14.6624 5.9215 15.3451 5.7725 16 H 16 V 0 H 0 Z");
}

.avatar_avatarBadgeMask_compound_21__1a5veth12 {
    clip-path: path("M 0.0006 0 L 0 17.2234 C 0.0471 17.2082 0.0952 17.1947 0.1442 17.183 L 1.5872 16.8377 L 2.3629 15.5801 C 2.5202 15.3254 2.7346 15.1109 2.9893 14.9536 C 3.8936 14.3951 5.0794 14.6754 5.6379 15.5797 L 6.415 16.8377 L 7.857 17.1831 C 8.1573 17.2549 8.4359 17.398 8.6693 17.6002 L 8.7623 17.6862 C 9.4783 18.3928 9.5317 19.5438 8.8635 20.3149 L 7.913 21.4115 L 8.0288 22.8647 C 8.0529 23.1672 8.0052 23.4712 7.8895 23.7518 L 7.8415 23.8588 C 7.818 23.9073 7.7927 23.9544 7.7657 24 L 24 23.9994 V 0 H 0.0006 Z");
}

.avatar_avatarBadgeMask_compound_22__1a5veth13 {
    clip-path: path("M 0 0 L -0.0009 21.8356 C 0.0698 21.8129 0.1419 21.7926 0.2154 21.7751 L 2.38 21.257 L 3.5436 19.3705 C 3.7795 18.9885 4.1012 18.6667 4.4832 18.4308 C 5.8397 17.593 7.6185 18.0135 8.4562 19.37 L 9.622 21.257 L 11.785 21.7751 C 12.2355 21.8829 12.6535 22.0976 13.0036 22.4009 L 13.143 22.5299 C 14.2171 23.5898 14.2972 25.3163 13.2949 26.473 L 11.869 28.118 L 12.0427 30.2979 C 12.079 30.7517 12.0074 31.2077 11.8337 31.6286 L 11.7618 31.7891 C 11.7266 31.8618 11.6886 31.9325 11.6481 32.0009 L 32 32 V 0 H 0 Z");
}

.avatar_avatarBadgeMask_compound_23__1a5veth14 {
    clip-path: path("M 0.0013 0 L 0 50.6461 C 0.1588 50.5827 0.3242 50.53 0.4954 50.489 L 3.0185 49.6452 L 4.9149 46.5733 C 5.2054 46.1026 5.6017 45.7062 6.0723 45.4156 C 7.7433 44.3836 9.9345 44.9016 10.9665 46.5726 L 12.8653 49.6463 L 16.3866 50.4891 C 16.9416 50.6219 17.4564 50.8863 17.8877 51.26 L 18.0472 51.4068 C 19.382 52.7114 19.4851 54.847 18.2466 56.2763 L 15.9182 58.9647 L 16.2014 61.5221 C 16.246 62.0812 16.1578 62.6429 15.9439 63.1613 L 15.8587 63.3522 C 15.7459 63.5862 15.6103 63.8026 15.4557 64 L 64 63.9989 V 0 H 0.0013 Z");
}

.avatar_avatarBadgeInternalMask__1a5veth16 {
    bottom: 0;
    right: 0;
}

.avatar_avatarBadgeInternalMask_direction_ltr__1a5veth17 {
    transform-origin: 100% 100%;
}

.avatar_avatarBadgeInternalMask_direction_rtl__1a5veth18 {
    transform-origin: 0% 100%;
}

.avatar_avatarBadgeInternalMask_size_xs__1a5veth19 {
    transform: scale(0.375);
}

.avatar_avatarBadgeInternalMask_size_small__1a5veth1a {
    transform: scale(0.5);
}

.avatar_avatarBadgeInternalMask_size_medium__1a5veth1b {
    transform: scale(0.75);
}

.avatar_avatarBadgeInternalMask_size_large__1a5veth1c {
    transform: scale(1);
}

.avatar_avatarBadgeInternalMask_shape_circle__1a5veth1d {
    border-radius: 50%;
}

.avatar_avatarBadgeInternalMask_shape_square__1a5veth1f {
    border-radius: 1px;
}

/* src/components/pill/pill.css.ts.vanilla.css -> assets/components/pill/pill.css.ts.vanilla.css */
.pill_pill__1dekqbc0 {
    display: inline-flex;
    justify-content: center;
    padding-top: var(--knox-pill-padding-block);
    padding-bottom: var(--knox-pill-padding-block);
    overflow: hidden;
    white-space: nowrap;
    max-height: var(--knox-pill-max-height);
    background-color: var(--background);
    color: var(--color);
}

.pill_pill_type_default__1dekqbc1 {
    --background: var(--knox-pill-default-background);
    --color: var(--knox-pill-default-color);
}

.pill_pill_type_attention__1dekqbc2 {
    --background: var(--knox-background-attention-weak);
    --color: var(--knox-text-icon-attention);
}

.pill_pill_type_critical__1dekqbc3 {
    --background: var(--knox-background-critical-weak);
    --color: var(--knox-text-icon-critical);
}

.pill_pill_type_informational__1dekqbc4 {
    --background: var(--knox-background-brand-weak);
    --color: var(--knox-text-icon-brand);
}

.pill_pill_type_neutral__1dekqbc5 {
    --background: var(--knox-pill-default-background);
    --color: var(--knox-pill-default-color);
}

.pill_pill_type_success__1dekqbc6 {
    --background: var(--knox-background-success-weak);
    --color: var(--knox-text-icon-success);
}

.pill_pill_disabled_true__1dekqbc9 {
    --background: var(--knox-pill-disabled-background);
    --color: var(--knox-pill-disabled-color);
}

.pill_pill_compound_0__1dekqbca {
    --background: var(--knox-pill-default-strong-background);
    --color: var(--knox-pill-default-strong-color);
}

.pill_pill_compound_1__1dekqbcb {
    --background: var(--knox-background-attention);
    --color: var(--knox-text-icon-inverse);
}

.pill_pill_compound_2__1dekqbcc {
    --background: var(--knox-background-critical);
    --color: var(--knox-text-icon-inverse);
}

.pill_pill_compound_3__1dekqbcd {
    --background: var(--knox-background-brand);
    --color: var(--knox-text-icon-inverse);
}

.pill_pill_compound_4__1dekqbce {
    --background: var(--knox-pill-default-strong-background);
    --color: var(--knox-pill-default-strong-color);
}

.pill_pill_compound_5__1dekqbcf {
    --background: var(--knox-pill-disabled-background);
}

.pill_pill_compound_6__1dekqbcg {
    --background: var(--knox-background-success);
    --color: var(--knox-text-icon-inverse);
}

/* src/components/search-input/search-input.css.ts.vanilla.css -> assets/components/search-input/search-input.css.ts.vanilla.css */
.search-input_searchInput__94xqlo0::-webkit-search-cancel-button {
    display: none;
}

.search-input_searchInput__94xqlo0::-webkit-search-results-button {
    display: none;
}

.search-input_searchInput__94xqlo0::-webkit-search-decoration {
    display: none;
}

.search-input_searchInput__94xqlo0::-webkit-search-results-decoration {
    display: none;
}

.search-input_searchInput_disabled_true__94xqlo3 {
    color: var(--knox-search-input-disabled-color);
    box-shadow: var(--knox-search-input-disabled-box-shadow);
}

.search-input_searchInput__94xqlo0.search-input_searchInput_size_medium__94xqlo1.search-input_searchInput_hasText_false__94xqlo5 {
    padding-left: var(--knox-spacing-xl);
    padding-right: var(--knox-spacing-xs);
}

.search-input_searchInput__94xqlo0.search-input_searchInput_size_medium__94xqlo1.search-input_searchInput_hasText_true__94xqlo4 {
    padding-left: var(--knox-spacing-xl);
    padding-right: var(--knox-spacing-xl);
}

.search-input_searchInput__94xqlo0.search-input_searchInput_size_large__94xqlo2.search-input_searchInput_hasText_false__94xqlo5 {
    padding-left: var(--knox-search-input-padding-inline);
    padding-right: var(--knox-spacing-medium);
}

.search-input_searchInput__94xqlo0.search-input_searchInput_size_large__94xqlo2.search-input_searchInput_hasText_true__94xqlo4 {
    padding-left: var(--knox-search-input-padding-inline);
    padding-right: var(--knox-search-input-padding-inline);
}

.search-input_searchInputIcon__94xqlo6 {
    width: auto;
}

.search-input_searchInputIcon_inputSize_medium__94xqlo7 {
    top: 6px;
    left: var(--knox-spacing-xs);
}

.search-input_searchInputIcon_inputSize_large__94xqlo8 {
    top: 14px;
    left: var(--knox-spacing-medium);
}

.search-input_searchInputCancelButton__94xqlo9 {
    right: 0;
}

.search-input_searchInputCancelButton_size_large__94xqlob {
    padding-left: 0;
}

/* src/components/text-area/text-area.css.ts.vanilla.css -> assets/components/text-area/text-area.css.ts.vanilla.css */
.text-area_textArea_resize_none__3go86a1 {
    resize: none;
}

.text-area_textArea_resize_both__3go86a2 {
    resize: both;
}

.text-area_textArea_resize_horizontal__3go86a3 {
    resize: horizontal;
}

.text-area_textArea_resize_vertical__3go86a4 {
    resize: vertical;
}

.text-area_textArea_resize_block__3go86a5 {
    resize: vertical;
}

.text-area_textArea_resize_inline__3go86a6 {
    resize: horizontal;
}

/* src/components/heading/heading.css.ts.vanilla.css -> assets/components/heading/heading.css.ts.vanilla.css */
.heading_heading__15cbd1p6 {
    line-height: var(--knox-heading-line-height);
    font-variant-ligatures: var(--knox-heading-font-variant-ligatures);
    font-feature-settings: var(--knox-heading-font-feature-settings), var(--knox-heading-font-variant-ligatures);
    -webkit-font-feature-settings: var(--knox-heading-font-feature-settings);
    -moz-font-feature-settings: var(--knox-heading-font-feature-settings);
    font-family: inherit;
}

.heading_heading_variant_2xs__15cbd1pd {
    font-size: var(--knox-heading-font-size-2xs);
    letter-spacing: var(--knox-heading-letter-spacing-2xs);
}

.heading_heading_variant_xs__15cbd1pe {
    font-size: var(--knox-heading-font-size-xs);
    letter-spacing: var(--knox-heading-letter-spacing-xs);
}

.heading_heading_variant_small__15cbd1pf {
    font-size: var(--knox-heading-font-size-small);
    letter-spacing: var(--knox-heading-letter-spacing-small);
}

.heading_heading_variant_medium__15cbd1pg {
    font-size: var(--knox-heading-font-size-medium);
    letter-spacing: var(--knox-heading-letter-spacing-medium);
}

.heading_heading_variant_large__15cbd1ph {
    font-size: var(--knox-heading-font-size-large);
    letter-spacing: var(--knox-heading-letter-spacing-large);
}

.heading_heading_variant_xl__15cbd1pi {
    font-size: var(--knox-heading-font-size-xl);
    letter-spacing: var(--knox-heading-letter-spacing-xl);
}

.heading_heading_subtle_true__15cbd1pj {
    font-weight: var(--knox-heading-subtle-font-weight);
}

.heading_heading_numeric_true__15cbd1pk {
    font-feature-settings: var(--knox-heading-font-feature-settings-numeric);
}

/* src/components/listbox/listbox.css.ts.vanilla.css -> assets/components/listbox/listbox.css.ts.vanilla.css */
.listbox_listbox__1aoa1ll2 {
    height: inherit;
}

.listbox_listbox_variant_neutral__1aoa1ll4 {
    background: var(--knox-listbox-background-color-neutral-background);
    border-radius: var(--knox-listbox-border-radius);
    padding: var(--knox-listbox-padding);
}

.listbox_listboxGroup_variant_neutral__1aoa1ll7:not(:last-of-type),
.listbox_listboxGroup_variant_neutral__1aoa1ll7:not(:last-child) {
    border-bottom: var(--knox-listbox-group-border-bottom);
    border-style: var(--knox-listbox-group-border-style);
    border-color: var(--knox-listbox-group-border-color);
    padding-bottom: var(--knox-listbox-group-padding-block-end);
    margin-bottom: var(--knox-listbox-group-margin-block-end);
}

.listbox_listboxItem_variant_neutral__1aoa1llb {
    border-radius: var(--knox-listbox-item-border-radius);
    padding-left: var(--knox-listbox-item-padding-inline);
    padding-right: var(--knox-listbox-item-padding-inline);
    padding-top: var(--knox-listbox-item-padding-block);
    padding-bottom: var(--knox-listbox-item-padding-block);
}

.listbox_listboxItem_touch_true__1aoa1lle {
    min-height: calc((2 * var(--knox-listbox-item-minHeightCalculation)) + 16px);
}

.listbox_listboxItem_touch_false__1aoa1llf {
    min-height: calc((var(--knox-listbox-item-minHeightCalculation)) + 16px);
}

.listbox_listboxItem_compound_0__1aoa1llg[data-focused="true"],
.listbox_listboxItem_compound_0__1aoa1llg:hover {
    color: var(--knox-listbox-item-text-color-neutral-inverse);
    background-color: var(--knox-listbox-item-background-highlighted-neutral);
    --knox-text-icon-neutral: var(--knox-listbox-item-text-color-neutral-inverse);
    --knox-text-icon-neutral-weak: var(--knox-listbox-item-text-color-neutral-inverse);
    --knox-text-icon-brand: var(--knox-listbox-item-text-color-neutral-inverse);
    --knox-pill-default-background: var(--knox-pill-inverse-background);
}

.listbox_listboxGroupHeader_variant_neutral__1aoa1llk {
    min-height: calc((var(--knox-listbox-item-minHeightCalculation)) + 16px);
    padding-left: var(--knox-listbox-groupHeader-padding-inline);
    padding-right: var(--knox-listbox-groupHeader-padding-inline);
}

/* src/components/media-card/media-card.css.ts.vanilla.css -> assets/components/media-card/media-card.css.ts.vanilla.css */
@keyframes media-card_fadeOutContent__122qiaw0 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.media-card_mediaCardContainer__122qiaw2 {
    box-shadow: var(--knox-card-box-shadow);
    border-radius: var(--knox-card-border-radius);
}

.media-card_mediaCardContainer_isVisible_false__122qiaw3 {
    animation: media-card_fadeOutContent__122qiaw0 0.25s forwards;
}

.media-card_mediaCardInnerContainer__122qiaw5 {
    isolation: isolate;
}

.media-card_mediaCardInnerContainer_assetPosition_corner__122qiaw9 {
    width: 100%;
    flex-direction: column;
}

.media-card_mediaCardInnerContainer_compound_0__122qiawg {
    flex-direction: column;
}

.media-card_mediaCard__122qiawi {
    min-height: 100%;
}

.media-card_mediaCard_assetPosition_corner__122qiawm {
    position: relative;
}

.media-card_mediaCard_compound_0__122qiawt {
    flex-direction: column;
}

.media-card_mediaCardContent_position_top__122qiaww {
    order: 2;
}

.media-card_mediaCardContent_position_left__122qiawx {
    order: 2;
    width: calc(100% - 160px);
}

.media-card_mediaCardContent_position_right__122qiawy {
    order: 1;
    width: calc(100% - 160px);
}

.media-card_mediaCardAsset__122qiaw10 {
    overflow: hidden;
    z-index: -1;
}

.media-card_mediaCardAsset_position_top__122qiaw11 {
    order: 1;
}

.media-card_mediaCardAsset_position_left__122qiaw12 {
    order: 1;
}

.media-card_mediaCardAsset_position_right__122qiaw13 {
    order: 2;
}

.media-card_mediaCardAsset_position_corner__122qiaw14 {
    position: absolute;
    top: 0;
    right: 0;
    max-height: 90px;
    max-width: 112px;
}

.media-card_dismissButton__122qiaw16 {
    top: var(--knox-spacing-medium);
    right: var(--knox-spacing-medium);
    z-index: 1;
}

.media-card_dismissButton_assetPosition_top__122qiaw17 {
    order: 2;
}

.media-card_dismissButton_assetPosition_left__122qiaw18 {
    order: 2;
}

.media-card_dismissButton_assetPosition_right__122qiaw19 {
    position: absolute;
}

.media-card_dismissButton_assetPosition_corner__122qiaw1a {
    position: absolute;
}

.media-card_dismissButton_compound_0__122qiaw1h {
    position: absolute;
}

.media-card_dismissButton_compound_1__122qiaw1i {
    order: 2;
    position: relative;
}

/* src/components/progress-indicator/progress-indicator.css.ts.vanilla.css -> assets/components/progress-indicator/progress-indicator.css.ts.vanilla.css */
@keyframes progress-indicator_spin__1bffnk30 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.progress-indicator_indeterminateSvg__1bffnk32 {
    animation: progress-indicator_spin__1bffnk30 665ms steps(8) infinite;
    color: var(--knox-progress-indicator-indeterminate-color);
    height: var(--knox-progress-indicator-dimension);
    width: var(--knox-progress-indicator-dimension);
}

.progress-indicator_indeterminateSvg_inverted_true__1bffnk33 {
    fill: var(--knox-progress-indicator-indeterminate-color-inverted);
}

.progress-indicator_indeterminateSvg_inverted_false__1bffnk34 {
    fill: var(--knox-progress-indicator-indeterminate-color);
}

.progress-indicator_indeterminateSvg_color_inherit__1bffnk35 {
    fill: inherit;
}

.progress-indicator_indeterminateSvg_compound_0__1bffnk36 {
    fill: inherit;
}

.progress-indicator_indeterminateSvg_compound_1__1bffnk37 {
    fill: inherit;
}

.progress-indicator_determinateWrapper__1bffnk39 {
    height: var(--knox-progress-indicator-dimension);
}

.progress-indicator_determinateSvg__1bffnk3a {
    height: var(--knox-progress-indicator-dimension);
    width: var(--knox-progress-indicator-dimension);
}

.progress-indicator_determinateBackground__1bffnk3b {
    color: var(--knox-progress-indicator-determinate-background-color);
    color-inverted: var(--knox-progress-indicator-determinate-background-color-inverted);
    stroke-width: var(--knox-progress-indicator-determinate-background-stroke-width);
}

.progress-indicator_determinateBackground_inverted_true__1bffnk3c {
    stroke: var(--knox-progress-indicator-determinate-background-color-inverted);
}

.progress-indicator_determinateStroke__1bffnk3d {
    stroke-width: var(--knox-progress-indicator-determinate-foreground-stroke-width);
    stroke-linecap: var(--knox-progress-indicator-determinate-foreground-stroke-linecap);
    transform: rotate(-90deg);
    transform-origin: center;
    transition-property: stroke-dashoffset;
    transition-duration: .15s;
}

.progress-indicator_determinateStroke_animation_none__1bffnk3e {
    transition: none 0s ease 0s;
    transition: initial;
}

.progress-indicator_determinateStroke_animation_linear__1bffnk3f {
    transition-timing-function: linear;
}

.progress-indicator_determinateStroke_animation_ease__1bffnk3g {
    transition-timing-function: ease;
}

.progress-indicator_determinateStroke_color_default__1bffnk3h {
    stroke: var(--knox-progress-indicator-determinate-default-color);
}

.progress-indicator_determinateStroke_color_attention__1bffnk3i {
    stroke: var(--knox-progress-indicator-determinate-attention-color);
}

.progress-indicator_determinateStroke_color_brand__1bffnk3j {
    stroke: var(--knox-progress-indicator-determinate-brand-color);
}

.progress-indicator_determinateStroke_color_critical__1bffnk3k {
    stroke: var(--knox-progress-indicator-determinate-critical-color);
}

.progress-indicator_determinateStroke_color_success__1bffnk3l {
    stroke: var(--knox-progress-indicator-determinate-success-color);
}

.progress-indicator_determinateStroke_inverted_true__1bffnk3m {
    stroke: var(--knox-progress-indicator-determinate-inverted);
}

/* src/components/radio-group/radio.css.ts.vanilla.css -> assets/components/radio-group/radio.css.ts.vanilla.css */
.radio_radio__fatdj20 {
    background: var(--knox-radio-background);
    border-radius: var(--knox-radio-border-radius);
    border: var(--knox-radio-border);
    width: var(--knox-radio-dimension);
    height: var(--knox-radio-dimension);
    outline: none;
    flex-shrink: 0;
    appearance: none;
}

.radio_radio__fatdj20:hover {
    background-color: var(--knox-radio-background-hover);
}

.radio_radio_checked_true__fatdj21 {
    background-color: var(--knox-radio-checked-background);
    border: var(--knox-radio-checked-border);
}

.radio_radio_checked_true__fatdj21:hover {
    background-color: var(--knox-radio-checked-background);
    border: var(--knox-radio-checked-border-hover);
}

.radio_radio_disabled_true__fatdj22 {
    background-color: var(--knox-radio-disabled-background);
}

.radio_radio_disabled_true__fatdj22:hover {
    background-color: var(--knox-radio-disabled-background-hover);
}

.radio_radio_error_true__fatdj23 {
    background-color: var(--knox-radio-error-background);
    border: var(--knox-radio-error-border);
}

.radio_radio_error_true__fatdj23:hover {
    background-color: var(--knox-radio-error-background-hover);
}

.radio_radio_compound_0__fatdj24 {
    background: var(--knox-radio-disabled-checked-background);
    background-position: 50%;
    background-repeat: no-repeat;
    border: var(--knox-radio-disabled-checked-border);
}

.radio_radio_compound_0__fatdj24:hover {
    border: var(--knox-radio-disabled-checked-border-hover);
}

.radio_radio_compound_1__fatdj25 {
    background: var(--knox-radio-checked-background);
    border: var(--knox-radio-checked-border);
}

.radio_radio_compound_1__fatdj25:hover {
    background: var(--knox-radio-checked-background);
    border: var(--knox-radio-checked-border-hover);
}

/* src/components/select/select.css.ts.vanilla.css -> assets/components/select/select.css.ts.vanilla.css */
.select_select__1bmkku20 {
    position: relative;
    justify-content: space-between;
    align-items: center;
    border-radius: var(--knox-field-border-radius);
    color: var(--knox-field-color);
    border: var(--knox-field-border);
    box-shadow: var(--knox-field-box-shadow);
    height: var(--knox-field-size-medium);
    font-size: var(--knox-field-font-size);
    font-family: var(--knox-select-option-font-family);
    font-weight: var(--knox-field-font-weight);
    background-color: var(--knox-field-background);
    padding-left: var(--knox-select-padding-inline);
    padding-right: var(--knox-spacing-xl);
    padding-top: calc(var(--knox-select-option-padding-block) - 2px);
    padding-bottom: calc(var(--knox-select-option-padding-block) - 2px);
    display: flex;
}

.select_select__1bmkku20:hover {
    background-color: var(--knox-select-background-hover);
}

.select_select__1bmkku20:focus-visible {
    outline: var(--knox-focus-outline);
    outline-offset: var(--knox-focus-offset);
}

.select_select__1bmkku20:active {
    border: var(--knox-field-border-active);
}

.select_select__1bmkku20[data-placeholder] {
    font-family: var(--knox-select-option-font-family);
    color: var(--knox-field-placeholder-color);
}

.select_select_size_medium__1bmkku21 {
    height: var(--knox-field-size-medium);
}

.select_select_size_large__1bmkku22 {
    height: var(--knox-field-size-large);
    font-size: var(--knox-field-font-size-large);
    padding-left: var(--knox-spacing-medium);
    padding-right: var(--knox-field-icon-padding-inline-large);
}

.select_select_disabled_true__1bmkku23 {
    color: var(--knox-text-icon-disabled);
    box-shadow: var(--knox-field-disabled-box-shadow);
    border: none;
}

.select_select_disabled_true__1bmkku23:hover {
    background-color: var(--knox-background-neutral-high);
    cursor: default;
}

.select_select_error_true__1bmkku24 {
    background-color: var(--knox-field-error-background);
    box-shadow: var(--knox-field-error-box-shadow);
    border: none;
}

.select_select_error_true__1bmkku24:hover {
    background-color: var(--knox-field-error-background);
    cursor: default;
}

.select_iconContainer__1bmkku25 {
    position: absolute;
    display: flex;
    top: 50%;
    transform: translateY(-50%);
    height: 16px;
    pointer-events: none;
    right: var(--knox-select-padding-inline);
}

.select_iconContainer_size_large__1bmkku27 {
    right: var(--knox-spacing-medium);
}

.select_content__1bmkku28 {
    background-color: var(--knox-field-background);
    border-radius: var(--knox-select-border-radius);
    box-shadow: var(--knox-select-popover-box-shadow);
    font-family: var(--knox-select-option-font-family);
    font-weight: var(--knox-field-font-weight);
    max-height: var(--radix-popper-available-height);
    max-width: var(--radix-popper-available-width);
    min-width: var(--radix-select-trigger-width);
    padding: var(--knox-select-popover-padding);
    position: relative;
}

.select_scrollButton__1bmkku29 {
    margin-left: auto;
    margin-right: auto;
}

.select_scrollButton_direction_up__1bmkku2a {
    transform: scaleY(-1);
}

.select_item__1bmkku2c {
    color: var(--knox-field-color);
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: var(--knox-select-option-font-size);
    font-family: var(--knox-select-option-font-family);
    border-radius: var(--knox-select-option-border-radius);
    padding-top: var(--knox-select-option-padding-block);
    padding-bottom: var(--knox-select-option-padding-block);
    padding-left: var(--knox-select-option-padding-inline);
    padding-right: var(--knox-select-option-padding-inline);
    min-height: var(--knox-select-option-min-height);
}

.select_item__1bmkku2c:focus-visible {
    outline: var(--knox-select-option-outline);
    outline-offset: -3px;
}

.select_item__1bmkku2c[data-disabled] {
    color: var(--knox-text-icon-disabled);
}

.select_item__1bmkku2c[data-highlighted] {
    background-color: var(--knox-select-option-highlighted-color);
    color: var(--knox-select-option-focused-color);
}

.select_item__1bmkku2c[data-state='checked'] {
    background-color: var(--knox-select-option-checked);
}

.select_item__1bmkku2c[data-highlighted].select_item__1bmkku2c[data-state='checked'] {
    background-color: var(--knox-select-option-checked-highlighted-color);
}

div[role='presentation'] div[role='option'][data-state='checked'] svg {
    color: var(--knox-select-option-icon-color);
}

div[role='presentation'] div[role='option'][data-state='checked'][data-highlighted] svg {
    color: inherit;
}

.select__1bmkku2d {
    z-index: var(--select-content-z-index);
}

.select__1bmkku2i {
    min-width: var(--select-min-width);
}

.select__1bmkku2n {
    max-height: var(--select-max-height);
}

@media screen and (min-width: 576px) {
    .select__1bmkku2e {
        z-index: var(--select-content-z-index-small);
    }

    .select__1bmkku2j {
        min-width: var(--select-min-width-small);
    }

    .select__1bmkku2o {
        max-height: var(--select-max-height-small);
    }
}

@media screen and (min-width: 768px) {
    .select__1bmkku2f {
        z-index: var(--select-content-z-index-medium);
    }

    .select__1bmkku2k {
        min-width: var(--select-min-width-medium);
    }

    .select__1bmkku2p {
        max-height: var(--select-max-height-medium);
    }
}

@media screen and (min-width: 1024px) {
    .select__1bmkku2g {
        z-index: var(--select-content-z-index-large);
    }

    .select__1bmkku2l {
        min-width: var(--select-min-width-large);
    }

    .select__1bmkku2q {
        max-height: var(--select-max-height-large);
    }
}

@media screen and (min-width: 1280px) {
    .select__1bmkku2h {
        z-index: var(--select-content-z-index-xl);
    }

    .select__1bmkku2m {
        min-width: var(--select-min-width-xl);
    }

    .select__1bmkku2r {
        max-height: var(--select-max-height-xl);
    }
}

/* src/components/monogram/monogram.css.ts.vanilla.css -> assets/components/monogram/monogram.css.ts.vanilla.css */
.monogram_BACKGROUND_COLORS__16jxzfs0 {
    background-color: var(--knox-monogram-background-1);
}

.monogram_BACKGROUND_COLORS__16jxzfs1 {
    background-color: var(--knox-monogram-background-2);
}

.monogram_BACKGROUND_COLORS__16jxzfs2 {
    background-color: var(--knox-monogram-background-3);
}

.monogram_BACKGROUND_COLORS__16jxzfs3 {
    background-color: var(--knox-monogram-background-4);
}

.monogram_BACKGROUND_COLORS__16jxzfs4 {
    background-color: var(--knox-monogram-background-5);
}

.monogram_BACKGROUND_COLORS__16jxzfs5 {
    background-color: var(--knox-monogram-background-6);
}

.monogram_BACKGROUND_COLORS__16jxzfs6 {
    background-color: var(--knox-monogram-background-7);
}

.monogram_BACKGROUND_COLORS__16jxzfs7 {
    background-color: var(--knox-monogram-background-8);
}

.monogram_BACKGROUND_COLORS__16jxzfs8 {
    background-color: var(--knox-monogram-background-9);
}

.monogram_BACKGROUND_COLORS__16jxzfs9 {
    background-color: var(--knox-monogram-background-10);
}

.monogram_BACKGROUND_COLORS__16jxzfsa {
    background-color: var(--knox-monogram-background-11);
}

.monogram_BACKGROUND_COLORS__16jxzfsb {
    background-color: var(--knox-monogram-background-12);
}

.monogram_BACKGROUND_COLORS__16jxzfsc {
    background-color: var(--knox-monogram-background-13);
}

.monogram_BACKGROUND_COLORS__16jxzfsd {
    background-color: var(--knox-monogram-background-14);
}

.monogram_monogram__16jxzfsf {
    color: var(--knox-monogram-text-color);
    font-weight: var(--knox-monogram-font-weight);
    letter-spacing: var(--knox-monogram-letter-spacing);
    text-transform: var(--knox-monogram-text-transform);
}

.monogram_monogram_size_xs__16jxzfsg {
    width: 16px;
    height: 16px;
    font-size: var(--knox-monogram-font-size-xs);
}

.monogram_monogram_size_small__16jxzfsh {
    width: 24px;
    height: 24px;
    font-size: var(--knox-monogram-font-size-small);
}

.monogram_monogram_size_medium__16jxzfsi {
    width: 32px;
    height: 32px;
    font-size: var(--knox-monogram-font-size-medium);
}

.monogram_monogram_size_large__16jxzfsj {
    width: 64px;
    height: 64px;
    font-size: var(--knox-monogram-font-size-large);
}

/* src/components/switch/switch.css.ts.vanilla.css -> assets/components/switch/switch.css.ts.vanilla.css */
.switch_root__13xyjrz1 {
    background-color: var(--knox-switch-background-off);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    cursor: pointer;
}

.switch_root__13xyjrz1:hover {
    background-color: var(--knox-switch-background-off-hover);
}

.switch_root__13xyjrz1:focus-visible {
    outline: var(--knox-focus-outline);
    outline-offset: var(--knox-focus-offset);
}

.switch_root__13xyjrz1[data-state="checked"] {
    background-color: var(--knox-switch-checked-background);
}

.switch_root__13xyjrz1[data-state="checked"]:hover {
    background-color: var(--knox-switch-checked-background-hover);
}

.switch_root_size_medium__13xyjrz2 {
    min-width: var(--knox-switch-min-width-medium);
    height: var(--knox-switch-height-medium);
}

.switch_root_size_large__13xyjrz3 {
    min-width: var(--knox-switch-min-width-large);
    height: var(--knox-switch-height-large);
}

.switch_root_disabled_true__13xyjrz4 {
    background-color: var(--knox-switch-background-disabled);
}

.switch_root_disabled_true__13xyjrz4:hover {
    background-color: var(--knox-switch-background-disabled);
}

.switch_root_disabled_true__13xyjrz4[data-state="checked"] {
    background-color: var(--knox-switch-background-disabled);
}

.switch_root_disabled_true__13xyjrz4[data-state="checked"]:hover {
    background-color: var(--knox-switch-background-disabled);
}

.switch_thumb__13xyjrz6 {
    background: var(--knox-switch-thumb-background);
    margin-left: 2px;
    transition: width 100ms, transform 100ms;
}

.switch_thumb_size_medium__13xyjrz7 {
    min-width: 16px;
    height: 16px;
}

.switch_thumb_size_large__13xyjrz8 {
    min-width: 26px;
    height: 26px;
}

.switch_thumb_direction_rtl__13xyjrzb {
    margin-right: 2px;
}

.switch_thumb_disabled_true__13xyjrzd {
    background-color: var(--knox-switch-thumb-background-disabled);
}

.switch_thumb_disabled_true__13xyjrzd:hover {
    background-color: var(--knox-switch-thumb-background-disabled);
}

.switch_thumb_disabled_true__13xyjrzd[data-state="checked"]:hover {
    background-color: var(--knox-switch-thumb-background-disabled);
}

.switch_thumb_compound_0__13xyjrze[data-state="checked"] {
    transform: translateX(12px);
}

.switch_thumb_compound_1__13xyjrzf[data-state="checked"] {
    transform: translateX(-12px);
}

.switch_thumb_compound_2__13xyjrzg[data-state="checked"] {
    min-width: 20px;
    transform: translateX(8px);
}

.switch_thumb_compound_3__13xyjrzh[data-state="checked"] {
    min-width: 20px;
    transform: translateX(-8px);
}

.switch_thumb_compound_4__13xyjrzi {
    min-width: 20px;
}

.switch_thumb_compound_5__13xyjrzj[data-state="checked"] {
    transform: translateX(22px);
}

.switch_thumb_compound_6__13xyjrzk[data-state="checked"] {
    transform: translateX(-22px);
}

.switch_thumb_compound_7__13xyjrzl[data-state="checked"] {
    min-width: 30px;
    transform: translateX(18px);
}

.switch_thumb_compound_8__13xyjrzm[data-state="checked"] {
    min-width: 30px;
    transform: translateX(-18px);
}

.switch_thumb_compound_9__13xyjrzn {
    min-width: 30px;
}

/* src/components/tag/tag.css.ts.vanilla.css -> assets/components/tag/tag.css.ts.vanilla.css */
.tag_tag__11706031 {
    border-radius: var(--knox-tag-border-radius);
}

.tag_tag__11706031:focus-within {
    outline: var(--knox-focus-outline);
    outline-offset: var(--knox-focus-offset);
}

.tag_tag__11706031:focus-within:has(button:focus) {
    outline: none;
    outline-offset: initial;
}

.tag_tag_variant_neutral__11706032 {
    background-color: var(--knox-tag-background-color-neutral);
}

.tag_tag_readOnly_true__11706033 {
    background-color: var(--knox-tag-background-color-readOnly);
}

.tag_tagInteractiveStyles_variant_neutral__11706036:hover {
    background-color: var(--knox-tag-interactive-styles-background-color-neutral-background-hover);
}

.tag_tagInteractiveStyles_variant_neutral__11706036:active {
    background-color: var(--knox-tag-interactive-styles-background-color-neutral-background-pressed);
}

.tag_tagStartAccessory_size_small__11706039 {
    padding-top: var(--knox-spacing-2xs);
    padding-bottom: var(--knox-spacing-2xs);
    padding-left: var(--knox-spacing-xs);
}

.tag_tagStartAccessory_size_large__1170603a {
    padding-top: var(--knox-spacing-xs);
    padding-bottom: var(--knox-spacing-xs);
    padding-left: var(--knox-spacing-small);
}

.tag_tagLabel_size_small__1170603d {
    padding-top: var(--knox-spacing-2xs);
    padding-bottom: var(--knox-spacing-2xs);
    padding-left: var(--knox-spacing-xs);
    padding-right: var(--knox-spacing-xs);
}

.tag_tagLabel_size_large__1170603e {
    padding-top: var(--knox-spacing-xs);
    padding-bottom: var(--knox-spacing-xs);
    padding-left: var(--knox-spacing-small);
    padding-right: var(--knox-spacing-small);
}

.tag_tagLink__1170603f {
    border-radius: var(--knox-tag-border-radius);
}

.tag_tagLink__1170603f:focus {
    outline: none;
    outline-offset: initial;
}

.tag_tagLink_variant_neutral__1170603g:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
}

.tag_tagButton__1170603i {
    border-radius: var(--knox-tag-border-radius);
}

.tag_tagButton_size_small__1170603j {
    padding: var(--knox-spacing-2xs);
}

.tag_tagButton_size_large__1170603k {
    padding: var(--knox-spacing-xs);
}

/* src/components/menu/menu.css.ts.vanilla.css -> assets/components/menu/menu.css.ts.vanilla.css */
.menu_label__kbxdpu1 {
    min-height: 28px;
}

.menu_contentWrapper__kbxdpu2:focus-visible {
    outline: medium none currentcolor;
    outline: initial;
}

.menu_content__kbxdpu3 {
    background-color: var(--knox-popover-background);
    border-radius: var(--knox-popover-corner-radius);
    box-shadow: var(--knox-popover-elevation);
    min-width: min(var(--radix-dropdown-menu-trigger-width), var(--knox-menu-content-min-width));
    max-width: var(--radix-popper-available-width);
    max-height: var(--radix-popper-available-height);
}

.menu_content__kbxdpu3::-webkit-scrollbar {
    display: none;
}

.menu_content_touch_true__kbxdpu4 {
    min-height: calc(28px + 2 * var(--knox-spacing-2xs));
}

.menu_content_isMaxWidth_true__kbxdpu6 {
    max-width: min(var(--radix-popper-available-width), var(--menu-content-max-width));
}

.menu_item__kbxdpu9 {
    color: var(--knox-menu-item-label-color);
    border-radius: var(--knox-menu-item-corner-radius);
    outline: medium none currentcolor;
    outline: initial;
}

.menu_item_touch_true__kbxdpua {
    min-height: 40px;
}

.menu_item_touch_false__kbxdpub {
    min-height: 28px;
}

.menu_item_disabled_true__kbxdpuc {
    color: var(--knox-text-icon-disabled);
}

.menu_item_compound_0__kbxdpuf {
    background-color: var(--knox-menu-item-background-highlighted);
    color: var(--knox-menu-item-label-color-highlighted);
}

.menu_itemSecondaryLabel_isHighlighted_true__kbxdpuh {
    color: var(--knox-menu-item-secondary-label-color-highlighted);
}

.menu_itemSecondaryLabel_isHighlighted_false__kbxdpui {
    color: var(--knox-menu-item-secondary-label-color);
}

.menu_itemStartAccessoryWrapperOuter__kbxdpuk {
    max-height: 32px;
}

.menu_itemStartAccessoryWrapperInner__kbxdpum {
    max-width: 32px;
}

.menu_itemStartAccessoryWrapperInner_isHighlighted_true__kbxdpun {
    color: var(--knox-menu-item-label-icon-color-highlighted);
}

.menu_itemStartAccessoryWrapperInner_isHighlighted_false__kbxdpuo {
    color: var(--knox-menu-item-label-icon-color);
}

.menu_itemEndAccessoryWrapper_highlighted_true__kbxdput {
    color: var(--knox-menu-item-selected-color-highlighted);
    --knox-pill-default-background: var(--knox-pill-inverse-background);
    --knox-pill-default-color: var(--knox-menu-item-background-highlighted);
}

.menu_itemEndAccessoryWrapper_highlighted_false__kbxdpuu {
    color: var(--knox-menu-item-selected-color);
}

.menu_groupDivider__kbxdpux {
    border-color: var(--knox-menu-group-divider-color);
    height: 0;
    width: calc(100% - 2 * var(--knox-spacing-small));
}

.menu__kbxdpuy {
    z-index: var(--menu-content-z-index);
}

@media screen and (min-width: 576px) {
    .menu__kbxdpuz {
        z-index: var(--menu-content-z-index-small);
    }
}

@media screen and (min-width: 768px) {
    .menu__kbxdpu10 {
        z-index: var(--menu-content-z-index-medium);
    }
}

@media screen and (min-width: 1024px) {
    .menu__kbxdpu11 {
        z-index: var(--menu-content-z-index-large);
    }
}

@media screen and (min-width: 1280px) {
    .menu__kbxdpu12 {
        z-index: var(--menu-content-z-index-xl);
    }
}

/* src/components/tabs/tabs.css.ts.vanilla.css -> assets/components/tabs/tabs.css.ts.vanilla.css */
.tabs_tab__16p7ewe1 {
    scroll-padding-block-end: var(--knox-spacing-xs);
    min-height: var(--knox-tabs-min-height);
    cursor: pointer;
}

.tabs_tab__16p7ewe1:focus-visible {
    outline: none;
}

.tabs_tab__16p7ewe1:hover::after {
    content: "";
    height: var(--knox-tabs-tab-border-height);
    display: block;
    width: 100%;
    bottom: calc(0px - (2 * var(--knox-tabs-tab-border-bottom)));
    position: absolute;
    border-radius: var(--knox-corner-radius-medium);
    background-color: var(--knox-border-neutral-strong);
}

.tabs_tab__16p7ewe1:active::after {
    background-color: var(--knox-border-neutral-strong);
}

.tabs_tab__16p7ewe1::after {
    content: "";
    height: calc(2 * var(--knox-tabs-tab-border-height));
    display: block;
    width: 100%;
    bottom: calc(0px - (2 * var(--knox-tabs-tab-border-bottom)));
    position: absolute;
    border-radius: var(--knox-corner-radius-medium);
}

.tabs_tab_isActive_true__16p7ewe2::after {
    background-color: var(--knox-border-focus);
}

.tabs_tab_isActive_true__16p7ewe2:hover::after {
    height: calc(2 * var(--knox-tabs-tab-border-height));
    background-color: var(--knox-border-focus);
}

.tabs_tab_disabled_true__16p7ewe4 {
    cursor: default;
}

.tabs_tab_disabled_true__16p7ewe4::after {
    display: none;
}

.tabs_tab_fullWidth_true__16p7ewe6 {
    flex: 1;
}

.tabs_tabBase__16p7ewe8:focus-visible>.tabs_tabInnerContainer__16p7ewea {
    outline: var(--knox-focus-outline);
    outline-offset: var(--knox-tabs-tab-outlineOffset);
}

.tabs_accessoryWrapper__16p7ewec {
    min-height: var(--knox-tabs-min-height);
}

.tabs_tabList__16p7ewee {
    padding-bottom: var(--knox-tabs-tabsList-paddingBottom);
}

.tabs_tabList_fitContent_true__16p7ewef {
    max-width: fit-content;
}

.tabs_tabList_fullWidthTabs_false__16p7eweh {
    gap: var(--knox-tabs-tabsList-gap);
}

.tabs_tabListBorder__16p7ewej {
    content: "";
    height: var(--knox-tabs-tabsList-border-height);
    bottom: var(--knox-tabs-tabsList-border-bottom);
    border-radius: var(--knox-corner-radius-medium);
    background-color: var(--knox-border-neutral);
}

.tabs_tabPanel__16p7ewek:focus-visible {
    outline-offset: calc(-1 * var(--knox-focus-outline-width));
}

/* src/components/slider/slider.css.ts.vanilla.css -> assets/components/slider/slider.css.ts.vanilla.css */
.slider_sliderRoot__l513oz0 {
    position: relative;
    display: flex;
    align-items: center;
    touch-action: none;
}

.slider_sliderRoot_size_medium__l513oz1 {
    height: 20px;
    min-width: 136px;
}

.slider_sliderRoot_size_large__l513oz2 {
    height: 32px;
    min-width: 198px;
}

.slider_sliderTrack__l513oz3 {
    background-color: var(--knox-slider-track-background);
    position: relative;
    flex-grow: 1;
}

.slider_sliderTrack__l513oz3:hover {
    background-color: var(--knox-slider-track-background-hover);
}

.slider_sliderTrack_size_medium__l513oz4 {
    height: 2px;
}

.slider_sliderTrack_size_large__l513oz5 {
    height: 4px;
}

.slider_sliderRange__l513oz6 {
    position: absolute;
    background: var(--knox-slider-range-background);
}

.slider_sliderRange_size_medium__l513oz7 {
    height: 2px;
}

.slider_sliderRange_size_large__l513oz8 {
    height: 4px;
}

.slider_sliderThumb__l513oza {
    background: var(--knox-slider-thumb-background);
    border: var(--knox-slider-border);
}

.slider_sliderThumb__l513oza:hover {
    background-color: var(--knox-slider-thumb-background-hover);
}

.slider_sliderThumb__l513oza:active {
    background-color: var(--knox-slider-thumb-background-pressed);
}

.slider_sliderThumb__l513oza:focus-visible {
    outline: var(--knox-slider-outline);
    outline-offset: 2px;
}

.slider_sliderThumb_size_medium__l513ozb {
    min-width: 18px;
    height: 18px;
}

.slider_sliderThumb_size_large__l513ozc {
    min-width: 30px;
    height: 30px;
}

.slider_counter__l513ozd {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    width: 59px;
    -moz-appearance: textfield;
}

.slider_counter__l513ozd::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.slider_counter__l513ozd::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.slider__l513oze {
    min-width: var(--slider-max-width);
}

@media screen and (min-width: 576px) {
    .slider__l513ozf {
        min-width: var(--slider-max-width-small);
    }
}

@media screen and (min-width: 768px) {
    .slider__l513ozg {
        min-width: var(--slider-max-width-medium);
    }
}

@media screen and (min-width: 1024px) {
    .slider__l513ozh {
        min-width: var(--slider-max-width-large);
    }
}

@media screen and (min-width: 1280px) {
    .slider__l513ozi {
        min-width: var(--slider-max-width-xl);
    }
}

/* src/components/table/table.css.ts.vanilla.css -> assets/components/table/table.css.ts.vanilla.css */
.table__1h21ei60 {
    width: var(--table-width);
}

.table__1h21ei65 {
    max-width: var(--table-max-width);
}

.table__1h21ei6a {
    min-width: var(--table-min-width);
}

.table__1h21ei6f {
    max-height: var(--table-outer-max-height);
}

.table__1h21ei6k {
    min-height: var(--table-min-height);
}

.table_tableOuterWrapper__1h21ei6q {
    border-color: var(--knox-table-border-color);
    color: var(--knox-table-text-icon-color);
    font-size: var(--knox-table-font-size);
    isolation: isolate;
}

.table_tableScrollWrapper__1h21ei6t {
    background-color: var(--knox-table-background-color);
    border-color: var(--knox-table-border-color);
    border-radius: var(--knox-table-corner-radius);
    border-style: var(--knox-table-border-style);
    border-width: var(--knox-table-border-width);
}

.table_tableScrollWrapper_hasPreContent_true__1h21ei6u {
    border-top-width: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.table_tableScrollWrapper_hasPostContent_true__1h21ei6w {
    border-bottom-width: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.table_table__1h21ei6z {
    border-collapse: separate;
    table-layout: fixed;
}

.table_tableHeadingScrollBumper__1h21ei612 {
    position: sticky;
    height: 0;
}

.table_tableHeading__1h21ei614 {
    background-color: var(--knox-table-background-color);
    transition: filter .25s ease-out;
    filter: drop-shadow(rgba(0, 0, 0, 0) 0px 0px 0px);
    z-index: 1;
}

.table_tableHeading_sticky_true__1h21ei615 {
    position: sticky;
    z-index: 3;
}

.table_tableHeading_showShadow_true__1h21ei617 {
    filter: drop-shadow(var(--knox-table-row-heading-row-shadow-color) -5px -4px 8px);
}

.table_tableRow__1h21ei61a.table_tableRowSelected__1h21ei61c>td,
.table_tableRow__1h21ei61a.table_tableRowSelected__1h21ei61c>th {
    background-color: var(--knox-table-row-background-selected);
}

.table_tableRow__1h21ei61a.table_tableRowStriped__1h21ei61b>td:not(.table_tableCellWithBackground__1h21ei61d),
.table_tableRow__1h21ei61a.table_tableRowStriped__1h21ei61b>th:not(.table_tableCellWithBackground__1h21ei61d) {
    background-color: var(--knox-table-row-background-striped);
}

.table_tableCellPadding_clickable_true__1h21ei61h:first-child {
    padding-left: 0;
}

.table_tableCellPadding_clickable_true__1h21ei61h:last-child {
    padding-right: 0;
}

.table_tableCellPadding_clickable_false__1h21ei61i {
    padding-top: var(--knox-spacing-small);
    padding-bottom: var(--knox-spacing-small);
    padding-left: var(--knox-spacing-small);
    padding-right: var(--knox-spacing-small);
}

.table_tableCellPadding_clickable_false__1h21ei61i:first-child {
    padding-left: var(--knox-table-row-padding-inline);
}

.table_tableCellPadding_clickable_false__1h21ei61i:last-child {
    padding-right: var(--knox-table-row-padding-inline);
}

.table_tableHeadingCell__1h21ei61l {
    background-color: inherit;
    border-color: var(--knox-table-border-color);
    border-bottom-width: var(--knox-table-border-width);
    border-style: var(--knox-table-border-style);
    transition: filter .25s ease-out;
    filter: drop-shadow(rgba(0, 0, 0, 0) 0px 0px 0px);
    z-index: 1;
}

.table_tableHeadingCell_align_top__1h21ei61m {
    vertical-align: top;
}

.table_tableHeadingCell_align_middle__1h21ei61n {
    vertical-align: middle;
}

.table_tableHeadingCell_align_bottom__1h21ei61o {
    vertical-align: bottom;
}

.table_tableHeadingCell_isSelectAll_true__1h21ei61r {
    padding-right: 0;
    max-width: calc(var(--knox-table-row-padding-inline) + var(--knox-checkbox-dimension));
}

.table_tableHeadingCell_stickyColumn_true__1h21ei61t:first-child {
    position: sticky;
    top: auto;
    bottom: auto;
}

.table_tableHeadingCell_compound_2__1h21ei624:first-child {
    filter: drop-shadow(var(--knox-table-heading-cell-shadow-color) 2px 0px 2px);
    border-right: 1px solid var(--knox-table-border-color);
}

.table_tableHeadingCell_compound_3__1h21ei625:first-child {
    filter: drop-shadow(var(--knox-table-heading-cell-shadow-color) -2px 0px 2px);
    border-right: 1px solid var(--knox-table-border-color);
}

.table_tableHeadingCell_compound_4__1h21ei626:nth-child(2) {
    position: sticky;
    top: auto;
    bottom: auto;
}

.table_tableHeadingCell_compound_5__1h21ei627:first-child {
    border-right-width: 0;
}

.table_tableHeadingCell_compound_5__1h21ei627:nth-child(2) {
    left: calc(var(--knox-table-row-padding-inline) + var(--knox-checkbox-dimension) + 2 * var(--knox-spacing-small));
}

.table_tableHeadingCell_compound_6__1h21ei628:first-child {
    border-right-width: 0;
}

.table_tableHeadingCell_compound_6__1h21ei628:nth-child(2) {
    right: calc(var(--knox-table-row-padding-inline) + var(--knox-checkbox-dimension) + 2 * var(--knox-spacing-small));
}

.table_tableHeadingCell_compound_7__1h21ei629:first-child {
    filter: drop-shadow(var(--knox-table-heading-cell-shadow-color) 2px 0px 2px);
}

.table_tableHeadingCell_compound_7__1h21ei629:nth-child(2) {
    filter: drop-shadow(var(--knox-table-heading-cell-shadow-color) 2px 0px 2px);
    border-right: 1px solid var(--knox-table-border-color);
}

.table_tableHeadingCell_compound_8__1h21ei62a:first-child {
    filter: drop-shadow(var(--knox-table-heading-cell-shadow-color) -2px 0px 2px);
}

.table_tableHeadingCell_compound_8__1h21ei62a:nth-child(2) {
    filter: drop-shadow(var(--knox-table-heading-cell-shadow-color) -2px 0px 2px);
    border-right: 1px solid var(--knox-table-border-color);
}

.table_tableScrollWrapperBase__1h21ei6r:first-child .table_tableHeadingCellBase__1h21ei61j:first-of-type {
    border-top-left-radius: var(--knox-table-corner-radius);
}

.table_tableScrollWrapperBase__1h21ei6r:first-child .table_tableHeadingCellBase__1h21ei61j:last-of-type {
    border-top-right-radius: var(--knox-table-corner-radius);
}

.table_tableHeadingCellInnerWrapper__1h21ei62c {
    color: var(--knox-table-text-icon-color);
    border-radius: inherit;
}

.table_tableHeadingCellInnerWrapper__1h21ei62c:focus-visible {
    outline: var(--knox-focus-outline);
    outline-offset: -3px;
}

.table_tableHeadingCellInnerWrapper_align_top__1h21ei62d {
    align-items: flex-start;
}

.table_tableHeadingCellInnerWrapper_align_middle__1h21ei62e {
    align-items: center;
}

.table_tableHeadingCellInnerWrapper_align_bottom__1h21ei62f {
    align-items: flex-end;
}

.table_tableHeadingCellInnerWrapper_clickable_true__1h21ei62g {
    cursor: pointer;
    padding-top: var(--knox-spacing-small);
    padding-bottom: var(--knox-spacing-small);
    padding-left: var(--knox-spacing-small);
    padding-right: var(--knox-spacing-small);
    height: 100%;
}

.table_tableHeadingCellInnerWrapper_clickable_true__1h21ei62g:hover {
    background-color: var(--knox-background-transparent-hover);
}

.table_tableHeadingCellInnerWrapper_clickable_true__1h21ei62g:active {
    background-color: var(--knox-background-transparent-pressed);
}

.table_tableCellPadding__1h21ei61g.table_tableCellPadding_clickable_true__1h21ei61h:first-of-type>*:first-child {
    padding-left: var(--knox-table-row-padding-inline);
}

.table_tableCellPadding__1h21ei61g.table_tableCellPadding_clickable_true__1h21ei61h:last-of-type>*:first-child {
    padding-right: var(--knox-table-row-padding-inline);
}

.table_tableCellInner_align_top__1h21ei62k {
    align-items: flex-start;
}

.table_tableCellInner_align_middle__1h21ei62l {
    align-items: center;
}

.table_tableCellInner_align_bottom__1h21ei62m {
    align-items: flex-end;
}

.table_tableCellInner_justify_start__1h21ei62n {
    justify-content: flex-start;
    text-align: left;
}

.table_tableCellInner_justify_end__1h21ei62o {
    justify-content: flex-end;
    text-align: right;
}

.table_tableCell__1h21ei62q {
    border-color: var(--knox-table-border-color);
    border-bottom-width: var(--knox-table-border-width);
    border-style: var(--knox-table-border-style);
    transition: filter .25s ease-out;
    filter: drop-shadow(rgba(0, 0, 0, 0) 0px 0px 0px);
}

.table_tableCell_align_top__1h21ei62r {
    vertical-align: top;
}

.table_tableCell_align_middle__1h21ei62s {
    vertical-align: middle;
}

.table_tableCell_align_bottom__1h21ei62t {
    vertical-align: bottom;
}

.table_tableCell_selected_true__1h21ei62u {
    background-color: var(--knox-table-row-background-selected);
}

.table_tableCell_stickyColumn_true__1h21ei62w:first-child {
    position: sticky;
    top: auto;
    bottom: auto;
}

.table_tableCell_stickyColumnShadow_true__1h21ei62x {
    z-index: 1;
}

.table_tableCell_compound_2__1h21ei637:first-child {
    filter: drop-shadow(var(--knox-table-heading-cell-shadow-color) 2px 0px 2px);
    border-right: 1px solid var(--knox-table-border-color);
}

.table_tableCell_compound_3__1h21ei638:first-child {
    filter: drop-shadow(var(--knox-table-heading-cell-shadow-color) -2px 0px 2px);
    border-right: 1px solid var(--knox-table-border-color);
}

.table_tableCell_compound_4__1h21ei639:nth-child(2) {
    position: sticky;
    top: auto;
    bottom: auto;
}

.table_tableCell_compound_5__1h21ei63a:first-child {
    border-right-width: 0;
}

.table_tableCell_compound_5__1h21ei63a:nth-child(2) {
    left: calc(var(--knox-table-row-padding-inline) + var(--knox-checkbox-dimension) + 2 * var(--knox-spacing-small));
}

.table_tableCell_compound_6__1h21ei63b:first-child {
    border-right-width: 0;
}

.table_tableCell_compound_6__1h21ei63b:nth-child(2) {
    right: calc(var(--knox-table-row-padding-inline) + var(--knox-checkbox-dimension) + 2 * var(--knox-spacing-small));
}

.table_tableCell_compound_7__1h21ei63c:first-child {
    filter: drop-shadow(var(--knox-table-heading-cell-shadow-color) 2px 0px 2px);
}

.table_tableCell_compound_7__1h21ei63c:nth-child(2) {
    filter: drop-shadow(var(--knox-table-heading-cell-shadow-color) 2px 0px 2px);
    border-right: 1px solid var(--knox-table-border-color);
}

.table_tableCell_compound_8__1h21ei63d:first-child {
    filter: drop-shadow(var(--knox-table-heading-cell-shadow-color) -2px 0px 2px);
}

.table_tableCell_compound_8__1h21ei63d:nth-child(2) {
    filter: drop-shadow(var(--knox-table-heading-cell-shadow-color) -2px 0px 2px);
    border-right: 1px solid var(--knox-table-border-color);
}

tbody .table_tableRow__1h21ei61a:last-of-type th,
tbody .table_tableRow__1h21ei61a:last-of-type td {
    border-bottom-width: 0;
}

.table_tablePrepend__1h21ei63f {
    border-top-left-radius: var(--knox-table-corner-radius);
    border-top-right-radius: var(--knox-table-corner-radius);
    border-style: var(--knox-table-border-style);
    border-width: var(--knox-table-border-width);
    padding-left: var(--knox-table-row-padding-inline);
    padding-right: var(--knox-table-row-padding-inline);
}

.table_tablePrepend__1h21ei63f:not(:first-of-type) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top-width: 0;
}

.table_tableAppend__1h21ei63h {
    border-bottom-left-radius: var(--knox-table-corner-radius);
    border-bottom-right-radius: var(--knox-table-corner-radius);
    border-style: var(--knox-table-border-style);
    border-width: var(--knox-table-border-width);
    padding-left: var(--knox-table-row-padding-inline);
    padding-right: var(--knox-table-row-padding-inline);
}

.table_tableAppend__1h21ei63h:not(:last-of-type) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-width: 0;
}

.table_tableBulkActions__1h21ei63j {
    border-color: transparent;
    border-bottom-left-radius: var(--knox-table-corner-radius);
    border-bottom-right-radius: var(--knox-table-corner-radius);
    border-style: var(--knox-table-border-style);
    border-width: var(--knox-table-border-width);
    padding-left: var(--knox-table-row-padding-inline);
    padding-right: var(--knox-table-row-padding-inline);
    row-gap: var(--knox-table-bulk-actions-row-gap);
    column-gap: var(--knox-table-bulk-actions-column-gap);
    transition: opacity .03s cubic-bezier(1, -0.4, 1, -0.6);
    z-index: 1;
}

.table_tableBulkActions_sticky_true__1h21ei63k {
    position: sticky;
    bottom: 0;
}

.table_tableBulkActions_sticky_false__1h21ei63l {
    position: absolute;
}

.table_tableBulkActions_visible_true__1h21ei63m {
    opacity: 1;
}

.table_tableBulkActions_visible_false__1h21ei63n {
    opacity: 0;
}

.table__1h21ei63o {
    width: var(--cell-width);
}

.table__1h21ei63t {
    min-width: var(--cell-min-width);
}

.table__1h21ei63y {
    max-width: var(--cell-max-width);
}

@media screen and (min-width: 576px) {
    .table__1h21ei61 {
        width: var(--table-width-small);
    }

    .table__1h21ei66 {
        max-width: var(--table-max-width-small);
    }

    .table__1h21ei6b {
        min-width: var(--table-min-width-small);
    }

    .table__1h21ei6g {
        max-height: var(--table-outer-max-height-small);
    }

    .table__1h21ei6l {
        min-height: var(--table-min-height-small);
    }

    .table__1h21ei63p {
        width: var(--cell-width-small);
    }

    .table__1h21ei63u {
        min-width: var(--cell-min-width-small);
    }

    .table__1h21ei63z {
        max-width: var(--cell-max-width-small);
    }
}

@media screen and (min-width: 768px) {
    .table__1h21ei62 {
        width: var(--table-width-medium);
    }

    .table__1h21ei67 {
        max-width: var(--table-max-width-medium);
    }

    .table__1h21ei6c {
        min-width: var(--table-min-width-medium);
    }

    .table__1h21ei6h {
        max-height: var(--table-outer-max-height-medium);
    }

    .table__1h21ei6m {
        min-height: var(--table-min-height-medium);
    }

    .table__1h21ei63q {
        width: var(--cell-width-medium);
    }

    .table__1h21ei63v {
        min-width: var(--cell-min-width-medium);
    }

    .table__1h21ei640 {
        max-width: var(--cell-max-width-medium);
    }
}

@media screen and (min-width: 1024px) {
    .table__1h21ei63 {
        width: var(--table-width-large);
    }

    .table__1h21ei68 {
        max-width: var(--table-max-width-large);
    }

    .table__1h21ei6d {
        min-width: var(--table-min-width-large);
    }

    .table__1h21ei6i {
        max-height: var(--table-outer-max-height-large);
    }

    .table__1h21ei6n {
        min-height: var(--table-min-height-large);
    }

    .table__1h21ei63r {
        width: var(--cell-width-large);
    }

    .table__1h21ei63w {
        min-width: var(--cell-min-width-large);
    }

    .table__1h21ei641 {
        max-width: var(--cell-max-width-large);
    }
}

@media screen and (min-width: 1280px) {
    .table__1h21ei64 {
        width: var(--table-width-xl);
    }

    .table__1h21ei69 {
        max-width: var(--table-max-width-xl);
    }

    .table__1h21ei6e {
        min-width: var(--table-min-width-xl);
    }

    .table__1h21ei6j {
        max-height: var(--table-outer-max-height-xl);
    }

    .table__1h21ei6o {
        min-height: var(--table-min-height-xl);
    }

    .table__1h21ei63s {
        width: var(--cell-width-xl);
    }

    .table__1h21ei63x {
        min-width: var(--cell-min-width-xl);
    }

    .table__1h21ei642 {
        max-width: var(--cell-max-width-xl);
    }
}

/* src/components/text-link/text-link.css.ts.vanilla.css -> assets/components/text-link/text-link.css.ts.vanilla.css */
.text-link_textLinkText__10kei9u3 {
    text-decoration-thickness: 1px;
    font-feature-settings: var(--knox-text-link-font-feature-settings);
    text-underline-offset: 3px;
    transition: text-decoration-color 0.1s ease-in-out;
}

.text-link_textLinkText__10kei9u3:hover {
    text-decoration-color: transparent;
}

.text-link_textLinkText__10kei9u3:active {
    text-decoration-color: transparent;
}

.text-link_textLinkText_inverted_true__10kei9u4 {
    color: var(--knox-text-icon-inverse);
}

.text-link_textLinkText_numeric_true__10kei9u5 {
    font-feature-settings: var(--knox-text-link-font-feature-settings-numeric);
}

.text-link_textLinkIconContainer__10kei9u7 {
    margin-left: 2px;
    margin-top: -2px;
    vertical-align: middle;
}

.text-link_textLinkIconContainer_inverted_true__10kei9u8 {
    color: var(--knox-text-icon-inverse);
}

/* src/components/combobox/combobox.css.ts.vanilla.css -> assets/components/combobox/combobox.css.ts.vanilla.css */
.combobox_combobox__1bh985s3 {
    border-radius: var(--knox-combobox-border-radius-neutral);
    border-width: var(--knox-combobox-border-width-neutral);
    border-style: var(--knox-combobox-border-style-neutral);
}

.combobox_combobox_focused_true__1bh985sa {
    outline: var(--knox-focus-outline);
    outline-offset: var(--knox-focus-offset);
}

.combobox_combobox_compound_0__1bh985sc {
    background: var(--knox-combobox-background-color-neutral-default);
    border-color: var(--knox-combobox-border-color-neutral-default);
}

.combobox_combobox_compound_1__1bh985sd {
    background: var(--knox-combobox-background-color-neutral-error);
    border-color: var(--knox-combobox-border-color-neutral-error);
}

.combobox_combobox_compound_2__1bh985se {
    background: var(--knox-combobox-background-color-neutral-disabled);
    border-color: var(--knox-combobox-border-color-neutral-default);
}

.combobox_comboboxItem__1bh985sg {
    border-radius: var(--knox-combobox-item-border-radius);
    padding-left: var(--knox-combobox-item-padding-inline);
    padding-right: var(--knox-combobox-item-padding-inline);
    padding-top: var(--knox-combobox-item-padding-block);
    padding-bottom: var(--knox-combobox-item-padding-block);
}

.combobox_comboboxItem_touch_true__1bh985sh {
    min-height: calc((2 * var(--knox-combobox-item-min-height-calculation)) + 16px);
}

.combobox_comboboxItem_touch_false__1bh985si {
    min-height: calc((var(--knox-combobox-item-min-height-calculation)) + 16px);
}

.combobox_comboboxItem_compound_0__1bh985sl {
    color: var(--knox-combobox-item-text-color-neutral-inverse);
    background-color: var(--knox-combobox-item-background-highlighted-neutral);
    --knox-text-icon-neutral: var(--knox-combobox-item-text-color-neutral-inverse);
    --knox-text-icon-neutral-weak: var(--knox-combobox-item-text-color-neutral-inverse);
    --knox-text-icon-brand: var(--knox-combobox-item-text-color-neutral-inverse);
    --knox-pill-default-background: var(--knox-pill-inverse-background);
}

.combobox_comboboxAddItemWrapper__1bh985sm:not(:last-child) {
    border-bottom: var(--knox-combobox-add-item-border-bottom);
    border-style: var(--knox-combobox-add-item-border-style);
    border-color: var(--knox-combobox-add-item-border-color);
    padding-bottom: var(--knox-combobox-add-item-padding-block-end);
    margin-bottom: var(--knox-combobox-add-item-margin-block-end);
}

.combobox_comboboxAddItem__1bh985sp {
    padding-left: var(--knox-combobox-item-padding-inline);
    padding-right: var(--knox-combobox-item-padding-inline);
    padding-top: var(--knox-combobox-item-padding-block);
    padding-bottom: var(--knox-combobox-item-padding-block);
    border-radius: var(--knox-combobox-item-border-radius);
}

.combobox_comboboxAddItem_highlighted_true__1bh985sq {
    color: var(--knox-combobox-item-text-color-neutral-inverse);
    background-color: var(--knox-combobox-item-background-highlighted-neutral);
    --knox-text-icon-neutral: var(--knox-combobox-item-text-color-neutral-inverse);
}

.combobox_comboboxSelectedItems_size_medium__1bh985su {
    margin-top: var(--knox-combobox-selected-items-paddingBlock-medium-neutral);
}

.combobox_comboboxSelectedItems_size_large__1bh985sv {
    margin-top: var(--knox-combobox-selected-items-paddingBlock-large-neutral);
}

.combobox_comboboxSearchContainer__1bh985sx {
    height: 16px;
    width: 16px;
}

.combobox_comboboxSearchContainer_compound_1__1bh985s13 {
    margin-top: 6px;
}

.combobox_comboboxSearchContainer_compound_2__1bh985s14 {
    margin-top: 20px;
}

.combobox_comboboxSearchContainer_compound_3__1bh985s15 {
    margin-top: 14px;
}

.combobox_comboboxInput__1bh985s17 {
    border: none;
    background: var(--knox-combobox-input-background-color-neutral);
}

.combobox_comboboxInput_size_medium__1bh985s18 {
    min-height: var(--knox-combobox-input-min-height-medium-neutral);
    font-size: var(--knox-combobox-input-font-size-medium-neutral);
}

.combobox_comboboxInput_size_large__1bh985s19 {
    min-height: var(--knox-combobox-input-min-height-large-neutral);
    font-size: var(--knox-combobox-input-font-size-large-neutral);
}

.combobox_comboboxListbox_hidden_true__1bh985s1f {
    display: none;
}

.combobox_content__1bh985s1h {
    border-radius: var(--knox-listbox-border-radius);
}

.combobox_comboboxListboxInner__1bh985s1j {
    height: inherit;
    padding: var(--knox-listbox-padding);
    width: var(--radix-popover-trigger-width);
    background: var(--knox-listbox-background-color-neutral-background);
}

.combobox_comboboxListboxInner_hasZIndex_true__1bh985s1k {
    position: absolute;
}

.combobox__1bh985s1l {
    z-index: var(--combobox-listcontent-z-index);
}

@media screen and (min-width: 576px) {
    .combobox__1bh985s1m {
        z-index: var(--combobox-listcontent-z-index-small);
    }
}

@media screen and (min-width: 768px) {
    .combobox__1bh985s1n {
        z-index: var(--combobox-listcontent-z-index-medium);
    }
}

@media screen and (min-width: 1024px) {
    .combobox__1bh985s1o {
        z-index: var(--combobox-listcontent-z-index-large);
    }
}

@media screen and (min-width: 1280px) {
    .combobox__1bh985s1p {
        z-index: var(--combobox-listcontent-z-index-xl);
    }
}

/* src/components/checkable-items/checkable-items.css.ts.vanilla.css -> assets/components/checkable-items/checkable-items.css.ts.vanilla.css */
.checkable-items_wrappingLabel__4f6e640 {
    font-family: var(--knox-checkable-items-label-font-family);
    word-break: break-word;
    font-weight: var(--knox-checkable-items-label-font-weight);
    color: var(--knox-checkable-items-label-color);
    letter-spacing: var(--knox-checkable-items-label-letter-spacing);
    font-size: var(--knox-checkable-items-label-font-size);
}

.checkable-items_wrappingLabel_disabled_true__4f6e641 {
    color: var(--knox-checkable-items-label-color-disabled);
}

.checkable-items_wrappingLabel_bold_true__4f6e642 {
    font-weight: var(--knox-checkable-items-label-font-weight-bold);
}

.checkable-items_checkableItems_size_medium__4f6e644 {
    margin-left: calc(var(--knox-switch-min-width-medium) + var(--knox-spacing-small));
}

.checkable-items_checkableItems_size_large__4f6e645 {
    margin-left: calc(var(--knox-switch-min-width-large) + var(--knox-spacing-medium));
}

.checkable-items_checkableItems_compound_0__4f6e649 {
    margin-right: calc(var(--knox-switch-min-width-medium) + var(--knox-spacing-small));
    margin-left: 0;
}

.checkable-items_checkableItems_compound_1__4f6e64a {
    margin-right: calc(var(--knox-switch-min-width-large) + var(--knox-spacing-medium));
    margin-left: 0;
}

/* src/components/modal-dialog/modal-dialog.css.ts.vanilla.css -> assets/components/modal-dialog/modal-dialog.css.ts.vanilla.css */
@keyframes modal-dialog_fadeInOverlay__1qn2pww0 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes modal-dialog_fadeInContentRight__1qn2pww1 {
    0% {
        opacity: 0;
        transform: translateX(100%);
        transform: translateX(100%);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes modal-dialog_fadeInContentLeft__1qn2pww2 {
    0% {
        opacity: 0;
        transform: translateX(-100%);
        transform: translateX(-100%);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes modal-dialog_fadeInContentMiddle__1qn2pww3 {
    0% {
        opacity: 0;
        transform: scale(.95) translate(-50%, -50%);
        transform: scale(.95) translate(round(-50%, 1px), round(-50%, 1px));
    }

    100% {
        opacity: 1;
        transform: scale(1) translate(-50%, -50%);
        transform: scale(1) translate(round(-50%, 1px), round(-50%, 1px));
    }
}

@keyframes modal-dialog_fadeInContentTop__1qn2pww4 {
    0% {
        opacity: 0;
        transform: scale(.95) translate(-50%, 0%);
        transform: scale(.95) translate(round(-50%, 1px), round(0%, 1px));
    }

    100% {
        opacity: 1;
        transform: scale(1) translate(-50%, 0%);
        transform: scale(1) translate(round(-50%, 1px), round(0%, 1px));
    }
}

@keyframes modal-dialog_fadeOutOverlay__1qn2pww5 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes modal-dialog_fadeOutContentRight__1qn2pww6 {
    0% {
        opacity: 1;
        transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(100%);
        transform: translateX(100%);
    }
}

@keyframes modal-dialog_fadeOutContentLeft__1qn2pww7 {
    0% {
        opacity: 1;
        transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@keyframes modal-dialog_fadeOutContentMiddle__1qn2pww8 {
    0% {
        opacity: 1;
        transform: scale(1) translate(-50%, -50%);
        transform: scale(1) translate(round(-50%, 1px), round(-50%, 1px));
    }

    100% {
        opacity: 0;
        transform: scale(.95) translate(-50%, -50%);
        transform: scale(.95) translate(round(-50%, 1px), round(-50%, 1px));
    }
}

@keyframes modal-dialog_fadeOutContentTop__1qn2pww9 {
    0% {
        opacity: 1;
        transform: scale(1) translate(-50%, 0%);
        transform: scale(1) translate(round(-50%, 1px), round(0%, 1px));
    }

    100% {
        opacity: 0;
        transform: scale(.95) translate(-50%, 0%);
        transform: scale(.95) translate(round(-50%, 1px), round(0%, 1px));
    }
}

.modal-dialog_modalDialogOverlay__1qn2pwwb {
    background: var(--knox-modal-overlay-background);
}

.modal-dialog_modalDialogOverlay__1qn2pwwb[data-state='open'] {
    animation: modal-dialog_fadeInOverlay__1qn2pww0 175ms cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 1;
}

.modal-dialog_modalDialogOverlay__1qn2pwwb[data-state='closed'] {
    animation: modal-dialog_fadeOutOverlay__1qn2pww5 175ms cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
    pointer-events: none;
}

.modal-dialog_modalDialogContentBase__1qn2pwwd {
    background: var(--knox-modal-content-background);
    border-radius: var(--knox-modal-content-border-radius);
    box-shadow: var(--knox-modal-content-box-shadow);
    color: var(--knox-modal-content-color);
}

.modal-dialog_modalDialogContentOverflow_overflow_hidden__1qn2pwwg {
    overflow: hidden;
}

.modal-dialog_modalDialogContentOverflow_overflow_auto__1qn2pwwh {
    overflow: auto;
}

.modal-dialog_modalDialogContentOverflow_overflow_scroll__1qn2pwwi {
    overflow: scroll;
}

.modal-dialog_modalDialogContentOverflow_overflow_visible__1qn2pwwj {
    overflow: visible;
}

.modal-dialog_modalDialogContentPosition__1qn2pwwl {
    width: calc(100dvw - 2 * var(--knox-modal-padding-external));
    transform-origin: top left;
}

.modal-dialog_modalDialogContentPosition__1qn2pwwl:focus {
    outline: none;
}

.modal-dialog_modalDialogContentPosition_align_top__1qn2pwwm {
    top: 10%;
    left: 50%;
    transform: translate(-50%, 0%);
    transform: translate(round(-50%, 1px), round(0%, 1px));
}

.modal-dialog_modalDialogContentPosition_align_top__1qn2pwwm[data-state='open'] {
    animation: modal-dialog_fadeInContentTop__1qn2pww4 175ms cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 1;
}

.modal-dialog_modalDialogContentPosition_align_top__1qn2pwwm[data-state='closed'] {
    animation: modal-dialog_fadeOutContentTop__1qn2pww9 175ms cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
}

.modal-dialog_modalDialogContentPosition_align_middle__1qn2pwwn {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform: translate(round(-50%, 1px), round(-50%, 1px));
    transform-origin: top left;
}

.modal-dialog_modalDialogContentPosition_align_middle__1qn2pwwn[data-state='open'] {
    animation: modal-dialog_fadeInContentMiddle__1qn2pww3 175ms cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 1;
}

.modal-dialog_modalDialogContentPosition_align_middle__1qn2pwwn[data-state='closed'] {
    animation: modal-dialog_fadeOutContentMiddle__1qn2pww8 175ms cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
}

.modal-dialog_modalDialogContentPosition_align_right__1qn2pwwo {
    top: 0;
    right: 0;
    height: 100vh;
    border-radius: var(--knox-corner-radius-none);
}

.modal-dialog_modalDialogContentPosition_align_right__1qn2pwwo[data-state='open'] {
    animation: modal-dialog_fadeInContentRight__1qn2pww1 300ms cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 1;
}

.modal-dialog_modalDialogContentPosition_align_right__1qn2pwwo[data-state='closed'] {
    animation: modal-dialog_fadeOutContentRight__1qn2pww6 300ms cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
}

.modal-dialog_modalDialogContentPosition_align_left__1qn2pwwp {
    top: 0;
    left: 0;
    height: 100vh;
    border-radius: var(--knox-corner-radius-none);
}

.modal-dialog_modalDialogContentPosition_align_left__1qn2pwwp[data-state='open'] {
    animation: modal-dialog_fadeInContentLeft__1qn2pww2 300ms cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 1;
}

.modal-dialog_modalDialogContentPosition_align_left__1qn2pwwp[data-state='closed'] {
    animation: modal-dialog_fadeOutContentLeft__1qn2pww7 300ms cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
}

.modal-dialog_modalDialogBody_paddingProp_false__1qn2pwwt {
    padding-left: var(--modal-padding);
    padding-right: var(--modal-padding);
}

.modal-dialog_modalDialogScrollableAreaWrapper__1qn2pwwv {
    min-height: 100px;
}

.modal-dialog_modalDialogScrollableAreaWrapper__1qn2pwwv:focus-visible {
    outline-offset: -3px;
    border-radius: var(--knox-corner-radius-medium);
}

.modal-dialog_modalDialogScrollableArea__1qn2pwww {
    height: 100%;
    border-radius: var(--knox-corner-radius-medium);
}

.modal-dialog_modalDialogScrollableArea__1qn2pwww:focus-visible {
    outline: var(--knox-focus-outline);
    outline-offset: calc(-1px + -1 * var(--knox-focus-offset));
}

.modal-dialog_modalDialogScrollableAreaContent_paddingProp_false__1qn2pwwz {
    padding-left: var(--modal-padding);
    padding-right: var(--modal-padding);
}

.modal-dialog_modalDialogScrollableAreaShadowTop__1qn2pww11:before {
    content: "";
    transition: box-shadow 0.15s;
    height: 1px;
    display: block;
    position: absolute;
    width: 100%;
    clip-path: polygon(0% 5%, 100% 5%, 100% 300%, 0% 300%);
    top: -2px;
    z-index: 1;
}

.modal-dialog_modalDialogScrollableAreaShadowTop_atTop_true__1qn2pww12:before {
    box-shadow: none;
}

.modal-dialog_modalDialogScrollableAreaShadowTop_atTop_false__1qn2pww13:before {
    box-shadow: var(--knox-modal-scrollable-area-shadow-top);
}

.modal-dialog_modalDialogScrollableAreaShadowBottom__1qn2pww15:before {
    content: "";
    transition: box-shadow 0.15s;
    height: 1px;
    display: block;
    position: absolute;
    width: 100%;
    bottom: -1px;
    clip-path: polygon(0% -200%, 100% -200%, 100% 100%, 0% 100%);
}

.modal-dialog_modalDialogScrollableAreaShadowBottom_atBottom_true__1qn2pww16:before {
    box-shadow: none;
}

.modal-dialog_modalDialogScrollableAreaShadowBottom_atBottom_false__1qn2pww17:before {
    box-shadow: var(--knox-modal-scrollable-area-shadow-bottom);
}

.modal-dialog_modalDialogHeader__1qn2pww19 {
    margin-top: -1px;
    z-index: 1;
}

.modal-dialog_headerButton__1qn2pww1b {
    top: var(--modal-padding);
}

.modal-dialog_backButton__1qn2pww1c {
    left: var(--modal-padding);
}

.modal-dialog_closeButton__1qn2pww1d {
    right: var(--modal-padding);
}

.modal-dialog_titleContainer__1qn2pww1g {
    min-height: var(--knox-button-height-medium);
    padding-top: var(--modal-padding);
    padding-bottom: var(--modal-padding);
    text-wrap: balance;
}

.modal-dialog_titleContainer__1qn2pww1g:is(.modal-dialog_backButton__1qn2pww1c + .modal-dialog_closeButton__1qn2pww1d + .modal-dialog_titleContainerBase__1qn2pww1e) {
    width: calc(100% - 2 * var(--knox-button-height-medium) - 2 * var(--modal-padding));
    margin: auto;
    text-align: center;
    padding-left: var(--knox-spacing-small);
    padding-right: var(--knox-spacing-small);
    justify-content: center;
}

.modal-dialog_titleContainer__1qn2pww1g:is(.modal-dialog_backButton__1qn2pww1c + .modal-dialog_titleContainerBase__1qn2pww1e):not(.modal-dialog_backButton__1qn2pww1c + .modal-dialog_closeButton__1qn2pww1d + .modal-dialog_titleContainerBase__1qn2pww1e) {
    width: calc(100% - 2 * var(--knox-button-height-medium) - 2 * var(--modal-padding));
    margin: auto;
    text-align: center;
    padding-left: var(--knox-spacing-small);
    justify-content: center;
}

.modal-dialog_titleContainer__1qn2pww1g:is(.modal-dialog_closeButton__1qn2pww1d + .modal-dialog_titleContainerBase__1qn2pww1e):not(.modal-dialog_backButton__1qn2pww1c + .modal-dialog_closeButton__1qn2pww1d + .modal-dialog_titleContainerBase__1qn2pww1e) {
    width: calc(100% - var(--knox-button-height-medium) - var(--modal-padding));
    padding-left: var(--modal-padding);
    padding-right: var(--knox-spacing-small);
}

.modal-dialog_modalDialogHeader__1qn2pww19 .modal-dialog_titleContainer__1qn2pww1g:not(.modal-dialog_backButton__1qn2pww1c + .modal-dialog_closeButton__1qn2pww1d + .modal-dialog_titleContainerBase__1qn2pww1e):not(.modal-dialog_backButton__1qn2pww1c + .modal-dialog_titleContainerBase__1qn2pww1e):not(.modal-dialog_closeButton__1qn2pww1d + .modal-dialog_titleContainerBase__1qn2pww1e) {
    width: 100%;
    padding-left: var(--modal-padding);
    padding-right: var(--modal-padding);
    justify-content: flex-start;
}

.modal-dialog_titleHeading__1qn2pww1h {
    line-height: var(--knox-heading-line-height);
    font-variant-ligatures: var(--knox-heading-font-variant-ligatures);
    font-feature-settings: var(--knox-heading-font-feature-settings), var(--knox-heading-font-variant-ligatures);
    -webkit-font-feature-settings: var(--knox-heading-font-feature-settings);
    -moz-font-feature-settings: var(--knox-heading-font-feature-settings);
    font-family: inherit;
    text-align: inherit;
    font-size: var(--knox-heading-font-size-medium);
    letter-spacing: var(--knox-heading-letter-spacing-medium);
    font-weight: var(--knox-font-weight-heading-default);
    padding-top: var(--knox-spacing-2xs);
    padding-bottom: var(--knox-spacing-2xs);
}

.modal-dialog_modalDialogFooter__1qn2pww1i {
    border-bottom-right-radius: var(--knox-modal-footer-border-radius-bottom);
    border-bottom-left-radius: var(--knox-modal-footer-border-radius-bottom);
}

.modal-dialog_modalDialogFooter_paddingProp_false__1qn2pww1k {
    padding: var(--modal-padding);
}

.modal-dialog__1qn2pww1p {
    z-index: var(--modal-dialog-z-index);
}

.modal-dialog__1qn2pww1u {
    max-height: var(--modal-dialog-max-height);
}

.modal-dialog__1qn2pww1z {
    max-width: var(--modal-dialog-max-width);
}

@media screen and (min-width: 576px) {
    .modal-dialog__1qn2pww1q {
        z-index: var(--modal-dialog-z-index-small);
    }

    .modal-dialog__1qn2pww1v {
        max-height: var(--modal-dialog-max-height-small);
    }

    .modal-dialog__1qn2pww20 {
        max-width: var(--modal-dialog-max-width-small);
    }
}

@media screen and (min-width: 768px) {
    .modal-dialog__1qn2pww1r {
        z-index: var(--modal-dialog-z-index-medium);
    }

    .modal-dialog__1qn2pww1w {
        max-height: var(--modal-dialog-max-height-medium);
    }

    .modal-dialog__1qn2pww21 {
        max-width: var(--modal-dialog-max-width-medium);
    }
}

@media screen and (min-width: 1024px) {
    .modal-dialog__1qn2pww1s {
        z-index: var(--modal-dialog-z-index-large);
    }

    .modal-dialog__1qn2pww1x {
        max-height: var(--modal-dialog-max-height-large);
    }

    .modal-dialog__1qn2pww22 {
        max-width: var(--modal-dialog-max-width-large);
    }
}

@media screen and (min-width: 1280px) {
    .modal-dialog__1qn2pww1t {
        z-index: var(--modal-dialog-z-index-xl);
    }

    .modal-dialog__1qn2pww1y {
        max-height: var(--modal-dialog-max-height-xl);
    }

    .modal-dialog__1qn2pww23 {
        max-width: var(--modal-dialog-max-width-xl);
    }
}

/* src/components/toast/toast.css.ts.vanilla.css -> assets/components/toast/toast.css.ts.vanilla.css */
@keyframes toast_slideInContent__1tiau9s0 {
    0% {
        transform: translate(-50%, 100%);
    }

    100% {
        transform: translate(-50%, 0%);
    }
}

@keyframes toast_slideOutContent__1tiau9s1 {
    0% {
        transform: translate(-50%, 0%);
    }

    100% {
        transform: translate(-50%, 100%);
    }
}

.toast_toastContainer__1tiau9s3 {
    background-color: var(--knox-toast-background-color);
    border-radius: var(--knox-toast-border-radius);
    box-shadow: var(--knox-toast-box-shadow);
    max-width: min(calc(100vw - 2 * var(--knox-spacing-medium)), var(--knox-toast-max-width));
    left: 50%;
    position: fixed;
    transform: translateX(-50%);
}

.toast_toastContainer_isVisible_true__1tiau9s4 {
    animation: toast_slideInContent__1tiau9s0 88ms forwards;
    bottom: var(--knox-spacing-medium);
}

.toast_toastContainer_isVisible_false__1tiau9s5 {
    animation: toast_slideOutContent__1tiau9s1 88ms forwards;
    animation-fill-mode: forwards;
    bottom: calc(0px - var(--knox-spacing-medium));
}

.toast_toastContainer_isActionButton_true__1tiau9s6 {
    gap: var(--knox-spacing-xs);
}

.toast_toastContainer_isActionButton_false__1tiau9s7 {
    gap: var(--knox-spacing-medium);
}

.toast__1tiau9s8 {
    z-index: var(--toast-z-index);
}

@media screen and (min-width: 576px) {
    .toast__1tiau9s9 {
        z-index: var(--toast-z-index-small);
    }
}

@media screen and (min-width: 768px) {
    .toast__1tiau9sa {
        z-index: var(--toast-z-index-medium);
    }
}

@media screen and (min-width: 1024px) {
    .toast__1tiau9sb {
        z-index: var(--toast-z-index-large);
    }
}

@media screen and (min-width: 1280px) {
    .toast__1tiau9sc {
        z-index: var(--toast-z-index-xl);
    }
}

/* _generated/tokens/themes/base/light.css.ts.vanilla.css -> assets/themes/base/light.css.ts.vanilla.css */
:root,
.knox-light-mode.base {
    --knox-background-neutral: hsla(0, 0%, 98%, 1);
    --knox-background-neutral-high: hsla(0, 0%, 100%, 1);
    --knox-background-neutral-low: hsla(0, 0%, 93%, 1);
    --knox-background-disabled: hsla(0, 0%, 0%, 0.24);
    --knox-background-activated: hsla(0, 0%, 0%, 0.13);
    --knox-background-transparent: hsla(0, 0%, 0%, 0);
    --knox-background-transparent-hover: hsla(0, 0%, 0%, 0.12);
    --knox-background-transparent-pressed: hsla(0, 0%, 0%, 0.24);
    --knox-background-overlay: hsla(0, 0%, 93%, 0.7);
    --knox-background-inverse: hsla(0, 0%, 100%, 1);
    --knox-background-inverse-hover: hsla(0, 0%, 100%, 0.88);
    --knox-background-inverse-pressed: hsla(0, 0%, 100%, 0.76);
    --knox-background-brand: hsla(212, 96%, 47%, 1);
    --knox-background-brand-hover: hsl(216.15, 100%, 39.3%);
    --knox-background-brand-pressed: hsl(223.53, 100%, 32.66%);
    --knox-background-brand-weak: hsla(214, 100%, 96%, 1);
    --knox-background-attention: hsla(255, 70%, 62%, 1);
    --knox-background-attention-hover: hsl(257.66, 54.03%, 48.84%);
    --knox-background-attention-pressed: hsl(263.23, 80.52%, 34.4%);
    --knox-background-attention-weak: hsla(244, 100%, 97%, 1);
    --knox-background-success: hsla(114, 100%, 27%, 1);
    --knox-background-success-hover: hsl(120, 100%, 21.07%);
    --knox-background-success-pressed: hsl(120, 100%, 15.29%);
    --knox-background-success-weak: hsla(113, 44%, 93%, 1);
    --knox-background-warning: hsla(40, 72%, 39%, 1);
    --knox-background-warning-hover: hsl(40.08, 100%, 27.41%);
    --knox-background-warning-pressed: hsl(35.5, 100%, 21.49%);
    --knox-background-warning-weak: hsla(36, 100%, 97%, 1);
    --knox-background-critical: hsla(14, 87%, 45%, 1);
    --knox-background-critical-hover: hsl(5.53, 100%, 35.18%);
    --knox-background-critical-pressed: hsl(0, 100%, 28.3%);
    --knox-background-critical-weak: hsla(11, 100%, 96%, 1);
    --knox-text-icon-neutral: hsla(0, 0%, 0%, 0.82);
    --knox-text-icon-neutral-hover: hsla(0, 0%, 0%, 0.94);
    --knox-text-icon-neutral-pressed: hsl(0, 0%, 0%);
    --knox-text-icon-neutral-weak: hsla(0, 0%, 0%, 0.62);
    --knox-text-icon-neutral-weak-hover: hsla(0, 0%, 0%, 0.74);
    --knox-text-icon-neutral-weak-pressed: hsla(0, 0%, 0%, 0.86);
    --knox-text-icon-disabled: hsla(0, 0%, 0%, 0.36);
    --knox-text-icon-inverse: hsla(0, 0%, 100%, 1);
    --knox-text-icon-inverse-hover: hsl(0, 0%, 100%);
    --knox-text-icon-inverse-pressed: hsl(0, 0%, 100%);
    --knox-text-icon-brand: hsla(212, 100%, 35%, 1);
    --knox-text-icon-brand-hover: hsl(218.62, 100%, 28.67%);
    --knox-text-icon-brand-pressed: hsl(230.96, 100%, 22.4%);
    --knox-text-icon-attention: hsla(258, 54%, 50%, 1);
    --knox-text-icon-attention-hover: hsl(263.24, 78.81%, 35.62%);
    --knox-text-icon-attention-pressed: hsl(264.11, 100%, 25.4%);
    --knox-text-icon-success: hsla(116, 100%, 20%, 1);
    --knox-text-icon-success-hover: hsl(120, 100%, 14.35%);
    --knox-text-icon-success-pressed: hsl(120, 100%, 8.95%);
    --knox-text-icon-warning: hsla(42, 100%, 22%, 1);
    --knox-text-icon-warning-hover: hsl(37.24, 100%, 16.33%);
    --knox-text-icon-warning-pressed: hsl(27.56, 100%, 10.95%);
    --knox-text-icon-critical: hsla(14, 100%, 32%, 1);
    --knox-text-icon-critical-hover: hsl(0, 100%, 25.3%);
    --knox-text-icon-critical-pressed: hsl(0, 100%, 18.73%);
    --knox-border-neutral: hsla(0, 0%, 0%, 0.13);
    --knox-border-neutral-weak: hsla(0, 0%, 0%, 0.07);
    --knox-border-neutral-strong: hsla(0, 0%, 0%, 0.43);
    --knox-border-inverse: hsla(0, 0%, 100%, 0.425);
    --knox-border-brand: hsla(215, 84%, 76%, 1);
    --knox-border-attention: hsla(248, 73%, 81%, 1);
    --knox-border-success: hsla(114, 33%, 65%, 1);
    --knox-border-warning: hsla(38, 68%, 60%, 1);
    --knox-border-critical: hsla(12, 80%, 75%, 1);
    --knox-border-focus: hsla(215, 63%, 53%, 1);
    --knox-border-focus-inverse: hsla(0, 0%, 100%, 1);
    --knox-corner-radius-none: 0px;
    --knox-corner-radius-small: 4px;
    --knox-corner-radius-medium: 8px;
    --knox-corner-radius-large: 12px;
    --knox-corner-radius-circular: 99999px;
    --knox-elevation-top-ledge: 0 2px 8px 0 hsla(0, 0%, 0%, 0.07), 0 1px 0 0 hsla(0, 0%, 0%, 0.07);
    --knox-elevation-bottom-ledge: 0 -1px 0 0 hsla(0, 0%, 0%, 0.07);
    --knox-elevation-low: 0 2px 8px 0 hsla(0, 0%, 0%, 0.07), 0 0 0 1px hsla(0, 0%, 0%, 0.07);
    --knox-elevation-medium: 0 4px 20px 0 hsla(0, 0%, 0%, 0.13), 0 0 0 1px hsla(0, 0%, 0%, 0.13);
    --knox-elevation-high: 0 8px 40px 0 hsla(0, 0%, 0%, 0.13), 0 4px 16px 0 hsla(0, 0%, 0%, 0.07), 0 0 0 1px hsla(0, 0%, 0%, 0.13);
    --knox-spacing-none: 0px;
    --knox-spacing-hairline: 1px;
    --knox-spacing-2xs: 4px;
    --knox-spacing-xs: 8px;
    --knox-spacing-small: 12px;
    --knox-spacing-medium: 16px;
    --knox-spacing-large: 24px;
    --knox-spacing-xl: 32px;
    --knox-spacing-2xl: 48px;
    --knox-spacing-3xl: 64px;
    --knox-spacing-4xl: 128px;
    --knox-font-family-default: Inter V;
    --knox-font-family-code: iA Writer Mono V;
    --knox-font-family-password: iA Writer Mono V;
    --knox-font-weight-heading-default: 600;
    --knox-font-weight-heading-subtle: 500;
    --knox-font-weight-body-default: 400;
    --knox-font-weight-body-strong: 600;
    --knox-font-size-heading-xl: 48px;
    --knox-font-size-heading-large: 28px;
    --knox-font-size-heading-medium: 20px;
    --knox-font-size-heading-small: 16px;
    --knox-font-size-heading-xs: 14px;
    --knox-font-size-heading-2xs: 12px;
    --knox-font-size-body-large: 16px;
    --knox-font-size-body-medium: 14px;
    --knox-font-size-body-small: 12px;
    --knox-letter-spacing-heading-xl: -1.07px;
    --knox-letter-spacing-heading-large: -0.59px;
    --knox-letter-spacing-heading-medium: -0.33px;
    --knox-letter-spacing-heading-small: -0.18px;
    --knox-letter-spacing-heading-xs: -0.09px;
    --knox-letter-spacing-heading-2xs: 0.01px;
    --knox-letter-spacing-body-large: -0.18px;
    --knox-letter-spacing-body-medium: -0.09px;
    --knox-letter-spacing-body-small: 0.01px;
    --knox-letter-spacing-password-large: 2px;
    --knox-letter-spacing-password-medium: 2px;
    --knox-letter-spacing-password-small: 1px;
    --knox-line-height-default: normal;
    --knox-line-height-heading-large: 1.15;
    --knox-line-height-heading-xl: 1.1;
    --knox-line-height-paragraph: 1.5;
    --knox-avatar-badge-checked-circle-background: var(--knox-background-neutral-high);
    --knox-avatar-badge-checked-circle-icon: var(--knox-text-icon-success);
    --knox-avatar-badge-star-icon: hsl(40, 100%, 50%);
    --knox-button-primary-background: var(--knox-background-brand);
    --knox-button-primary-background-hover: var(--knox-background-brand-hover);
    --knox-button-primary-background-pressed: var(--knox-background-brand-pressed);
    --knox-button-primary-text-icon-color: var(--knox-text-icon-inverse);
    --knox-button-primary-text-icon-color-hover: var(--knox-text-icon-inverse-hover);
    --knox-button-primary-text-icon-color-pressed: var(--knox-text-icon-inverse-pressed);
    --knox-button-primary-border-color: hsla(0, 0%, 0%, 0);
    --knox-button-secondary-background: var(--knox-background-transparent);
    --knox-button-secondary-background-hover: var(--knox-background-transparent-hover);
    --knox-button-secondary-background-pressed: var(--knox-background-transparent-pressed);
    --knox-button-secondary-text-icon-color: var(--knox-text-icon-neutral);
    --knox-button-secondary-text-icon-color-hover: var(--knox-text-icon-neutral-hover);
    --knox-button-secondary-text-icon-color-pressed: var(--knox-text-icon-neutral-pressed);
    --knox-button-secondary-border-color: var(--knox-border-neutral);
    --knox-button-tertiary-background: var(--knox-background-transparent);
    --knox-button-tertiary-background-hover: var(--knox-background-transparent-hover);
    --knox-button-tertiary-background-pressed: var(--knox-background-transparent-pressed);
    --knox-button-tertiary-text-icon-color: var(--knox-text-icon-brand);
    --knox-button-tertiary-text-icon-color-hover: var(--knox-text-icon-brand-hover);
    --knox-button-tertiary-text-icon-color-pressed: var(--knox-text-icon-brand-pressed);
    --knox-button-tertiary-border-color: hsla(0, 0%, 0%, 0);
    --knox-button-border-radius: var(--knox-corner-radius-medium);
    --knox-button-font-weight: var(--knox-font-weight-body-default);
    --knox-button-height-medium: 28px;
    --knox-button-height-large: 44px;
    --knox-button-font-size-medium: var(--knox-font-size-body-medium);
    --knox-button-font-size-large: var(--knox-font-size-body-large);
    --knox-button-iconOnlyPaddingInline-medium: 6px;
    --knox-button-iconOnlyPaddingInline-large: 14px;
    --knox-callout-border-radius: var(--knox-corner-radius-medium);
    --knox-callout-border-width: 1px;
    --knox-callout-border-style: solid;
    --knox-callout-padding: var(--knox-spacing-medium);
    --knox-callout-informational-border-color: var(--knox-border-brand);
    --knox-callout-informational-background-color: var(--knox-background-brand-weak);
    --knox-callout-success-border-color: var(--knox-border-success);
    --knox-callout-success-background-color: var(--knox-background-success-weak);
    --knox-callout-critical-border-color: var(--knox-border-critical);
    --knox-callout-critical-background-color: var(--knox-background-critical-weak);
    --knox-callout-warning-border-color: var(--knox-border-warning);
    --knox-callout-warning-background-color: var(--knox-background-warning-weak);
    --knox-callout-banner-padding-block: var(--knox-spacing-small);
    --knox-callout-banner-padding-inline: var(--knox-spacing-large);
    --knox-card-box-shadow: var(--knox-elevation-low);
    --knox-card-border-radius: var(--knox-corner-radius-medium);
    --knox-checkable-items-label-font-family: inherit;
    --knox-checkable-items-label-font-size: var(--knox-font-size-body-medium);
    --knox-checkable-items-label-font-weight: var(--knox-font-weight-body-default);
    --knox-checkable-items-label-font-weight-bold: var(--knox-font-weight-body-strong);
    --knox-checkable-items-label-letter-spacing: var(--knox-letter-spacing-body-medium);
    --knox-checkable-items-label-color: var(--knox-text-icon-neutral);
    --knox-checkable-items-label-color-disabled: var(--knox-text-icon-neutral-weak);
    --knox-checkable-items-sub-text-font-size: var(--knox-font-size-body-small);
    --knox-checkable-items-sub-text-letter-spacing: var(--knox-letter-spacing-body-small);
    --knox-checkable-items-sub-text-color: var(--knox-text-icon-neutral-weak);
    --knox-checkable-items-sub-text-color-error: var(--knox-text-icon-critical);
    --knox-checkbox-dimension: 16px;
    --knox-checkbox-border: 1px solid var(--knox-border-neutral-strong);
    --knox-checkbox-border-radius: var(--knox-corner-radius-small);
    --knox-checkbox-background: var(--knox-background-transparent);
    --knox-checkbox-background-hover: var(--knox-background-transparent-hover);
    --knox-checkbox-border-disabled: 1px solid var(--knox-border-neutral-weak);
    --knox-checkbox-border-error: var(--knox-border-critical);
    --knox-checkbox-border-width: 0px;
    --knox-checkbox-checked-background: var(--knox-background-brand);
    --knox-checkbox-checked-background-hover: var(--knox-background-brand-hover);
    --knox-checkbox-disabled-background: var(--knox-background-disabled);
    --knox-checkbox-disabled-background-hover: var(--knox-background-disabled);
    --knox-checkbox-error-background: var(--knox-background-brand);
    --knox-code-font-variant-ligatures: no-contextual;
    --knox-code-font-feature-settings: 'calt' 0, 'ss01', 'ss02';
    --knox-code-font-size-small: var(--knox-font-size-body-small);
    --knox-code-font-size-medium: var(--knox-font-size-body-medium);
    --knox-code-font-size-large: var(--knox-font-size-body-large);
    --knox-code-letter-spacing-small: var(--knox-letter-spacing-body-small);
    --knox-code-letter-spacing-medium: var(--knox-letter-spacing-body-medium);
    --knox-code-letter-spacing-large: var(--knox-letter-spacing-body-large);
    --knox-combobox-background-color-neutral-default: var(--knox-background-neutral-high);
    --knox-combobox-background-color-neutral-error: var(--knox-background-critical-weak);
    --knox-combobox-background-color-neutral-disabled: var(--knox-background-neutral-low);
    --knox-combobox-border-width-neutral: var(--knox-spacing-hairline);
    --knox-combobox-border-style-neutral: solid;
    --knox-combobox-border-radius-neutral: var(--knox-spacing-xs);
    --knox-combobox-border-color-neutral-default: var(--knox-border-neutral-strong);
    --knox-combobox-border-color-neutral-error: var(--knox-border-critical);
    --knox-combobox-input-font-size-medium-neutral: var(--knox-font-size-body-medium);
    --knox-combobox-input-font-size-large-neutral: var(--knox-font-size-body-large);
    --knox-combobox-input-background-color-neutral: var(--knox-background-transparent);
    --knox-combobox-input-min-height-medium-neutral: var(--knox-field-size-medium);
    --knox-combobox-input-min-height-large-neutral: var(--knox-field-size-large);
    --knox-combobox-add-item-padding-block-end: var(--knox-spacing-xs);
    --knox-combobox-add-item-margin-block-end: var(--knox-spacing-xs);
    --knox-combobox-add-item-border-bottom: var(--knox-spacing-hairline);
    --knox-combobox-add-item-border-color: var(--knox-border-neutral);
    --knox-combobox-add-item-border-style: solid;
    --knox-combobox-item-min-height-calculation: var(--knox-spacing-small);
    --knox-combobox-item-padding-block: var(--knox-spacing-2xs);
    --knox-combobox-item-padding-inline: var(--knox-spacing-small);
    --knox-combobox-item-border-radius: var(--knox-corner-radius-small);
    --knox-combobox-item-background-highlighted-neutral: var(--knox-background-brand);
    --knox-combobox-item-text-color-neutral-inverse: var(--knox-text-icon-inverse);
    --knox-combobox-selected-items-paddingBlock-medium-neutral: var(--knox-spacing-xs);
    --knox-combobox-selected-items-paddingBlock-large-neutral: var(--knox-spacing-small);
    --knox-disclosure-min-width: 240px;
    --knox-disclosure-border-radius: var(--knox-corner-radius-medium);
    --knox-disclosure-border-style: solid;
    --knox-disclosure-border-width: 1px;
    --knox-disclosure-informational-border-color: var(--knox-border-brand);
    --knox-disclosure-informational-background-color: var(--knox-background-brand-weak);
    --knox-disclosure-attention-border-color: var(--knox-border-attention);
    --knox-disclosure-attention-background-color: var(--knox-background-attention-weak);
    --knox-disclosure-critical-border-color: var(--knox-border-critical);
    --knox-disclosure-critical-background-color: var(--knox-background-critical-weak);
    --knox-disclosure-neutral-border-color: var(--knox-border-neutral);
    --knox-disclosure-neutral-background-color: var(--knox-background-neutral);
    --knox-disclosure-success-border-color: var(--knox-border-success);
    --knox-disclosure-success-background-color: var(--knox-background-success-weak);
    --knox-disclosure-warning-border-color: var(--knox-border-warning);
    --knox-disclosure-warning-background-color: var(--knox-background-warning-weak);
    --knox-divider-border-width-one: var(--knox-spacing-hairline);
    --knox-divider-color-neutral: var(--knox-border-neutral);
    --knox-divider-color-neutral-weak: var(--knox-border-neutral-weak);
    --knox-divider-color-neutral-strong: var(--knox-border-neutral-strong);
    --knox-field-background: var(--knox-background-neutral-high);
    --knox-field-border-active: inherit;
    --knox-field-color: var(--knox-text-icon-neutral);
    --knox-field-border: none;
    --knox-field-font-size: var(--knox-font-size-body-medium);
    --knox-field-font-weight: var(--knox-font-weight-body-default);
    --knox-field-padding-inline: var(--knox-spacing-xs);
    --knox-field-size-medium: 28px;
    --knox-field-size-large: 44px;
    --knox-field-icon-padding-inline-large: 44px;
    --knox-field-border-radius: var(--knox-corner-radius-medium);
    --knox-field-multiline-padding-block: 5px;
    --knox-field-padding-large: var(--knox-spacing-medium);
    --knox-field-height: auto;
    --knox-field-width: auto;
    --knox-field-box-shadow: 0 0 0 1px inset hsla(0, 0%, 0%, 0.43);
    --knox-field-placeholder-color: var(--knox-text-icon-neutral-weak);
    --knox-field-disabled-color: var(--knox-text-icon-disabled);
    --knox-field-disabled-box-shadow: 0 0 0 1px inset hsla(0, 0%, 0%, 0.43);
    --knox-field-read-only-background: var(--knox-background-neutral-low);
    --knox-field-error-background: var(--knox-background-critical-weak);
    --knox-field-error-box-shadow: 0 0 0 1px inset hsla(12, 80%, 75%, 1);
    --knox-field-font-size-large: var(--knox-font-size-body-large);
    --knox-field-label-font-family: inherit;
    --knox-field-label-font-size: var(--knox-font-size-body-medium);
    --knox-field-label-font-weight: var(--knox-font-weight-body-default);
    --knox-field-label-font-weight-bold: var(--knox-font-weight-body-strong);
    --knox-field-label-letter-spacing: var(--knox-letter-spacing-body-medium);
    --knox-field-label-color: var(--knox-text-icon-neutral);
    --knox-field-label-color-disabled: var(--knox-text-icon-neutral-weak);
    --knox-field-sub-text-font-size: var(--knox-font-size-body-small);
    --knox-field-sub-text-letter-spacing: var(--knox-letter-spacing-body-small);
    --knox-field-sub-text-color: var(--knox-text-icon-neutral-weak);
    --knox-field-sub-text-color-error: var(--knox-text-icon-critical);
    --knox-focus-outline-width: 3px;
    --knox-focus-outline: var(--knox-focus-outline-width) solid var(--knox-border-focus);
    --knox-focus-outline-inverse: var(--knox-focus-outline-width) solid var(--knox-border-focus-inverse);
    --knox-focus-offset: 2px;
    --knox-focus-ring-size: calc(var(--knox-focus-outline-width) + var(--knox-focus-offset));
    --knox-heading-font-variant-ligatures: no-contextual;
    --knox-heading-font-feature-settings: 'calt' 0, 'ss01';
    --knox-heading-font-feature-settings-numeric: 'calt' 0, 'ss01' 1, 'tnum' 1;
    --knox-heading-font-size-2xs: var(--knox-font-size-heading-2xs);
    --knox-heading-font-size-xs: var(--knox-font-size-heading-xs);
    --knox-heading-font-size-small: var(--knox-font-size-heading-small);
    --knox-heading-font-size-medium: var(--knox-font-size-heading-medium);
    --knox-heading-font-size-large: var(--knox-font-size-heading-large);
    --knox-heading-font-size-xl: var(--knox-font-size-heading-xl);
    --knox-heading-line-height: var(--knox-line-height-heading-large);
    --knox-heading-letter-spacing-2xs: var(--knox-letter-spacing-heading-2xs);
    --knox-heading-letter-spacing-xs: var(--knox-letter-spacing-heading-xs);
    --knox-heading-letter-spacing-small: var(--knox-letter-spacing-heading-small);
    --knox-heading-letter-spacing-medium: var(--knox-letter-spacing-heading-medium);
    --knox-heading-letter-spacing-large: var(--knox-letter-spacing-heading-large);
    --knox-heading-letter-spacing-xl: var(--knox-letter-spacing-heading-xl);
    --knox-heading-subtle-font-weight: var(--knox-font-weight-heading-subtle);
    --knox-icon-mask-square-xs-inset: 1px;
    --knox-icon-mask-square-xs-radius: var(--knox-corner-radius-small);
    --knox-icon-mask-square-small-inset: 1px;
    --knox-icon-mask-square-small-radius: var(--knox-corner-radius-small);
    --knox-icon-mask-square-medium-inset: 1px;
    --knox-icon-mask-square-medium-radius: var(--knox-corner-radius-medium);
    --knox-icon-mask-square-large-inset: calc(2 * 1px);
    --knox-icon-mask-square-large-radius: var(--knox-corner-radius-large);
    --knox-listbox-padding: var(--knox-spacing-xs);
    --knox-listbox-background-color-neutral-background: var(--knox-background-neutral-high);
    --knox-listbox-border-radius: var(--knox-spacing-xs);
    --knox-listbox-group-padding-block-end: var(--knox-spacing-xs);
    --knox-listbox-group-margin-block-end: var(--knox-spacing-xs);
    --knox-listbox-group-border-bottom: var(--knox-spacing-hairline);
    --knox-listbox-group-border-color: var(--knox-border-neutral);
    --knox-listbox-group-border-style: solid;
    --knox-listbox-item-minHeightCalculation: var(--knox-spacing-small);
    --knox-listbox-item-padding-block: var(--knox-spacing-2xs);
    --knox-listbox-item-padding-inline: var(--knox-spacing-small);
    --knox-listbox-item-border-radius: var(--knox-corner-radius-small);
    --knox-listbox-item-background-highlighted-neutral: var(--knox-background-brand);
    --knox-listbox-item-text-color-neutral-inverse: var(--knox-text-icon-inverse);
    --knox-listbox-groupHeader-padding-inline: var(--knox-spacing-small);
    --knox-menu-content-min-width: 400px;
    --knox-menu-group-divider-color: var(--knox-border-neutral-weak);
    --knox-menu-item-background-highlighted: var(--knox-background-brand);
    --knox-menu-item-corner-radius: var(--knox-corner-radius-small);
    --knox-menu-item-label-color: var(--knox-text-icon-neutral);
    --knox-menu-item-label-color-highlighted: var(--knox-text-icon-inverse);
    --knox-menu-item-label-icon-color: var(--knox-text-icon-neutral-weak);
    --knox-menu-item-label-icon-color-highlighted: inherit;
    --knox-menu-item-secondary-label-color: var(--knox-text-icon-neutral-weak);
    --knox-menu-item-secondary-label-color-highlighted: inherit;
    --knox-menu-item-selected-color: var(--knox-text-icon-brand);
    --knox-menu-item-selected-color-highlighted: var(--knox-menu-item-label-color-highlighted);
    --knox-modal-overlay-background: var(--knox-background-overlay);
    --knox-modal-content-background: var(--knox-background-neutral-high);
    --knox-modal-content-border-radius: var(--knox-corner-radius-large);
    --knox-modal-content-box-shadow: var(--knox-elevation-high);
    --knox-modal-content-color: var(--knox-text-icon-neutral);
    --knox-modal-padding-external: var(--knox-spacing-xl);
    --knox-modal-padding-internal: var(--knox-spacing-large);
    --knox-modal-scrollable-area-shadow-top: var(--knox-elevation-low);
    --knox-modal-scrollable-area-shadow-bottom: var(--knox-elevation-low);
    --knox-modal-title-padding: var(--knox-spacing-large);
    --knox-modal-title-border-radius-top: var(--knox-corner-radius-large);
    --knox-modal-footer-padding: var(--knox-spacing-large);
    --knox-modal-footer-border-radius-bottom: var(--knox-corner-radius-large);
    --knox-modal-footer-box-shadow-top: 0 -4px 8px -4px hsla(0, 0%, 0%, 0.07);
    --knox-monogram-background-1: hsl(300, 48.45%, 80.98%);
    --knox-monogram-background-2: hsl(269.47, 53.27%, 79.02%);
    --knox-monogram-background-3: hsl(245.07, 73.2%, 80.98%);
    --knox-monogram-background-4: hsl(230.16, 70.11%, 82.94%);
    --knox-monogram-background-5: hsl(210, 76.79%, 78.04%);
    --knox-monogram-background-6: hsl(189.47, 53.27%, 79.02%);
    --knox-monogram-background-7: hsl(94.47, 48.45%, 80.98%);
    --knox-monogram-background-8: hsl(60, 70.11%, 82.94%);
    --knox-monogram-background-9: hsl(48.17, 73.2%, 80.98%);
    --knox-monogram-background-10: hsl(34.65, 73.2%, 80.98%);
    --knox-monogram-background-11: hsl(16.84, 53.27%, 79.02%);
    --knox-monogram-background-12: hsl(0, 53.27%, 79.02%);
    --knox-monogram-background-13: hsl(339.43, 40.23%, 82.94%);
    --knox-monogram-background-14: hsl(120, 48.45%, 80.98%);
    --knox-monogram-font-size-xs: 8px;
    --knox-monogram-font-size-small: calc(8px + (12px - 8px) / 2);
    --knox-monogram-font-size-medium: 12px;
    --knox-monogram-font-size-large: 20px;
    --knox-monogram-font-weight: 600;
    --knox-monogram-letter-spacing: var(--knox-letter-spacing-body-small);
    --knox-monogram-text-color: hsla(0, 0%, 0%, 0.62);
    --knox-monogram-text-transform: none;
    --knox-notification-background-color: var(--knox-background-critical);
    --knox-notification-color: var(--knox-text-icon-inverse);
    --knox-pill-max-height: 19px;
    --knox-pill-padding-block: 2px;
    --knox-pill-default-background: hsla(0, 0%, 0%, 0.07);
    --knox-pill-default-color: var(--knox-text-icon-neutral);
    --knox-pill-default-strong-background: hsla(0, 0%, 0%, 0.62);
    --knox-pill-default-strong-color: var(--knox-text-icon-inverse);
    --knox-pill-disabled-background: var(--knox-background-disabled);
    --knox-pill-disabled-color: var(--knox-text-icon-inverse);
    --knox-pill-inverse-background: var(--knox-background-inverse);
    --knox-popover-background: var(--knox-background-neutral-high);
    --knox-popover-corner-radius: var(--knox-corner-radius-medium);
    --knox-popover-elevation: var(--knox-elevation-low);
    --knox-popover-max-width: 400px;
    --knox-progress-indicator-dimension: 16px;
    --knox-progress-indicator-determinate-background-color: hsla(0, 0%, 0%, 0.13);
    --knox-progress-indicator-determinate-background-color-inverted: hsla(0, 0%, 100%, 0.28);
    --knox-progress-indicator-determinate-background-stroke-width: 2px;
    --knox-progress-indicator-determinate-foreground-stroke-width: 3px;
    --knox-progress-indicator-determinate-foreground-stroke-linecap: round;
    --knox-progress-indicator-determinate-attention-color: var(--knox-background-attention);
    --knox-progress-indicator-determinate-brand-color: var(--knox-background-brand);
    --knox-progress-indicator-determinate-critical-color: var(--knox-background-critical);
    --knox-progress-indicator-determinate-success-color: var(--knox-background-success);
    --knox-progress-indicator-determinate-default-color: var(--knox-progress-indicator-determinate-brand-color);
    --knox-progress-indicator-determinate-inverted: hsla(0, 0%, 100%, 1);
    --knox-progress-indicator-indeterminate-color: hsla(0, 0%, 0%, 1);
    --knox-progress-indicator-indeterminate-color-inverted: hsla(0, 0%, 100%, 1);
    --knox-radio-background: var(--knox-background-neutral-high);
    --knox-radio-border-radius: var(--knox-corner-radius-circular);
    --knox-radio-border: 1px solid var(--knox-border-neutral);
    --knox-radio-dimension: 16px;
    --knox-radio-background-hover: var(--knox-background-transparent-hover);
    --knox-radio-checked-border-width: 4px;
    --knox-radio-checked-dot-radius: calc((var(--knox-radio-dimension) - 2 * var(--knox-radio-checked-border-width)) / 2);
    --knox-radio-checked-background: var(--knox-background-inverse);
    --knox-radio-checked-border: var(--knox-radio-checked-border-width) solid var(--knox-background-brand);
    --knox-radio-checked-border-hover: var(--knox-radio-checked-border-width) solid var(--knox-background-brand-hover);
    --knox-radio-disabled-background: var(--knox-background-transparent);
    --knox-radio-disabled-border: var(--knox-radio-checked-border-width) solid var(--knox-background-disabled);
    --knox-radio-disabled-background-hover: var(--knox-background-transparent);
    --knox-radio-error-background: var(--knox-background-transparent);
    --knox-radio-error-border: 1px solid var(--knox-border-critical);
    --knox-radio-error-background-hover: var(--knox-background-transparent-hover);
    --knox-radio-disabled-checked-background: radial-gradient(circle, var(--knox-background-inverse) 0, var(--knox-background-inverse) var(--knox-radio-checked-dot-radius), var(--knox-background-transparent) calc(var(--knox-radio-checked-dot-radius) + .1px));
    --knox-radio-disabled-checked-border: var(--knox-radio-checked-border-width) solid var(--knox-background-disabled);
    --knox-radio-disabled-checked-border-hover: var(--knox-radio-checked-border-width) solid var(--knox-background-disabled);
    --knox-scrollbar-base-width: 14px;
    --knox-scrollbar-track-background-color: hsla(0, 0%, 0%, 0);
    --knox-scrollbar-thumb-color-default: hsla(0, 0%, 0%, 0.36);
    --knox-scrollbar-thumb-color-hover: hsla(0, 0%, 0%, 0.62);
    --knox-scrollbar-thumb-color-active: hsla(0, 0%, 0%, 0.62);
    --knox-scrollbar-thumb-radius: 7px;
    --knox-search-input-box-shadow: 0 0 0 1px inset hsla(0, 0%, 0%, 0.43);
    --knox-search-input-height-medium: 28px;
    --knox-search-input-height-large: 44px;
    --knox-search-input-padding-inline: 44px;
    --knox-search-input-disabled-color: var(--knox-text-icon-disabled);
    --knox-search-input-disabled-box-shadow: 0 0 0 1px inset hsla(0, 0%, 0%, 0.07);
    --knox-search-input-error-color: var(--knox-text-icon-disabled);
    --knox-search-input-error-box-shadow: 0 0 0 1px inset hsla(12, 80%, 75%, 1);
    --knox-select-border-radius: var(--knox-corner-radius-medium);
    --knox-select-border: 1px solid var(--knox-border-neutral);
    --knox-select-min-width: 200px;
    --knox-select-background-hover: var(--knox-background-neutral);
    --knox-select-padding-inline: var(--knox-spacing-xs);
    --knox-select-side-offset: 0px;
    --knox-select-popover-box-shadow: var(--knox-elevation-medium);
    --knox-select-popover-padding: var(--knox-spacing-xs);
    --knox-select-option-font-family: inherit;
    --knox-select-option-padding-block: var(--knox-spacing-2xs);
    --knox-select-option-padding-inline: var(--knox-spacing-small);
    --knox-select-option-focused-color: var(--knox-text-icon-inverse);
    --knox-select-option-outline: unset;
    --knox-select-option-min-height: 20px;
    --knox-select-option-border-radius: var(--knox-corner-radius-small);
    --knox-select-option-font-size: var(--knox-font-size-body-medium);
    --knox-select-option-icon-color: var(--knox-text-icon-brand);
    --knox-select-option-highlighted-color: var(--knox-background-brand);
    --knox-select-option-checked-highlighted-color: var(--knox-background-brand);
    --knox-select-option-checked: inherit;
    --knox-slider-border: 1px solid var(--knox-border-neutral-strong);
    --knox-slider-track-background: hsla(0, 0%, 0%, 0.43);
    --knox-slider-track-background-hover: hsla(0, 0%, 0%, 0.62);
    --knox-slider-thumb-background: var(--knox-background-inverse);
    --knox-slider-thumb-background-hover: hsla(214, 100%, 96%, 1);
    --knox-slider-thumb-background-pressed: hsla(215, 100%, 92%, 1);
    --knox-slider-range-background: var(--knox-background-brand);
    --knox-slider-outline: 3px solid var(--knox-border-focus);
    --knox-switch-min-width-medium: 32px;
    --knox-switch-min-width-large: 52px;
    --knox-switch-height-medium: 20px;
    --knox-switch-height-large: 32px;
    --knox-switch-background-off: hsla(0, 0%, 0%, 0.62);
    --knox-switch-background-off-hover: hsla(0, 0%, 0%, 0.72);
    --knox-switch-background-disabled: hsla(0, 0%, 0%, 0.07);
    --knox-switch-thumb-background: var(--knox-background-inverse);
    --knox-switch-thumb-background-disabled: hsla(0, 0%, 100%, 0.09);
    --knox-switch-checked-background: var(--knox-background-brand);
    --knox-switch-checked-background-hover: var(--knox-background-brand-hover);
    --knox-table-background-color: var(--knox-background-neutral-high);
    --knox-table-border-color: var(--knox-border-neutral);
    --knox-table-border-style: solid;
    --knox-table-border-width: var(--knox-spacing-hairline);
    --knox-table-text-icon-color: var(--knox-text-icon-neutral);
    --knox-table-corner-radius: var(--knox-corner-radius-medium);
    --knox-table-font-size: var(--knox-font-size-body-medium);
    --knox-table-bulk-actions-row-gap: var(--knox-spacing-xs);
    --knox-table-bulk-actions-column-gap: var(--knox-spacing-xl);
    --knox-table-cell-border-color: var(--knox-border-neutral);
    --knox-table-heading-cell-shadow-color: hsla(0, 0%, 0%, 0.07);
    --knox-table-row-background: var(--knox-background-neutral-high);
    --knox-table-row-background-striped: var(--knox-background-neutral);
    --knox-table-row-background-selected: hsla(215, 100%, 94%, 1);
    --knox-table-row-heading-row-shadow-color: hsla(0, 0%, 0%, 0.24);
    --knox-table-row-padding-inline: calc(var(--knox-spacing-medium) + var(--knox-spacing-small));
    --knox-tabs-min-height: 18px;
    --knox-tabs-tabsList-hover-bottom: var(--knox-spacing-hairline);
    --knox-tabs-tabsList-bottom: var(--knox-spacing-hairline);
    --knox-tabs-tabsList-paddingBottom: 3px;
    --knox-tabs-tabsList-border-height: var(--knox-spacing-hairline);
    --knox-tabs-tabsList-border-bottom: var(--knox-spacing-hairline);
    --knox-tabs-tabsList-gap: var(--knox-spacing-medium);
    --knox-tabs-tab-border-height: var(--knox-spacing-hairline);
    --knox-tabs-tab-border-bottom: var(--knox-spacing-hairline);
    --knox-tabs-tab-outlineOffset: var(--knox-spacing-hairline);
    --knox-tag-background-color-neutral: hsla(0, 0%, 0%, 0.07);
    --knox-tag-background-color-readOnly: var(--knox-background-disabled);
    --knox-tag-border-radius: var(--knox-corner-radius-circular);
    --knox-tag-interactive-styles-background-color-neutral-background-hover: var(--knox-background-transparent-hover);
    --knox-tag-interactive-styles-background-color-neutral-background-pressed: var(--knox-background-transparent-pressed);
    --knox-text-link-font-feature-settings: 'calt' 0, 'ss01';
    --knox-text-link-font-feature-settings-numeric: 'calt' 0, 'ss01' 1, 'tnum' 1;
    --knox-text-font-variant-ligatures: no-contextual;
    --knox-text-font-feature-settings: 'calt' 0, 'ss01';
    --knox-text-font-feature-settings-numeric: 'calt' 0, 'ss01' 1, 'tnum' 1;
    --knox-text-font-size-small: var(--knox-font-size-body-small);
    --knox-text-font-size-medium: var(--knox-font-size-body-medium);
    --knox-text-font-size-large: var(--knox-font-size-body-large);
    --knox-text-letter-spacing-small: var(--knox-letter-spacing-body-small);
    --knox-text-letter-spacing-medium: var(--knox-letter-spacing-body-medium);
    --knox-text-letter-spacing-large: var(--knox-letter-spacing-body-large);
    --knox-text-font-weight-bold: var(--knox-font-weight-body-strong);
    --knox-toast-background-color: var(--knox-background-neutral-high);
    --knox-toast-border-radius: var(--knox-corner-radius-large);
    --knox-toast-box-shadow: var(--knox-elevation-medium);
    --knox-toast-max-width: 600px;
    --knox-toast-padding: var(--knox-spacing-xs);
    --knox-toast-padding-inline-start: var(--knox-spacing-medium);
    --knox-tooltip-content-background: hsla(0, 0%, 0%, 1);
    --knox-tooltip-content-text-color: var(--knox-text-icon-inverse);
    --knox-tooltip-content-padding-block: var(--knox-spacing-2xs);
    --knox-tooltip-content-padding-inline: var(--knox-spacing-small);
    --knox-tooltip-content-border-radius: var(--knox-corner-radius-medium);
    --knox-tooltip-border: var(--knox-tooltip-content-background);
}

/* _generated/tokens/themes/base/dark.css.ts.vanilla.css -> assets/themes/base/dark.css.ts.vanilla.css */
.knox-dark-mode.base {
    --knox-background-neutral: hsla(0, 0%, 10%, 1);
    --knox-background-neutral-high: hsla(0, 0%, 13%, 1);
    --knox-background-neutral-low: hsla(0, 0%, 8%, 1);
    --knox-background-disabled: hsla(0, 0%, 100%, 0.425);
    --knox-background-activated: hsla(0, 0%, 100%, 0.28);
    --knox-background-transparent: hsla(0, 0%, 100%, 0);
    --knox-background-transparent-hover: hsla(0, 0%, 100%, 0.12);
    --knox-background-transparent-pressed: hsla(0, 0%, 100%, 0.24);
    --knox-background-overlay: hsla(0, 0%, 8%, 0.7);
    --knox-background-inverse: hsla(0, 0%, 100%, 1);
    --knox-background-inverse-hover: hsla(0, 0%, 100%, 0.88);
    --knox-background-inverse-pressed: hsla(0, 0%, 100%, 0.76);
    --knox-background-brand: hsla(212, 96%, 47%, 1);
    --knox-background-brand-hover: hsl(216.15, 100%, 39.3%);
    --knox-background-brand-pressed: hsl(223.53, 100%, 32.66%);
    --knox-background-brand-weak: hsla(227, 40%, 16%, 1);
    --knox-background-attention: hsla(255, 70%, 62%, 1);
    --knox-background-attention-hover: hsl(257.66, 54.03%, 48.84%);
    --knox-background-attention-pressed: hsl(263.23, 80.52%, 34.4%);
    --knox-background-attention-weak: hsla(247, 33%, 16%, 1);
    --knox-background-success: hsla(114, 100%, 27%, 1);
    --knox-background-success-hover: hsl(120, 100%, 21.07%);
    --knox-background-success-pressed: hsl(120, 100%, 15.29%);
    --knox-background-success-weak: hsla(115, 43%, 10%, 1);
    --knox-background-warning: hsla(40, 72%, 39%, 1);
    --knox-background-warning-hover: hsl(40.08, 100%, 27.41%);
    --knox-background-warning-pressed: hsl(35.5, 100%, 21.49%);
    --knox-background-warning-weak: hsla(37, 100%, 7%, 1);
    --knox-background-critical: hsla(14, 87%, 45%, 1);
    --knox-background-critical-hover: hsl(5.53, 100%, 35.18%);
    --knox-background-critical-pressed: hsl(0, 100%, 28.3%);
    --knox-background-critical-weak: hsla(13, 55%, 12%, 1);
    --knox-text-icon-neutral: hsla(0, 0%, 100%, 0.89);
    --knox-text-icon-neutral-hover: hsl(0, 0%, 100%);
    --knox-text-icon-neutral-pressed: hsl(0, 0%, 100%);
    --knox-text-icon-neutral-weak: hsla(0, 0%, 100%, 0.785);
    --knox-text-icon-neutral-weak-hover: hsla(0, 0%, 100%, 0.905);
    --knox-text-icon-neutral-weak-pressed: hsl(0, 0%, 100%);
    --knox-text-icon-disabled: hsla(0, 0%, 100%, 0.56);
    --knox-text-icon-inverse: hsla(0, 0%, 100%, 1);
    --knox-text-icon-inverse-hover: hsl(0, 0%, 100%);
    --knox-text-icon-inverse-pressed: hsl(0, 0%, 100%);
    --knox-text-icon-brand: hsla(215, 100%, 85%, 1);
    --knox-text-icon-brand-hover: hsl(196.39, 100%, 91.4%);
    --knox-text-icon-brand-pressed: hsl(180, 100%, 97.88%);
    --knox-text-icon-attention: hsla(248, 100%, 89%, 1);
    --knox-text-icon-attention-hover: hsl(257.93, 100%, 95.44%);
    --knox-text-icon-attention-pressed: hsl(0, 0%, 100%);
    --knox-text-icon-success: hsla(113, 41%, 78%, 1);
    --knox-text-icon-success-hover: hsl(113.36, 100%, 90.8%);
    --knox-text-icon-success-pressed: hsl(96.84, 100%, 97.28%);
    --knox-text-icon-warning: hsla(37, 72%, 69%, 1);
    --knox-text-icon-warning-hover: hsl(40.76, 100%, 79.56%);
    --knox-text-icon-warning-pressed: hsl(60, 100%, 85.92%);
    --knox-text-icon-critical: hsla(12, 98%, 84%, 1);
    --knox-text-icon-critical-hover: hsl(20.26, 100%, 90.39%);
    --knox-text-icon-critical-pressed: hsl(60, 100%, 96.85%);
    --knox-border-neutral: hsla(0, 0%, 100%, 0.28);
    --knox-border-neutral-weak: hsla(0, 0%, 100%, 0.09);
    --knox-border-neutral-strong: hsla(0, 0%, 100%, 0.56);
    --knox-border-inverse: hsla(0, 0%, 100%, 0.425);
    --knox-border-brand: hsla(215, 63%, 53%, 1);
    --knox-border-attention: hsla(251, 52%, 62%, 1);
    --knox-border-success: hsla(115, 47%, 37%, 1);
    --knox-border-warning: hsla(42, 100%, 37%, 1);
    --knox-border-critical: hsla(12, 55%, 50%, 1);
    --knox-border-focus: hsla(215, 84%, 76%, 1);
    --knox-border-focus-inverse: hsla(0, 0%, 100%, 1);
    --knox-corner-radius-none: 0px;
    --knox-corner-radius-small: 4px;
    --knox-corner-radius-medium: 8px;
    --knox-corner-radius-large: 12px;
    --knox-corner-radius-circular: 99999px;
    --knox-elevation-top-ledge: inset 0 -1px 0 0 hsla(0, 0%, 100%, 0.09), 0 2px 8px 0 hsla(0, 0%, 0%, 0.36), 0 1px 0 0 hsla(0, 0%, 0%, 0.13);
    --knox-elevation-bottom-ledge: inset 0 1px 0 0 hsla(0, 0%, 100%, 0.09), 0 -1px 0 0 hsla(0, 0%, 0%, 0.36);
    --knox-elevation-low: inset 0 0 0 1px hsla(0, 0%, 100%, 0.09), 0 2px 8px 0 hsla(0, 0%, 0%, 0.36), 0 0 0 1px hsla(0, 0%, 0%, 0.13);
    --knox-elevation-medium: inset 0 0 0 1px hsla(0, 0%, 100%, 0.09), 0 4px 20px 0 hsla(0, 0%, 0%, 0.36), 0 0 0 1px hsla(0, 0%, 0%, 0.36);
    --knox-elevation-high: inset 0 0 0 1px hsla(0, 0%, 100%, 0.09), 0 8px 40px 0 hsla(0, 0%, 0%, 0.62), 0 4px 16px 0 hsla(0, 0%, 0%, 0.13), 0 0 0 1px hsla(0, 0%, 0%, 0.36);
    --knox-spacing-none: 0px;
    --knox-spacing-hairline: 1px;
    --knox-spacing-2xs: 4px;
    --knox-spacing-xs: 8px;
    --knox-spacing-small: 12px;
    --knox-spacing-medium: 16px;
    --knox-spacing-large: 24px;
    --knox-spacing-xl: 32px;
    --knox-spacing-2xl: 48px;
    --knox-spacing-3xl: 64px;
    --knox-spacing-4xl: 128px;
    --knox-font-family-default: Inter V;
    --knox-font-family-code: iA Writer Mono V;
    --knox-font-family-password: iA Writer Mono V;
    --knox-font-weight-heading-default: 600;
    --knox-font-weight-heading-subtle: 500;
    --knox-font-weight-body-default: 400;
    --knox-font-weight-body-strong: 600;
    --knox-font-size-heading-xl: 48px;
    --knox-font-size-heading-large: 28px;
    --knox-font-size-heading-medium: 20px;
    --knox-font-size-heading-small: 16px;
    --knox-font-size-heading-xs: 14px;
    --knox-font-size-heading-2xs: 12px;
    --knox-font-size-body-large: 16px;
    --knox-font-size-body-medium: 14px;
    --knox-font-size-body-small: 12px;
    --knox-letter-spacing-heading-xl: -1.07px;
    --knox-letter-spacing-heading-large: -0.59px;
    --knox-letter-spacing-heading-medium: -0.33px;
    --knox-letter-spacing-heading-small: -0.18px;
    --knox-letter-spacing-heading-xs: -0.09px;
    --knox-letter-spacing-heading-2xs: 0.01px;
    --knox-letter-spacing-body-large: -0.18px;
    --knox-letter-spacing-body-medium: -0.09px;
    --knox-letter-spacing-body-small: 0.01px;
    --knox-letter-spacing-password-large: 2px;
    --knox-letter-spacing-password-medium: 2px;
    --knox-letter-spacing-password-small: 1px;
    --knox-line-height-default: normal;
    --knox-line-height-heading-large: 1.15;
    --knox-line-height-heading-xl: 1.1;
    --knox-line-height-paragraph: 1.5;
    --knox-avatar-badge-checked-circle-background: var(--knox-background-neutral-high);
    --knox-avatar-badge-checked-circle-icon: var(--knox-text-icon-success);
    --knox-avatar-badge-star-icon: hsl(40, 100%, 50%);
    --knox-button-primary-background: var(--knox-background-brand);
    --knox-button-primary-background-hover: var(--knox-background-brand-hover);
    --knox-button-primary-background-pressed: var(--knox-background-brand-pressed);
    --knox-button-primary-text-icon-color: var(--knox-text-icon-inverse);
    --knox-button-primary-text-icon-color-hover: var(--knox-text-icon-inverse-hover);
    --knox-button-primary-text-icon-color-pressed: var(--knox-text-icon-inverse-pressed);
    --knox-button-primary-border-color: hsla(0, 0%, 0%, 0);
    --knox-button-secondary-background: var(--knox-background-transparent);
    --knox-button-secondary-background-hover: var(--knox-background-transparent-hover);
    --knox-button-secondary-background-pressed: var(--knox-background-transparent-pressed);
    --knox-button-secondary-text-icon-color: var(--knox-text-icon-neutral);
    --knox-button-secondary-text-icon-color-hover: var(--knox-text-icon-neutral-hover);
    --knox-button-secondary-text-icon-color-pressed: var(--knox-text-icon-neutral-pressed);
    --knox-button-secondary-border-color: var(--knox-border-neutral);
    --knox-button-tertiary-background: var(--knox-background-transparent);
    --knox-button-tertiary-background-hover: var(--knox-background-transparent-hover);
    --knox-button-tertiary-background-pressed: var(--knox-background-transparent-pressed);
    --knox-button-tertiary-text-icon-color: var(--knox-text-icon-brand);
    --knox-button-tertiary-text-icon-color-hover: var(--knox-text-icon-brand-hover);
    --knox-button-tertiary-text-icon-color-pressed: var(--knox-text-icon-brand-pressed);
    --knox-button-tertiary-border-color: hsla(0, 0%, 0%, 0);
    --knox-button-border-radius: var(--knox-corner-radius-medium);
    --knox-button-font-weight: var(--knox-font-weight-body-default);
    --knox-button-height-medium: 28px;
    --knox-button-height-large: 44px;
    --knox-button-font-size-medium: var(--knox-font-size-body-medium);
    --knox-button-font-size-large: var(--knox-font-size-body-large);
    --knox-button-iconOnlyPaddingInline-medium: 6px;
    --knox-button-iconOnlyPaddingInline-large: 14px;
    --knox-callout-border-radius: var(--knox-corner-radius-medium);
    --knox-callout-border-width: 1px;
    --knox-callout-border-style: solid;
    --knox-callout-padding: var(--knox-spacing-medium);
    --knox-callout-informational-border-color: var(--knox-border-brand);
    --knox-callout-informational-background-color: var(--knox-background-brand-weak);
    --knox-callout-success-border-color: var(--knox-border-success);
    --knox-callout-success-background-color: var(--knox-background-success-weak);
    --knox-callout-critical-border-color: var(--knox-border-critical);
    --knox-callout-critical-background-color: var(--knox-background-critical-weak);
    --knox-callout-warning-border-color: var(--knox-border-warning);
    --knox-callout-warning-background-color: var(--knox-background-warning-weak);
    --knox-callout-banner-padding-block: var(--knox-spacing-small);
    --knox-callout-banner-padding-inline: var(--knox-spacing-large);
    --knox-card-box-shadow: var(--knox-elevation-low);
    --knox-card-border-radius: var(--knox-corner-radius-medium);
    --knox-checkable-items-label-font-family: inherit;
    --knox-checkable-items-label-font-size: var(--knox-font-size-body-medium);
    --knox-checkable-items-label-font-weight: var(--knox-font-weight-body-default);
    --knox-checkable-items-label-font-weight-bold: var(--knox-font-weight-body-strong);
    --knox-checkable-items-label-letter-spacing: var(--knox-letter-spacing-body-medium);
    --knox-checkable-items-label-color: var(--knox-text-icon-neutral);
    --knox-checkable-items-label-color-disabled: var(--knox-text-icon-neutral-weak);
    --knox-checkable-items-sub-text-font-size: var(--knox-font-size-body-small);
    --knox-checkable-items-sub-text-letter-spacing: var(--knox-letter-spacing-body-small);
    --knox-checkable-items-sub-text-color: var(--knox-text-icon-neutral-weak);
    --knox-checkable-items-sub-text-color-error: var(--knox-text-icon-critical);
    --knox-checkbox-dimension: 16px;
    --knox-checkbox-border: 1px solid var(--knox-border-neutral-strong);
    --knox-checkbox-border-radius: var(--knox-corner-radius-small);
    --knox-checkbox-background: var(--knox-background-transparent);
    --knox-checkbox-background-hover: var(--knox-background-transparent-hover);
    --knox-checkbox-border-disabled: 1px solid var(--knox-border-neutral-weak);
    --knox-checkbox-border-error: var(--knox-border-critical);
    --knox-checkbox-border-width: 0px;
    --knox-checkbox-checked-background: var(--knox-background-brand);
    --knox-checkbox-checked-background-hover: var(--knox-background-brand-hover);
    --knox-checkbox-disabled-background: var(--knox-background-disabled);
    --knox-checkbox-disabled-background-hover: var(--knox-background-disabled);
    --knox-checkbox-error-background: var(--knox-background-brand);
    --knox-code-font-variant-ligatures: no-contextual;
    --knox-code-font-feature-settings: 'calt' 0, 'ss01', 'ss02';
    --knox-code-font-size-small: var(--knox-font-size-body-small);
    --knox-code-font-size-medium: var(--knox-font-size-body-medium);
    --knox-code-font-size-large: var(--knox-font-size-body-large);
    --knox-code-letter-spacing-small: var(--knox-letter-spacing-body-small);
    --knox-code-letter-spacing-medium: var(--knox-letter-spacing-body-medium);
    --knox-code-letter-spacing-large: var(--knox-letter-spacing-body-large);
    --knox-combobox-background-color-neutral-default: var(--knox-background-neutral-high);
    --knox-combobox-background-color-neutral-error: var(--knox-background-critical-weak);
    --knox-combobox-background-color-neutral-disabled: var(--knox-background-neutral-low);
    --knox-combobox-border-width-neutral: var(--knox-spacing-hairline);
    --knox-combobox-border-style-neutral: solid;
    --knox-combobox-border-radius-neutral: var(--knox-spacing-xs);
    --knox-combobox-border-color-neutral-default: var(--knox-border-neutral-strong);
    --knox-combobox-border-color-neutral-error: var(--knox-border-critical);
    --knox-combobox-input-font-size-medium-neutral: var(--knox-font-size-body-medium);
    --knox-combobox-input-font-size-large-neutral: var(--knox-font-size-body-large);
    --knox-combobox-input-background-color-neutral: var(--knox-background-transparent);
    --knox-combobox-input-min-height-medium-neutral: var(--knox-field-size-medium);
    --knox-combobox-input-min-height-large-neutral: var(--knox-field-size-large);
    --knox-combobox-add-item-padding-block-end: var(--knox-spacing-xs);
    --knox-combobox-add-item-margin-block-end: var(--knox-spacing-xs);
    --knox-combobox-add-item-border-bottom: var(--knox-spacing-hairline);
    --knox-combobox-add-item-border-color: var(--knox-border-neutral);
    --knox-combobox-add-item-border-style: solid;
    --knox-combobox-item-min-height-calculation: var(--knox-spacing-small);
    --knox-combobox-item-padding-block: var(--knox-spacing-2xs);
    --knox-combobox-item-padding-inline: var(--knox-spacing-small);
    --knox-combobox-item-border-radius: var(--knox-corner-radius-small);
    --knox-combobox-item-background-highlighted-neutral: var(--knox-background-brand);
    --knox-combobox-item-text-color-neutral-inverse: var(--knox-text-icon-inverse);
    --knox-combobox-selected-items-paddingBlock-medium-neutral: var(--knox-spacing-xs);
    --knox-combobox-selected-items-paddingBlock-large-neutral: var(--knox-spacing-small);
    --knox-disclosure-min-width: 240px;
    --knox-disclosure-border-radius: var(--knox-corner-radius-medium);
    --knox-disclosure-border-style: solid;
    --knox-disclosure-border-width: 1px;
    --knox-disclosure-informational-border-color: var(--knox-border-brand);
    --knox-disclosure-informational-background-color: var(--knox-background-brand-weak);
    --knox-disclosure-attention-border-color: var(--knox-border-attention);
    --knox-disclosure-attention-background-color: var(--knox-background-attention-weak);
    --knox-disclosure-critical-border-color: var(--knox-border-critical);
    --knox-disclosure-critical-background-color: var(--knox-background-critical-weak);
    --knox-disclosure-neutral-border-color: var(--knox-border-neutral);
    --knox-disclosure-neutral-background-color: var(--knox-background-neutral);
    --knox-disclosure-success-border-color: var(--knox-border-success);
    --knox-disclosure-success-background-color: var(--knox-background-success-weak);
    --knox-disclosure-warning-border-color: var(--knox-border-warning);
    --knox-disclosure-warning-background-color: var(--knox-background-warning-weak);
    --knox-divider-border-width-one: var(--knox-spacing-hairline);
    --knox-divider-color-neutral: var(--knox-border-neutral);
    --knox-divider-color-neutral-weak: var(--knox-border-neutral-weak);
    --knox-divider-color-neutral-strong: var(--knox-border-neutral-strong);
    --knox-field-background: var(--knox-background-neutral-high);
    --knox-field-border-active: inherit;
    --knox-field-color: var(--knox-text-icon-neutral);
    --knox-field-border: none;
    --knox-field-font-size: var(--knox-font-size-body-medium);
    --knox-field-font-weight: var(--knox-font-weight-body-default);
    --knox-field-padding-inline: var(--knox-spacing-xs);
    --knox-field-size-medium: 28px;
    --knox-field-size-large: 44px;
    --knox-field-icon-padding-inline-large: 44px;
    --knox-field-border-radius: var(--knox-corner-radius-medium);
    --knox-field-multiline-padding-block: 5px;
    --knox-field-padding-large: var(--knox-spacing-medium);
    --knox-field-height: auto;
    --knox-field-width: auto;
    --knox-field-box-shadow: 0 0 0 1px inset var(--knox-border-neutral-strong);
    --knox-field-placeholder-color: var(--knox-text-icon-neutral-weak);
    --knox-field-disabled-color: var(--knox-text-icon-disabled);
    --knox-field-disabled-box-shadow: 0 0 0 1px inset hsla(0, 0%, 0%, 0.07);
    --knox-field-read-only-background: var(--knox-background-neutral-low);
    --knox-field-error-background: var(--knox-background-critical-weak);
    --knox-field-error-box-shadow: 0 0 0 1px inset hsla(12, 55%, 50%, 1);
    --knox-field-font-size-large: var(--knox-font-size-body-large);
    --knox-field-label-font-family: inherit;
    --knox-field-label-font-size: var(--knox-font-size-body-medium);
    --knox-field-label-font-weight: var(--knox-font-weight-body-default);
    --knox-field-label-font-weight-bold: var(--knox-font-weight-body-strong);
    --knox-field-label-letter-spacing: var(--knox-letter-spacing-body-medium);
    --knox-field-label-color: var(--knox-text-icon-neutral);
    --knox-field-label-color-disabled: var(--knox-text-icon-neutral-weak);
    --knox-field-sub-text-font-size: var(--knox-font-size-body-small);
    --knox-field-sub-text-letter-spacing: var(--knox-letter-spacing-body-small);
    --knox-field-sub-text-color: var(--knox-text-icon-neutral-weak);
    --knox-field-sub-text-color-error: var(--knox-text-icon-critical);
    --knox-focus-outline-width: 3px;
    --knox-focus-outline: var(--knox-focus-outline-width) solid var(--knox-border-focus);
    --knox-focus-outline-inverse: var(--knox-focus-outline-width) solid var(--knox-border-focus-inverse);
    --knox-focus-offset: 2px;
    --knox-focus-ring-size: calc(var(--knox-focus-outline-width) + var(--knox-focus-offset));
    --knox-heading-font-variant-ligatures: no-contextual;
    --knox-heading-font-feature-settings: 'calt' 0, 'ss01';
    --knox-heading-font-feature-settings-numeric: 'calt' 0, 'ss01' 1, 'tnum' 1;
    --knox-heading-font-size-2xs: var(--knox-font-size-heading-2xs);
    --knox-heading-font-size-xs: var(--knox-font-size-heading-xs);
    --knox-heading-font-size-small: var(--knox-font-size-heading-small);
    --knox-heading-font-size-medium: var(--knox-font-size-heading-medium);
    --knox-heading-font-size-large: var(--knox-font-size-heading-large);
    --knox-heading-font-size-xl: var(--knox-font-size-heading-xl);
    --knox-heading-line-height: var(--knox-line-height-heading-large);
    --knox-heading-letter-spacing-2xs: var(--knox-letter-spacing-heading-2xs);
    --knox-heading-letter-spacing-xs: var(--knox-letter-spacing-heading-xs);
    --knox-heading-letter-spacing-small: var(--knox-letter-spacing-heading-small);
    --knox-heading-letter-spacing-medium: var(--knox-letter-spacing-heading-medium);
    --knox-heading-letter-spacing-large: var(--knox-letter-spacing-heading-large);
    --knox-heading-letter-spacing-xl: var(--knox-letter-spacing-heading-xl);
    --knox-heading-subtle-font-weight: var(--knox-font-weight-heading-subtle);
    --knox-icon-mask-square-xs-inset: 1px;
    --knox-icon-mask-square-xs-radius: var(--knox-corner-radius-small);
    --knox-icon-mask-square-small-inset: 1px;
    --knox-icon-mask-square-small-radius: var(--knox-corner-radius-small);
    --knox-icon-mask-square-medium-inset: 1px;
    --knox-icon-mask-square-medium-radius: var(--knox-corner-radius-medium);
    --knox-icon-mask-square-large-inset: calc(2 * 1px);
    --knox-icon-mask-square-large-radius: var(--knox-corner-radius-large);
    --knox-listbox-padding: var(--knox-spacing-xs);
    --knox-listbox-background-color-neutral-background: var(--knox-background-neutral-high);
    --knox-listbox-border-radius: var(--knox-spacing-xs);
    --knox-listbox-group-padding-block-end: var(--knox-spacing-xs);
    --knox-listbox-group-margin-block-end: var(--knox-spacing-xs);
    --knox-listbox-group-border-bottom: var(--knox-spacing-hairline);
    --knox-listbox-group-border-color: var(--knox-border-neutral);
    --knox-listbox-group-border-style: solid;
    --knox-listbox-item-minHeightCalculation: var(--knox-spacing-small);
    --knox-listbox-item-padding-block: var(--knox-spacing-2xs);
    --knox-listbox-item-padding-inline: var(--knox-spacing-small);
    --knox-listbox-item-border-radius: var(--knox-corner-radius-small);
    --knox-listbox-item-background-highlighted-neutral: var(--knox-background-brand);
    --knox-listbox-item-text-color-neutral-inverse: var(--knox-text-icon-inverse);
    --knox-listbox-groupHeader-padding-inline: var(--knox-spacing-small);
    --knox-menu-content-min-width: 400px;
    --knox-menu-group-divider-color: var(--knox-border-neutral-weak);
    --knox-menu-item-background-highlighted: var(--knox-background-brand);
    --knox-menu-item-corner-radius: var(--knox-corner-radius-small);
    --knox-menu-item-label-color: var(--knox-text-icon-neutral);
    --knox-menu-item-label-color-highlighted: var(--knox-text-icon-inverse);
    --knox-menu-item-label-icon-color: var(--knox-text-icon-neutral-weak);
    --knox-menu-item-label-icon-color-highlighted: inherit;
    --knox-menu-item-secondary-label-color: var(--knox-text-icon-neutral-weak);
    --knox-menu-item-secondary-label-color-highlighted: inherit;
    --knox-menu-item-selected-color: var(--knox-text-icon-brand);
    --knox-menu-item-selected-color-highlighted: var(--knox-menu-item-label-color-highlighted);
    --knox-modal-overlay-background: var(--knox-background-overlay);
    --knox-modal-content-background: var(--knox-background-neutral-high);
    --knox-modal-content-border-radius: var(--knox-corner-radius-large);
    --knox-modal-content-box-shadow: var(--knox-elevation-high);
    --knox-modal-content-color: var(--knox-text-icon-neutral);
    --knox-modal-padding-external: var(--knox-spacing-xl);
    --knox-modal-padding-internal: var(--knox-spacing-large);
    --knox-modal-scrollable-area-shadow-top: var(--knox-elevation-low);
    --knox-modal-scrollable-area-shadow-bottom: var(--knox-elevation-low);
    --knox-modal-title-padding: var(--knox-spacing-large);
    --knox-modal-title-border-radius-top: var(--knox-corner-radius-large);
    --knox-modal-footer-padding: var(--knox-spacing-large);
    --knox-modal-footer-border-radius-bottom: var(--knox-corner-radius-large);
    --knox-modal-footer-box-shadow-top: 0 -4px 8px -4px hsla(0, 0%, 0%, 0.07);
    --knox-monogram-background-1: hsl(300, 48.45%, 80.98%);
    --knox-monogram-background-2: hsl(269.47, 53.27%, 79.02%);
    --knox-monogram-background-3: hsl(245.07, 73.2%, 80.98%);
    --knox-monogram-background-4: hsl(230.16, 70.11%, 82.94%);
    --knox-monogram-background-5: hsl(210, 76.79%, 78.04%);
    --knox-monogram-background-6: hsl(189.47, 53.27%, 79.02%);
    --knox-monogram-background-7: hsl(94.47, 48.45%, 80.98%);
    --knox-monogram-background-8: hsl(60, 70.11%, 82.94%);
    --knox-monogram-background-9: hsl(48.17, 73.2%, 80.98%);
    --knox-monogram-background-10: hsl(34.65, 73.2%, 80.98%);
    --knox-monogram-background-11: hsl(16.84, 53.27%, 79.02%);
    --knox-monogram-background-12: hsl(0, 53.27%, 79.02%);
    --knox-monogram-background-13: hsl(339.43, 40.23%, 82.94%);
    --knox-monogram-background-14: hsl(120, 48.45%, 80.98%);
    --knox-monogram-font-size-xs: 8px;
    --knox-monogram-font-size-small: calc(8px + (12px - 8px) / 2);
    --knox-monogram-font-size-medium: 12px;
    --knox-monogram-font-size-large: 20px;
    --knox-monogram-font-weight: 600;
    --knox-monogram-letter-spacing: var(--knox-letter-spacing-body-small);
    --knox-monogram-text-color: hsla(0, 0%, 0%, 0.62);
    --knox-monogram-text-transform: none;
    --knox-notification-background-color: var(--knox-background-critical);
    --knox-notification-color: var(--knox-text-icon-inverse);
    --knox-pill-max-height: 19px;
    --knox-pill-padding-block: 2px;
    --knox-pill-default-background: hsla(0, 0%, 100%, 0.19);
    --knox-pill-default-color: var(--knox-text-icon-neutral);
    --knox-pill-default-strong-background: hsla(0, 0%, 100%, 0.28);
    --knox-pill-default-strong-color: var(--knox-text-icon-inverse);
    --knox-pill-disabled-background: var(--knox-background-disabled);
    --knox-pill-disabled-color: var(--knox-text-icon-inverse);
    --knox-pill-inverse-background: var(--knox-background-inverse);
    --knox-popover-background: var(--knox-background-neutral-high);
    --knox-popover-corner-radius: var(--knox-corner-radius-medium);
    --knox-popover-elevation: var(--knox-elevation-low);
    --knox-popover-max-width: 400px;
    --knox-progress-indicator-dimension: 16px;
    --knox-progress-indicator-determinate-background-color: hsla(0, 0%, 100%, 0.28);
    --knox-progress-indicator-determinate-background-color-inverted: hsla(0, 0%, 100%, 0.28);
    --knox-progress-indicator-determinate-background-stroke-width: 2px;
    --knox-progress-indicator-determinate-foreground-stroke-width: 3px;
    --knox-progress-indicator-determinate-foreground-stroke-linecap: round;
    --knox-progress-indicator-determinate-attention-color: var(--knox-background-attention);
    --knox-progress-indicator-determinate-brand-color: var(--knox-background-brand);
    --knox-progress-indicator-determinate-critical-color: var(--knox-background-critical);
    --knox-progress-indicator-determinate-success-color: var(--knox-background-success);
    --knox-progress-indicator-determinate-default-color: var(--knox-progress-indicator-determinate-brand-color);
    --knox-progress-indicator-determinate-inverted: hsla(0, 0%, 100%, 1);
    --knox-progress-indicator-indeterminate-color: hsla(0, 0%, 100%, 1);
    --knox-progress-indicator-indeterminate-color-inverted: hsla(0, 0%, 100%, 1);
    --knox-radio-background: var(--knox-background-neutral-high);
    --knox-radio-border-radius: var(--knox-corner-radius-circular);
    --knox-radio-border: 1px solid var(--knox-border-neutral);
    --knox-radio-dimension: 16px;
    --knox-radio-background-hover: var(--knox-background-transparent-hover);
    --knox-radio-checked-border-width: 4px;
    --knox-radio-checked-dot-radius: calc((var(--knox-radio-dimension) - 2 * var(--knox-radio-checked-border-width)) / 2);
    --knox-radio-checked-background: var(--knox-background-inverse);
    --knox-radio-checked-border: var(--knox-radio-checked-border-width) solid var(--knox-background-brand);
    --knox-radio-checked-border-hover: var(--knox-radio-checked-border-width) solid var(--knox-background-brand-hover);
    --knox-radio-disabled-background: var(--knox-background-transparent);
    --knox-radio-disabled-border: var(--knox-radio-checked-border-width) solid var(--knox-background-disabled);
    --knox-radio-disabled-background-hover: var(--knox-background-transparent);
    --knox-radio-error-background: var(--knox-background-transparent);
    --knox-radio-error-border: 1px solid var(--knox-border-critical);
    --knox-radio-error-background-hover: var(--knox-background-transparent-hover);
    --knox-radio-disabled-checked-background: radial-gradient(circle, var(--knox-background-inverse) 0, var(--knox-background-inverse) var(--knox-radio-checked-dot-radius), var(--knox-background-transparent) calc(var(--knox-radio-checked-dot-radius) + .1px));
    --knox-radio-disabled-checked-border: var(--knox-radio-checked-border-width) solid var(--knox-background-disabled);
    --knox-radio-disabled-checked-border-hover: var(--knox-radio-checked-border-width) solid var(--knox-background-disabled);
    --knox-scrollbar-base-width: 14px;
    --knox-scrollbar-track-background-color: hsla(0, 0%, 100%, 0);
    --knox-scrollbar-thumb-color-default: hsla(0, 0%, 100%, 0.56);
    --knox-scrollbar-thumb-color-hover: hsla(0, 0%, 100%, 0.785);
    --knox-scrollbar-thumb-color-active: hsla(0, 0%, 100%, 0.785);
    --knox-scrollbar-thumb-radius: 7px;
    --knox-search-input-box-shadow: 0 0 0 1px inset hsla(0, 0%, 100%, 0.09);
    --knox-search-input-height-medium: 28px;
    --knox-search-input-height-large: 44px;
    --knox-search-input-padding-inline: 44px;
    --knox-search-input-disabled-color: var(--knox-text-icon-disabled);
    --knox-search-input-disabled-box-shadow: 0 0 0 1px inset hsla(0, 0%, 0%, 0.07);
    --knox-search-input-error-color: var(--knox-text-icon-disabled);
    --knox-search-input-error-box-shadow: 0 0 0 1px inset hsla(12, 55%, 50%, 1);
    --knox-select-border-radius: var(--knox-corner-radius-medium);
    --knox-select-border: 1px solid var(--knox-border-neutral);
    --knox-select-min-width: 200px;
    --knox-select-background-hover: var(--knox-background-neutral);
    --knox-select-padding-inline: var(--knox-spacing-xs);
    --knox-select-side-offset: 0px;
    --knox-select-popover-box-shadow: var(--knox-elevation-medium);
    --knox-select-popover-padding: var(--knox-spacing-xs);
    --knox-select-option-font-family: inherit;
    --knox-select-option-padding-block: var(--knox-spacing-2xs);
    --knox-select-option-padding-inline: var(--knox-spacing-small);
    --knox-select-option-focused-color: var(--knox-text-icon-inverse);
    --knox-select-option-outline: unset;
    --knox-select-option-min-height: 20px;
    --knox-select-option-border-radius: var(--knox-corner-radius-small);
    --knox-select-option-font-size: var(--knox-font-size-body-medium);
    --knox-select-option-icon-color: var(--knox-text-icon-brand);
    --knox-select-option-highlighted-color: var(--knox-background-brand);
    --knox-select-option-checked-highlighted-color: var(--knox-background-brand);
    --knox-select-option-checked: inherit;
    --knox-slider-border: 1px solid var(--knox-border-neutral-strong);
    --knox-slider-track-background: hsla(0, 0%, 100%, 0.19);
    --knox-slider-track-background-hover: hsla(0, 0%, 100%, 0.28);
    --knox-slider-thumb-background: var(--knox-background-inverse);
    --knox-slider-thumb-background-hover: hsla(214, 100%, 96%, 1);
    --knox-slider-thumb-background-pressed: hsla(215, 100%, 92%, 1);
    --knox-slider-range-background: var(--knox-background-brand);
    --knox-slider-outline: 3px solid var(--knox-border-focus);
    --knox-switch-min-width-medium: 32px;
    --knox-switch-min-width-large: 52px;
    --knox-switch-height-medium: 20px;
    --knox-switch-height-large: 32px;
    --knox-switch-background-off: hsla(0, 0%, 100%, 0.425);
    --knox-switch-background-off-hover: hsla(0, 0%, 100%, 0.56);
    --knox-switch-background-disabled: hsla(0, 0%, 100%, 0.19);
    --knox-switch-thumb-background: var(--knox-background-inverse);
    --knox-switch-thumb-background-disabled: hsla(0, 0%, 100%, 0.09);
    --knox-switch-checked-background: var(--knox-background-brand);
    --knox-switch-checked-background-hover: var(--knox-background-brand-hover);
    --knox-table-background-color: var(--knox-background-neutral-high);
    --knox-table-border-color: var(--knox-border-neutral);
    --knox-table-border-style: solid;
    --knox-table-border-width: var(--knox-spacing-hairline);
    --knox-table-text-icon-color: var(--knox-text-icon-neutral);
    --knox-table-corner-radius: var(--knox-corner-radius-medium);
    --knox-table-font-size: var(--knox-font-size-body-medium);
    --knox-table-bulk-actions-row-gap: var(--knox-spacing-xs);
    --knox-table-bulk-actions-column-gap: var(--knox-spacing-xl);
    --knox-table-cell-border-color: var(--knox-border-neutral);
    --knox-table-heading-cell-shadow-color: hsla(0, 0%, 0%, 0.62);
    --knox-table-row-background: var(--knox-background-neutral-high);
    --knox-table-row-background-striped: var(--knox-background-neutral);
    --knox-table-row-background-selected: hsla(214, 100%, 16%, 1);
    --knox-table-row-heading-row-shadow-color: hsla(0, 0%, 0%, 1);
    --knox-table-row-padding-inline: calc(var(--knox-spacing-medium) + var(--knox-spacing-small));
    --knox-tabs-min-height: 18px;
    --knox-tabs-tabsList-hover-bottom: var(--knox-spacing-hairline);
    --knox-tabs-tabsList-bottom: var(--knox-spacing-hairline);
    --knox-tabs-tabsList-paddingBottom: 3px;
    --knox-tabs-tabsList-border-height: var(--knox-spacing-hairline);
    --knox-tabs-tabsList-border-bottom: var(--knox-spacing-hairline);
    --knox-tabs-tabsList-gap: var(--knox-spacing-medium);
    --knox-tabs-tab-border-height: var(--knox-spacing-hairline);
    --knox-tabs-tab-border-bottom: var(--knox-spacing-hairline);
    --knox-tabs-tab-outlineOffset: var(--knox-spacing-hairline);
    --knox-tag-background-color-neutral: hsla(0, 0%, 100%, 0.09);
    --knox-tag-background-color-readOnly: var(--knox-background-disabled);
    --knox-tag-border-radius: var(--knox-corner-radius-circular);
    --knox-tag-interactive-styles-background-color-neutral-background-hover: var(--knox-background-transparent-hover);
    --knox-tag-interactive-styles-background-color-neutral-background-pressed: var(--knox-background-transparent-pressed);
    --knox-text-link-font-feature-settings: 'calt' 0, 'ss01';
    --knox-text-link-font-feature-settings-numeric: 'calt' 0, 'ss01' 1, 'tnum' 1;
    --knox-text-font-variant-ligatures: no-contextual;
    --knox-text-font-feature-settings: 'calt' 0, 'ss01';
    --knox-text-font-feature-settings-numeric: 'calt' 0, 'ss01' 1, 'tnum' 1;
    --knox-text-font-size-small: var(--knox-font-size-body-small);
    --knox-text-font-size-medium: var(--knox-font-size-body-medium);
    --knox-text-font-size-large: var(--knox-font-size-body-large);
    --knox-text-letter-spacing-small: var(--knox-letter-spacing-body-small);
    --knox-text-letter-spacing-medium: var(--knox-letter-spacing-body-medium);
    --knox-text-letter-spacing-large: var(--knox-letter-spacing-body-large);
    --knox-text-font-weight-bold: var(--knox-font-weight-body-strong);
    --knox-toast-background-color: var(--knox-background-neutral-high);
    --knox-toast-border-radius: var(--knox-corner-radius-large);
    --knox-toast-box-shadow: var(--knox-elevation-medium);
    --knox-toast-max-width: 600px;
    --knox-toast-padding: var(--knox-spacing-xs);
    --knox-toast-padding-inline-start: var(--knox-spacing-medium);
    --knox-tooltip-content-background: hsla(0, 0%, 100%, 1);
    --knox-tooltip-content-text-color: hsla(0, 0%, 0%, 1);
    --knox-tooltip-content-padding-block: var(--knox-spacing-2xs);
    --knox-tooltip-content-padding-inline: var(--knox-spacing-small);
    --knox-tooltip-content-border-radius: var(--knox-corner-radius-medium);
    --knox-tooltip-border: var(--knox-tooltip-content-background);
}

.submit-button--choose_account_name_tjL7B {
    margin-top: 20px;
    border-radius: 6px
}

.family--choose_account_name_PdRBr {
    color: #fff;
    background-color: #736bbd;
    margin-bottom: 0
}

.family--choose_account_name_PdRBr:hover {
    background-color: #736bbd;
    color: #fff
}

.business--choose_account_name_tHaCQ {
    color: #fff;
    background-color: #0572ec;
    margin-bottom: 0
}

.business--choose_account_name_tHaCQ:hover {
    background-color: #0572ec;
    color: #fff
}

.breadcrumb--choose_account_name_E_OOn {
    width: 12px;
    vertical-align: -2px;
    margin-left: 10px
}

.recovery-codes-popup--generate_recovery_codes_popup_B1JnK {
    width: 400px !important
}

.unordered-list--permissions_recovery_code_oLk6L {
    list-style: disc
}

.button--save_recovery_code_nvE_u {
    width: 100%;
    background-color: var(--knox-background-transparent);
    border-radius: 8px;
    padding: 8px;
    border-color: var(--knox-border-brand);
    color: var(--knox-text-icon-brand);
    border-width: 1px;
    align-items: center;
    border-style: solid;
    height: 28px;
    display: flex;
    font-size: 14px;
    letter-spacing: -0.09px;
    justify-content: center;
    gap: 8px
}

[data-focus-visible] .button--save_recovery_code_nvE_u:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.button--save_recovery_code_nvE_u:hover {
    background-color: var(--knox-background-transparent-hover)
}

.button--save_recovery_code_nvE_u:active {
    background-color: var(--knox-background-transparent-pressed)
}

.print-sheet--save_recovery_code_ql3Br {
    display: flex;
    flex-direction: column;
    gap: var(--knox-spacing-xl);
    padding: var(--knox-spacing-3xl)
}

.print-sheet--save_recovery_code_ql3Br .heading--save_recovery_code_zIlJI {
    font-size: var(--knox-font-size-heading-large);
    margin-top: 0
}

.print-sheet--save_recovery_code_ql3Br .body--save_recovery_code_pUZ9h {
    font-size: var(--knox-font-size-body-large)
}

.print-sheet--save_recovery_code_ql3Br .code--save_recovery_code_JbMk6 {
    font-size: var(--knox-font-size-heading-medium);
    margin-top: 0
}

.unordered-list--save_recovery_code_cNRsK {
    list-style: disc
}

.family--upgrade_individual_account_popup_JpBEW {
    color: #fff;
    background-color: #736bbd;
    margin-bottom: 0;
    border-radius: 6px
}

.family--upgrade_individual_account_popup_JpBEW:hover {
    background-color: #736bbd;
    color: #fff
}

.business--upgrade_individual_account_popup_ebpxf {
    color: #fff;
    background-color: #0572ec;
    margin-bottom: 0;
    margin-top: 5px !important;
    border-radius: 6px
}

.business--upgrade_individual_account_popup_ebpxf:hover {
    background-color: #0572ec;
    color: #fff
}

.breadcrumb--upgrade_individual_account_popup_fM5f5 {
    width: 12px;
    vertical-align: -2px;
    margin-left: 10px
}

[data-focus-visible] .cancel-button--upgrade_individual_account_popup_Q0qq6:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.invite-link--upgrade_individual_account_popup_Rvhmi {
    padding: 8px 16px
}

.invite-link--upgrade_individual_account_popup_Rvhmi:hover {
    -webkit-text-decoration: none;
    text-decoration: none
}

.custom-width--upgrade_individual_account_popup_KrEax {
    width: 400px !important
}

.actions-container--actions_list_l9gr8 {
    float: none;
    clear: none
}

@media only screen and (min-width: 1050px) {
    .actions-container--actions_list_l9gr8 {
        float: left;
        clear: left;
        width: 280px
    }

    .actions-container--actions_list_l9gr8.inline--actions_list_w4Xk4 {
        border-radius: 0;
        border: none
    }
}

.action-item--actions_list_mtgHa {
    display: inline-block;
    font-weight: 500;
    padding: 1rem;
    width: 100%;
    text-align: left
}

.action-item--actions_list_mtgHa:hover {
    background-color: #f6f7f8;
    -webkit-text-decoration: none;
    text-decoration: none;
    box-shadow: none
}

.action-item--actions_list_mtgHa:first-child {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.action-item--actions_list_mtgHa:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.action-item--actions_list_mtgHa:not(:last-child) {
    border-bottom: 1px solid #d7d9e0
}

@media only screen and (min-width: 1050px) {
    .inline--actions_list_w4Xk4 .action-item--actions_list_mtgHa {
        border: 1px solid #d7d9e0;
        border-radius: 10px;
        margin: 0 .4rem;
        text-align: center
    }

    .inline--actions_list_w4Xk4 .action-item--actions_list_mtgHa:first-child {
        margin-left: 0
    }

    .inline--actions_list_w4Xk4 .action-item--actions_list_mtgHa:last-child {
        margin-right: 0
    }

    .inline--actions_list_w4Xk4 .action-item--actions_list_mtgHa:first-child,
    .inline--actions_list_w4Xk4 .action-item--actions_list_mtgHa:last-child {
        border-radius: 10px
    }
}

.more-actions-button--actions_list_l8UL_ {
    display: inline-block;
    font-weight: 500;
    padding: 1rem;
    width: 100%;
    text-align: left;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    color: #0572ec
}

.more-actions-button--actions_list_l8UL_:hover {
    background-color: #f6f7f8;
    -webkit-text-decoration: none;
    text-decoration: none;
    box-shadow: none
}

[data-focus-visible] .more-actions-button--actions_list_l8UL_:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.has-icon--actions_list_Gqz89 {
    display: flex;
    justify-content: space-between;
    align-items: baseline
}

.has-icon--actions_list_Gqz89>svg {
    fill: #0572ec
}

.destructive--actions_list_k04vu {
    color: #e60000
}

.destructive--actions_list_k04vu:hover {
    color: #b30000
}

.control-wrapper--detail_header_DXMw9 {
    margin-left: 24px;
    margin-right: 24px
}

.detail-header-root--detail_header_S82kA {
    width: 100%;
    margin-bottom: 1.2rem;
    border: 1px solid #d7d9e0;
    background-color: #f6f7fb;
    border-radius: 10px
}

@media only screen and (min-width: 1050px) {
    .detail-header-root--detail_header_S82kA {
        width: 280px;
        float: left;
        margin-right: 4rem
    }
}

.detail-header-root--detail_header_S82kA h1,
.detail-header-root--detail_header_S82kA h2 {
    font-size: 1.5rem;
    line-height: 1.1em;
    margin-top: 1rem;
    padding: 0;
    text-align: center
}

.detail-header-root--detail_header_S82kA p {
    text-align: center
}

.detail-header-root--detail_header_S82kA p.last-access {
    color: #707070;
    font-size: .9rem
}

.detail-header-root--detail_header_S82kA input {
    width: 100%;
    font-size: 1.5rem;
    font-weight: 600;
    height: 49px
}

.detail-header-root--detail_header_S82kA input:focus {
    box-shadow: inset 0 0 0 1px var(--knox-border-focus), 0 0 0 3px var(--knox-border-focus) !important
}

.detail-header-root--detail_header_S82kA textarea {
    width: 100%;
    height: 76px
}

.detail-header-root--detail_header_S82kA textarea:focus {
    box-shadow: inset 0 0 0 1px var(--knox-border-focus), 0 0 0 3px var(--knox-border-focus) !important
}

.detail-header-root--detail_header_S82kA>button {
    margin-top: .5rem;
    min-width: 134px
}

.detail-header-root--detail_header_S82kA>button:first-of-type {
    margin-top: 1.8rem
}

.detail-header-root--detail_header_S82kA>div {
    overflow: visible;
    overflow: initial
}

.detail-header-root--detail_header_S82kA .dropzone--detail_header_mphYe {
    float: none;
    margin: 0
}

.details--detail_header__dlGu p {
    white-space: pre-wrap
}

.edit-controls--detail_header_hjRVp {
    border-top: 1px solid #d7d9e0;
    justify-content: center;
    align-items: center;
    width: 100%
}

.edit-control--detail_header_qxlEd {
    font-weight: 500;
    padding: 1rem;
    text-align: center;
    width: 100%;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.edit-control--detail_header_qxlEd:hover {
    -webkit-text-decoration: none;
    text-decoration: none
}

.save--detail_header_t8bea {
    font-weight: 500;
    padding: 1rem;
    text-align: center;
    width: 60%;
    border-left: 1px solid #d7d9e0;
    border-bottom-right-radius: 10px
}

.save--detail_header_t8bea:hover {
    -webkit-text-decoration: none;
    text-decoration: none
}

.cancel--detail_header_zdHNZ {
    font-weight: 500;
    padding: 1rem;
    text-align: center;
    color: rgba(0, 0, 0, .55);
    width: 40%;
    border-bottom-left-radius: 10px
}

.cancel--detail_header_zdHNZ:hover {
    -webkit-text-decoration: none;
    text-decoration: none
}

.cancel--detail_header_zdHNZ:hover {
    color: #333
}

.submit-button--change_sk_popup_t5Ddi {
    margin-top: 20px
}

.device-content--device_wSUwQ {
    width: 100%
}

.name--device_hpcaq {
    color: var(--knox-text-icon-neutral);
    display: inline-block;
    max-width: 33%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    line-height: normal
}

.manage-device-button--device__U1st {
    display: flex;
    align-items: center;
    position: absolute;
    height: 100%;
    right: 10.5px;
    top: 0
}

.current-device--device_yRIpG {
    color: var(--knox-text-icon-neutral);
    font-size: .8rem;
    font-weight: 600;
    float: right
}

.details--device_na56P {
    display: flex;
    flex-wrap: wrap;
    width: 80%;
    margin-top: 2px
}

.small--device_HdAAc {
    color: var(--knox-text-icon-neutral-weak);
    width: 50%;
    font-size: .8rem;
    margin-top: 2px;
    line-height: .96rem
}

.submit-button--manage_device_popup_t3lOf {
    margin-top: .6rem
}

.submit-button--manage_device_popup_t3lOf svg {
    vertical-align: -3px;
    margin-right: 6px;
    transition: all .25s ease
}

.submit-button--manage_device_popup_t3lOf:hover svg {
    fill: #fff
}

.manage-child-account--manage_child_account_ysyKO {
    padding: 1.2rem;
    overflow: hidden;
    border-radius: 10px;
    color: #333
}

.manage-child-account--manage_child_account_ysyKO img {
    margin-top: 10px
}

.manage-child-account--manage_child_account_ysyKO p {
    font-size: 1rem;
    line-height: 1.5rem
}

.manage-child-account--manage_child_account_ysyKO a {
    -webkit-text-decoration: none;
    text-decoration: none
}

.manage-child-account--manage_child_account_ysyKO a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

[data-focus-visible] .manage-child-account--manage_child_account_ysyKO a:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.content--manage_child_account_e4e3D {
    display: flex
}

.spinner-container--manage_child_account_itVs9 {
    display: flex;
    justify-content: center
}

.support-message--manage_child_account_nmD2X {
    padding-left: 8px
}

.description--manage_child_account_tQ3Dd {
    display: flex;
    flex-direction: column;
    margin: 0;
    flex: 2
}

.action--manage_child_account_GGs2l {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: 50px
}

.action--manage_child_account_GGs2l img {
    margin-bottom: -1px
}

.family-code-button--manage_child_account_MlRyM {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #0572ec;
    border-radius: 24px;
    border: 1px solid #1060d1;
    font-size: .9rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.3em;
    padding: 8px 16px;
    outline: none;
    resize: none;
    color: #fff;
    position: relative;
    transition: all .25s ease;
    box-shadow: inset 0 0 0 1px #0572ec;
    white-space: nowrap;
    -webkit-text-decoration: none;
    text-decoration: none;
    height: 40px;
    min-width: 135px
}

.family-code-button--manage_child_account_MlRyM:hover {
    background-color: #1060d1;
    color: #fff
}

[data-focus-visible] .family-code-button--manage_child_account_MlRyM:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.new-line--manage_child_account_GA63P {
    padding-top: 1rem
}

.box--manage_child_account_AvNwS {
    border-radius: 8px;
    padding: 1rem
}

.box--manage_child_account_AvNwS.red--manage_child_account_wpPVm {
    background-color: #fae5e1;
    box-shadow: inset 0 0 0 1px #e6b6ac
}

.box--manage_child_account_AvNwS.lavender--manage_child_account_aB1hI {
    background-color: #f6f7fb
}

.placeholder-code--reverse_mycelium_KmBlT {
    background-image: url(../images/placeholder_code-446171ec5c8bbda6a7d2.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.qr-code--reverse_mycelium_VroGH {
    background-image: var(--qr-code-url);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: var(--knox-corner-radius-medium)
}

.large--reverse_mycelium_gHZ3j {
    width: 160px;
    height: 160px
}

.medium--reverse_mycelium_UsCi9 {
    width: 144px;
    height: 144px
}

.small--reverse_mycelium_w6XlC {
    width: 112px;
    height: 112px
}

.qr-large--reverse_mycelium_dGZ9g {
    width: 176px;
    height: 176px
}

.qr-medium--reverse_mycelium_yWKUP {
    width: 160px;
    height: 160px
}

.qr-small--reverse_mycelium_ghHHm {
    width: 120px;
    height: 120px
}

.trigger--disclosure_EBwXH[data-state=open] svg {
    transform: rotate(90deg)
}

.liststyles--telemetry_component_B1L0i {
    list-style-type: disc
}

.detail-header--active_user_profile_LcUWQ {
    font-size: .9rem;
    color: #757575;
    line-height: 1.2em;
    font-weight: 400
}

.minutes--active_user_profile_r0AYy {
    display: inline-block;
    width: calc(32% + 1px);
    margin-left: -1px;
    text-align: center
}

.minutes-container--active_user_profile_iKyWm {
    border: 1px solid #666;
    border-radius: 6px;
    padding: 0 3px;
    margin-top: 10px
}

.left-section--active_user_profile_YwiKq {
    width: 100%;
    margin-bottom: 1.2rem;
    padding: .95rem;
    position: relative;
    border: 1px solid var(--knox-border-neutral);
    border-radius: 10px
}

@media only screen and (min-width: 1050px) {
    .left-section--active_user_profile_YwiKq {
        float: left;
        clear: left;
        width: 280px
    }
}

.left-section--active_user_profile_YwiKq h3 {
    font-size: 1rem
}

.left-section--active_user_profile_YwiKq p:not(.knox-reset) {
    font-size: .8rem;
    color: var(--knox-text-icon-neutral-weak);
    margin-top: 8px
}

.auto-lock-title--active_user_profile_K_8W0 {
    font-size: 1rem
}

.edit-auto-lock-button--active_user_profile_mUhrV {
    position: absolute;
    top: 10px;
    right: 10px
}

.edit-auto-lock-button--active_user_profile_mUhrV span {
    display: inline-flex
}

.auto-lock-editing--active_user_profile__h7lp p {
    color: #333
}

.auto-lock-editing--active_user_profile__h7lp input {
    width: 68%;
    border: none;
    border-right: 1px solid #666;
    border-radius: 0;
    margin-bottom: 0;
    outline: none;
    appearance: none
}

.auto-lock-save--active_user_profile_TSj1K {
    width: 100%;
    margin-top: 10px
}

.link--active_user_profile_uMQ79 a {
    font-family: "Source Code Pro", "Menlo", "Monaco", "Andale Mono", "Anonymous Pro", "PT Mono", monospace;
    letter-spacing: normal;
    color: #0166cb;
    outline: none;
    -webkit-text-decoration: none;
    text-decoration: none;
    cursor: pointer
}

.link--active_user_profile_uMQ79 a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.devices-list--active_user_profile_h4JVO {
    margin-bottom: 0
}

.devices-list--active_user_profile_h4JVO>div {
    margin-bottom: 0;
    padding: 0
}

.devices-list--active_user_profile_h4JVO>ol>li {
    border: 0;
    border-radius: 12px
}

.devices-list--active_user_profile_h4JVO>ol>li:nth-child(1) {
    padding-top: 0
}

.devices-list--active_user_profile_h4JVO>ol>li:nth-child(even) {
    background-color: var(--knox-background-neutral)
}

.devices-list--active_user_profile_h4JVO>ol>li:nth-child(odd) {
    background-color: var(--knox-background-neutral-high)
}

.devices-list--active_user_profile_h4JVO>ol>li:last-child {
    border: 0
}

.unordered-list--active_user_profile_Z3mGX {
    list-style: disc
}

.sign-in-details--active_user_profile_VPywm {
    display: flex;
    gap: var(--knox-spacing-xs)
}

.language-list-item--change_language_popup_kSXeC {
    cursor: pointer;
    padding: 8px 30px;
    margin: 0 -18px;
    width: calc(100% + 36px) !important;
    display: flex;
    position: relative
}

.language-list-item--change_language_popup_kSXeC:hover {
    background-color: #f6f7f8
}

.select-check--change_language_popup_GRJTP {
    position: absolute;
    top: 11px;
    left: 12px
}

.language-button--change_language_popup_gb0cO {
    padding: 8px 30px;
    margin: 0 -18px;
    width: calc(100% + 36px) !important;
    display: flex;
    position: relative
}

[data-focus-visible] .language-button--change_language_popup_gb0cO:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.pending-device-row--pending_device_row_VdEmU .avatar--pending_device_row_hyXgu {
    margin-right: .8rem
}

.pending-device-row--pending_device_row_VdEmU .details--pending_device_row_N06H6 {
    flex-grow: 2
}

.pending-device-row--pending_device_row_VdEmU .details--pending_device_row_N06H6 h1 {
    color: #333;
    font-weight: normal;
    font-size: 1rem;
    margin: 0
}

.pending-device-row--pending_device_row_VdEmU .details--pending_device_row_N06H6 ul {
    margin-top: 2px;
    display: flex;
    flex-wrap: wrap
}

.pending-device-row--pending_device_row_VdEmU .details--pending_device_row_N06H6 ul li {
    width: 50%;
    font-size: .8rem
}

.manage-enrollment-button--pending_device_row_VjvmC {
    min-width: 4rem
}

.quick-filter-container--quick_filter_AoWPW {
    z-index: 9999;
    position: absolute;
    right: 10%;
    top: 0;
    overflow: hidden
}

.quick-filter-footer--quick_filter_AXAPD {
    position: sticky;
    bottom: 0
}

.close-button--quick_filter_Au5xj {
    height: 24px;
    width: 24px
}

.close-button--quick_filter_Au5xj>svg {
    margin-top: 4px;
    margin-bottom: 4px
}

[data-focus-visible] .close-button--quick_filter_Au5xj:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.quick-filter-content--quick_filter_pABpw {
    min-width: 320px;
    min-height: 197px;
    max-height: 525px;
    overflow-x: hidden;
    overflow-y: hidden
}

.share-item-details-modal--item_share_details_modal_U1FJt {
    width: 90vw !important;
    max-height: 670px;
    max-width: 960px
}

.inactive-notification--item_share_details_modal_NtNLZ {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px;
    margin-bottom: 20px;
    width: 100%;
    background-color: rgba(255, 51, 0, .1);
    border-radius: 4px
}

.main-message--item_share_details_modal_IcvLD {
    font-size: 13px
}

.share-details-header--item_share_details_modal_FrPJg {
    display: flex;
    height: 56px;
    width: 100%;
    border-bottom: solid 1px rgba(0, 0, 0, .06);
    padding-bottom: 20px
}

.avatar--item_share_details_modal_vk7Hc {
    flex-shrink: 0
}

.item-title-container--item_share_details_modal_JE35r {
    display: flex;
    align-items: center;
    flex: .75
}

.item-share-details-wrapper--item_share_details_modal_zBsZS {
    flex: 1;
    width: 100%;
    justify-content: flex-end;
    position: relative
}

.multi-line-text-container--item_share_details_modal_iswdK {
    display: flex;
    padding-left: 10px;
    flex-direction: column
}

.multi-line-text-primary--item_share_details_modal_VeYT1 {
    margin: 0
}

.multi-line-text-secondary--item_share_details_modal_gQ3Vp {
    color: rgba(0, 0, 0, .55);
    font-size: 12px
}

.item-title--item_share_details_modal_XlyIa,
.item-description--item_share_details_modal_bMdTe {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 300px
}

.settings-button--item_share_details_modal_lJJVo {
    border: solid 1px #d7d9e0;
    width: 28px;
    padding: 0;
    border-radius: 50%
}

.settings-button--item_share_details_modal_lJJVo svg {
    display: block;
    margin: 0 auto
}

.option-menu-background--item_share_details_modal_RMbkr {
    z-index: 299;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.option-menu--item_share_details_modal_DGOpS {
    z-index: 300;
    overflow: hidden;
    padding: 5px 12px;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, .15) 0 0 0 1px, rgba(0, 0, 0, .15) 0 1px 20px;
    position: absolute;
    right: 6px;
    top: 31px;
    margin-bottom: 1rem
}

.delete-link-btn--item_share_details_modal_cPXpq {
    color: #bb3b1b
}

.delete-link-btn--item_share_details_modal_cPXpq:hover {
    background-image: none
}

.item-share-details--item_share_details_modal_st9OU {
    display: flex;
    width: 100%
}

.actor-detail--item_share_details_modal_m1gsN {
    display: flex;
    align-items: center;
    flex: 1 1 100%
}

.actor-detail-text--item_share_details_modal_x2O60 {
    margin-left: 10px
}

.link-expire-detail--item_share_details_modal_q_k4W {
    flex: 1 1 100%
}

.link-expire-detail-text--item_share_details_modal_kWL98 {
    text-transform: uppercase;
    font-size: 14px;
    color: rgba(0, 0, 0, .55)
}

.item-details-list-wrapper--item_share_details_modal_sV3AW {
    margin: 10px 0 0
}

.details-label--item_share_details_modal_V4xTN {
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase
}

.details-section--item_share_details_modal_qALq8 {
    margin-top: 10px
}

.details-sub-section--item_share_details_modal_wxUsy {
    margin-top: 0;
    border-left: 15px solid #e9eaeb;
    border-bottom: 10px solid #e9eaeb;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.details-sub-section--item_share_details_modal_wxUsy .details-section--item_share_details_modal_qALq8 {
    margin-top: 0
}

.details-sub-section--item_share_details_modal_wxUsy li:first-child .details-list-item--item_share_details_modal_BpLcB {
    box-shadow: 0 1px 0 rgba(0, 0, 0, .05), inset 0 0 0 rgba(0, 0, 0, .1)
}

.details-list-item--item_share_details_modal_BpLcB {
    list-style-type: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 32px;
    background-color: #f6f7f8;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .05), inset 0 1px 0 rgba(0, 0, 0, .1);
    padding: 0 10px
}

.bold-header--item_share_details_modal_I_Po5 {
    background-color: #e9eaeb;
    font-weight: 500
}

.view-details-list--item_share_details_modal_KbVx2 {
    margin: 0
}

.view-details--item_share_details_modal_pgwCC {
    display: flex;
    align-items: center;
    height: 32px;
    padding: 0 10px
}

.view-details--item_share_details_modal_pgwCC:nth-child(even) {
    background-color: rgba(0, 0, 0, .02)
}

.view-details--item_share_details_modal_pgwCC .flag {
    margin-left: 4px;
    vertical-align: -1px
}

.view-timestamp--item_share_details_modal_qSIr_ {
    min-width: 190px;
    max-width: 250px;
    margin-right: 40px
}

.view-country--item_share_details_modal_nnpvi {
    min-width: 200px
}

.view-ip-address--item_share_details_modal_i_8oC {
    min-width: 100px;
    margin-right: 40px
}

.deactivate-link--item_share_details_modal_XgPQ1 {
    color: #bb3b1b
}

.stack--avatars_stack_qA9RY {
    display: grid;
    margin-top: 0
}

.avatar-wrapper--avatars_stack_wpRTc {
    grid-column-end: span 3;
    grid-row: 1
}

.avatar-wrapper--avatars_stack_wpRTc:not(:first-child) {
    clip-path: path("M 19 0 Q 24 0 24 5 V 27 Q 24 32 19 32 H 32 V 0")
}

.select-filter-options--select_filter_FCVYt>ol>li>input,
.select-filter-options--select_filter_FCVYt>ol>li>label {
    cursor: pointer
}

.table-modal-overlay--table_modal_nQTwM {
    z-index: 9998;
    width: 100%;
    height: 100%;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    background-color: var(--knox-background-overlay)
}

.table-modal--table_modal_dDJlm {
    z-index: 9999;
    position: absolute;
    top: 6vh;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden
}

.table-modal-footer--table_modal_ZdfSd {
    bottom: 0;
    border-top: 1px solid rgba(0, 0, 0, .13)
}

.all-filters--table_modal_STJnA {
    max-height: 930px;
    min-height: 500px;
    max-width: 650px
}

.all-filters-content--table_modal_IMNYm {
    min-height: 400px;
    max-height: 550px;
    overflow-x: hidden;
    overflow-y: scroll
}

.all-filters-content--table_modal_IMNYm.display-all--table_modal_xtePi {
    overflow-y: hidden
}

.all-filters-content--table_modal_IMNYm>*:not(:last-child) {
    border-bottom: 1px solid var(--knox-border-brand)
}

.close-button--table_modal_LXI8T {
    width: 24px;
    height: 24px
}

.close-button--table_modal_LXI8T>svg {
    margin-top: 4px;
    margin-bottom: 4px
}

[data-focus-visible] .close-button--table_modal_LXI8T:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.loading-container--loading_dsGE2 {
    height: 800px
}

.table-toolbar--table_toolbar_kEAar {
    z-index: 50
}

.pagination-bar--pagination_UqV7N {
    white-space: nowrap
}

.pagination-bar--pagination_UqV7N .disabled-button--pagination_QrS_6 {
    visibility: hidden
}

.pagination-bar--pagination_UqV7N .items-per-page--pagination_O9QCh {
    margin: 0;
    min-height: fit-content;
    padding: var(--knox-spacing-xs) var(--knox-spacing-large) var(--knox-spacing-xs) var(--knox-spacing-xs);
    background-color: transparent;
    border-radius: var(--knox-corner-radius-medium);
    font-size: var(--knox-font-size-body-small);
    font-weight: var(--knox-font-weight-body-default)
}

[data-focus-visible] .pagination-bar--pagination_UqV7N .items-per-page--pagination_O9QCh:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.table-container--table_UT0js {
    min-height: 745px
}

.table-header--table_ryI5S {
    z-index: 20;
    position: relative
}

.table-overlay--table_MG6bF {
    width: 100%;
    height: 100%;
    z-index: 10;
    position: absolute;
    background-color: var(--knox-background-overlay)
}

.more-options--table_JfCIH {
    right: 0;
    width: max-content
}

.more-options-button--table_v8SX2 {
    width: 24px;
    height: 24px
}

hr {
    margin: 0
}

.arrow--table_cell_Oixj7 {
    position: relative;
    margin-left: var(--knox-spacing-xs)
}

.asc--table_cell_FvUgO {
    transform: scaleY(-1)
}

.content-cell--table_cell_Tz_8h {
    transition: background .2s;
    vertical-align: middle
}

.content-cell--table_cell_Tz_8h a {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.header-cell--table_cell_yZjpc:focus-visible {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring);
    outline: 0
}

.header-cell--table_cell_yZjpc :hover {
    cursor: pointer
}

.permission-section--styles_IvFio {
    display: flex;
    flex-direction: column
}

.permission-section--styles_IvFio h3 {
    margin-bottom: var(--knox-spacing-large)
}

.permission-section--styles_IvFio hr {
    margin: var(--knox-spacing-large) 0
}

.permission-list--styles_Z8Bbb {
    margin: 0
}

.permission-list--styles_Z8Bbb li {
    margin-bottom: var(--knox-spacing-small)
}

.disabled-group--detail_item_link_zdofR img {
    opacity: .5
}

.acl-menu-large--acl_menu_UCkVH {
    width: auto !important
}

.acl-menu-title--acl_menu_VPGDv {
    color: #333;
    margin-bottom: 13px
}

.acl-menu-button--acl_menu_WmFIA {
    border: solid 1px #d7d9e0;
    width: 28px;
    padding: 0;
    border-radius: 50%;
    display: inline-flex;
    line-height: 0 !important
}

.acl-menu-label--acl_menu_qKYOl {
    font-size: 1rem
}

.acl-menu-list-item--acl_menu_jw0x8 {
    display: flex !important;
    align-items: center
}

.acl-menu-footer--acl_menu_Y2Wsk {
    font-size: 1rem
}

.results-limit-btn--results_limit_menu_jMPiu::after {
    content: "";
    width: 9px;
    height: 5px;
    position: absolute;
    right: 14px;
    top: calc(50% - 2px);
    background-image: url(../images/dropdown-chevron-84bea5a5ea31035076cb.svg);
    background-repeat: no-repeat
}

.user-limit-menu--results_limit_menu_IvrSr>div button {
    min-width: 0 !important;
    min-width: initial !important
}

.user-limit-menu--results_limit_menu_IvrSr>div>div button {
    min-height: 35px;
    text-align: left;
    margin-top: 0;
    position: relative
}

.status-filter-link--results_limit_menu_cZaou {
    display: none
}

@media only screen and (min-width: 925px) {
    .status-filter-link--results_limit_menu_cZaou {
        display: block
    }

    .status-filter-link--results_limit_menu_cZaou .active--results_limit_menu_y6yP7 {
        width: 100%
    }

    .status-filter-link--results_limit_menu_cZaou .active--results_limit_menu_y6yP7:first-child {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px
    }

    .status-filter-link--results_limit_menu_cZaou .active--results_limit_menu_y6yP7:last-child {
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px
    }
}

.status-filter-link--results_limit_menu_cZaou>div {
    width: 154px;
    top: 18px
}

.active-menu-button--results_limit_menu__HlDQ {
    display: block;
    color: #0572ec;
    -webkit-text-decoration: none;
    text-decoration: none;
    font-weight: 600;
    text-align: center;
    padding: 12px;
    width: 100%
}

.active-menu-button--results_limit_menu__HlDQ.selected--results_limit_menu_qFPBf {
    color: #204060
}

.active-menu-button--results_limit_menu__HlDQ:hover {
    -webkit-text-decoration: none;
    text-decoration: none;
    color: #1060d1;
    background-color: #f6f7fb
}

.active-menu-button--results_limit_menu__HlDQ:hover:first-child {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.active-menu-button--results_limit_menu__HlDQ:hover:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.active-menu-button--results_limit_menu__HlDQ:not(:last-child) {
    border-bottom: 1px solid #d7d9e0
}

.active-menu-button--results_limit_menu__HlDQ.red--results_limit_menu_T478I {
    color: #e60000
}

.active-menu-button--results_limit_menu__HlDQ.red--results_limit_menu_T478I:hover {
    color: #b30000
}

.active-menu-button--results_limit_menu__HlDQ[disabled] {
    cursor: not-allowed;
    color: #e4e6e7 !important
}

.submit-button--create_group_form_HFzwz {
    margin-top: 20px;
    position: static;
    position: initial
}

[data-focus-visible] .description--create_group_form_adzco:focus {
    box-shadow: inset 0 0 0 1px var(--knox-border-focus), 0 0 0 3px var(--knox-border-focus) !important
}

.scim-button--scim_button_hlbt_:hover {
    background-color: var(--knox-background-brand-weak)
}

.scim-button--scim_button_hlbt_:focus-visible {
    outline: var(--knox-border-brand) auto 1px
}

.confirm-all-modal--confirm_all_modal_V2QRE {
    width: 25% !important;
    justify-content: space-evenly !important;
    max-height: 61% !important;
    background-color: #fff !important
}

[data-testid=confirm-all-button] {
    width: 100% !important;
    margin-bottom: 5px !important
}

[data-testid=cancel-confirm-button] {
    width: 100% !important
}

.resend-all-modal--resend_invitations_modal_BQRVs {
    width: 25% !important;
    justify-content: space-evenly !important;
    max-height: 61% !important;
    background-color: #fff !important
}

[data-testid=resend-all-button] {
    width: 100% !important;
    margin-bottom: 5px !important
}

[data-testid=cancel-resend-button] {
    width: 100% !important
}

.menu-wrapper--menu_p6nuE div {
    width: auto;
    width: initial;
    top: 115% !important;
    left: auto;
    left: initial
}

.menu-wrapper--menu_p6nuE div button {
    width: 280px;
    margin: 8px;
    padding: 10px;
    text-align: inherit;
    color: #333
}

.menu-wrapper--menu_p6nuE div button:hover {
    background: #0572ec;
    color: #fff;
    border-radius: 6px
}

[data-focus-visible] .menu-wrapper--menu_p6nuE div button:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.menu-wrapper--menu_p6nuE div button h3 {
    font-size: 14px
}

.menu-wrapper--menu_p6nuE div button p {
    font-size: 12px;
    white-space: break-spaces;
    margin-top: 0;
    margin-top: initial;
    line-height: 17px
}

.menu-row--menu_Qp1dN {
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-column-gap: 2px;
    column-gap: 2px;
    align-items: center;
    color: #666;
    min-height: 18px
}

.menu-row--menu_Qp1dN svg {
    fill: #999
}

.menu-row--menu_Qp1dN svg {
    fill: #666 !important
}

.menu-row--menu_Qp1dN span {
    display: flex;
    flex-direction: row;
    align-items: center
}

.menu-row--menu_Qp1dN p,
.menu-row--menu_Qp1dN a,
.menu-row__undo--menu_rIP4g {
    font-size: 11px;
    white-space: break-spaces;
    line-height: 14px !important
}

.menu-row--menu_Qp1dN p {
    margin: 0 3px
}

.menu-row--menu_Qp1dN a,
.menu-row__undo--menu_rIP4g {
    color: #666;
    -webkit-text-decoration: underline !important;
    text-decoration: underline !important
}

.menu-row--menu_Qp1dN a:hover,
.menu-row__undo--menu_rIP4g:hover {
    color: #333
}

.pending-confirmation-banner--pending_confirmation_banner_L0VX7 {
    padding: 16px;
    align-items: flex-start
}

.pending-confirmation-banner__menu--pending_confirmation_banner_D80Oa {
    margin-top: 1rem
}

.pending-confirmation-banner__menu--pending_confirmation_banner_D80Oa button {
    margin-left: 0;
    margin-left: initial
}

.service-account-access-title--service_account_access_switch_tYYn9 {
    font-size: 1rem
}

.service-account-access-description--service_account_access_switch_X9EAE {
    font-size: .8rem;
    color: #707070;
    margin-top: 8px
}

.service-account-access-content--service_account_access_switch_nIt5n {
    display: flex;
    justify-content: space-between
}

.service-account-access-button-disabled--service_account_access_switch_D2pgC {
    width: 65px;
    height: 36px;
    margin-left: 9px;
    padding: 0;
    flex-shrink: 0;
    align-self: center;
    border-radius: 25px
}

.service-account-access-button-disabled--service_account_access_switch_D2pgC:hover {
    border: #f6f7f8;
    background-color: #f6f7f8;
    color: #707070;
    box-shadow: inset 0 0 0 1px #e4e6e7
}

.service-account-access-button-enabled--service_account_access_switch_dwnOD {
    width: 65px;
    height: 36px;
    margin-left: 9px;
    padding: 0;
    flex-shrink: 0;
    align-self: center;
    border-radius: 25px;
    background-color: #50b347;
    border-color: #3b8736
}

.service-account-access-button-enabled--service_account_access_switch_dwnOD span {
    margin-left: 30px;
    border-color: #3b8736
}

.service-account-access-button-enabled--service_account_access_switch_dwnOD span svg {
    fill: #3b8736
}

.service-account-access-button-enabled--service_account_access_switch_dwnOD:hover {
    background-color: #50b347;
    border-color: #3b8736
}

.service-account-access-switch--service_account_access_switch_MMIU6 {
    display: block;
    width: 30px;
    height: 30px;
    margin-left: 3px;
    background-color: #fff;
    border: 1px solid #d7d9e0;
    transition: all .25s ease-out;
    border-radius: 50%
}

.service-account-access-switch--service_account_access_switch_MMIU6 svg {
    fill: #8fa1b3;
    margin-top: 7px;
    margin-right: 1px
}

.service-account-access-enabled--service_account_access_switch_GTrF5 {
    background-color: #fffae1;
    border-color: #ffec9b
}

.vault-access--vault_access_BLme9 {
    display: flex;
    flex-direction: row;
    margin-left: auto
}

.vault-access--vault_access_BLme9 p {
    font-size: var(--knox-font-size-body-small);
    color: var(--knox-text-icon-neutral-weak);
    margin-top: auto;
    margin-bottom: auto
}

.vault-access--vault_access_BLme9 button {
    margin-left: var(--knox-spacing-2xs);
    margin-top: auto;
    margin-bottom: auto;
    border: 1px solid var(--knox-border-neutral)
}

.vault-access--vault_access_BLme9 button svg {
    height: 16px;
    width: 16px
}

.accessor--inviting_accessor_U9uio {
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-gap: var(--knox-spacing-xs);
    gap: var(--knox-spacing-xs);
    margin-top: var(--knox-spacing-hairline);
    margin-bottom: var(--knox-spacing-hairline);
    padding-top: var(--knox-spacing-2xs);
    padding-bottom: var(--knox-spacing-2xs)
}

.accessor--inviting_accessor_U9uio.editing--inviting_accessor_Ti3SR {
    grid-template-columns: auto 1fr
}

.accessor--inviting_accessor_U9uio div[role=form] {
    display: grid;
    grid-template-columns: 1fr auto auto
}

.accessor--inviting_accessor_U9uio div[role=form] input {
    height: 33.5px;
    min-height: 0;
    min-height: initial;
    max-width: 210px
}

@media(min-width: 431px) {
    .accessor--inviting_accessor_U9uio div[role=form] input {
        max-width: 300px
    }
}

.accessor--inviting_accessor_U9uio div[role=form] input:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.accessor--inviting_accessor_U9uio div[role=form] .done-button--inviting_accessor_xNlcD {
    background: var(--knox-background-brand);
    border: 1px solid var(--knox-background-brand);
    box-sizing: border-box;
    border-radius: var(--knox-corner-radius-medium);
    font-size: var(--knox-font-size-body-medium);
    padding: var(--knox-spacing-xs) var(--knox-spacing-xs);
    line-height: 125%;
    color: var(--knox-text-icon-inverse);
    transition: 150ms;
    margin-left: var(--knox-spacing-small)
}

.accessor--inviting_accessor_U9uio div[role=form] .done-button--inviting_accessor_xNlcD:hover {
    background-color: var(--knox-background-brand-hover)
}

.accessor--inviting_accessor_U9uio div[role=form] .done-button--inviting_accessor_xNlcD:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.accessor--inviting_accessor_U9uio .titles--inviting_accessor_l4E1v {
    display: grid
}

.accessor--inviting_accessor_U9uio .titles--inviting_accessor_l4E1v p {
    font-size: var(--knox-font-size-body-large) !important;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    align-self: center
}

.accessor--inviting_accessor_U9uio .titles--inviting_accessor_l4E1v .subtitle--inviting_accessor_YYVUO {
    margin-top: 0;
    color: var(--knox-text-icon-neutral-weak);
    font-size: var(--knox-font-size-body-medium) !important
}

.accessor--inviting_accessor_U9uio .custom-avatar--inviting_accessor_kbsJp {
    margin-top: auto;
    margin-bottom: auto
}

.accessor--inviting_accessor_U9uio .error--inviting_accessor_sbMXa {
    color: var(--knox-text-icon-critical)
}

.accessor--inviting_accessor_U9uio .edit-button--inviting_accessor_VDWBu {
    background: var(--knox-background-neutral-high);
    border: 1px solid var(--knox-border-brand);
    box-sizing: border-box;
    border-radius: var(--knox-corner-radius-medium);
    font-size: var(--knox-font-size-body-medium);
    padding: var(--knox-spacing-xs) var(--knox-spacing-xs);
    line-height: 125%;
    color: var(--knox-background-brand);
    transition: 150ms
}

.accessor--inviting_accessor_U9uio .edit-button--inviting_accessor_VDWBu:hover {
    background: var(--knox-background-brand-weak)
}

.accessor--inviting_accessor_U9uio .edit-button--inviting_accessor_VDWBu:active {
    background: var(--knox-background-brand);
    color: var(--knox-background-neutral-high)
}

.accessor--inviting_accessor_U9uio .edit-button--inviting_accessor_VDWBu:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.accessor--inviting_accessor_U9uio .remove-button--inviting_accessor_ZKJdP {
    margin-left: var(--knox-spacing-medium);
    margin-right: var(--knox-spacing-small);
    font-size: var(--knox-font-size-body-medium);
    line-height: 125%;
    color: var(--knox-background-brand)
}

.accessor--inviting_accessor_U9uio .remove-button--inviting_accessor_ZKJdP:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.inviting--inviting_bjkYI {
    display: flex;
    flex-direction: column;
    padding-bottom: var(--knox-spacing-medium);
    min-height: 87vh
}

@media(min-width: 431px) {
    .inviting--inviting_bjkYI {
        min-height: 260px
    }
}

.inviting--inviting_bjkYI .accessors--inviting_SBqxR {
    display: flex;
    flex-direction: column;
    padding: 0 var(--knox-spacing-large)
}

.inviting--inviting_bjkYI .share--inviting_D8GDk {
    margin-top: auto
}

.inviting--inviting_bjkYI .loading--inviting_quHEP {
    background-color: var(--color-shading-on-light-barely-there) !important
}

.inviting--inviting_bjkYI .button-container--inviting_jgNmi {
    padding-top: var(--knox-spacing-medium);
    border-top: solid 1px var(--knox-border-neutral);
    display: flex;
    position: relative
}

.inviting--inviting_bjkYI .button-container--inviting_jgNmi .badge--inviting_ctACn {
    position: absolute;
    right: 15px;
    top: 6px;
    border: 1px var(--knox-text-icon-brand) solid;
    width: 27px;
    height: 27px;
    border-radius: var(--knox-corner-radius-circular);
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    color: var(--knox-background-brand)
}

.inviting--inviting_bjkYI .button-container--inviting_jgNmi .share-button--inviting_Viwf3 {
    height: 40px;
    width: 100%;
    background-color: var(--knox-background-brand);
    color: #fff;
    border-radius: var(--knox-corner-radius-medium);
    flex-grow: 1;
    margin: 0 var(--knox-spacing-large)
}

.inviting--inviting_bjkYI .button-container--inviting_jgNmi .share-button--inviting_Viwf3:hover {
    background-color: var(--knox-background-brand-hover)
}

.inviting--inviting_bjkYI .button-container--inviting_jgNmi .share-button--inviting_Viwf3:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.inviting--inviting_bjkYI .error--inviting_ySAYz {
    display: flex;
    flex-direction: row;
    background-color: var(--knox-background-critical-weak);
    padding: var(--knox-spacing-small) var(--knox-spacing-large);
    margin-top: var(--knox-spacing-large)
}

.inviting--inviting_bjkYI .error--inviting_ySAYz img {
    margin-right: var(--knox-spacing-small)
}

.inviting--inviting_bjkYI .share-button-margin-top--inviting_ugR_1 {
    margin-top: var(--knox-spacing-large)
}

.people-and-groups--people_and_groups_zAp2O {
    padding: var(--knox-spacing-hairline) var(--knox-spacing-large) var(--knox-spacing-large)
}

.label--people_and_groups_fqVK7 {
    color: var(--knox-text-icon-neutral-weak);
    font-weight: var(--knox-font-weight-body-strong);
    margin-bottom: var(--knox-spacing-2xs)
}

.label--people_and_groups_fqVK7.group--people_and_groups_SFVGf {
    margin-top: var(--knox-spacing-small) !important
}

.item--people_and_groups_TFPho {
    display: grid;
    grid-template-columns: auto 1fr auto;
    padding-top: var(--knox-spacing-2xs);
    padding-bottom: var(--knox-spacing-2xs);
    grid-gap: var(--knox-spacing-xs) var(--knox-spacing-small);
    gap: var(--knox-spacing-xs) var(--knox-spacing-small)
}

.item--people_and_groups_TFPho .titles--people_and_groups_FskPL {
    display: grid
}

.item--people_and_groups_TFPho .titles--people_and_groups_FskPL p {
    font-size: var(--knox-font-size-body-large) !important;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.item--people_and_groups_TFPho .titles--people_and_groups_FskPL .subtitle--people_and_groups_mmaup {
    margin-top: 0;
    color: var(--knox-text-icon-neutral-weak);
    font-size: var(--knox-font-size-body-medium) !important
}

.item--people_and_groups_TFPho .custom-avatar--people_and_groups_FYKo3 {
    margin-top: auto;
    margin-bottom: auto
}

.item--people_and_groups_TFPho .access--people_and_groups__ow_t {
    margin-left: auto;
    display: flex;
    white-space: nowrap
}

.item--people_and_groups_TFPho .access--people_and_groups__ow_t p {
    font-size: var(--knox-font-size-body-small) !important;
    margin-top: auto;
    margin-bottom: auto;
    color: #666;
    margin-right: var(--knox-spacing-2xs)
}

.show-all-button--people_and_groups_gLTqI {
    display: flex;
    margin-top: var(--knox-spacing-xs)
}

.show-all-button--people_and_groups_gLTqI hr {
    border-top: 1px #d7d9e0 solid;
    flex-grow: 1
}

.show-all-button--people_and_groups_gLTqI div {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: var(--knox-spacing-medium);
    margin-right: var(--knox-spacing-medium)
}

.show-all-button--people_and_groups_gLTqI div button {
    color: #0166cb
}

.show-all-button--people_and_groups_gLTqI div button:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.search-item--search_item_Lamdx {
    padding: var(--knox-spacing-xs) var(--knox-spacing-xs);
    height: 46px;
    cursor: pointer
}

.search-item--search_item_Lamdx[aria-selected=true] {
    background: var(--knox-background-transparent-hover);
    border-radius: var(--knox-corner-radius-small)
}

.search-item--search_item_Lamdx:hover {
    background: var(--knox-background-transparent-hover);
    border-radius: var(--knox-corner-radius-small)
}

.search-item--search_item_Lamdx.focused-already-has-access-or-selected--search_item_kWWDY {
    background: var(--knox-background-transparent-hover) !important
}

.search-item--search_item_Lamdx.already-has-access-or-selected--search_item_H0fGK {
    cursor: not-allowed
}

.search-item--search_item_Lamdx.already-has-access-or-selected--search_item_H0fGK:hover {
    background: var(--knox-background-transparent-hover) !important
}

.search-item--search_item_Lamdx .accessor-suggestion--search_item_yMlNK {
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-gap: var(--knox-spacing-xs);
    gap: var(--knox-spacing-xs)
}

.search-item--search_item_Lamdx .accessor-suggestion--search_item_yMlNK .titles--search_item_z4l3Z {
    display: grid
}

.search-item--search_item_Lamdx .accessor-suggestion--search_item_yMlNK .titles--search_item_z4l3Z p {
    font-size: var(--knox-font-size-body-large);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    align-self: center
}

.search-item--search_item_Lamdx .accessor-suggestion--search_item_yMlNK .titles--search_item_z4l3Z .subtext--search_item_XDAN7 {
    margin-top: 0;
    font-size: var(--knox-font-size-body-medium)
}

.search-item--search_item_Lamdx .accessor-suggestion--search_item_yMlNK .disallow--search_item_hJnKH {
    display: flex;
    margin-left: auto;
    align-items: center
}

.search-item--search_item_Lamdx .accessor-suggestion--search_item_yMlNK .disallow--search_item_hJnKH>img {
    height: 12px;
    width: 12px
}

.search-item--search_item_Lamdx .accessor-suggestion--search_item_yMlNK .disallow--search_item_hJnKH>p {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: var(--knox-spacing-2xs);
    font-size: var(--knox-font-size-body-small)
}

.search-item--search_item_Lamdx .muted-text--search_item_UQGVe {
    color: var(--knox-text-icon-neutral-weak)
}

.search--search_M2lWB {
    padding: var(--knox-spacing-small) var(--knox-spacing-small) var(--knox-spacing-small)
}

.search--search_M2lWB div[role=combobox] {
    position: relative
}

.search--search_M2lWB div[role=combobox] input {
    min-height: 44px
}

.search--search_M2lWB div[role=combobox] input:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.search--search_M2lWB ul {
    z-index: 9999;
    position: absolute;
    width: calc(100% - 24px);
    background-color: #fff;
    box-shadow: var(--knox-base-shadow-outset-300), var(--knox-base-shadow-outset-600);
    border-radius: var(--knox-corner-radius-medium);
    margin-top: 0;
    padding: var(--knox-spacing-2xs);
    max-height: 195px;
    overflow-y: scroll
}

.no-results--search_ihUfZ {
    padding: var(--knox-spacing-xs) var(--knox-spacing-xs);
    height: 46px;
    cursor: not-allowed;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--knox-text-icon-neutral-weak)
}

.share-vault-popup--share_vault_popup_Dm6IM .back-button--share_vault_popup_PgphV {
    font-size: .95rem;
    font-weight: var(--knox-font-weight-heading-subtle);
    position: absolute;
    top: 13px;
    left: 12px;
    color: var(--knox-background-brand);
    -webkit-text-decoration: none;
    text-decoration: none
}

.share-vault-popup--share_vault_popup_Dm6IM .back-button--share_vault_popup_PgphV>img {
    margin-right: var(--knox-spacing-2xs)
}

.share-vault-popup--share_vault_popup_Dm6IM .back-button--share_vault_popup_PgphV:hover {
    color: var(--knox-background-brand-hover)
}

.share-vault-popup--share_vault_popup_Dm6IM .back-button--share_vault_popup_PgphV:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.share-vault-popup--share_vault_popup_Dm6IM .close-button--share_vault_popup_s_guO {
    font-size: .95rem;
    font-weight: 500;
    position: absolute;
    top: 13px;
    right: .8rem;
    color: var(--knox-background-brand);
    -webkit-text-decoration: none;
    text-decoration: none
}

.share-vault-popup--share_vault_popup_Dm6IM .close-button--share_vault_popup_s_guO:hover {
    color: var(--knox-background-brand-hover)
}

.share-vault-popup--share_vault_popup_Dm6IM .close-button--share_vault_popup_s_guO:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.share-vault-popup--share_vault_popup_Dm6IM .custom-popup--share_vault_popup_doxxw {
    width: 520px;
    display: flex;
    flex-direction: column;
    z-index: 9999;
    min-height: 365px;
    max-height: calc(100% - 60px);
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 4px 16px rgba(0, 0, 0, .06), 0 8px 40px rgba(0, 0, 0, .1);
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    font-size: 1rem;
    top: 6vh;
    overflow-y: scroll
}

@media only screen and (min-height: 650px) {
    .share-vault-popup--share_vault_popup_Dm6IM .custom-popup--share_vault_popup_doxxw {
        max-height: calc(100% - 175px)
    }
}

@media only screen and (max-width: 520px) {
    .share-vault-popup--share_vault_popup_Dm6IM .custom-popup--share_vault_popup_doxxw {
        width: 100% !important;
        height: 100%;
        top: 0;
        max-height: none;
        border-radius: 0
    }
}

.share-vault-popup--share_vault_popup_Dm6IM .custom-popup--share_vault_popup_doxxw.thin--share_vault_popup_LzBOq {
    width: 320px
}

.share-vault-popup--share_vault_popup_Dm6IM .custom-popup--share_vault_popup_doxxw.medium--share_vault_popup_bwriN {
    width: 450px
}

@media only screen and (max-width: 520px) {
    .share-vault-popup--share_vault_popup_Dm6IM .custom-popup--share_vault_popup_doxxw.medium--share_vault_popup_bwriN {
        width: 100% !important;
        height: 100%;
        top: 0;
        max-height: none;
        border-radius: 0
    }
}

.share-vault-popup--share_vault_popup_Dm6IM .custom-popup--share_vault_popup_doxxw.wide--share_vault_popup_zVB7z {
    width: 600px
}

@media only screen and (max-width: 720px) {
    .share-vault-popup--share_vault_popup_Dm6IM .custom-popup--share_vault_popup_doxxw.wide--share_vault_popup_zVB7z {
        width: 100% !important;
        height: 100%;
        top: 0;
        max-height: none;
        border-radius: 0
    }
}

.share-vault-popup--share_vault_popup_Dm6IM .custom-popup--share_vault_popup_doxxw>header {
    background-color: var(--knox-background-neutral);
    padding: .7rem .8rem;
    border-bottom: 1px solid var(--knox-border-neutral);
    position: relative;
    text-align: center;
    border-radius: var(--knox-corner-radius-small) var(--knox-corner-radius-small) var(--knox-corner-radius-none) var(--knox-corner-radius-none)
}

.share-vault-popup--share_vault_popup_Dm6IM .custom-popup--share_vault_popup_doxxw>header h3 {
    color: var(--knox-text-icon-neutral-weak);
    font-size: 1.05rem;
    padding: var(--knox-spacing-hairline);
    max-width: 60%;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: default
}

.share-vault-popup--share_vault_popup_Dm6IM .custom-popup--share_vault_popup_doxxw>header.red--share_vault_popup_GaO4x {
    background-color: var(--knox-background-critical-weak);
    border-bottom: 1px solid var(--knox-border-critical)
}

.share-vault-popup--share_vault_popup_Dm6IM .custom-popup--share_vault_popup_doxxw>.scroll-box--share_vault_popup_LXlvv {
    overflow: auto;
    position: relative
}

.share-vault-popup--share_vault_popup_Dm6IM .custom-popup--share_vault_popup_doxxw>div {
    flex: 1 1 auto;
    box-shadow: 0 1px 20px rgba(0, 0, 0, 0)
}

.share-vault-popup--share_vault_popup_Dm6IM .custom-popup--share_vault_popup_doxxw>div:first-child>main.content-box--share_vault_popup_wxaWC {
    padding: 20px
}

.share-vault-popup--share_vault_popup_Dm6IM .custom-popup--share_vault_popup_doxxw>div p:not(.clear--share_vault_popup_qrP0T),
.share-vault-popup--share_vault_popup_Dm6IM .custom-popup--share_vault_popup_doxxw>div .fake-p--share_vault_popup_jn2JM {
    font-size: 1rem;
    line-height: 1.2
}

.share-vault-popup--share_vault_popup_Dm6IM .custom-popup--share_vault_popup_doxxw>div p:not(.clear--share_vault_popup_qrP0T) em,
.share-vault-popup--share_vault_popup_Dm6IM .custom-popup--share_vault_popup_doxxw>div .fake-p--share_vault_popup_jn2JM em {
    font-style: italic
}

.share-vault-popup--share_vault_popup_Dm6IM .popup-overlay--share_vault_popup_jh3et {
    z-index: 9999;
    position: absolute;
    width: 100%;
    height: 100%
}

.background-transparent--vault_detail_C1wLq {
    background-color: transparent !important
}

@keyframes fade-to-white--vault_detail_P7aqd {
    to {
        background-color: #fff
    }
}

#b5app ol li.highlight--vault_detail_DLEXq {
    background-color: rgba(242, 242, 182, .4);
    animation: fade-to-white--vault_detail_P7aqd 2s forwards;
    animation-duration: 5s;
    animation-timing-function: ease-out
}

.integrations-container--vault_detail_HAyyr {
    padding-bottom: 24px
}

.vault-detail-header--vault_detail_header_FVLkF {
    position: relative;
    padding-top: var(--knox-spacing-large);
    padding-bottom: var(--knox-spacing-large)
}

.vault-detail-header--highlight--vault_detail_header_M3py8 ol li {
    background: transparent !important
}

.vault-detail-header--highlight--vault_detail_header_M3py8 .vault-detail-header-contents--vault_detail_header_IrFxp::before {
    content: "";
    width: calc(100% + 2*(1px + var(--knox-spacing-medium)));
    height: calc(100% + 2 * 1px);
    position: absolute;
    left: calc((var(--knox-spacing-medium) * -1) - 1px);
    left: calc(calc(var(--knox-spacing-medium) * -1) - 1px);
    top: -1px;
    z-index: -1;
    border-top-left-radius: calc(var(--knox-corner-radius-large) + 1px);
    border-top-right-radius: calc(var(--knox-corner-radius-large) + 1px);
    background: linear-gradient(180deg, #e7d6b4 0%, white 100%)
}

.vault-detail-header--highlight--vault_detail_header_M3py8 .vault-detail-header-contents--vault_detail_header_IrFxp::after {
    content: "";
    width: calc(100% + 2 * var(--knox-spacing-medium));
    height: 100%;
    position: absolute;
    left: calc(var(--knox-spacing-medium) * -1);
    top: 0;
    z-index: -1;
    border-top-left-radius: var(--knox-corner-radius-large);
    border-top-right-radius: var(--knox-corner-radius-large);
    background: linear-gradient(180deg, #fefbf6 0%, white 100%)
}

.vault-detail-header-contents--vault_detail_header_IrFxp {
    padding: 0 .8rem var(--knox-spacing-xl);
    display: grid;
    grid-template-columns: auto max-content;
    grid-template-rows: auto auto;
    grid-column-gap: .8rem
}

.vault-detail-header-contents--vault_detail_header_IrFxp h2 {
    grid-column: 1/1;
    grid-row: 1/1
}

.vault-detail-header-contents--vault_detail_header_IrFxp p {
    grid-column: 1/1;
    grid-row: 2/2
}

.vault-detail-header-contents--vault_detail_header_IrFxp button {
    grid-column: 2/2;
    grid-row: 1/3;
    justify-self: end;
    align-self: center;
    height: fit-content
}

.vault-invitations-section--vault_invitations_section_AIK1I {
    width: 100%;
    margin-top: 2rem
}

.vault-invitations-section--vault_invitations_section_AIK1I:first-child {
    margin-top: 0
}

.vault-invitations-section-header--vault_invitations_section_vUFHI {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    padding: 0 .8rem;
    grid-column-gap: .8rem
}

.vault-invitations-list-item--vault_invitations_section_j6oap {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: max-content max-content auto min-content;
    grid-column-gap: .8rem;
    align-items: center;
    border-top: 1px solid var(--knox-border-neutral);
    padding: .4rem .7rem;
    position: relative;
    min-height: 45px;
    color: var(--knox-text-icon-neutral-weak)
}

.vault-invitations-list-item--users--vault_invitations_section_hlfkM {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: max-content max-content auto max-content min-content
}

.vault-invitations-list-item--vault_invitations_section_j6oap:nth-child(odd) {
    background-color: var(--knox-background-neutral-high)
}

.vault-invitations-list-item--vault_invitations_section_j6oap:last-child {
    border-bottom: 1px solid var(--knox-border-neutral)
}

.vault-invitations-list-item--vault_invitations_section_j6oap .avatar--vault_invitations_section_AzNkT {
    background-color: var(--knox-background-neutral)
}

.vault-invitations-list-item--vault_invitations_section_j6oap .text-status--vault_invitations_section__oH0b {
    align-self: center;
    justify-self: end;
    place-self: center end;
    font-size: .8rem;
    color: var(--knox-text-icon-neutral-weak)
}

.vault-invitations-list-item--vault_invitations_section_j6oap .user-status--vault_invitations_section_jltyh {
    align-self: center;
    justify-self: end;
    place-self: center end
}

.vault-invitations-list-item--vault_invitations_section_j6oap .user-status__label--vault_invitations_section_ud8cG {
    display: inline-block;
    padding: 0 var(--knox-spacing-2xs);
    border-radius: var(--knox-corner-radius-small);
    background-color: var(--knox-background-success);
    color: #fff;
    font-size: var(--knox-font-size-body-small);
    font-weight: var(--knox-font-weight-body-strong)
}

.vault-invitations-list-item--vault_invitations_section_j6oap .confirm-button--vault_invitations_section_TxEQ6 {
    box-sizing: border-box;
    margin: 0;
    padding: 7px var(--knox-spacing-small);
    background: #fff;
    color: var(--knox-text-icon-neutral-weak);
    font-size: var(--knox-font-size-body-small);
    font-weight: var(--knox-font-weight-body-strong);
    border: 1px solid var(--knox-text-icon-neutral-weak);
    border-radius: 5px
}

.vault-invitations-list-item--vault_invitations_section_j6oap .confirm-button--vault_invitations_section_TxEQ6:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.vault-invitations-list-item--vault_invitations_section_j6oap .settings-icon--vault_invitations_section_sgwIT {
    align-self: center;
    justify-self: end;
    place-self: center end;
    border: solid 1px var(--knox-border-neutral)
}

.media-card-image-center--xam_landing_page_x41Wf {
    margin-top: 10rem;
    margin-bottom: auto
}

@media(max-width: 768px) {
    .media-card-image-center--xam_landing_page_x41Wf {
        display: none
    }
}

.media-card-image-xam--xam_landing_page__eOZZ {
    top: 0;
    bottom: 0;
    right: 0;
    left: -35%;
    margin-top: auto;
    margin-bottom: auto
}

.submit-button--change_tier_warning_hHnRD {
    margin-top: .6rem
}

.warning-list--change_tier_warning_yntnx {
    list-style: inside
}

.warning-list--change_tier_warning_yntnx>li {
    padding-bottom: var(--knox-spacing-2xs);
    padding-left: .5rem
}

.warning-list--change_tier_warning_yntnx>li:last-child {
    padding-bottom: 0
}

.warning-list--change_tier_warning_yntnx>li>span {
    margin-left: -0.5rem
}

.link-child-accounts-wrapper--link_child_accounts_cReMN {
    background: var(--knox-background-neutral);
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.link-child-accounts-wrapper--link_child_accounts_cReMN .content-wrapper--link_child_accounts_t2dXL {
    width: 80%;
    max-width: 602px
}

@media(max-width: 450px) {
    .link-child-accounts-wrapper--link_child_accounts_cReMN .content-wrapper--link_child_accounts_t2dXL {
        width: 100%
    }
}

.link-child-accounts-wrapper--link_child_accounts_cReMN h3 {
    margin: var(--knox-spacing-xl) 0
}

.link-child-accounts-wrapper--link_child_accounts_cReMN .illustration--link_child_accounts_iKIyN {
    height: 130px;
    width: 100%;
    margin-top: var(--knox-spacing-xl)
}

.link-child-accounts-wrapper--link_child_accounts_cReMN .heading-text--link_child_accounts_ImLYr {
    color: var(--knox-text-icon-neutral);
    font-weight: var(--knox-font-weight-heading-default);
    font-size: var(--knox-font-size-heading-large);
    line-height: 120%
}

@media(max-width: 450px) {
    .link-child-accounts-wrapper--link_child_accounts_cReMN .heading-text--link_child_accounts_ImLYr {
        line-height: 33.6px
    }
}

.link-child-accounts-wrapper--link_child_accounts_cReMN .linking-account--link_child_accounts_Nbube {
    border: .5px solid var(--knox-border-neutral);
    border-radius: var(--knox-corner-radius-medium);
    max-width: 602px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: var(--knox-spacing-large);
    margin: var(--knox-spacing-xl) 0;
    line-height: 130%;
    box-shadow: var(--knox-elevation-low);
    background-color: var(--knox-background-neutral-high)
}

.link-child-accounts-wrapper--link_child_accounts_cReMN .linking-account--link_child_accounts_Nbube p {
    margin-top: 0
}

.link-child-accounts-wrapper--link_child_accounts_cReMN .subtitle-text--link_child_accounts_DoxqP {
    line-height: 24px
}

.link-child-accounts-wrapper--link_child_accounts_cReMN .subheading-text--link_child_accounts_nI7Yn {
    color: var(--knox-text-icon-neutral);
    font-weight: var(--knox-font-weight-body-default);
    font-size: var(--knox-font-size-heading-small);
    line-height: 130%;
    margin-bottom: var(--knox-spacing-xl);
    margin-top: -8px
}

@media(max-width: 450px) {
    .link-child-accounts-wrapper--link_child_accounts_cReMN .subheading-text--link_child_accounts_nI7Yn {
        line-height: var(--knox-spacing-large)
    }
}

.link-child-accounts-wrapper--link_child_accounts_cReMN .content-bold-text--link_child_accounts_pbaWO {
    color: var(--knox-text-icon-neutral);
    font-weight: var(--knox-font-weight-heading-default);
    font-size: var(--knox-font-size-heading-small)
}

.link-child-accounts-wrapper--link_child_accounts_cReMN .content-text--link_child_accounts_Kw6Pg {
    color: var(--knox-text-icon-neutral);
    font-weight: var(--knox-font-weight-body-default);
    font-size: var(--knox-font-size-heading-small);
    line-height: 130%;
    margin-top: var(--knox-spacing-medium)
}

.link-child-accounts-wrapper--link_child_accounts_cReMN .charge-explanation--link_child_accounts_esflh {
    width: 100%;
    margin: var(--knox-spacing-large) 0;
    display: flex;
    flex-direction: column
}

.link-child-accounts-wrapper--link_child_accounts_cReMN .charge-explanation--link_child_accounts_esflh :last-child {
    border-top: 1px solid var(--knox-background-transparent-hover);
    padding-top: var(--knox-spacing-small);
    padding-bottom: 0
}

.link-child-accounts-wrapper--link_child_accounts_cReMN .line-item--link_child_accounts_R9rQN {
    display: flex;
    justify-content: space-between;
    font-size: var(--knox-font-size-body-medium);
    margin-bottom: var(--knox-spacing-xs);
    color: var(--knox-text-icon-neutral-weak)
}

.link-child-accounts-wrapper--link_child_accounts_cReMN .line-item--link_child_accounts_R9rQN p {
    margin-top: 0
}

.link-child-accounts-wrapper--link_child_accounts_cReMN .line-item--link_child_accounts_R9rQN :last-child {
    border-top: none;
    padding-top: 0;
    white-space: nowrap
}

.link-child-accounts-wrapper--link_child_accounts_cReMN button {
    border-radius: var(--knox-corner-radius-medium)
}

@media(max-width: 850px) {
    .link-child-accounts-wrapper--link_child_accounts_cReMN button {
        margin-top: 0
    }
}

.link-child-accounts-wrapper--link_child_accounts_cReMN .button-group--link_child_accounts_T8ynb {
    display: flex;
    gap: var(--knox-spacing-small);
    margin-top: var(--knox-spacing-xl)
}

@media(max-width: 850px) {
    .link-child-accounts-wrapper--link_child_accounts_cReMN .button-group--link_child_accounts_T8ynb {
        flex-direction: column;
        width: 100%;
        margin-top: var(--knox-spacing-large)
    }
}

.link-child-accounts-wrapper--link_child_accounts_cReMN a {
    -webkit-text-decoration: underline !important;
    text-decoration: underline !important
}

.link-child-accounts-wrapper--link_child_accounts_cReMN .iap-instructions--link_child_accounts_V5Q0g {
    margin-top: var(--knox-spacing-large)
}

.link-child-accounts-wrapper--link_child_accounts_cReMN .unsubscribe-steps--link_child_accounts_CqM68 {
    margin: var(--knox-spacing-2xs) 0 var(--knox-spacing-large) var(--knox-spacing-xl);
    list-style: lower-alpha
}

.link-child-accounts-wrapper--link_child_accounts_cReMN .linking-instruction-body--link_child_accounts_XZ7AB {
    margin-left: var(--knox-spacing-medium)
}

.link-child-accounts-wrapper--link_child_accounts_cReMN li {
    margin-top: 0 !important
}

.link-child-accounts-wrapper--link_child_accounts_cReMN .modal-heading-text--link_child_accounts_wDH4E {
    font-weight: var(--knox-font-weight-heading-default);
    margin-bottom: var(--knox-spacing-large)
}

.link-child-accounts-wrapper--link_child_accounts_cReMN .modal-content-text--link_child_accounts_ZKY0p {
    font-weight: var(--knox-font-weight-body-default)
}

.link-child-accounts-wrapper--link_child_accounts_cReMN .modal-button--link_child_accounts_RiUFb {
    float: right;
    margin-bottom: var(--knox-spacing-medium);
    padding: 0 var(--knox-spacing-medium)
}

#modal.survey-modal {
    width: 500px;
    text-align: center
}

.delighted-container--delighted_survey_MoGSv button {
    margin-top: 10px
}

.delighted-container--delighted_survey_MoGSv .heading--delighted_survey_yxIQZ {
    color: #333;
    font-size: 1.2rem;
    font-weight: bold;
    margin: 10px;
    margin-bottom: 30px
}

.delighted-container--delighted_survey_MoGSv .sub-heading--delighted_survey_vMQ15 {
    color: #333;
    font-size: 1rem;
    margin: 10px;
    margin-bottom: 30px
}

.survey-image--delighted_survey_TqtIw {
    height: 100px;
    width: 120px
}

.likelihood--delighted_survey_L2e5d {
    display: flex;
    justify-content: space-between;
    font-size: .8rem
}

.likelihood--delighted_survey_L2e5d .left--delighted_survey_AA0ul {
    align-self: flex-start
}

.likelihood--delighted_survey_L2e5d .right--delighted_survey_Mw3zU {
    align-self: flex-end
}

.scores--delighted_survey_eWC2j {
    display: flex;
    margin-bottom: 30px
}

.scores--delighted_survey_eWC2j button {
    background-color: #fcfcfc;
    color: #333;
    padding: 6px 9px;
    width: 10%;
    height: 10%;
    border: 1px solid #bfbfbf;
    margin-left: -1px
}

.scores--delighted_survey_eWC2j button:first-child {
    border-radius: 6px 0 0 6px
}

.scores--delighted_survey_eWC2j button:last-child {
    border-radius: 0 6px 6px 0
}

.scores--delighted_survey_eWC2j.score-selected--delighted_survey_QmQ5f button.selected--delighted_survey_K1enO {
    background-color: rgba(0, 119, 255, .04);
    color: #155dbd;
    border: 1px solid #0173e4;
    z-index: 10
}

.frame--delighted_survey_JfEMZ {
    visibility: hidden;
    position: absolute;
    width: 0;
    height: 0;
    border: 0;
    margin: 0;
    padding: 0
}

.line-items--next_invoice_jno9K {
    display: flex
}

.next-invoice-section--next_invoice_lpSpN {
    border-top: 1px solid #e4e6e7;
    font-size: .9rem;
    display: block
}

.next-invoice-section--next_invoice_lpSpN:first-of-type {
    border-top: none
}

.total--next_invoice_QdVCc {
    margin-bottom: auto
}

.currency--next_invoice_hZdBu {
    margin-right: 8px;
    vertical-align: top;
    font-size: .75rem
}

.next-date--next_invoice_ezYwd {
    margin-bottom: 20px
}

.next-text--next_invoice_mTIXO {
    font-size: .9rem
}

.date--next_invoice_Mlj7b {
    font-weight: 600;
    margin-top: 3px
}

.invoice-button--next_invoice_w16yE {
    font-size: 1rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.3em;
    border-radius: 24px;
    padding: 8px 16px;
    outline: none;
    resize: none;
    color: #0572ec;
    box-shadow: inset 0 0 0 1px #0572ec;
    transition: all .25s ease;
    -webkit-text-decoration: none;
    text-decoration: none;
    color: #333;
    background-color: #fff;
    box-shadow: inset 0 0 0 1px #d7d9e0;
    margin-top: 12px;
    width: 80%;
    max-width: 190px;
    text-align: center;
    min-height: 35px
}

.invoice-button--next_invoice_w16yE:hover {
    background-color: #d7d9e0;
    color: #333
}

.invoice-button--next_invoice_w16yE:focus {
    box-shadow: inset 0 0 0 1px #d7d9e0, 0 0 0 1px #d7d9e0
}

.invoice-button--next_invoice_w16yE:hover {
    background-color: #d7d9e0;
    color: #333
}

.line-item--next_invoice_XOaBr {
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

.label--next_invoice_ncNMy {
    flex: 1 1 auto
}

.value--next_invoice_BrEa0 {
    font-weight: 600;
    margin-left: 20px;
    flex: 0 0 auto
}

.pending-credit--next_invoice_B45u6 {
    color: #707070
}

.border-bottom--get_the_apps_a8uik {
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    padding-bottom: 12px
}

@media(max-width: 599px) {
    .auth-section--manage_account_authentication_n9phZ {
        width: 100%
    }
}

@media(min-width: 600px) {
    .auth-section--manage_account_authentication_n9phZ {
        width: 656px
    }
}

.auth-section--manage_account_authentication_n9phZ #auth-section-entry-columns--manage_account_authentication_gRFUn {
    align-items: center !important
}

.delete-popup--manage_account_authentication_qbHQV {
    width: 380px !important
}

.user-webauthn-creds-popup--webauthn_wBA5s {
    width: 380px !important
}

.liststyles--telemetry_b2b_component_bAK2n {
    list-style-type: disc
}

.save-button--settings_tmFxw {
    display: block;
    min-width: 50%;
    margin: 30px auto 0
}

.team-settings-header--settings_wH65R {
    margin-bottom: 2rem
}

.bold--settings_FPlbp {
    font-weight: 600
}

.copy-box--settings_CWavw {
    min-height: 157px
}

.link-account-action--settings_DcO3G {
    margin-top: 26px
}

.name-and-avatar--settings_rBHPZ .avatar--settings_oFY3s,
.name-and-avatar--settings_rBHPZ .dropzone--settings_aVqZ2 {
    float: left;
    margin-right: 10px
}

.name-and-avatar--settings_rBHPZ .dropzone--settings_aVqZ2 .avatar--settings_oFY3s {
    float: none;
    margin: 0
}

.account-settings--settings__NQPh {
    max-width: 600px;
    margin: 0 5px
}

.account-settings--settings__NQPh h2 {
    clear: both
}

.account-settings--settings__NQPh input,
.account-settings--settings__NQPh textarea,
.account-settings--settings__NQPh .button--settings_mWmDH {
    display: block
}

.account-settings--settings__NQPh textarea {
    height: 100px
}

.account-settings--settings__NQPh input {
    font-size: 1rem
}

.account-settings--settings__NQPh .button--settings_mWmDH.primary--settings_sFV1a {
    min-width: 50%;
    margin: 30px auto 0
}

.account-settings--settings__NQPh .button--settings_mWmDH.primary--settings_sFV1a+p {
    text-align: center
}

.account-settings--settings__NQPh section {
    border-top: 1px solid #d7d9e0;
    padding: 2rem 0
}

.account-settings--settings__NQPh section:first-child {
    border-top: none;
    padding-top: var(--knox-spacing-2xl)
}

.account-settings--settings__NQPh #delete-account--settings__pDhy {
    text-align: center
}

.account-settings--settings__NQPh section#b2b-telemetry-opt-out--settings__wRbx label {
    margin: 0
}

.account-settings--settings__NQPh section#account-type--settings_LxzZM .title--settings_cVp0O {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 1rem
}

.account-settings--settings__NQPh section#account-type--settings_LxzZM .title--settings_cVp0O h2 {
    clear: none;
    margin-top: 0
}

.account-settings--settings__NQPh section#account-type--settings_LxzZM .title--settings_cVp0O .account-type--settings_LxzZM {
    color: #333;
    font-size: .8rem
}

.account-settings--settings__NQPh section#account-type--settings_LxzZM .switchers--settings_P1niO {
    display: flex;
    flex-direction: column
}

.account-settings--settings__NQPh section#account-type--settings_LxzZM .switchers--settings_P1niO .type-switcher--settings_SWlgV {
    flex: 1;
    padding: 1rem;
    border: 1px solid #d7d9e0
}

.account-settings--settings__NQPh section#account-type--settings_LxzZM .switchers--settings_P1niO .type-switcher--settings_SWlgV:only-child {
    border-radius: 5px
}

.account-settings--settings__NQPh section#account-type--settings_LxzZM .switchers--settings_P1niO .type-switcher--settings_SWlgV:not(:only-child):first-child {
    border-radius: 5px 5px 0 0
}

.account-settings--settings__NQPh section#account-type--settings_LxzZM .switchers--settings_P1niO .type-switcher--settings_SWlgV+.type-switcher--settings_SWlgV {
    border-top: 0
}

.account-settings--settings__NQPh section#account-type--settings_LxzZM .switchers--settings_P1niO .type-switcher--settings_SWlgV+.type-switcher--settings_SWlgV:last-child {
    border-radius: 0 0 5px 5px
}

@media only screen and (min-width: 850px) {
    .account-settings--settings__NQPh section#account-type--settings_LxzZM .switchers--settings_P1niO {
        flex-direction: row
    }

    .account-settings--settings__NQPh section#account-type--settings_LxzZM .switchers--settings_P1niO .type-switcher--settings_SWlgV:not(:only-child):first-child {
        border-radius: 5px 0 0 5px
    }

    .account-settings--settings__NQPh section#account-type--settings_LxzZM .switchers--settings_P1niO .type-switcher--settings_SWlgV+.type-switcher--settings_SWlgV {
        border: 1px solid #d7d9e0;
        border-left: 0
    }

    .account-settings--settings__NQPh section#account-type--settings_LxzZM .switchers--settings_P1niO .type-switcher--settings_SWlgV+.type-switcher--settings_SWlgV:last-child {
        border-radius: 0 5px 5px 0
    }
}

.account-settings--settings__NQPh section.settings--settings_o8V3k.optional-features--settings_XOA7y {
    padding-bottom: 12px
}

.account-settings--settings__NQPh section.settings--settings_o8V3k.optional-features--settings_XOA7y .current-beta-features--settings_ofz7H {
    margin-top: 30px;
    font-weight: 600
}

.account-settings--settings__NQPh section.settings--settings_o8V3k.optional-features--settings_XOA7y ul {
    list-style-type: disc;
    list-style-position: inside
}

.account-settings--settings__NQPh section.settings--settings_o8V3k.duo--settings_w_qZB .switch--settings_lrsc8#duo-enabled--settings_MG4Bw {
    margin-right: 25px
}

.account-settings--settings__NQPh section.settings--settings_o8V3k.duo--settings_w_qZB .multipart--settings_CgbW3 #days--settings_ej2UO {
    margin-top: 10px
}

.account-settings--settings__NQPh section.settings--settings_o8V3k .multipart--settings_CgbW3 {
    display: inline-flex;
    margin: 15px 0 -5px;
    white-space: nowrap
}

.account-settings--settings__NQPh section.settings--settings_o8V3k .multipart--settings_CgbW3 input {
    margin-right: 5px;
    width: 50px
}

.account-settings--settings__NQPh section.settings--settings_o8V3k .switch--settings_lrsc8 {
    display: inline-block;
    font-size: 1.25rem
}

.account-settings--settings__NQPh section.settings--settings_o8V3k .switch--settings_lrsc8 .switch-label--settings_jdRd1 {
    font-size: 1rem;
    font-weight: normal;
    color: #333;
    margin-left: 10px;
    vertical-align: 1px
}

.account-settings--settings__NQPh header h1 {
    display: inline-block;
    margin-right: 10px
}

.account-settings--settings__NQPh header h1+button {
    vertical-align: middle;
    margin-top: -10px
}

.account-settings--settings__NQPh header .menu-wrapper--settings_pLhHL.family-role-selector--settings_Df_vc {
    clear: right;
    margin-top: 10px
}

.account-settings--settings__NQPh header .menu-wrapper--settings_pLhHL .select-menu-button--settings_xtXSG {
    border-radius: 5px;
    background-color: #f6f7f8;
    font-weight: normal;
    min-width: 0
}

.account-settings--settings__NQPh header .menu-wrapper--settings_pLhHL .select-menu-button--settings_xtXSG:disabled {
    background-color: #fff;
    cursor: default;
    padding: 0 12px;
    color: #707070;
    box-shadow: none
}

.account-settings--settings__NQPh header .menu-wrapper--settings_pLhHL .select-menu-button--settings_xtXSG:disabled::after {
    content: none
}

.account-settings--settings__NQPh header .menu-wrapper--settings_pLhHL .select-menu-button--settings_xtXSG::after {
    width: 12px;
    height: 16px;
    right: 11px;
    top: 4px;
    background-size: 12px 26px
}

.account-settings--settings__NQPh header .menu-wrapper--settings_pLhHL .menu--settings_v8cLn {
    top: auto;
    padding: 8px 0
}

.account-settings--settings__NQPh header .user-roles--settings__tNHt {
    display: block;
    height: 32px;
    line-height: 32px;
    padding: 0 12px;
    color: #707070
}

.account-settings--settings__NQPh.spinner--settings_AhlUh {
    text-align: center
}

.loading--account_migration_Zj_VF {
    text-align: center;
    margin-top: 4rem
}

.header--account_migration_TAgfq {
    display: flex
}

.header--account_migration_TAgfq img {
    width: 180px;
    margin-left: 4rem
}

.header--account_migration_TAgfq h4 {
    color: green
}

.header--account_migration_TAgfq h4 svg {
    width: 20px;
    vertical-align: -8px;
    margin-right: .3rem
}

.account-domain--account_migration_M2s0F {
    border: 1px solid #d7d9e0;
    background-color: #f6f7f8;
    padding: .2rem .3rem;
    border-radius: 4px
}

.report--account_migration_hDfu7 {
    display: flex;
    margin-top: 10px
}

.report--account_migration_hDfu7>div:not(:last-child) {
    margin-right: 3rem
}

.report--account_migration_hDfu7 .label--account_migration_uvTU2 {
    display: block
}

.report--account_migration_hDfu7 .count--account_migration_pc_NB {
    font-size: 3rem;
    line-height: 3rem
}

.upload-box--account_migration_mttVL {
    background-color: #f7fbff;
    padding: 2rem 1rem;
    border: 2px dashed #dadde6;
    border-radius: 6px;
    text-align: center;
    margin-top: 1rem
}

.upload-box--account_migration_mttVL span {
    display: block;
    font-size: .8rem;
    color: #666
}

.upload-box--account_migration_mttVL h3 {
    color: #333;
    font-weight: 500;
    margin: 0
}

.upload-box--account_migration_mttVL .upload-box-text-wrapper--account_migration__0STO {
    display: flex;
    flex-flow: column nowrap;
    margin-top: 11px
}

.upload-box--account_migration_mttVL .upload-box-text--account_migration_uVGTL {
    color: #1c70c4;
    font-weight: 500;
    padding-bottom: 11px
}

.combobox-container--email_preferences_combobox_Ylnpk:has(input[aria-expanded=true]) [role=listbox] {
    margin-bottom: 24px;
    max-height: 224px
}

.list-disc--error_feedback_JyqM6 {
    list-style-type: disc
}

.list-decimal--error_feedback_WJ6Ij {
    list-style-type: decimal
}

.list-decimal--error_feedback_WJ6Ij li {
    font-weight: bold
}

.list-disc--error_feedback_JyqM6,
.list-decimal--error_feedback_WJ6Ij {
    margin-left: var(--knox-spacing-large);
    margin-bottom: var(--knox-spacing-medium)
}

.list-disc--error_feedback_JyqM6 li,
.list-decimal--error_feedback_WJ6Ij li {
    margin-bottom: var(--knox-spacing-medium)
}

.get-started--provisioning_hdWa5 {
    display: block;
    margin-top: 20px;
    width: 110px;
    padding: 8px 16px;
    -webkit-text-decoration: none !important;
    text-decoration: none !important
}

.confirm-provisioning--provisioning_QDS4C {
    width: 375px !important
}

.page-container--msp_confirm_Ps0RE {
    position: relative;
    width: 100%;
    overflow-y: auto
}

@media(min-width: 1280px) {
    .page-container--msp_confirm_Ps0RE {
        max-width: 1200px;
        margin: 0 auto
    }
}

.page-content--msp_confirm_KYX3N p {
    margin-bottom: var(--knox-spacing-medium)
}

.message-content--msp_confirm_DPFGi ol {
    list-style-type: decimal;
    margin: var(--knox-spacing-medium)
}

.message-content--msp_confirm_DPFGi p {
    margin-bottom: var(--knox-spacing-small)
}

.list-with-bullets--msp_confirm_yi9cs {
    list-style: disc;
    padding-left: 24px;
    margin-bottom: var(--knox-spacing-medium)
}

.info-box-container--info_box_ToIub {
    background-color: #f0fff0;
    padding: 12px 24px;
    width: 100%;
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    align-items: center
}

.info-box-container--info_box_ToIub img {
    margin-right: 24px
}

.info-box-container--info_box_ToIub h3 {
    color: var(--knox-text-icon-success);
    font-size: 1.2rem
}

.info-box-container--info_box_ToIub p {
    color: #333
}

.icon--breached_site_icon_gX6NE {
    width: 33px;
    position: relative;
    margin: .5rem 1rem .5rem 0
}

.icon--breached_site_icon_gX6NE .site--breached_site_icon_DLLb9 {
    width: 32px;
    height: 32px
}

.icon--breached_site_icon_gX6NE .site--breached_site_icon_DLLb9[src^="https://c.1password.com/richicons/"] {
    border: 1px solid #e4e6e7;
    border-radius: 6px
}

.icon--breached_site_icon_gX6NE .badge--breached_site_icon_MURuN {
    position: absolute;
    right: -7px;
    bottom: -1px;
    width: 18px;
    height: 16px
}

.icon--breached_site_icon_gX6NE img {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none
}

.breached-user-detail-popup--breached_user_detail_popup_idUPa {
    width: 33px;
    position: relative;
    margin-right: 1rem;
    margin-top: 1px
}

.breached-user-detail-popup--breached_user_detail_popup_idUPa li {
    align-items: flex-start !important
}

.breached-user-detail-popup--breached_user_detail_popup_idUPa li .content--breached_user_detail_popup__AZvP {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%
}

.breached-user-detail-popup--breached_user_detail_popup_idUPa li .content--breached_user_detail_popup__AZvP .site--breached_user_detail_popup_U6TkB span {
    display: block;
    color: #333;
    font-weight: 500
}

.breached-user-detail-popup--breached_user_detail_popup_idUPa li .content--breached_user_detail_popup__AZvP .site--breached_user_detail_popup_U6TkB small {
    display: block
}

.breached-user-detail-popup--breached_user_detail_popup_idUPa li .content--breached_user_detail_popup__AZvP .date--breached_user_detail_popup_MjuJT small {
    color: #333
}

.data-classes--data_class_tags_ZlmCP {
    width: 100%;
    margin-top: .2rem
}

.data-classes--data_class_tags_ZlmCP button,
.data-classes--data_class_tags_ZlmCP span {
    border-radius: 2px;
    display: inline-block;
    font-size: .8rem;
    font-weight: 600;
    padding: 0 .2rem;
    margin-right: .4rem;
    margin-bottom: .2rem;
    background-color: #8fa1b3;
    color: #fff
}

.data-classes--data_class_tags_ZlmCP button.red--data_class_tags_WUPG2,
.data-classes--data_class_tags_ZlmCP span.red--data_class_tags_WUPG2 {
    background-color: #c94e31
}

.data-classes--data_class_tags_ZlmCP button.clickable--data_class_tags_Wl5Rp,
.data-classes--data_class_tags_ZlmCP span.clickable--data_class_tags_Wl5Rp {
    cursor: pointer
}

.data-classes--data_class_tags_ZlmCP button.clickable--data_class_tags_Wl5Rp:hover,
.data-classes--data_class_tags_ZlmCP span.clickable--data_class_tags_Wl5Rp:hover {
    background-color: #8094a9
}

.data-classes--data_class_tags_ZlmCP button.clickable--data_class_tags_Wl5Rp.red--data_class_tags_WUPG2:hover,
.data-classes--data_class_tags_ZlmCP span.clickable--data_class_tags_Wl5Rp.red--data_class_tags_WUPG2:hover {
    background-color: #b4462c
}

[data-focus-visible] .data-classes--data_class_tags_ZlmCP button:focus,
[data-focus-visible] .data-classes--data_class_tags_ZlmCP span:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.cta--cta_drquy {
    display: flex;
    border-radius: 8px;
    padding: 1rem;
    box-shadow: inset 0 0 0 1px #c94e31;
    background-color: #fcfcfc;
    flex-direction: column
}

@media only screen and (min-width: 1050px) {
    .cta--cta_drquy {
        flex-direction: row;
        align-items: center
    }
}

@media only screen and (min-width: 1050px) {
    .cta--cta_drquy>div {
        width: 60%
    }
}

.cta--cta_drquy>div h3 strong {
    font-size: 1.5rem;
    color: #c94e31
}

.cta--cta_drquy>div p {
    font-weight: 500
}

.cta--cta_drquy>div:last-child {
    margin-top: 1rem
}

@media only screen and (min-width: 1050px) {
    .cta--cta_drquy>div:last-child {
        width: 40%;
        margin-left: 2rem;
        margin-top: 0
    }
}

.cta--cta_drquy>div:last-child button {
    width: 100%
}

.cta--cta_drquy>div:last-child p {
    color: #666;
    font-style: italic
}

.notify-popup--notify_popup_KCYun {
    width: 400px !important
}

.notify-popup--notify_popup_KCYun label {
    margin-top: 1rem !important;
    color: #333;
    font-weight: normal;
    display: flex !important
}

.notify-popup--notify_popup_KCYun label input {
    margin: 3px 10px 0 0 !important
}

.notify-popup--notify_popup_KCYun textarea {
    margin-top: 1rem !important;
    min-height: 110px
}

.notify-popup--notify_popup_KCYun .example--notify_popup_p9EsF {
    text-align: center;
    margin-top: .5rem
}

.people-table--people_lDBKA td.user--people_X5Qeu {
    width: 55%;
    vertical-align: top
}

.people-table--people_lDBKA td.user--people_X5Qeu>div {
    margin: .5rem 1rem .5rem 0
}

.people-table--people_lDBKA td.user--people_X5Qeu .desc--people_nHEsT {
    display: inline-block;
    line-height: 32px
}

.no-breaches--people_Sxt8I {
    font-size: 1.2rem;
    color: #3b8736;
    width: 100%
}

.breach-report-table--table_r6gzI th {
    color: #333
}

.breach-report-table--table_r6gzI td {
    max-width: none !important
}

.breach-report-table--table_r6gzI tbody tr:hover {
    background-color: #f1f8ff
}

.breach-report-table--table_r6gzI tfoot td {
    background-color: #f6f7fb;
    border-color: #d7d9e0;
    border-style: solid;
    border-width: 0 1px 1px;
    border-radius: 0 0 6px 6px;
    font-weight: 500;
    text-align: center
}

.breach-report-table--table_r6gzI tfoot td button span {
    margin-right: 1rem;
    color: #0572ec
}

.breach-report-table--table_r6gzI tfoot td button svg {
    fill: #0572ec;
    stroke: none;
    vertical-align: -2px;
    transform: rotate(90deg)
}

.breach-report-table--table_r6gzI tfoot td button.expanded--table_zsCoc svg {
    transform: rotate(270deg)
}

.breach-report-table--table_r6gzI tfoot td button:hover span {
    color: #045aba
}

.breach-report-table--table_r6gzI tfoot td button:hover svg {
    fill: #045aba
}

.card--card_lTS2v {
    display: flex;
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .07), 0 0 0 1px rgba(0, 0, 0, .07);
    background: var(--knox-background-neutral-high)
}

@media(max-width: 600px) {
    .card--card_lTS2v>div {
        flex-direction: column
    }
}

.insights-card--card_eaJ5t {
    display: flex;
    width: 100%
}

.insights-card-button-link--card_kBGvk {
    margin-top: auto
}

.insights-card-button--card_aWrXT {
    width: fit-content
}

.inner-content--card_Hmkux {
    width: 100%;
    height: 100%;
    padding: 24px;
    flex-direction: column;
    gap: 8px;
    display: flex
}

.inner-content--card_Hmkux :last-child {
    order: 5
}

.pill-note--card_mfvQg {
    order: 1;
    font-size: .875rem;
    border-radius: 9999px;
    background: var(--knox-background-neutral-low);
    text-align: center;
    width: fit-content;
    padding: 2px 8px;
    margin-bottom: 8px
}

.large-text--card_QXrfE {
    order: 2;
    color: var(--knox-text-icon-neutral);
    font-size: 3rem;
    font-weight: 600;
    margin-top: 28px;
    margin-bottom: 18px
}

.large-text--card_QXrfE:first-child {
    margin-top: 16px
}

.large-text-accent--card_HvURU .large-text--card_QXrfE {
    color: var(--knox-text-icon-attention)
}

.large-text-disabled--card_t7xto .large-text--card_QXrfE {
    color: var(--knox-text-icon-disabled)
}

.large-text-critical--card_tLD4L .large-text--card_QXrfE {
    color: var(--knox-text-icon-critical)
}

.title--card_pWQX4 {
    order: 3;
    color: var(--knox-text-icon-neutral);
    font-size: 1.25rem;
    line-height: 1.25;
    font-weight: 600;
    margin-top: 0
}

.insights-card-accent--card_Angjc .title--card_pWQX4 {
    color: var(--knox-text-icon-neutral)
}

.body--card_Mcwut {
    order: 4;
    color: var(--knox-text-icon-neutral);
    font-size: 1rem;
    margin-bottom: 16px
}

.insights-card-accent--card_Angjc .body--card_Mcwut {
    color: var(--knox-text-icon-neutral)
}

.reverse-content--card_D0kzR {
    flex-direction: row-reverse
}

@media(min-width: calc(600px + 1px)) {
    .reverse-content--card_D0kzR .asset-container--card_mrBgn {
        justify-content: flex-end
    }
}

.reverse-content--card_D0kzR .background-image--card_zIxuE {
    right: 0
}

.insights-card-accent--card_Angjc {
    background-color: var(--knox-background-attention-weak)
}

@media(min-width: 1280px) {
    .vertical--card_xs99g {
        flex-direction: column
    }

    .vertical--card_xs99g .asset-container--card_mrBgn {
        width: 100%;
        justify-content: center
    }

    .vertical--card_xs99g .asset-container--card_mrBgn::before {
        width: 100%;
        height: 90px
    }

    .vertical--card_xs99g .image--card_Ewnto {
        width: auto
    }
}

@media(max-width: 600px) {
    .reports-card--card_mDem0 .background-image--card_zIxuE {
        width: 100%;
        height: 90px;
        background-color: #e8e7f5
    }
}

.asset-container--card_mrBgn {
    position: relative;
    width: 135px;
    display: flex
}

@media(max-width: 600px) {
    .asset-container--card_mrBgn {
        width: 100%;
        justify-content: center
    }
}

.image--card_Ewnto {
    position: relative;
    width: 149px;
    padding: 18px 10px 18px 18px
}

@media(max-width: 600px) {
    .image--card_Ewnto {
        width: auto
    }
}

.asset-container--card_mrBgn::before {
    content: "";
    display: block;
    position: absolute;
    background-color: #f1faff;
    height: 100%;
    width: 108px
}

@media(max-width: 600px) {
    .asset-container--card_mrBgn::before {
        width: 100%;
        height: 90px
    }
}

@media(max-width: 600px) {
    .asset-container--card_mrBgn {
        display: none
    }
}

.asset-container--card_mrBgn.alternate-accent--card_e70JL::before {
    background-color: #fffaef
}

.asset-container--card_mrBgn.alternate-accent-red--card_euJs7::before {
    background-color: #fff9fc
}

.asset-container--card_mrBgn.alternate-accent-teal--card_mjdlE::before {
    background-color: #f3feff
}

.asset-container--card_mrBgn.alternate-accent-purple--card_sMDmt::before {
    background-color: #fdf8ff
}

.asset-container--card_mrBgn.alternate-accent-success--card_Tdyf6::before {
    background-color: #f3fff6
}

.asset-container--card_mrBgn.alternate-accent-grey--card_xUQgi::before {
    background-color: #f8f8f9
}

.asset-container--card_mrBgn.reports-background-img--card_nGz3r::before {
    background-color: #e8e7f5
}

.insights-action-card--card_Fv9Ma {
    display: flex;
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .07), 0 0 0 1px rgba(0, 0, 0, .07);
    background: var(--knox-background-neutral-high);
    flex-direction: column
}

.insights-action-card-header--card_hCkeR {
    width: 100%;
    background: var(--knox-background-brand-weak);
    justify-content: space-between;
    display: flex;
    padding: 10px 15px
}

.variant-recovery--card_aTEB8 .insights-action-card-header--card_hCkeR {
    background: var(--knox-background-success-weak);
    color: var(--knox-text-icon-success)
}

.variant-invitations--card_zep6P .insights-action-card-header--card_hCkeR {
    background: var(--knox-background-attention-weak);
    color: var(--knox-text-icon-attention)
}

.variant-traveling--card_oAGze .insights-action-card-header--card_hCkeR {
    color: var(--knox-text-icon-brand)
}

.insights-action-card-header--card_hCkeR>h2 {
    font-weight: 600;
    font-size: 1rem
}

.wrap--card_footer_nN8rC {
    margin-top: auto
}

.footer--card_footer_iAsBT {
    border-top: 1px solid var(--knox-border-neutral);
    display: flex;
    padding-top: 16px;
    margin-top: 8px
}

.footer--card_footer_iAsBT.success--card_footer_dBhSk {
    border-top: 1px solid var(--knox-border-success);
    color: var(--knox-text-icon-success)
}

.footer--card_footer_iAsBT.accent--card_footer_rg9Mo {
    border-top: 1px solid var(--knox-border-attention);
    color: var(--knox-text-icon-attention)
}

.footer--card_footer_iAsBT.accent--card_footer_rg9Mo a.link--card_footer_i1Dej {
    color: var(--knox-text-icon-attention)
}

.footer--card_footer_iAsBT img {
    margin-right: 10px
}

.link--card_footer_i1Dej {
    -webkit-text-decoration: none;
    text-decoration: none;
    display: flex
}

.link--card_footer_i1Dej.no-arrow--card_footer_CMz07 {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    font-weight: 600
}

.link--card_footer_i1Dej.no-arrow--card_footer_CMz07::after {
    background: none;
    background-size: 0
}

.link--card_footer_i1Dej .arrow--card_footer_KBGu5 {
    display: inline-block;
    padding-left: 10px
}

[data-focus-visible] .link--card_footer_i1Dej:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.footer-spinner--card_footer_dWBMI {
    margin-right: 9px
}

.img--card_footer_zB6iX {
    height: 13px;
    width: 23px;
    transform: translate(6px, 3px)
}

.section-header-container--section_kGD4Z {
    display: flex;
    flex-direction: column;
    margin-bottom: 32px;
    padding-bottom: 16px
}

@media(min-width: 600px) {
    .section-header-container--section_kGD4Z {
        justify-content: space-between;
        flex-direction: row;
        align-items: flex-end
    }
}

.section-header-container--section_kGD4Z.medium-font--section_Ha7eS {
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 8px;
    align-items: flex-end
}

.section-header-container--section_kGD4Z.medium-font--section_Ha7eS .section-header--section_iDp6Y {
    font-size: 1.25rem;
    margin-bottom: 0
}

.section-header--section_iDp6Y {
    font-size: 1.85rem;
    color: var(--knox-text-icon-neutral);
    margin-bottom: 16px;
    line-height: normal
}

@media(min-width: 600px) {
    .section-header--section_iDp6Y {
        margin-bottom: 0
    }
}

.section-link--section_LyEng {
    font-size: .95rem;
    color: var(--knox-text-icon-brand);
    -webkit-text-decoration: none !important;
    text-decoration: none !important;
    font-weight: 600
}

.section-link--section_LyEng.out-link--section_VIeBZ::after {
    background: url(../images/admin-landing-open-5709d532993e7c803216.svg) no-repeat
}

.section-link--section_LyEng::after {
    background: url(../images/arrow-right-0104cbd2c707cfb593c7.svg) no-repeat;
    background-size: 15px;
    content: "";
    display: inline-block;
    height: 16px;
    width: 23px;
    transform: translate(10px, 4px)
}

.section-icon--section_g9yuW {
    background-size: 15px;
    content: "";
    display: inline-block;
    height: 16px;
    width: 13.5px;
    transform: translate(5px, 3px)
}

.section-content-container--section_bDu7V {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 64px;
    gap: 32px;
    padding-left: 2px;
    padding-right: 2px
}

.section-content-container--section_bDu7V .password-health-cards--section_WRumO {
    display: grid;
    grid-gap: 32px;
    gap: 32px
}

@media(min-width: 1280px) {
    .section-content-container--section_bDu7V .password-health-cards--section_WRumO {
        grid-template-columns: 1fr 1fr
    }
}

@media(min-width: 1280px) {
    .section-content-container--section_bDu7V {
        flex-direction: row;
        justify-content: space-between
    }
}

.section-content-container--section_bDu7V>* {
    flex-basis: auto
}

@media(min-width: 1280px) {
    .section-content-container--section_bDu7V>* {
        flex-basis: 100%
    }
}

.header-section--section_q_RV9 .section-content-container--section_bDu7V {
    min-height: 331px;
    margin-bottom: 0
}

@media(min-width: 960px) {
    .header-section--section_q_RV9 .section-content-container--section_bDu7V {
        min-height: 100px
    }
}

.loading--section_HbZrU {
    font-weight: 600;
    font-size: 1.0667rem;
    color: var(--knox-text-icon-neutral);
    padding: 4px 0 32px
}

.loading--section_HbZrU img {
    margin-right: 16px
}

.loading--section_HbZrU .loading-percentage--section_ggwlW {
    display: inline-block;
    padding: 0 0 0 14px;
    color: var(--knox-text-icon-neutral-weak)
}

.error-section--section_error_ZprzR {
    font-weight: 600;
    font-size: 1.0667rem;
    display: flex;
    gap: 20px;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 24px;
    flex-direction: column
}

@media(min-width: 600px) {
    .error-section--section_error_ZprzR {
        flex-direction: row
    }
}

.error-section--section_error_ZprzR .message--section_error_x3eHG {
    display: flex;
    gap: 8px
}

[data-focus-visible] .error-section--section_error_ZprzR .message--section_error_x3eHG .contact-message--section_error_JHVDH:focus {
    box-shadow: inset 0 0 0 1px var(--knox-border-focus), 0 0 0 3px var(--knox-border-focus) !important
}

.error-section--section_error_ZprzR img {
    margin-top: 2px;
    width: 16px;
    height: 16px
}

.error-section--section_error_ZprzR p {
    color: var(--knox-text-icon-neutral);
    margin: 0;
    line-height: 1.2
}

.error-section--section_error_ZprzR button {
    margin: 0 auto;
    border-radius: 8px;
    white-space: nowrap
}

@media(min-width: 600px) {
    .error-section--section_error_ZprzR button {
        margin-left: auto;
        margin-right: 0
    }
}

.card--card_PDyaT {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .06), 0 2px 8px rgba(0, 0, 0, .06);
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden
}

.card--card_PDyaT .inner--card_zdl0l {
    padding: 1rem;
    margin-bottom: auto
}

.card--card_PDyaT.no-padding--card_Y9Ybr .inner--card_zdl0l {
    padding: 0
}

.card--card_PDyaT .watermark--card_dOyF4 {
    top: 0;
    right: 0;
    position: absolute;
    opacity: .05;
    pointer-events: none
}

.card--card_PDyaT .action-divider--card_lBQjf {
    background: #d4d6dd;
    height: 1px;
    width: calc(100% - 2rem);
    margin: 0 1rem
}

.card--card_PDyaT .action-element--card_Qxxe1 {
    display: flex
}

.card--card_PDyaT .action-element--card_Qxxe1 .link--card_dtxWn,
.card--card_PDyaT .action-element--card_Qxxe1 .button--card_Ek0_i,
.card--card_PDyaT .action-element--card_Qxxe1 .static-action--card_xyRCL {
    display: block;
    width: 100%;
    padding: 16px;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-align: left;
    font-weight: bold
}

.card--card_PDyaT .action-element--card_Qxxe1 .link--card_dtxWn,
.card--card_PDyaT .action-element--card_Qxxe1 .button--card_Ek0_i {
    color: #0166cb;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    font-weight: 600
}

.card--card_PDyaT .action-element--card_Qxxe1 .link--card_dtxWn .arrow--card_oyHE4,
.card--card_PDyaT .action-element--card_Qxxe1 .button--card_Ek0_i .arrow--card_oyHE4 {
    padding: 0 0 0 16px;
    transition: .25s transform
}

.card--card_PDyaT .action-element--card_Qxxe1 .link--card_dtxWn:hover,
.card--card_PDyaT .action-element--card_Qxxe1 .button--card_Ek0_i:hover {
    color: #204060
}

.card--card_PDyaT .action-element--card_Qxxe1 .link--card_dtxWn:hover .arrow--card_oyHE4,
.card--card_PDyaT .action-element--card_Qxxe1 .button--card_Ek0_i:hover .arrow--card_oyHE4 {
    transform: translateX(10px)
}

.card--card_PDyaT .action-element--card_Qxxe1.hide-action-arrow--card_EetBO a,
.card--card_PDyaT .action-element--card_Qxxe1.hide-action-arrow--card_EetBO button {
    background: none
}

.card--card_PDyaT .action-element--card_Qxxe1 .spinner {
    margin-right: 16px
}

.card--card_PDyaT .action-arrow--card_txVv0 {
    padding: 1rem
}

.card--card_PDyaT.background-right--card_eZCmB {
    background-repeat: no-repeat
}

.card--card_PDyaT.background-right-half--card_ircRq {
    background-position: top right
}

.card--card_PDyaT.background-right-half--card_ircRq .inner--card_zdl0l {
    padding-top: 175px
}

@media(min-width: 1150px) {
    .card--card_PDyaT.background-right-half--card_ircRq .inner--card_zdl0l {
        padding-top: 1rem;
        min-height: 180px;
        padding-right: calc(50px + 7vw)
    }
}

@media(min-width: 1720px) {
    .card--card_PDyaT.background-right-half--card_ircRq .inner--card_zdl0l {
        padding-right: 180px
    }
}

.card--card_PDyaT.insights-detail-card--card_h5CZm .inner--card_zdl0l {
    padding-top: 175px
}

@media(min-width: 1150px) {
    .card--card_PDyaT.insights-detail-card--card_h5CZm .inner--card_zdl0l {
        padding-top: 0;
        margin-top: 16px;
        padding-right: calc(50px + 7vw)
    }
}

.card--card_PDyaT.insights-detail-card--card_h5CZm .action-element--card_Qxxe1 {
    display: flex
}

.card--card_PDyaT.insights-detail-card--card_h5CZm .action-element--card_Qxxe1 a,
.card--card_PDyaT.insights-detail-card--card_h5CZm .action-element--card_Qxxe1 button,
.card--card_PDyaT.insights-detail-card--card_h5CZm .action-element--card_Qxxe1 .static-action--card_xyRCL {
    display: block;
    width: 100%;
    padding: 10px;
    gap: 16px;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-align: left;
    font-weight: 600;
    font-size: .875rem
}

.card--card_PDyaT.insights-detail-card--card_h5CZm .action-divider--card_lBQjf {
    background: #d4d6dd;
    height: 1px;
    width: calc(80% - 2rem);
    margin: 0 1rem
}

.card--card_PDyaT.insights-detail-card--card_h5CZm.reports-card--card_SbiC5 .action-element--card_Qxxe1 a {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.card--card_PDyaT.insights-detail-sidebar--card_ZiEyc .inner--card_zdl0l {
    padding: 0;
    padding: initial
}

.card--card_PDyaT.support-card--card_Kzc0G {
    margin-top: 24px
}

.insights-wrapper--insights_dashboard_cLzTP {
    background: var(--knox-background-neutral)
}

.content-wrapper--insights_dashboard_iew5x {
    max-width: 1200px;
    margin: 0 auto
}

.security-group-card--insights_dashboard_AqiMA {
    padding-bottom: 64px
}

.password-health-issues--insights_dashboard_LJUjL .percentage--insights_dashboard_aoPUX {
    font-size: 56px;
    line-height: 72px;
    font-weight: 500
}

.password-health-issues--insights_dashboard_LJUjL [class~=severity-low] {
    color: #5ac20a
}

.password-health-issues--insights_dashboard_LJUjL [class~=severity-medium] {
    color: #f9c200
}

.password-health-issues--insights_dashboard_LJUjL [class~=severity-high] {
    color: #ffb001
}

.password-health-issues--insights_dashboard_LJUjL [class~=severity-extreme] {
    color: #e76500
}

.password-health-issues--insights_dashboard_LJUjL [class~=severity-calamitous] {
    color: #b80000
}

.team-usage--insights_dashboard_xaS2n .strength-meter--insights_dashboard_kolJG {
    position: absolute;
    top: 16px
}

@media(min-width: 1150px) {
    .team-usage--insights_dashboard_xaS2n .strength-meter--insights_dashboard_kolJG {
        right: calc((100vw - 1600px)/15)
    }
}

@media(min-width: 1700px) {
    .team-usage--insights_dashboard_xaS2n .strength-meter--insights_dashboard_kolJG {
        right: 25px
    }
}

.insights--insights_dashboard_PryxC {
    background-color: #f6f7fb;
    line-height: 1.34
}

.insights--insights_dashboard_PryxC #unlocked-app--insights_dashboard_Bb3Xn #top-bar--insights_dashboard_TF5s8 #title-container--insights_dashboard_tJ2g5 {
    background-color: #f6f7fb
}

.insights--insights_dashboard_PryxC .centered--insights_dashboard_lX3A3 {
    max-width: 1400px;
    margin: 0 auto
}

.insights--insights_dashboard_PryxC h3 {
    font-size: 1.3rem;
    font-weight: 600;
    margin-top: 0
}

.promo-card--promo_page_CRmrd {
    margin: auto;
    max-width: 1076px;
    color: #333
}

.promo-card--promo_page_CRmrd .section--promo_page_j7U45 {
    padding: 24px
}

.promo-card--promo_page_CRmrd .header--promo_page_N31Ll {
    display: flex;
    justify-content: space-between
}

.promo-card--promo_page_CRmrd .header--promo_page_N31Ll .header-text--promo_page_PgMAV {
    max-width: 500px;
    padding-top: 12px
}

.promo-card--promo_page_CRmrd .header--promo_page_N31Ll .header-text--promo_page_PgMAV h1 {
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 2.1rem
}

.promo-card--promo_page_CRmrd .header--promo_page_N31Ll .header-text--promo_page_PgMAV p {
    margin-top: 24px
}

@media screen and (max-width: 1300px) {
    .promo-card--promo_page_CRmrd .header--promo_page_N31Ll .header-img--promo_page_P8zXg {
        display: none
    }
}

.promo-card--promo_page_CRmrd .cta--promo_page_Xd4oI {
    background: #fefbf6;
    border-top: #e6d3ac solid 1px;
    border-bottom: #e6d3ac solid 1px
}

.promo-card--promo_page_CRmrd .cta--promo_page_Xd4oI h2 {
    font-size: .875rem;
    font-weight: 600
}

.promo-card--promo_page_CRmrd .cta--promo_page_Xd4oI p {
    max-width: 752px;
    font-size: .875rem
}

.promo-card--promo_page_CRmrd .list--promo_page_bDEyH ul {
    list-style-type: none;
    margin: 24px 0
}

.promo-card--promo_page_CRmrd .list--promo_page_bDEyH ul li {
    display: flex;
    align-items: center;
    margin: 16px 0
}

.promo-card--promo_page_CRmrd .list--promo_page_bDEyH ul li img {
    padding-right: 16px
}

.promo-card--promo_page_CRmrd .list--promo_page_bDEyH h2 {
    font-weight: 600
}

.promo-card--promo_page_CRmrd .list--promo_page_bDEyH strong {
    font-weight: 600
}

.promo-card--promo_page_CRmrd .list--promo_page_bDEyH p {
    margin-top: 24px
}

.container--styles_nFcUs {
    width: 100%;
    text-align: center;
    padding-top: 3rem;
    display: flex;
    flex-direction: column;
    align-items: center
}

.button--styles_apuPu {
    margin-top: 1.5rem;
    padding-left: 3rem;
    padding-right: 3rem
}

.modal--watchtower_vault_reports_vdDpb {
    width: 500px !important;
    max-width: 90%
}

.heading--watchtower_vault_reports_bf4Tv {
    font-size: 1.1rem;
    font-weight: bold
}

.subheading--watchtower_vault_reports_xNnRJ {
    margin-bottom: 1.5rem
}

.managers-list--watchtower_vault_reports_xGrLx {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    color: #333
}

.managers-list--watchtower_vault_reports_xGrLx:last-child {
    margin-bottom: 0
}

.manager--watchtower_vault_reports_vPwa8 {
    display: flex;
    width: 100%;
    margin-bottom: 1rem
}

.manager-identifier--watchtower_vault_reports_SDDR9 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 1rem
}

.manager-identifier--watchtower_vault_reports_SDDR9 div {
    margin: 0
}

.manager-name--watchtower_vault_reports_uI0Z9 {
    font-size: 1.1rem
}

.manager-email--watchtower_vault_reports_Id5s9 {
    margin: 0;
    color: rgba(0, 0, 0, .55)
}

.watchtower-vault-detail-banner--watchtower_vault_reports_btlaR {
    display: flex;
    margin: 1rem 0;
    padding: 1rem 0;
    justify-content: space-between;
    align-items: center
}

.watchtower-vault-detail-banner--watchtower_vault_reports_btlaR .avatar-desc-section--watchtower_vault_reports_yGboE {
    display: flex;
    width: 50%
}

.watchtower-vault-detail-banner--watchtower_vault_reports_btlaR .avatar-desc-section--watchtower_vault_reports_yGboE .desc--watchtower_vault_reports_z6Lxs {
    margin-left: 5%;
    width: 75%
}

.watchtower-vault-detail-banner--watchtower_vault_reports_btlaR .avatar-desc-section--watchtower_vault_reports_yGboE .desc--watchtower_vault_reports_z6Lxs .vault-desc-title--watchtower_vault_reports_iVD47 {
    font-weight: bold
}

.watchtower-vault-detail-banner--watchtower_vault_reports_btlaR button {
    width: auto;
    width: initial
}

.watchtower-vault-detail-banner--watchtower_vault_reports_btlaR .vault-name--watchtower_vault_reports_SARUo {
    color: #478acc;
    -webkit-text-decoration: none;
    text-decoration: none
}

.watchtower-vault-detail-banner--watchtower_vault_reports_btlaR .vault-name--watchtower_vault_reports_SARUo:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.support-link--watchtower_vault_reports_DlEvS {
    color: var(--knox-text-icon-attention);
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.watchtower-vault-detail-prompt--watchtower_vault_reports_rLp8y {
    margin: 1rem 0;
    padding: 0 0 1rem
}

.settings-icon--watchtower_vault_reports_mEqeu svg {
    fill: #333;
    position: relative;
    top: .08rem
}

.footer--watchtower_vault_reports_HoRed {
    display: flex;
    justify-content: space-evenly
}

.message-preview--watchtower_vault_reports_MZwJk {
    margin: 2rem 0
}

.message-preview--watchtower_vault_reports_MZwJk>:first-child {
    font-weight: bold
}

.watchtower-vault-detail--watchtower_vault_reports_R2pOI {
    width: 33%
}

.watchtower-vault-detail--watchtower_vault_reports_R2pOI .wrapper--watchtower_vault_reports_bEN6f {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center
}

.watchtower-vault-detail--watchtower_vault_reports_R2pOI .wrapper--watchtower_vault_reports_bEN6f .desc--watchtower_vault_reports_z6Lxs {
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 32px
}

.watchtower-vault-detail--watchtower_vault_reports_R2pOI .wrapper--watchtower_vault_reports_bEN6f .desc--watchtower_vault_reports_z6Lxs .vault-name--watchtower_vault_reports_SARUo {
    color: var(--knox-text-icon-brand);
    -webkit-text-decoration: none;
    text-decoration: none
}

.watchtower-vault-detail--watchtower_vault_reports_R2pOI .wrapper--watchtower_vault_reports_bEN6f .desc--watchtower_vault_reports_z6Lxs .vault-name--watchtower_vault_reports_SARUo:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.watchtower-vault-detail--watchtower_vault_reports_R2pOI .wrapper--watchtower_vault_reports_bEN6f .desc--watchtower_vault_reports_z6Lxs .vault-desc-item--watchtower_vault_reports_C3_Xi {
    width: 0;
    min-width: 100%;
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: normal
}

.widget-container--watchtower_vault_reports_WbsqP {
    width: 900px;
    height: 360px;
    background: linear-gradient(90deg, white 80%, #f1f8ff 20%);
    display: flex;
    border-radius: 16px;
    border: 1px solid rgba(0, 0, 0, .06);
    box-sizing: border-box;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1)
}

.widget-container--watchtower_vault_reports_WbsqP .text--watchtower_vault_reports_JLE2n {
    padding: 50px 24px 0 64px;
    width: 80%
}

.widget-container--watchtower_vault_reports_WbsqP .text--watchtower_vault_reports_JLE2n .description--watchtower_vault_reports_vGZ2y {
    margin-top: 5%
}

.widget-container--watchtower_vault_reports_WbsqP .text--watchtower_vault_reports_JLE2n .description--watchtower_vault_reports_vGZ2y .description-header--watchtower_vault_reports_ixYYS {
    display: flex;
    margin-bottom: 26px
}

.widget-container--watchtower_vault_reports_WbsqP .text--watchtower_vault_reports_JLE2n p,
.widget-container--watchtower_vault_reports_WbsqP .text--watchtower_vault_reports_JLE2n strong {
    width: 90%;
    line-height: 160%
}

.widget-container--watchtower_vault_reports_WbsqP .text--watchtower_vault_reports_JLE2n button {
    margin-top: 24px
}

.widget-container--watchtower_vault_reports_WbsqP img {
    width: 50%;
    height: auto;
    padding-right: 6px
}

.bold--watchtower_vault_reports_w5hn7 {
    font-weight: 600;
    margin: 0
}

.subtitle--watchtower_vault_reports_E6PwK {
    font-weight: 600;
    margin: 0 0 20px;
    color: #333
}

.no-issues-header--watchtower_vault_reports_oeOiu {
    font-weight: var(--knox-font-weight-heading-default);
    font-size: var(--knox-font-size-heading-medium);
    color: var(--knox-text-icon-success);
    padding: 8px;
    text-align: center
}

.no-issues-subheader--watchtower_vault_reports_aKsPv {
    font-weight: var(--knox-font-weight-body-default);
    font-size: var(--knox-font-size-body-large);
    text-align: center
}

.success-image--watchtower_vault_reports_bzvmJ {
    display: flex;
    justify-content: center;
    padding: 16px
}

.banner-pill--watchtower_vault_reports_UpPEa {
    background-color: #fa0;
    color: #333;
    border-radius: 16px;
    padding: 0 10px;
    margin: 0 8px
}

.vault-manager-icon--watchtower_vault_reports__SezH:hover {
    background-image: url("/images/watchtower-info-icon.svg");
    background-repeat: no-repeat;
    background-position: center
}

.watchtower-table--watchtower_vault_reports_bNXqL .disabled--watchtower_vault_reports_Xd1wt a:link,
.watchtower-table--watchtower_vault_reports_bNXqL .disabled--watchtower_vault_reports_Xd1wt a:visited {
    color: var(--knox-text-icon-disabled)
}

.watchtower-table--watchtower_vault_reports_bNXqL a:link,
.watchtower-table--watchtower_vault_reports_bNXqL a:visited {
    color: #333
}

.watchtower-table--watchtower_vault_reports_bNXqL a:link:hover,
.watchtower-table--watchtower_vault_reports_bNXqL a:visited:hover {
    text-decoration: underline;
    -webkit-text-decoration: dashed underline;
    text-decoration: dashed underline
}

.vault-details-outdated--watchtower_vault_reports_ZdRPV {
    margin-top: 10px;
    background: #fefbf6;
    padding: 16px;
    border: 1px solid #e6d3ac;
    border-radius: 4px
}

.watchtower-overview-counts--watchtower_vault_reports_jQnyg {
    display: flex;
    justify-content: space-between
}

.overview-stat--watchtower_vault_reports_wyXZU {
    margin-bottom: 16px
}

.overview-stat--watchtower_vault_reports_wyXZU .watchtower-report-stat--watchtower_vault_reports_B1Pzl {
    color: #2673bf;
    stroke: #2673bf;
    font-size: 28px;
    line-height: 33.6px;
    margin-top: 10px;
    font-weight: 500
}

.overview-stat--watchtower_vault_reports_wyXZU>p {
    margin-top: 0;
    margin-top: initial
}

.watchtower-widgets--watchtower_vault_reports_fnmrK span svg {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.watchtower-widgets--watchtower_vault_reports_fnmrK .widget-filter-icon-active--watchtower_vault_reports_BOldj path {
    fill: #fff;
    stroke: none
}

.watchtower-widgets--watchtower_vault_reports_fnmrK .widget-filter-icon-inactive--watchtower_vault_reports_Xv2lm path {
    fill: gray;
    stroke: none
}

.watchtower-widgets--watchtower_vault_reports_fnmrK button {
    display: flex;
    align-items: center
}

.watchtower-widgets--watchtower_vault_reports_fnmrK button img {
    width: 10px;
    height: 10px
}

.estimated-time-loading-message--watchtower_vault_reports_eOA22 {
    opacity: 0.55;
    display: inline-block
}

.estimated-time-loading-message--watchtower_vault_reports_eOA22 span {
    margin-left: 16px;
    position: relative;
    bottom: 1px
}

.estimated-time-loading-message--watchtower_vault_reports_eOA22.no-button-modifier--watchtower_vault_reports_T6eew {
    margin-top: 20px
}

.container--info_banner_ljU4h {
    display: flex;
    padding: 12px 12px 12px 24px;
    border-radius: 8px;
    background: var(--knox-background-attention-weak);
    min-height: 85px;
    margin-top: 20px;
    margin-bottom: 20px
}

.container--info_banner_ljU4h .image-container--info_banner_eyiN_ {
    width: 32px;
    height: 33px;
    margin-top: 25px
}

.container--info_banner_ljU4h .info-text--info_banner_FuiVt {
    margin-left: 20px;
    padding: 10px
}

.container--info_banner_ljU4h .info-text--info_banner_FuiVt h3 {
    color: var(--knox-text-icon-attention)
}

.container--info_banner_ljU4h .close-button--info_banner_V_flp {
    vertical-align: top
}

.overview-stat--statistics_tevfg {
    margin-bottom: 16px;
    display: flex;
    flex-direction: column;
    line-height: normal;
    flex: 1 1 0
}

.overview-stat--statistics_tevfg.long-text--statistics_t_HeP {
    width: fit-content;
    display: table;
    white-space: nowrap
}

@media(max-width: 1280px) {
    .overview-stat--statistics_tevfg.long-text--statistics_t_HeP {
        display: flex;
        white-space: normal;
        width: auto
    }
}

.overview-stat--statistics_tevfg .stat--statistics_y2T8y {
    color: rgba(0, 0, 0, .82);
    font-size: var(--knox-font-size-heading-small);
    font-weight: var(--knox-font-weight-heading-default);
    display: flex;
    align-items: normal;
    gap: 5px
}

.overview-stat--statistics_tevfg .stat--statistics_y2T8y.stat-emphasis--statistics_Rkl7V {
    color: var(--knox-text-icon-attention);
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.overview-stat--statistics_tevfg .stat--statistics_y2T8y.stat-disabled--statistics_kTtOz {
    color: var(--knox-text-icon-disabled)
}

.overview-stat--statistics_tevfg>p {
    margin-top: 0;
    margin-top: initial
}

.overview-stat--statistics_tevfg .description--statistics_dXRiH {
    margin-top: 8px;
    color: rgba(0, 0, 0, .62);
    font-size: var(--knox-font-size-body-small);
    font-weight: var(--knox-font-weight-body-default)
}

.overview-stat--statistics_tevfg .description--statistics_dXRiH.description-emphasis--statistics_C86tD {
    color: var(--knox-text-icon-attention)
}

.overview-stat--statistics_tevfg .description--statistics_dXRiH.description-disabled--statistics_TngQU {
    color: var(--knox-text-icon-disabled)
}

.overview-stat--statistics_tevfg:not(:first-child) {
    padding-left: 16px;
    border-left: solid 1px var(--knox-border-neutral)
}

.overview-stat--statistics_tevfg:not(:last-child) {
    padding-right: 16px
}

.filter-container--watchtower_report_filter_wmRO1 {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: var(--knox-spacing-medium);
    padding-bottom: var(--knox-spacing-medium)
}

@media(min-width: 920px) {
    .filter-container--watchtower_report_filter_wmRO1 {
        flex-direction: row;
        align-items: flex-end
    }
}

.filter-cards--watchtower_report_filter_QbgmF {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: var(--knox-spacing-medium)
}

@media(min-width: 920px) {
    .filter-cards--watchtower_report_filter_QbgmF {
        flex-direction: row
    }
}

.filter-cards--watchtower_report_filter_QbgmF .filter--watchtower_report_filter_SW699 {
    width: 200px
}

.filter-header--watchtower_report_filter_Hbk28 {
    align-self: flex-end
}

.filter-menu-container--watchtower_report_filter_idadY {
    width: 100%
}

.filter-menu-container--watchtower_report_filter_idadY button {
    width: 100%
}

@media(min-width: 920px) {
    .filter-menu-container--watchtower_report_filter_idadY {
        margin-left: auto;
        width: 300px
    }
}

.filter-menu-container--watchtower_report_filter_idadY .dropdown-item-text {
    text-align: left
}

.outdated-filter--watchtower_report_filter_qGwlU {
    margin: 10px 0
}

.outdated-filter--watchtower_report_filter_qGwlU label {
    display: flex;
    color: var(--knox-text-icon-neutral);
    gap: 12px;
    align-items: flex-end
}

.outdated-filter--watchtower_report_filter_qGwlU label p {
    font-size: var(--knox-font-size-body-small);
    margin: 0
}

.outdated-filter--watchtower_report_filter_qGwlU label span {
    font-size: 1.2rem
}

body.account-view #main-content>.centered {
    max-width: 1150px
}

.card--card_button_tTBcl {
    box-sizing: border-box;
    border-radius: 8px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    background-color: #fff;
    border: 1px solid #d7d9e0;
    padding: .6rem 2.6rem .6rem .6rem
}

.card--card_button_tTBcl p,
.card--card_button_tTBcl h2 {
    text-align: left
}

.card--card_button_tTBcl .value--card_button_MLMYo {
    margin-top: .3rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 1rem;
    line-height: 24px
}

@media only screen and (min-width: 750px) {
    .card--card_button_tTBcl .value--card_button_MLMYo {
        font-size: 1.3rem
    }
}

.card--card_button_tTBcl .value--card_button_MLMYo .avatar-wrapper--card_button__jj8L {
    float: left;
    margin-right: .5rem
}

.card--card_button_tTBcl .filter--card_button_qAEzr {
    color: #707070;
    font-size: .9rem;
    line-height: .9rem
}

#user-filter,
#vault-filter {
    position: relative
}

.filter-button--card_button_Wa_uE {
    width: 100%;
    width: -webkit-fill-available;
    width: -moz-available;
    width: stretch
}

.post-content--card_button_LJX7o {
    position: absolute;
    right: 1.5rem;
    bottom: 10px
}

.menu--card_button_eN5TA::after {
    content: "";
    width: 9px;
    height: 6px;
    position: absolute;
    right: 1.5rem;
    top: 2.5rem;
    background-image: url("/images/dropdown-chevron-v3.svg");
    background-repeat: no-repeat
}

.breaches-table--breaches_G9nZz td:last-child {
    max-width: 350px !important
}

.breaches-table--breaches_G9nZz td.breach--breaches_KDtNZ {
    width: 35%
}

.breaches-table--breaches_G9nZz td.breach--breaches_KDtNZ .wrapper--breaches_Cn9LU {
    display: flex;
    align-items: center
}

.breaches-table--breaches_G9nZz td.breach--breaches_KDtNZ .wrapper--breaches_Cn9LU>div span {
    display: block;
    color: #333;
    font-weight: 500;
    margin-bottom: -3px;
    white-space: normal
}

.breaches-table--breaches_G9nZz td.data-classes--breaches_Gs__O {
    white-space: normal;
    padding: .5rem 1rem
}

.breaches-table--breaches_G9nZz td.filter--breaches_dkTdR {
    padding: 0;
    text-align: center
}

.breaches-table--breaches_G9nZz td.filter--breaches_dkTdR button:hover svg path,
.breaches-table--breaches_G9nZz td.filter--breaches_dkTdR button.active--breaches_Z85xh svg path {
    fill: #0572ec
}

.filters--filters_IkpoK {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: .6rem;
    min-height: 31px
}

.filters--filters_IkpoK .filter-control--filters_yAe8W {
    border-radius: 1rem;
    display: inline-block;
    padding: .23rem .65rem;
    margin-right: .6rem;
    margin-bottom: .4rem;
    background-color: #8fa1b3;
    color: #fff;
    font-weight: 500;
    cursor: default
}

.filters--filters_IkpoK .filter-control--filters_yAe8W.red--filters_T0YCp {
    background-color: #c94e31
}

.filters--filters_IkpoK .filter-control--filters_yAe8W button {
    color: #fff
}

.filters--filters_IkpoK .filter-control--filters_yAe8W button:hover {
    opacity: .7
}

.filters--filters_IkpoK .filter-control--filters_yAe8W button svg {
    margin-left: .5rem
}

.filters--filters_IkpoK .toggles--filters_nGiIA {
    display: flex;
    margin-left: auto;
    flex-shrink: 0
}

.filters--filters_IkpoK .toggles--filters_nGiIA>label,
.filters--filters_IkpoK .toggles--filters_nGiIA>span {
    margin: .2rem 0 .6rem
}

.filters--filters_IkpoK .toggles--filters_nGiIA>label:not(:last-child),
.filters--filters_IkpoK .toggles--filters_nGiIA>span:not(:last-child) {
    margin-right: 1rem
}

.filters--filters_IkpoK .toggles--filters_nGiIA label {
    font-size: 1.25rem
}

.filters--filters_IkpoK .toggles--filters_nGiIA label .label--filters_tZ3Fs {
    margin-right: .4rem;
    font-size: 1rem;
    font-weight: 500;
    color: #666;
    vertical-align: 1px
}

.filters--filters_IkpoK .toggles--filters_nGiIA .no-changes--filters_fes8e {
    color: #3b8736
}

.menu-container--domain_breach_L4RC3 {
    margin-bottom: 5px
}

.summary--summary_Raj2v {
    display: flex;
    justify-content: space-between;
    padding-bottom: 1.5rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #d7d9e0;
    flex-direction: column;
    align-items: flex-start
}

@media only screen and (min-width: 1050px) {
    .summary--summary_Raj2v {
        flex-direction: row;
        align-items: flex-end
    }
}

.summary--summary_Raj2v .paragraphs--summary_wr5oC {
    display: flex;
    flex-direction: column;
    justify-items: flex-start
}

.summary--summary_Raj2v p {
    font-size: 1.9rem;
    font-weight: normal;
    line-height: 2rem
}

.summary--summary_Raj2v p.red--summary_QGjXE {
    color: #c94e31
}

.summary--summary_Raj2v p.grey--summary_A9QfD {
    color: #707070
}

.summary--summary_Raj2v p strong {
    font-weight: 700
}

.summary--summary_Raj2v button {
    margin-top: 1rem;
    min-width: 10rem
}

.summary--summary_Raj2v .buttons--summary_tpggO button {
    margin-left: .5rem
}

.header--sign-in-attempts_fHVTa {
    width: 690px
}

.sign-in-attempts-report--sign-in-attempts_QQzOM {
    width: 100%
}

.sign-in-attempts-report--sign-in-attempts_QQzOM .main-container--sign-in-attempts_Wz8n2 {
    display: flex;
    flex-direction: column
}

.sign-in-attempts-report--sign-in-attempts_QQzOM .main-container--sign-in-attempts_Wz8n2 iframe {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    display: none;
    border: solid 1px #e0e0e0;
    border-bottom: none;
    overflow: hidden
}

@media only screen and (min-width: 850px) {
    .sign-in-attempts-report--sign-in-attempts_QQzOM .main-container--sign-in-attempts_Wz8n2 iframe {
        display: block;
        height: 35vh
    }
}

.sign-in-attempts-report--sign-in-attempts_QQzOM .detail--sign-in-attempts_U6tB5 {
    display: flex;
    flex-direction: column;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border: solid 1px #e0e0e0;
    overflow: hidden
}

@media only screen and (min-width: 850px) {
    .sign-in-attempts-report--sign-in-attempts_QQzOM .detail--sign-in-attempts_U6tB5 {
        flex-direction: row
    }
}

.sign-in-attempts-report--sign-in-attempts_QQzOM .detail--sign-in-attempts_U6tB5 .entries-container--sign-in-attempts_Tcew7 {
    border-bottom: solid 1px #e0e0e0
}

@media only screen and (min-width: 850px) {
    .sign-in-attempts-report--sign-in-attempts_QQzOM .detail--sign-in-attempts_U6tB5 .entries-container--sign-in-attempts_Tcew7 {
        border-bottom-color: transparent;
        border-right: solid 1px #e0e0e0
    }
}

.sign-in-attempts-report--sign-in-attempts_QQzOM .detail--sign-in-attempts_U6tB5 .entries-header--sign-in-attempts_LLKk_ {
    background-color: #f6f7fb;
    padding: 15px 20px;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.sign-in-attempts-report--sign-in-attempts_QQzOM .detail--sign-in-attempts_U6tB5 .entries-header--sign-in-attempts_LLKk_ h3 {
    font-weight: 500
}

.sign-in-attempts-report--sign-in-attempts_QQzOM .detail--sign-in-attempts_U6tB5 .entries-header--sign-in-attempts_LLKk_ p {
    font-size: .78rem;
    font-weight: 800;
    color: #707070;
    margin-top: 5px
}

.sign-in-attempts-report--sign-in-attempts_QQzOM .detail--sign-in-attempts_U6tB5 .entries-header--sign-in-attempts_LLKk_ .list-range--sign-in-attempts_lYCyw {
    font-weight: 600;
    margin-top: 1px
}

.sign-in-attempts-report--sign-in-attempts_QQzOM .detail--sign-in-attempts_U6tB5 ul.entries--sign-in-attempts_li5Sp {
    display: flex;
    overflow-x: scroll;
    font-size: .75rem;
    background: #f6f7fb;
    height: 300px;
    overflow-x: scroll;
    overflow-y: visible;
    overflow-y: initial;
    margin-top: 0
}

@media only screen and (min-width: 850px) {
    .sign-in-attempts-report--sign-in-attempts_QQzOM .detail--sign-in-attempts_U6tB5 ul.entries--sign-in-attempts_li5Sp {
        flex-direction: column;
        width: 300px;
        height: 550px;
        overflow-y: scroll
    }
}

.sign-in-attempts-report--sign-in-attempts_QQzOM .detail--sign-in-attempts_U6tB5 ul.entries--sign-in-attempts_li5Sp li.date-group--sign-in-attempts_YF4Fw:first-child h3 {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .1)
}

.sign-in-attempts-report--sign-in-attempts_QQzOM .detail--sign-in-attempts_U6tB5 ul.entries--sign-in-attempts_li5Sp li.date-group--sign-in-attempts_YF4Fw h3,
.sign-in-attempts-report--sign-in-attempts_QQzOM .detail--sign-in-attempts_U6tB5 ul.entries--sign-in-attempts_li5Sp li.date-group--sign-in-attempts_YF4Fw h4 {
    position: sticky;
    background-color: #f1f2f6;
    padding: 7px 20px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1rem;
    color: #454f5b;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .1), inset 0 1px 0 0 rgba(0, 0, 0, .1);
    top: -1px;
    left: 0
}

.sign-in-attempts-report--sign-in-attempts_QQzOM .detail--sign-in-attempts_U6tB5 ul.entries--sign-in-attempts_li5Sp li.date-group--sign-in-attempts_YF4Fw ul {
    margin: 0;
    overflow-y: scroll;
    border-right: 2px solid rgba(0, 0, 0, .11)
}

@media only screen and (min-width: 850px) {
    .sign-in-attempts-report--sign-in-attempts_QQzOM .detail--sign-in-attempts_U6tB5 ul.entries--sign-in-attempts_li5Sp li.date-group--sign-in-attempts_YF4Fw ul {
        border-right: none;
        overflow-y: visible;
        overflow-y: initial
    }
}

.sign-in-attempts-report--sign-in-attempts_QQzOM .detail--sign-in-attempts_U6tB5 ul.entries--sign-in-attempts_li5Sp li.date-group--sign-in-attempts_YF4Fw ul li .entry--sign-in-attempts_swzvg {
    display: flex;
    align-items: center;
    cursor: default;
    background-color: #f6f7fb;
    width: 300px
}

@media only screen and (min-width: 850px) {
    .sign-in-attempts-report--sign-in-attempts_QQzOM .detail--sign-in-attempts_U6tB5 ul.entries--sign-in-attempts_li5Sp li.date-group--sign-in-attempts_YF4Fw ul li .entry--sign-in-attempts_swzvg {
        width: auto;
        width: initial
    }
}

.sign-in-attempts-report--sign-in-attempts_QQzOM .detail--sign-in-attempts_U6tB5 ul.entries--sign-in-attempts_li5Sp li.date-group--sign-in-attempts_YF4Fw ul li .entry--sign-in-attempts_swzvg .list-label--sign-in-attempts_ofbrV {
    flex: 0 0 70px;
    margin: 7px 0 7px 20px;
    vertical-align: middle;
    font-weight: 600;
    color: #454f5b
}

.sign-in-attempts-report--sign-in-attempts_QQzOM .detail--sign-in-attempts_U6tB5 ul.entries--sign-in-attempts_li5Sp li.date-group--sign-in-attempts_YF4Fw ul li .entry--sign-in-attempts_swzvg .list-content--sign-in-attempts_cgZm6 {
    flex: 1 1 auto;
    padding: 2px 20px;
    margin: 8px 0;
    color: #212b36;
    box-shadow: none
}

@media only screen and (min-width: 850px) {
    .sign-in-attempts-report--sign-in-attempts_QQzOM .detail--sign-in-attempts_U6tB5 ul.entries--sign-in-attempts_li5Sp li.date-group--sign-in-attempts_YF4Fw ul li .entry--sign-in-attempts_swzvg .list-content--sign-in-attempts_cgZm6 {
        box-shadow: inset 1px 0 0 0 rgba(0, 0, 0, .2)
    }
}

.sign-in-attempts-report--sign-in-attempts_QQzOM .detail--sign-in-attempts_U6tB5 ul.entries--sign-in-attempts_li5Sp li.date-group--sign-in-attempts_YF4Fw ul li .entry--sign-in-attempts_swzvg .list-content--sign-in-attempts_cgZm6 p {
    margin: 0
}

.sign-in-attempts-report--sign-in-attempts_QQzOM .detail--sign-in-attempts_U6tB5 ul.entries--sign-in-attempts_li5Sp li.date-group--sign-in-attempts_YF4Fw ul li .entry--sign-in-attempts_swzvg .list-content--sign-in-attempts_cgZm6 p.failure-reason--sign-in-attempts_Q94Rt {
    margin-top: 4px
}

.sign-in-attempts-report--sign-in-attempts_QQzOM .detail--sign-in-attempts_U6tB5 ul.entries--sign-in-attempts_li5Sp li.date-group--sign-in-attempts_YF4Fw ul li .entry--sign-in-attempts_swzvg.selected--sign-in-attempts_vUvQo {
    background-color: #06c;
    color: #fff
}

.sign-in-attempts-report--sign-in-attempts_QQzOM .detail--sign-in-attempts_U6tB5 ul.entries--sign-in-attempts_li5Sp li.date-group--sign-in-attempts_YF4Fw ul li .entry--sign-in-attempts_swzvg.selected--sign-in-attempts_vUvQo .list-label--sign-in-attempts_ofbrV {
    color: #fff
}

.sign-in-attempts-report--sign-in-attempts_QQzOM .detail--sign-in-attempts_U6tB5 ul.entries--sign-in-attempts_li5Sp li.date-group--sign-in-attempts_YF4Fw ul li .entry--sign-in-attempts_swzvg.selected--sign-in-attempts_vUvQo .list-content--sign-in-attempts_cgZm6 {
    box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, .5);
    color: #fff
}

.sign-in-attempts-report--sign-in-attempts_QQzOM .detail--sign-in-attempts_U6tB5 ul.entries--sign-in-attempts_li5Sp li.date-group--sign-in-attempts_YF4Fw ul li .entry--sign-in-attempts_swzvg.selected--sign-in-attempts_vUvQo .list-content--sign-in-attempts_cgZm6 .failure-reason--sign-in-attempts_Q94Rt {
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff
}

.sign-in-attempts-report--sign-in-attempts_QQzOM .detail--sign-in-attempts_U6tB5 .selected-details--sign-in-attempts_fgxUT {
    width: 100%;
    padding: 50px;
    padding-right: 10%;
    background-color: #fff
}

.sign-in-attempts-report--sign-in-attempts_QQzOM .detail--sign-in-attempts_U6tB5 .selected-details--sign-in-attempts_fgxUT .title--sign-in-attempts_MFyhN {
    color: #000;
    font-weight: 600;
    font-size: 1.2rem;
    margin-bottom: 5px
}

.sign-in-attempts-report--sign-in-attempts_QQzOM .detail--sign-in-attempts_U6tB5 .selected-details--sign-in-attempts_fgxUT .field-wrapper--sign-in-attempts_hDMyY {
    flex: 0 0 100%;
    margin: 10px 15px 10px 0;
    padding-bottom: 6px;
    border-bottom: 1px solid rgba(151, 151, 151, .47);
    display: flex;
    justify-content: space-between
}

.sign-in-attempts-report--sign-in-attempts_QQzOM .detail--sign-in-attempts_U6tB5 .selected-details--sign-in-attempts_fgxUT .field-wrapper--sign-in-attempts_hDMyY .gear-wrapper--sign-in-attempts_sqEAk {
    display: flex;
    justify-content: flex-end
}

.sign-in-attempts-report--sign-in-attempts_QQzOM .detail--sign-in-attempts_U6tB5 .selected-details--sign-in-attempts_fgxUT .field-wrapper--sign-in-attempts_hDMyY .gear-wrapper--sign-in-attempts_sqEAk .settings--sign-in-attempts_qBPFN {
    box-shadow: none;
    box-shadow: initial
}

.sign-in-attempts-report--sign-in-attempts_QQzOM .detail--sign-in-attempts_U6tB5 .selected-details--sign-in-attempts_fgxUT .field-wrapper--sign-in-attempts_hDMyY .gear-wrapper--sign-in-attempts_sqEAk .settings--sign-in-attempts_qBPFN :hover {
    box-shadow: none;
    box-shadow: initial
}

.sign-in-attempts-report--sign-in-attempts_QQzOM .detail--sign-in-attempts_U6tB5 .selected-details--sign-in-attempts_fgxUT .field-wrapper--sign-in-attempts_hDMyY .gear-wrapper--sign-in-attempts_sqEAk .settings--sign-in-attempts_qBPFN :hover svg {
    fill: #1a8cff
}

.sign-in-attempts-report--sign-in-attempts_QQzOM .detail--sign-in-attempts_U6tB5 .selected-details--sign-in-attempts_fgxUT .field-wrapper--sign-in-attempts_hDMyY .gear-wrapper--sign-in-attempts_sqEAk .settings--sign-in-attempts_qBPFN.selected--sign-in-attempts_vUvQo svg {
    fill: #1a8cff
}

.sign-in-attempts-report--sign-in-attempts_QQzOM .detail--sign-in-attempts_U6tB5 .selected-details--sign-in-attempts_fgxUT .field-wrapper--sign-in-attempts_hDMyY .firewall-rules--sign-in-attempts_ewqz4 {
    position: absolute;
    margin: 28px 0 0 15px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: inset 0 0 0 1px #d7d9e0
}

.sign-in-attempts-report--sign-in-attempts_QQzOM .detail--sign-in-attempts_U6tB5 .selected-details--sign-in-attempts_fgxUT .field-wrapper--sign-in-attempts_hDMyY .firewall-rules--sign-in-attempts_ewqz4 li {
    cursor: pointer;
    padding: 10px
}

.sign-in-attempts-report--sign-in-attempts_QQzOM .detail--sign-in-attempts_U6tB5 .selected-details--sign-in-attempts_fgxUT .failure-reason--sign-in-attempts_Q94Rt {
    padding: 2px 10px;
    border-radius: 10px
}

.sign-in-attempts-report--sign-in-attempts_QQzOM .detail--sign-in-attempts_U6tB5 .failure-reason--sign-in-attempts_Q94Rt {
    display: inline-block;
    background-color: #bb3b1b;
    border: 1px solid transparent;
    border-radius: 8px;
    padding: 0 6px;
    color: #fff;
    font-weight: 700;
    font-size: .85rem;
    margin-top: 4px
}

.sign-in-attempts-report--sign-in-attempts_QQzOM .detail--sign-in-attempts_U6tB5 .failure-reason--sign-in-attempts_Q94Rt span {
    font-weight: 400
}

.sign-in-attempts-report--sign-in-attempts_QQzOM .detail--sign-in-attempts_U6tB5 .failure-reason--sign-in-attempts_Q94Rt.reported--sign-in-attempts_APogw {
    color: #454f5b;
    background-color: #f6ca43
}

.sign-in-attempts-report--sign-in-attempts_QQzOM .detail--sign-in-attempts_U6tB5 .empty--sign-in-attempts_H8j5m {
    font-size: 1.35rem;
    margin: 15vh auto
}

.set-reminder-modal-list--pending_table_E1cVK {
    padding-left: 20px;
    list-style: disc
}

.map-container--map_view_Tbr4z {
    display: flex;
    flex-direction: column
}

.map-container--map_view_Tbr4z iframe {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    display: none;
    border: solid 1px #e0e0e0;
    border-bottom: none;
    overflow: hidden
}

@media only screen and (min-width: 850px) {
    .map-container--map_view_Tbr4z iframe {
        display: block;
        height: 35vh
    }
}

.autofill-step-container--autofill_steps_If2iH {
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    gap: 4px;
    padding: 8px;
    border: 1px solid var(--knox-border-neutral);
    width: fit-content;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.icon--autofill_steps_dpb1m {
    height: 18px;
    width: 18px
}

.icon--autofill_steps_dpb1m svg {
    height: 18px;
    width: 17px;
    padding: 0;
    font-size: 0
}

.icon-fallback--autofill_steps_IFAmp {
    border-radius: 100%;
    height: 18px;
    width: 18px;
    box-sizing: border-box;
    border: 1px solid var(--knox-border-neutral)
}

.pagination-bar-container--pagination_bar_mcrkz {
    display: flex;
    justify-content: space-between
}

.pagination-bar-container--pagination_bar_mcrkz .page-selection--pagination_bar_Qez0D {
    display: flex;
    gap: 10px
}

.pagination-bar-container--pagination_bar_mcrkz .page-selection--pagination_bar_Qez0D p {
    margin-top: 5px;
    word-break: normal
}

.pagination-bar-container--pagination_bar_mcrkz .page-selection--pagination_bar_Qez0D .grey--pagination_bar__coTu {
    color: #b0bac9
}

.pagination-bar-container--pagination_bar_mcrkz .page-selection--pagination_bar_Qez0D input {
    height: 1.8667rem;
    width: 3.333rem;
    border: 1px solid #bfbfbf;
    margin-top: 0;
    margin-top: initial;
    padding-left: 4px;
    padding-right: 4px;
    text-align: center
}

.pagination-bar-container--pagination_bar_mcrkz .page-selection--pagination_bar_Qez0D input::-webkit-outer-spin-button,
.pagination-bar-container--pagination_bar_mcrkz .page-selection--pagination_bar_Qez0D input::-webkit-inner-spin-button {
    appearance: none;
    margin: 0
}

.pagination-bar-container--pagination_bar_mcrkz .page-selection--pagination_bar_Qez0D input[type=number] {
    -moz-appearance: textfield
}

.pagination-bar-container--pagination_bar_mcrkz .select--pagination_bar_YxfZk {
    display: flex;
    gap: 10px
}

.pagination-bar-container--pagination_bar_mcrkz .select--pagination_bar_YxfZk .text--pagination_bar_lds0t {
    margin-top: 5px
}

.pagination-bar-container--pagination_bar_mcrkz .select--pagination_bar_YxfZk label {
    color: #333
}

.pagination-bar-container--pagination_bar_mcrkz .select--pagination_bar_YxfZk select {
    height: 1.8667rem;
    min-height: 0;
    min-height: initial;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 0;
    margin-top: initial
}

.wizard-steps--wizard_steps_RuOYj {
    display: flex;
    flex-direction: column;
    position: relative
}

.loading-container--wizard_steps_a_9gK {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%
}

.unordered-list--export_instructions_vTdec {
    list-style: disc
}

.tabs--export_instructions_U3Q_4 {
    width: fit-content;
    margin-bottom: 12px;
    gap: initial;
    grid-auto-columns: initial;
    padding: 0;
    padding: initial
}

.tabs--export_instructions_U3Q_4 button {
    border-radius: var(--knox-corner-radius-circular);
    height: 30px;
    padding: 7px 12px
}

.tab--selected--export_instructions_W6R9V {
    color: #fff;
    background-color: #0572ec
}

.options-popup--share_service_modal_YAKkW {
    width: 430px !important
}

.wrapper--share_service_modal_E6CPf {
    display: flex;
    justify-content: center
}

.load-error-wrapper--share_service_modal_R9UZo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.alert-icon--share_service_modal_ZSb3E {
    width: 16px;
    height: 16px
}

.submit-button--share_service_modal_TS6s6 {
    width: 100%
}

.dangerous-text--share_service_modal_vkMGw {
    font-weight: bold;
    margin-top: 1em
}

.dangerous-confirm-button--share_service_modal_i5GpV {
    margin-left: 2em
}

.unsupported-msg--share_service_modal_hle3L {
    display: flex;
    flex-direction: column;
    font-size: 14px
}

.unsupported-msg-text--share_service_modal_MBQcM {
    padding-bottom: 1em
}

.footer-text--share_service_modal_vTq5I {
    font-size: 12px
}

.share-item-details-wrapper--share_service_modal_c5Ey1 {
    margin-top: 1em;
    text-align: center
}

.b5-share-link-buttons--share_service_modal_d8pdX {
    justify-content: center;
    width: auto;
    width: initial
}

.toolbar--toolbar_ZG8Vl {
    position: relative;
    background-color: var(--knox-background-neutral);
    padding: 0 10px 10px;
    box-shadow: inset 0 -1px 0 #e4e6e7;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    flex: 0 0 50px
}

@media print {
    .toolbar--toolbar_ZG8Vl {
        display: none !important
    }
}

.left--toolbar_KCPq2,
.right--toolbar_Db2ID {
    display: flex;
    flex: 0 1 auto;
    margin-top: 5px
}

.left--toolbar_KCPq2 {
    margin-right: 10px
}

.left--toolbar_KCPq2>button:first-child {
    margin-left: 10px
}

.left--toolbar_KCPq2>button+button {
    margin-left: 10px
}

.right--toolbar_Db2ID {
    display: flex
}

.right--toolbar_Db2ID>button:first-child {
    margin-right: 10px
}

.right--toolbar_Db2ID>button+button {
    margin-right: 10px
}

.add--toolbar_CJojy {
    color: #0572ec;
    background-color: #fff;
    border: 1px solid #0572ec;
    border-radius: 6px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-top: 5px;
    padding: 5px 9px;
    margin-top: 5px;
    font-size: 1.5rem;
    padding: 3px 9px 6px 8px
}

.add--toolbar_CJojy:focus {
    background-color: #bfddfe
}

.edit--toolbar_PA8u6 {
    color: #0572ec;
    background-color: #fff;
    border: 1px solid #0572ec;
    border-radius: 6px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-top: 5px;
    padding: 5px 9px
}

.edit--toolbar_PA8u6:focus {
    background-color: #bfddfe
}

.save--toolbar_ZBdqy {
    color: #0572ec;
    background-color: #fff;
    border: 1px solid #0572ec;
    border-radius: 6px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-top: 5px;
    padding: 5px 9px
}

.save--toolbar_ZBdqy:focus {
    background-color: #bfddfe
}

.cancel--toolbar_SP34T {
    color: #0572ec;
    background-color: #fff;
    border: 1px solid #0572ec;
    border-radius: 6px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-top: 5px;
    padding: 5px 9px;
    color: #333;
    border: 1px solid #333
}

.cancel--toolbar_SP34T:focus {
    background-color: #bfddfe
}

.cancel--toolbar_SP34T:focus {
    background-color: #e6e6e6
}

.restore--toolbar_cSNWm {
    color: #0572ec;
    background-color: #fff;
    border: 1px solid #0572ec;
    border-radius: 6px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-top: 5px;
    padding: 5px 9px;
    color: #333;
    border: 1px solid #333
}

.restore--toolbar_cSNWm:focus {
    background-color: #bfddfe
}

.restore--toolbar_cSNWm:focus {
    background-color: #e6e6e6
}

.archive--toolbar_DPbBH {
    color: #0572ec;
    background-color: #fff;
    border: 1px solid #0572ec;
    border-radius: 6px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-top: 5px;
    padding: 5px 9px;
    color: #333;
    border: 1px solid #333
}

.archive--toolbar_DPbBH:focus {
    background-color: #bfddfe
}

.archive--toolbar_DPbBH:focus {
    background-color: #e6e6e6
}

.delete--toolbar_wxczu {
    color: #0572ec;
    background-color: #fff;
    border: 1px solid #0572ec;
    border-radius: 6px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-top: 5px;
    padding: 5px 9px;
    color: #e60000;
    border: 1px solid #e60000
}

.delete--toolbar_wxczu:focus {
    background-color: #bfddfe
}

.delete--toolbar_wxczu:focus {
    background-color: #ffe6e6
}

.new-item-actions-list--toolbar_s1ip_ {
    position: absolute;
    top: 32px;
    left: 15px;
    max-height: calc(100vh - 120px);
    overflow: auto;
    background-color: #fff;
    padding: 0;
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, .15) 0 0 0 1px, rgba(0, 0, 0, .15) 0 1px 20px;
    width: auto
}

.new-item-action--toolbar_eOJmX {
    padding: 6px 10px;
    cursor: pointer;
    display: block;
    color: rgba(0, 0, 0, .55);
    width: 100%;
    text-align: left
}

.new-item-action--toolbar_eOJmX:hover,
.new-item-action--toolbar_eOJmX:focus {
    background-color: #f6f7f8
}

.new-item-action--toolbar_eOJmX img {
    vertical-align: -2px;
    margin-right: 8px
}

.new-item-action--toolbar_eOJmX:not(:last-child) {
    border: none
}

.live-element--toolbar_aHM0y {
    visibility: hidden;
    position: absolute
}

.title--delete_item_popup_MUJFs {
    font-size: 16px;
    line-height: 21px
}

.button--delete_item_popup_kCvwv {
    font-weight: 500
}

.value--passkey_field_s6JfV svg {
    display: inline-block;
    margin-right: 8px;
    color: var(--knox-background-attention)
}

.value--passkey_field_s6JfV span {
    color: #707070
}

.value--passkey_field_s6JfV svg,
.value--passkey_field_s6JfV span {
    vertical-align: middle
}

.modal--item_sharing_details_popup_JpPIz {
    width: 620px !important
}

.detail-wrapper--item_sharing_details_popup_AXVkl {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center
}

.loading-text--item_sharing_details_popup_H3LQA {
    margin-left: 1rem
}

.detail-table--item_sharing_details_popup_tY_yj {
    width: 100%;
    padding: 8px;
    border-radius: 6px 6px 0 0;
    overflow: hidden
}

.table-header--item_sharing_details_popup_icCTE {
    height: 43px;
    background-color: #f6f7fb;
    color: #262626;
    border-bottom: 1px solid #d4dbe4
}

.table-header--item_sharing_details_popup_icCTE th {
    text-align: left;
    vertical-align: middle;
    padding: 0 1rem
}

.table-header--item_sharing_details_popup_icCTE .with-column-header--item_sharing_details_popup_QZCx6 {
    width: 95px
}

.table-body--item_sharing_details_popup_tmsQH {
    font-size: 12px
}

.table-row--item_sharing_details_popup_tc_K7 td {
    height: 48px;
    vertical-align: middle;
    padding: 0 1rem
}

.table-row--item_sharing_details_popup_tc_K7:not(:last-child) {
    border-bottom: 1px solid #d4dbe4
}

.table-row--item_sharing_details_popup_tc_K7:last-child .option-menu--item_sharing_details_popup_oRXMZ {
    top: auto;
    top: initial;
    bottom: 22px
}

.shared-by--item_sharing_details_popup_zs6by {
    font-weight: 600;
    max-width: 160px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.delete-button-container--item_sharing_details_popup_cZ410 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.delete-button--item_sharing_details_popup_nc_TZ {
    padding: 0 6px
}

.delete-button--item_sharing_details_popup_nc_TZ:hover {
    background-image: none
}

.delete-button--item_sharing_details_popup_nc_TZ:hover svg path {
    fill: #a13317
}

.link-button--item_sharing_details_popup_qWbDw {
    padding: 0 6px
}

.link-button--item_sharing_details_popup_qWbDw svg path {
    fill: #0572ec
}

.link-button--item_sharing_details_popup_qWbDw:hover {
    background-image: none
}

.link-button--item_sharing_details_popup_qWbDw:hover svg path {
    fill: #204060
}

.disabled--item_sharing_details_popup_pkRiT svg path,
.disabled--item_sharing_details_popup_pkRiT:hover svg path,
.disabled--item_sharing_details_popup_pkRiT:focus svg path {
    fill: rgba(0, 0, 0, .3)
}

.inactive--item_sharing_details_popup_NZmXC {
    background-color: rgba(0, 0, 0, .03);
    opacity: 0.5
}

.inactive--item_sharing_details_popup_NZmXC .shared-by--item_sharing_details_popup_zs6by,
.inactive--item_sharing_details_popup_NZmXC .shared-by--item_sharing_details_popup_zs6by:hover {
    color: #333
}

.option-menu-background--item_sharing_details_popup_ombwv {
    z-index: 299;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.option-menu--item_sharing_details_popup_oRXMZ {
    z-index: 300;
    overflow: hidden;
    padding: 5px 12px;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, .15) 0 0 0 1px, rgba(0, 0, 0, .15) 0 1px 20px;
    position: absolute;
    right: 31px;
    top: 32px;
    margin-bottom: 1rem
}

.delete-link-btn--item_sharing_details_popup__X0nE {
    color: #bb3b1b
}

.delete-link-btn--item_sharing_details_popup__X0nE:hover {
    background-image: none
}

.button--destroy_item_popup_Rm27H {
    font-weight: 500
}

.media-card-image-center-section--xam_pql_ad_RlSdo {
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin-top: auto;
    margin-bottom: auto
}

.media-card-image-blue-container--xam_pql_ad_fljfT {
    width: 11.1rem;
    background-image: linear-gradient(90deg, #ebf4ff 0%, #ebf4ff 67%, transparent 50%, transparent 100%);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50%
}

.media-card-image-red-container--xam_pql_ad_nQA0b {
    width: 11.1rem;
    background-image: linear-gradient(90deg, #ffefeb 0%, #ffefeb 67%, transparent 50%, transparent 100%);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50%
}

.trial-banner--index_ow9MP {
    display: flex;
    flex-flow: column;
    align-items: center;
    padding: 12px;
    border-radius: 6px;
    background-color: #1060d1;
    color: #fff;
    padding: 12px;
    max-width: 1620px;
    margin: 0 auto;
    margin-bottom: 24px
}

@media(min-width: 600px) {
    .trial-banner--index_ow9MP {
        flex-flow: row;
        height: 50px;
        padding: 0 16px
    }
}

.trial-banner--index_ow9MP p {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 8px
}

@media(min-width: 600px) {
    .trial-banner--index_ow9MP p {
        margin: 0 16px 0 0
    }
}

.trial-banner--index_ow9MP a {
    color: #1060d1;
    background-color: #fff;
    padding: 6px 24px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    -webkit-text-decoration: none;
    text-decoration: none
}

[data-focus-visible] .trial-banner--index_ow9MP a:focus {
    box-shadow: inset 0 0 0 1px #1060d1, 0 0 0 3px rgba(255, 255, 255, 0.56471)
}

.card--card_ccdpP {
    display: grid;
    grid-template-rows: auto auto 1fr;
    grid-template-areas: "title image" "description image" "link image";
    max-width: 420px;
    width: 100%;
    height: 216px;
    border: 1px solid #d7d9e0;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .05);
    background: #fff;
    padding-left: 24px;
    overflow: hidden;
    position: relative
}

@media(min-width: 1920px) {
    .card--card_ccdpP {
        max-width: 480px;
        height: 240px
    }
}

.card--card_ccdpP h3 {
    margin-top: 16px;
    grid-area: title;
    font-size: var(--knox-font-size-heading-small);
    line-height: 130%;
    margin-bottom: 8px;
    padding-right: 5px
}

@media(min-width: 1920px) {
    .card--card_ccdpP h3 {
        font-size: var(--knox-font-size-heading-medium)
    }
}

.card--card_ccdpP p {
    grid-area: description;
    margin-top: 0;
    line-height: 130%;
    padding-right: 5px;
    font-size: var(--knox-font-size-body-medium)
}

@media(min-width: 1920px) {
    .card--card_ccdpP p {
        font-size: var(--knox-font-size-body-large)
    }
}

.card--card_ccdpP>div:first-of-type {
    grid-area: link;
    align-self: end;
    border-top: 1px solid #d7d9e0;
    justify-content: center;
    overflow: hidden;
    padding-top: 16px;
    margin-bottom: 16px
}

.card--card_ccdpP a {
    line-height: 130%;
    font-size: 16px;
    font-weight: 500;
    color: #0166cb;
    -webkit-text-decoration: none;
    text-decoration: none;
    width: 100%;
    display: flex;
    align-items: center
}

.card--card_ccdpP a:focus-visible {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.card--card_ccdpP a svg {
    height: 12px;
    width: 7px;
    margin-left: 8px;
    transition: 200ms
}

.card--card_ccdpP a svg>path {
    stroke: #0166cb
}

.card--card_ccdpP a:hover svg {
    transform: translateX(4px)
}

.card--card_ccdpP>svg {
    grid-area: image
}

@media(min-width: 1920px) {
    .card--card_ccdpP>svg {
        transform: scale(1.2)
    }
}

.card--card_ccdpP .complete--card_rrfrw {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, .8)
}

.completed--completed_ZwImN {
    display: flex;
    flex-flow: column;
    width: 100%;
    padding: 24px;
    position: relative
}

.completed--completed_ZwImN p {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(0, 0, 0, .55);
    font-size: 16px;
    margin: 0
}

.minimized--minimized_CGh_L {
    max-width: 1620px;
    margin: 0 auto;
    margin-bottom: 24px
}

@media(max-width: 800px) {
    .minimized--minimized_CGh_L {
        display: none
    }
}

.minimized--minimized_CGh_L h2 {
    font-size: 24px;
    line-height: 120%
}

.minimized--minimized_CGh_L p {
    font-size: 16px;
    line-height: 160%
}

.minimized--minimized_CGh_L p button {
    color: #0166cb
}

.minimized--minimized_CGh_L p button:focus-visible {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.minimized--minimized_CGh_L p button svg {
    margin-left: 8px
}

.navigation--navigation_MHU7g {
    justify-self: right;
    align-self: end;
    display: flex;
    align-items: center;
    padding: 12px 16px;
    border: 1px solid #d7d9e0;
    border-radius: 100px;
    height: 40px
}

.navigation--navigation_MHU7g:focus-visible {
    border: 1px solid #333;
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.navigation--navigation_MHU7g:hover,
.navigation--navigation_MHU7g:active {
    border: 1px solid #333
}

.navigation--navigation_MHU7g>div {
    height: 4px;
    width: 4px;
    margin-right: 6px;
    border-radius: 50%;
    background: #333;
    opacity: .3
}

.navigation--navigation_MHU7g>div.selected--navigation_QWfoU {
    opacity: 1
}

.navigation--navigation_MHU7g>div:last-of-type {
    margin-right: 0
}

.navigation--navigation_MHU7g svg {
    height: 16px;
    width: 10px;
    margin-left: 12px;
    transition: 200ms
}

.navigation--navigation_MHU7g svg>path {
    stroke: #333
}

.navigation--navigation_MHU7g:active svg {
    transform: translateX(4px)
}

.onboarding-cards--onboarding_cards_kiS2f {
    background: #fff;
    border: 1px solid #d7d9e0;
    border-radius: 6px;
    display: grid;
    grid-template-columns: auto 1fr;
    min-height: 280px;
    position: relative;
    max-width: 1620px;
    margin: 0 auto;
    margin-bottom: 24px;
    overflow: hidden
}

.onboarding-cards--onboarding_cards_kiS2f::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    pointer-events: none;
    border-radius: 6px;
    z-index: 2;
    background: #fff;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 82%, white 100%)
}

.onboarding-cards--onboarding_cards_kiS2f>div:first-of-type {
    display: grid;
    grid-template-rows: auto auto 1fr;
    width: 250px;
    margin: 32px;
    margin-right: 0
}

@media(min-width: 1275px) {
    .onboarding-cards--onboarding_cards_kiS2f>div:first-of-type {
        width: 500px;
        margin-right: 74px
    }
}

@media(min-width: 1920px) {
    .onboarding-cards--onboarding_cards_kiS2f>div:first-of-type {
        min-width: 600px;
        margin-right: 116px
    }
}

.onboarding-cards--onboarding_cards_kiS2f>div:first-of-type h2 {
    font-size: 24px;
    line-height: 120%
}

.onboarding-cards--onboarding_cards_kiS2f>div:first-of-type p {
    font-size: 16px;
    line-height: 160%
}

.onboarding-cards--onboarding_cards_kiS2f ul {
    display: flex;
    gap: 32px;
    overflow: hidden;
    margin: 32px 0 32px 32px
}

@media(min-width: 1920px) {
    .onboarding-cards--onboarding_cards_kiS2f ul {
        gap: 64px
    }
}

.onboarding-cards--onboarding_cards_kiS2f ul li {
    min-width: 420px;
    z-index: 2
}

@media(min-width: 1920px) {
    .onboarding-cards--onboarding_cards_kiS2f ul li {
        min-width: 480px
    }
}

.onboarding-cards--onboarding_cards_kiS2f ul li.background--onboarding_cards_vey5_ {
    position: absolute;
    display: none
}

.onboarding-cards--onboarding_cards_kiS2f ul li.background--onboarding_cards_vey5_:nth-child(1) {
    display: grid;
    min-width: 404px;
    width: 404px;
    margin-left: 8px;
    margin-top: 8px;
    opacity: .8;
    z-index: 1
}

@media(min-width: 1920px) {
    .onboarding-cards--onboarding_cards_kiS2f ul li.background--onboarding_cards_vey5_:nth-child(1) {
        min-width: 464px;
        width: 464px
    }
}

.onboarding-cards--onboarding_cards_kiS2f ul li.background--onboarding_cards_vey5_:nth-child(2) {
    display: grid;
    min-width: 388px;
    width: 388px;
    margin-left: 16px;
    margin-top: 16px;
    opacity: .2;
    z-index: 1
}

@media(min-width: 1920px) {
    .onboarding-cards--onboarding_cards_kiS2f ul li.background--onboarding_cards_vey5_:nth-child(2) {
        min-width: 448px;
        width: 448px
    }
}

.onboarding-cards--onboarding_cards_kiS2f .close--onboarding_cards_MFSfk {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: -0.3px;
    color: #7a8a99;
    position: absolute;
    top: 0;
    right: 0;
    margin: 10px 12px;
    display: flex;
    align-items: center;
    z-index: 3
}

.onboarding-cards--onboarding_cards_kiS2f .close--onboarding_cards_MFSfk:focus-visible {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.onboarding-cards--onboarding_cards_kiS2f .close--onboarding_cards_MFSfk svg {
    margin-right: 6px
}

.admin-landing-wrapper--admin_landing_erEPU,
.reports-dashboard-wrapper--admin_landing_W4eXc {
    background: var(--knox-background-neutral)
}

.content-wrapper--admin_landing__yDEa {
    position: relative;
    width: 100%
}

@media(min-width: 1280px) {
    .content-wrapper--admin_landing__yDEa {
        max-width: 1200px;
        left: 50%;
        transform: translateX(-50%)
    }
}

[data-focus-visible] .content-wrapper--admin_landing__yDEa button:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.bold-name--admin_landing_Q_DsL {
    color: var(--knox-text-icon-attention)
}

.nav-header--admin_landing_n42_T {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 20px
}

.admin-landing-page-header--admin_landing_g5e5J {
    display: flex;
    flex-direction: column;
    margin-bottom: 64px
}

@media(min-width: 1280px) {
    .admin-landing-page-header--admin_landing_g5e5J {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start
    }
}

.admin-landing-overview-container--admin_landing_inURx {
    width: 100%;
    min-width: 0;
    min-width: initial;
    max-width: none;
    max-width: initial;
    padding-top: 44px
}

@media(min-width: 1280px) {
    .admin-landing-overview-container--admin_landing_inURx {
        padding-top: 7px;
        min-width: 320px;
        max-width: 720px;
        width: 100%
    }
}

.greeting--admin_landing_DBK1S {
    font-size: 3rem;
    font-weight: 600;
    color: var(--knox-text-icon-neutral);
    line-height: 110%;
    letter-spacing: -1.07px;
    margin-right: 32px;
    width: 100%;
    max-width: none;
    max-width: initial;
    min-width: 0;
    min-width: initial
}

@media(min-width: 1280px) {
    .greeting--admin_landing_DBK1S {
        min-width: 288px;
        max-width: 427px
    }
}

.admin-landing-overview-stat-container--admin_landing_pwtj3 {
    display: flex;
    flex-direction: column
}

@media(min-width: 960px) {
    .admin-landing-overview-stat-container--admin_landing_pwtj3 {
        flex-direction: row
    }
}

.stat--admin_landing_MY5tn {
    display: flex;
    flex-direction: column;
    line-height: normal;
    flex: 1 1 0
}

.admin-landing-overview-stat-value--admin_landing_xT4r3 {
    font-size: 3rem;
    padding-bottom: 8px;
    font-weight: 600
}

.admin-landing-overview-stat-description--admin_landing_Wl0vc {
    font-size: 1.25rem;
    font-weight: 600;
    margin-top: 0;
    color: var(--knox-text-icon-neutral-weak);
    padding-bottom: 16px
}

.stat--admin_landing_MY5tn:not(:last-child) {
    padding-right: 16px;
    border-bottom: solid 1px var(--knox-border-neutral)
}

@media(min-width: 960px) {
    .stat--admin_landing_MY5tn:not(:last-child) {
        border-bottom: 0
    }
}

.stat--admin_landing_MY5tn:not(:first-child) {
    border-left: none;
    padding-top: 16px
}

@media(min-width: 960px) {
    .stat--admin_landing_MY5tn:not(:first-child) {
        border-left: solid 1px var(--knox-border-neutral);
        padding-left: 16px;
        padding-top: 0
    }
}

.spinner-container--admin_landing_b5Wte {
    justify-content: center;
    width: 100%;
    display: flex
}

.default--admin_landing_yHzHD {
    color: var(--knox-text-icon-neutral)
}

.disabled--admin_landing___tNx {
    color: var(--knox-text-icon-disabled)
}

.weak--admin_landing__ZbKp {
    color: var(--knox-text-icon-neutral-weak)
}

.invites-recovery-card--admin_landing_mesen>.content--admin_landing_idv2C {
    flex-basis: 100%;
    padding: 12px 16px;
    font-weight: 600
}

.invites-recovery-card--admin_landing_mesen>.content--admin_landing_idv2C .link--admin_landing_rSimj:not(:last-child) {
    margin-bottom: 24px
}

.invites-recovery-card--admin_landing_mesen>.content--admin_landing_idv2C .link--admin_landing_rSimj>a {
    display: flex;
    align-items: center;
    gap: 10px
}

.invites-recovery-card--admin_landing_mesen>.content--admin_landing_idv2C .link--admin_landing_rSimj>a>svg {
    height: 12px;
    width: 13.5px
}

.invites-recovery-card--admin_landing_mesen>.content--admin_landing_idv2C .loading--admin_landing_HdIwW {
    display: flex;
    gap: 9px;
    color: var(--knox-text-icon-neutral-weak);
    font-weight: normal
}

.invites-recovery-card--admin_landing_mesen>.content--admin_landing_idv2C .text-disabled--admin_landing_Sjgym {
    color: var(--knox-text-icon-neutral-weak);
    font-weight: normal
}

.invites-recovery-card--admin_landing_mesen>hr {
    margin: 0
}

.invites--admin_landing_yIFW4>.content--admin_landing_idv2C {
    color: var(--knox-text-icon-attention);
    border-bottom: 1px solid var(--knox-border-attention)
}

.invites--admin_landing_yIFW4 .link--admin_landing_rSimj {
    color: var(--knox-text-icon-attention)
}

.invites--admin_landing_yIFW4 .link--admin_landing_rSimj a {
    color: var(--knox-text-icon-attention);
    -webkit-text-decoration: none;
    text-decoration: none
}

.recovery--admin_landing_sKgga>.content--admin_landing_idv2C {
    color: var(--knox-text-icon-success);
    border-bottom: 1px solid var(--knox-border-success)
}

.recovery--admin_landing_sKgga .link--admin_landing_rSimj {
    color: var(--knox-text-icon-success)
}

.recovery--admin_landing_sKgga .link--admin_landing_rSimj a {
    color: var(--knox-text-icon-success);
    -webkit-text-decoration: none;
    text-decoration: none
}

.traveling-user-list--admin_landing_Rd11z {
    width: 100%;
    flex-wrap: wrap;
    display: flex;
    padding: 12px
}

.traveling-user--admin_landing_D0Ccs {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 9px 16px 10px
}

@media(min-width: 1280px) {
    .traveling-user--admin_landing_D0Ccs {
        width: 50%
    }
}

@media(min-width: 1280px) {
    .traveling-user--admin_landing_D0Ccs:nth-child(odd) {
        border-right: solid 1px var(--knox-border-neutral);
        padding-right: 16px;
        padding-bottom: 10px
    }
}

.traveling-user-desc--admin_landing_Vw2T5 {
    line-height: 1.25rem;
    margin-left: 20px;
    flex: auto
}

.traveling-user-button--admin_landing_jzlGN {
    background: var(--knox-background-brand-weak);
    border-radius: 9999px;
    align-items: center;
    margin-left: 50px;
    color: var(--knox-text-icon-brand);
    box-shadow: none;
    box-shadow: initial;
    min-width: fit-content
}

.traveling-loading--admin_landing_vCnTN {
    padding: 12px 16px;
    display: flex
}

.empty-state--admin_landing_eQbMK {
    background-color: var(--knox-background-neutral-low);
    padding: 32px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    color: var(--knox-text-icon-neutral-weak);
    border-radius: 12px
}

.report-card-button--admin_landing_WhyYR {
    margin-top: auto
}

.report-card-button--admin_landing_WhyYR a,
.report-card-button--admin_landing_WhyYR button {
    -webkit-text-decoration: none;
    text-decoration: none;
    padding: 8px;
    background: var(--color-branding-bits-blue);
    color: var(--knox-text-icon-inverse);
    border-radius: 8px
}

.report-card-button--admin_landing_WhyYR a:hover,
.report-card-button--admin_landing_WhyYR button:hover {
    background: var(--knox-background-brand-hover)
}

[data-focus-visible] .report-card-button--admin_landing_WhyYR a:focus,
[data-focus-visible] .report-card-button--admin_landing_WhyYR button:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.security-group-card--admin_landing_YNu0N {
    padding-bottom: 64px
}

.xam-welcome-card--xam_welcome_card_eum3k {
    background: linear-gradient(43deg, rgba(133, 190, 255, 0.38) 0%, rgba(249, 236, 220, 0.5) 43.81%, rgba(214, 245, 238, 0.38) 100%), var(--knox-background-neutral-high)
}

.extension-installs-container--extension_installs_LVpTc {
    padding: var(--knox-spacing-large)
}

.extension-installs-card--extension_installs_zXQHu>.content--extension_installs_qB20d {
    flex-basis: 100%;
    padding: var(--knox-spacing-small) var(--knox-spacing-medium);
    font-weight: var(--knox-font-weight-body-strong)
}

.extension-installs-card--extension_installs_zXQHu>.content--extension_installs_qB20d .link--extension_installs_NROtc:not(:last-child) {
    margin-bottom: var(--knox-spacing-large)
}

.extension-installs-card--extension_installs_zXQHu>.content--extension_installs_qB20d .link--extension_installs_NROtc>a {
    display: flex;
    align-items: center;
    gap: var(--knox-spacing-hairline)
}

.extension-installs-card--extension_installs_zXQHu>.content--extension_installs_qB20d .link--extension_installs_NROtc>a>svg {
    height: var(--knox-spacing-small);
    width: var(--knox-spacing-small)
}

.extension-installs-card--extension_installs_zXQHu>.content--extension_installs_qB20d .loading--extension_installs_ey4d8 {
    display: flex;
    gap: var(--knox-spacing-xs);
    color: var(--knox-text-icon-neutral-weak);
    font-weight: var(--knox-font-weight-body-default)
}

.extension-installs-card--extension_installs_zXQHu>.content--extension_installs_qB20d .text-disabled--extension_installs_fEdQK {
    color: var(--knox-text-icon-neutral-weak);
    font-weight: var(--knox-font-weight-body-default)
}

.extension-installs-card--extension_installs_zXQHu>hr {
    margin: 0
}

.content--extension_installs_qB20d>.content--extension_installs_qB20d {
    color: var(--knox-text-icon-success);
    border-bottom: var(--knox-spacing-hairline) solid var(--knox-border-success)
}

.content--extension_installs_qB20d .link--extension_installs_NROtc {
    color: var(--knox-text-icon-success)
}

.content--extension_installs_qB20d .link--extension_installs_NROtc a {
    color: var(--knox-text-icon-success);
    -webkit-text-decoration: none;
    text-decoration: none
}

.extension-installs-container-header-text--extension_installs_o034A {
    background: none;
    border-bottom: var(--knox-spacing-hairline) solid var(--knox-background-neutral-low);
    margin-bottom: var(--knox-spacing-large)
}

.extension-installs-container-header-text-default--extension_installs_AxALY {
    padding: 0 0 var(--knox-spacing-2xs) 0
}

.extension-installs-container-header-text-complete--extension_installs_CXX48 {
    background: var(--knox-background-success-weak);
    color: var(--knox-text-icon-success);
    padding: 0 var(--knox-spacing-medium);
    height: calc(var(--knox-spacing-3xl) + 7px)
}

.internal-link--extension_installs_fIRrK {
    display: flex;
    flex-direction: row;
    align-items: center;
    -webkit-text-decoration: none;
    text-decoration: none
}

.extension-installs-image--extension_installs_zM8OH {
    position: relative;
    top: var(--knox-spacing-xl);
    opacity: 0;
    height: calc(var(--knox-spacing-4xl) - 18px)
}

.extension-installs-image-animated--extension_installs_iWZ5Y {
    animation: showExtensionImage--extension_installs_eH70m .25s .5s forwards ease-in
}

.progress-container--extension_installs_itR17 {
    height: calc(var(--knox-spacing-medium) + 4px)
}

.progress-bar--extension_installs_bfhCm {
    border-radius: calc(var(--knox-corner-radius-large)*2) 0 0 calc(var(--knox-corner-radius-large)*2)
}

.progress-bar-complete--extension_installs_LN8g4 {
    animation: fillProgressBar--extension_installs_h9Nxa .75s ease-in forwards
}

@keyframes fillProgressBar--extension_installs_h9Nxa {
    from {
        width: 0%
    }

    to {
        width: 100%
    }
}

@keyframes showExtensionImage--extension_installs_eH70m {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.security-section--security_section_vqcHs {
    width: 100%
}

.cards--security_section_XyIEv {
    display: flex;
    gap: 32px;
    flex-direction: column
}

.cards--security_section_XyIEv li {
    width: 100%
}

@media(min-width: 1100px) {
    .cards--security_section_XyIEv {
        flex-direction: row
    }

    .cards--security_section_XyIEv li {
        display: flex;
        align-items: stretch
    }
}

.critical--security_section_GeHKk {
    color: var(--knox-text-icon-critical)
}

.clickable-div--home_FiGdG {
    cursor: pointer
}

.clickable-div--home_FiGdG:hover+.links--home_zdDI2 a.default-action--home_gbZ0H svg {
    fill: #0572ec
}

.all-vaults-card--home_MRTKf {
    border: 1px solid #cdcae6
}

.all-vaults-card--home_MRTKf .links--home_zdDI2 {
    border-color: #e7e6f3
}

.all-vaults-card--home_MRTKf .links--home_zdDI2 a:not(:disabled) svg {
    fill: #a097d1
}

.all-vaults-card--home_MRTKf .links--home_zdDI2 a:focus {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.all-vaults-card--home_MRTKf:hover .links--home_zdDI2 a.open--home_PFdmw svg {
    fill: #7f74c1
}

.links--home_zdDI2 {
    display: flex;
    border-top: 1px solid #eeeff2
}

.links--home_zdDI2:empty {
    display: none
}

.links--home_zdDI2 a {
    padding: .8rem 1.5rem
}

.links--home_zdDI2 a+a {
    border-left: 1px solid #eeeff2
}

.links--home_zdDI2 a.open--home_PFdmw {
    flex: 1;
    text-align: right
}

.links--home_zdDI2 a.open--home_PFdmw:focus {
    border-bottom-right-radius: 6px
}

.links--home_zdDI2 a.manage--home_LXxwL svg {
    height: 16px;
    width: 16px
}

.links--home_zdDI2 a.manage--home_LXxwL:focus {
    border-bottom-left-radius: 6px
}

.links--home_zdDI2 a:hover svg {
    fill: #0572ec
}

.links--home_zdDI2 a:disabled {
    cursor: not-allowed
}

.links--home_zdDI2 a:disabled svg {
    fill: #e4e6e7
}

.new-vault--home_tVrNK {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1620px;
    margin: 0 auto;
    margin-bottom: 18px
}

.new-vault--home_tVrNK.first-time--home_uy_ML {
    flex-flow: column;
    justify-content: initial;
    align-items: initial
}

.new-vault--home_tVrNK.first-time--home_uy_ML h2 {
    margin-bottom: 16px
}

.new-vault--home_tVrNK.first-time--home_uy_ML div {
    display: flex;
    flex-flow: column;
    align-items: center;
    padding: 16px 12px;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
    background: #fefbf6;
    border: 1px solid #e6d3ac
}

@media(min-width: 665px) {
    .new-vault--home_tVrNK.first-time--home_uy_ML div {
        justify-content: space-between;
        flex-flow: row;
        padding: 14px 16px
    }
}

.new-vault--home_tVrNK.first-time--home_uy_ML div>svg {
    position: absolute;
    top: 0;
    height: 100%
}

@media(min-width: 665px) {
    .new-vault--home_tVrNK.first-time--home_uy_ML div>svg {
        right: 72px;
        margin-top: 5px;
        top: auto;
        top: initial;
        height: auto;
        height: initial
    }
}

.new-vault--home_tVrNK.first-time--home_uy_ML div p {
    font-size: 16px;
    line-height: 130%;
    color: #333;
    z-index: 1;
    margin-bottom: 16px;
    text-align: center
}

@media(min-width: 665px) {
    .new-vault--home_tVrNK.first-time--home_uy_ML div p {
        margin-bottom: 0;
        text-align: left
    }
}

.new-vault--home_tVrNK.first-time--home_uy_ML div button {
    min-height: 32px;
    padding: 0 16px;
    z-index: 1
}

.new-vault--home_tVrNK.first-time--home_uy_ML div button svg {
    fill: #fff
}

.provisioning-header-img-wrapper--detail_header_uzmlv {
    padding: var(--knox-spacing-2xs)
}

.provisioning-header-img-wrapper--detail_header_uzmlv img {
    width: 100%;
    height: 100%
}

.integration-view--section_AhD8i {
    max-width: 1024px;
    width: 100%;
    margin: 0 auto
}

.spinner-wrapper--spinner_i5Enq {
    margin-top: 1rem
}

.spinner-container--spinner_kXyJT {
    width: 100%;
    text-align: center;
    padding-top: 30vh
}

.editable-list-item--list_editable_bIVeZ {
    display: flex;
    justify-content: space-between
}

.remove-button--list_editable_fJgQW {
    border: solid 1px #cbcccd;
    width: 28px;
    padding: 0;
    border-radius: 50%;
    display: inline-flex;
    font-weight: normal;
    line-height: 0;
    height: 28px;
    min-height: 28px;
    justify-content: center;
    align-items: center
}

.remove-button--list_editable_fJgQW:active,
.remove-button--list_editable_fJgQW:hover,
.remove-button--list_editable_fJgQW[aria-expanded=true] {
    background-color: #e4e6e7
}

.remove-button--list_editable_fJgQW:active .icon--list_editable_Dkx9N,
.remove-button--list_editable_fJgQW:hover .icon--list_editable_Dkx9N,
.remove-button--list_editable_fJgQW[aria-expanded=true] .icon--list_editable_Dkx9N {
    color: #fff
}

.remove-button--list_editable_fJgQW:active .icon--list_editable_Dkx9N svg,
.remove-button--list_editable_fJgQW:hover .icon--list_editable_Dkx9N svg,
.remove-button--list_editable_fJgQW[aria-expanded=true] .icon--list_editable_Dkx9N svg {
    fill: #fff
}

.remove-button--list_editable_fJgQW:disabled {
    background-color: transparent;
    box-shadow: inset 0 0 0 1px #d7d9e0;
    color: #cbcccd
}

.remove-button--list_editable_fJgQW:disabled .icon--list_editable_Dkx9N {
    color: inherit
}

[data-focus-visible] .remove-button--list_editable_fJgQW:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.remove-icon--list_editable_AJtHE {
    height: 100%;
    width: 100%
}

.sub-heading--data_streaming_FT_7L {
    font-size: 15px;
    color: #333;
    font-weight: 600
}

.scope-label--data_streaming_w2Roq {
    color: inherit
}

.container--details_krGe1 {
    display: flex;
    max-width: 1000px;
    margin: 0 auto
}

.sidebar--details_hD1kd {
    flex: 1;
    width: 280px;
    margin-right: 4rem
}

.main--details_YjVMI {
    flex: 3
}

.token-row--details_N19bR {
    width: 100%
}

.token-container--details_k2dnb {
    display: flex;
    flex-direction: row;
    padding: 10px 0;
    align-items: center
}

.token-container--details_k2dnb .token-settings-menu-button--details_gXkaI {
    border-radius: 15px
}

.scopes-container--details_qsRv9,
.expiry--details_kWS3L {
    width: 50%
}

.token-name--details_l5R_G {
    color: #333
}

.revoke-token-warning--details_bZJq6,
.revoke-token-desc--details__kcsM {
    line-height: 17px
}

.revoke-token-warning--details_bZJq6 {
    font-weight: bold;
    margin: 20px 0
}

.revoke-token-menu-button--details_gSH14 {
    padding: 12px;
    font-size: 16px;
    color: #333;
    width: 100%
}

.token-settings-drop-down--details_tZDyn {
    width: 82px !important;
    right: 0 !important;
    top: 34px !important
}

.cta-banner--details_Kh0Wb {
    width: 100%;
    border-radius: 8px;
    background-color: #faf2e1;
    color: #333;
    font-size: 1rem;
    line-height: 100%;
    font-weight: 600;
    padding: 1em;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    gap: 12px
}

.cta-banner--details_Kh0Wb .description--details_JAKcI {
    font-weight: 400
}

.cta-banner--details_Kh0Wb a {
    color: #333;
    background-color: #e6a15c;
    border: 1px solid #cc9951;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 10px 16px;
    align-items: center;
    text-align: center;
    -webkit-text-decoration: none !important;
    text-decoration: none !important
}

.label-desc--name_step_oUyCB {
    margin-bottom: 20px
}

.select-expiry--token_expiration_uCm5C {
    width: 100%;
    min-height: 36px;
    height: 32px;
    padding: 8px 32px 10px 14px
}

.token-name--token_step_vo0g0 {
    margin-bottom: 20px
}

.date-container--token_step_BRYhx {
    margin-top: 10px;
    margin-bottom: 20px
}

.expiry-label--token_step_q6omG {
    display: flex;
    flex-direction: row
}

.optional-container--token_step_XSWsC {
    margin-left: 5px
}

.divider--token_step_V2klQ {
    margin: 5px
}

.day-container--token_step_MSMbf,
.month-container--token_step_FGHfY {
    width: 55px
}

.year-container--token_step_rG8ID {
    width: 65px
}

.error-container--token_step_x64oL {
    margin-top: 10px;
    color: #e60000
}

.scope-container--token_step_VXezj {
    display: flex;
    align-items: flex-start;
    padding: 15px 20px;
    font-weight: normal;
    background-color: #f6f7f8;
    margin-top: 10px
}

.description-container--token_step_vbfHe {
    margin-left: 10px
}

.list--fastmail_setup_c6ufr {
    list-style: disc;
    padding-left: 20px
}

.list--fastmail_setup_c6ufr li {
    margin-bottom: 8px
}

.list--group_management_dialog_content_lCXcI:focus li.focused--group_management_dialog_content__bAws {
    box-shadow: inset 0 0 0 1px var(--knox-border-focus), 0 0 0 3px var(--knox-border-focus)
}

.idp-info-column--identity_provider_overview_ZqONT {
    grid-column: 1/4;
    grid-row: 2
}

@media(min-width: 576px) {
    .idp-info-column--identity_provider_overview_ZqONT {
        grid-column: 2;
        grid-row: 1
    }
}

.health-monitoring-switch--health_rWdDk {
    display: inline-block
}

.switch-label--health_L41s5 {
    font-size: 1.2rem;
    font-weight: 600;
    margin-left: 10px;
    vertical-align: -2px
}

.wide-modal--health_t6gw9 {
    width: 90% !important;
    max-width: 500px;
    color: #333
}

.button-container--health_sqsUe {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 1rem;
    margin-top: 1rem
}

.button-container--health_sqsUe button {
    width: 100%;
    margin-top: 8px;
    border-radius: none
}

.wide-modal--provision_manager_RnQ5O {
    width: 90% !important;
    max-width: 500px;
    color: #333
}

.button-container--provision_manager_Tis0S {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 1rem;
    margin-top: 1rem
}

.button-container--provision_manager_Tis0S button {
    width: 100%;
    margin-top: 8px;
    border-radius: none
}

.provision-manager-label--provision_manager_N9Gtw {
    font-size: 1.2rem;
    font-weight: 600
}

.provision-manager-input--provision_manager_kJt39 {
    margin-right: 1rem
}

.provision-manager-message--provision_manager_sqsJJ {
    margin-bottom: 1rem;
    background-color: #faf2e1;
    padding: 15px
}

.provision-manager-input-label--provision_manager_Wo_DX {
    display: flex !important
}

.user-container--provision_manager_B8D77 .content--provision_manager_EVZ78 {
    display: inline-grid
}

.user-container--provision_manager_B8D77 .content--provision_manager_EVZ78 .name--provision_manager_LYujL {
    cursor: default;
    font-weight: 500
}

.user-container--provision_manager_B8D77 .content--provision_manager_EVZ78 .email--provision_manager_Frslt {
    font-size: x-small;
    font-weight: 400
}

.user-container--provision_manager_B8D77 li {
    list-style-type: none;
    padding: 5px;
    margin: 5px
}

.avatar--provision_manager_rZOwW {
    margin-right: .8rem;
    display: inline-grid
}

.settings-grid--settings_jRybn {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    row-gap: var(--knox-spacing-medium)
}

@media(min-width: 1280px) {
    .settings-grid--settings_jRybn {
        grid-template-columns: 404px 1fr;
        row-gap: var(--knox-spacing-xl)
    }
}

@media(min-width: 1280px) {
    .tabs-column--settings_yfBT1 {
        grid-column: 2;
        grid-row: 1/4
    }
}

.header--hosted_provisioning_setup_Ik2_a {
    display: flex;
    flex-direction: column;
    gap: var(--knox-spacing-xl);
    width: min(100%, 1024px);
    margin: 0 auto
}

.card--provisioning_card_p16SH {
    min-height: 215px
}

.card--provisioning_card_p16SH.hosted-provisioning--provisioning_card_vj8hD {
    background-image: linear-gradient(to left, rgba(214, 231, 255, 0.6) 108px, transparent 108px)
}

.card--provisioning_card_p16SH.self-hosted--provisioning_card_qP_XU {
    background-image: linear-gradient(to left, rgba(214, 238, 235, 0.5) 108px, transparent 108px)
}

.provisioning-steps-section--provisioning_A5LhL {
    margin-left: var(--knox-spacing-small)
}

@media(min-width: 576px) {
    .provisioning-steps-section--provisioning_A5LhL {
        margin-left: var(--knox-spacing-large)
    }
}

.provisioning-steps-section--provisioning_A5LhL ol {
    list-style: decimal;
    gap: var(--knox-spacing-2xs);
    display: flex;
    flex-direction: column
}

.provisioning-steps-section--provisioning_A5LhL li {
    list-style-position: inside
}

.provisioning-steps-section--provisioning_A5LhL li::before {
    content: "";
    width: var(--knox-spacing-xs);
    display: inline-block
}

.gcp-config-options--provisioning_gbo4a ul {
    list-style: inside
}

.gcp-config-options--provisioning_gbo4a p {
    margin-left: 20px;
    margin-top: var(--knox-spacing-2xs)
}

.spinner-container--provisioning_pZaT7 {
    width: 100%;
    text-align: center;
    padding-top: 30vh
}

.scim-address-section--provisioning_e_uTS {
    margin-left: 0
}

@media(min-width: 576px) {
    .scim-address-section--provisioning_e_uTS {
        margin-left: 44px
    }
}

.provisioning-diagram--provisioning_UI4AM>img {
    max-width: 100%
}

.spinner-container--setup_QoX_0 {
    width: 100%;
    text-align: center;
    padding-top: 30vh
}

.integration-type-button--button_jos6t {
    width: 100%
}

@media(min-width: 576px) {
    .integration-type-button--button_jos6t {
        width: auto
    }
}

.integration-type-button--button_jos6t a>span>span {
    width: inherit
}

.integration-type-button-icon--button_Lf27p {
    height: 28px;
    vertical-align: -9px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 28px
}

.integration-type-button--link_yI6qR {
    width: 100%
}

@media(min-width: 576px) {
    .integration-type-button--link_yI6qR {
        width: auto
    }
}

.integration-type-button--link_yI6qR a>span>span {
    width: inherit;
    justify-content: space-between
}

.integration-type-button-icon--link_derCc {
    height: 28px;
    vertical-align: -9px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 28px
}

.integration-type-button-icon--link_derCc[src="/images/jenkins-logo.svg"] {
    height: 32px
}

.settings-grid--settings_Cgksq {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    row-gap: var(--knox-spacing-medium)
}

@media(min-width: 1280px) {
    .settings-grid--settings_Cgksq {
        grid-template-columns: 404px 1fr;
        row-gap: var(--knox-spacing-xl)
    }
}

@media(min-width: 1280px) {
    .tabs-column--settings_oMvx8 {
        grid-column: 2;
        grid-row: 1/4
    }
}

.banner--banner_ZOJMZ {
    display: inline-flex;
    margin-bottom: 10px;
    background-color: #d4dbe4;
    padding: 16px;
    border-radius: 8px;
    width: 100%;
    position: relative
}

@media only screen and (min-width: 1366px) {
    .banner--banner_ZOJMZ {
        justify-content: center
    }
}

.close-button--banner_T5Lao {
    position: absolute;
    top: 3px;
    right: 3px
}

.close--banner_P2EsE {
    display: none
}

.channels--channel_selector_jxJBY {
    display: flex;
    flex-direction: column;
    padding: 20px;
    width: 100%
}

.channel-select-wrapper--channel_selector_hlbXn {
    display: flex;
    align-items: center
}

.channel-select-label--channel_selector_EoUmL {
    flex: 0 0 40%;
    margin-top: 10px
}

.channel-select-label--channel_selector_EoUmL[aria-invalid=true] {
    color: #e60000
}

.channel-select--channel_selector_jyAIn {
    flex: 0 0 30%;
    background-image: url("/images/select-indicator.svg") !important
}

[data-focus-visible] .channel-select--channel_selector_jyAIn:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.deleted-channel-warning--channel_selector_ZAI9H {
    background-color: #fe9;
    border-radius: 5px;
    padding: 12px;
    margin-top: 12px;
    margin-bottom: 24px
}

.team-selector--team_selector_ZyHHl {
    display: flex;
    padding: 20px;
    width: 100%
}

.label--team_selector_BLrS4 {
    flex: 0 0 40%;
    display: flex;
    flex-direction: column
}

.label-link--team_selector_w3U_s {
    -webkit-text-decoration: none;
    text-decoration: none
}

.team-selector-container--team_selector_E1ngJ {
    display: flex;
    align-items: center
}

.team-selector-select--team_selector_tm9ka {
    flex: 0 0 30%;
    background-image: url("/images/select-indicator.svg") !important
}

[data-focus-visible] .team-selector-select--team_selector_tm9ka:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.refresh--team_selector_PtT9E {
    margin-left: 20px
}

.detail-header--slack_detail_iuc2_ {
    display: flex;
    flex-direction: column;
    align-items: center
}

.pre-header--slack_detail_R8kyM {
    color: #7a8a99;
    margin-bottom: 15px
}

.detail-header-activity--slack_detail_PbFNr {
    color: #7a8a99;
    margin-top: 15px
}

.banner-div--slack_detail_LxQgl {
    padding-bottom: 14px
}

.bold--slack_detail_Zf9vl {
    font-weight: 600;
    margin: 0
}

.banner-pill--slack_detail_HVPol {
    background-color: #fa0;
    color: #333;
    border-radius: 16px;
    padding: 0 10px;
    margin: 0 8px
}

.wrap-text-on-mobile--slack_detail_jfEZU {
    display: block;
    margin-top: 6px
}

@media only screen and (min-width: 1050px) {
    .wrap-text-on-mobile--slack_detail_jfEZU {
        display: inline
    }

    .wrap-text-on-mobile--slack_detail_jfEZU.docs-link--slack_detail_awY94 {
        margin-left: 8px
    }
}

.docs-link--slack_detail_awY94 {
    color: #333;
    -webkit-text-decoration: none;
    text-decoration: none
}

[data-focus-visible] .docs-link--slack_detail_awY94:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.slack-sub-heading--slack_IwL4O {
    font-size: 15px
}

.slack-list-item--slack_tc5A6 {
    margin-bottom: 8px
}

.banner-div--slack_qXFrH {
    padding-bottom: 14px
}

.list--slack_iKwvg {
    list-style: disc;
    padding-left: 20px
}

.list--slack_iKwvg li {
    margin-bottom: 8px
}

.verifying-spinner--slack_verify_wAAca {
    position: relative;
    left: 50%;
    top: 45%
}

.info-container--section_header_e0F7g {
    max-width: none;
    width: 100%
}

@media(min-width: 1024px) {
    .info-container--section_header_e0F7g {
        max-width: 80%
    }
}

.list--active_list_S6pNq {
    width: 100%;
    margin-top: 25px;
    margin-bottom: 55px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    grid-gap: 15px
}

.wrapper--active_list_item_m8sJd {
    display: flex;
    flex-direction: column;
    border: 1px solid #cbcccd;
    border-radius: 6px;
    color: #333;
    -webkit-text-decoration: none;
    text-decoration: none;
    background-color: #fff;
    cursor: pointer
}

.wrapper--active_list_item_m8sJd:hover {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.wrapper--active_list_item_m8sJd:hover a svg {
    fill: #0572ec
}

.active-card-details--active_list_item_GD08F {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.header--active_list_item_MItzG {
    display: flex;
    width: 100%;
    gap: var(--knox-spacing-xs);
    justify-content: space-between;
    padding: 32px 32px 0
}

.integration-icon--active_list_item_xvcBa {
    background: #fff;
    height: 32px;
    width: 32px;
    border-radius: 5px
}

.integration-info-title--active_list_item_XNB2_ {
    font-size: 1.3rem
}

.summary-section--active_list_item_S43NK {
    padding: 8px 32px 15px
}

.last-updated--active_list_item_dIcFy {
    font-size: .8rem
}

.integration-info-link--active_list_item_KXB9k svg {
    height: 16px;
    width: 16px;
    transition: fill .3s ease-in-out
}

.integration-info-link--active_list_item_KXB9k:hover svg,
.integration-info-link--active_list_item_KXB9k:focus svg {
    fill: #0572ec
}

.footer--active_list_item_KEOnz {
    display: flex;
    justify-content: space-between;
    width: 100%;
    justify-content: right;
    padding: 10px 20px;
    border-top: 1px solid #cbcccd
}

[data-focus-visible] .footer--active_list_item_KEOnz:focus-within {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring);
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.footer--active_list_item_KEOnz .token-expired--active_list_item_chIR_ {
    display: flex;
    margin-right: auto;
    color: var(--knox-text-icon-critical)
}

.footer--active_list_item_KEOnz .token-expired--active_list_item_chIR_ svg {
    margin-right: 10px
}

.summary-item--integration_summary_HqeUh {
    display: flex;
    flex-direction: column;
    padding: var(--knox-spacing-xs) 0
}

.title--integration_summary_I7rjW {
    color: #333;
    padding-bottom: var(--knox-spacing-2xs);
    line-height: 130%
}

.health--integration_summary_WQEcV {
    border-radius: var(--knox-spacing-2xs);
    font-weight: var(--knox-font-weight-body-strong);
    padding: 2px var(--knox-spacing-2xs);
    width: max-content
}

.health-good--integration_summary_frZHs {
    border: 1px solid #157901;
    color: #157901
}

.health-error--integration_summary_OlNSa {
    color: #fff;
    background-color: #bb3b1b;
    border: 1px solid #bb3b1b
}

.missing-health-container--integration_summary_UpPgN {
    display: flex
}

.missing-health-image--integration_summary_w0kRJ {
    margin-left: 5px;
    margin-top: 1.5px
}

.accessor-list--accessors_preview_o6ZLS {
    display: flex;
    margin-top: 4px;
    margin-left: -4px
}

.accessor-list--accessors_preview_o6ZLS .avatar {
    margin-left: 4px
}

.more-box--accessors_preview_gpYDw {
    margin-left: 4px;
    display: inline-block;
    vertical-align: middle
}

.more-box--accessors_preview_gpYDw {
    height: 24px;
    width: 24px;
    text-align: center;
    border: 1px solid #eeeff2;
    border-radius: 3.8px
}

.more-box--accessors_preview_gpYDw svg {
    margin-top: 9px
}

.counter--accessors_preview_dsYfh {
    size: 14px;
    color: #8e9eac;
    margin-left: 4px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    height: 24px;
    min-width: 24px;
    border: 1px solid #8e9eac;
    border-radius: 3.8px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 1px
}

.tooltip-container--accessors_preview_Nk7bO {
    position: relative;
    display: inline-block
}

.tooltip-container--accessors_preview_Nk7bO .tooltip--accessors_preview_TY3yy {
    display: none
}

.tooltip-container--accessors_preview_Nk7bO:hover .tooltip--accessors_preview_TY3yy,
.tooltip-container--accessors_preview_Nk7bO:active .tooltip--accessors_preview_TY3yy {
    display: inline;
    display: initial;
    position: absolute;
    z-index: 9999;
    width: max-content;
    transform: translate(calc(-50% - 0.5em), calc(-100% - 1em));
    font-size: .8rem;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    padding: 5px 12px
}

.active-page--active_page_cWPEt #unlocked-app #main-content {
    background-color: #f6f7fb
}

.hero-container--hero_nyL0h {
    background-color: #0b2e4e;
    width: calc(100% + var(--knox-spacing-xl) + var(--knox-spacing-xl));
    min-height: 195px;
    position: relative;
    left: calc(var(--knox-spacing-xl)*-1);
    top: calc(var(--knox-spacing-xl)*-1);
    right: calc(var(--knox-spacing-xl)*-1)
}

.hero-content--hero_GZC0S {
    max-width: none;
    z-index: 1
}

@media(min-width: 450px) {
    .hero-content--hero_GZC0S {
        max-width: 50%
    }
}

.hero-image--hero__whaT {
    display: none
}

@media(min-width: 450px) {
    .hero-image--hero__whaT {
        display: block;
        position: absolute;
        height: 115%;
        top: 0;
        right: -16rem
    }
}

@media(min-width: 850px) {
    .hero-image--hero__whaT {
        right: -18rem
    }
}

@media(min-width: 925px) {
    .hero-image--hero__whaT {
        right: -12rem
    }
}

@media(min-width: 1050px) {
    .hero-image--hero__whaT {
        right: -6rem
    }
}

@media(min-width: 1200px) {
    .hero-image--hero__whaT {
        right: 0
    }
}

.top-nav--nav_Ys0k2 {
    font-size: 1.1rem;
    font-weight: 600;
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center
}

.link--nav_XUot7 {
    color: var(--knox-text-icon-neutral-weak);
    padding: .5rem 1rem;
    -webkit-text-decoration: none;
    text-decoration: none;
    border-radius: 25px;
    margin: 0 5px
}

[data-focus-visible] .link--nav_XUot7:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.selected--nav_dx6fS {
    color: var(--knox-text-icon-inverse);
    background-color: var(--knox-background-brand)
}

.wrapper--active_list_item_Yuhv2 {
    display: flex;
    flex-direction: column;
    border: 1px solid #cbcccd;
    border-radius: 6px;
    color: #333;
    -webkit-text-decoration: none;
    text-decoration: none;
    background-color: #fff;
    cursor: pointer
}

.wrapper--active_list_item_Yuhv2.is-expired--active_list_item_dQv5r {
    background-color: var(--knox-background-neutral-low)
}

.wrapper--active_list_item_Yuhv2:hover {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.wrapper--active_list_item_Yuhv2:hover a svg {
    fill: #0572ec
}

.active-card-details--active_list_item_rEefh {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.header--active_list_item_q5T3x {
    display: flex;
    width: 100%;
    gap: var(--knox-spacing-xs);
    justify-content: space-between;
    padding: 32px 32px 0
}

.integration-icon--active_list_item_MZamQ {
    background: #fff;
    height: 32px;
    width: 32px;
    border-radius: 5px
}

.integration-info-title--active_list_item_XpMoy {
    font-size: 1.3rem
}

.summary-section--active_list_item_v0eqL {
    padding: 8px 32px 15px
}

.last-updated--active_list_item_hOIX1 {
    font-size: .8rem
}

.integration-info-link--active_list_item_CS7Hj svg {
    height: 16px;
    width: 16px;
    transition: fill .3s ease-in-out
}

.integration-info-link--active_list_item_CS7Hj:hover svg,
.integration-info-link--active_list_item_CS7Hj:focus svg {
    fill: #0572ec
}

.footer--active_list_item_oRArV {
    display: flex;
    justify-content: space-between;
    width: 100%;
    justify-content: right;
    padding: 10px 20px;
    border-top: 1px solid #cbcccd
}

[data-focus-visible] .footer--active_list_item_oRArV:focus-within {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring);
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.footer--active_list_item_oRArV .token-expired--active_list_item_SvLn5 {
    display: flex;
    margin-right: auto;
    color: var(--knox-text-icon-critical)
}

.footer--active_list_item_oRArV .token-expired--active_list_item_SvLn5 svg {
    margin-right: 10px
}

.summary-item--integration_summary_h8asU {
    display: flex;
    flex-direction: column;
    padding: var(--knox-spacing-xs) 0
}

.title--integration_summary_eyXJF {
    color: #333;
    padding-bottom: var(--knox-spacing-2xs);
    line-height: 130%
}

.health--integration_summary_ZKraK {
    border-radius: var(--knox-spacing-2xs);
    font-weight: var(--knox-font-weight-body-strong);
    padding: 2px var(--knox-spacing-2xs);
    width: max-content
}

.health-good--integration_summary_H1OqG {
    border: 1px solid #157901;
    color: #157901
}

.health-error--integration_summary_Jyofm {
    color: #fff;
    background-color: #bb3b1b;
    border: 1px solid #bb3b1b
}

.missing-health-container--integration_summary_DERNo {
    display: flex
}

.missing-health-image--integration_summary_BbPmO {
    margin-left: 5px;
    margin-top: 1.5px
}

.list--connect_servers_tab-styles_QcDfC {
    width: 100%;
    margin-bottom: 55px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    grid-gap: 15px
}

.active-page--connect_servers_tab-styles_xq0p0 #unlocked-app #main-content {
    background-color: #f6f7fb
}

.actions-list--connect_servers_tab-styles_OIhuq {
    list-style: disc outside none;
    list-style: initial;
    padding-left: var(--knox-spacing-medium)
}

.active-page--active_page_R_J99 #unlocked-app #main-content {
    background-color: #f6f7fb
}

.actions-list--active_page_XuOSF {
    list-style: disc outside none;
    list-style: initial;
    padding-left: var(--knox-spacing-medium)
}

.actions-list--developer_environments_tab-styles_FNoEb {
    list-style: disc outside none;
    list-style: initial;
    padding-left: var(--knox-spacing-medium)
}

.table--permissions_list_D0RzN {
    width: 100%;
    margin-top: 20px;
    border-collapse: separate;
    overflow: hidden
}

.table--permissions_list_D0RzN tr:nth-child(even) {
    background-color: #fcfcfc
}

.table--permissions_list_D0RzN tr,
.table--permissions_list_D0RzN td,
.table--permissions_list_D0RzN th {
    height: 44px
}

.table--permissions_list_D0RzN td,
.table--permissions_list_D0RzN th {
    padding: 0 1rem;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.table--permissions_list_D0RzN td.square--permissions_list_NfudC,
.table--permissions_list_D0RzN th.square--permissions_list_NfudC {
    width: 32px;
    min-width: 32px;
    padding: 0;
    text-align: center;
    box-sizing: content-box
}

.table--permissions_list_D0RzN td a,
.table--permissions_list_D0RzN th a {
    -webkit-text-decoration: none;
    text-decoration: none;
    line-height: 32px
}

.table--permissions_list_D0RzN td a:hover,
.table--permissions_list_D0RzN th a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.table--permissions_list_D0RzN th {
    background-color: #f6f7fb;
    font-weight: 600;
    text-align: left;
    border-color: #d7d9e0;
    border-style: solid;
    border-width: 1px 0
}

.table--permissions_list_D0RzN th:first-child {
    border-radius: 6px 0 0;
    border-left-width: 1px
}

.table--permissions_list_D0RzN th:last-child {
    border-radius: 0 6px 0 0;
    border-right-width: 1px
}

.table--permissions_list_D0RzN th:only-child {
    border-radius: 6px 6px 0 0;
    border-right-width: 1px;
    border-left-width: 1px
}

.table--permissions_list_D0RzN th.sortable--permissions_list_YhtoF {
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-right: 38px
}

.table--permissions_list_D0RzN th.sortable--permissions_list_YhtoF.sort-selected--permissions_list_xbj9s {
    color: #0572ec;
    background-color: #fff;
    border-width: 1px;
    position: relative
}

.table--permissions_list_D0RzN th.sortable--permissions_list_YhtoF.sort-selected--permissions_list_xbj9s::after {
    content: "";
    width: 8px;
    height: 5px;
    position: absolute;
    right: 16px;
    top: 20px
}

.table--permissions_list_D0RzN th.sortable--permissions_list_YhtoF.sort-selected--permissions_list_xbj9s.asc--permissions_list_YzXJc::after {
    transform: scaleY(-1)
}

.table--permissions_list_D0RzN td {
    border-bottom: 1px solid #d7d9e0
}

.table--permissions_list_D0RzN td.secondary--permissions_list_oNW74 {
    color: #707070
}

.table--permissions_list_D0RzN td.status--permissions_list_Z1miC.needs-action--permissions_list_Zui07 {
    color: #d43f21
}

.table--permissions_list_D0RzN td.status--permissions_list_Z1miC svg {
    fill: #666;
    margin-left: .3rem;
    vertical-align: -2px
}

.table--permissions_list_D0RzN td .avatar--permissions_list_wJork.small--permissions_list_w_rZ7 {
    float: left;
    margin-right: 10px
}

.table--permissions_list_D0RzN td .avatar--permissions_list_wJork.small--permissions_list_w_rZ7+span {
    line-height: 32px
}

.table--permissions_list_D0RzN td .template-icon--permissions_list_QLaon {
    vertical-align: -4px;
    margin-right: 8px
}

.table--permissions_list_D0RzN td span.secondary--permissions_list_oNW74 {
    color: #707070
}

.table--permissions_list_D0RzN tr.empty--permissions_list_KGHWt {
    text-align: center;
    color: #707070
}

.table--permissions_list_D0RzN tr.selected--permissions_list_jBCqo {
    background-color: #f7fbff
}

.table--permissions_list_D0RzN.activity-log-table--permissions_list_IoAOn th:not(:first-of-type) {
    width: 21%
}

.delegation-list-item--delegation_section_fNPDV {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.delegation-list-item-global--delegation_section_qdWue {
    display: flex;
    align-items: center
}

.delegation-list-item-global-link--delegation_section_h2Tkp {
    -webkit-text-decoration: none;
    text-decoration: none
}

.delegation-list-item-global-chevron--delegation_section_lyEZE {
    padding: 4px 0 0 5px
}

.delegation-list-item-global-chevron--delegation_section_lyEZE svg {
    fill: #0572ec
}

.delegation-list-item-disabled--delegation_section_b03Sh .avatar--delegation_section_shoTn.default--delegation_section_PNH5E.small--delegation_section_gQLju {
    opacity: .5
}

.delegation-list-item-header--delegation_section_lhkVS {
    display: flex;
    align-items: center;
    flex: 1
}

.delegation-list-item-header-title--delegation_section_f5HyX {
    padding: 0 0 0 .7rem
}

.delegation-list-item-acls-wrapper--delegation_section_hYEIf {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 0;
    padding: 0;
    font-size: .8rem;
    flex: 2
}

.delegation-list-item-acls--delegation_section_s2Jlz {
    text-align: right;
    padding: 0
}

.acl-menu-wrapper--delegation_section_EpPx9 {
    display: flex;
    justify-content: flex-end;
    width: 42px
}

.version--styles_dYyQ7 {
    font-size: .95em
}

.version--styles_dYyQ7.unknown--styles_HJtFm {
    color: #7a8a99
}

.txt-input--name_input_XQwty:focus {
    box-shadow: inset 0 0 0 1px var(--knox-border-focus), 0 0 0 3px var(--knox-border-focus) !important
}

.error-msg--name_input_puisJ {
    margin: .5em;
    color: #e60000;
    font-size: .9em
}

.button-group--token_xWTgt {
    display: inline-flex
}

.button-group--token_xWTgt>button {
    margin-right: .25rem
}

.button-group--token_xWTgt>button.actions--token_GrnHv {
    border: solid 1px #d7d9e0
}

.button-group--token_xWTgt>button.arrow--token_EbQGJ {
    border: 0;
    box-shadow: none;
    background-color: inherit
}

.button-group--token_xWTgt>button.arrow--token_EbQGJ.up--token_kT2WM {
    transform: rotate(180deg)
}

.button-group--token_xWTgt .edit-access-button--token_w8R75 {
    border: solid 1px #d7d9e0;
    margin-right: 10px
}

.information-group--token_UUcdu {
    display: inline-flex;
    align-items: center
}

.information-group--token_UUcdu.grayed-out--token_H8Q5r {
    opacity: .5
}

.token-menu-background--token_PLmKz {
    z-index: 299;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.token-menu--token_vZYZX {
    z-index: 300;
    overflow: hidden;
    padding: 5px 16px;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, .15) 0 0 0 1px, rgba(0, 0, 0, .15) 0 1px 20px;
    position: absolute;
    right: 12px;
    top: 38px;
    margin-bottom: 1rem
}

.token-menu--token_vZYZX h3 {
    color: #707070;
    margin: 0 0 5px
}

.token-menu--token_vZYZX div.permission-group--token_bhINx:not(:first-child) {
    margin-top: 20px
}

.token-menu--token_vZYZX li {
    padding: 0;
    margin: 5px 0 0;
    width: auto;
    display: block
}

.token-menu--token_vZYZX li ol {
    margin-left: 20px
}

.token-menu--token_vZYZX input {
    margin: 0 6px 0 0
}

.token-menu--token_vZYZX select {
    width: 100%;
    margin-top: 0
}

.token-menu--token_vZYZX button {
    color: #333;
    font-size: 16px;
    padding: 5px 0
}

.token-menu--token_vZYZX button:hover {
    -webkit-text-decoration: none;
    text-decoration: none
}

.token-menu--token_vZYZX.group--token_QZdhD label:hover {
    color: #fcfcfc
}

.token-menu--token_vZYZX label {
    font-weight: normal;
    color: #333
}

.token-menu--token_vZYZX hr {
    width: 120%;
    margin: 10px 0 10px -12px;
    background-color: #e4e6e7
}

.token-menu--token_vZYZX div.inline-select--token_AWRMa {
    margin: 0 -10px
}

.token--token_zPLTA {
    width: 100%
}

.token--token_zPLTA h3 {
    font-size: 1em;
    font-weight: 400
}

.token-status--token_G_ATC {
    font-size: .8em;
    font-weight: bold;
    line-height: 1em;
    padding: 2px 4px;
    border: 1px solid;
    border-radius: 4px;
    margin: 0 8px
}

.token-status--token_G_ATC.revoked--token_MJtWe {
    border-color: #333
}

.token-status--token_G_ATC.expired--token_WZYvQ,
.token-status--token_G_ATC.action-required--token_xdrFL {
    border-color: #bb3b1b;
    color: #bb3b1b
}

.token-details--token_JCsYX {
    color: #707070;
    font-size: .9em
}

.token-details-row--token_WfORj {
    display: flex;
    padding: .5em 0;
    width: 100%;
    margin-left: 15px
}

.token-details-row--token_WfORj h4 {
    font-size: 1em;
    color: #707070;
    margin: 0 0 3px
}

.warning--token_V4lJ2 {
    align-items: center;
    width: 80%;
    color: #333
}

.warning--token_V4lJ2 svg {
    margin-right: .8em;
    fill: #bb3b1b;
    width: 4em;
    height: 4em
}

@media only screen and (min-width: 750px) {
    .warning--token_V4lJ2 svg {
        width: 2em;
        height: 2em
    }
}

.token-timestamp--token_K6Jsv {
    flex-direction: column;
    align-items: flex-start
}

.token-scopes--token_Qva4Z {
    flex-direction: column
}

.vault-scopes--token_jRfjP {
    width: 90%
}

.vault-scopes--token_jRfjP>ol>li {
    display: flex;
    align-items: center;
    border-top: 1px solid #d7d9e0;
    position: relative;
    min-height: 45px;
    color: #707070
}

.vault-scopes--token_jRfjP>ol>li:first-child {
    border-top: 0
}

.vault-scopes--token_jRfjP>ol>li .scope--token_C4oMs {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    color: #333
}

.vault-scopes--token_jRfjP>ol>li .scope--token_C4oMs a {
    display: flex;
    align-items: center;
    -webkit-text-decoration: none;
    text-decoration: none
}

.vault-scopes--token_jRfjP>ol>li .scope--token_C4oMs a>div {
    margin-right: .8rem
}

.vault-scopes--token_jRfjP>ol>li .scope--token_C4oMs a>div[disabled] {
    cursor: default;
    opacity: 0.55
}

.vault-scopes--token_jRfjP>ol>li .scope--token_C4oMs a[disabled] {
    cursor: default;
    color: #333;
    -webkit-text-decoration: none;
    text-decoration: none
}

.vault-scopes--token_jRfjP>ol>li .scope--token_C4oMs .name--token_LxzXD {
    display: flex;
    align-items: center;
    cursor: default
}

.vault-scopes--token_jRfjP>ol>li .scope--token_C4oMs .name--token_LxzXD .avatar--token_F2Ibx {
    margin-right: .8rem
}

.vault-scopes--token_jRfjP>ol>li .scope--token_C4oMs .name--token_LxzXD .avatar--token_F2Ibx[disabled] {
    cursor: default;
    opacity: 0.55
}

.vault-scopes--token_jRfjP>ol>li .scope--token_C4oMs .permissions--token_RSIeZ {
    font-size: .8rem;
    color: #707070
}

.unknown-vault--token_fnt2L.unknown-avatar--token_Vp4QY {
    width: 24px;
    height: 24px;
    margin-right: .8em;
    background: #f2f2f2;
    border: 2px dashed #dcdcdc;
    box-sizing: border-box;
    border-radius: 50%
}

.vault-info-button--token_L689S {
    margin-left: .8em
}

.vault-info-button--token_L689S:hover {
    cursor: pointer
}

.vault-info-button--token_L689S:hover .show-on-focus--token_CNbAg {
    display: inline-block;
    font-size: .8rem;
    background-color: #000;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px;
    position: absolute;
    z-index: 1;
    bottom: 3rem;
    left: 3rem
}

.vault-info-button--token_L689S .show-on-focus--token_CNbAg {
    display: none
}

.resources-list--styles_qvdew>ol>li .content {
    width: 100%;
    padding-right: 0
}

.icon--styles__IU3Y {
    width: 1rem;
    height: 1rem
}

.tooltip-container--styles_q095Y {
    position: relative;
    display: inline-block
}

.tooltip-container--styles_q095Y .tooltip--styles_dmDgu {
    display: none
}

.tooltip-container--styles_q095Y:hover,
.tooltip-container--styles_q095Y:active {
    cursor: help
}

.tooltip-container--styles_q095Y:hover .tooltip--styles_dmDgu,
.tooltip-container--styles_q095Y:active .tooltip--styles_dmDgu {
    display: inline;
    display: initial;
    position: absolute;
    z-index: 9999;
    width: 280px;
    transform: translate(calc(-50% - 0.5rem - 2px), calc(-100% - 5px));
    font-size: .8rem;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    padding: 5px 12px
}

.tooltip-container--styles_q095Y:hover .tooltip--styles_dmDgu::after,
.tooltip-container--styles_q095Y:active .tooltip--styles_dmDgu::after {
    content: "";
    position: absolute;
    top: 99%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #333 transparent transparent transparent
}

@media only screen and (min-width: 750px) {

    .tooltip-container--styles_q095Y:hover .tooltip--styles_dmDgu,
    .tooltip-container--styles_q095Y:active .tooltip--styles_dmDgu {
        min-width: 370px
    }
}

.label--vault_scope_selector_IHz9S {
    font-weight: 600;
    color: #333;
    margin-bottom: 10px
}

.btn-choose-vaults--vault_scope_selector_S4FiG {
    font-weight: 600
}

.selected-header--vault_scope_selector_cv57b {
    justify-content: space-between;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.selected-header--vault_scope_selector_cv57b aside {
    font-size: .9rem;
    color: #707070;
    margin-bottom: 10px
}

.selected-header--vault_scope_selector_cv57b.none-selected--vault_scope_selector_dgrfq>div {
    display: flex;
    flex-direction: row
}

.selected-header--vault_scope_selector_cv57b.none-selected--vault_scope_selector_dgrfq aside {
    margin-left: 15px;
    width: 55%
}

button.edit-access-button--vault_scope_selector_eVO40 {
    border: solid 1px #d7d9e0;
    width: 28px;
    padding: 0;
    border-radius: 50%;
    font-size: inherit !important
}

.unknown-vault--vault_scope_selector_yJXO5 {
    display: flex;
    justify-content: normal;
    align-items: center;
    color: #707070
}

.unknown-vault--vault_scope_selector_yJXO5 p {
    margin-top: 0
}

.unknown-vault--vault_scope_selector_yJXO5 .unknown-avatar--vault_scope_selector_gDXh_ {
    width: 32px;
    height: 32px;
    margin-right: .8em;
    background: #f2f2f2;
    border: 2px dashed #dcdcdc;
    box-sizing: border-box;
    border-radius: 50%
}

.standard--vault_scope_selector_Nk99i {
    margin-bottom: 1rem
}

.standard--vault_scope_selector_Nk99i>ol>li {
    display: flex;
    align-items: center;
    border-top: 1px solid #d7d9e0;
    padding: .4rem .7rem;
    position: relative;
    min-height: 45px;
    color: #707070
}

.standard--vault_scope_selector_Nk99i>ol>li:nth-child(odd) {
    background-color: #fcfcfc
}

.standard--vault_scope_selector_Nk99i>ol>li:last-child {
    border-bottom: 1px solid #d7d9e0
}

.standard--vault_scope_selector_Nk99i>ol>li .content {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 28px);
    padding-right: 1rem;
    color: #333
}

.standard--vault_scope_selector_Nk99i>ol>li .content a {
    display: flex;
    align-items: center;
    -webkit-text-decoration: none;
    text-decoration: none
}

.standard--vault_scope_selector_Nk99i>ol>li .content a:hover .user-identifier {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.standard--vault_scope_selector_Nk99i>ol>li .content a[disabled] {
    cursor: default;
    color: #333;
    -webkit-text-decoration: none;
    text-decoration: none
}

.standard--vault_scope_selector_Nk99i>ol>li .content a .avatar {
    margin-right: .8rem
}

.standard--vault_scope_selector_Nk99i>ol>li .content .name {
    display: flex;
    align-items: center;
    cursor: default
}

.standard--vault_scope_selector_Nk99i>ol>li .content .name .avatar {
    margin-right: .8rem
}

.standard--vault_scope_selector_Nk99i>ol>li .content .meta {
    display: inline-flex;
    text-align: right
}

.standard--vault_scope_selector_Nk99i>ol>li .content .meta .status.labels {
    display: inline-flex;
    align-items: center;
    margin-right: 1rem
}

.standard--vault_scope_selector_Nk99i>ol>li .content .permissions {
    font-size: .8rem;
    color: #707070
}

.standard--vault_scope_selector_Nk99i>ol>li .permission-menu {
    z-index: 300;
    width: 206px;
    overflow: hidden;
    padding: 8px 10px;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, .15) 0 0 0 1px, rgba(0, 0, 0, .15) 0 1px 20px;
    position: absolute;
    right: 12px;
    top: 38px;
    margin-bottom: 1rem
}

.standard--vault_scope_selector_Nk99i>ol>li .permission-menu h3 {
    color: #707070;
    margin: 0 0 5px
}

.standard--vault_scope_selector_Nk99i>ol>li .permission-menu div.permission-group:not(:first-child) {
    margin-top: 20px
}

.standard--vault_scope_selector_Nk99i>ol>li .permission-menu li {
    padding: 0;
    margin: 5px 0 0;
    width: auto;
    display: block
}

.standard--vault_scope_selector_Nk99i>ol>li .permission-menu li ol {
    margin-left: 20px
}

.standard--vault_scope_selector_Nk99i>ol>li .permission-menu input {
    margin: 0 6px 0 0
}

.standard--vault_scope_selector_Nk99i>ol>li .permission-menu select {
    width: 100%;
    margin-top: 0
}

.standard--vault_scope_selector_Nk99i>ol>li .permission-menu button {
    color: #e60000
}

.standard--vault_scope_selector_Nk99i>ol>li .permission-menu button:hover {
    -webkit-text-decoration: none;
    text-decoration: none
}

.standard--vault_scope_selector_Nk99i>ol>li .permission-menu.group label:hover {
    color: #fcfcfc
}

.standard--vault_scope_selector_Nk99i>ol>li .permission-menu label {
    font-weight: normal;
    color: #333
}

.standard--vault_scope_selector_Nk99i>ol>li .permission-menu hr {
    width: 120%;
    margin: 10px 0 10px -12px;
    background-color: #e4e6e7
}

.standard--vault_scope_selector_Nk99i>ol>li .permission-menu div.inline-select {
    margin: 0 -10px
}

.standard--vault_scope_selector_Nk99i.list ol {
    padding: 0 .7rem
}

.standard--vault_scope_selector_Nk99i.list ol li {
    display: inline-block;
    background-color: #f6f7fb;
    border: none;
    color: #525c66;
    min-height: 0;
    min-height: initial;
    padding: 5px;
    margin: 0 8px 8px 0;
    font-weight: 600;
    cursor: default;
    border-radius: 4px
}

.standard--vault_scope_selector_Nk99i.list ol li.travel {
    background-color: #ffec9b;
    color: #996a1a
}

.standard--vault_scope_selector_Nk99i.list ol li.travel svg {
    vertical-align: -1px;
    margin-right: 3px
}

.standard--vault_scope_selector_Nk99i.list .empty {
    padding: 0 .7rem;
    color: #707070
}

.hide-top-border--vault_scope_selector_Dts9y>li:first-child {
    border-top: 1px solid #fff
}

.deploy-blurb--connect_detail_aJ52J {
    width: 100%;
    border-radius: 8px;
    background-color: #faf2e1;
    color: #333;
    font-size: 14px;
    line-height: 100%;
    font-weight: 600;
    padding: 1em;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between
}

.deploy-blurb--connect_detail_aJ52J .description--connect_detail_OGJQc {
    font-weight: 400
}

.deploy-blurb--connect_detail_aJ52J a {
    color: #333;
    background-color: #e6a15c;
    border: 1px solid #cc9951;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 10px 16px;
    align-items: center;
    text-align: center;
    -webkit-text-decoration: none !important;
    text-decoration: none !important
}

.label--wizard_Q7F2R {
    font-weight: 600;
    color: #333;
    margin-bottom: 10px
}

.error-msg--wizard_eGBsL {
    margin: .5em;
    color: #e60000;
    font-size: .8em
}

.connect-server-name--wizard_UbaMz {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.connect-server-config--wizard_TN3d6 {
    margin-top: 20px
}

.connect-server-config--wizard_TN3d6>div {
    margin-bottom: 25px
}

@media(min-width: 600px) {
    .connect-server-config--wizard_TN3d6>div {
        width: 80%
    }
}

.connect-server-config--wizard_TN3d6>.config-text--wizard_Rpop5 {
    width: 100%
}

.choose-vaults--wizard_CsgFd {
    width: 100%;
    font-weight: 600
}

.get-credentials-blurb--wizard_IAiQc {
    margin-bottom: 25px
}

.deploy-docs-link--wizard_R9Rop {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.pricing-link--wizard_eQD9O {
    -webkit-text-decoration: none;
    text-decoration: none
}

.pricing-link--wizard_eQD9O:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

[data-focus-visible] .pricing-link--wizard_eQD9O:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.product-card--product_card_s1JNI {
    display: flex;
    justify-content: space-between;
    border: 1px solid #d7d9e0;
    border-radius: var(--knox-corner-radius-medium);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .05);
    color: #262626
}

.product-card--product_card_s1JNI:first-of-type {
    margin-bottom: var(--knox-spacing-large)
}

.product-card--product_card_s1JNI li {
    display: flex;
    margin-bottom: var(--knox-spacing-xs)
}

.product-card--product_card_s1JNI li:last-of-type {
    margin-bottom: 0
}

.product-card--product_card_s1JNI li svg {
    min-width: var(--knox-spacing-medium)
}

.product-card--product_card_s1JNI li span {
    margin-left: var(--knox-spacing-xs)
}

.product-card--product_card_s1JNI hr {
    margin: var(--knox-spacing-medium) 0;
    background-color: #d7d9e0
}

.product-card-inner-container--product_card_vQou2 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: var(--knox-spacing-medium);
    padding-left: var(--knox-spacing-large)
}

.product-card-warning--product_card_EjPpv {
    color: #bb3b1b
}

.product-card-title--product_card_lbSZh {
    display: flex;
    align-items: center;
    font-size: var(--knox-font-size-heading-medium)
}

.product-card-title--product_card_lbSZh>span {
    margin-left: var(--knox-spacing-xs)
}

.product-card-cta-link--product_card_gad6Q {
    display: flex;
    align-items: center;
    font-size: var(--knox-font-size-body-large);
    font-weight: var(--knox-font-weight-body-strong)
}

.product-card-cta-link--product_card_gad6Q span {
    margin-right: var(--knox-spacing-xs)
}

@media screen and (min-width: 500px) {
    .product-card--product_card_s1JNI {
        background-position: right;
        background-repeat: no-repeat;
        background-size: contain
    }

    .product-card--product_card_s1JNI:first-of-type {
        background-image: url(../images/illus--integration-infrastructure-secrets-service-account-blue-04b1619761e68a9dce68.svg)
    }

    .product-card--product_card_s1JNI:last-of-type {
        background-image: url(../images/illus--integration-infrastructure-secrets-connect-purple-49ad49cb8276277b2897.svg)
    }

    .product-card-inner-container--product_card_vQou2 {
        width: calc(100% - 125px)
    }
}

@media screen and (min-width: 725px) {
    .product-card--product_card_s1JNI {
        width: calc(50% - 12px)
    }

    .product-card--product_card_s1JNI:first-of-type {
        margin-bottom: 0;
        background-image: none;
        background-image: initial
    }

    .product-card--product_card_s1JNI:last-of-type {
        background-image: none;
        background-image: initial
    }

    .product-card-inner-container--product_card_vQou2 {
        width: 100%
    }
}

@media screen and (min-width: 1175px) {
    .product-card--product_card_s1JNI:first-of-type {
        background-image: url(../images/illus--integration-infrastructure-secrets-service-account-blue-04b1619761e68a9dce68.svg)
    }

    .product-card--product_card_s1JNI:last-of-type {
        background-image: url(../images/illus--integration-infrastructure-secrets-connect-purple-49ad49cb8276277b2897.svg)
    }

    .product-card-inner-container--product_card_vQou2 {
        width: calc(100% - 120px)
    }
}

.page-title--infrastructure_secrets_UwGC5 {
    margin-bottom: var(--knox-spacing-2xs)
}

.page-description--infrastructure_secrets_IAV4b {
    margin-bottom: var(--knox-spacing-xl)
}

.divider--infrastructure_secrets_TJFS0 {
    margin: var(--knox-spacing-xl) 0;
    background-color: rgba(0, 0, 0, .06)
}

@media screen and (min-width: 725px) {
    .product-cards--infrastructure_secrets_Psizj {
        display: flex;
        justify-content: space-between
    }
}

.red--manage_token_jfrSy {
    color: var(--knox-text-icon-critical)
}

section .last-use-summary--sa_detail_NvFti {
    text-align: center
}

section .last-use-summary--sa_detail_NvFti>div:not(:first-of-type) {
    margin-top: 1em
}

.admin-actions--sa_detail_MX9nZ {
    margin-top: 1.5em;
    border-top: 1px solid #e4e6e7 !important
}

@media only screen and (min-width: 1050px) {
    .admin-actions--sa_detail_MX9nZ {
        padding-top: 2em
    }
}

@media only screen and (min-width: 1050px) {
    .activity-section--sa_detail_VGd4U {
        float: none !important;
        clear: none !important;
        width: 100% !important
    }
}

.card-automations--sa_detail_nHFYA {
    width: 100%;
    float: left;
    margin-right: 4rem;
    margin-bottom: 2rem;
    clear: both
}

@media only screen and (min-width: 1050px) {
    .card-automations--sa_detail_nHFYA {
        width: 280px !important
    }
}

.card-automations--sa_detail_nHFYA>div:first-child {
    padding-right: 80px;
    background-image: url("/images/robot-automations.svg"), linear-gradient(to left, #ffe3ac 180px, transparent 180px);
    background-size: 80px;
    background-repeat: no-repeat;
    background-position: calc(100% + 20px) 14px, top right
}

.card-automations--sa_detail_nHFYA>div:nth-child(2) {
    margin-right: 0;
    width: calc(100% - 1rem)
}

.card-service-accounts-container--sa_detail_XD9ME {
    margin-top: 1.5em;
    padding-top: 1.5em;
    border-top: 1px solid #e4e6e7
}

@media only screen and (min-width: 1050px) {
    .card-service-accounts-container--sa_detail_XD9ME {
        margin-top: 2em;
        padding-top: 2em
    }
}

.card-service-accounts--sa_detail_Nt1gB {
    position: relative;
    min-height: 160px;
    padding-right: 180px
}

.card-service-accounts--sa_detail_Nt1gB::after {
    content: "";
    display: block;
    position: absolute;
    background-image: url("/images/robot-service-accounts.svg"), linear-gradient(to left, #d8ffe0 180px, transparent 180px);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: 50% 20px, top left;
    width: 180px;
    height: 100%;
    top: 0;
    right: 0
}

@media(max-width: 1240px) {
    .card-service-accounts--sa_detail_Nt1gB {
        padding-top: 200px;
        padding-right: 0;
        padding-right: initial;
        min-height: 240px
    }

    .card-service-accounts--sa_detail_Nt1gB::after {
        width: 100%;
        height: 200px;
        top: 0;
        left: 0;
        right: auto;
        right: initial;
        background-image: url("/images/robot-service-accounts.svg"), linear-gradient(to bottom, #d8ffe0 202px, transparent 200px);
        background-size: 120px, auto;
        background-repeat: no-repeat;
        background-position: 50% 20px, 0 0
    }
}

.vaults-list--vaults_list_EQtMd {
    margin: var(--knox-spacing-medium) 0
}

.vaults-list--vaults_list_EQtMd .vaults-list-item--vaults_list_V3v0e {
    display: flex;
    justify-content: space-between;
    padding: .4rem .7rem;
    position: relative
}

.vaults-list--vaults_list_EQtMd .vaults-list-item--vaults_list_V3v0e:nth-child(odd) {
    background-color: #f6f7fb
}

.vaults-list--vaults_list_EQtMd .vaults-list-item--vaults_list_V3v0e input[type=checkbox] {
    margin-right: 1rem
}

.vaults-list--vaults_list_EQtMd .vaults-label--vaults_list_wvVtw {
    display: flex;
    width: 100%
}

.vaults-list--vaults_list_EQtMd section[role=dialog] {
    padding: 8px 10px;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, .15) 0 0 0 1px, rgba(0, 0, 0, .15) 0 1px 20px;
    position: absolute;
    top: 100%;
    right: .7rem;
    z-index: 1;
    overflow: hidden
}

.vaults-list--vaults_list_EQtMd section[role=dialog] h3 {
    margin: 0 0 5px;
    color: #707070
}

.vaults-list--vaults_list_EQtMd section[role=dialog] li {
    display: block;
    margin: 5px 0 0
}

.vaults-list--vaults_list_EQtMd section[role=dialog] li ol {
    margin-left: 20px
}

.vaults-list--vaults_list_EQtMd section[role=dialog] input {
    margin: 0 6px 0 0
}

.vaults-list--vaults_list_EQtMd section[role=dialog] label {
    color: #333;
    font-weight: normal
}

.vaults-list--vaults_list_EQtMd section[role=dialog] hr {
    width: 120%;
    margin: 10px 0 10px -12px;
    background-color: #e4e6e7
}

.vaults-list--vaults_list_EQtMd section[role=dialog] button {
    color: #e60000
}

.write-items-option--write_items_option_Ypko2 {
    display: flex;
    align-items: center
}

.write-items-option--write_items_option_Ypko2 img {
    margin-left: 6px
}

.create-vaults-label-and-checkbox--vaults_LLWt8 {
    display: flex;
    align-items: baseline;
    margin: 1rem .7rem
}

.create-vaults-label-and-checkbox--vaults_LLWt8 input[type=checkbox] {
    margin-right: 1rem
}

.create-vaults-label-and-checkbox--vaults_LLWt8 span {
    color: #333;
    font-weight: 400
}

.cli-container--get_credentials_Nt_na {
    margin-bottom: 20px;
    margin-top: 20px
}

.tab--tab_z0oms {
    position: relative;
    justify-content: center;
    display: flex;
    align-items: center;
    -webkit-text-decoration: none;
    text-decoration: none
}

.active-tab--tab_LOug0 {
    outline: 0
}

[data-focus-visible] .active-tab--tab_LOug0:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.active-tab--tab_LOug0::after {
    height: 2px;
    display: block;
    width: 100%;
    background-color: var(--knox-border-focus);
    content: "";
    bottom: -1px;
    left: 0;
    position: absolute;
    border-radius: var(--knox-corner-radius-medium)
}

.tab-panel--tab_panel_yhQ5L {
    outline: 0
}

[data-focus-visible] .tab-panel--tab_panel_yhQ5L:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.list--active_list_JKFZN {
    width: 100%;
    margin-top: 25px;
    margin-bottom: 55px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    grid-gap: 15px
}

.top-nav--nav_I9ioX {
    font-size: 1.1rem;
    font-weight: 600;
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center
}

.link--nav_szA3C {
    color: var(--knox-text-icon-neutral-weak);
    padding: .5rem 1rem;
    -webkit-text-decoration: none;
    text-decoration: none;
    border-radius: 25px;
    margin: 0 5px
}

[data-focus-visible] .link--nav_szA3C:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.selected--nav_OCPcf {
    color: var(--knox-text-icon-inverse);
    background-color: var(--knox-background-brand)
}

.delegate--delegate_O0kjd {
    border: 1px solid #d7d9e0;
    border-radius: 10px;
    padding: 16px 16px 24px;
    margin: 1rem 0
}

.delegate-header--delegate_yvuEv {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 4px 16px
}

.delegate-header-title-wrapper--delegate_xuIWV {
    display: flex;
    align-items: center
}

.delegate-header-icon--delegate_hbmw_ {
    height: 32px;
    width: 32px;
    border-radius: 5px
}

.delegate-header-title--delegate_gDMfY {
    margin: 0 1rem;
    font-size: 1.2rem
}

.delegate-header-title-link--delegate_ff2v4 {
    -webkit-text-decoration: none;
    text-decoration: none
}

[data-focus-visible] .delegate-header-title-link--delegate_ff2v4:focus {
    box-shadow: inset 0 0 0 1px var(--color-specifics-focus-ring), 0 0 0 3px var(--color-specifics-focus-ring)
}

.delegate-header-button--delegate_S0qYj {
    border-radius: 24px;
    box-shadow: inset 0 0 0 1px #0572ec;
    color: #0572ec;
    min-height: 40px;
    font-weight: 600;
    line-height: 1.5em;
    padding: 8px 16px;
    -webkit-text-decoration: none;
    text-decoration: none
}

.delegate-header-button--delegate_S0qYj:active,
.delegate-header-button--delegate_S0qYj:hover,
.delegate-header-button--delegate_S0qYj[aria-expanded=true] {
    background-color: #0572ec;
    background-image: none;
    box-shadow: none;
    color: #fff
}

.delegate-header-button--delegate_S0qYj:active .icon--delegate_M2gRv,
.delegate-header-button--delegate_S0qYj:hover .icon--delegate_M2gRv,
.delegate-header-button--delegate_S0qYj[aria-expanded=true] .icon--delegate_M2gRv {
    color: #fff
}

.delegate-header-button--delegate_S0qYj:active .icon--delegate_M2gRv svg,
.delegate-header-button--delegate_S0qYj:hover .icon--delegate_M2gRv svg,
.delegate-header-button--delegate_S0qYj[aria-expanded=true] .icon--delegate_M2gRv svg {
    fill: #fff
}

.delegate-header-button--delegate_S0qYj:disabled {
    background-color: transparent;
    box-shadow: inset 0 0 0 1px #d7d9e0;
    color: #cbcccd
}

.delegate-header-button--delegate_S0qYj:disabled .icon--delegate_M2gRv {
    color: inherit
}

.delegate-body--delegate_IaZYm {
    border-top: 1px solid #d7d9e0;
    padding: 8px 4px 0
}

.delegate-body-empty-text--delegate_RCnnn {
    color: #646f82;
    padding: 8px 0
}

.delegate-accessors-list--delegate_UGLZH li {
    padding: 8px 4px;
    border-bottom: 1px solid #d7d9e0
}

.delegate-empty--delegate_list_tpTeP {
    border: 1px solid #d7d9e0;
    border-right: 0;
    border-left: 0;
    padding: 16px 16px 16px .7rem;
    margin: 1rem 0
}

.delegate-list--delegate_list_ma04u {
    margin: 2rem 0
}

.delegate-list-header--delegate_list_qJOg7 {
    padding: 0 .7rem
}

.delegate-list-title--delegate_list_EfXly {
    font-size: 1.3rem
}

.spinner-container--delegate_list_TvWNL {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100px
}

.container--permissions_page_aWya8 {
    max-width: 1000px;
    margin: 0 auto
}

.container--permissions_page_aWya8 .loading--permissions_page_hfHVz {
    text-align: center;
    margin: 3rem
}

.container--permissions_page_aWya8 .manage-administrators--permissions_page_KxBQv {
    margin-top: 0
}

.align-items-end--permissions_page_EOsTj {
    align-items: flex-end
}

.list-item-full-width--permissions_page_pGlyW>ol>li .content {
    width: 100%;
    padding-right: 0
}

.body-background--request_access_page_nkZmI #unlocked-app #top-bar #title-container {
    background-color: #f6f7fb
}

.body-background--request_access_page_nkZmI #unlocked-app #main-content {
    background-color: #f6f7fb
}

.informational-message--request_access_page_Qyb53 {
    border-color: #e6d3ac;
    background-color: #fefbf6
}

.informational-message-link--request_access_page_zksrr {
    margin-bottom: var(--knox-spacing-small)
}

.informational-message-link--request_access_page_zksrr:last-of-type {
    margin-bottom: 0;
    margin-bottom: initial
}

.features-list--request_access_page__7PhS {
    max-width: 60%
}

.features-list-item--request_access_page_RqxRR:last-of-type {
    border-bottom: 0;
    border-bottom: initial
}

.features-list-item-icon--request_access_page_KaKX3 {
    height: var(--knox-spacing-large);
    width: var(--knox-spacing-large)
}

.secrets-automation-icon--request_access_page_NYof6 {
    width: 40%
}

.secrets-automation-icon--request_access_page_NYof6 svg {
    transform: scale(0.9)
}

@media only screen and (min-width: 925px) {
    .secrets-automation-icon--request_access_page_NYof6 svg {
        transform: scale(1.1)
    }
}

.report-table--report_table_ez_tH {
    min-height: 108px
}

.report-table--report_table_ez_tH table {
    border: 1px solid #d7d9e0;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .06), 0 2px 8px rgba(0, 0, 0, .06);
    border-radius: 6px
}

.report-table--report_table_ez_tH table.table--report_table_q4rAG tr th {
    border: 0;
    border-radius: 0;
    border-bottom: solid 1px #d7d9e0
}

.report-table--report_table_ez_tH table tr:last-child td {
    border-bottom: 0
}

.spinner-container--report_table_XNyNM>* {
    padding: 35px 0
}

.password-health-watchtower-info-card--detail_page_Ms_WC {
    background-image: url("/images/admin-watchtower.svg"), linear-gradient(to left, #e8f5fa 100px, transparent 100px);
    background-repeat: no-repeat;
    background-position: right -65px top 30px, top left
}

.password-health-generator-info-card--detail_page_AiAKW {
    background-image: url("/images/smart-password.svg"), linear-gradient(to left, #fffdd9 100px, transparent 100px);
    background-repeat: no-repeat;
    background-position: right center, top left
}

.left-panel--detail_page_n7_BM {
    flex: 2 1 0;
    min-width: 275px
}

.right-panel--detail_page_J71u3 {
    flex: 8 1 350px;
    overflow-x: auto
}

.insights-dashboard-detail-content--detail_page_xeebN {
    display: flex;
    flex-wrap: wrap;
    gap: 30px
}

.password-health-table--detail_page_qd0QZ,
.team-usage-table--detail_page_A6WO3,
.breach-reports-table--detail_page_KJIT8 {
    overflow-x: auto
}

.password-health-table--detail_page_qd0QZ table,
.team-usage-table--detail_page_A6WO3 table,
.breach-reports-table--detail_page_KJIT8 table {
    margin-top: 0
}

.password-health-table--detail_page_qd0QZ .checkbox--detail_page_SO1wr,
.team-usage-table--detail_page_A6WO3 .checkbox--detail_page_SO1wr,
.breach-reports-table--detail_page_KJIT8 .checkbox--detail_page_SO1wr {
    width: 45px
}

.password-health-table--detail_page_qd0QZ .breach-name--detail_page_wC47u,
.password-health-table--detail_page_qd0QZ .breach-date--detail_page_dMwt4,
.password-health-table--detail_page_qd0QZ .breach-members--detail_page_Tg2RD,
.password-health-table--detail_page_qd0QZ .breach-counts--detail_page_oF3v8,
.password-health-table--detail_page_qd0QZ .breach-invited--detail_page_MQIgd,
.password-health-table--detail_page_qd0QZ .password-health-items-count--detail_page_muKII,
.password-health-table--detail_page_qd0QZ .password-health-issues-count--detail_page_u2frE,
.password-health-table--detail_page_qd0QZ .password-health-vault-type--detail_page_GTfuk,
.password-health-table--detail_page_qd0QZ .team-usage-access-date--detail_page_IQa8q,
.team-usage-table--detail_page_A6WO3 .breach-name--detail_page_wC47u,
.team-usage-table--detail_page_A6WO3 .breach-date--detail_page_dMwt4,
.team-usage-table--detail_page_A6WO3 .breach-members--detail_page_Tg2RD,
.team-usage-table--detail_page_A6WO3 .breach-counts--detail_page_oF3v8,
.team-usage-table--detail_page_A6WO3 .breach-invited--detail_page_MQIgd,
.team-usage-table--detail_page_A6WO3 .password-health-items-count--detail_page_muKII,
.team-usage-table--detail_page_A6WO3 .password-health-issues-count--detail_page_u2frE,
.team-usage-table--detail_page_A6WO3 .password-health-vault-type--detail_page_GTfuk,
.team-usage-table--detail_page_A6WO3 .team-usage-access-date--detail_page_IQa8q,
.breach-reports-table--detail_page_KJIT8 .breach-name--detail_page_wC47u,
.breach-reports-table--detail_page_KJIT8 .breach-date--detail_page_dMwt4,
.breach-reports-table--detail_page_KJIT8 .breach-members--detail_page_Tg2RD,
.breach-reports-table--detail_page_KJIT8 .breach-counts--detail_page_oF3v8,
.breach-reports-table--detail_page_KJIT8 .breach-invited--detail_page_MQIgd,
.breach-reports-table--detail_page_KJIT8 .password-health-items-count--detail_page_muKII,
.breach-reports-table--detail_page_KJIT8 .password-health-issues-count--detail_page_u2frE,
.breach-reports-table--detail_page_KJIT8 .password-health-vault-type--detail_page_GTfuk,
.breach-reports-table--detail_page_KJIT8 .team-usage-access-date--detail_page_IQa8q {
    width: 150px
}

.password-health-table--detail_page_qd0QZ .breach-information--detail_page_riHDb,
.password-health-table--detail_page_qd0QZ .breach-email--detail_page_Yq15y,
.password-health-table--detail_page_qd0QZ .password-health-vault-name--detail_page_We0CQ,
.team-usage-table--detail_page_A6WO3 .breach-information--detail_page_riHDb,
.team-usage-table--detail_page_A6WO3 .breach-email--detail_page_Yq15y,
.team-usage-table--detail_page_A6WO3 .password-health-vault-name--detail_page_We0CQ,
.breach-reports-table--detail_page_KJIT8 .breach-information--detail_page_riHDb,
.breach-reports-table--detail_page_KJIT8 .breach-email--detail_page_Yq15y,
.breach-reports-table--detail_page_KJIT8 .password-health-vault-name--detail_page_We0CQ {
    width: 100%
}

.is-centered--detail_page_AWSew {
    text-align: center
}

.next-steps--detail_page_hriuh {
    background: rgba(51, 146, 255, .05);
    padding: 1.5rem;
    font-size: .875rem
}

.next-steps--detail_page_hriuh .insights-button--detail_page__lGvl {
    margin-top: 0
}

.next-steps-header--detail_page_eZpQQ {
    margin-bottom: 0;
    margin-bottom: initial;
    font-weight: 700;
    font-feature-settings: "smcp";
    font-variant: small-caps;
    text-transform: uppercase
}

.next-steps-paragraph--detail_page_rci9t {
    margin-top: 0;
    margin-top: initial;
    margin-bottom: 10px
}

.insights-small-image--detail_page_IgUVq {
    width: 16px;
    height: 16px
}

.insights-sidebar-footer--detail_page_EH_4d {
    padding: 1.5rem
}

.insights-sidebar-footer--detail_page_EH_4d .insights-sidebar-footer-detail--detail_page_ilneg {
    display: flex;
    font-size: .8rem;
    gap: 4px;
    margin-bottom: 5px
}

.details-inner--detail_page_h_YXn {
    padding: 1.5rem
}

.detail-card-header--detail_page_dHcg_ {
    font-weight: 700;
    font-size: 1rem
}

.detail-card-paragraph--detail_page_voHcX {
    font-weight: 400;
    font-size: .875rem
}

.strength-meter-sidebar--detail_page_g23H1 {
    display: flex;
    flex-direction: column;
    align-items: center
}

.vault-items-header--detail_page_Nd4uK,
.vault-items-cell--detail_page_c5Yoi,
.vault-issues-header--detail_page_sFi_q,
.vault-issues-cell--detail_page_DmqAg,
.breaches-header--detail_page_vMUTl,
.breaches-cell--detail_page_o7ppk,
.breached-invitation--detail_page_TCXvR {
    text-align: center
}

.password-health-table--detail_page_qd0QZ a {
    line-height: 32px !important
}

.insights-dashboard-detail-content--detail_page_xeebN table tr.email-breach-row--detail_page_jP9DX:hover {
    background: #f7f7f7
}

.insights-dashboard-detail-content--detail_page_xeebN table tr.email-breach-row--detail_page_jP9DX:hover button {
    visibility: visible
}

.insights-dashboard-detail-content--detail_page_xeebN table tr.email-breach-row--detail_page_jP9DX.is-selected--detail_page_R9M5B {
    background: #f5f9fd
}

.insights-button--detail_page__lGvl {
    border-radius: 8px;
    display: flex;
    justify-content: space-evenly;
    font-size: .8rem;
    padding: 7px 12px;
    margin-top: 18px;
    font-weight: bold;
    width: 100%;
    background: rgba(0, 0, 0, .03);
    border: 1px solid rgba(0, 0, 0, .06);
    color: #262626;
    -webkit-text-decoration: none;
    text-decoration: none
}

.insights-button--detail_page__lGvl:not(:disabled) {
    color: #fff;
    background: #0572ec
}

.insights-button--detail_page__lGvl:not(:disabled):hover {
    background: #1060d1
}

.mail-link--detail_page_ZXqV4 {
    -webkit-text-decoration: none;
    text-decoration: none
}

.breached-invitation--detail_page_TCXvR .insights-button--detail_page__lGvl {
    padding: 4px 12px;
    font-weight: normal;
    width: 60%;
    margin: 0 auto
}

.breach-row-wrapper--detail_page_xtFdY {
    display: flex;
    align-items: center
}

.breach-row-wrapper--detail_page_xtFdY>div span {
    display: block;
    color: #333;
    font-weight: 500;
    margin-bottom: -3px;
    white-space: normal
}

.insights-dashboard-detail-content--detail_page_xeebN table td.breach-information-cell--detail_page_BxB5Q {
    font-size: .8rem;
    white-space: normal;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.insights-dashboard-detail-content--detail_page_xeebN table td.breach-information-cell--detail_page_BxB5Q strong {
    color: #000
}

.insights-dashboard-detail-content--detail_page_xeebN table td.breach-people-cell--detail_page_OaWwx {
    font-weight: 600;
    text-align: center
}

.team-member-header--detail_page_D4ol2 {
    width: 40%
}

.user-detail--detail_page_hd1EH {
    display: flex;
    margin: 1rem 0
}

.user-detail--detail_page_hd1EH .desc--detail_page_XNYSy {
    margin-top: -8px;
    line-height: .75rem;
    margin-left: 20px
}

.sidebar-strength-meter--detail_page_HV1CK {
    margin-bottom: 20px
}

.sidebar-image-cutoff-right--detail_page_lRsa1 {
    background-image: url("/images/users-background.svg");
    background-repeat: no-repeat;
    background-position: top 0 right -60px;
    padding-right: 80px
}

.insights-detail--detail_page_DaQ0f {
    background: linear-gradient(to bottom, #16436c 175px, #f6f7fb 175px);
    line-height: 1.34
}

.insights-detail--detail_page_DaQ0f .centered--detail_page_DwEQ4 {
    max-width: 1400px;
    margin: 0 auto
}

.insights-detail--detail_page_DaQ0f h3 {
    margin-top: 0
}

.detail-sidebar--detail_page_oCjm4 h3 {
    font-size: 1.325rem
}

.detail-sidebar--detail_page_oCjm4 .percentage--detail_page_QUE1D {
    font-size: 3.75rem;
    font-weight: 500;
    color: #b80000
}

.detail-sidebar--detail_page_oCjm4 .detail-sidebar-top--detail_page_K5cPi {
    margin-right: 50px
}

.sidebar-header--detail_page_J7Msi {
    font-weight: 600;
    font-size: 1.25rem;
    margin: 0
}

.sidebar-domain--detail_page_REvS9 {
    font-weight: bold
}

.pagination-bar-on-bottom--detail_page_HfKhw {
    padding-top: 25px
}

.sidebar-bulleted-list--detail_page_EviVD {
    padding: 0 20px;
    list-style: disc
}

.info-card-section--detail_page_pQX_p {
    padding-left: 0
}

.report-bottom-card--detail_page_OOVp5 {
    background-image: url(../images/reports_transparent-b11e2d2d5ca99f3c54a1.svg), linear-gradient(to left, #e8e7f5 100px, transparent 100px);
    background-repeat: no-repeat;
    background-position: right 0 top 44px, top left
}

.section--section_m2uqr {
    padding-top: 10px;
    width: 100%;
    margin-bottom: 15px
}

.section--section_m2uqr .header--section_Fr5Kg {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    margin: 8px 0;
    padding-bottom: 10px;
    display: flex;
    justify-content: space-between
}

.section--section_m2uqr .header--section_Fr5Kg h2 {
    color: #16436c;
    font-size: 1.4rem
}

.section--section_m2uqr .content--section_wPjMY {
    display: grid;
    padding-top: 15px;
    grid-gap: 20px;
    gap: 20px
}

.section--section_m2uqr.detail-page-section--section_V7nRf {
    padding: 32px 5px
}

.section--section_m2uqr.detail-page-section--section_V7nRf .header--section_Fr5Kg {
    margin-top: 0
}

.section--section_m2uqr.detail-page-section--section_V7nRf h2 {
    font-size: 1rem
}

.section--section_m2uqr.columns-2--section_XGDh1 .content--section_wPjMY {
    grid-template-columns: 1fr 1fr
}

.section--section_m2uqr.columns-3--section_sKZNj .content--section_wPjMY {
    grid-template-columns: 1fr 1fr 1fr
}

.strength-meter--strength_meter_JOZc8 {
    position: relative;
    width: 120px;
    height: 120px;
    min-width: 140px;
    min-height: 140px;
    line-height: 1.1
}

.caption--strength_meter_sZb32 {
    display: flex;
    align-content: stretch;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
    z-index: 2
}

.arc--strength_meter_WGMAx {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0
}

.ring--strength_meter_ckuMz {
    fill: none;
    stroke: #07f;
    stroke-width: 3.333;
    opacity: .04
}

.line--strength_meter_ox8zy {
    fill: none;
    stroke: #5ac20a;
    stroke-width: 3.333;
    stroke-linecap: round;
    stroke-dasharray: 100;
    stroke-dashoffset: 99.99999;
    transition: stroke-dashoffset 1.5s
}

@media(prefers-reduced-motion) {
    .line--strength_meter_ox8zy {
        transition: 0s
    }
}

.severity-low--strength_meter_nOv21 .line--strength_meter_ox8zy {
    stroke: #5ac20a
}

.severity-medium--strength_meter_ooxj3 .line--strength_meter_ox8zy {
    stroke: #f9c200
}

.severity-high--strength_meter_JlMKi .line--strength_meter_ox8zy {
    stroke: #ffb001
}

.severity-extreme--strength_meter_IS2SY .line--strength_meter_ox8zy {
    stroke: #e76500
}

.severity-calamitous--strength_meter_U2RRG .line--strength_meter_ox8zy {
    stroke: #b80000
}

.percentage--strength_meter_OnnBh {
    font-size: 2.3rem;
    font-weight: 500
}

#main-content .subscription-page--manage_email_subscriptions_WNoVm {
    width: 50rem;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column
}

@media only screen and (max-width: 600px) {
    #main-content .subscription-page--manage_email_subscriptions_WNoVm {
        width: auto;
        width: initial
    }
}

@media only screen and (min-width: 1050px) {
    #main-content .subscription-page--manage_email_subscriptions_WNoVm {
        max-width: 810px
    }
}

.subscription-header--manage_email_subscriptions_Vrm_6 {
    padding-bottom: 20px;
    line-height: 130%;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    width: 80%;
    align-self: center
}

.subscription-image--manage_email_subscriptions_LwKNe {
    align-self: center;
    width: 100px
}

.subscription-list--manage_email_subscriptions_OlqXu {
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 12px
}

.subscription-row--manage_email_subscriptions_yIuof {
    display: flex;
    padding: 12px 0 12px 36px
}

.subscription-page--manage_email_subscriptions_WNoVm .subscription-toggle--manage_email_subscriptions_vxqGn {
    width: 16px;
    margin-top: 15px
}

.subscription-description--manage_email_subscriptions_Zl3oW {
    margin-left: 3rem;
    line-height: 1.2
}

.subscription-description--manage_email_subscriptions_Zl3oW .bolded-description--manage_email_subscriptions_e4bns {
    font-size: 1.125rem;
    color: #333
}

.subscription-description--manage_email_subscriptions_Zl3oW .additional-details--manage_email_subscriptions_RkLlV {
    font-size: 1rem;
    line-height: 1.3;
    color: rgba(0, 0, 0, .55);
    margin-top: 0;
    margin-top: initial
}

.subscription-row--manage_email_subscriptions_yIuof:nth-child(even) {
    background-color: #fcfcfc;
    border-bottom: solid 1px #dadde6;
    border-top: solid 1px #dadde6
}

.subscription-row--manage_email_subscriptions_yIuof:last-child {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px
}

.subscription-button--manage_email_subscriptions_FOS36 {
    margin-top: 25px;
    align-self: center
}

.unsubscribed-info--manage_email_subscriptions_rpyqD {
    align-self: center;
    font-size: 1rem
}

.partnership-link-wrapper--partnership_link_VfcTd {
    background: var(--knox-background-neutral);
    width: 100%;
    display: flex;
    justify-content: center
}

.partnership-link-wrapper--partnership_link_VfcTd .content-wrapper--partnership_link_r68ks {
    margin-top: 10%;
    width: 60%;
    max-width: 602px
}

@media(max-width: 450px) {
    .partnership-link-wrapper--partnership_link_VfcTd .content-wrapper--partnership_link_r68ks {
        width: 100%
    }
}

.partnership-link-wrapper--partnership_link_VfcTd .heading-text--partnership_link_fcdKq {
    color: var(--knox-text-icon-neutral);
    font-weight: 600;
    font-size: 28px;
    margin-bottom: var(--knox-spacing-xl)
}

@media(max-width: 450px) {
    .partnership-link-wrapper--partnership_link_VfcTd .heading-text--partnership_link_fcdKq {
        line-height: 33.6px
    }
}

.partnership-link-wrapper--partnership_link_VfcTd .linking-account--partnership_link_QKEtm {
    border: .5px solid var(--knox-border-neutral);
    border-radius: var(--knox-corner-radius-medium);
    max-width: 602px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: var(--knox-spacing-large);
    line-height: 130%;
    box-shadow: var(--knox-elevation-low)
}

.partnership-link-wrapper--partnership_link_VfcTd .linking-account--partnership_link_QKEtm p {
    margin-top: 0
}

.partnership-link-wrapper--partnership_link_VfcTd .title-text--partnership_link_XR9ej {
    color: var(--knox-text-icon-neutral);
    font-weight: 600;
    font-size: 20px;
    margin-bottom: var(--knox-spacing-medium)
}

@media(max-width: 450px) {
    .partnership-link-wrapper--partnership_link_VfcTd .title-text--partnership_link_XR9ej {
        line-height: 24px
    }
}

.partnership-link-wrapper--partnership_link_VfcTd .subtitle-text--partnership_link_oBWl5 {
    line-height: 24px
}

.partnership-link-wrapper--partnership_link_VfcTd .subheading-text--partnership_link_p3FfD {
    color: var(--knox-text-icon-neutral);
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    margin-bottom: var(--knox-spacing-xl);
    margin-top: -8px
}

@media(max-width: 450px) {
    .partnership-link-wrapper--partnership_link_VfcTd .subheading-text--partnership_link_p3FfD {
        line-height: 24px
    }
}

.partnership-link-wrapper--partnership_link_VfcTd .content-bold-text--partnership_link_RYTVC {
    color: var(--knox-text-icon-neutral);
    font-weight: 700;
    font-size: 16px
}

.partnership-link-wrapper--partnership_link_VfcTd .content-text--partnership_link_aGl6A {
    color: var(--knox-text-icon-neutral);
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    margin-top: var(--knox-spacing-medium)
}

.partnership-link-wrapper--partnership_link_VfcTd .charge-explanation--partnership_link_jwkcW {
    width: 100%;
    padding: var(--knox-spacing-medium) 0;
    display: flex;
    flex-direction: column
}

.partnership-link-wrapper--partnership_link_VfcTd .charge-explanation--partnership_link_jwkcW :last-child {
    border-top: 1px solid #bfbfbf;
    padding-top: 14px;
    padding-bottom: 0
}

.partnership-link-wrapper--partnership_link_VfcTd .line-item--partnership_link_PU_im {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    padding-bottom: 14px;
    color: var(--knox-text-icon-neutral-weak)
}

.partnership-link-wrapper--partnership_link_VfcTd .line-item--partnership_link_PU_im p {
    margin-top: 0
}

.partnership-link-wrapper--partnership_link_VfcTd .line-item--partnership_link_PU_im :last-child {
    border-top: none;
    padding-top: 0
}

.partnership-link-wrapper--partnership_link_VfcTd button {
    border-radius: 8px;
    margin-top: var(--knox-spacing-xl)
}

.partnership-link-wrapper--partnership_link_VfcTd a {
    -webkit-text-decoration: underline !important;
    text-decoration: underline !important
}

.partnership-link-wrapper--partnership_link_VfcTd .banner--partnership_link_bjL6u {
    background: var(--knox-background-brand-weak);
    font-weight: 400;
    font-size: 16px;
    margin-bottom: var(--knox-spacing-medium)
}

.partnership-link-wrapper--partnership_link_VfcTd .unsubscribe-steps--partnership_link_TypVA {
    margin: 5px 0 5px 35px;
    list-style: lower-alpha
}

.partnership-link-wrapper--partnership_link_VfcTd li {
    margin-top: 0 !important
}

.partnership-link-wrapper--partnership_link_VfcTd .modal-heading-text--partnership_link_hyMhq {
    font-weight: 600;
    margin-bottom: var(--knox-spacing-large)
}

.partnership-link-wrapper--partnership_link_VfcTd .modal-content-text--partnership_link_NQW56 {
    font-weight: 400
}

.partnership-link-wrapper--partnership_link_VfcTd .modal-button--partnership_link_o3JbX {
    float: right;
    margin-bottom: 18px;
    padding: 0 var(--knox-spacing-medium)
}

.container--modal_q3u5R label {
    font-weight: var(--knox-font-weight-body-strong);
    font-size: var(--knox-font-size-body-medium);
    color: var(--knox-text-icon-neutral)
}

.container--modal_q3u5R input:not(#code--modal_LN28N):not([type=checkbox]),
.container--modal_q3u5R select {
    height: 28px;
    min-height: 28px;
    font-size: var(--knox-font-size-body-medium);
    padding: 4px 8px
}

.optional--modal_yNaqr {
    font-weight: var(--knox-font-weight-body-default)
}

.list-disc--modal_bFDMb {
    list-style-type: disc;
    margin-left: var(--knox-spacing-large);
    margin-bottom: var(--knox-spacing-medium)
}

.list-disc--modal_bFDMb li {
    margin-bottom: var(--knox-spacing-medium)
}

.list-disc--modal_bFDMb ul {
    margin-top: var(--knox-spacing-xs);
    margin-bottom: var(--knox-spacing-medium)
}

.list-disc--modal_bFDMb ul li {
    margin-bottom: var(--knox-spacing-2xs)
}

.loading-spinner--modal_a78h1 {
    height: 200px
}

.confirmation-modal-header--modal_EaSSy {
    padding-top: var(--knox-spacing-2xl);
    padding-bottom: var(--knox-spacing-xl);
    padding-left: var(--modal-padding);
    padding-right: var(--modal-padding)
}

.page-container--link_existing_account_z2lJi {
    position: relative;
    width: 100%;
    overflow-y: auto
}

@media(min-width: 1280px) {
    .page-container--link_existing_account_z2lJi {
        max-width: 1200px;
        margin: 0 auto
    }
}

.page-content--link_existing_account_PAdR7 p {
    margin-bottom: var(--knox-spacing-medium)
}

.message-content--link_existing_account_WzP41 ol {
    list-style-type: decimal;
    margin: var(--knox-spacing-medium)
}

.message-content--link_existing_account_WzP41 p {
    margin-bottom: var(--knox-spacing-small)
}