.power-bank-how-it-works{gap:var(--fds-ref-spacing-small);background:rgba(var(--b-sc), var(--fds-ref-alpha-2));border:var(--fds-ref-border-width-thin) var(--fds-ref-border-style-solid) rgba(var(--b-sc), var(--fds-ref-alpha-4));border-radius:var(--fds-ref-radius-medium);box-shadow:0 6px 12px 0 rgba(var(--b-sc), var(--fds-ref-alpha-8)) inset, 0 36px 48px 0 rgba(var(--hero), var(--fds-ref-alpha-24)) inset;flex-direction:column;display:flex}[class*=is-web] .power-bank-how-it-works{padding:var(--fds-ref-spacing-large)}[class*=is-mobile] .power-bank-how-it-works{padding:var(--fds-ref-spacing-small)}.power-bank-how-it-works__header{justify-content:space-between;align-items:center;gap:var(--fds-ref-spacing-xsmall);cursor:pointer;width:100%;display:flex}.power-bank-how-it-works__title{color:rgba(var(--b-sc), var(--fds-ref-alpha-80))}.power-bank-how-it-works__chevron .btn__icon{transition:transform .25s}.power-bank-how-it-works__chevron--open .btn__icon{transform:rotate(180deg)}.power-bank-how-it-works__steps{gap:var(--fds-ref-spacing-large);display:flex}[class*=is-mobile] .power-bank-how-it-works__steps{flex-direction:column}.power-bank-how-it-works__step{align-items:flex-start;gap:var(--fds-ref-spacing-xsmall);display:flex}[class*=is-web] .power-bank-how-it-works__step{flex:1;min-width:0}.power-bank-how-it-works__step-num{width:var(--fds-sem-dimension-small);height:var(--fds-sem-dimension-small);border-radius:var(--fds-ref-radius-full);background:rgba(var(--b-sc), var(--fds-ref-alpha-8));color:rgba(var(--b-sc), var(--fds-ref-alpha-80));flex-shrink:0;justify-content:center;align-items:center;display:flex}.power-bank-how-it-works__step-text{color:rgba(var(--b-sc), var(--fds-ref-alpha-64))}