.htu{max-width:calc(var(--htu-width) + var(--page-margin) * 2)}.htu--full{max-width:none;padding-inline:var(--page-margin)}.htu__header:empty{display:none}.htu__grid{display:grid;max-width:var(--htu-cards-width);grid-template-columns:repeat(var(--htu-columns),minmax(0,1fr));gap:24px;margin-inline:auto;counter-reset:htu}.htu-card{display:flex;min-width:0;flex-direction:column;gap:16px;padding:var(--htu-card-padding, var(--card-padding));border:var(--htu-card-border, var(--card-border-width) var(--card-border-style) var(--card-border));border-radius:var(--htu-card-radius, var(--card-radius));background:var(--htu-card-background, var(--card-background));box-shadow:var(--htu-card-shadow, var(--card-shadow));counter-increment:htu}.htu-card__media{flex:none}.htu-card__frame{overflow:hidden;aspect-ratio:var(--htu-shape);border:var(--htu-media-border, 0);border-radius:var(--htu-media-radius);background:var(--htu-media-background, transparent)}.htu-card__frame :is(img,video){display:block;width:100%;height:100%;object-fit:var(--htu-fit)}.htu-card__frame--mobile,.htu-card__media[data-mobile-only]{display:none}@media(min-width:750px){.htu[data-media-desktop=left] .htu-card,.htu[data-media-desktop=right] .htu-card{flex-direction:row;align-items:flex-start}.htu[data-media-desktop=right] .htu-card{flex-direction:row-reverse}.htu:is([data-media-desktop=left],[data-media-desktop=right]) .htu-card__media{width:var(--htu-media-width)}}.htu-card__body{display:flex;min-width:0;flex:1;flex-direction:column;gap:8px}.htu-card__head{display:flex;align-items:center;gap:10px}.htu-card__icon{--icon-size: var(--htu-icon-size);display:inline-flex;flex:none;color:var(--htu-icon-color)}.htu-card__title{flex:1;margin:0;color:var(--htu-title-color);font-family:var(--htu-title-font);font-size:var(--htu-title-size);line-height:1.2}.htu-card__text{color:var(--htu-text-color);font-size:var(--htu-text-size)}.htu-card__number{display:none;width:var(--htu-number-size);height:var(--htu-number-size);flex:none;place-items:center;margin-left:auto;overflow:hidden;border:var(--htu-number-border);border-radius:var(--htu-number-radius);background:var(--htu-number-background);color:var(--htu-number-color);font-size:var(--htu-number-text);font-weight:700;line-height:1}.htu[data-numbers=true] .htu-card__number{display:grid}.htu-card__number:empty:before{content:counter(htu)}.htu-card__number--image{border:0;background:none}.htu-card__number--image img{width:100%;height:100%;object-fit:contain}@keyframes htu-reveal{0%{opacity:0;transform:translateY(var(--reveal-distance))}}.htu[data-reveal]:not(.is-revealed) .htu-card{opacity:0}.htu[data-reveal].is-revealed .htu-card{animation:htu-reveal var(--reveal-duration) var(--animation-easing) backwards;animation-delay:calc(var(--i, 0) * var(--reveal-stagger))}@media(max-width:749px){.htu__grid{grid-template-columns:minmax(0,1fr);gap:16px}.htu-card{padding:var(--htu-card-padding-mobile, var(--card-padding-mobile))}.htu[data-media-mobile=left] .htu-card{flex-direction:row;align-items:flex-start}.htu[data-media-mobile=left] .htu-card__media{width:var(--htu-media-width-mobile)}.htu-card__media[data-mobile-media] .htu-card__frame--desktop{display:none}.htu-card__media[data-mobile-media] .htu-card__frame--mobile,.htu-card__media[data-mobile-only]{display:block}.htu-card__icon{--icon-size: var(--htu-icon-size-mobile)}.htu-card__title{font-size:var(--htu-title-size-mobile)}.htu-card__text{font-size:var(--htu-text-size-mobile)}.htu-card__number{width:var(--htu-number-size-mobile);height:var(--htu-number-size-mobile);font-size:var(--htu-number-text-mobile)}}@media(prefers-reduced-motion:reduce){.htu[data-reveal] .htu-card{opacity:1;animation:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/how-to-use.css.map */