.sv-credit-order-backdrop{z-index:10020;font-family:var(--sv-font-sans);background:#000000ad;place-items:center;padding:24px;font-weight:400;display:grid;position:fixed;inset:0}.sv-credit-order-dialog{background:var(--canvas-ui-surface,#1c1c1c);width:400px;color:var(--canvas-ui-text,#f3f3f4);box-shadow:inset 0 0 0 1px var(--canvas-ui-highlight,#ffffff1a), 0 10px 20px var(--canvas-ui-shadow,#0000004d);border:0;border-radius:18px;overflow:hidden}.sv-credit-order-dialog button{font-family:inherit}.sv-credit-order-header{justify-content:space-between;align-items:center;width:100%;height:48px;padding:0 16px;display:flex}.sv-credit-order-header h2{color:var(--canvas-ui-text,#f3f3f4);letter-spacing:0;margin:0;font-size:14px;font-weight:400;line-height:24px}.sv-credit-order-reset{height:24px;color:var(--canvas-ui-text,#f3f3f4);background:0 0;border:0;border-radius:4px;align-items:center;gap:4px;padding:0;font-size:14px;font-weight:400;line-height:18px;display:inline-flex}.sv-credit-order-reset:hover{color:var(--canvas-ui-accent-ink,var(--sv-product-chrome-accent-hover,var(--sv-canvas-accent-feedback)))}.sv-credit-order-divider{background:var(--canvas-ui-border,#ffffff1a);width:100%;height:1px}.sv-credit-order-body{flex-direction:column;width:100%;padding:16px;display:flex}.sv-credit-order-list{gap:8px;width:368px;margin:0;padding:0;list-style:none;display:grid}.sv-credit-order-list li,.sv-credit-order-drag-preview{width:368px;height:44px;color:var(--canvas-ui-text,#f3f3f4);border-radius:8px;align-items:center;gap:12px;padding:0 12px;font-size:14px;font-weight:400;line-height:18px;display:flex}.sv-credit-order-list li{background:var(--canvas-ui-control,#ffffff0f);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transition:background-color .14s,box-shadow .14s}.sv-credit-order-list li:hover{background:var(--canvas-ui-hover,#ffffff1a)}.sv-credit-order-list li:has(.sv-credit-order-grip:focus-visible){background:var(--canvas-ui-hover,#ffffff1a)}.sv-credit-order-list li.is-drag-placeholder{background:var(--canvas-ui-control,#ffffff06);box-shadow:inset 0 0 0 1px var(--canvas-ui-highlight,#ffffff1a);cursor:grabbing}.sv-credit-order-list li.is-drag-placeholder>*{opacity:0}.sv-credit-order-grip,.sv-credit-order-drag-preview-grip{width:16px;height:16px;color:var(--canvas-ui-text-secondary,#9e9e9e);flex:0 0 16px;place-items:center;display:grid}.sv-credit-order-grip{cursor:grab;background:0 0;border:0;padding:0}.sv-credit-order-grip:active{cursor:grabbing}.sv-credit-order-drag-preview{z-index:10022;left:var(--sv-credit-order-drag-left);top:var(--sv-credit-order-drag-top);width:var(--sv-credit-order-drag-width);height:var(--sv-credit-order-drag-height);pointer-events:none;background:var(--canvas-ui-surface,#343434);box-shadow:inset 0 0 0 1px var(--canvas-ui-highlight,#ffffff1f), 0 14px 28px var(--canvas-ui-shadow-strong,#00000075);transform-origin:50%;cursor:grabbing;animation:.14s cubic-bezier(.22,1,.36,1) both sv-credit-order-lift;position:fixed;transform:translateY(-2px)scale(1.015)}.sv-credit-order-description{width:368px;min-height:72px;color:var(--canvas-ui-text-secondary,#9e9e9e);letter-spacing:0;margin:16px 0 0;font-size:14px;font-weight:400;line-height:24px}.sv-credit-order-footer{justify-content:flex-end;gap:12px;width:100%;height:34px;margin-top:24px;display:flex}.sv-credit-order-footer button{border:0;border-radius:8px;width:60px;height:34px;padding:0;font-size:14px;font-weight:400;line-height:18px}.sv-credit-order-cancel{background:var(--canvas-ui-control,#ffffff1a);color:var(--canvas-ui-text,#f3f3f4)}.sv-credit-order-apply{background:var(--sv-product-chrome-accent,var(--sv-canvas-accent-default));color:#171717}.sv-credit-order-cancel:hover{background:var(--canvas-ui-hover,#ffffff24)}.sv-credit-order-apply:hover{background:var(--sv-product-chrome-accent-hover,var(--sv-canvas-accent-feedback))}.sv-credit-order-dialog button:focus-visible{outline:2px solid var(--sv-product-chrome-focus,var(--sv-canvas-focus-ring));outline-offset:2px}@keyframes sv-credit-order-lift{0%{opacity:.82;box-shadow:inset 0 0 0 1px var(--canvas-ui-highlight,#ffffff14), 0 4px 10px var(--canvas-ui-shadow,#0000003d);transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.sv-credit-order-drag-preview{animation:none}}@media (width<=448px){.sv-credit-order-backdrop{padding:12px}.sv-credit-order-dialog{width:min(400px,100vw - 24px)}.sv-credit-order-list,.sv-credit-order-list li,.sv-credit-order-description{width:100%}}.membership-discount-badge{color:#fff;background:radial-gradient(circle at 86% 18%,#ffffff38,#0000 48%),#ed1572}
