.pp{--tx:#15171a;--mut:#6b7280;--line:#e7e5e1;--bg:#f6f5f2;--acc:#f28c28;--sun:#f6b73c;display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:20px;align-items:start;color:var(--tx);font-family:inherit;line-height:1.45}.pp *{box-sizing:border-box}.pp>*{min-width:0}.pp button{font-family:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.pp img{display:block;max-width:100%;height:auto}.pp-step{background:#fff;border-radius:28px;padding:28px 28px 26px;margin-bottom:16px}.pp-step h3{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:800;margin:0 0 18px;letter-spacing:-.01em}.pp-n{width:30px;height:30px;border-radius:50%;background:var(--tx);color:#fff;display:grid;place-items:center;font-size:14px;flex:none}.pp-scen{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:10px}.pp-scen button{border:2px solid transparent;background:var(--bg);border-radius:20px;padding:16px 8px 14px;display:flex;flex-direction:column;align-items:center;gap:8px;transition:.2s}.pp-scen button:hover{transform:translateY(-2px)}.pp-scen button[aria-pressed=true]{background:#fff;border-color:var(--acc);box-shadow:0 10px 26px #f28c282e}.pp-em{font-size:32px;line-height:1}.pp-sn{font-weight:700;font-size:14px}.pp-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px}.pp-note{margin:0;color:var(--mut);font-size:14px}.pp-lvl,.pp-types{display:inline-flex;align-items:center;gap:4px;background:var(--bg);border-radius:999px;padding:4px}.pp-lvl span,.pp-types span{font-size:12px;color:var(--mut);padding:0 8px 0 10px}.pp-lvl button,.pp-types button{border:0;background:transparent;border-radius:999px;padding:7px 13px;font-size:13px;font-weight:700}.pp-lvl button[aria-pressed=true],.pp-types button[aria-pressed=true]{background:#fff;box-shadow:0 2px 8px #00000014}.pp-models{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pp-mc{position:relative;border:2px solid transparent;background:var(--bg);border-radius:22px;padding:14px 12px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:.2s}.pp-mc img{width:100%;max-width:150px;aspect-ratio:1;object-fit:contain;margin-bottom:6px;mix-blend-mode:multiply}.pp-mc b{font-size:17px}.pp-mc small{color:var(--mut);font-size:12px}.pp-mc[aria-pressed=true]{background:#fff;border-color:var(--acc);box-shadow:0 10px 26px #f28c282e}.pp-rec{position:absolute;top:10px;left:50%;transform:translate(-50%);background:var(--tx);color:#fff;font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px;opacity:0;transition:.2s;white-space:nowrap}.pp-mc.is-rec .pp-rec{opacity:1}.pp-line{display:flex;align-items:center;gap:14px;background:var(--bg);border-radius:20px;padding:10px 12px;margin-top:12px}.pp-step>.pp-line:first-of-type{margin-top:0}.pp-th{width:64px;height:64px;object-fit:contain;background:#fff;border-radius:14px;flex:none;mix-blend-mode:multiply}.pp-lt{flex:1;min-width:0}.pp-lt b{display:block;font-size:16px}.pp-lt small{color:var(--mut);font-size:13px}.pp-stp{display:flex;align-items:center;gap:6px;flex:none}.pp-stp button{width:44px;height:44px;border-radius:50%;border:0;background:#fff;font-size:22px;line-height:1;box-shadow:0 2px 8px #00000014;transition:.15s}.pp-stp button:active{transform:scale(.92)}.pp-stp output{min-width:30px;text-align:center;font-size:22px;font-weight:800}.pp-pvs{display:flex;flex-wrap:wrap;gap:6px;margin:14px 2px}.pp-pvs i{width:30px;height:20px;border-radius:4px;background:#e9ecef;transition:.25s}.pp-pvs i.on{background:linear-gradient(135deg,#1d3d63,#2f5f93);box-shadow:inset 0 0 0 2px #ffffff40}.pp-res{position:sticky;top:90px;border-radius:30px;padding:24px;color:#fff;overflow:hidden;background:linear-gradient(170deg,#1b2a3f,#101822 70%);transition:background .6s}.pp-res.s-sommer{background:linear-gradient(170deg,#2b4a6b,#14202d 70%)}.pp-res.s-vinter{background:linear-gradient(170deg,#24324a,#0e141c 70%)}.pp-season{display:flex;gap:4px;background:#ffffff14;border-radius:999px;padding:4px;position:relative;z-index:1}.pp-season button{flex:1;border:0;background:transparent;color:#fff;opacity:.75;border-radius:999px;padding:8px 6px;font-size:13px;font-weight:700}.pp-season button[aria-pressed=true]{background:#fff;color:var(--tx);opacity:1}.pp-vis{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:6px;height:190px;margin:10px 0 4px}.pp-sunglow{position:absolute;top:-30px;right:-20px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,#f6b73cd9,#f6b73c40 40%,#f6b73c00 70%);transition:.6s}.s-host .pp-sunglow{opacity:.6;transform:scale(.8)}.s-vinter .pp-sunglow{opacity:.25;transform:scale(.6)}.pp-vst{position:relative;width:170px;height:170px;object-fit:contain;background:#fff;border-radius:26px;padding:8px;box-shadow:0 18px 36px #00000059}.pp-vpv,.pp-vext{position:relative;display:flex;flex-direction:column;align-items:center;width:84px}.pp-vimg{width:84px;height:84px;object-fit:contain;background:#fff;border-radius:16px;padding:4px}.pp-x{margin-top:6px;font-weight:800;font-size:15px;background:var(--acc);color:#111;border-radius:999px;padding:2px 10px}.pp-cfg{text-align:center;font-size:13px;opacity:.75;margin-bottom:14px}.pp-big{text-align:center;margin-bottom:16px}.pp-big small{display:block;font-size:13px;opacity:.75;text-transform:uppercase;letter-spacing:.08em}.pp-big b{display:block;font-size:clamp(40px,4.4vw,54px);font-weight:900;line-height:1.05;letter-spacing:-.02em;margin:4px 0}.is-full .pp-big b{color:var(--sun)}.pp-big span{font-size:14px;opacity:.8}.pp-pop{animation:pp-pop .35s ease}@keyframes pp-pop{0%{transform:scale(.92);opacity:.4}to{transform:none;opacity:1}}.pp-sun{display:flex;align-items:center;gap:14px;background:#ffffff12;border-radius:20px;padding:12px 16px}.pp-sun svg{width:64px;height:64px;flex:none;transform:rotate(-90deg)}.pp-ringbg{fill:none;stroke:#ffffff24;stroke-width:12}.pp-ring{fill:none;stroke:var(--sun);stroke-width:12;stroke-linecap:round;stroke-dasharray:0 100;transition:stroke-dasharray .6s ease}.pp-sun b{display:block;font-size:24px;font-weight:900;color:var(--sun)}.pp-sun span{font-size:13px;opacity:.8}.pp-facts{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pp-facts li{background:#ffffff12;border-radius:16px;padding:10px 12px}.pp-facts span{display:block;font-size:11px;opacity:.7}.pp-facts b{font-size:14px}.pp-tot{display:flex;justify-content:space-between;align-items:baseline;margin:18px 2px 12px}.pp-tot span{opacity:.8}.pp-tot b{font-size:26px;font-weight:900}.pp-btn{display:flex;justify-content:center;align-items:center;background:var(--acc);color:#111!important;text-decoration:none;font-weight:800;font-size:16px;border-radius:999px;padding:15px 20px;transition:.2s}.pp-btn:hover{filter:brightness(1.07)}.pp-fine{font-size:12px;opacity:.65;margin:12px 2px 0;text-align:center}.pp-fine a{color:#fff}@media(max-width:990px){.pp{grid-template-columns:minmax(0,1fr)}.pp-res{position:relative;top:0}}@media(max-width:640px){.pp-step{padding:22px 16px;border-radius:24px}.pp-scen{grid-template-columns:repeat(3,1fr)}.pp-models{gap:8px}.pp-mc{padding:12px 6px}.pp-mc small{font-size:11px}.pp-res{padding:20px 16px}.pp-vst{width:140px;height:140px}.pp-vimg{width:64px;height:64px}.pp-vpv,.pp-vext{width:64px}.pp-facts b{font-size:13px}.pp-facts{gap:6px}.pp-facts li{padding:8px}.pp-th{width:48px;height:48px}.pp-line{gap:10px;padding:8px 10px}.pp-lt b{font-size:14px}.pp-lt small{font-size:12px}.pp-stp button{width:38px;height:38px;font-size:20px}.pp-stp output{min-width:24px;font-size:19px}.pp-step h3{font-size:18px}.pp-lvl button,.pp-types button{padding:7px 10px}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/pecron-planner.css.map */