/* Compact storage add-ons; only this component is affected. */
.storage-catalog-toolbar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 24px;margin:18px 0 22px}
.storage-catalog-toolbar .storage-cycle{margin:0;flex-shrink:0;padding:5px;background:#101115;border:1px solid #ffffff16;border-radius:999px;gap:4px}
.storage-catalog-toolbar .storage-cycle button{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;border:0;border-radius:999px;padding:11px 18px;min-height:44px;color:#c5c0d2;background:transparent;font-size:13px}
.storage-catalog-toolbar .storage-cycle button.is-active{background:#ebe6f7;color:#191420}
#storage-catalog-cycle-note{font-size:12px;line-height:1.6;max-width:680px;margin:6px 0 0}
.storage-annual-saving,.storage-value-saving{display:inline-flex;align-items:center;max-width:100%;border-radius:999px;font-size:11px;font-weight:700;line-height:1.5;padding:4px 9px;letter-spacing:.1px}
.storage-annual-saving{background:#f7b9db;color:#4d1735;white-space:nowrap}
.storage-value-saving{background:#173b35;color:#9cdecb;border:1px solid #366157}
.storage-annual-saving[hidden]{display:none}
.addon-info .addon-price>.storage-annual-saving{display:inline-flex;margin:0 0 0 8px;font-size:11px}
.addon-annual-note{font-size:11px;line-height:1.6;color:#b7afc5;margin:8px 0 12px}
.addon-value-details{border:0;padding:0;margin:0 0 16px;background:none}
.addon-value-details>summary{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:7px;width:fit-content;list-style:none;cursor:pointer;color:#c3bdcf;font-size:12px;min-height:36px}
.addon-value-details>summary::-webkit-details-marker{display:none}
.storage-info-icon{font-family:Georgia,serif;font-size:11px;font-weight:bold;border:1px solid #777081;border-radius:50%;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center}
.addon-value-details>p{max-width:40em;color:#bcb6c8;font-size:11px;line-height:1.65;margin:8px 0}
.storage-value-baseline{font-size:10px;color:#b6afc2;white-space:nowrap}
.storage-community-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:10px 15px;background:#282134;color:#d9c9ff;text-decoration:none;border:1px solid #655282;border-radius:12px;font-size:13px}
.storage-community-link[hidden]{display:none}
#storage-upgrade-dialog .storage-review-price{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
#storage-upgrade-dialog .storage-review-price #storage-review-saving{font-size:11px}
#storage-upgrade-dialog .storage-review-price .storage-annual-saving{font-size:11px;color:#fdfdff}
#storage-upgrade-dialog .storage-cycle{flex-wrap:wrap;max-width:100%}
#storage-cycle-options button{display:inline-flex;align-items:center;justify-content:center;gap:8px}
#storage-review-annual-saving{font-size:10px;padding:3px 7px}
.storage-catalog-toolbar button:focus-visible,.addon-value-details>summary:focus-visible,.storage-community-link:focus-visible{outline:2px solid #d2b7ff;outline-offset:4px}
@media(max-width:480px){.storage-catalog-toolbar{display:flex}.storage-catalog-toolbar .storage-cycle{width:fit-content;max-width:100%;display:flex;flex-wrap:wrap;border-radius:22px}.storage-catalog-toolbar>p{margin:12px 0 0}.storage-catalog-toolbar .storage-cycle button{padding:10px 12px;font-size:12px}.storage-catalog-toolbar .storage-annual-saving{font-size:10px}.storage-review-price #storage-review-saving{flex-basis:100%}}
@media(max-width:700px), (max-width:900px) and (max-height:500px){#addons .addon-cards{grid-template-columns:minmax(0,1fr)}}
.addon-cards{min-width:0;container-type:inline-size}
.addon-cards .addon{display:grid;grid-template-columns:minmax(150px,.85fr) minmax(0,1.15fr);align-items:center;gap:22px;padding:22px}
.addon-info{min-width:0}.addon-info .addon-title{justify-content:flex-start}
.addon-info .addon-price{margin:10px 0 12px;line-height:1.5}.addon-info .addon-price>span{font-size:11px;line-height:1.5}
.addon-info .addon-saving{margin:0 0 14px;font-size:11px;line-height:1.5}
.addon-info .storage-upgrade-pill{min-width:128px;padding:11px 22px;font-size:12px}
.addon-metrics{min-width:0}.addon-metrics .addon-benefits{gap:10px;margin:0}
.addon-metrics .addon-benefits>div{padding:22px 15px;gap:10px;border-radius:12px;justify-content:center;min-height:126px}
.addon-metrics .addon-benefits strong{font-size:clamp(23px,2vw,32px);letter-spacing:-.5px}
.addon-metrics .addon-benefits span{font-size:10px;letter-spacing:.55px}
.addon-metrics .addon-estimate{font-size:10px;margin:10px 0 0;text-align:center}
.storage-actions .storage-upgrade-pill{padding-inline:20px}
#storage-upgrade-dialog{width:min(550px,calc(100% - 24px));padding:26px}
#storage-upgrade-dialog .storage-review-heading h2{margin-bottom:18px}
#storage-upgrade-dialog .storage-upgrade-route{padding:14px 16px}
#storage-upgrade-dialog #storage-upgrade-replacement{margin:10px 0 16px}
#storage-upgrade-dialog .storage-review-price{margin-top:12px}
#storage-upgrade-dialog .storage-review-price strong{font-size:36px}
#storage-upgrade-dialog .storage-review-benefits{margin:16px 0}
.storage-billing-match{font-size:12px;color:#d1c7ec;margin:14px 0 0;line-height:1.5}
#storage-review-details{padding:0;border:0;border-top:1px solid #ffffff12;border-radius:0;margin:4px 0 0}
#storage-review-details summary{display:flex;align-items:center;gap:8px;list-style:none;font-size:12px;color:#c8c3d5;padding:14px 0}
#storage-review-details summary::-webkit-details-marker{display:none}
#storage-review-details summary svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s}
#storage-review-details[open] summary svg{transform:rotate(90deg)}
#storage-review-details .storage-review-caption{margin:0 0 12px}
#storage-upgrade-dialog .storage-review-notice{padding:0;background:none;border-radius:0;font-size:11px;color:#a6a0b6;margin:2px 0 0}
#storage-upgrade-dialog .storage-review-actions{margin-top:18px}
#storage-billing-retry{font-size:11px;margin-bottom:10px}
@container(max-width:1050px){.addon-cards .addon{gap:15px;padding:18px;grid-template-columns:minmax(125px,.85fr) minmax(0,1.15fr)}.addon-metrics .addon-benefits{grid-template-columns:1fr;gap:7px}.addon-metrics .addon-benefits>div{min-height:0;padding:13px 14px;gap:6px}.addon-metrics .addon-benefits strong{font-size:25px}.addon-metrics .addon-estimate{text-align:left}}
@container(max-width:700px), (max-width:900px) and (max-height:500px){.addon-cards .addon{grid-template-columns:1fr;align-content:start;gap:18px;padding:14px}.addon-info .addon-title strong{font-size:21px}.addon-metrics .addon-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.addon-metrics .addon-benefits>div{padding:14px 10px}.addon-metrics .addon-benefits strong{font-size:23px}.addon-info .storage-upgrade-pill{min-width:0;padding:10px 16px}.addon-metrics .addon-estimate{text-align:left}}
@container(max-width:460px){.addon-metrics .addon-benefits{grid-template-columns:1fr}.addon-cards .addon{padding:12px 10px}.addon-info .addon-price b{font-size:18px}.addon-info .addon-price>span{font-size:10px}.addon-info .storage-upgrade-pill{width:100%;padding-inline:6px}.addon-metrics .addon-benefits>div{padding:13px 10px}.addon-metrics .addon-benefits span{font-size:9px}}
@media(max-width:650px){#storage-upgrade-dialog{padding:20px}.storage-review-heading h2{font-size:24px}#storage-upgrade-dialog .storage-review-benefits strong{font-size:23px}#storage-upgrade-dialog .storage-review-benefits>div{padding:15px 12px}#storage-upgrade-dialog .storage-review-price strong{font-size:34px}}
@media(prefers-reduced-motion:reduce){#storage-review-details summary svg{transition:none}}
@media(max-width:480px){#addons .addon-navigation{display:grid;grid-template-columns:1fr 1fr;gap:10px}#addons .addon-cards{grid-column:1/-1;grid-row:1;gap:8px}#addon-prev{grid-column:1;grid-row:2;justify-self:start}#addon-next{grid-column:2;grid-row:2;justify-self:end}.addon-info .storage-upgrade-pill{font-size:11px;white-space:nowrap}.addon-metrics .addon-benefits strong{font-size:20px;white-space:nowrap}.addon-metrics .addon-benefits strong small{display:inline;font-size:11px}}

.storage-value-saving{border:0;background:#83fbd5;color:#28131f;font-weight:800}
.storage-value-saving.storage-value-muted{background:#3c3b43;color:#f4f1f7}
.storage-annual-saving{border:0;background:#3d485b;color:#fdfdff;font-weight:800}
.addon-cache-details{border:0;padding:0;margin:4px 0 0;background:none;text-align:center}
.addon-cache-details>summary{display:flex;align-items:center;justify-content:center;gap:7px;list-style:none;cursor:pointer;min-height:40px;color:#d8c4ff;font-size:12px;font-weight:650}
.addon-cache-details>summary::-webkit-details-marker{display:none}
.addon-cache-details>summary:focus-visible{outline:2px solid #d2b7ff;outline-offset:3px;border-radius:6px}
.addon-cache-details>p{margin:8px 0;color:#c3bdcf;font-size:12px;line-height:1.6;text-align:left}