.storage-cost-predict-module__f0r22a__ツールUI{gap:var(--スペース-xl);display:grid}@media (min-width:768px){.storage-cost-predict-module__f0r22a__ツールUI{grid-template-columns:1fr 1fr}}.storage-cost-predict-module__f0r22a__クイック群{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.storage-cost-predict-module__f0r22a__クイックボタン{border:1px solid var(--カラー-ボーダー);border-radius:var(--角丸-sm);color:var(--カラー-テキスト薄);cursor:pointer;transition:all var(--遷移-標準);font-size:12px;font-weight:600;font-family:var(--フォント-本文);background:#ffffff0a;padding:4px 10px}.storage-cost-predict-module__f0r22a__クイックボタン:hover{border-color:var(--カラー-ボーダー強)}.storage-cost-predict-module__f0r22a__クイックボタンアクティブ{background:var(--カラー-プライマリ薄);border-color:var(--カラー-プライマリ);color:var(--カラー-プライマリ輝き)}.storage-cost-predict-module__f0r22a__結果コンテンツ{gap:var(--スペース-md);flex-direction:column;display:flex}.storage-cost-predict-module__f0r22a__メインカード{padding:var(--スペース-lg);border:1px solid var(--カラー-ボーダー);border-radius:var(--角丸-lg);text-align:center;background:#ffffff05;flex-direction:column;align-items:center;gap:4px;display:flex}.storage-cost-predict-module__f0r22a__メインラベル{color:var(--カラー-テキスト薄);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}.storage-cost-predict-module__f0r22a__メイン値{color:#f25acc;font-variant-numeric:tabular-nums;letter-spacing:-1px;font-size:2rem;font-weight:900}.storage-cost-predict-module__f0r22a__メイン単位{font-size:.85rem}.storage-cost-predict-module__f0r22a__メインサブ{color:var(--カラー-テキスト薄);font-size:12px;font-weight:600}.storage-cost-predict-module__f0r22a__内訳{border:1px solid var(--カラー-ボーダー);border-radius:var(--角丸-md);padding:var(--スペース-md);background:#ffffff05}.storage-cost-predict-module__f0r22a__内訳タイトル{color:var(--カラー-テキスト薄);margin-bottom:6px;font-size:12px;font-weight:700}.storage-cost-predict-module__f0r22a__内訳ヘッダー{color:var(--カラー-テキスト薄);border-bottom:1px solid var(--カラー-ボーダー強);grid-template-columns:1fr 1fr 1fr;margin-bottom:2px;padding:4px 0;font-size:11px;font-weight:700;display:grid}.storage-cost-predict-module__f0r22a__内訳行{color:var(--カラー-テキスト薄);border-bottom:1px solid #ffffff0a;grid-template-columns:1fr 1fr 1fr;padding:5px 0;font-size:12px;display:grid}.storage-cost-predict-module__f0r22a__内訳行:last-child{border-bottom:none}.storage-cost-predict-module__f0r22a__内訳強調{background:#f25acc0f;border-radius:4px;padding-left:4px}