.select{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--color-shade-white-20);border:1px solid var(--color-shade-white-50);border-radius:2rem;color:var(--color-lightest);display:grid;font-size:clamp(var(--font-size-xs),calc(1px + 1.6vw),var(--font-size-sm));font-size:clamp(var(--font-size-sm),calc(1px + 1.6vw),var(--font-size-md));font-size:1rem;grid-template-areas:"select";height:2.5rem;line-height:var(--lineHeight-sm);overflow:hidden;position:relative;transition:background var(--transition-fast)}.select:hover{background:var(--color-shade-white-30)}.select:focus-within{border-color:var(--color-shade-white-70)}.select:focus-within .select__control{background-color:var(--color-gray-800)}.select__control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0;color:inherit;cursor:pointer;display:grid;font-family:inherit;font-size:inherit;font-weight:inherit;grid-area:select;line-height:2.7;margin:0;outline:none;overflow:hidden;padding:0 1.5rem 0 1.125rem;text-overflow:ellipsis;transition:background-color var(--transition-fast);white-space:nowrap;width:100%}.select__pre{display:flex;font-size:1.25rem;left:.375rem;position:absolute;top:50%;transform:translateY(-50%)}@media screen and (min-width:577px){.select__pre{font-size:1.5rem;left:.75rem}}.select__clear{align-items:center;color:inherit;cursor:pointer;display:flex;height:1.5rem;justify-content:center;padding:0;position:absolute;right:.25rem;text-decoration:none;top:50%;transform:translateY(-50%);width:1.5rem}.select__clear,.select__clear:active,.select__clear:hover{background:none;border:none}@media screen and (min-width:577px){.select__clear{right:.5rem}}.select__after{color:inherit;cursor:pointer;display:flex;padding:0;position:absolute;right:.5rem;text-decoration:none;top:50%;transform:translateY(-50%)}.select__after,.select__after:active,.select__after:hover{background:none;border:none}@media screen and (min-width:577px){.select__after{right:.75rem}}.select option[disabled]{color:var(--color-black-50)}.dn-form-field[data-has-errors=true] .select{border-color:var(--color-highlight-error)}.select--has-pre .select__control{padding-left:2rem}@media screen and (min-width:577px){.select--has-pre .select__control{padding-left:2.5rem}}