:root{--back-color:#2b323c;--main-color:#334056;--bg-card-color:rgb(51 64 86 / 60%);--dark-color:#23282e;--text-color:#cfd4da;--white-color:#fff;--blue-color:#0396ff;--action-bg:#0078d6;--action-text:var(--white-color);--green-color:#48c432;--red-color:#eb4242;--grid-module:4px;--border-subtle:rgb(255 255 255 / 10%);--text-muted:rgb(255 255 255 / 70%);--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:20px;--radius-pill:999px;--text-xs:12px;--text-sm:13px;--text-base:14px;--text-md:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:32px;--shadow-card:4px 4px 8px 0 rgb(0 0 0 / 20%);--glow-action:0 0 10px var(--action-bg);--t-fast:.15s}.checkout-system.svelte-30its1{display:flex;align-items:center;width:100%;flex-direction:column;gap:calc(var(--grid-module) * 2)}.checkout-system__title.svelte-30its1{width:100%;font-size:14px;font-weight:600;line-height:17px}.checkout-system__summary.svelte-30its1{display:flex;align-items:center;width:100%;gap:calc(var(--grid-module) * 4)}.checkout-system__selected-icon.svelte-30its1{width:44px;height:30px;flex:0 0 44px}.checkout-system__selected-icon.bp-points.svelte-30its1{width:72px;flex:0 0 72px}.checkout-system__expand.svelte-30its1{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;border:0;border-radius:8px;margin-left:auto;background:transparent;color:var(--text-color);cursor:pointer;transition:background .15s ease,color .15s ease}.checkout-system__expand.svelte-30its1:not(:disabled):hover{background:rgba(255,255,255,.06);color:var(--white-color)}.unavailable.svelte-30its1{margin:calc(var(--grid-module) * 10) 0;font-size:20px;font-weight:700;line-height:1;text-align:center}ul.svelte-30its1{display:grid;width:100%;gap:calc(var(--grid-module) * 2);grid-auto-rows:44px;grid-template-columns:repeat(4,calc(25% - var(--grid-module) * 2));will-change:height,padding-top,padding-bottom,opacity}li.svelte-30its1,label.svelte-30its1{width:100%;height:100%}label.svelte-30its1{border:1px solid transparent;border-radius:8px}label.checked.svelte-30its1{border-color:var(--action-bg)}label.checked.svelte-30its1,label.svelte-30its1:hover,label.svelte-30its1:focus{box-shadow:0 0 5px 2px var(--action-bg)}
