.base-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.base-card{container-type:inline-size;position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"head head" "name amt" "range per";column-gap:14px;align-items:baseline;align-content:start;padding:16px 18px 18px 22px;border:1px solid transparent;border-radius:var(--radius-xl);background:var(--dn-hull);cursor:pointer;transition:background var(--transition-normal),border-color var(--transition-normal)}.base-card>*{grid-column:1 / -1}.base-card:hover{background:color-mix(in srgb,var(--dn-signal) 5%,var(--dn-hull))}.base-card[aria-checked=true]{background:color-mix(in srgb,var(--dn-signal) 13%,var(--dn-hull));border-color:color-mix(in srgb,var(--dn-signal) 55%,transparent)}.base-card:hover{border-color:var(--color-text-muted)}.base-card:focus-visible{outline:2px solid var(--dn-signal);outline-offset:2px}.base-card.selected{border-color:var(--dn-signal);box-shadow:0 0 0 1px var(--dn-signal);background:color-mix(in srgb,var(--dn-signal) 8%,var(--dn-hull))}.base-head{grid-area:head;display:flex;align-items:center;gap:6px;margin-bottom:6px;margin-right:-5px}.base-mark{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;color:var(--dn-signal);opacity:0;transition:opacity var(--transition-fast)}.base-card.selected .base-mark{opacity:1}.base-tag{font-family:var(--font-data);font-size:10.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase}.base-tag.ignite{color:var(--color-warning)}.base-tag.energize{color:var(--dn-signal)}.base-tag.vitalize{color:var(--color-success)}.base-name{grid-area:name;min-width:0;font-family:var(--font-display);font-size:21px;font-weight:700;letter-spacing:-.02em;line-height:1.2}.base-range{grid-area:range;margin-top:2px;font-size:13px;color:var(--color-text-secondary)}.base-price{display:contents}.base-price .amt{grid-area:amt;justify-self:end;font-family:var(--font-display);font-size:clamp(22px,calc(30cqi - 36px),34px);font-weight:800;line-height:1;letter-spacing:-.035em;font-variant-numeric:tabular-nums;white-space:nowrap}.base-price .per{grid-area:per;justify-self:end;margin-top:2px;font-size:13px;color:var(--color-text-secondary);white-space:nowrap}@container (max-width: 199px){.base-name,.base-range{grid-column:1 / -1}.base-price .amt{grid-column:1 / -1;grid-row:4;margin-top:12px;font-size:30px}.base-price .per{grid-column:1 / -1;grid-row:5}}.plugin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px}.plugin-row{display:flex;align-items:center;gap:12px;padding:15px 16px;border:1px solid transparent;border-radius:var(--radius-lg);background:var(--dn-hull);transition:background var(--transition-normal),border-color var(--transition-normal)}.plugin-row.selectable:hover{background:color-mix(in srgb,var(--dn-signal) 5%,var(--dn-hull))}.plugin-row.selectable{cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.plugin-row.selectable:hover{border-color:var(--color-text-muted)}.plugin-row.selectable:focus-visible{outline:2px solid var(--dn-signal);outline-offset:2px}.plugin-row.on{border-color:var(--dn-signal);box-shadow:0 0 0 1px var(--dn-signal);background:color-mix(in srgb,var(--dn-signal) 8%,var(--dn-hull))}.plugin-ico{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border-radius:var(--radius-md);background:color-mix(in srgb,var(--dn-signal) 14%,transparent);color:var(--dn-signal)}.plugin-name{flex:1;min-width:0;font-size:15px;font-weight:600}.plugin-price{flex-shrink:0;font-size:13px;color:var(--color-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.plugin-row>.plugin-name{min-width:min-content}.plugin-row>.plugin-price{flex-shrink:1;min-width:min-content;white-space:normal;text-align:right;line-height:1.3}.price-per{white-space:nowrap}.plugin-mark{display:inline-flex;align-items:center;justify-content:center;width:18px;flex-shrink:0;color:var(--dn-signal);opacity:0;transition:opacity var(--transition-fast)}.plugin-row.on .plugin-mark{opacity:1}.plugin-tip{position:relative;display:inline-flex;flex-shrink:0}.base-tip{flex-shrink:0}.plugin-info{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:none;color:var(--color-text-muted);border-radius:50%;cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.plugin-info:hover,.plugin-info:focus-visible{color:var(--color-text);background:var(--dn-hull)}.plugin-info:focus-visible{outline:2px solid var(--dn-signal);outline-offset:2px}.plugin-tooltip{position:absolute;bottom:calc(100% + 10px);right:-4px;width:240px;padding:10px 12px;background:var(--dn-line);border:1px solid var(--dn-line);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:13px;font-weight:400;line-height:1.5;text-align:left;box-shadow:0 14px 34px -14px #000000b3;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity var(--transition-fast),transform var(--transition-fast),visibility var(--transition-fast);pointer-events:none;z-index:30}.plugin-tooltip:after{content:"";position:absolute;top:100%;right:12px;width:9px;height:9px;background:var(--dn-line);border-right:1px solid var(--dn-line);border-bottom:1px solid var(--dn-line);transform:translateY(-50%) rotate(45deg)}.plugin-info:hover+.plugin-tooltip,.plugin-info:focus-visible+.plugin-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.order-lines{display:flex;flex-direction:column}.order-line{display:flex;justify-content:space-between;gap:16px;padding:9px 0;font-size:14px;border-bottom:1px solid var(--dn-line-soft);font-variant-numeric:tabular-nums}.order-line span:first-child{color:var(--color-text-secondary)}.order-line span:last-child{color:var(--color-text);font-weight:500;white-space:nowrap;text-align:right}.order-renew{display:block;margin-top:2px;font-size:12px;font-weight:400;color:var(--color-text-muted)}.order-foot{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:20px;padding-top:18px;border-top:1px solid var(--dn-line)}.order-total-label{font-family:var(--font-data);font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-secondary)}.order-amount{white-space:nowrap}.order-total{font-family:var(--font-display);font-size:42px;font-weight:800;line-height:1;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.order-per{margin-left:3px;font-size:13px;color:var(--color-text-secondary)}@media (max-width: 640px){.base-grid{grid-template-columns:1fr}}.base-note{margin-top:8px;font-family:var(--font-data);font-size:10.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-secondary)}.plugin-row.held .plugin-ico{color:var(--color-success);background:color-mix(in srgb,var(--color-success) 14%,transparent)}.plugin-row.held .plugin-price{color:var(--color-success)}