.toy-how{position:relative;padding:6rem 0}.toy-how__inner{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:5rem;align-items:center;max-width:1240px;margin:0 auto;padding:0 2rem}.toy-how__eyebrow{display:inline-block;font-size:1rem;letter-spacing:.22em;color:#4cc49b;text-transform:uppercase;font-weight:500;padding:.4rem 1rem;border:1px solid rgba(76,196,155,.35);border-radius:999px;margin-bottom:1.4rem}.toy-how__heading{font-size:clamp(2.4rem,3.4vw,3.6rem);font-weight:600;line-height:1.1;letter-spacing:-.02em;margin:0 0 1.2rem;color:#fff}.toy-how__intro{font-size:clamp(1.35rem,1.4vw,1.5rem);color:#ffffffb3;line-height:1.6;margin:0 0 2.6rem;max-width:52ch}.toy-how__steps{list-style:none;margin:0;padding:0;display:grid;gap:1.2rem}.toy-how__step{display:flex;gap:1.4rem;align-items:flex-start;padding:1.4rem 1.6rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:1.2rem;transition:border-color .2s ease,background .2s ease}.toy-how__step:hover{background:#4cc49b0d;border-color:#4cc49b4d}.toy-how__step-number{flex-shrink:0;width:3.6rem;height:3.6rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#4cc49b;color:#0f0f14;font-weight:700;font-size:1.6rem;box-shadow:0 8px 20px #4cc49b40}.toy-how__step-title{margin:0 0 .3rem;font-size:1.6rem;font-weight:600;color:#fff;line-height:1.3}.toy-how__step-text{margin:0;font-size:1.35rem;line-height:1.5;color:#ffffffa6}.toy-how__media{position:relative}.toy-how__video{display:block;position:relative;width:100%;padding-bottom:var(--ratio-percent, 56.25%);border-radius:1.8rem;overflow:hidden;background:#0f0f14;box-shadow:0 30px 60px #00000073}.toy-how__video .toy-how__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;background:none;cursor:pointer}.toy-how__poster img{width:100%;height:100%;object-fit:cover;display:block}.toy-how__video iframe,.toy-how__video video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:#0f0f14}.toy-how__image{width:100%;height:auto;display:block;border-radius:1.8rem}@media(max-width:989px){.toy-how__inner{grid-template-columns:1fr;gap:3rem}.toy-how__media{order:-1;max-width:56rem;margin:0 auto;width:100%}}@media(max-width:749px){.toy-how{padding:4rem 0}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-toy-how-it-works.css.map */