.four-steps{overflow:hidden}.four-steps__header{text-align:center;margin-bottom:3.2rem}@media screen and (min-width:750px){.four-steps__header{margin-bottom:4rem}}.four-steps__title{margin:0;color:rgb(var(--color-foreground-title))}.four-steps__subtitle{margin:.8rem 0 0;color:rgb(var(--color-foreground-secondary));font-size:1.5rem;line-height:1.5}.four-steps__items{display:grid;grid-template-columns:1fr;gap:.8rem}.four-steps__item{display:flex;flex-direction:column;gap:1rem;min-width:0;padding:2.4rem 2rem 2rem;background-color:rgb(var(--color-background));border:.1rem solid rgb(var(--color-border));border-radius:1.2rem;transition:box-shadow var(--duration-default),transform var(--duration-default),border-color var(--duration-default)}.four-steps__item:hover{transform:translateY(-.2rem);box-shadow:0 .8rem 3rem rgba(var(--color-shadow),.08)}.four-steps__number{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2.2rem;height:2.2rem;border-radius:50%;background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:1.1rem;font-weight:600;line-height:1}.four-steps__icon{display:flex;width:max-content;color:rgb(var(--color-foreground-secondary))}.four-steps__item-title{margin:0;color:rgb(var(--color-foreground-title));line-height:1.3}.four-steps__item-text{margin:0;color:rgb(var(--color-foreground-secondary));font-size:1.5rem;line-height:1.6}.four-steps__arrow{display:flex;align-items:center;justify-content:center;min-height:2.4rem;color:rgb(var(--color-foreground-secondary));opacity:.45;transform:rotate(90deg)}.four-steps__footnote{display:flex;align-items:center;justify-content:center;gap:.6rem;margin:2rem 0 0;color:rgb(var(--color-foreground-secondary));font-size:1.2rem;line-height:1.4;text-align:center;opacity:.75}.four-steps__footnote-icon{display:inline-flex;flex-shrink:0}@media screen and (min-width:861px){.four-steps__items{grid-template-columns:minmax(0,1fr) 2.4rem minmax(0,1fr) 2.4rem minmax(0,1fr) 2.4rem minmax(0,1fr);align-items:stretch;gap:0}.four-steps__arrow{min-height:auto;transform:none}}@media screen and (min-width:1200px){.four-steps__item{padding:2.4rem}.four-steps__item-text{font-size:1.58rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-4-steps.css.map */