.af-how{background-color:var(--af-how-bg, #f5b400);color:var(--af-how-heading, #111111)}.af-how__head{text-align:center}.af-how .af-how__heading{color:var(--af-how-heading, #111111)}.af-how .af-how__steps{display:grid;grid-template-columns:minmax(0,1fr);gap:64px;margin-top:var(--af-space-32);list-style:none}.af-how .af-step{position:relative}.af-step__card{position:relative;display:flex;flex-direction:column;height:100%;padding:var(--af-space-24);background-color:var(--af-how-card-bg, #ffffff);clip-path:var(--af-clip)}.af-step__icon{display:grid;place-items:center;width:56px;height:56px;margin-bottom:16px;background-color:var(--af-how-detail, #111111);color:var(--af-how-icon, #ffffff);font-size:30px;clip-path:var(--af-clip)}.af-step__num{position:absolute;top:14px;right:26px;font-family:var(--af-font-heading);font-size:64px;font-weight:700;line-height:1;color:transparent;-webkit-text-stroke:2px var(--af-how-numeral, #d9d9d9);pointer-events:none}.af-how .af-step__title{margin-bottom:6px;font-size:26px;line-height:1.5;color:var(--af-how-title, #111111)}.af-how .af-step__text{font-size:var(--af-body-16);line-height:1.6;color:var(--af-how-text, #333333)}.af-step__shot{display:none;margin-top:auto;padding:3px;background-color:var(--af-how-detail, #111111);clip-path:var(--af-clip)}.af-how .af-step__img{width:100%;height:auto;aspect-ratio:16 / 10;object-fit:contain;padding:3%;background-color:var(--af-how-card-bg, #ffffff);clip-path:polygon(calc(var(--af-cut) - 1px) 0%,calc(100% - (var(--af-cut) - 1px)) 0%,100% calc(var(--af-cut) - 1px),100% calc(100% - (var(--af-cut) - 1px)),calc(100% - (var(--af-cut) - 1px)) 100%,calc(var(--af-cut) - 1px) 100%,0% calc(100% - (var(--af-cut) - 1px)),0% calc(var(--af-cut) - 1px))}.af-how .af-step:not(:last-child):after{content:"";position:absolute;bottom:-56px;left:50%;width:24px;height:48px;transform:translate(-50%);background-color:var(--af-how-detail, #111111);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 48'%3E%3Cpath d='M12 3v32' fill='none' stroke='%23111' stroke-width='3' stroke-linecap='round' stroke-dasharray='5 6'/%3E%3Cpath d='M4 34l8 10 8-10' fill='none' stroke='%23111' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 48'%3E%3Cpath d='M12 3v32' fill='none' stroke='%23111' stroke-width='3' stroke-linecap='round' stroke-dasharray='5 6'/%3E%3Cpath d='M4 34l8 10 8-10' fill='none' stroke='%23111' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;pointer-events:none}@media(min-width:768px){.af-how .af-how__steps--count-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:72px;align-items:stretch}.af-how .af-how__steps--count-2 .af-step:not(:last-child):after{top:42%;right:-64px;bottom:auto;left:auto;width:56px;height:32px;transform:none;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 56'%3E%3Cpath d='M4 50C30 50 48 18 84 12' fill='none' stroke='%23111' stroke-width='3.5' stroke-linecap='round' stroke-dasharray='6 7'/%3E%3Cpath d='M74 3l16 8-12 13' fill='none' stroke='%23111' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 56'%3E%3Cpath d='M4 50C30 50 48 18 84 12' fill='none' stroke='%23111' stroke-width='3.5' stroke-linecap='round' stroke-dasharray='6 7'/%3E%3Cpath d='M74 3l16 8-12 13' fill='none' stroke='%23111' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}}@media(min-width:1024px){.af-how .af-how__steps{max-width:1120px;margin:var(--af-space-48) auto 0}.af-how .af-how__steps--count-1{max-width:500px}.af-how .af-how__steps--count-2,.af-how .af-how__steps--count-3{grid-template-columns:repeat(var(--af-step-count),minmax(0,1fr));gap:120px;align-items:stretch}.af-step__card{padding:32px}.af-step__icon{width:72px;height:72px;margin-bottom:24px;font-size:38px}.af-step__num{top:20px;right:36px;font-size:104px;-webkit-text-stroke-width:2.5px}.af-how .af-step__title{margin-bottom:12px;font-size:36px}.af-how .af-step__text{margin-bottom:40px;font-size:var(--af-body-18)}.af-step__shot{display:block}.af-how .af-how__steps--count-2 .af-step:not(:last-child):after,.af-how .af-how__steps--count-3 .af-step:not(:last-child):after{top:38%;right:-112px;bottom:auto;left:auto;width:100px;height:56px;transform:none;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 56'%3E%3Cpath d='M4 50C30 50 48 18 84 12' fill='none' stroke='%23111' stroke-width='3.5' stroke-linecap='round' stroke-dasharray='6 7'/%3E%3Cpath d='M74 3l16 8-12 13' fill='none' stroke='%23111' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 56'%3E%3Cpath d='M4 50C30 50 48 18 84 12' fill='none' stroke='%23111' stroke-width='3.5' stroke-linecap='round' stroke-dasharray='6 7'/%3E%3Cpath d='M74 3l16 8-12 13' fill='none' stroke='%23111' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.af-how .af-how__steps--count-3{gap:72px}.af-how .af-how__steps--count-3 .af-step:not(:last-child):after{top:42%;right:-64px;width:56px;height:32px}.af-how__steps--count-3 .af-step__icon{width:56px;height:56px;margin-bottom:16px;font-size:30px}.af-how__steps--count-3 .af-step__num{top:14px;right:26px;font-size:64px;-webkit-text-stroke-width:2px}.af-how .af-how__steps--count-3 .af-step__title{margin-bottom:6px;font-size:26px}}
/*# sourceMappingURL=/cdn/shop/t/83/assets/affiliate-how.css.map */