html.standalone, html.standalone body { background:#fff; height:100%; }

html.standalone body { display:flex; flex-direction:column; justify-content:space-between; align-items:center; min-height:100%; }

.stand { width:100%; max-width:500px; height:100%; max-height:1000px; text-align:left; display:flex; flex-direction:column; margin-bottom:auto;
--form-element-height: 54px;
}
.stand > div { margin:auto 0; padding:86px 26px; }

/* general */
.stand h1 { font-size:30px; line-height:1.3; text-align:center; margin-bottom:42px; }

.stand .logo { display:flex; justify-content:center; font-size:0; line-height:0; margin-bottom:54px; }
.stand .logo a { width:216px; height:32px; background:url('https://assets.currency.marketing/svg/currencycom.svg') no-repeat center center; background-size:contain; }

.stand input[type=text]:not(.chosen-search-input), .stand input[type=email], .stand input[type=password] { width:100%; padding:0 13px; font-size:18px; line-height:26px; }

.stand p.vivid { padding-top:9px; }
.stand p.vivid button { width:100%; font-size:18px; line-height:54px; font-weight:600; border-radius:var(--radius-round); }

.stand p.enterpass { position:relative; }
.stand p.enterpass:focus-within input, .stand p.enterpass:has(button:hover) input { padding-right:50px !important; }
.stand p.enterpass button { position:absolute; top:50%; transform:translateY(-50%); right:9px; padding:0; width:32px; height:32px; font-size:0; line-height:0; opacity:0; border-color:transparent; background:transparent url('/assets/svg/common/password-show.svg') no-repeat center; }
.stand p.enterpass button:after { content:''; background-image:url('/assets/svg/common/password-hide.svg'); }
.stand p.enterpass:focus-within button { opacity:.35; }
.stand p.enterpass button.hide { background-image:url('/assets/svg/common/password-hide.svg'); }
.stand p.enterpass button:focus { opacity:1 !important; }
.stand p.enterpass button:hover { opacity:0.8 !important; }
.stand p.enterpass button:active { -webkit-transform:translateY(-50%) scale(90%); -ms-transform:translateY(-50%) scale(90%); transform:translateY(-50%) scale(90%); }

.stand p.secondary-link { padding-top:18px; }
.stand p.secondary-link a { font-size:18px; line-height:54px; border-radius:var(--radius-round); font-weight:600; text-align:center; }

.stand .links { padding-top:30px; text-align:center; }
.stand ul.links li:not(:last-child) { margin-bottom:3px; }

.stand ul.error + p:not(.links) { padding-top:6px; }

.stand .details { text-align: center }

/* chosen */
.stand .chosen-container .chosen-single, .stand select { border-radius:5px; font-size:18px; line-height:24px; padding-left:13px; }
.stand .chosen-container .chosen-single:after, .stand select { background:url('https://assets.currency.marketing/svg/ui/arrow-down-pick.svg') no-repeat right 15px center; }
.stand .chosen-container { width:auto !important; text-align:left; }
.stand select { width:100%; }
.stand .chosen-container .chosen-single:after { width:50px; }

/* header */
.standalone header { width:100%; padding:24px 0; margin-bottom:-70px; }
.standalone header .content { display:flex; max-width:none; }
.standalone header p { margin-bottom:0; }
.standalone header .logo > * { display:block; background:url('https://assets.currency.marketing/svg/currencycom.svg') no-repeat center; width:148px; height:22px; background-size:contain; font-size:0; line-height:0; }

/* signup */
.stand.signup {
--form-element-height: 56px;
}

.stand.signup h1 { margin-bottom:46px; }

.stand.signup p.desc { margin-bottom:30px; }

.stand.signup p.select, .stand.signup p.placeholder { margin-bottom:20px; }
.stand.signup p.select + .form-error, .stand.signup p.placeholder + .form-error { margin-top:-9px; }

.stand.signup label + input { margin-top:9px; }

.stand input#dob { font-variant-numeric:tabular-nums; }

.stand.signup .checkbox { padding:9px 0; display:flex; align-items:center; }
.stand.signup .checkbox input { width:19px; height:19px; margin-right:12px; margin-top:-2px; background-size:19px;}
.stand.signup .checkbox label { display:inline; }
.stand.signup .checkbox + .form-error { margin:-14px 0 22px; }

/* two-factor authentication */
.stand p.twofacode { margin-bottom:20px; }
.stand p.twofacode input[type=text] { font-size:22px; min-width:28px; text-align:center; font-variant-numeric:tabular-nums; }
.stand p.twofacode + .form-error { text-align:center; margin-bottom:19px; }
.stand p.twofacode + .vivid { padding-top:16px; }

/* email confirmed */
.stand.email_confirmation h1 + * { text-align:center; }

@media screen and (max-width:900px) {
.standalone header { padding:28px 0; }
.standalone header .content { justify-content:center; }
.standalone header .logo > * { width:140px; height:28px; }

.stand > div { padding-left:22px; padding-right:22px; }
}
@media screen and (max-width:500px) {
.stand input[type=text]:not(.chosen-search-input), .stand input[type=email], .stand input[type=password] { height:52px; }
.stand.signup p.placeholder input { height:54px !important; }
.stand p.vivid button, .stand p.button button { line-height:52px; }

/* chosen */
.stand select { height:52px; }
.stand .chosen-container .chosen-single { height:52px; }

/* signup */
.stand.signup .checkbox { font-size:15px; }
.stand.signup .checkbox input[type=checkbox] { width:19px; height:19px; }

}
@media screen and (max-width:400px) {
.stand.signup .checkbox { font-size:14px; }

}