.section-how-it-works{--how-it-works-card-ratio: 445.333 / 489;width:100%;margin:0;padding:64px 32px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:40px;position:relative;background-color:var(--how-it-works-background)}.step-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;display:block!important;border-radius:inherit}.step-card__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;margin:0;padding:24px 16px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;font-family:Google Sans,sans-serif;pointer-events:none}.step-card__text{width:100%;margin:0;padding:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:4px;font-family:Google Sans,sans-serif;color:var(--how-it-works-card-text-color)}.step-card__heading{width:100%;margin:0;padding:0;font-family:Google Sans,sans-serif;font-size:20px;font-style:normal;font-weight:700;line-height:28px;letter-spacing:normal;text-align:left;color:var(--how-it-works-card-text-color)}.step-card__description{width:100%;margin:0;padding:0;font-family:Google Sans,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:normal;text-align:left;color:var(--how-it-works-card-text-color)}.section-how-it-works,.section-how-it-works *,.section-how-it-works *:before,.section-how-it-works *:after{box-sizing:border-box}.section-how-it-works{--how-it-works-card-ratio: 445.333 / 489;width:100%;margin:0;padding:0;position:relative;background-color:var(--how-it-works-background)}.content-wrapper{width:100%;margin:0;padding:64px 32px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:40px;position:relative}.header-frame{width:100%;margin:0;padding:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:16px;position:relative;flex-shrink:0;font-family:Google Sans,sans-serif;font-style:normal;color:var(--how-it-works-text-color);word-break:break-word}.header-frame__title{width:100%;margin:0;padding:0;position:relative;flex-shrink:0;font-family:Google Sans,sans-serif;font-size:36px;font-style:normal;font-weight:400;line-height:40px;letter-spacing:normal;text-align:left;color:var(--how-it-works-text-color)}.header-frame__subtitle{width:100%;margin:0;padding:0;position:relative;flex-shrink:0;font-family:Google Sans,sans-serif;font-size:20px;font-style:normal;font-weight:400;line-height:28px;letter-spacing:normal;text-align:left;color:var(--how-it-works-text-color)}.cards-row{width:100%;min-width:0;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;position:relative}.step-card{width:100%;min-width:0;aspect-ratio:var(--how-it-works-card-ratio);margin:0;padding:0;display:block;position:relative;overflow:hidden;border-radius:24px;font-family:Google Sans,sans-serif;color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}.step-card:visited,.step-card:hover,.step-card:focus,.step-card:active{color:inherit;text-decoration:none}.step-card__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;border-radius:inherit}.step-card__image-crop{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit}.step-card__image{display:block;position:absolute;height:auto;max-width:none;margin:0;padding:0;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.step-card--1 .step-card__image{width:123.36%;aspect-ratio:3 / 4;left:-11.62%;top:-30.56%;object-fit:cover}.step-card--2 .step-card__image{width:100%;aspect-ratio:var(--how-it-works-card-ratio);left:0;top:0;object-fit:cover}.step-card--3 .step-card__image{width:154.34%;aspect-ratio:1 / 1;left:-27.32%;top:-38.83%;object-fit:cover}.step-card__overlay{display:block!important;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;border-radius:inherit}.step-card--1 .step-card__overlay{background:var(--how-it-works-card-1-overlay)}.step-card--2 .step-card__overlay{background:var(--how-it-works-card-2-overlay)}.step-card--3 .step-card__overlay{background:var(--how-it-works-card-3-overlay)}.step-card__content{width:100%;height:100%;margin:0;padding:24px 16px;position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:10px;overflow:hidden;border-radius:inherit;pointer-events:none}.step-card__text{width:100%;margin:0;padding:16px 0 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:4px;position:relative;flex-shrink:0;border-width:0;border-style:solid;border-color:transparent;font-family:Google Sans,sans-serif;color:var(--how-it-works-card-text-color)}.step-card__heading{width:100%;margin:0;padding:0;position:relative;flex-shrink:0;font-family:Google Sans,sans-serif;font-size:20px;font-style:normal;font-weight:700;line-height:28px;letter-spacing:normal;text-align:left;color:var(--how-it-works-card-text-color);white-space:nowrap}.step-card__description{width:100%;min-width:100%;margin:0;padding:0;position:relative;flex-shrink:0;font-family:Google Sans,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:normal;text-align:left;color:var(--how-it-works-card-text-color);white-space:nowrap}@media screen and (max-width:749px){.section-how-it-works{width:100%;height:auto;margin:0;padding:0;position:relative;display:flex;flex-direction:column;align-items:center;background-color:var(--how-it-works-background)}.content-wrapper{width:100%;height:auto;margin:0;padding:0 16px 20px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:24px;position:relative}.header-frame{width:100%;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;position:relative;flex-shrink:0;font-family:Google Sans,sans-serif;font-style:normal;color:var(--how-it-works-text-color)}.header-frame__title{width:100%;margin:0;padding:0;font-family:Google Sans,sans-serif;font-size:30px;font-style:normal;font-weight:400;line-height:36px;letter-spacing:0;text-align:left;color:var(--how-it-works-text-color)}.header-frame__subtitle{width:100%;margin:0;padding:0;font-family:Google Sans,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:0;text-align:left;color:var(--how-it-works-text-color)}.cards-row{width:calc(100% + 16px);max-width:none;margin:0 -16px 0 0;padding:0 16px 0 0;align-self:flex-start;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:8px;position:relative;flex-shrink:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-left:0;scrollbar-width:none;-ms-overflow-style:none}.cards-row::-webkit-scrollbar{display:none}.step-card{width:200px;min-width:200px;flex:0 0 200px;aspect-ratio:5 / 8;margin:0;padding:0;display:block;position:relative;overflow:hidden;border-radius:16px;font-family:Google Sans,sans-serif;color:inherit;text-decoration:none;scroll-snap-align:start}.step-card__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;border-radius:inherit;pointer-events:none}.step-card__image-crop{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit}.step-card__image{display:block;position:absolute;height:auto;max-width:none;margin:0;padding:0;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.step-card--1 .step-card__image{width:120%;aspect-ratio:3 / 4;left:-10%;top:0;object-fit:cover}.step-card--2 .step-card__image{width:100%;aspect-ratio:5 / 8;left:0;top:0;object-fit:cover}.step-card--3 .step-card__image{width:179.76%;aspect-ratio:15 / 14;left:-39.63%;top:-4.93%;object-fit:cover}.step-card__overlay{display:block!important;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit;pointer-events:none}.step-card--1 .step-card__overlay{background:var(--how-it-works-card-1-overlay)}.step-card--2 .step-card__overlay{background:var(--how-it-works-card-2-overlay)}.step-card--3 .step-card__overlay{background:var(--how-it-works-card-3-overlay)}.step-card__content{width:100%;height:100%;margin:0;padding:16px;position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:10px;overflow:hidden;border-radius:inherit;pointer-events:none}.step-card__text{width:100%;min-width:0;margin:0;padding:16px 0 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:4px;position:relative;flex-shrink:0;font-family:Google Sans,sans-serif;color:var(--how-it-works-card-text-color)}.step-card__heading{width:max-content;max-width:none;margin:0;padding:0;position:relative;flex-shrink:0;font-family:Google Sans,sans-serif;font-size:20px;font-style:normal;font-weight:700;line-height:28px;letter-spacing:normal;text-align:left;color:var(--how-it-works-card-text-color);white-space:nowrap;word-break:normal;overflow-wrap:normal}.step-card__description{width:100%;min-width:0;margin:0;padding:0;position:relative;flex-shrink:0;font-family:Google Sans,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:normal;text-align:left;color:var(--how-it-works-card-text-color);white-space:normal;word-break:normal;overflow-wrap:break-word}}@media screen and (max-width:989px){.step-card__heading{width:100%;max-width:100%;white-space:normal;overflow-wrap:break-word}.step-card__description{white-space:normal;overflow-wrap:break-word}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/how-it-works.css.map */