.HowItWorksModal{display:flex;flex-direction:column;text-align:left;gap:1.5rem;margin-top:1rem}.HowItWorksModal .GButton{margin:auto;width:min(100%,20rem)}.HowItWorksModalHeader{display:flex;flex-direction:column;gap:1rem}.HowItWorksModalContent{display:flex;flex-direction:column;gap:1.5rem}.HowItWorksModalItemList{display:flex;flex-direction:column;gap:2.5rem}.HowItWorksModalItem{display:flex;flex-direction:row;gap:1rem}.HowItWorksModalItemContent{display:flex;flex-direction:column;gap:1rem}.HowItWorksModalItemIcon{display:flex;height:4rem;min-width:4rem;align-items:center;justify-content:center;border-radius:4rem}.AtIcon{background-color:#c6318a40;color:var(--primary-ui)}.SendIcon{background-color:#007aff40;color:var(--secondary-ui)}.EditIcon{background-color:#28b94d40;color:var(--success-ui)}.HowItWorksModalFooter{display:flex;flex-direction:row;margin-top:1.5rem;margin-left:auto}.HowItWorksTitleMobile,.HowItWorksFooterButtonMobile{display:none}.HowItWorksTitleDesktop,.HowItWorksFooterButtonDesktop{display:inherit}@media only screen and (max-width: 700px){.HowItWorksModalHeader,.HowItWorksModal .Divider,.HowItWorksTitleDesktop,.HowItWorksFooterButtonDesktop{display:none}.HowItWorksTitleMobile,.HowItWorksFooterButtonMobile{display:inherit}}