/* Scoped to: mobile-launch-template-power-that-lasts */
[data-component-slug="mobile-launch-template-power-that-lasts"].power-section, [data-component-slug="mobile-launch-template-power-that-lasts"] .power-section { width: 100%; min-height: 1100px; padding: 100px; color: #ffffff; display: flex; flex-direction: column; justify-content: space-between; } [data-component-slug="mobile-launch-template-power-that-lasts"].power-top, [data-component-slug="mobile-launch-template-power-that-lasts"] .power-top { display: grid; grid-template-columns: 1.2fr 1fr; gap: 80px; align-items: start; } [data-component-slug="mobile-launch-template-power-that-lasts"].power-title, [data-component-slug="mobile-launch-template-power-that-lasts"] .power-title { font-size: 64px; font-weight: 500; line-height: 100%; max-width: 600px; } [data-component-slug="mobile-launch-template-power-that-lasts"].power-right, [data-component-slug="mobile-launch-template-power-that-lasts"] .power-right { justify-self: end; display: flex; flex-direction: column; gap: 24px; max-width: 520px; text-align: left; } [data-component-slug="mobile-launch-template-power-that-lasts"].power-desc, [data-component-slug="mobile-launch-template-power-that-lasts"] .power-desc { font-size: 24px; font-weight: 400; line-height: 100%; color: #a6a6a6; } [data-component-slug="mobile-launch-template-power-that-lasts"].power-cta-wrap, [data-component-slug="mobile-launch-template-power-that-lasts"] .power-cta-wrap { display: flex; justify-content: flex-start; } [data-component-slug="mobile-launch-template-power-that-lasts"].power-btn, [data-component-slug="mobile-launch-template-power-that-lasts"] .power-btn { border-radius: 12px; background: #008cff; color: #ffffff; font-size: 20px; font-weight: 500; border: none; cursor: pointer; padding: 16px 24px; } [data-component-slug="mobile-launch-template-power-that-lasts"].power-bottom, [data-component-slug="mobile-launch-template-power-that-lasts"] .power-bottom { display: grid; grid-template-columns: 1.5fr 1fr; align-items: end; gap: 80px; } [data-component-slug="mobile-launch-template-power-that-lasts"].standby-block h3, [data-component-slug="mobile-launch-template-power-that-lasts"] .standby-block h3 { font-size: 56px; font-weight: 500; margin-bottom: 16px; } [data-component-slug="mobile-launch-template-power-that-lasts"].standby-block p, [data-component-slug="mobile-launch-template-power-that-lasts"] .standby-block p { font-size: 24px; color: #a6a6a6; max-width: 520px; } [data-component-slug="mobile-launch-template-power-that-lasts"].usage-stats, [data-component-slug="mobile-launch-template-power-that-lasts"] .usage-stats { display: flex; align-items: center; justify-content: flex-end; gap: 40px; } [data-component-slug="mobile-launch-template-power-that-lasts"].usage-item h4, [data-component-slug="mobile-launch-template-power-that-lasts"] .usage-item h4 { font-size: 56px; font-weight: 500; margin-bottom: 8px; } [data-component-slug="mobile-launch-template-power-that-lasts"].usage-item span, [data-component-slug="mobile-launch-template-power-that-lasts"] .usage-item span { font-size: 24px; color: #a6a6a6; } [data-component-slug="mobile-launch-template-power-that-lasts"].usage-divider, [data-component-slug="mobile-launch-template-power-that-lasts"] .usage-divider { width: 1px; height: 80px; background: #868686; } @media (max-width: 1024px) { [data-component-slug="mobile-launch-template-power-that-lasts"].power-section, [data-component-slug="mobile-launch-template-power-that-lasts"] .power-section { padding: 80px 40px; } [data-component-slug="mobile-launch-template-power-that-lasts"].power-top, [data-component-slug="mobile-launch-template-power-that-lasts"] .power-top, [data-component-slug="mobile-launch-template-power-that-lasts"].power-bottom, [data-component-slug="mobile-launch-template-power-that-lasts"] .power-bottom { grid-template-columns: 1fr; } [data-component-slug="mobile-launch-template-power-that-lasts"].power-right, [data-component-slug="mobile-launch-template-power-that-lasts"] .power-right { justify-self: start; max-width: 100%; } [data-component-slug="mobile-launch-template-power-that-lasts"].usage-stats, [data-component-slug="mobile-launch-template-power-that-lasts"] .usage-stats { justify-content: flex-start; } } @media (max-width: 768px) { [data-component-slug="mobile-launch-template-power-that-lasts"].power-section, [data-component-slug="mobile-launch-template-power-that-lasts"] .power-section { padding: 64px 20px; } [data-component-slug="mobile-launch-template-power-that-lasts"].power-title, [data-component-slug="mobile-launch-template-power-that-lasts"] .power-title { font-size: 32px; } [data-component-slug="mobile-launch-template-power-that-lasts"].power-desc, [data-component-slug="mobile-launch-template-power-that-lasts"] .power-desc, [data-component-slug="mobile-launch-template-power-that-lasts"].standby-block p, [data-component-slug="mobile-launch-template-power-that-lasts"] .standby-block p, [data-component-slug="mobile-launch-template-power-that-lasts"].usage-item span, [data-component-slug="mobile-launch-template-power-that-lasts"] .usage-item span { font-size: 18px; } [data-component-slug="mobile-launch-template-power-that-lasts"].standby-block h3, [data-component-slug="mobile-launch-template-power-that-lasts"] .standby-block h3, [data-component-slug="mobile-launch-template-power-that-lasts"].usage-item h4, [data-component-slug="mobile-launch-template-power-that-lasts"] .usage-item h4 { font-size: 32px; } [data-component-slug="mobile-launch-template-power-that-lasts"].usage-stats, [data-component-slug="mobile-launch-template-power-that-lasts"] .usage-stats { flex-wrap: wrap; gap: 24px; } [data-component-slug="mobile-launch-template-power-that-lasts"].usage-divider, [data-component-slug="mobile-launch-template-power-that-lasts"] .usage-divider { display: none; } [data-component-slug="mobile-launch-template-power-that-lasts"].power-top, [data-component-slug="mobile-launch-template-power-that-lasts"] .power-top { gap: 20px; } [data-component-slug="mobile-launch-template-power-that-lasts"].power-bottom, [data-component-slug="mobile-launch-template-power-that-lasts"] .power-bottom { gap: 20px; } }