.thq-how-section-wrapper,.thq-how-section{margin:0}.thq-how-section__surface{display:flex;min-height:var(--thq-how-min-height, 0);margin-top:var(--thq-how-margin-top, 0);margin-bottom:var(--thq-how-margin-bottom, 0);padding-top:var(--thq-how-padding-top, 96px);padding-bottom:var(--thq-how-padding-bottom, 96px);background:var(--thq-how-background, #fff)}.thq-how-section__inner{display:flex;width:100%;max-width:var(--thq-how-content-width, 1200px);margin:0 auto;padding-right:var(--thq-how-page-padding, 32px);padding-left:var(--thq-how-page-padding, 32px);flex-direction:column;justify-content:var(--thq-how-vertical-align, center)}.thq-how-section .thq-compare-font-heading{font-family:var(--thq-compare-heading-font, "Gotham Black", "Arial Black", Arial, sans-serif)}.thq-how-section .thq-compare-font-body{font-family:var(--thq-compare-body-font, "Gotham Rounded", Arial, sans-serif)}.thq-how-section .thq-compare-font-gotham_black{font-family:Gotham Black,Arial Black,Arial,sans-serif}.thq-how-section .thq-compare-font-gotham_rounded{font-family:Gotham Rounded,Arial,sans-serif}.thq-how-section .thq-compare-font-theme_1{font-family:var(--ft1, "Gotham Rounded", Arial, sans-serif)}.thq-how-section .thq-compare-font-theme_2{font-family:var(--ft2, "Gotham Rounded", Arial, sans-serif)}.thq-how-section .thq-compare-font-theme_3{font-family:var(--ft3, "Gotham Rounded", Arial, sans-serif)}.thq-how-section .thq-compare-font-inherit{font-family:inherit}.thq-how-section .thq-comparison-copy{width:100%;max-width:var(--thq-copy-max-width, 900px);margin-top:var(--thq-copy-margin-top, 0);margin-bottom:var(--thq-copy-margin-bottom, 0);color:var(--thq-copy-color, #242424);font-size:var(--thq-copy-size, 16px);font-weight:var(--thq-copy-weight, 400);line-height:var(--thq-copy-line-height, 1.4);letter-spacing:var(--thq-copy-letter-spacing, 0);text-align:var(--thq-copy-text-align, center);text-transform:var(--thq-copy-text-transform, none)}.thq-how-section .thq-comparison-copy--block-left{margin-right:auto;margin-left:0}.thq-how-section .thq-comparison-copy--block-center{margin-right:auto;margin-left:auto}.thq-how-section .thq-comparison-copy--block-right{margin-right:0;margin-left:auto}.thq-how-section .thq-comparison-copy--text>:first-child,.thq-how-step__text>:first-child{margin-top:0}.thq-how-section .thq-comparison-copy--text>:last-child,.thq-how-step__text>:last-child{margin-bottom:0}.thq-how-steps-block{width:var(--thq-how-steps-width, 100%);max-width:var(--thq-how-steps-max-width, 1200px);margin-top:var(--thq-how-steps-margin-top, 48px);margin-bottom:var(--thq-how-steps-margin-bottom, 0)}.thq-how-steps-block--left{margin-right:auto;margin-left:0}.thq-how-steps-block--center{margin-right:auto;margin-left:auto}.thq-how-steps-block--right{margin-right:0;margin-left:auto}.thq-how-steps-grid{display:grid;grid-template-columns:repeat(var(--thq-how-desktop-columns, 3),minmax(0,1fr));column-gap:var(--thq-how-column-gap, 48px);row-gap:var(--thq-how-row-gap, 40px);justify-items:var(--thq-how-grid-horizontal, stretch);align-items:var(--thq-how-grid-vertical, start);counter-reset:thq-how-step}.thq-how-step-theme-block{min-width:0}.thq-how-step{box-sizing:border-box;display:flex;width:100%;min-width:0;flex-direction:column;counter-increment:thq-how-step}.thq-how-step__image-wrap{display:flex;width:100%;margin-top:var(--thq-how-step-image-margin-top, 0);margin-bottom:var(--thq-how-step-image-margin-bottom, 20px);justify-content:var(--thq-how-step-image-align, center)}.thq-how-step__image{box-sizing:border-box;display:flex;width:var(--thq-how-step-image-size, 140px);height:var(--thq-how-step-image-size, 140px);flex:0 0 auto;align-items:center;justify-content:center;padding:var(--thq-how-step-image-padding, 0);overflow:hidden;border:var(--thq-how-step-image-border-width, 2px) solid var(--thq-how-step-image-border-color, #CCE9FF);background:var(--thq-how-step-image-bg, #E6F5FF)}.thq-how-step--image-circle .thq-how-step__image{border-radius:50%}.thq-how-step--image-rounded .thq-how-step__image{border-radius:var(--thq-how-step-image-radius, 20px)}.thq-how-step--image-square .thq-how-step__image{border-radius:0}.thq-how-step__image img{display:block;width:100%;height:100%;object-fit:var(--thq-how-step-image-fit, cover);object-position:var(--thq-how-step-image-position, center)}.thq-how-step__placeholder{padding:8px;color:var(--thq-how-step-title-color, #242424);font-family:var(--thq-compare-heading-font, "Gotham Black", "Arial Black", Arial, sans-serif);font-size:calc(var(--thq-how-step-title-size, 16px) * 1.3);font-weight:700;line-height:1.1;text-align:center}.thq-how-step__title{box-sizing:border-box;width:100%;margin-top:var(--thq-how-step-title-margin-top, 0);margin-bottom:var(--thq-how-step-title-margin-bottom, 4px);padding:var(--thq-how-step-title-padding-y, 0) var(--thq-how-step-title-padding-x, 0);color:var(--thq-how-step-title-color, #242424);font-size:var(--thq-how-step-title-size, 16px);font-weight:var(--thq-how-step-title-weight, 700);font-style:var(--thq-how-step-title-style, normal);line-height:var(--thq-how-step-title-line, 1.2);letter-spacing:var(--thq-how-step-title-spacing, 0);text-align:var(--thq-how-step-title-align, center);text-transform:var(--thq-how-step-title-transform, none)}.thq-how-steps-block--numbered .thq-how-step__title:before{content:counter(thq-how-step) ". ";color:var(--thq-how-step-number-color, currentColor)}.thq-how-step__text{box-sizing:border-box;width:100%;margin-top:var(--thq-how-step-body-margin-top, 0);margin-bottom:var(--thq-how-step-body-margin-bottom, 0);padding:var(--thq-how-step-body-padding-y, 0) var(--thq-how-step-body-padding-x, 0);color:var(--thq-how-step-body-color, #8A8A8A);font-size:var(--thq-how-step-body-size, 14px);font-weight:var(--thq-how-step-body-weight, 400);font-style:var(--thq-how-step-body-style, normal);line-height:var(--thq-how-step-body-line, 1.5);letter-spacing:var(--thq-how-step-body-spacing, 0);text-align:var(--thq-how-step-body-align, center)}.thq-how-step__text a{color:currentColor;text-decoration:underline}.thq-how-step-title-font-heading .thq-how-step__title{font-family:var(--thq-compare-heading-font, "Gotham Black", "Arial Black", Arial, sans-serif)}.thq-how-step-title-font-body .thq-how-step__title{font-family:var(--thq-compare-body-font, "Gotham Rounded", Arial, sans-serif)}.thq-how-step-title-font-gotham_black .thq-how-step__title{font-family:Gotham Black,Arial Black,Arial,sans-serif}.thq-how-step-title-font-gotham_rounded .thq-how-step__title{font-family:Gotham Rounded,Arial,sans-serif}.thq-how-step-title-font-theme_1 .thq-how-step__title{font-family:var(--ft1, "Gotham Rounded", Arial, sans-serif)}.thq-how-step-title-font-theme_2 .thq-how-step__title{font-family:var(--ft2, "Gotham Rounded", Arial, sans-serif)}.thq-how-step-title-font-theme_3 .thq-how-step__title{font-family:var(--ft3, "Gotham Rounded", Arial, sans-serif)}.thq-how-step-title-font-inherit .thq-how-step__title{font-family:inherit}.thq-how-step-body-font-heading .thq-how-step__text{font-family:var(--thq-compare-heading-font, "Gotham Black", "Arial Black", Arial, sans-serif)}.thq-how-step-body-font-body .thq-how-step__text{font-family:var(--thq-compare-body-font, "Gotham Rounded", Arial, sans-serif)}.thq-how-step-body-font-gotham_black .thq-how-step__text{font-family:Gotham Black,Arial Black,Arial,sans-serif}.thq-how-step-body-font-gotham_rounded .thq-how-step__text{font-family:Gotham Rounded,Arial,sans-serif}.thq-how-step-body-font-theme_1 .thq-how-step__text{font-family:var(--ft1, "Gotham Rounded", Arial, sans-serif)}.thq-how-step-body-font-theme_2 .thq-how-step__text{font-family:var(--ft2, "Gotham Rounded", Arial, sans-serif)}.thq-how-step-body-font-theme_3 .thq-how-step__text{font-family:var(--ft3, "Gotham Rounded", Arial, sans-serif)}.thq-how-step-body-font-inherit .thq-how-step__text{font-family:inherit}@media(max-width:749px){.thq-how-section__surface{min-height:var(--thq-how-mobile-min-height, 0);margin-top:var(--thq-how-mobile-margin-top, 0);margin-bottom:var(--thq-how-mobile-margin-bottom, 0);padding-top:var(--thq-how-mobile-padding-top, 64px);padding-bottom:var(--thq-how-mobile-padding-bottom, 64px)}.thq-how-section__inner{padding-right:var(--thq-how-mobile-page-padding, 20px);padding-left:var(--thq-how-mobile-page-padding, 20px)}.thq-how-steps-block{margin-top:var(--thq-how-steps-mobile-margin-top, 36px);margin-bottom:var(--thq-how-steps-mobile-margin-bottom, 0)}.thq-how-steps-grid{grid-template-columns:repeat(var(--thq-how-mobile-columns, 1),minmax(0,1fr));column-gap:var(--thq-how-mobile-column-gap, 16px);row-gap:var(--thq-how-mobile-row-gap, 32px)}.thq-how-step__image{width:var(--thq-how-step-mobile-image-size, 120px);height:var(--thq-how-step-mobile-image-size, 120px)}.thq-how-step__placeholder{font-size:calc(var(--thq-how-step-mobile-title-size, 16px) * 1.2)}.thq-how-step__title{font-size:var(--thq-how-step-mobile-title-size, 16px);line-height:var(--thq-how-step-mobile-title-line, 1.2)}.thq-how-step__text{font-size:var(--thq-how-step-mobile-body-size, 14px);line-height:var(--thq-how-step-mobile-body-line, 1.5)}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/transformhq-how-to-use.css.map */