.jh-section.jh-how-art{overflow:hidden}.jh-how-art .jh-container{position:relative;z-index:1}.jh-how-art .jh-how__title-wrap{position:relative;display:table;max-width:100%;margin:0 auto 22px;padding-inline:clamp(35px,5vw,70px)}.jh-how-art .jh-how__title-wrap>.jh-section-title{margin:0;text-align:center}.jh-how-art .jh-how__heading-spark{position:absolute;z-index:2;width:var(--how-heading-spark-size,28px);height:var(--how-heading-spark-size,28px);color:var(--how-leaf-color,#5e6847);pointer-events:none;transform:translate(-50%,-50%)}.jh-how-art .jh-how__heading-spark--left{left:var(--how-lx,1%);top:var(--how-ly,52%)}.jh-how-art .jh-how__heading-spark--right{left:var(--how-rx,99%);top:var(--how-ry,52%);transform:translate(-50%,-50%) rotateY(180deg)}.jh-how-art .jh-how__heading-spark svg{display:block;height:100%;width:100%}.jh-how-art .jh-cards{position:relative;z-index:1;align-items:stretch}.jh-how-art .jh-card.jh-step{position:relative;overflow:visible;background:var(--jh-card);border:1px solid var(--jh-border)}.jh-how-art.jh-how-art--shadow .jh-card.jh-step{box-shadow:0 10px var(--how-shadow-blur,20px) color-mix(in srgb,var(--how-shadow,#6b422e) var(--how-shadow-opacity,8%),transparent)}.jh-how-art .jh-step__number{flex-shrink:0}.jh-how-art .jh-step__icon.jh-how__icon-wrap{position:relative;width:var(--how-icon-m,72px);height:var(--how-icon-m,72px);margin:0;display:grid;place-items:center;flex:none;isolation:isolate;overflow:visible}.jh-how-art .jh-how__illustrated-icon{position:relative;z-index:2;display:grid;place-items:center;width:100%;height:100%}.jh-how-art .jh-how__illustrated-icon>svg,.jh-how-art .jh-how__illustrated-icon>img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain}.jh-how-art .jh-how__icon-rays{position:absolute;z-index:1;top:var(--how-rays-y,50%);left:var(--how-rays-x,50%);width:var(--how-rays-width,105px);aspect-ratio:1;transform:translate(-50%,-50%) rotate(var(--how-rays-rotation,0deg));color:var(--how-rays-color,#F9A838);pointer-events:none}.jh-how-art .jh-how__icon-rays svg{width:100%;height:100%;display:block}.jh-how-art .jh-how__confetti{position:absolute;z-index:4;top:var(--art-y,50%);left:var(--art-x,50%);width:var(--art-width,45px);height:auto;display:block;line-height:0;transform:translate(-50%,-50%) rotate(var(--art-rotate,0deg));opacity:var(--art-opacity,1);pointer-events:none}.jh-how-art .jh-how__confetti>svg,.jh-how-art .jh-how__confetti>img{width:100%;height:auto;display:block}.jh-how-art .jh-how__drag-readout{display:none;position:absolute;top:100%;left:50%;min-width:170px;max-width:245px;line-height:1.3;text-align:center;transform:translate(-50%);background:#00204f;color:#fff;font:500 11px/1.3 Arial,sans-serif;padding:7px;border-radius:6px;margin-top:8px;white-space:normal;pointer-events:none}.jh-how-art.jh-how-art--editor [data-jh-how-confetti]{pointer-events:auto;cursor:grab;touch-action:none}.jh-how-art--editor [data-jh-how-confetti]:focus-visible{outline:2px dashed #5E6847;outline-offset:3px}.jh-how-art [data-jh-how-confetti].is-preview-moving{z-index:20;outline:1px dashed #5E6847;outline-offset:4px}.jh-how-art [data-jh-how-confetti].is-preview-moving .jh-how__drag-readout{display:block}@media(min-width:750px){.jh-how-art .jh-card.jh-step{padding:24px 24px 26px;min-height:295px}.jh-how-art .jh-step__number{top:19px;left:19px}.jh-how-art .jh-step h3{min-height:38px;margin:0 0 9px}.jh-how-art .jh-step__icon.jh-how__icon-wrap{grid-row:auto;align-self:center;width:var(--how-icon-d,94px);height:var(--how-icon-d,94px);margin:1px 0 12px}.jh-how-art .jh-step .jh-richtext{max-width:290px;margin-inline:auto}.jh-how-art .jh-how__confetti--hide-desktop{display:none!important}}@media(max-width:749px){.jh-how-art .jh-how__title-wrap{margin-bottom:22px;padding-inline:36px}.jh-how-art .jh-card.jh-step{padding:18px 16px;grid-template-columns:44px minmax(0,1fr) minmax(60px,25%);gap:8px 10px;min-height:143px}.jh-how-art .jh-step__number{width:39px;height:39px;font-size:21px;grid-row:1 / 3}.jh-how-art .jh-step h3{grid-column:2 / 4;grid-row:1;font-size:1.07em;margin:7px 0 6px}.jh-how-art .jh-step .jh-richtext{grid-column:2;grid-row:2;font-size:14px;line-height:1.45}.jh-how-art .jh-step__icon.jh-how__icon-wrap{grid-column:3;grid-row:2;align-self:center;justify-self:center;max-width:100%}.jh-how-art .jh-how__confetti{left:var(--art-mx,50%);top:var(--art-my,50%);width:var(--art-mobile-width,35px)}.jh-how-art .jh-how__confetti--hide-mobile{display:none!important}.jh-how-art .jh-how__icon-rays{width:min(var(--how-rays-width,105px),105px)}}@media(max-width:374px){.jh-how-art .jh-how__title-wrap{padding-inline:27px}.jh-how-art .jh-card.jh-step{padding:15px 12px;grid-template-columns:34px minmax(0,1fr) 52px;gap:8px}.jh-how-art .jh-step__number{width:33px;height:33px;font-size:19px}.jh-how-art .jh-step__icon.jh-how__icon-wrap{width:55px;height:55px}.jh-how-art .jh-step .jh-richtext{font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/jh-how-enhancements.css.map */