/* Dworra / 04 — Wide Tech. Brand elements only. No font download required. */
:root { --dw-brand-color: #D4FF3A; }
[data-theme="light"] { --dw-brand-color: #173F2B; }
[data-theme="blue"] { --dw-brand-color: #38BDF8; }
[data-theme="hc"] { --dw-brand-color: #EAFF5A; }
.dw-symbol, .dw-wordmark { display: block; color: var(--dw-brand-color); flex: none; }
.dw-symbol { width: 100%; height: 100%; }
.dw-wordmark { width: 100%; height: auto; overflow: visible; }
.brand-mark, .login-mark, .brand .mark {
  background: transparent; border-radius: 0; box-shadow: none;
  color: var(--dw-brand-color); animation: none;
}
.brand-mark { width: 34px; height: 34px; }
.brand-mark .dw-symbol, .login-mark .dw-symbol, .brand .mark .dw-symbol {
  width: 100%; height: 100%; fill: currentColor;
}
.brand-copy { min-width: 0; }
.brand-copy > .dw-wordmark { width: 134px; max-width: 100%; }
.login-mark { width: 56px; height: 56px; }
.login-name > .dw-wordmark { width: 220px; max-width: 100%; }
.brand .mark { width: 40px; height: 40px; }
.brand .brand-copy > b { display: block; width: 154px; }
.brand .brand-copy > b > .dw-wordmark { width: 100%; }
@media (max-width: 768px) {
  .brand-mark { width: 30px; height: 30px; }
  .brand-copy > .dw-wordmark { width: 124px; }
}
@media (max-width: 480px) {
  .login-mark { width: 46px; height: 46px; }
  .login-name > .dw-wordmark { width: 192px; }
}