.dizz-htu{padding-top:clamp(0px,var(--dizz-htu-padding-top, 24px),72px);padding-bottom:clamp(0px,var(--dizz-htu-padding-bottom, 24px),72px);width:100%;margin:0;background:rgb(var(--color-background, 255 255 255))}.dizz-htu__inner{display:grid;gap:12px}.dizz-htu__micro-heading{margin:0;font-size:1rem;letter-spacing:.14em;line-height:1;text-transform:uppercase;color:#1d1d1bbd}.dizz-htu__main-heading{margin:0;max-width:none;font-size:clamp(2.4rem,4.4vw,4.4rem);line-height:1.02;font-weight:var(--font-heading-weight);letter-spacing:0;color:#1d1c1a}.dizz-htu__main-heading :is(p,h1,h2,h3,h4,h5,h6){margin:0;font-weight:inherit;line-height:inherit;color:inherit}.dizz-htu__main-heading strong,.dizz-htu__main-heading b{font-weight:700}.dizz-htu__main-heading *{color:inherit}.dizz-htu__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}.dizz-htu__card{border:1px solid rgba(29,29,27,.12);border-radius:16px;padding:12px;background-color:rgb(var(--color-background, 255 255 255));background-image:linear-gradient(to right,rgba(var(--color-foreground),.06) 1px,transparent 1px),linear-gradient(to bottom,rgba(var(--color-foreground),.06) 1px,transparent 1px);background-size:18px 18px;background-position:top left;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"copy media";align-items:center;gap:12px;opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease}.dizz-htu__card.is-visible{opacity:1;transform:translateY(0)}@media screen and (max-width:749px){.dizz-htu__card{background-size:14px 14px}}.dizz-htu__media{width:100%;max-width:260px;height:auto;min-height:0;aspect-ratio:1 / 1;margin:0;display:flex;align-items:center;justify-content:center;grid-area:media;overflow:hidden;align-self:center;background:transparent!important}.dizz-htu__media img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;display:block;background:transparent!important}.dizz-htu__copy-wrap{display:grid;align-content:center;gap:6px;grid-area:copy;align-self:center;padding-right:8px;padding-top:0}.dizz-htu__step-number{margin:0;font-size:1.3rem;letter-spacing:.08em;text-transform:uppercase;color:#1d1d1ba8}.dizz-htu__step-headline,.dizz-htu__step-title{margin:0;font-size:clamp(1.86rem,2.3vw,2.43rem);line-height:1.2;color:#1d1d1b}.dizz-htu__step-headline p{margin:0}.dizz-htu__step-description{margin:0;font-size:1.43rem;line-height:1.45;color:#1d1d1bc7;align-self:start;padding-top:2px}@media screen and (max-width:1199px){.dizz-htu__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:989px){.dizz-htu__main-heading{max-width:none}.dizz-htu__main-heading{font-size:clamp(2.8rem,5vw,3.8rem)}.dizz-htu__grid{grid-template-columns:minmax(0,1fr);gap:10px}.dizz-htu__card{grid-template-columns:minmax(0,1fr) minmax(112px,148px);gap:14px;padding:14px 16px}.dizz-htu__media{width:132px;max-width:132px;height:132px;max-height:132px;aspect-ratio:1 / 1;overflow:hidden}.dizz-htu__step-headline,.dizz-htu__step-title{font-size:1.9rem;line-height:1.12}.dizz-htu__step-description{font-size:1.25rem;line-height:1.5}.dizz-htu__media img{width:auto;height:auto;max-width:88%;max-height:88%;object-fit:contain;object-position:center}}@media screen and (min-width:990px)and (max-width:1199px){.dizz-htu__card{grid-template-columns:minmax(0,1fr) 168px}.dizz-htu__media{width:168px;max-width:168px;height:168px;max-height:168px;aspect-ratio:1 / 1;overflow:hidden}.dizz-htu__media img{width:auto;height:auto;max-width:88%;max-height:88%;object-fit:contain;object-position:center}}@media screen and (max-width:749px){.dizz-htu{padding-top:clamp(0px,var(--dizz-htu-padding-top, 24px),36px);padding-bottom:clamp(0px,var(--dizz-htu-padding-bottom, 24px),36px)}.dizz-htu__micro-heading{font-size:18px;line-height:1.2;letter-spacing:0}.dizz-htu__main-heading{font-size:24px;line-height:1.1}.dizz-htu__grid{grid-template-columns:minmax(0,1fr);gap:8px}.dizz-htu__card{grid-template-columns:minmax(0,1fr) minmax(90px,108px);grid-template-rows:auto;grid-template-areas:"copy media";align-items:center;gap:10px;padding:10px}.dizz-htu__media{width:100%;max-width:108px;height:108px;aspect-ratio:1 / 1}.dizz-htu__step-number{font-size:.8rem;line-height:1}.dizz-htu__step-headline,.dizz-htu__step-title{font-size:20px;line-height:1.1}.dizz-htu__step-description{font-size:13px;line-height:1.6;padding-top:0;text-align:justify;text-justify:auto;word-spacing:normal}}@media(prefers-reduced-motion:reduce){.dizz-htu__card{opacity:1;transform:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/dizz-how-to-use-scroll.css.map */