#signup-container {
body.page-template-signup {
  background-color: var(--wp--preset--color--base);
}

#signup-container {
  max-width: var(--wp--style--global--wide-size, 1280px);
  margin: var(--wp--preset--spacing--50) auto;
  padding: 0 var(--wp--preset--spacing--50);
}

#signup-form {
  background: var(--wp--preset--color--base);
  padding: var(--wp--preset--spacing--50);
  border-radius: var(--wp--preset--spacing--20);
}
#signup-container{margin-bottom:20px}
#signup-form label{font-weight:normal}
#signup-form .text{font-size:15px;line-height:1.3}
#signup-form .signup-header{padding:10px 0;border-bottom:2px solid #bbb;position:relative}
#signup-form .signup-header:after{content:'';display:block;border-bottom:2px solid #BD2025;position:absolute;bottom:-2px;left:0;transition:all linear 200ms}
#signup-form .signup-header .step{font-size:20px;display:inline-block}
#signup-form .signup-header .message{font-size:16px;display:inline-block;margin-left:8px}
#signup-form.step-1 .signup-header:after{width:20%}
#signup-form.step-2 .signup-header:after{width:40%}
#signup-form.step-3 .signup-header:after{width:60%}
#signup-form.step-4 .signup-header:after{width:80%}
#signup-form.step-5 .signup-header:after{width:100%}
#signup-form .signup-content{padding:10px 0}
#signup-form .signup-content>.step{width:0;height:0;opacity:0;transition:all linear 200ms;overflow:hidden}
#signup-form .signup-content>.step.active{width:100%;height:auto;opacity:1}
#signup-form .signup-content .form-control{margin-bottom:0}
#signup-form .form-row+.form-row{margin-top:20px}
#signup-form .form-row .cell.loader{-ms-flex:0 0 100px;flex:0 0 100px}
#signup-form .form-row .cell+.cell{margin-top:20px}
#signup-form .form-row{display:-ms-flexbox;display:flex}
#signup-form .form-row .cell{-ms-flex:1;flex:1}
#signup-form .form-row .cell+.cell{margin-left:20px;margin-top:0}
#signup-form .form-actions{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-top:0 !important}
#signup-form .form-actions>.cell{margin-top:20px !important}
#signup-form .form-actions>.cell:first-child{-ms-flex-order:2;order:2}
#signup-form .form-actions>.cell:last-child:not(:first-child){-ms-flex-order:1;order:1}
#signup-form .form-actions button{display:block;width:100%}
#signup-form .form-actions{-ms-flex-direction:row;flex-direction:row}
#signup-form .form-actions>.cell:first-child{-ms-flex-order:1;order:1}
#signup-form .form-actions>.cell:last-child{-ms-flex-order:2;order:2;text-align:right}
#signup-form .form-actions button{display:inline-block;width:auto}
#signup-form .url{color:#777}
#signup-form .url .scheme{display:none}
#signup-form .url .scheme{display:inline}
#signup-form .url .subdomain{color:#888}
#signup-form .subsection-header{margin-top:0}
#signup-form .subsection-header+p{margin-top:-12px}
#signup-form .form-row+.subsection-header{margin-top:10px}
#signup-form .subdomain-chooser{margin:0;padding:0;list-style:none}
#signup-form .subdomain-chooser>li{padding:10px 15px 10px 13px;background:#fff;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer}
#signup-form .subdomain-chooser>li.other{-ms-flex-wrap:wrap;flex-wrap:wrap}
#signup-form .subdomain-chooser>li.other .helper-text{-ms-flex:0 0 100%;flex:0 0 100%}
#signup-form .subdomain-chooser>li .selector{display:block;width:26px;height:26px;-ms-flex:0 0 26px;flex:0 0 26px;border:2px solid #666;border-radius:999em;position:relative;margin-right:10px;background-size:60%;background-repeat:no-repeat;background-position:center}
#signup-form .subdomain-chooser>li.selected .selector{border-color:#d97922;background-color:#d97922;color:#fff}
#signup-form .subdomain-chooser>li .title{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:column;flex-direction:column}
#signup-form .subdomain-chooser>li .title{-ms-flex-direction:row;flex-direction:row}
#signup-form .subdomain-chooser>li .url{-ms-flex:1;flex:1}
#signup-form .subdomain-chooser>li .availability{-ms-flex:0 0 auto;flex:0 0 auto;margin-top:2px;font-size:15px}
#signup-form .subdomain-chooser>li.unavailable{cursor:not-allowed}
#signup-form .subdomain-chooser>li.unavailable .selector{border:2px solid #a21e1e;color:#a21e1e;background-color:#a21e1e;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23fff' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E")}
#signup-form .subdomain-chooser>li.unavailable .availability{color:#a21e1e}
#signup-form .subdomain-chooser>li.available .selector{border:2px solid #1ea22e;color:#1ea22e;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%231ea22e' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e")}
#signup-form .subdomain-chooser>li.available.selected .selector{background-color:#1ea22e;color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e")}
#signup-form .subdomain-chooser>li.available .availability{color:#1ea22e}
#signup-form .subdomain-chooser>li:nth-of-type(even){background:#f5f5f5}
#signup-form .subdomain-chooser>li:not(:last-child){border-bottom:1px solid #bbb}
#signup-form .referrer-section{margin-top:20px;margin-bottom:20px;padding:10px 15px 15px;background-color:#f5f5f5;border:1px solid #bbb;border-radius:5px}
.browser-ui{position:relative;margin:0 0 10px;padding:12px 16px;font-family:sans-serif;color:#454545;border-radius:3px;background:#e8e8e8}
.browser-ui .address-bar{padding:3px 16px 1px 32px;border-radius:3px;box-shadow:inset 0 1px 1px -1px rgba(0,0,0,0.5);font-size:14px;line-height:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;background:url('data:image/svg+xml;charset=utf-8,<svg version="1.1" id="Refresh_icon_1_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><g id="minimal-browser-refresh"><g><path fill-rule="evenodd" clip-rule="evenodd" fill="%23B3B3B3" d="M12.5,10.9l2.5-3h-1.7C13.2,4.6,10.7,2,7.7,2C4.5,2,2,4.7,2,8c0,3.3,2.5,6,5.7,6c1.3,0,2.5-0.5,3.5-1.3l-1-1.1c-0.7,0.5-1.6,0.9-2.5,0.9c-2.3,0-4.2-2-4.2-4.5s1.9-4.5,4.2-4.5c2.3,0,4.2,1.9,4.2,4.4h-2L12.5,10.9z"/></g></g></svg>') 8px 48% no-repeat,#fff}
.browser-ui:before{content:"";display:block;position:absolute;top:0;bottom:0;left:0;width:80px;pointer-events:none;background:url('data:image/svg+xml;charset=utf-8,<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="minimal-browser-button" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><g id="Ellipse_1"><g><circle fill-rule="evenodd" clip-rule="evenodd" fill="%23B3B3B3" cx="8" cy="8" r="5"/></g></g></svg>') 16px center no-repeat,url('data:image/svg+xml;charset=utf-8,<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="minimal-browser-button" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><g id="Ellipse_1"><g><circle fill-rule="evenodd" clip-rule="evenodd" fill="%23B3B3B3" cx="8" cy="8" r="5"/></g></g></svg>') 32px center no-repeat,url('data:image/svg+xml;charset=utf-8,<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="minimal-browser-button" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><g id="Ellipse_1"><g><circle fill-rule="evenodd" clip-rule="evenodd" fill="%23B3B3B3" cx="8" cy="8" r="5"/></g></g></svg>') 48px center no-repeat}
.browser-ui:after{content:"";display:block;position:absolute;top:0;bottom:0;right:0;width:48px;pointer-events:none;background:url('data:image/svg+xml;charset=utf-8,<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="minimal-browser-settings" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"><g id="Menu_icon"><g><path fill-rule="evenodd" clip-rule="evenodd" fill="%23B3B3B3" d="M1,1v3h14V1H1z M1,10h14V7H1V10z M1,16h14v-3H1V16z"/></g></g></svg>') right 16px top 50% no-repeat}
.browser-ui .address-bar{margin-left:64px;margin-right:32px}
[data-braintree-id="toggle"]{background-color:#BD2025}
[data-braintree-id="toggle"]:hover{background-color:#82282c}
[data-braintree-id="toggle"]{background-color:#fff}
[data-braintree-id="toggle"]:hover{background-color:#e6e6e6}
[data-braintree-id="toggle"]{background-color:#EDEDED}
[data-braintree-id="toggle"]:hover{background-color:#d4d4d4}
[data-braintree-id="toggle"]{background-color:#d6d6d6}
[data-braintree-id="toggle"]:hover{background-color:#bdbdbd}
[data-braintree-id="toggle"]{background-color:#b6b6b6}
[data-braintree-id="toggle"]:hover{background-color:#9d9d9d}
[data-braintree-id="toggle"]{background-color:#888}
[data-braintree-id="toggle"]:hover{background-color:#6f6f6f}
[data-braintree-id="toggle"]{background-color:#636363}
[data-braintree-id="toggle"]:hover{background-color:#4a4a4a}
[data-braintree-id="toggle"]{background-color:#000}
[data-braintree-id="toggle"]:hover{background-color:#000}
[data-braintree-id="toggle"]{color:#636363}
[data-braintree-id="toggle"]:hover{color:#000}
[data-braintree-id="toggle"]{line-height:1;text-decoration:none;display:block;padding:0.7rem 1rem}
[data-braintree-id="toggle"]{width:auto}
[data-braintree-id="toggle"]{width:auto}
[data-braintree-id="toggle"]:hover{font-weight:300}
[data-braintree-id="toggle"] span{border-bottom:0;padding:0}
}
