.k-ts{--k-ts-soft: var(--k-muted)}.k-ts.k-section--scent,.k-ts.k-section--tone{background-image:radial-gradient(120% 70% at 12% 0%,#ffffff8c,#fff0 62%)}.k-ts.k-section--scent{--k-ts-soft: rgb(20 20 20 / .74)}.k-ts.k-section--scent .k-lede,.k-ts.k-section--scent .k-eyebrow{color:var(--k-ts-soft)}.k-ts.k-section--black{--k-ts-soft: rgb(255 255 255 / .72)}.k-ts__grid{display:grid;gap:20px;grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "media" "body"}.k-ts__head{grid-area:head;display:grid;gap:10px}.k-ts__media-wrap{grid-area:media}.k-ts__body{grid-area:body;display:flex;flex-direction:column;gap:18px;min-width:0}.k-ts__media{--ratio: 5 / 4}.k-ts__media>img{object-position:var(--k-ts-pos, 50% 50%)}.k-ts__steps{margin:0;padding:0;list-style:none;border:1px solid var(--k-line);border-radius:var(--k-radius);background:var(--k-white);color:var(--k-ink)}.k-ts__step{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:12px;align-items:start;padding:14px 16px}.k-ts__step+.k-ts__step{border-top:1px solid var(--k-line)}.k-ts__num{font-family:var(--k-font-display);font-size:30px;line-height:.9;font-variant-numeric:lining-nums;text-align:center}.k-ts__step-title{font-weight:600;line-height:1.3}.k-ts__step-text{margin-top:2px;color:var(--k-muted);font-size:15px;line-height:1.45}.k-ts__guarantee{display:flex;align-items:center;gap:12px;font-size:15px;line-height:1.45}.k-ts__guarantee strong{font-weight:600}.k-ts__guarantee-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:var(--k-white);color:var(--k-ink)}.k-ts__tip{display:flex;align-items:flex-start;gap:8px;color:var(--k-ts-soft);font-size:13px;line-height:1.45}.k-ts__tip .k-icon{margin-top:1px}.k-section--black .k-ts__steps{border-color:transparent}.k-section--black .k-ts__guarantee-icon{background:#ffffff1f;color:var(--k-white)}@media(min-width:750px){.k-ts__btn{align-self:flex-start}}@media(min-width:990px){.k-ts__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:1fr auto auto 1fr;grid-template-areas:"media ." "media head" "media body" "media .";column-gap:72px;row-gap:24px}.k-ts__head,.k-ts__body{max-width:480px}.k-ts__media{--ratio: 1 / 1}.k-ts__step{padding:16px 20px;column-gap:16px}.k-ts__step-text{font-size:var(--k-body)}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-tester-steps.css.map */