.cascade-select{display:flex;flex-direction:column;align-items:flex-start;gap:.375rem;width:100%;max-width:22rem}.cascade-select__label{font-size:.8125rem;font-weight:600;color:var(--cascade-granite-600);letter-spacing:.01em}.cascade-select__control{width:100%;box-sizing:border-box;font-size:.9375rem;font-weight:500;font-family:inherit;line-height:1.4;color:var(--cascade-granite-900);background-color:var(--cascade-surface-card);border:1px solid var(--cascade-granite-200);border-radius:var(--df-radius-md);cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23546172' d='M1.41 0 6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:12px 8px;padding:.5rem 2.25rem .5rem .75rem;transition:border-color .15s ease,box-shadow .15s ease}.cascade-select__control:hover{border-color:var(--cascade-granite-400)}.cascade-select__control:focus{outline:none;border-color:var(--cascade-glacier-500);box-shadow:0 0 0 3px var(--cascade-glacier-100)}.cascade-select__control:focus-visible{outline:none;border-color:var(--cascade-glacier-500);box-shadow:0 0 0 3px var(--cascade-glacier-100)}