.content-wrapper{
    padding: 0;
    margin: 0;
}
.p-4 {
    padding: 1rem !important;
}
.px-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

.login-register-content{
    --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
    padding: 2rem;
    --tw-bg-opacity: 1;
    background: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    border-radius: 1rem;
    max-width: 28rem;
    width: 100%;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}
.login-register-content h1, .login-register .form-field .tip, .login-register .remember-me-forgot-password label,
.login-register .remember-me-forgot-password a, .login-register .status .message-title, .login-register .status .message-copy li,
.login-register .form-field select, .login-register .plaintext-honor_code .plaintext-field, .login-register .form-field .field-link,
.login-register .form-field input, .login-register .status .message-copy p, .login-register .status .message-copy{
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.login-register-content form{
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.login-register .form-field{
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.login-register .form-field label{
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.login-register .form-field input{
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
    border-width: 1px;
    border-radius: 0.5rem;
    height: auto;
}

.login-register .form-field input:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(242 102 34 / var(--tw-ring-opacity, 1));
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(242 102 34 / var(--tw-border-opacity, 1));
}

.login-register .remember-me-forgot-password{
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.login-register .remember-me-forgot-password a{
    --tw-text-opacity: 1;
    color: rgb(242 102 34 / var(--tw-text-opacity, 1));
    font-weight: 500;
    text-decoration: none;
}
.login-register .remember-me-forgot-password label{
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.login-register .login-button, .login-register .login-button:hover, .login-register .login-button:focus,
.login-register .register-button, .login-register .register-button:hover, .login-register .register-button:focus,
.login-register .js-reset, .login-register .js-reset:hover, .login-register .js-reset:focus{
    transition-property: all;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 1rem;
    padding-right: 1rem;
    --tw-bg-opacity: 1;
    background-color: rgb(242 102 34 / var(--tw-bg-opacity, 1));
    border-color: transparent;
    border-width: 1px;
    border-radius: 0.5rem;
    justify-content: center;
    width: 100%;
    display: flex;
}
.login-register .register-text{
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}

.login-register .register-text p{
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
    font-size: 0.875rem;
    line-height: 1.25rem;
    text-align: center;
}
.login-register .register-text p a{
    --tw-text-opacity: 1;
    color: rgb(242 102 34 / var(--tw-text-opacity, 1));
    font-weight: 500;
    text-decoration: none;
}
#login-and-register-header button, #login-and-register-header button:hover, #login-and-register-header button:focus{
    border: none;
    background: none;
    box-shadow: none;
    text-shadow: none;
}
#login-and-register-header button a, #login-and-register-header button a:hover, #login-and-register-header button a:focus{
    color: #fff;
    text-decoration: none;
}
#login-and-register-header .container{
    padding: 0;
}
.login-register .form-field label.focus-out{
    padding-top: 11px;
}
.login-register .form-field.select-country label.focus-out{
    padding-top: 5px;
}
.login-register .plaintext-honor_code .plaintext-field{
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.login-register .plaintext-honor_code .plaintext-field a, .login-register .form-field .field-link, .login-register .status .message-copy p a{
    color: rgb(242 102 34 / var(--tw-text-opacity, 1));
    text-decoration: none;
}
#password-reset-email-desc {display: none;}
@media (min-width: 640px) {
    .sm\:flex {
        display: flex !important;
        visibility: visible !important;
    }
}

@media (min-width: 1024px) {
    .lg\:block {
        display: block !important;
        visibility: visible !important;
    }
}