.didg-account-panel{
  width: 100%;
    max-width: 680px;


}

.didg-account-messages{
  margin: 0 0 14px;
}

.didg-account-message{
  padding: 10px 14px;
  border-radius: 14px;
  font-family: var(--font-base);
  font-size: 14px;
  line-height: 1.2;
}

.didg-account-message--success{
  background: rgba(122, 161, 58, 0.12);
  color: var(--jet);
}

.didg-account-view{
  display: none;
}

.didg-account-view.is-active{
  display: block;
}

.didg-account-desc{
  width: 74%;
  max-width: 280px;
  margin: 0 0 18px;
  color: var(--jet);
}

.didg-account-form{
  display: flex;
  flex-direction: column;
  gap: 0;
}

.didg-account-form label{
  margin: 0 0 6px;
  color: rgba(64,61,72,.55);
  font-family: var(--font-base);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: 0.02em;
}

.didg-account-form input{
  width: 100%;
  height: 41px;
  margin: 0 0 14px;
  padding: 0 18px;
  border: 1px solid #6C6673;
  border-radius: 999px !important;
  background: transparent;
  color: var(--jet);
  font-family: var(--font-base);
  font-size: 15px;
  line-height: 1.18;
  appearance: none;
  -webkit-appearance: none;
  box-shadow: none;
  outline: none;
}

.didg-account-form input:focus{
  border-color: #403D48;
}

.didg-account-actions{
  margin-top: 4px;
}

.didg-account-actions--center{
  text-align: center;
}

.didg-account-actions--center .pushbutton-wide{
  margin-left: auto !important;
  margin-right: auto !important;
}

.didg-forgot,
.didg-switch{
  margin: 12px 0 0;
  font-size: 14px;
  line-height: 1.2;
}

.didg-forgot a,
.didg-switch a{
  color: var(--accent-strong);
  text-decoration: underline;
  text-underline-offset: .12em;
}

.didg-account-error{
  display: none;
  margin: 0 0 12px;
  padding: 10px 14px;
  border-radius: 14px;
  background: rgba(226, 98, 34, 0.12);
  color: var(--jet);
  font-family: var(--font-base);
  font-size: 14px;
  line-height: 1.2;
}

.didg-account-error.is-visible{
  display: block;
}

.didg-account-panel .pushbutton-wide{
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  width: fit-content !important;
  max-width: 100%;
  height: var(--btn-h);
  padding: var(--btn-pad);
  gap: var(--btn-gap);
  border-radius: var(--btn-radius);
  border: 0;
  background: var(--accent-strong);
  color: var(--paper);
  cursor: pointer;
  font-family: var(--font-base);
  font-size: var(--btn-font-size);
  font-weight: 700;
  line-height: var(--btn-line-height);
}

.didg-account-panel .pushbutton-wide::after{
  content: "";
  width: 20px;
  height: 20px;
  margin-left: auto;
  flex: 0 0 auto;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'>\
<circle cx='10' cy='10' r='10' fill='white'/>\
<path d='M6.55315 12.2004C6.32828 12.3607 6.27592 12.6729 6.4362 12.8978C6.59648 13.1226 6.9087 13.175 7.13357 13.0147L6.84336 12.6075L6.55315 12.2004ZM14.5024 7.58263C14.5481 7.31029 14.3644 7.05249 14.092 7.00681L9.65401 6.26253C9.38167 6.21686 9.12387 6.40061 9.0782 6.67295C9.03252 6.94529 9.21627 7.20309 9.48861 7.24876L13.4335 7.91034L12.7719 11.8553C12.7263 12.1276 12.91 12.3854 13.1824 12.4311C13.4547 12.4767 13.7125 12.293 13.7582 12.0206L14.5024 7.58263ZM6.84336 12.6075L7.13357 13.0147L14.2995 7.90709L14.0093 7.49993L13.7191 7.09277L6.55315 12.2004L6.84336 12.6075Z' fill='%23EA7821'/>\
</svg>");
}

.didg-account-panel .pushbutton-wide:hover{
  background: var(--accent);
}

.didg-account-panel .pushbutton-wide:hover::after{
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'>\
<circle cx='10' cy='10' r='10' fill='white'/>\
<path d='M6.02738 9.50221C5.75124 9.50221 5.52738 9.72607 5.52738 10.0022C5.52738 10.2784 5.75124 10.5022 6.02738 10.5022L6.02738 10.0022L6.02738 9.50221ZM15.0905 10.3558C15.2858 10.1605 15.2858 9.84392 15.0905 9.64866L11.9085 6.46668C11.7133 6.27142 11.3967 6.27142 11.2014 6.46668C11.0062 6.66194 11.0062 6.97852 11.2014 7.17378L14.0299 10.0022L11.2014 12.8306C11.0062 13.0259 11.0062 13.3425 11.2014 13.5377C11.3967 13.733 11.7133 13.733 11.9085 13.5377L15.0905 10.3558ZM6.02738 10.0022L6.02738 10.5022L14.737 10.5022L14.737 10.0022L14.737 9.50221L6.02738 9.50221L6.02738 10.0022Z' fill='%23E26222'/>\
</svg>");
}

@media (min-width: 768px){
  .didg-account-desc{
    max-width: 420px;
  }

  .didg-account-form input{
    height: 46px;
  }
}