.tp-how .how__grid{align-items:center;gap:clamp(30px,6vw,92px)}.tp-how .how__intro{position:static}.tp-how__steps{display:grid;gap:12px;position:relative;padding-bottom:12px}.tp-how .tp-step{font:inherit;color:var(--ink);text-align:left;border:1px solid #dceae8;background:var(--white,#fff);border-radius:14px;padding:18px 22px;display:grid;grid-template-columns:60px minmax(0,1fr) 25px;align-items:center;gap:20px;width:100%;cursor:pointer;position:relative;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background .25s ease}.tp-how .tp-step:hover,.tp-how .tp-step:focus-visible{transform:translateY(-3px);border-color:var(--tp-how-icon);box-shadow:0 10px 28px #123d4717}.tp-how .tp-step.is-current{border-color:var(--tp-how-icon);background:#f5fffc;box-shadow:inset 3px 0 0 var(--tp-how-icon)}.tp-step__icon{width:60px;height:60px;border-radius:14px;display:grid;place-items:center;background:var(--tp-how-accent);color:var(--tp-how-icon);transition:transform .3s ease,background .3s ease}.tp-step.is-current .tp-step__icon{transform:scale(1.04)}.tp-line-icon{display:block;width:32px;height:32px}.tp-step__text{display:flex;flex-direction:column;gap:5px;min-width:0}.tp-step__label{font-size:10px;letter-spacing:.13em;font-weight:800;color:var(--blue,#008fd6)}.tp-step__title{font-family:var(--tp-font-heading,inherit);font-size:var(--tp-h3,21px);line-height:1.28;font-weight:700}.tp-step__description{font-size:var(--tp-card-body,15px);line-height:1.55;color:#627872}.tp-step__arrow{font-size:21px;color:#0b7a91;opacity:.5;transition:opacity .2s ease,transform .2s ease}.tp-step.is-current .tp-step__arrow,.tp-step:hover .tp-step__arrow{opacity:1;transform:translate(2px,-2px)}.tp-how__progress{height:4px;background:#dcebe7;border-radius:30px;overflow:hidden;margin-top:3px}.tp-how__progress span{display:block;height:100%;width:25%;background:var(--tp-how-icon);border-radius:30px;transition:width .35s ease}.tp-why .why__head{margin:0 auto 34px;max-width:760px}.tp-why .why__head p{color:#6c817c;margin-left:auto;margin-right:auto}.tp-why__grid--center{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:22px}.tp-why__grid--center>.tp-why__card{flex:1 1 240px;max-width:390px;min-width:0}.tp-why .tp-why__card{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:transparent;border:1px solid #e0eae7;padding:35px 26px;border-radius:14px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.tp-why .tp-why__icon{width:64px;height:64px;border-radius:18px;background:var(--tp-why-icon-bg);color:var(--tp-why-icon-color);margin:0 auto 22px}.tp-why .tp-why__card h3{font-size:var(--tp-h3,21px);line-height:1.35}.tp-why .tp-why__card p{max-width:290px;line-height:1.6;margin:0 auto;color:#69807b}.tp-why.tp-has-motion .tp-why__card:hover{transform:translateY(-6px);border-color:#a4dcd5;box-shadow:0 12px 25px #0c3e5014}.tp-why.tp-has-motion .tp-why__card:hover .tp-why__icon{transform:rotate(-4deg)}.tp-why .tp-why__icon{transition:transform .3s ease}.tp-why .tp-why__note{background:transparent;color:var(--ink);border-top:1px solid #dce9e4;border-radius:0;padding:27px 0 0;margin-top:34px;box-shadow:none}.tp-why .tp-why__note h3{font-size:clamp(19px,2vw,26px);margin:0 0 6px}.tp-why .tp-why__note p{color:#687c77}.tp-why .tp-why__note .button{background:var(--forest);color:#fff}@media(max-width:850px){.tp-how .how__grid{grid-template-columns:1fr;gap:28px}.tp-why__grid--center>.tp-why__card{flex-basis:calc(50% - 11px)}}@media(max-width:600px){.tp-how .tp-step{grid-template-columns:48px minmax(0,1fr);gap:13px;padding:15px}.tp-step__icon{width:48px;height:48px}.tp-step__icon svg{width:26px;height:26px}.tp-step__arrow{display:none}.tp-step__title{font-size:17px}.tp-step__description{font-size:13px}.tp-why__grid--center>.tp-why__card{flex-basis:100%;max-width:none}.tp-why .tp-why__card{padding:25px}.tp-why .tp-why__note{gap:22px;align-items:flex-start}}@media(prefers-reduced-motion:reduce){.tp-how .tp-step,.tp-step__icon,.tp-step__arrow,.tp-how__progress span,.tp-why .tp-why__card,.tp-why .tp-why__icon{transition:none!important;animation:none!important}.tp-how .tp-step:hover,.tp-why.tp-has-motion .tp-why__card:hover{transform:none}}.product-gallery__thumbs a{display:block;border:2px solid transparent;border-radius:10px;overflow:hidden;transition:border-color .18s ease,transform .18s ease}.product-gallery__thumbs a.is-selected,.product-gallery__thumbs a:hover,.product-gallery__thumbs a:focus-visible{border-color:var(--blue);transform:translateY(-2px)}.product-summary .product-summary__price{color:var(--forest)}.product-form-box{border:1px solid #e2efed;box-shadow:0 10px 26px #11434d0a}.product-form .form-field select,.product-form .form-field input{accent-color:var(--blue)}.product-form .button[type=submit]{width:100%}.product-meta-points{border-top:1px solid #e3ece8;padding-top:17px}.product-secondary__inner{background:#fff;border-radius:14px}.product-card{transition:transform .2s ease,box-shadow .2s ease}.product-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #08425a12}.tp-cart-note{margin:23px 0;padding:22px;border:1px solid #dceae7;background:#fff;border-radius:12px;display:grid;gap:8px}.tp-cart-note label{font-size:14px;font-weight:750;color:var(--ink)}.tp-cart-note textarea{resize:vertical;min-height:90px;border:1px solid #cadbd8;border-radius:8px;background:#fbfdfd;padding:12px 14px;width:100%;font:inherit}.tp-cart-note small{font-size:12px;color:#71827f;line-height:1.5}@media(prefers-reduced-motion:reduce){.product-gallery__thumbs a,.product-card{transition:none!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/thermaprint-interactions.css.map */
