.pkg,.pkg__stage{--pkg-blue: #2563eb;--pkg-blue-soft: #f1f5ff;--pkg-ink: #121212;--pkg-muted: #5f636b;--pkg-line: #e1e4ea;--pkg-sun: #fdcc0d}.pkg{border:0;margin:0 0 1.6rem;padding:0;display:grid;gap:1.2rem}fieldset.pkg.product-form__input{min-width:0;max-width:100%;width:100%}.pkg__legend{padding:0;margin:0 0 .2rem}.pkg__stage{position:relative;margin:0 0 1.6rem;border-radius:2rem;overflow:hidden;background:#f1f0ec;box-shadow:inset 0 0 0 .1rem #785a3214}.pkg .pkg__stage{margin:0}.pkg__scene{display:none;position:relative}.pkg__scene[data-selected]{display:block}@supports selector(:has(a)){.pkg .pkg__scene[data-selected]{display:none}.pkg:has(.pkg__opt:nth-child(1) .pkg__input:checked) .pkg__scene[data-pkg-scene="1"],.pkg:has(.pkg__opt:nth-child(2) .pkg__input:checked) .pkg__scene[data-pkg-scene="2"],.pkg:has(.pkg__opt:nth-child(3) .pkg__input:checked) .pkg__scene[data-pkg-scene="3"],.pkg:has(.pkg__opt:nth-child(4) .pkg__input:checked) .pkg__scene[data-pkg-scene="4"],.pkg:has(.pkg__opt:nth-child(5) .pkg__input:checked) .pkg__scene[data-pkg-scene="5"],.pkg:has(.pkg__opt:nth-child(6) .pkg__input:checked) .pkg__scene[data-pkg-scene="6"]{display:block}}.pkg__stage--live .pkg__scene,.pkg__stage--live .pkg__scene[data-selected]{display:none}.pkg__stage--live .pkg__scene.is-active{display:block}.pkg__stage--live+variant-selects .pkg__stage{display:none!important}.pkg-s{display:block;width:100%;height:auto;aspect-ratio:320 / 200;font-family:var(--font-body-family)}.pkg-s--photo{object-fit:cover;background:#f1f0ec}@keyframes pkg-photo{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:none}}.pkg__scene.is-anim .pkg-s--photo{animation:pkg-photo .45s cubic-bezier(.2,.8,.3,1) both}.pkg__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 1.2rem;margin-top:-.1rem;padding:.2rem 1.4rem 1.2rem;background:#e8dac2}.pkg__cap{margin:0;font-size:1.35rem;font-weight:600;line-height:1.35;color:#4f3d22;letter-spacing:0;min-width:0}.pkg__chip{display:inline-flex;align-items:center;gap:.6rem;flex:none;padding:.4rem 1rem .4rem .4rem;border-radius:99rem;background:#fff;color:#1f2a1f;font-size:1.2rem;font-weight:600;line-height:1.2;letter-spacing:0}.pkg__chip-i{width:1.8rem;height:1.8rem;border-radius:50%;display:grid;place-items:center;background:#1f9d55;color:#fff;flex:none}.pkg__chip--warn{background:#fff4d2;color:#6e4700;box-shadow:inset 0 0 0 .1rem #f3d27a}.pkg__chip--warn .pkg__chip-i{background:var(--pkg-sun);color:#3b2c00;font-size:1.1rem;font-weight:800}.pkg__opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.8rem;padding-top:.9rem}.pkg__opt{position:relative;min-width:0}.pkg__input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0;opacity:0}.pkg__tile{position:relative;height:100%;display:grid;align-content:center;justify-items:center;gap:.3rem;text-align:center;padding:1.6rem .8rem 1.3rem;border-radius:1.4rem;border:.1rem solid var(--pkg-line);background:#fff;color:var(--pkg-ink);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .15s ease}.pkg__tile:hover{border-color:#b9bfca}.pkg__tile:active{transform:scale(.98)}.pkg__input:checked+.pkg__tile{border-color:var(--pkg-blue);background:var(--pkg-blue-soft);box-shadow:inset 0 0 0 .1rem var(--pkg-blue)}.pkg__input:focus-visible+.pkg__tile{outline:.2rem solid var(--pkg-blue);outline-offset:.3rem}.pkg__name{font-size:1.45rem;font-weight:600;line-height:1.25;letter-spacing:0}.pkg__price{font-size:1.35rem;font-weight:500;color:var(--pkg-muted);font-variant-numeric:tabular-nums;letter-spacing:0;white-space:nowrap}.pkg__input:checked+.pkg__tile .pkg__price{color:var(--pkg-blue);font-weight:600}.pkg__soldout{font-size:1.1rem;font-weight:600;color:#b42318}.pkg__opt--off .pkg__tile{opacity:.55}.pkg__tag{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);white-space:nowrap;font-size:1.05rem;font-weight:700;line-height:1;letter-spacing:.02em;padding:.45rem .9rem;border-radius:99rem;background:var(--pkg-sun);color:#3b2c00;box-shadow:0 0 0 .2rem #fff}@keyframes pkg-pop{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:none}}@keyframes pkg-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes pkg-drop{0%{opacity:0;transform:translateY(-22px) scale(.9)}to{opacity:1;transform:none}}@keyframes pkg-fade{0%{opacity:0}to{opacity:1}}.pkg-s__pop,.pkg-s__rise,.pkg-s__toy{transform-box:fill-box;transform-origin:center}.pkg__scene.is-anim .pkg-s__pop{animation:pkg-pop .42s cubic-bezier(.2,1.35,.4,1) both;animation-delay:calc(var(--i, 0) * 60ms)}.pkg__scene.is-anim .pkg-s__rise{animation:pkg-rise .4s cubic-bezier(.2,1.2,.4,1) both;animation-delay:calc(var(--i, 0) * 60ms)}.pkg__scene.is-anim .pkg-s__toy{animation:pkg-drop .5s .22s cubic-bezier(.3,1.5,.5,1) both}.pkg__scene.is-anim .pkg-s__dim,.pkg__scene.is-anim .pkg-s__ghost{animation:pkg-fade .4s .35s both}.pkg__scene.is-anim .pkg__foot>*{animation:pkg-fade .35s .15s both}@media screen and (max-width:749px){.pkg__stage{border-radius:1.6rem}.pkg__foot{padding:.2rem 1.2rem 1rem}.pkg__cap{font-size:1.25rem}.pkg__chip{font-size:1.15rem}.pkg__name{font-size:1.35rem}.pkg__price{font-size:1.3rem}.pkg__tile{padding:1.5rem .6rem 1.2rem}}.pkg-bar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.2rem;align-items:center;padding:1rem 1.4rem calc(1.2rem + env(safe-area-inset-bottom,0px));background:#fffffff7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:.1rem solid #e4e7ee;box-shadow:0 -.8rem 2.4rem -1.6rem #00000059;transform:translateY(110%);transition:transform .25s ease}.pkg-bar.is-on{transform:none}.pkg-bar__info{min-width:0;display:grid;line-height:1.2}.pkg-bar__name{font-size:1.15rem;color:#5c5c5c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:0}.pkg-bar__price{font-family:var(--font-heading-family);font-weight:600;font-size:1.8rem;color:#121212;font-variant-numeric:tabular-nums;letter-spacing:0}.pkg-bar__btn{border:0;border-radius:99rem;min-height:4.6rem;padding:0 2.6rem;background:#2563eb;color:#fff;cursor:pointer;font-family:var(--font-heading-family);font-weight:600;font-size:1.6rem;letter-spacing:.02em}.pkg-bar__btn[disabled]{opacity:.5;cursor:default}@media screen and (min-width:750px){.pkg-bar{display:none}}@media(prefers-reduced-motion:reduce){.pkg__tile,.pkg-bar{transition:none}.pkg__scene.is-anim *{animation:none!important}}product-info:has([data-pkg]) .bundle-tier-note{display:none!important}.pkg__scene:has(.pkg-s--photo) .pkg__foot{background:#ecebe6}.pkg__scene:has(.pkg-s--photo) .pkg__cap{color:#2f3128}
/*# sourceMappingURL=/cdn/shop/t/41/assets/eduplay-package-picker.css.map */
