.vpn-error-container {
  background: #fff;
  color: var(--bs-dark-text);
  max-width: 600px;
  margin: 1rem auto;
  padding: 32px 28px 24px 28px;
  border-radius: 12px;
  box-shadow: 0 4px 24px rgba(0,0,0,0.10);
  font-size: 1.1rem;
  text-align: left;
  font-weight: 400;
}
.vpn-error-container ul {
  margin-left: 24px;
  margin-bottom: 16px;
}
.vpn-error-container li {
  margin-bottom: 6px;
}
.vpn-error-container p {
  margin-bottom: 12px;
}
#outputDiv a, .vpn-error-container a {
  color: #1976d2;
  font-weight: bold;
  text-decoration: underline;
  display: inline-block;
  margin-top: 18px;
}

[data-bs-theme="dark"] .vpn-error-container {
  background: var(--bs-dark-bg-subtle);
  color: var(--bs-gray-600);
  box-shadow: 0 4px 24px rgba(255,255,255,0.10);
}
/*
Custom CSS

This file is for your custom CSS. You can add your own styles here without 
modifying the index.html file or any other template files. This file is 
loaded in the template_v3/index.js file. 

This file is intentionally left blank. Add your custom CSS below.

@version 1.0.0
*/
    

/*# sourceMappingURL=common.css.map*/