.cmp-form-selectgroup{padding-right:10px;margin-top:10px;margin-bottom:10px;display:flex;flex-direction:column;width:100%}
.cmp-form-selectgroup__label{display:block;margin-bottom:8px;font-size:16px;font-weight:600;color:#333;line-height:1.5}
.cmp-form-selectgroup__required-indicator{color:#d32f2f;margin-left:4px;font-weight:700}
.cmp-form-selectgroup__field{width:100%;height:42px;padding:8px 16px;font-size:16px;line-height:1.5;color:#333;background-color:#fff;border:1px solid #ccc;border-radius:4px;transition:border-color .2s ease,box-shadow .2s ease;appearance:auto;background-repeat:no-repeat;background-position:right 10px center;background-size:10px 6px;cursor:pointer}
.cmp-form-selectgroup__field:focus{outline:0;border-color:#06c;box-shadow:0 0 0 3px rgba(0,102,204,0.2)}
.cmp-form-selectgroup__field:hover{border-color:#999}
.cmp-form-selectgroup__field:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed;border-color:#ddd}
.cmp-form-selectgroup__field[aria-invalid="true"]{border-color:#d32f2f}
.cmp-form-selectgroup__field[aria-invalid="true"]:focus{box-shadow:0 0 0 3px rgba(211,47,47,0.2)}
.cmp-form-selectgroup__field optgroup{font-weight:700;font-style:normal;padding:8px 0}
.cmp-form-selectgroup__field optgroup option{font-weight:400;color:#333;padding-left:16px;background-color:#fff}
.cmp-form-selectgroup__field option:hover,.cmp-form-selectgroup__field optgroup option:hover{background-color:#f5f5f5;color:#333}
.cmp-form-selectgroup__field option:focus,.cmp-form-selectgroup__field option:checked,.cmp-form-selectgroup__field optgroup option:focus,.cmp-form-selectgroup__field optgroup option:checked{background-color:#e0e0e0;color:#333}
.cmp-form-selectgroup__help-message{margin-top:6px;font-size:14px;color:#666;line-height:1.4}
.cmp-form-selectgroup__error-message{margin-top:8px;font-size:16px;color:#d32f2f !important;font-weight:700;display:none}
.cmp-form-selectgroup__error-message:not([style*="display: none"]){display:block}
@media(max-width:767px){.cmp-form-selectgroup__label{font-size:14px}
.cmp-form-selectgroup__field{height:48px;font-size:16px}
}
@media(prefers-color-scheme:dark){.cmp-form-selectgroup__label{color:#f5f5f5}
.cmp-form-selectgroup__field{background-color:#2c2c2c;color:#f5f5f5;border-color:#555;background-image:url("data:image/svg+xml,%3Csvgxmlns='http://www.w3.org/2000/svg'width='14'height='8'viewBox='00148'%3E%3Cpathfill='%23f5f5f5'd='M78L0110l666-611z'/%3E%3C/svg%3E")}
.cmp-form-selectgroup__field:focus{border-color:#4d9fff;box-shadow:0 0 0 3px rgba(77,159,255,0.3)}
.cmp-form-selectgroup__field optgroup{color:inherit;background-color:inherit}
.cmp-form-selectgroup__field option:hover,.cmp-form-selectgroup__field optgroup option:hover{background-color:#404040;color:#f5f5f5}
.cmp-form-selectgroup__field option:focus,.cmp-form-selectgroup__field option:checked,.cmp-form-selectgroup__field optgroup option:focus,.cmp-form-selectgroup__field optgroup option:checked{background-color:#555;color:#f5f5f5}
.cmp-form-selectgroup__help-message{color:#ccc}
}
@media(prefers-contrast:high){.cmp-form-selectgroup__field{border-width:3px}
.cmp-form-selectgroup__field:focus{box-shadow:none;border-width:4px}
}
@media print{.cmp-form-selectgroup__field{border:1px solid #000;background-image:none}
}