@shopify/polaris/build/esnext/components/Select/Select.css

Shopify’s admin product component library

/* stylelint-disable unit-disallowed-list */
/* stylelint-disable length-zero-no-unit */
/* Breakpoints - Aliases */
/* Breakpoints - Media conditions */
.Polaris-Select_ss8pm { --pc-select-backdrop: 10; --pc-select-content: 20; --pc-select-input: 30; position: relative; }

.Polaris-Select_ss8pm select::-ms-expand { display: none; }

.Polaris-Select--disabled_hcuh9 .Polaris-Select__Content_xd1mk { color: var(--p-text-disabled); }

.Polaris-Select--disabled_hcuh9 .Polaris-Select__InlineLabel_16kzb { color: inherit; }

.Polaris-Select--disabled_hcuh9 .Polaris-Select__Icon_yj27d svg { fill: var(--p-icon-disabled); }

.Polaris-Select--disabled_hcuh9 .Polaris-Select__Backdrop_1x2i2 { border-color: var(--p-border-disabled); }

.Polaris-Select--disabled_hcuh9 .Polaris-Select__Backdrop_1x2i2::before { background-color: var(--p-action-secondary-disabled); }

.Polaris-Select--disabled_hcuh9 .Polaris-Select__Backdrop_1x2i2:hover { cursor: default; }

.Polaris-Select__Content_xd1mk { font-size: var(--p-font-size-5); font-weight: var(--p-font-weight-regular); line-height: var(--p-line-height-3); border: none; text-transform: initial; letter-spacing: initial; position: relative; z-index: var(--pc-select-content); display: flex; align-items: center; width: 100%; min-height: 2.25rem; padding: calc((var(--p-line-height-6) - var(--p-line-height-3) - var(--p-space-05))/2) var(--p-space-2) calc((var(--p-line-height-6) - var(--p-line-height-3) - var(--p-space-05))/2) var(--p-space-3); }

@media (min-width: 40em) { .Polaris-Select__Content_xd1mk { font-size: var(--p-font-size-3); } }

.Polaris-Select__InlineLabel_16kzb { color: var(--p-text-subdued); margin-right: var(--p-space-1); white-space: nowrap; overflow: hidden; }

.Polaris-Select__SelectedOption_azu52 { flex: 1 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.Polaris-Select__Prefix_10fbz { padding-right: var(--p-space-2); }

.Polaris-Select__Icon_yj27d svg { fill: var(--p-icon); }

.Polaris-Select__Input_30ock { font-size: var(--p-font-size-5); font-weight: var(--p-font-weight-regular); line-height: var(--p-line-height-3); border: none; text-transform: initial; letter-spacing: initial; position: absolute; text-rendering: auto; top: 0; left: 0; z-index: var(--pc-select-input); width: 100%; height: 100%; margin: 0; opacity: 0; -webkit-appearance: none; appearance: none; }

@media (min-width: 40em) { .Polaris-Select__Input_30ock { font-size: var(--p-font-size-3); } }

.Polaris-Select__Backdrop_1x2i2 { z-index: var(--pc-select-backdrop); top: 0; right: 0; bottom: 0; left: 0; border: var(--p-border-width-1) solid var(--p-border-subdued); border-bottom-color: var(--p-border-shadow-subdued); border-radius: var(--p-border-radius-1); background-color: var(--p-surface); box-shadow: var(--p-shadow-button); position: relative; position: absolute; }

.Polaris-Select__Backdrop_1x2i2::after { content: ''; position: absolute; z-index: 1; top: -0.125rem; right: -0.125rem; bottom: -0.125rem; left: -0.125rem; display: block; pointer-events: none; box-shadow: 0 0 0 -0.125rem var(--p-focused); transition: box-shadow var(--p-duration-100) var(--p-ease); border-radius: calc(var(--p-border-radius-1) + 0.0625rem); }

.Polaris-Select--error_37uk1 .Polaris-Select__Backdrop_1x2i2 { border-color: var(--p-border-critical); background-color: var(--p-surface-critical-subdued); }

.Polaris-Select--error_37uk1 .Polaris-Select__Backdrop_1x2i2.Polaris-Select--hover_37sww, .Polaris-Select--error_37uk1 .Polaris-Select__Backdrop_1x2i2:hover { border-color: var(--p-border-critical); }

.Polaris-Select--error_37uk1 .Polaris-Select__Input_30ock:focus ~ .Polaris-Select__Backdrop_1x2i2::after { box-shadow: 0 0 0 0.125rem var(--p-focused); outline: var(--p-border-width-1) solid transparent; }

.Polaris-Select__Input_30ock:focus ~ .Polaris-Select__Backdrop_1x2i2::after { box-shadow: 0 0 0 0.125rem var(--p-focused); outline: var(--p-border-width-1) solid transparent; }

@media (-ms-high-contrast: active) { .Polaris-Select__Content_xd1mk { color: windowText; -ms-high-contrast-adjust: none; }
  .Polaris-Select__InlineLabel_16kzb { color: inherit; }
  .Polaris-Select__InlineLabel_16kzb::after { content: ':'; }
  .Polaris-Select__SelectedOption_azu52 { color: inherit; }
  .Polaris-Select__Icon_yj27d svg { fill: buttonText; }
  .Polaris-Select__Backdrop_1x2i2::after { display: none; }
  .Polaris-Select__Input_30ock:focus ~ .Polaris-Select__Content_xd1mk { color: highlightText; }
  .Polaris-Select__Input_30ock:focus ~ .Polaris-Select__Backdrop_1x2i2 { background-color: highlight; }
  .Polaris-Select--disabled_hcuh9 .Polaris-Select__Content_xd1mk { color: grayText; }
  .Polaris-Select--disabled_hcuh9 .Polaris-Select__Icon_yj27d { opacity: 1; }
  .Polaris-Select--disabled_hcuh9 .Polaris-Select__Icon_yj27d svg { fill: grayText; } }