.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:2px;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 #000;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:#000}
.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}
.selectgroup-progress-bar{display:inline-flex;align-items:center;justify-content:center;margin-top:8px;width:24px;height:24px}
.selectgroup-progress-ring{transform-origin:12px 12px;animation:selectgroup-spin .8s linear infinite}
@keyframes selectgroup-spin{from{transform:rotate(0)}
to{transform:rotate(360deg)}
}
@media(max-width:767px){.cmp-form-selectgroup__label{font-size:14px}
.cmp-form-selectgroup__field{height:48px;font-size:16px}
}
@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}
}