.ab-select{--ab-select-height:var(--ab-size-medium);--ab-select-arrow-position:92%;--ab-select-padding-left:var(--ab-spacing-300);--ab-select-padding-right:var(--ab-spacing-500);-webkit-appearance:none;outline:0;cursor:pointer;-moz-appearance:none;appearance:none;text-align:left;padding-left:var(--ab-select-padding-left);padding-right:var(--ab-select-padding-right);background-color:var(--ab-color-ui-200);max-width:100%;border:1px solid transparent;height:var(--ab-select-height);border-radius:var(--ab-border-radius-200);font-family:var(--ab-font-primary);font-size:var(--ab-heading-200);font-weight:500;color:var(--ab-color-ui-800);background-position:var(--ab-select-arrow-position);background-size:24px;background-repeat:no-repeat;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24'><g fill='none' fill-rule='evenodd'><path d='M0 0h24v24H0z'/><path fill='rgb(0,0,0)' d='M15.293 9.293a1 1 0 0 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 1.414-1.414L12 12.586l3.293-3.293z'/></g></svg>")}.ab-select:focus{box-shadow:0 0 0 2px var(--ab-color-active-600)}.ab-select--primary{color:var(--ab-color-white);background-color:var(--ab-color-primary-800);border-color:var(--ab-color-primary-800);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24'><g fill='none' fill-rule='evenodd'><path d='M0 0h24v24H0z'/><path fill='rgba(255,255,255)' d='M15.293 9.293a1 1 0 0 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 1.414-1.414L12 12.586l3.293-3.293z'/></g></svg>")}.ab-select--primary:hover{background-color:var(--ab-color-primary-900);border-color:var(--ab-color-primary-900)}.ab-select--transparent{background:transparent;border-color:transparent}.ab-select--transparent:hover{background-color:var(--ab-color-ui-200);border-color:var(--ab-color-ui-200)}.ab-select--active{background-color:var(--ab-color-active-400);border-color:var(--ab-color-active-400)}.ab-select--active:hover{background-color:var(--ab-color-active-500);border-color:var(--ab-color-active-500)}.ab-select--negative{background-color:var(--ab-color-secondary-400);border-color:var(--ab-color-secondary-400)}.ab-select--negative:hover{background-color:var(--ab-color-secondary-500);border-color:var(--ab-color-secondary-500)}.ab-select--positive{background-color:var(--ab-color-positive-400);border-color:var(--ab-color-positive-400)}.ab-select--positive:hover{background-color:var(--ab-color-positive-500);border-color:var(--ab-color-positive-500)}.ab-select--warning{background-color:var(--ab-color-warning-400);border-color:var(--ab-color-warning-400)}.ab-select--warning:hover{background-color:var(--ab-color-warning-500);border-color:var(--ab-color-warning-500)}.ab-select--warning:active{background-color:var(--ab-color-warning-600);border-color:var(--ab-color-warning-600)}.ab-select--secondary{background-color:var(--ab-color-white);border-color:var(--ab-color-ui-500);color:var(--ab-color-ui-600)}.ab-select--secondary:hover{background-color:var(--ab-color-ui-200);border-color:var(--ab-color-ui-500)}.ab-select--secondary:active{background-color:var(--ab-color-ui-600);border-color:var(--ab-color-ui-600);color:var(--ab-color-white)}.ab-select--small{--ab-select-height:var(--ab-size-small)}.ab-select--medium{--ab-select-height:var(--ab-size-medium)}