yy-how-to-use{display:block}.yy-htu{padding:var(--yy-htu-pt-m) var(--yy-htu-side-m) var(--yy-htu-pb-m)}.yy-htu__inner{display:flex;flex-direction:column;gap:var(--yy-htu-gap-m);margin:0 auto}.yy-htu__grid{display:flex;flex-direction:column;gap:var(--yy-htu-gap-m)}.yy-htu__media{position:relative;aspect-ratio:var(--yy-htu-aspect-m);overflow:hidden;border-radius:var(--yy-htu-img-r-m);corner-shape:var(--yy-corner-shape, round);background:var(--yy-gray-bg)}.yy-htu__layer{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .35s ease}.yy-htu__layer.is-active{opacity:1}.yy-htu__img{display:block;width:100%;height:100%;object-fit:cover}.yy-htu__img--d{display:none}.yy-htu__placeholder{fill:#0000002e}.yy-htu__steps{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.yy-htu__step{display:grid;grid-template-columns:var(--yy-htu-pill-w-m) minmax(0,1fr);gap:var(--yy-htu-pill-gap-m);cursor:pointer}.yy-htu__rail{display:flex;flex-direction:column;align-items:center}.yy-htu__pill{display:flex;flex:none;align-items:center;justify-content:center;width:var(--yy-htu-pill-w-m);height:var(--yy-htu-pill-h-m);padding:0;border:2px solid var(--yy-htu-pill-border);border-radius:var(--yy-radius);corner-shape:var(--yy-corner-shape, round);background:var(--yy-white);color:var(--yy-black);font-size:var(--yy-htu-pill-size-m);font-weight:var(--yy-htu-pill-w8);line-height:1;letter-spacing:.04em;cursor:pointer}.yy-htu__step.is-active .yy-htu__pill{border-color:var(--yy-htu-on-bg);background:var(--yy-htu-on-bg);color:var(--yy-htu-on-fg)}.yy-htu__pill:focus-visible{outline:2px solid var(--yy-black);outline-offset:2px}.yy-htu__line{flex:1;min-height:20px;margin:6px 0;border-left:2px dashed var(--yy-htu-line)}.yy-htu__step.is-last .yy-htu__line{border-left-color:transparent}.yy-htu__text{display:flex;flex-direction:column;gap:6px;padding:4px 0 var(--yy-htu-step-gap-m)}.yy-htu__step.is-last .yy-htu__text{padding-bottom:0}.yy-htu__title{--yy-lh: var(--yy-htu-title-lh);margin:0;font-size:var(--yy-htu-title-m)}.yy-htu__body{margin:0;max-width:520px;color:var(--yy-gray-700);font-size:var(--yy-htu-body-m);font-weight:var(--yy-htu-body-w8);line-height:1.55}.yy-htu__empty{padding:14px 16px;border:1.5px dashed var(--yy-gray-300);border-radius:8px;color:var(--yy-gray-500);font-size:1.3rem}@media screen and (min-width:750px){.yy-htu{padding:var(--yy-htu-pt-d) var(--yy-htu-side-d) var(--yy-htu-pb-d)}.yy-htu__inner{gap:var(--yy-htu-head-gap-d)}.yy-htu__media{border-radius:var(--yy-htu-img-r-d)}.yy-htu__img--d{display:block}.yy-htu__img--m{display:none}.yy-htu__step{grid-template-columns:var(--yy-htu-pill-w-d) minmax(0,1fr);gap:var(--yy-htu-pill-gap-d)}.yy-htu__pill{width:var(--yy-htu-pill-w-d);height:var(--yy-htu-pill-h-d);font-size:var(--yy-htu-pill-size-d)}.yy-htu__line{min-height:40px;margin:8px 0}.yy-htu__text{gap:14px;padding:2px 0 var(--yy-htu-step-gap-d)}.yy-htu__title{font-size:var(--yy-htu-title-d)}.yy-htu__body{font-size:var(--yy-htu-body-d);line-height:1.6}}@media screen and (min-width:990px){.yy-htu__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:var(--yy-htu-col-gap-d)}.yy-htu__steps{grid-column:1;grid-row:1}.yy-htu__media{grid-column:2;grid-row:1;aspect-ratio:auto;height:auto}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/yy-how-to-use.css.map */