.flip-step{perspective:1000px;width:100%;min-height:300px;cursor:pointer;outline:0}.flip-step-inner{position:relative;width:100%;height:100%;min-height:300px;transition:transform .6s;transform-style:preserve-3d}.flip-step.is-flipped .flip-step-inner{transform:rotateY(180deg)}.flip-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:16px;display:flex;flex-direction:column}.flip-front{justify-content:flex-start}.flip-back{transform:rotateY(180deg);justify-content:space-between}.flip-head{margin-bottom:.75rem}.flip-body{flex:1;overflow-y:auto}.flip-list{padding-left:1.1rem;margin-bottom:0}.flip-list li{margin-bottom:.35rem;line-height:1.35}.flip-footnote{font-size:.9rem;color:rgba(255,255,255,.7)}.flip-badge,.flip-close,.flip-hint{width:36px;height:36px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center}.flip-badge{background:rgba(245,155,22,.15);border:1px solid rgba(245,155,22,.4);color:#f59b16}.flip-hint{border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.7)}.flip-close{border:1px solid rgba(245,155,22,.4);color:#f59b16}@media (min-width:768px){.flip-step,.flip-step-inner{min-height:280px}}