.kp-stage{flex:1 1 auto;display:flex;justify-content:center;align-items:stretch;min-height:0;padding:16px 0 12px}.kp-stage .kp-svg{display:block;width:100%;height:100%;overflow:visible}.kp-views{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:var(--kn-ink)}.kp-views button{border:0;border-radius:999px;padding:8px 14px;background:transparent;color:#ffffffc7;font-family:var(--kn-body);font-size:13px;font-weight:700;letter-spacing:.12em;line-height:1;cursor:pointer}.kp-views button span{opacity:.7}.kp-views button[aria-pressed=true]{background:var(--kn-lemon);color:var(--kn-ink)}.kp-stage[hidden],.kp-photos[hidden],[data-kp-view=photos] .kn-preview__bottom{display:none}.kp-photos{position:relative;flex:1 1 auto;min-height:0;margin:16px 0 4px}.kp-photos__track{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border:2px solid var(--kn-ink);border-radius:22px;background:var(--kn-white)}.kp-photos__track::-webkit-scrollbar{display:none}.kp-photos__slide{flex:0 0 100%;display:flex;align-items:center;justify-content:center;margin:0;scroll-snap-align:center;overflow:hidden}.kp-photos__slide img,.kp-photos__slide video{display:block;width:100%;height:100%;object-fit:contain}.kp-photos__nav{position:absolute;top:50%;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-top:-22px;border:2px solid var(--kn-ink);border-radius:999px;background:var(--kn-white);color:var(--kn-ink);box-shadow:2px 2px 0 var(--kn-ink);cursor:pointer}.kp-photos__nav svg{width:20px;height:20px}.kp-photos__nav--prev{left:12px}.kp-photos__nav--next{right:12px}.kp-photos__count{position:absolute;left:50%;bottom:12px;transform:translate(-50%);padding:6px 12px;border-radius:999px;background:var(--kn-ink);color:var(--kn-white);font-size:12px;font-weight:700;letter-spacing:.08em}.kp-combos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.kp-combo{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:8px 8px 10px;border:2px solid transparent;border-radius:18px;background:var(--kn-white);color:var(--kn-ink);font-family:var(--kn-body);text-align:center;cursor:pointer;transition:transform .12s ease,border-color .12s ease}.kp-combo:hover{transform:translateY(-2px);border-color:#2a1a3340}.kp-combo[aria-pressed=true]{border-color:var(--kn-ink);box-shadow:3px 3px 0 var(--kn-ink);transform:none}.kp-combo[disabled]{opacity:.45;cursor:not-allowed;transform:none}.kp-combo__sw{display:flex;height:46px;border-radius:12px;overflow:hidden;border:2px solid var(--kn-ink)}.kp-combo__sw span{flex:1 1 50%}.kp-combo__sw span+span{border-left:2px solid rgba(42,26,51,.18)}.kp-combo__name{font-size:13px;font-weight:700;line-height:1.25}.kp-combo__name small{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--kn-ink-2)}.kp-opts{display:flex;flex-wrap:wrap;gap:10px}.kp-opt[disabled]{opacity:.45;cursor:not-allowed}.kp-incl{display:flex;flex-direction:column;gap:12px;padding:18px 20px;border:2px dashed rgba(42,26,51,.35);border-radius:20px;background:var(--kn-white)}.kp-incl__h{margin:0;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.kp-incl ul{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0;padding:0;list-style:none}.kp-incl li{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:500}.kp-incl li svg{width:18px;height:18px;padding:3px;border-radius:999px;background:var(--kn-mint, #9EE6C4);color:var(--kn-ink)}.kp-feature{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.kp-feature__stage{height:560px;align-items:stretch;justify-content:center;padding:24px 24px 16px;gap:0}.kp-feature__preview{width:100%;height:100%}.kp-feature__preview .kp-svg{display:block;width:100%;height:100%;overflow:visible}.kp-feature__badge{position:absolute;top:18px;left:18px;z-index:1;padding:8px 14px;border-radius:999px;background:var(--kn-lemon);border:2px solid var(--kn-ink);font-size:13px;font-weight:700;letter-spacing:.14em}.kp-feature__copy{gap:20px}.kp-feature__label{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.kp-feature__label b{font-weight:700;letter-spacing:.04em}.kp-feature__try,.kp-feature__colours{display:flex;flex-direction:column;gap:10px;width:100%;max-width:480px}.kp-feature__name{height:64px;background:var(--kn-white)}.kp-feature__name input{font-size:26px}.kp-dots{display:flex;flex-wrap:wrap;gap:8px}.kp-dot{width:34px;height:34px;padding:0;border:2px solid var(--kn-ink);border-radius:999px;background:linear-gradient(90deg,var(--a) 50%,var(--b) 50%);cursor:pointer;transition:transform .12s ease}.kp-dot:hover{transform:scale(1.08)}.kp-dot[aria-pressed=true]{box-shadow:0 0 0 3px var(--kn-pair-bg, #fff),0 0 0 5px var(--kn-ink)}.kp-feature__cta{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.kp-feature__price{font-family:var(--kn-display);font-size:28px;font-weight:700}.kp-feature__note{margin:-6px 0 0;font-size:14px;color:var(--kn-ink-2)}.kp-feature__more{display:flex;flex-direction:column;gap:24px;margin-top:56px}.kp-feature__more-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px}@media screen and (max-width:1100px){.kp-combos{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:989px){.kp-feature{grid-template-columns:minmax(0,1fr);padding:40px}.kp-feature__stage{height:480px}}@media screen and (max-width:749px){.kp-stage{padding:8px 0 6px}.kp-views button{padding:7px 10px;font-size:11px}.kp-photos{margin-top:10px}.kp-photos__nav{width:38px;height:38px;margin-top:-19px}.kp-combos{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kp-combo{flex-direction:row;align-items:center;gap:10px;padding:6px 10px 6px 6px;text-align:left}.kp-combo__sw{flex:0 0 52px;height:40px;border-radius:10px}.kp-combo__name{font-size:12.5px}.kp-incl{padding:14px 16px}.kp-incl li{font-size:14px}.kp-feature{padding:20px;gap:24px;border-radius:28px}.kp-feature__stage{height:420px;padding:16px 12px 10px;border-radius:22px}.kp-feature__copy .kn-h2{font-size:40px}.kp-feature__copy p{font-size:16px}.kp-feature__name{height:58px}.kp-feature__name input{font-size:22px}.kp-dot{width:32px;height:32px}.kp-feature__cta .kn-btn{flex:1 1 auto}.kp-feature__more{margin-top:40px}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/keynora-puffy.css.map */