/* select --------------------------------------*/

/* @end @variables */

/* @group @reset select */


select {
-moz-appearance:none;-webkit-appearance:none;appearance:none;
margin:0;
padding-top:0;
padding-bottom:0;
border:0;
border-radius:0;
outline:0 none;
}

select:focus::-ms-value {
background:transparent;
color:inherit;
}

select:-moz-focusring,
select:hover:-moz-focusring,
select:focus:-moz-focusring {
-moz-appearance:none;
color:transparent;
text-shadow:0 0 0 hsl(0, 0%, 0%, 0);
}

select:disabled{pointer-events: none;opacity: .5;}

/* @end @reset select */

/* select --------------------------------------*/


/* @group @variables */


[class*="a-select"] {
/*--icon-dropdown: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="hsl(220, 20%, 60%)" fill-rule="evenodd" d="M23.936 2.255A.5.5 0 0 0 23.5 2H.5a.5.5 0 0 0-.427.759l11.5 19a.5.5 0 0 0 .855 0l11.5-19a.5.5 0 0 0 .008-.504z"/></svg>');*/
--icon-dropdown: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="hsl(220, 20%, 60%)" fill-rule="evenodd" d="M23.936 2.255A.5.5 0 0 0 23.5 2H.5a.5.5 0 0 0-.427.759l11.5 19a.5.5 0 0 0 .855 0l11.5-19a.5.5 0 0 0 .008-.504z"/></svg>');
--background-image: linear-gradient(-180deg, hsl(0, 0%, 100%) 0%, hsl(0, 0%, 100%) 100%);
--background-color: var(--color-white);
--border-color: var(--color-very-light-gray);
--box-shadow: inset 0 0 0 1px transparent, 0 1px .375rem var(--color-very-light-gray);
}

[class*="a-select"]:not(:disabled):hover {
--select-action-border-color: var(--color-form-checked);
--select-action-box-shadow: inset 0 0 0 1px transparent, 0 1px .375rem var(--color-very-light-gray);
}

[class*="a-select"]:not(:disabled):focus {
--select-action-border-color: var(--color-form-checked);
--select-action-box-shadow: inset 0 0 0 1px var(--color-form-checked), 0 1px .375rem var(--color-very-light-gray);
}

[class*="a-select"]:disabled {
--select-disabled-background-color: var(--color-input-disabled);
--select-disabled-color: var(--color-text-disabled);
}

/*[class*="a-select"]:-webkit-autofill,
[class*="a-select"]:autofill {
--background-color: var(--color-autofill-secondary);
--border-color: var(--color-autofill-primary);
--box-shadow-color: var(--color-autofill-primary);
}*/

/* @end @variables */

/* @group @a-form-select-pimary */

[class*="a-select"] {
box-sizing: border-box;
display: grid;
align-items: center;
max-width: 100%;
min-height: 3rem;
padding-right: calc(2.25rem - 1px);
padding-left: calc(.75rem - 1px);
background-color: var(--background-color);
background-image: var(--icon-dropdown), var(--background-image);
background-position: calc(100% - .75rem) center, 0 0;
background-repeat: no-repeat;
background-size: calc(.1875rem * 3) auto, 100% 100%;
border: 1px solid var(--border-color);
box-shadow: var(--box-shadow);
color: var(--color);
caret-color: var(--color);
transition: var(--transition);
white-space: nowrap;
}

[class*="a-select"]:hover,
[class*="a-select"]:focus {
border-color: var(--select-action-border-color);
box-shadow: var(--select-action-box-shadow);
}

[class*="a-select"]:disabled {
background-color: var(--select-disabled-background-color);
color: var(--select-disabled-color);
}

/* @end @a-form-select */