/* SpeedPay selection system: quiet triggers and layered, readable option menus. */
.sp-select{width:100%;min-width:0;margin:0;color:var(--ink);font:inherit}
.sp-select .ts-control{display:flex;align-items:center;min-height:46px;padding:10px 38px 10px 12px!important;border:1px solid #dce4ee;border-radius:9px;background:#fff!important;box-shadow:0 1px 2px #20365703!important;cursor:pointer;transition:border-color .16s,box-shadow .16s;font:inherit;color:#40536c}
.sp-select .ts-control::after{content:'';position:absolute;right:15px;top:calc(50% - 4px);width:6px;height:6px;border:solid #8797ad;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);transition:transform .16s;pointer-events:none}
.sp-select.dropdown-active .ts-control::after{transform:rotate(225deg);top:calc(50% - 1px)}
.sp-select .ts-control:hover{border-color:#b8c9e4}
.sp-select.focus .ts-control,.sp-select.dropdown-active .ts-control{border-color:#8cabf4;box-shadow:0 0 0 3px #275de710!important}
.sp-select .ts-control>.item{display:flex;align-items:center;gap:10px;min-width:0;width:100%;margin:0;font-size:13px;line-height:22px}
.sp-select .ts-control>input{min-height:0!important;height:1px!important;width:1px!important;min-width:0!important;opacity:0;position:absolute!important;pointer-events:none}
.sp-select .ts-control>.items-placeholder{display:none}
.sp-select .ts-control>.item .select-symbol{width:23px;height:23px;font-size:12px;border-radius:6px;background:#f0f4fa;color:#7188a8}
.select-symbol{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:30px;border-radius:8px;background:#f1f5fb;color:#6b83a6;font-size:15px;font-weight:600}
.select-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}
.select-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;line-height:1.5}
.select-description{font-size:11px;color:#8390a2;line-height:1.5;font-weight:400}
.select-order-id{font-variant-numeric:tabular-nums;letter-spacing:0;font-size:12px}
.select-amount{font-variant-numeric:tabular-nums;font-size:12px;font-weight:600;white-space:nowrap;color:#526883;margin-left:8px}
.ts-dropdown.sp-select-menu{z-index:100;margin:0;padding:6px;border:1px solid #e1e7f0;border-radius:12px;background:#fff;box-shadow:0 14px 40px #20365720,0 3px 8px #20365708;font:inherit;color:#40536c;overflow:hidden}
.sp-select-menu .ts-dropdown-content{padding:0;max-height:300px;overflow:auto;overscroll-behavior:none;scrollbar-width:thin;scrollbar-color:#d5deed transparent}
.sp-select-menu .option{display:flex;align-items:center;gap:11px;min-height:48px;padding:11px 12px;border-radius:8px;margin:2px 0;cursor:pointer;background:white;color:#40536c;font:inherit}
.sp-select-menu .option.active{background:#f3f6fb;color:#254d91}
.sp-select-menu .option.selected{background:#eef4ff;color:#275de7}
.sp-select-menu .option.selected.active{background:#e8f0ff}
.sp-select-menu .option.selected .select-symbol{background:#dfeaff;color:#275de7}
.sp-select-menu .option.selected .select-amount{color:#275de7}
.sp-select-menu .select-check{flex-shrink:0;width:17px;height:17px;fill:none;stroke:#275de7;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;visibility:hidden;margin-left:4px}
.sp-select-menu .selected .select-check{visibility:visible}
.sp-select-menu .dropdown-input-wrap{padding:6px 6px 11px;margin-bottom:4px;border-bottom:1px solid #edf0f5}
.sp-select-menu input.dropdown-input{width:100%;height:38px;min-height:38px;border:1px solid #e2e8f1!important;border-radius:7px;background:#f7f9fc;padding:8px 11px;outline:none;box-shadow:none;font:inherit;font-size:12px;color:#40536c}
.sp-select-menu input.dropdown-input:focus{border-color:#b7cbf6!important;background:#fff}
.sp-select-menu input.dropdown-input::placeholder{color:#8c9aaf}
.sp-select-menu .highlight{background:#dae7ff;border-radius:2px}
.select-empty{padding:24px 12px;text-align:center;color:#8795a8;font-size:12px}
.sp-select.disabled{opacity:.55}
.sp-select.invalid .ts-control{border-color:#d88b84}
.order-tools .sp-select{width:180px;min-width:150px}
.order-tools .sp-select .ts-control{min-height:39px;padding-top:7px!important;padding-bottom:7px!important}
.sp-select .ts-control,.sp-select-menu{letter-spacing:0}
@media(max-width:600px){.sp-select-menu .option{padding:10px 9px;gap:8px}.sp-select-menu .select-symbol{width:25px;height:25px}.sp-select-menu .select-order-id{white-space:normal;overflow-wrap:anywhere;font-size:11px}.select-amount{font-size:11px;margin-left:2px}.select-description{font-size:10px}.sp-select .ts-control{min-height:44px}}
@media(prefers-reduced-motion:reduce){.sp-select .ts-control,.sp-select .ts-control::after{transition:none}}
/* Keep the backing form field out of both layout and the duplicate accessibility tree. */
select.ts-hidden-accessible{position:fixed!important;top:0!important;left:0!important;height:1px!important;min-height:0!important;max-height:1px!important;opacity:0!important;pointer-events:none!important}
.sp-select.single .ts-control::after{border:solid #8797ad;border-width:0 1.5px 1.5px 0;margin:0;width:6px;height:6px;right:15px;top:calc(50% - 4px)}
.sp-select.single.dropdown-active .ts-control::after{top:calc(50% - 1px)}
.sp-select.single .ts-control::after{border:0!important;width:14px;height:14px;top:calc(50% - 7px)!important;right:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%238797ad' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat;transform:none}
.sp-select.single.dropdown-active .ts-control::after{transform:rotate(180deg)}
/* The library copies the original select class to its wrapper. */
.order-tools .sp-select.merchant-filter{padding:0;border:0;background:transparent;min-height:0}