green24-propagation-keim.g24-pk{--pk-ink:#203d2d;--pk-green:#315d39;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:center;position:relative;isolation:isolate;overflow:hidden;background:#fffefb;border-block:1px solid #dce4d5;color:var(--pk-ink);padding:20px 24px;font:inherit;text-align:left}.g24-pk *{box-sizing:border-box}.g24-pk [hidden]{display:none!important}.g24-pk .g24-pk__controls[hidden]{display:flex!important;visibility:hidden}.g24-pk__copy{min-width:0;position:relative;z-index:1}.g24-pk__eyebrow{margin:0 0 4px;font-size:12px;line-height:1.5;letter-spacing:.07em;text-transform:uppercase;color:#496740}.g24-pk__title{margin:0 0 6px;font-size:clamp(19px,2.2vw,25px);font-weight:600;line-height:1.3}.g24-pk__intro{max-width:56ch;margin:0;font-size:15px;line-height:1.55}.g24-pk__controls{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:12px;min-height:44px}.g24-pk__controls button{font:inherit;font-size:13px;line-height:1.3;cursor:pointer;min-height:44px;padding:9px 14px;border-radius:5px;border:1px solid var(--pk-green);text-align:center}.g24-pk__greet{background:var(--pk-green);color:#fffefb}.g24-pk__greet:hover{background:#203d2d}.g24-pk__pause{background:#fffefb;color:var(--pk-ink)}.g24-pk__pause{min-width:166px}.g24-pk__pause:hover{background:#f0f4e8}.g24-pk button:focus-visible{outline:3px solid #203d2d;outline-offset:3px}.g24-pk__status{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.g24-pk__scene{position:relative;width:320px;height:176px;max-width:100%;justify-self:end;pointer-events:none;-webkit-user-select:none;user-select:none;overflow:hidden;contain:layout style paint}.g24-pk__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:320px;height:176px}.g24-pk__sprite{display:block;position:absolute;left:54px;bottom:23px;width:120px;height:130px;background-repeat:no-repeat;background-size:960px 1430px;transform-origin:50% 100%;opacity:0}.g24-pk[data-ready=true] .g24-pk__sprite{opacity:1}.g24-pk__pot,.g24-pk__can,.g24-pk__water,.g24-pk__seed-hand,.g24-pk__seeds,.g24-pk__notice{opacity:0}.g24-pk[data-action=sow] .g24-pk__seed-hand,.g24-pk[data-action=sow] .g24-pk__seeds,.g24-pk[data-action=water] .g24-pk__can,.g24-pk[data-action=water] .g24-pk__water,.g24-pk[data-action=place] .g24-pk__pot,.g24-pk[data-action=notice] .g24-pk__notice{opacity:1}.g24-pk[data-action=place] .g24-pk__tray{opacity:.35}.g24-pk__seed-hand,.g24-pk__can,.g24-pk__seeds,.g24-pk__water,.g24-pk__pot{transform-box:fill-box;transform-origin:center}@media(max-width:649px){green24-propagation-keim.g24-pk{grid-template-columns:minmax(0,1fr);padding:20px 18px;gap:0}.g24-pk__scene{justify-self:center;margin-top:6px}.g24-pk__intro{font-size:14px}.g24-pk__controls{gap:8px}.g24-pk__controls button{font-size:12px}}@media(max-width:359px){.g24-pk__scene{width:280px}.g24-pk__backdrop{left:-20px}.g24-pk__sprite{left:34px}}@media(prefers-reduced-motion:reduce){.g24-pk__sprite,.g24-pk__scene *{animation:none!important;transition:none!important}.g24-pk [data-keim-pause]{display:none!important}}@media(forced-colors:active){.g24-pk__controls button{border:1px solid ButtonText}.g24-pk__greet{background:ButtonFace;color:ButtonText}}.g24-pk__controls{align-items:center;gap:4px 10px}.g24-pk__controls .g24-pk__greet{border:0;background:transparent;padding:0 2px;color:#203d2d;min-height:44px}.g24-pk__greet>span{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;background:#ead16a;box-shadow:0 2px #ab9443;transition:transform .16s ease,box-shadow .16s ease}.g24-pk__greet:hover>span,.g24-pk__greet:focus-visible>span{transform:translateY(-2px);box-shadow:0 4px #ab9443,0 5px 12px #315d3920}.g24-pk__greet:active>span{transform:translateY(1px);box-shadow:0 1px #ab9443}.g24-pk[data-action=notice] .g24-pk__greet svg{transform:rotate(45deg)}.g24-pk__controls .g24-pk__pause{display:inline-flex;align-items:center;justify-content:center;min-width:44px;width:44px;height:44px;padding:0;border:0;background:transparent;color:#315d39}.g24-pk__pause:hover{background:#eaf0df}.g24-pk__play-icon{display:none}.g24-pk__pause[aria-pressed=true] .g24-pk__play-icon{display:block}.g24-pk__pause[aria-pressed=true] .g24-pk__pause-icon{display:none}.g24-pk__about{display:inline-flex;align-items:center;gap:5px;min-height:44px;color:#315d39;font-size:13px;text-decoration:underline;text-underline-offset:3px}.g24-pk__about:focus-visible,.g24-pk__avatar:focus-visible{outline:3px solid #315d39;outline-offset:3px;border-radius:8px}.g24-pk__stage{position:relative;width:320px;height:176px}.g24-pk__avatar{position:absolute;left:54px;bottom:23px;width:120px;height:130px;pointer-events:auto;display:block;border-radius:40%;border:0;padding:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:#ead16a55}.g24-pk__avatar .g24-pk__sprite{left:0;bottom:0}.g24-pk__speech{position:absolute;z-index:2;top:5px;right:3px;max-width:136px;padding:7px 10px;background:#fffefb;color:#203d2d;border:1px solid #78915f;border-radius:12px 12px 12px 2px;font-size:12px;line-height:1.3;opacity:0;pointer-events:none;box-shadow:0 2px 7px #315d390d}.g24-pk[data-speaking=true] .g24-pk__speech{opacity:1}.g24-pk__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px}.g24-pk__actions button{font:inherit;font-size:14px;line-height:1.3;min-height:44px;padding:10px 15px;background:#fffefb;border:1px solid #78915f;color:#203d2d;border-radius:7px;cursor:pointer}.g24-pk__actions button:hover{background:#edf3e2}.g24-pk__actions button:active{background:#ead16a}.g24-pk__hint{font-size:13px;line-height:1.5;margin:16px auto 0;max-width:60ch;color:#496740}.g24-pk.g24-pk--expanded{display:flex;flex-direction:column;gap:16px;text-align:center;border:1px solid #dce4d5;border-radius:18px;padding:30px 24px;background:#f5f7ee}.g24-pk--expanded .g24-pk__scene{order:-1;width:480px;height:264px;max-width:none;overflow:visible}.g24-pk--expanded .g24-pk__stage{transform:scale(1.5);transform-origin:top left}.g24-pk--expanded .g24-pk__intro{margin-inline:auto}.g24-pk--expanded .g24-pk__controls{justify-content:center}@media(max-width:649px){.g24-pk__controls .g24-pk__greet,.g24-pk__about{font-size:12px}}@media(max-width:549px){.g24-pk.g24-pk--expanded{padding:22px 14px}.g24-pk--expanded .g24-pk__scene{width:320px;height:176px}.g24-pk--expanded .g24-pk__stage{transform:none}}@media(max-width:359px){.g24-pk__stage{left:-20px}.g24-pk__stage .g24-pk__backdrop,.g24-pk__avatar .g24-pk__sprite{left:0}.g24-pk--expanded .g24-pk__scene{width:280px}}@media(prefers-reduced-motion:reduce){.g24-pk__greet>span{transition:none!important;transform:none!important}}.g24-pk__fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:120px;height:130px;object-fit:contain}.g24-pk[data-ready=true] .g24-pk__fallback{visibility:hidden}
/*# sourceMappingURL=/cdn/shop/t/67/assets/green24-propagation-keim.css.map */