.cp{gap:14px;display:grid}.cp-body{gap:14px;transition:opacity .2s;display:grid}.cp-body[aria-busy=true]{opacity:.6}.cp-picks,.cp-result{padding:14px 18px 18px}.cp-count{color:#33c3ff;border:1px solid #3c96ff73;border-radius:999px;margin-left:10px;padding:1px 9px;font-size:14px;font-weight:600}.cp-clear{font:inherit;color:#33c3ff;cursor:pointer;background:0 0;border:0;padding:0;font-size:15px}.cp-clear:hover{text-decoration:underline}.cp-hint{color:var(--mb-text-2);margin:10px 0 0;font-size:14px}.cp-slots{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:14px 0 0;padding:0;list-style:none;display:grid}.cp-slot{text-align:center;background:linear-gradient(#07162ecc,#030a16e6);border:1px solid #3c96ff4d;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:188px;padding:16px 12px;display:flex;position:relative}.cp-slot.is-empty{background:#040c1a80;border-style:dashed;border-color:#5aa0e666}.cp-remove{color:#9fb2c9;cursor:pointer;background:#0a1e3ccc;border:0;border-radius:50%;place-items:center;width:26px;height:26px;padding:0;display:grid;position:absolute;top:8px;right:8px}.cp-remove:hover{color:#ff8d9b;background:#ff6b8133}.cp-remove svg{width:14px;height:14px}.cp-icon{object-fit:cover;border-radius:12px;width:54px;height:54px}.cp-icon.is-letter{color:#fff;background:linear-gradient(160deg,#1f6fd0,#123a78);place-items:center;font-size:22px;font-weight:700;display:grid}.cp-name{color:#fff;margin:10px 0 0;font-size:15px;font-weight:600;line-height:1.25;overflow:hidden}.cp-meta{color:#9fb2c9;margin:3px 0 0;font-size:12px}.cp-revenue{color:#fff;margin:8px 0 0;font-size:20px;font-weight:700}.cp-share{color:#2fe3c2;margin:2px 0 0;font-size:14px}.cp-picker{width:100%;position:relative}.cp-add{width:100%;font:inherit;color:#cfe3ff;cursor:pointer;background:#143c6e8c;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 10px;font-size:15px;display:flex}.cp-add span{font-size:20px;line-height:1}.cp-add:hover{background:#1e5aa0b3}.cp-add:disabled{opacity:.5;cursor:default}.cp-menu{z-index:5;background:#040c1afa;border:1px solid #3c96ff73;border-radius:12px;width:320px;max-height:340px;padding:10px;position:absolute;top:calc(100% + 8px);left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 18px 40px #0000008c}.cp-search{background:#030a16cc;border:1px solid #78aae647;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;display:flex}.cp-search svg{color:#7f93ad;width:16px;height:16px}.cp-search input{width:100%;font:inherit;color:var(--mb-text-1);background:0 0;border:0;outline:none;font-size:14px}.cp-menu ul{margin:8px 0 0;padding:0;list-style:none;display:grid}.cp-menu li button{width:100%;font:inherit;color:#e8eef6;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:7px 6px;display:flex}.cp-menu li button:hover{background:#1e5aa073}.cp-menu-icon{object-fit:cover;border-radius:7px;width:28px;height:28px}.cp-menu-icon.is-letter{color:#fff;background:linear-gradient(160deg,#1f6fd0,#123a78);place-items:center;font-size:13px;font-weight:700;display:grid}.cp-menu-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;overflow:hidden}.cp-menu-value{color:#fff;font-size:14px;font-weight:600}.cp-menu-empty{color:var(--mb-text-3);margin:10px 4px 4px;font-size:14px}.cp-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 0;padding:0;list-style:none;display:grid}.cp-stats li{background:#051022b3;border:1px solid #3c96ff4d;border-radius:12px;padding:12px 14px}.cp-stat-label{letter-spacing:.08em;text-transform:uppercase;color:#7fd4ff;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.cp-stat-label svg{width:16px;height:16px}.cp-stats b{text-overflow:ellipsis;white-space:nowrap;color:#fff;margin-top:6px;font-size:24px;font-weight:700;display:block;overflow:hidden}.cp-note{color:var(--mb-text-3);margin:10px 0 0;font-size:13px}.cp-bars{gap:12px;margin:16px 0 0;padding:0;list-style:none;display:grid}.cp-bars li{grid-template-columns:minmax(0,220px) minmax(0,1fr) auto;align-items:center;column-gap:14px;display:grid}.cp-bar-name{text-overflow:ellipsis;white-space:nowrap;color:#e8eef6;font-size:15px;overflow:hidden}.cp-bar{background:#14325ab3;border-radius:999px;height:12px;display:block}.cp-bar span{background:linear-gradient(90deg,#1f6fd0,#33c3ff);border-radius:999px;height:100%;display:block}.cp-bar-value{color:#fff;font-size:15px;font-weight:600}@media (max-width:1100px){.cp-slots{grid-template-columns:repeat(3,minmax(0,1fr))}.cp-stats{grid-template-columns:minmax(0,1fr)}}