.if{& .ss-stage{overflow:hidden}& .if-win{width:760px;height:420px;box-shadow:var(--ss-shadow-hero);position:absolute;top:24px;left:24px}& .bxw-head{display:none}& .bxw-body{padding:14px 24px 0}& .if-body{flex-direction:column;gap:14px;display:flex}& .if-table{transition:opacity .28s}& .if-body[data-out] .if-table{opacity:0}& .if-chips{align-items:center;gap:7px;display:flex}& .if-label{color:var(--ss-text-faint);margin-right:2px;font-size:12px;font-weight:500}& .if-chip{border:1px solid var(--ss-line);height:26px;color:var(--ss-text);border-radius:999px;align-items:center;padding:0 9px;font-size:12px;font-weight:500;display:inline-flex}& .if-chip[data-on]{border-color:var(--bx-primary);background:var(--ss-well);color:var(--ss-text-strong)}& .if-table{border:1px solid var(--ss-line);background:var(--ss-surface);border-radius:12px;overflow:hidden}& .if-row{border-top:1px solid var(--ss-line);min-height:56px;color:var(--ss-text);grid-template-columns:180px 120px 96px 120px 1fr;align-items:center;gap:16px;padding:0 14px;font-size:13px;display:grid}& .if-row--th{background:color-mix(in srgb, var(--ss-well) 50%, transparent);min-height:38px;color:var(--ss-text-faint);border-top:0;font-size:12px;font-weight:500}& .if-who{flex-direction:column;gap:2px;display:flex}& .if-num{color:var(--ss-text-strong);font-size:13.5px;font-weight:500;line-height:1.3}& .if-sub{color:var(--ss-text-faint);white-space:nowrap;font-size:11.5px;line-height:1.3}& .if-mono{font-family:var(--ss-mono);font-size:12px}& .if-faint{color:var(--ss-text-faint)}& .if-strong{color:var(--ss-text-strong);font-size:13px;font-weight:600}& .if-bal{flex-direction:column;display:flex}& .if-bal .ss-collapse{margin-top:3px}& .if-of{color:var(--ss-text-faint);padding-top:2px;font-size:11.5px;display:block}& .if-pill{border:1px solid var(--ss-line);height:22px;color:var(--ss-text);border-radius:999px;align-items:center;padding:0 8px;font-size:11px;font-weight:500;display:inline-flex}& .if-row[data-on] .if-pill{color:var(--ss-text-strong)}& .if-detail{border-top:1px solid var(--ss-line);background:color-mix(in srgb, var(--ss-well) 40%, var(--ss-surface));flex-direction:column;gap:8px;padding:11px 14px 13px;display:flex}& .if-billto{max-width:540px;color:var(--ss-text);font-size:12.5px;line-height:1.4}& .if-line{align-items:center;gap:8px;display:flex}& .ss-collapse>.if-line{margin-top:-8px;padding-top:8px}& .if-input{border:1px solid var(--ss-line);border-radius:var(--ss-radius-sm);background:var(--ss-surface);height:30px;color:var(--ss-text-strong);white-space:nowrap;flex:none;align-items:center;padding:0 10px;font-size:12.5px;transition:border-color .15s,box-shadow .15s;display:flex}& .if-input[data-focus]{border-color:var(--bx-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--bx-primary) 20%, transparent)}& .if-input--email{width:210px}& .if-input--pay{width:120px}& .if-input--note{width:160px}& .if-input--date{font-variant-numeric:tabular-nums;width:120px}& .if-ph{color:var(--ss-text-faint)}& .if-typed{font-variant-numeric:tabular-nums;align-items:center;display:inline-flex}& .if-caret{background:var(--ss-text-strong);width:1.5px;height:15px;margin-left:1px;animation:1.06s step-end .5s infinite ss-caret}& .if-btn{border:1px solid var(--ss-line);border-radius:var(--ss-radius-md);background:var(--ss-surface);height:30px;color:var(--ss-text);white-space:nowrap;flex:none;justify-content:center;align-items:center;padding:0 11px;font-size:12.5px;font-weight:500;display:inline-flex}& .if-btn[data-primary]{background:var(--bx-primary);color:var(--bx-on-primary);border-color:#0000}& .if-btn[data-hover]{background:var(--ss-well)}& .if-btn[data-primary][data-hover]{background:var(--bx-primary);opacity:.88}& .if-btn[data-busy]{opacity:.55}& .if-grow{opacity:0;grid-template-columns:0fr;margin-left:-8px;transition:grid-template-columns .36s cubic-bezier(.45,0,.1,1),margin-left .36s cubic-bezier(.45,0,.1,1),opacity .2s;display:grid}& .if-grow>*{min-width:0;overflow:hidden}& .if-grow[data-on]{opacity:1;grid-template-columns:1fr;margin-left:0}& .if-tile{z-index:2;background:var(--ss-raised);width:176px;box-shadow:var(--ss-shadow-satellite);border-radius:12px;padding:12px 14px;position:absolute;top:34px;left:440px}& .if-tile__label{color:var(--ss-text-faint);font-size:12px;font-weight:500}& .if-tile__value{color:var(--ss-text-strong);font-family:var(--ss-mono);margin-top:2px;font-size:21px;font-weight:600;line-height:26px}& .if-tile__cap{color:var(--ss-text-faint);white-space:nowrap;margin-top:3px;font-size:11px}& .if-rest{position:absolute;top:150px;left:590px}& .ss-stage[data-layout=compact] .if-win{width:420px;top:16px;left:16px}& .if-tile[data-hidden]{display:none}& .if-flow{border:1px solid var(--ss-line);border-radius:12px;justify-content:space-between;align-items:baseline;width:296px;padding:8px 14px 9px;display:flex}& .if-flow .if-tile__value{margin:0;font-size:19px;line-height:24px}& .ss-stage[data-layout=compact] .if-body{gap:10px}& .ss-stage[data-layout=compact] .if-table{width:296px}& .ss-stage[data-layout=compact] .if-detail{gap:8px}& .ss-stage[data-layout=compact] .if-input--email{font-size:12px}& .ss-stage[data-layout=compact] .if-billto{display:none}& .ss-stage[data-layout=compact] .bxw-body{padding:12px 14px 0}& .ss-stage[data-layout=compact] .if-chips{display:none}& .ss-stage[data-layout=compact] .if-row{grid-template-columns:minmax(0,1fr) 52px 68px;gap:8px;min-height:50px;padding:0 12px}& .ss-stage[data-layout=compact] .if-row--th{min-height:34px}& .ss-stage[data-layout=compact] .if-sub{text-overflow:ellipsis;overflow:hidden}& .ss-stage[data-layout=compact] .if-detail{padding:10px 12px 12px}& .ss-stage[data-layout=compact] .if-billto{max-width:280px}& .ss-stage[data-layout=compact] .if-input--email{width:150px}& .ss-stage[data-layout=compact] .if-input--pay,& .ss-stage[data-layout=compact] .if-input--date{width:100px}& .ss-stage[data-layout=compact] .if-tile{width:180px;padding:10px 14px;top:16px;left:auto;right:16px}& .ss-stage[data-layout=compact] .if-tile__value{font-size:19px;line-height:24px}& .ss-stage[data-layout=compact] .if-rest{top:150px;left:300px}}