@charset "UTF-8";

.lwa-wrapper {
    --icon-pwd-show: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><g stroke="%23222"><circle cx="12" cy="12" r="3.5"/><path d="M20.188 10.9343c.3882.4713.5823.7069.5823 1.0657 0 .3588-.1941.5944-.5823 1.0657C18.7679 14.7899 15.6357 18 12 18c-3.63573 0-6.76794-3.2101-8.18803-4.9343-.38816-.4713-.58224-.7069-.58224-1.0657 0-.3588.19408-.5944.58224-1.0657C5.23206 9.21014 8.36427 6 12 6c3.6357 0 6.7679 3.21014 8.188 4.9343Z"/></g></svg>');
    --icon-pwd-hide: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="%23222" fill-rule="evenodd" d="M15.9202 12.7988C15.9725 12.5407 16 12.2736 16 12c0-2.20914-1.7909-4-4-4-.2736 0-.5407.02746-.7988.07977l.9227.92274c1.5583.06332 2.8103 1.31529 2.8736 2.87359l.9227.9227Zm-6.52709-2.2845C9.14295 10.9523 9 11.4595 9 12c0 1.6569 1.3431 3 3 3 .5405 0 1.0477-.143 1.4857-.3931l.7263.7263C13.5784 15.7545 12.8179 16 12 16c-2.20914 0-4-1.7909-4-4 0-.8179.24547-1.5784.66676-2.21201l.72635.72631Z" clip-rule="evenodd"/><path fill="%23222" fill-rule="evenodd" d="m16.1537 17.2751-.7344-.7345c-1.064.579-2.2206.9594-3.4193.9594-1.6718 0-3.26184-.7401-4.63286-1.7265-1.36708-.9835-2.47408-2.1817-3.16922-3.0257-.42436-.5152-.46818-.6043-.46818-.7478 0-.1435.04382-.2326.46818-.7478.66929-.8126 1.72038-1.95357 3.0178-2.91516l-.71433-.71433C5.16991 8.63072 4.10383 9.79349 3.42604 10.6164l-.05881.0712c-.33052.3994-.63749.7703-.63749 1.3124s.30696.913.63749 1.3124l.05881.0712c.72495.8802 1.8941 2.1491 3.35708 3.2017C8.24216 17.635 10.0361 18.5 12 18.5c1.5101 0 2.9196-.5114 4.1537-1.2249ZM9.18993 6.06861C10.0698 5.71828 11.0135 5.5 12 5.5c1.9639 0 3.7579.865 5.2169 1.91472 1.463 1.05255 2.6321 2.32151 3.3571 3.20168l.0588.0712c.3305.3994.6375.7703.6375 1.3124s-.307.913-.6375 1.3124l-.0588.0712c-.4805.5833-1.156 1.3374-1.9829 2.0861l-.7081-.708c.7957-.7161 1.4508-1.4453 1.9191-2.0139.4244-.5152.4682-.6043.4682-.7478 0-.1435-.0438-.2326-.4682-.7478-.6951-.844-1.8021-2.04219-3.1692-3.02574C15.2619 7.24007 13.6718 6.5 12 6.5c-.6944 0-1.3747.12768-2.03103.34765l-.77904-.77904Z" clip-rule="evenodd"/><path stroke="%23222" d="m5 2 16 16"/></svg>');
    position: relative !important
}

.lwa-wrapper .lwa-is-working {
    opacity: .2 !important;
    pointer-events: none;
    cursor: progress
}

.lwa-wrapper .lwa-loading {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    background: url(loading.svg) 50% 45% no-repeat !important;
    left: 0 !important;
    top: 0 !important;
    background-size: 150px 150px !important;
    pointer-events: none
}

.lwa span.lwa-status {
    padding: 15px !important;
    margin-bottom: 20px !important;
    border: 1px solid transparent !important;
    border-radius: 2.5px !important;
    display: none !important
}

.lwa span.lwa-status.lwa-status-confirm,
.lwa span.lwa-status.lwa-status-invalid,
.lwa-bones .lwa.lwa-login .lwa-register hr {
    display: block !important
}

.lwa span.lwa-status.lwa-status-invalid {
    color: #842029 !important;
    background-color: #f8d7da !important;
    border-color: #f5c2c7 !important
}

.lwa span.lwa-status.lwa-status-confirm {
    color: #0f5132 !important;
    background-color: #d1e7dd !important;
    border-color: #badbcc !important
}

.lwa span.lwa-status>:first-child {
    margin-bottom: 0 !important
}

.lwa .login.lwa-status {
    border-left: 4px solid #72aee6;
    padding: 12px;
    margin-left: 0;
    margin-bottom: 20px;
    background-color: #fff;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
    word-wrap: break-word
}

.lwa .login.lwa-status.error,
.lwa .login.lwa-status.lwa-status-invalid {
    border-left-color: #d63638
}

.lwa .login.lwa-status.lwa-status-success,
.lwa .login.lwa-status.success {
    border-left-color: #28a745
}

.lwa .lwa-title {
    font-weight: 700 !important;
    font-size: 18px !important;
    margin-bottom: 15px !important
}

.lwa .hidden {
    visibility: hidden !important;
    display: none !important
}

.lwa .lwa-hr {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 20px 5px;
    color: #777
}

.lwa .lwa-hr::after,
.lwa .lwa-hr::before {
    content: "";
    flex: 1;
    border-bottom: 1px solid #777
}

.lwa .lwa-hr:not(:empty)::before {
    margin-right: 15px
}

.lwa .lwa-hr:not(:empty)::after {
    margin-left: 15px
}

.lwa-bones {
    --avatar-size: 60px;
    --avatar-rounded: 50%;
    --links-case: none
}

.lwa-bones .pixelbones {
    --theme-hue: 0;
    --accent-hue: 220;
    --accent-s: 86%;
    --accent-l: 57%;
    --text-color-richer: hsl(var(--theme-hue), 0%, 5%);
    --text-color-normal: hsl(var(--theme-hue), 0%, 13%);
    --text-color-softer: hsl(var(--theme-hue), 0%, 33%);
    --accent-color: hsl(var(--accent-hue), var(--accent-s), var(--accent-l));
    --accent-color-hover: hsl(var(--accent-hue), calc(var(--accent-s) - 10%), calc(var(--accent-l) - 8%));
    --border-color: hsl(var(--theme-hue), 0%, 73%);
    --border-color-softer: hsl(var(--theme-hue), 0%, 82%);
    --background-color: transparent;
    --background-color-softer: hsl(var(--theme-hue), 0%, 95%);
    --background-color-checkboxes: white;
    --background-color-inputs: white;
    --code-background: hsl(var(--theme-hue), 0%, 95%);
    --button-primary-color: white;
    --base-font-size: 16px;
    --base-line-height: 18px;
    --grid-max-width: 960px;
    scroll-behavior: smooth !important;
    font-size: var(--base-font-size) !important;
    line-height: 20px !important;
    font-weight: 400 !important;
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    color: var(--text-color-normal) !important;
    background-color: var(--background-color) !important
}

.lwa-bones .pixelbones .pixelbones {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    margin: 0
}

.lwa-bones .pixelbones details,
.lwa-bones .pixelbones main {
    display: block
}

.lwa-bones .pixelbones h1 {
    margin: .67em 0
}

.lwa-bones .pixelbones hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    margin-top: 30px !important;
    margin-bottom: 35px !important;
    border-width: 0 !important;
    border-top: 1px solid var(--border-color-softer) !important
}

.lwa-bones .pixelbones code {
    font-family: monospace, monospace
}

.lwa-bones .pixelbones kbd,
.lwa-bones .pixelbones pre,
.lwa-bones .pixelbones samp {
    font-family: monospace, monospace;
    font-size: 1em
}

.lwa-bones .pixelbones a {
    color: var(--accent-color) !important;
    background-color: transparent !important
}

.lwa-bones .pixelbones abbr[title] {
    border-bottom: none;
    text-decoration: underline dotted
}

.lwa-bones .pixelbones b,
.lwa-bones .pixelbones strong {
    font-weight: bolder
}

.lwa-bones .pixelbones small {
    font-size: 80%
}

.lwa-bones .pixelbones sub,
.lwa-bones .pixelbones sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

.lwa-bones .pixelbones sub {
    bottom: -.25em
}

.lwa-bones .pixelbones sup {
    top: -.5em
}

.lwa-bones .pixelbones img {
    border-style: none
}

.lwa-bones .pixelbones button {
    font-family: inherit;
    margin: 0;
    overflow: visible
}

.lwa-bones .pixelbones input,
.lwa-bones .pixelbones optgroup,
.lwa-bones .pixelbones select,
.lwa-bones .pixelbones textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

.lwa-bones .pixelbones input {
    overflow: visible
}

.lwa-bones .pixelbones select {
    text-transform: none
}

.lwa-bones .pixelbones [type=button],
.lwa-bones .pixelbones [type=reset],
.lwa-bones .pixelbones [type=submit],
.lwa-bones .pixelbones button {
    -webkit-appearance: button
}

.lwa-bones .pixelbones [type=button]::-moz-focus-inner,
.lwa-bones .pixelbones [type=reset]::-moz-focus-inner,
.lwa-bones .pixelbones [type=submit]::-moz-focus-inner,
.lwa-bones .pixelbones button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

.lwa-bones .pixelbones [type=button]:-moz-focusring,
.lwa-bones .pixelbones [type=reset]:-moz-focusring,
.lwa-bones .pixelbones [type=submit]:-moz-focusring,
.lwa-bones .pixelbones button:-moz-focusring {
    outline: 1px dotted ButtonText
}

.lwa-bones .pixelbones fieldset {
    padding: 0 !important;
    border-width: 0 !important
}

.lwa-bones .pixelbones legend {
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

.lwa-bones .pixelbones progress {
    vertical-align: baseline
}

.lwa-bones .pixelbones textarea {
    overflow: auto
}

.lwa-bones .pixelbones [type=checkbox],
.lwa-bones .pixelbones [type=radio],
.lwa-bones .pixelbones legend {
    box-sizing: border-box;
    padding: 0
}

.lwa-bones .pixelbones [type=number]::-webkit-inner-spin-button,
.lwa-bones .pixelbones [type=number]::-webkit-outer-spin-button {
    height: auto
}

.lwa-bones .pixelbones [type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

.lwa-bones .pixelbones [type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

.lwa-bones .pixelbones ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

.lwa-bones .pixelbones summary {
    display: list-item
}

.lwa-bones .pixelbones [hidden],
.lwa-bones .pixelbones template,
.lwa-modal-overlay {
    display: none
}

.lwa-bones .pixelbones .grid-container {
    position: relative !important;
    max-width: var(--grid-max-width) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: left !important;
    display: grid !important;
    grid-gap: 20px !important;
    gap: 20px !important;
    grid-template-columns: minmax(200px, 1fr) !important
}

@media (min-width:600px) {
    .lwa-bones .pixelbones .grid-container {
        grid-template-columns: repeat(3, 1fr) !important;
        padding: 0 !important
    }

    .lwa-bones .pixelbones .grid-container.fifths {
        grid-template-columns: repeat(5, 1fr) !important
    }

    .lwa-bones .pixelbones .grid-container.quarters {
        grid-template-columns: repeat(4, 1fr) !important
    }

    .lwa-bones .pixelbones .grid-container.thirds {
        grid-template-columns: repeat(3, 1fr) !important
    }

    .lwa-bones .pixelbones .grid-container.halves {
        grid-template-columns: repeat(2, 1fr) !important
    }

    .lwa-bones .pixelbones .grid-container.full {
        grid-template-columns: 1fr !important
    }
}

.lwa-bones .pixelbones h1,
.lwa-bones .pixelbones h2,
.lwa-bones .pixelbones h3,
.lwa-bones .pixelbones h4,
.lwa-bones .pixelbones h5,
.lwa-bones .pixelbones h6 {
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    font-weight: 300 !important
}

.lwa-bones .pixelbones h1 {
    font-size: 40px !important;
    line-height: 1.2 !important
}

.lwa-bones .pixelbones h2 {
    font-size: 36px !important;
    line-height: 1.25 !important
}

.lwa-bones .pixelbones h3 {
    font-size: 30px !important;
    line-height: 1.3 !important
}

.lwa-bones .pixelbones h4 {
    font-size: 24px !important;
    line-height: 1.35 !important
}

.lwa-bones .pixelbones h5 {
    font-size: 18px !important;
    line-height: 1.5 !important
}

.lwa-bones .pixelbones h6 {
    font-size: 15px !important;
    line-height: 1.6 !important
}

@media (min-width:600px) {
    .lwa-bones .pixelbones h1 {
        font-size: 50px !important
    }

    .lwa-bones .pixelbones h2 {
        font-size: 42px !important
    }

    .lwa-bones .pixelbones h3 {
        font-size: 36px !important
    }

    .lwa-bones .pixelbones h4 {
        font-size: 30px !important
    }

    .lwa-bones .pixelbones h5 {
        font-size: 24px !important
    }

    .lwa-bones .pixelbones h6 {
        font-size: 15px !important
    }
}

.lwa-bones .pixelbones p {
    margin: 0 0 5px !important;
    line-height: var(--base-line-height) !important
}

.lwa-bones .pixelbones a :hover {
    color: var(--accent-color-hover) !important;
    background-color: transparent !important
}

.lwa-bones .pixelbones a :focus {
    background-color: transparent !important
}

.lwa-bones .pixelbones .button,
.lwa-bones .pixelbones button,
.lwa-bones .pixelbones input[type=button],
.lwa-bones .pixelbones input[type=reset],
.lwa-bones .pixelbones input[type=submit] {
    display: inline-block;
    height: 38px !important;
    padding: 0 30px !important;
    color: #fff !important;
    text-align: center !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 38px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    background-color: transparent !important;
    border-radius: 25px !important;
    cursor: pointer !important;
    box-sizing: border-box !important
}

.lwa-bones .pixelbones .button:focus,
.lwa-bones .pixelbones .button:hover,
.lwa-bones .pixelbones button:focus,
.lwa-bones .pixelbones button:hover,
.lwa-bones .pixelbones input[type=button]:focus,
.lwa-bones .pixelbones input[type=button]:hover,
.lwa-bones .pixelbones input[type=reset]:focus,
.lwa-bones .pixelbones input[type=reset]:hover,
.lwa-bones .pixelbones input[type=submit]:focus,
.lwa-bones .pixelbones input[type=submit]:hover {
    color: var(--text-color-normal) !important;
    border-color: var(--text-color-softer) !important;
    outline: 0 !important
}

.lwa-bones .pixelbones .button.button-primary,
.lwa-bones .pixelbones button.button-primary,
.lwa-bones .pixelbones input[type=button].button-primary,
.lwa-bones .pixelbones input[type=reset].button-primary,
.lwa-bones .pixelbones input[type=submit].button-primary {
    margin-top: 5px!important;
    color: var(--button-primary-color) !important;
    background-color: #000077BB !important;
    border-color: transparent!important;
}

.lwa-bones .pixelbones .button.button-primary[disabled],
.lwa-bones .pixelbones button.button-primary[disabled],
.lwa-bones .pixelbones input[type=button].button-primary[disabled],
.lwa-bones .pixelbones input[type=reset].button-primary[disabled],
.lwa-bones .pixelbones input[type=submit].button-primary[disabled] {
    opacity: .5 !important;
    cursor: not-allowed !important
}

.lwa-bones .pixelbones .button.button-primary:focus:not([disabled]),
.lwa-bones .pixelbones .button.button-primary:hover:not([disabled]),
.lwa-bones .pixelbones button.button-primary:focus:not([disabled]),
.lwa-bones .pixelbones button.button-primary:hover:not([disabled]),
.lwa-bones .pixelbones input[type=button].button-primary:focus:not([disabled]),
.lwa-bones .pixelbones input[type=button].button-primary:hover:not([disabled]),
.lwa-bones .pixelbones input[type=reset].button-primary:focus:not([disabled]),
.lwa-bones .pixelbones input[type=reset].button-primary:hover:not([disabled]),
.lwa-bones .pixelbones input[type=submit].button-primary:focus:not([disabled]),
.lwa-bones .pixelbones input[type=submit].button-primary:hover:not([disabled]) {
    color: var(--button-primary-color) !important;
    background-color: #000077FA !important;
    border-color: transparent!important
}

.lwa-bones .pixelbones form {
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-weight: 400 !important;
    overflow: visible;
    background: var(--background-color) !important;
    box-sizing: border-box !important;
    box-shadow: none !important
}

.lwa-bones .pixelbones input[type=email],
.lwa-bones .pixelbones input[type=number],
.lwa-bones .pixelbones input[type=password],
.lwa-bones .pixelbones input[type=search],
.lwa-bones .pixelbones input[type=tel],
.lwa-bones .pixelbones input[type=text],
.lwa-bones .pixelbones input[type=url],
.lwa-bones .pixelbones select,
.lwa-bones .pixelbones textarea {
    width: 100% !important;
    height: 38px !important;
    padding: 6px 10px !important;
    border-radius: 4px !important;
    background-color: var(--background-color-inputs) !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    border: 1px solid var(--border-color-softer) !important
}

.lwa-bones .pixelbones input[type=button],
.lwa-bones .pixelbones input[type=email],
.lwa-bones .pixelbones input[type=number],
.lwa-bones .pixelbones input[type=password],
.lwa-bones .pixelbones input[type=search],
.lwa-bones .pixelbones input[type=submit],
.lwa-bones .pixelbones input[type=tel],
.lwa-bones .pixelbones input[type=text],
.lwa-bones .pixelbones input[type=url],
.lwa-bones .pixelbones textarea {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important
}

.lwa-bones .pixelbones textarea {
    min-height: 65px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important
}

.lwa-bones .pixelbones input[type=email]:focus,
.lwa-bones .pixelbones input[type=number]:focus,
.lwa-bones .pixelbones input[type=password]:focus,
.lwa-bones .pixelbones input[type=search]:focus,
.lwa-bones .pixelbones input[type=tel]:focus,
.lwa-bones .pixelbones input[type=text]:focus,
.lwa-bones .pixelbones input[type=url]:focus,
.lwa-bones .pixelbones select:focus,
.lwa-bones .pixelbones textarea:focus {
    border: 1px solid var(--accent-color) !important;
    outline: 0 !important
}

.lwa-bones .pixelbones label,
.lwa-bones .pixelbones legend {
    display: block !important;
    margin-bottom: 7px !important;
    font-weight: 400 !important;
    font-size: 0.9rem;
    letter-spacing: 0.02em;
    line-height: var(--base-line-height);
    color: #5B5B5B!important;
    margin-left: 5px!important;
}

.lwa-bones .pixelbones input[type=checkbox] {
    -webkit-appearance: none !important;
    width: 15px !important;
    height: 15px !important;
    position: relative !important;
    top: 2px !important
}

.lwa-bones .pixelbones input[type=checkbox]:focus {
    outline: 0 !important
}

.lwa-bones .pixelbones input[type=checkbox]:before {
    content: "" !important;
    display: none !important
}

.lwa-bones .pixelbones input[type=checkbox]:checked:after {
    opacity: 1 !important
}

.lwa-bones .pixelbones input[type=checkbox]:after {
    content: "" !important;
    opacity: 0 !important;
    display: block !important;
    left: 4px !important;
    top: 1px !important;
    position: absolute !important;
    width: 6px !important;
    height: 10px !important;
    border: 2px solid #666 !important;
    border-top: 0 !important;
    border-left: 0 !important;
    transform: rotate(30deg) !important;
    box-sizing: border-box !important
}

.lwa-bones .pixelbones input[type=checkbox],
.lwa-bones .pixelbones input[type=radio] {
    margin-bottom: 0 !important;
    display: inline-block !important;
    text-align: start !important;
    background-color: var(--background-color-checkboxes) !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    border: 1px solid var(--border-color-softer) !important
}

.lwa-bones .pixelbones label>.label-body {
    display: inline-block !important;
    margin-left: 5px !important;
    font-weight: 400 !important
}

.lwa-bones .pixelbones ul {
    list-style: circle inside !important
}

.lwa-bones .pixelbones ol {
    list-style: decimal inside !important
}

.lwa-bones .pixelbones ol,
.lwa-bones .pixelbones ul {
    padding-left: 0 !important;
    margin-top: 0 !important
}

.lwa-bones .pixelbones ol ol,
.lwa-bones .pixelbones ol ul,
.lwa-bones .pixelbones ul ol,
.lwa-bones .pixelbones ul ul {
    font-size: 100% !important;
    margin: 10px 0 10px 30px !important;
    color: var(--text-color-softer) !important
}

.lwa-bones .pixelbones li {
    margin-bottom: 5px !important
}

.lwa-bones .pixelbones code {
    padding: 2px 5px !important;
    margin: 0 2px !important;
    font-size: 90% !important;
    white-space: nowrap !important;
    background: var(--code-background) !important;
    border: 1px solid var(--border-color-softer) !important;
    border-radius: 4px !important
}

.lwa-bones .pixelbones pre>code {
    display: block !important;
    padding: 10px 15px !important;
    white-space: pre !important;
    overflow: auto !important
}

.lwa-bones .pixelbones td,
.lwa-bones .pixelbones th {
    padding: 12px 15px !important;
    text-align: left !important;
    border-bottom: 1px solid var(--border-color-softer) !important
}

.lwa-bones .pixelbones td:first-child,
.lwa-bones .pixelbones th:first-child {
    padding-left: 0 !important
}

.lwa-bones .pixelbones td:last-child,
.lwa-bones .pixelbones th:last-child {
    padding-right: 0 !important
}

.lwa-bones .lwa,
.lwa-bones .pixelbones .button,
.lwa-bones .pixelbones button {
    margin-bottom: 10px !important
}

.lwa-bones .pixelbones fieldset,
.lwa-bones .pixelbones input,
.lwa-bones .pixelbones select,
.lwa-bones .pixelbones textarea {
    margin-bottom: 15px !important
}

.lwa-bones .pixelbones blockquote,
.lwa-bones .pixelbones dl,
.lwa-bones .pixelbones figure,
.lwa-bones .pixelbones ol,
.lwa-bones .pixelbones p,
.lwa-bones .pixelbones pre,
.lwa-bones .pixelbones table,
.lwa-bones .pixelbones ul {
    margin-bottom: 25px !important
}

.lwa-bones .pixelbones .u-full-width {
    width: 100% !important;
    box-sizing: border-box !important
}

.lwa-bones .pixelbones .u-max-full-width {
    max-width: 100% !important;
    box-sizing: border-box !important
}

.lwa-bones .pixelbones .u-pull-right {
    float: right !important
}

.lwa-bones .pixelbones .u-pull-left {
    float: left !important
}

.lwa-bones .pixelbones .u-align-left {
    text-align: left !important
}

.lwa-bones .lwa.lwa-login .grid-container.submit .lwa-links,
.lwa-bones .pixelbones .u-align-right {
    text-align: right !important
}

.lwa-bones .pixelbones .container:after,
.lwa-bones .pixelbones .row:after,
.lwa-bones .pixelbones .u-cf {
    content: "" !important;
    display: table !important;
    clear: both !important
}

.lwa-bones .lwa p {
    margin-bottom: 20px !important
}

.lwa-bones .lwa.lwa-login .lwa-links a {
    display: block !important;
    margin: 8px 0 0 !important;
    padding: 0 !important
}

.lwa-bones .lwa.lwa-login .lwa-register,
.lwa-bones .lwa.lwa-login .lwa-remember {
    margin-top: 10px !important;
    display: none
}

.lwa-bones .lwa.lwa-login .lwa-register #openid_identifier {
    width: auto !important
}

.lwa-bones .lwa.lwa-login .grid-container.submit {
    text-align: left !important;
    grid-template-columns: 50% 1fr !important;
    max-width: 100% !important;
    padding: 0 !important
}

.lwa-bones .lwa-logged-in {
    --links-case: lowercase
}

.lwa-bones .lwa-logged-in .lwa-avatar {
    padding: 0 !important;
    margin: 0 !important
}

.lwa-bones .lwa-logged-in .lwa-avatar.rounded img {
    border-radius: var(--avatar-rounded) !important
}

.lwa-bones .lwa-logged-in .lwa-info a,
.lwa-bones .lwa.lwa-login .lwa-links a {
    text-transform: var(--links-case) !important
}

.lwa-bones .lwa-logged-in .lwa-info>p {
    margin: 0 0 2px !important;
    padding: 0 !important
}

.lwa-bones .lwa-logged-in .grid-container {
    text-align: left !important;
    grid-template-columns: calc(var(--avatar-size) + 10px) 1fr !important;
    padding: 0 !important
}

.lwa-bones .lwa-logged-in.vertical {
    text-align: center !important
}

.lwa-bones .lwa-logged-in.vertical .grid-container {
    display: block !important;
    width: 100% !important;
    text-align: center !important
}

.lwa-bones .lwa-logged-in.vertical .grid-container>div {
    margin: 0 0 20px !important
}

.lwa-bones .lwa-logged-in.vertical .lwa-avatar img {
    display: block !important;
    margin: 0 auto !important
}

.lwa-bones .lwa-minimalistic .input-field {
    position: relative !important;
    margin-bottom: 10px !important
}

.lwa-bones .lwa-minimalistic .input-field label {
    font-size: 80% !important;
    position: absolute !important;
    top: calc(50% - 10px) !important;
    left: 0 !important;
    opacity: 0 !important;
    transition: all .3s ease !important
}

.lwa-bones .lwa-minimalistic .input-field input[type=password],
.lwa-bones .lwa-minimalistic .input-field input[type=text] {
    padding: 10px 0 0 !important;
    height: 50px !important;
    border: 0 !important;
    border-bottom: solid 1px var(--border-color-softer) !important;
    background: 0 0 !important;
    box-sizing: border-box !important;
    transition: all .3s linear !important;
    border-radius: 0 !important
}

.lwa-bones .lwa-minimalistic .input-field input[type=password]:focus,
.lwa-bones .lwa-minimalistic .input-field input[type=text]:focus {
    border: 0 !important;
    border-bottom: solid 1px var(--border-color) !important;
    outline: 0 !important;
    box-shadow: 0 2px 6px -8px var(--border-color-normal) !important
}

.lwa-bones .lwa-minimalistic .input-field input:not(:placeholder-shown) {
    padding: 28px 0 12px !important
}

.lwa-bones .lwa-minimalistic .input-field input:not(:placeholder-shown)+label {
    transform: translateY(-20px) !important;
    opacity: .7 !important
}

.lwa-modal-overlay .lwa-modal-popup .lwa-modal-content .lwa-form .lwa-title,
.lwa-modal-overlay.active {
    display: block !important
}

@media only screen and (min-width:40rem) {
    .lwa-modal-overlay {
        align-items: center !important;
        justify-content: center !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        z-index: 999999 !important;
        background-color: rgba(0, 0, 0, .6) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        backface-visibility: hidden !important;
        transition: opacity .6s cubic-bezier(.55, 0, .1, 1), visibility .6s cubic-bezier(.55, 0, .1, 1) !important;
        -webkit-transition: opacity .6s cubic-bezier(.55, 0, .1, 1), visibility .6s cubic-bezier(.55, 0, .1, 1) !important;
        transition-delay: .3s !important
    }

    .lwa-modal-overlay.active {
        display: flex !important;
        opacity: 1 !important;
        visibility: visible !important
    }
}

.lwa-modal-overlay .lwa-modal-popup {
    display: flex !important;
    align-items: start !important;
    justify-content: center !important;
    position: relative !important;
    margin: 0 !important;
    background-color: #fff !important;
    width: 100% !important;
    max-width: 750px !important;
    min-height: 200px !important;
    max-height: 98% !important;
    padding: 10px !important;
    border-radius: 3px !important;
    opacity: 0 !important;
    overflow-y: auto !important;
    visibility: hidden !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .1) !important;
    backface-visibility: hidden !important;
    transform: scale(1.2) !important;
    transition: all .6s cubic-bezier(.55, 0, .1, 1) !important;
    z-index: 99999 !important
}

.lwa-modal-overlay .lwa-modal-popup>header {
    box-sizing: border-box;
    width: 100%;
    border-bottom: 1px solid #dedede;
    margin: 0;
    padding: 10px 0 7px 15px
}

.lwa-modal-overlay .lwa-modal-popup>header .lwa-modal-title {
    font-size: 24px !important;
    line-height: 1.3 !important;
    padding: 0 32px 0 0 !important;
    margin: 0 !important
}

.lwa-modal-overlay .lwa-modal-popup>header .lwa-modal-title a {
    color: var(--text-color-normal) !important
}

.lwa-modal-overlay .lwa-modal-popup>header .lwa-modal-title a:hover {
    text-decoration: underline
}

.lwa-modal-overlay .lwa-modal-popup .lwa-close-modal {
    position: absolute !important;
    cursor: pointer !important;
    top: 15px !important;
    right: 15px !important;
    opacity: 0 !important;
    backface-visibility: hidden !important;
    transition: opacity .6s cubic-bezier(.55, 0, .1, 1), visibility .6s cubic-bezier(.55, 0, .1, 1) !important;
    -webkit-transition: opacity .6s cubic-bezier(.55, 0, .1, 1), visibility .6s cubic-bezier(.55, 0, .1, 1) !important;
    transition-delay: .3s !important
}

.lwa-modal-overlay .lwa-modal-popup svg {
    width: 17.5px !important;
    height: 17.5px !important
}

.lwa-modal-overlay .lwa-modal-popup .lwa-modal-content {
    opacity: 0 !important;
    backface-visibility: hidden !important;
    transition: opacity .6s cubic-bezier(.55, 0, .1, 1) !important;
    transition-delay: .3s !important;
    width: 100% !important;
    margin: 20px 5px 5px !important
}

.lwa-modal-overlay .lwa-modal-popup .lwa-modal-content form,
.lwa-wrapper .lwa-classic-vanilla .lwa-links>label {
    margin-bottom: 0 !important
}

.lwa-modal-overlay .lwa-modal-popup.active {
    visibility: visible !important;
    opacity: 1 !important;
    transform: scale(1) !important
}

.lwa-modal-overlay .lwa-modal-popup.active .lwa-close-modal,
.lwa-modal-overlay .lwa-modal-popup.active .lwa-modal-content {
    opacity: 1 !important
}

.lwa-modal-overlay .lwa-modal-popup>footer {
    width: 100% !important;
    border-top: 1px solid #dedede !important
}

.lwa-modal-overlay .lwa-modal-popup>footer>div {
    padding: 10px 25px !important
}

.lwa-modal-overlay .lwa-modal-popup>footer>div .button,
.lwa-modal-overlay .lwa-modal-popup>footer>div button {
    margin: 0 !important
}

@media only screen and (max-width:39.99rem) {
    .lwa-modal-overlay .lwa-modal-popup {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-height: 100% !important;
        -webkit-overflow-scrolling: touch !important;
        border-radius: 0 !important;
        transform: scale(1.1) !important;
        padding: 10px !important
    }

    .lwa-modal-overlay .lwa-modal-popup .lwa-close-modal {
        top: 10px !important;
        right: 10px !important
    }

    .lwa-modal-overlay .lwa-modal-popup .lwa-close-modal svg {
        width: 28px !important;
        height: 28px !important
    }
}

.lwa-wrapper .lwa-classic-vanilla .lwa-form,
.lwa-wrapper .lwa-classic-vanilla .lwa-register>form {
    grid-row-gap: 10px !important
}

.lwa-wrapper .lwa-classic-vanilla .lwa-form>*,
.lwa-wrapper .lwa-classic-vanilla .lwa-register>form>* {
    grid-column-gap: 10px !important
}

.lwa-wrapper .lwa-classic .lwa-form .input-field label,
.lwa-wrapper .lwa-classic .lwa-register>form .input-field label,
.lwa-wrapper .lwa-classic-vanilla .lwa-form .input-field label,
.lwa-wrapper .lwa-classic-vanilla .lwa-links-register-inline-cancel,
.lwa-wrapper .lwa-classic-vanilla .lwa-register>form .input-field label {
    align-self: center !important
}

.lwa-wrapper .lwa-classic .lwa-register .lwa-submit-button,
.lwa-wrapper .lwa-classic-vanilla .lwa-links>*,
.lwa-wrapper .lwa-classic-vanilla .lwa-register .lwa-submit-button {
    display: block !important
}

.lwa-wrapper .lwa-classic-vanilla .lwa-links label .label-body {
    display: inline-block !important;
    padding-left: 10px !important;
    font-size: 85% !important;
    vertical-align: top !important
}

.lwa-wrapper .lwa-classic-vanilla .lwa-remember-email input {
    width: 96% !important
}

.lwa-wrapper .lwa-classic-vanilla .lwa-remember-email {
    margin-bottom: 10px !important
}

.lwa-wrapper .lwa-classic-vanilla .lwa-title {
    font-size: 110% !important
}

.lwa-wrapper .lwa-classic .lwa-register>form p:nth-child(-n+2),
.lwa-wrapper .lwa-classic-vanilla .lwa-register>form p:nth-child(-n+2) {
    display: block !important;
    margin-bottom: 10px !important
}

.lwa-wrapper .lwa-classic .lwa-remember-email label,
.lwa-wrapper .lwa-classic-vanilla .lwa-remember-email label {
    border: 0 !important;
    clip: rect(1px 1px 1px 1px) !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

.lwa-wrapper .lwa-classic .lwa-form,
.lwa-wrapper .lwa-classic .lwa-register>form,
.lwa-wrapper .lwa-classic-vanilla .lwa-form,
.lwa-wrapper .lwa-classic-vanilla .lwa-register>form {
    display: grid;
    grid-template-rows: 1fr !important
}

.lwa-wrapper .lwa-classic .lwa-form>*,
.lwa-wrapper .lwa-classic .lwa-register>form>*,
.lwa-wrapper .lwa-classic-vanilla .lwa-form>*,
.lwa-wrapper .lwa-classic-vanilla .lwa-register>form>* {
    display: grid !important;
    grid-template-columns: 1fr 3fr !important
}

.lwa-wrapper .lwa-classic .lwa-register .lwa-submit-button {
    grid-template-columns: 1fr 1fr 2fr !important
}