.shipping-select { position: relative; width: 100%; min-width: 0; }
.shipping-select .shipping-select-button { display: block; box-sizing: border-box; width: 100%; min-height: 34px; margin: 0; padding: 7px 28px 7px 10px; border: 1px solid #ccc; background: #fff; color: inherit; font: inherit; text-align: left; white-space: normal; overflow-wrap: anywhere; cursor: pointer; }
.shipping-select-button::after { content: ''; position: absolute; right: 10px; top: 15px; border: 4px solid transparent; border-top-color: #777; }
.shipping-select-button:disabled { opacity: .5; cursor: default; }
.shipping-select .shipping-select-panel { position: absolute; top: 100%; left: 0; width: 100%; box-sizing: border-box; z-index: 100; padding: 8px; border: 1px solid #ccc; background: #fff; box-shadow: 0 3px 8px rgba(0,0,0,.15); }
.shipping-select .shipping-select-search { display: block; box-sizing: border-box; width: 100%; height: 34px; margin: 0 0 6px; padding: 6px 8px; border: 1px solid #ccc; background: #fff; font: inherit; }
.shipping-select-list { max-height: 220px; overflow-y: auto; overscroll-behavior: contain; }
.shipping-select .shipping-select-option { display: block; box-sizing: border-box; width: 100%; margin: 0; padding: 8px; border: 0; background: #fff; color: inherit; font: inherit; text-align: left; white-space: normal; overflow-wrap: anywhere; cursor: pointer; }
.shipping-select .shipping-select-option:hover, .shipping-select .shipping-select-option:focus { background: #edf5fb; outline: 1px solid #8ebcdd; outline-offset: -1px; }
.shipping-select-option[aria-selected="true"] { font-weight: bold; }
.shipping-select-empty { padding: 8px; }