@import"https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800;900&display=swap";.kpe-config{--bg:#ffffff;--panel:#ffffff;--soft:#f5f5f5;--line:#e5e5e5;--line-strong:#cacacb;--fg:#111111;--dim:#707072;--accent:#111111;--on-accent:#ffffff;--focus:#c8102e;--danger:#c8102e;--stage:#f6f6f6;--stage-2:#ececec;display:block;width:100%;margin:0 0 32px;color:var(--fg);background:var(--bg);font-family:Archivo,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;border-radius:0;container-type:inline-size}.kpe-config.kpe-config *,.kpe-config.kpe-config *:before,.kpe-config.kpe-config *:after{box-sizing:border-box}.kpe-config.kpe-config button{margin:0;font:inherit;letter-spacing:normal;text-transform:none;background:none;border:0;border-radius:0;box-shadow:none;color:inherit;min-height:0;min-width:0;width:auto;height:auto;line-height:1.45;text-decoration:none}.kpe-config.kpe-config input,.kpe-config.kpe-config select,.kpe-config.kpe-config label{margin:0;font:inherit;letter-spacing:normal;text-transform:none;min-height:0}.kpe-config.kpe-config img{width:auto;height:auto;max-width:none}.kpe-config.kpe-config svg{display:block;max-width:none}.kpe-config.kpe-config h1,.kpe-config.kpe-config h2,.kpe-config.kpe-config h3,.kpe-config.kpe-config h4,.kpe-config.kpe-config p,.kpe-config.kpe-config dl,.kpe-config.kpe-config dd,.kpe-config.kpe-config figure{margin:0;font-family:inherit;text-transform:none}.kpe-config.kpe-config :focus-visible{outline:3px solid var(--focus);outline-offset:2px}.kpe-config.kpe-config .stage{position:relative;display:flex;flex-direction:column;padding:46px 14px 24px;min-height:0;background:radial-gradient(120% 90% at 50% 25%,var(--stage) 0%,var(--stage-2) 100%)}.kpe-config.kpe-config .brand{position:absolute;top:14px;left:16px;height:26px;opacity:.9;pointer-events:none}.kpe-config.kpe-config .stage.dark{--stage:#1c1c1c;--stage-2:#0b0b0b}.kpe-config.kpe-config .lamp,.kpe-config.kpe-config .enlarge,.kpe-config.kpe-config .big .close{position:absolute;z-index:2;background:#fff;border:1px solid var(--line-strong);border-radius:999px;padding:7px 15px;font-size:12px;font-weight:600;color:#111;cursor:pointer}.kpe-config.kpe-config .lamp:hover,.kpe-config.kpe-config .enlarge:hover{border-color:#111}.kpe-config.kpe-config .flip{position:absolute;top:12px;right:14px;display:flex;gap:2px;background:#fff;border:1px solid var(--line-strong);border-radius:999px;padding:3px}.kpe-config.kpe-config .flip button{color:#707072;font-size:12px;font-weight:600;padding:5px 13px;border-radius:999px;cursor:pointer}.kpe-config.kpe-config .flip button[aria-pressed=true]{background:#111;color:#fff}.kpe-config.kpe-config .stage.dark .lamp,.kpe-config.kpe-config .stage.dark .enlarge,.kpe-config.kpe-config .stage.dark .flip{background:#111;border-color:#fff3;color:#d4d4d4}.kpe-config.kpe-config .stage.dark .flip button{color:#a3a3a6}.kpe-config.kpe-config .stage.dark .flip button[aria-pressed=true]{background:#f5f5f5;color:#111}.kpe-config.kpe-config .stage.dark .view figcaption,.kpe-config.kpe-config .stage.dark .tip{color:#8c8c8f}.kpe-config.kpe-config .views{display:flex;gap:10px;flex:1;min-height:0;justify-content:center}.kpe-config.kpe-config .view{display:flex;flex-direction:column;align-items:center;flex:1;min-width:0;max-width:400px}.kpe-config.kpe-config .view .holder{flex:1;min-height:0;display:flex;width:100%}.kpe-config.kpe-config .view svg{width:100%;height:100%;display:block;touch-action:none}.kpe-config.kpe-config .view figcaption{font-size:11px;font-weight:600;letter-spacing:.08em;color:#707072;padding-top:8px}.kpe-config.kpe-config .view.hidden{display:none}.kpe-config.kpe-config .el{cursor:move}.kpe-config.kpe-config .tip{position:absolute;left:0;right:0;bottom:8px;text-align:center;font-size:12px;color:#707072;pointer-events:none}.kpe-config.kpe-config .big{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:none;flex-direction:column;padding:58px 16px 20px;background:radial-gradient(120% 90% at 50% 30%,#f6f6f6,#ececec)}.kpe-config.kpe-config .big.dark{background:radial-gradient(120% 90% at 50% 30%,#1c1c1c,#0b0b0b)}.kpe-config.kpe-config .big.on{display:flex}.kpe-config.kpe-config .big .wrap{flex:1;min-height:0;display:flex;gap:16px;justify-content:center;align-items:stretch}.kpe-config.kpe-config .big figure{margin:0;flex:1;min-width:0;display:flex;flex-direction:column;align-items:center}.kpe-config.kpe-config .big svg{width:100%;height:100%;min-height:0;display:block}.kpe-config.kpe-config .big figcaption{font-size:11px;font-weight:600;letter-spacing:.08em;color:#707072;padding-top:10px}.kpe-config.kpe-config .big.dark figcaption{color:#8c8c8f}.kpe-config.kpe-config .big .close{top:14px;right:16px;font-size:13px;padding:8px 18px}.kpe-config.kpe-config .big.dark .close{background:#111;border-color:#fff3;color:#d4d4d4}@container (max-width:700px){.kpe-config.kpe-config .big .wrap{flex-direction:column;overflow:auto}}.kpe-config.kpe-config .panel{display:flex;flex-direction:column;background:var(--panel);border-left:1px solid var(--line);overflow:hidden;min-height:0}.kpe-config.kpe-config .rail{display:flex;padding:16px 20px 0;overflow-x:auto;scrollbar-width:none}.kpe-config.kpe-config .rail::-webkit-scrollbar{display:none}.kpe-config.kpe-config .rail button{flex:0 0 auto;padding:10px 2px 12px;margin-right:18px;color:var(--dim);font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent}.kpe-config.kpe-config .rail button:hover,.kpe-config.kpe-config .rail button.done{color:var(--fg)}.kpe-config.kpe-config .rail button.now{color:var(--fg);border-bottom-color:var(--fg)}.kpe-config.kpe-config .body{padding:24px 20px 12px;flex:1;overflow-y:auto;text-align:left}.kpe-config.kpe-config h1{margin:0 0 6px;font-size:clamp(26px,4.4vw,36px);font-weight:900;letter-spacing:-.025em;line-height:1.02}.kpe-config.kpe-config .sub{margin:0 0 24px;color:var(--dim);font-size:15px;max-width:52ch}.kpe-config.kpe-config h2{font-size:17px;font-weight:800;letter-spacing:-.01em;margin:26px 0 12px}.kpe-config.kpe-config h2:first-child{margin-top:0}.kpe-config.kpe-config .hint{font-size:13px;color:var(--dim);max-width:52ch;margin:10px 0 0}.kpe-config.kpe-config .pills{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}.kpe-config.kpe-config .pill{position:relative;background:var(--bg);border:1.5px solid var(--line-strong);border-radius:999px;min-width:58px;padding:10px 18px;color:var(--fg);font-size:14px;font-weight:600;cursor:pointer}.kpe-config.kpe-config .pill:hover:not([disabled]){border-color:var(--fg)}.kpe-config.kpe-config .pill[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.kpe-config.kpe-config .pill.wide{min-width:150px}.kpe-config.kpe-config .pill[disabled]{opacity:.35;cursor:not-allowed}.kpe-config.kpe-config .pill.fontpill{font-size:19px;padding:9px 20px;line-height:1.25;font-weight:400}.kpe-config.kpe-config .swatches{display:grid;grid-template-columns:repeat(6,40px);gap:10px;justify-content:start}.kpe-config.kpe-config .sw{position:relative;width:40px;height:40px;border-radius:50%;border:1px solid rgba(0,0,0,.14);cursor:pointer;padding:0}.kpe-config.kpe-config .sw[aria-pressed=true]{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--fg)}.kpe-config.kpe-config .sw[aria-pressed=true]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #00000059}.kpe-config.kpe-config .swatches.tape{grid-template-columns:repeat(7,40px)}.kpe-config.kpe-config .swkpe{background:#111;color:#fff;font-size:9px;font-weight:800;letter-spacing:.04em;border-color:#111}.kpe-config.kpe-config .swkpe[aria-pressed=true]:after{display:none}.kpe-config.kpe-config .swname{margin-top:10px;font-size:14px;font-weight:600;color:var(--fg);min-height:19px}.kpe-config.kpe-config .count{font-size:13px;color:var(--dim);margin:14px 0 0}.kpe-config.kpe-config .count b{color:var(--fg)}.kpe-config.kpe-config .layers{display:grid;gap:8px;margin:14px 0 0}.kpe-config.kpe-config .layer{display:flex;align-items:center;gap:10px;background:var(--bg);border:1.5px solid var(--line);border-radius:10px;padding:12px 14px;text-align:left;cursor:pointer;color:var(--fg);width:100%}.kpe-config.kpe-config .layer:hover{border-color:var(--line-strong)}.kpe-config.kpe-config .layer[aria-pressed=true]{border-color:var(--fg);box-shadow:inset 0 0 0 1px var(--fg)}.kpe-config.kpe-config .layer .tag{font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--dim);flex:0 0 auto}.kpe-config.kpe-config .layer .lbl{flex:1;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kpe-config.kpe-config .layer .del{color:var(--danger);font-size:13px;font-weight:600;cursor:pointer;padding:2px 4px}.kpe-config.kpe-config .empty{color:var(--dim);font-size:14px;padding:14px 0}.kpe-config.kpe-config .editor{margin:14px 0 0;background:var(--soft);border:0;border-radius:10px;padding:16px;text-align:left}.kpe-config.kpe-config .editor h3{margin:0 0 14px;font-size:15px;font-weight:800;color:var(--fg)}.kpe-config.kpe-config .editor h4{margin:18px 0 8px;font-size:13px;font-weight:600;color:var(--dim)}.kpe-config.kpe-config label.fld{display:block;margin-bottom:14px}.kpe-config.kpe-config label.fld>span{display:block;font-size:13px;color:var(--dim);margin-bottom:6px}.kpe-config.kpe-config input[type=text]{width:100%;background:#fff;border:1.5px solid var(--line-strong);border-radius:8px;padding:11px 13px;color:var(--fg);font-weight:600;letter-spacing:.02em}.kpe-config.kpe-config input[type=text]:focus{outline:none;border-color:var(--fg)}.kpe-config.kpe-config input[type=range]{width:100%;accent-color:var(--fg)}.kpe-config.kpe-config .two{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.kpe-config.kpe-config dl.summary{margin:0;font-size:15px;text-align:left;border-top:1px solid var(--line)}.kpe-config.kpe-config dl.summary div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}.kpe-config.kpe-config dl.summary dt{color:var(--dim)}.kpe-config.kpe-config dl.summary dd{margin:0;font-weight:600;text-align:right}.kpe-config.kpe-config .cattabs{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start;margin:16px 0 0}.kpe-config.kpe-config .cattab{border:1.5px solid var(--line-strong);border-radius:999px;padding:6px 13px;color:var(--fg);font-size:13px;font-weight:600;cursor:pointer;background:var(--bg)}.kpe-config.kpe-config .cattab[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.kpe-config.kpe-config .picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 0}.kpe-config.kpe-config .tile{background:var(--soft);border:1.5px solid transparent;border-radius:10px;padding:10px 8px 8px;cursor:pointer;color:var(--fg);display:flex;flex-direction:column;gap:6px}.kpe-config.kpe-config .tile:hover{border-color:var(--line-strong)}.kpe-config.kpe-config .tile[aria-pressed=true]{border-color:var(--fg)}.kpe-config.kpe-config .tile svg{width:100%;height:64px;display:block}.kpe-config.kpe-config .tile span{font-size:12.5px;font-weight:600;color:var(--fg)}.kpe-config.kpe-config .flatwrap{margin:16px 0 0;max-width:460px}.kpe-config.kpe-config .flatout{width:100%;border-radius:10px;border:1px solid var(--line);background:#fff;display:block}.kpe-config.kpe-config pre{background:var(--soft);border:0;border-radius:10px;padding:14px;font-size:11px;line-height:1.6;overflow-x:auto;color:#555;margin:16px 0 0;text-align:left}.kpe-config.kpe-config .foot{display:flex;align-items:center;gap:10px;padding:14px 20px;border-top:1px solid var(--line)}.kpe-config.kpe-config .price{font-size:20px;font-weight:800;margin-right:auto;text-align:left;letter-spacing:-.01em}.kpe-config.kpe-config .price small{display:block;font-size:12px;font-weight:500;color:var(--dim);letter-spacing:0}.kpe-config.kpe-config .btn{border-radius:999px;padding:14px 26px;font-weight:600;cursor:pointer}.kpe-config.kpe-config .btn.back{background:var(--bg);color:var(--fg);border:1.5px solid var(--line-strong);padding:12.5px 20px}.kpe-config.kpe-config .btn.back:hover{border-color:var(--fg)}.kpe-config.kpe-config .btn.next{background:var(--accent);color:var(--on-accent);padding:14px 30px}.kpe-config.kpe-config .btn.next:hover{background:#2b2b2b}.kpe-config.kpe-config .btn.ghost{background:var(--bg);border:1.5px solid var(--line-strong);color:var(--fg);padding:11px 20px;font-size:14px}.kpe-config.kpe-config .btn.ghost:hover{border-color:var(--fg)}.kpe-config.kpe-config .btn[disabled]{opacity:.4;cursor:not-allowed}.kpe-config.kpe-config .app{display:block}.kpe-config.kpe-config .stage{position:relative;height:52vh;min-height:280px;max-height:560px;padding:16px 14px 30px}.kpe-config.kpe-config .panel{display:block;overflow:visible;min-height:0;border-left:0;border-top:1px solid var(--line)}.kpe-config.kpe-config .rail{position:relative;padding:12px 20px 0;border-bottom:1px solid var(--line);scroll-behavior:smooth}.kpe-config.kpe-config .body{overflow:visible;height:auto;padding:26px 20px 30px}.kpe-config.kpe-config .foot{position:relative;border-top:1px solid var(--line)}.kpe-config.kpe-config .views{align-items:center}.kpe-config.kpe-config .view svg{width:100%;height:100%;max-height:100%}.kpe-config.kpe-config .brand{height:24px;width:auto}@container (min-width:900px){.kpe-config.kpe-config .app{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);align-items:start}.kpe-config.kpe-config .panel,.kpe-config.kpe-config .stage{min-width:0}.kpe-config.kpe-config .stage{height:min(88vh,940px);max-height:none;padding:44px 24px 34px;border-radius:6px}.kpe-config.kpe-config .panel{border-top:0;border-left:0;padding-left:24px}.kpe-config.kpe-config .body{padding:30px 4px 40px}}@container (min-width:1500px){.kpe-config.kpe-config .app{grid-template-columns:minmax(0,1fr) minmax(0,480px)}.kpe-config.kpe-config .stage{height:min(90vh,1020px)}}.kpe-config.kpe-config .lamp{top:auto;bottom:12px;left:12px;transform:none}.kpe-config.kpe-config .enlarge{bottom:12px;right:12px}.kpe-config.kpe-config .tip{display:none}@container (min-width:560px){.kpe-config.kpe-config .tip{display:block;bottom:16px}}.kpe-config.kpe-config .stage{transition:transform .22s ease,box-shadow .22s ease;will-change:transform}.kpe-config.kpe-config .stage.is-peeking{position:fixed;top:0;left:0;right:0;z-index:40;height:38vh;min-height:220px;box-shadow:0 10px 28px #0000002e;animation:kpe-peek .22s ease}@keyframes kpe-peek{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.kpe-config.kpe-config.has-peek .app{padding-top:38vh}@media(prefers-reduced-motion:reduce){.kpe-config.kpe-config .stage{transition:none}.kpe-config.kpe-config .stage.is-peeking{animation:none}}@container (min-width:900px){.kpe-config.kpe-config .stage.is-peeking{position:relative;height:min(88vh,940px);box-shadow:none;animation:none}.kpe-config.kpe-config.has-peek .app{padding-top:0}}@media(min-width:1000px){.kpe-config.kpe-config .app{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);align-items:start;gap:0}.kpe-config.kpe-config .panel,.kpe-config.kpe-config .stage,.kpe-config.kpe-config .rail{min-width:0}.kpe-config.kpe-config .stage{position:relative;height:min(86vh,900px);max-height:none;padding:40px 22px 32px;border-radius:6px}.kpe-config.kpe-config .panel{border-top:0;border-left:0;padding-left:32px}.kpe-config.kpe-config .rail{padding:0}.kpe-config.kpe-config .body{padding:28px 0 36px}.kpe-config.kpe-config .foot{padding:16px 0}.kpe-config.kpe-config .stage.is-peeking{position:relative;height:min(86vh,900px);box-shadow:none;animation:none}.kpe-config.kpe-config.has-peek .app{padding-top:0}}@media(min-width:1500px){.kpe-config.kpe-config .app{grid-template-columns:minmax(0,1fr) minmax(0,480px)}}.kpe-config.kpe-config .selbox,.kpe-config.kpe-config .rstem,.kpe-config.kpe-config .snapx,.kpe-config.kpe-config .kpe-guide{filter:drop-shadow(0 0 4px rgba(255,255,255,.95)) drop-shadow(0 0 4px rgba(255,255,255,.95))}.kpe-config.kpe-config .kpe-top,.kpe-config.kpe-config .kpe-launch{display:none}.kpe-config.kpe-config.kpe-m{margin-bottom:24px}.kpe-config.kpe-config.kpe-m .panel{display:none}.kpe-config.kpe-config.kpe-m .stage,.kpe-config.kpe-config.kpe-m .stage.is-peeking{position:relative;inset:auto;height:min(78vw,460px);min-height:220px;max-height:none;padding:14px 10px 8px;border-radius:8px;box-shadow:none;animation:none;cursor:pointer}.kpe-config.kpe-config.kpe-m.has-peek .app{padding-top:0}.kpe-config.kpe-config.kpe-m .stage *{pointer-events:none}.kpe-config.kpe-config.kpe-m .stage .lamp,.kpe-config.kpe-config.kpe-m .stage .flip,.kpe-config.kpe-config.kpe-m .stage .enlarge,.kpe-config.kpe-config.kpe-m .stage .tip{display:none}.kpe-config.kpe-config.kpe-m .stage .brand{height:20px;top:12px;left:12px}.kpe-config.kpe-config.kpe-m .kpe-launch{display:block;margin-top:14px}.kpe-config.kpe-config .kpe-start{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:#111;color:#fff;border-radius:999px;padding:17px 24px;font-size:16px;font-weight:700;cursor:pointer;line-height:1.2}.kpe-config.kpe-config .kpe-start:active{transform:scale(.99)}.kpe-config.kpe-config .kpe-start svg{width:18px;height:18px;display:block}.kpe-config.kpe-config .kpe-launch p{margin:10px 4px 0;font-size:13.5px;color:#707072;text-align:center;line-height:1.45}.kpe-config.kpe-portal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;margin:0;border-radius:0;background:#fff;container-type:normal;overflow:hidden}.kpe-config.kpe-config.kpe-portal .app{display:flex;flex-direction:column;height:100%;padding:0;padding-top:env(safe-area-inset-top,0px)}.kpe-config.kpe-config.kpe-portal .kpe-top{display:flex;align-items:center;gap:4px;flex:0 0 auto;height:54px;padding:0 14px 0 4px;border-bottom:1px solid var(--line);background:#fff}.kpe-config.kpe-config .kpe-close{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;cursor:pointer;color:#111}.kpe-config.kpe-config .kpe-close svg{width:22px;height:22px}.kpe-config.kpe-config .kpe-close:active{background:#f2f2f2}.kpe-config.kpe-config .kpe-ttl{flex:1;min-width:0;display:flex;align-items:baseline;justify-content:space-between;gap:10px}.kpe-config.kpe-config .kpe-ttl b{font-size:16px;font-weight:800;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpe-config.kpe-config .kpe-count{font-size:13px;color:#707072;white-space:nowrap;font-weight:500}.kpe-config.kpe-config.kpe-portal .stage,.kpe-config.kpe-config.kpe-portal .stage.is-peeking{position:relative;inset:auto;flex:0 0 auto;height:38vh;height:38dvh;min-height:190px;max-height:none;padding:54px 18px 6px;border-radius:0;box-shadow:none;animation:none;transform:none;cursor:default}.kpe-config.kpe-config.kpe-portal .stage .brand,.kpe-config.kpe-config.kpe-portal .stage .tip{display:none}.kpe-config.kpe-config.kpe-portal .stage .flip{top:8px;left:50%;right:auto;transform:translate(-50%)}.kpe-config.kpe-config.kpe-portal .stage .flip button{padding:6px 14px;font-size:12.5px}.kpe-config.kpe-config.kpe-portal .stage .lamp{top:8px;bottom:auto;left:10px;padding:6px 12px}.kpe-config.kpe-config.kpe-portal .stage .enlarge{top:8px;bottom:auto;right:10px;padding:6px 12px}.kpe-config.kpe-config.kpe-portal .view figcaption{padding-top:2px;font-size:10px}.kpe-config.kpe-config.kpe-portal .panel{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;border:0;border-top:1px solid var(--line);padding:0;overflow:hidden}.kpe-config.kpe-config.kpe-portal .rail{flex:0 0 auto;padding:0 16px;border-bottom:1px solid var(--line);scroll-padding:0 16px}.kpe-config.kpe-config.kpe-portal .rail button{padding:12px 2px 11px;font-size:13.5px;margin-right:16px}.kpe-config.kpe-config.kpe-portal .body{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:18px 16px 28px}.kpe-config.kpe-config.kpe-portal h1{font-size:24px;margin-bottom:4px}.kpe-config.kpe-config.kpe-portal .sub{font-size:14px;margin-bottom:18px}.kpe-config.kpe-config.kpe-portal .swatches{grid-template-columns:repeat(6,44px);gap:10px}.kpe-config.kpe-config.kpe-portal .sw{width:44px;height:44px}.kpe-config.kpe-config.kpe-portal .swatches.tape{grid-template-columns:repeat(7,40px);gap:8px}.kpe-config.kpe-config.kpe-portal .swatches.tape .sw{width:40px;height:40px}.kpe-config.kpe-config.kpe-portal .pill{padding:11px 18px}.kpe-config.kpe-config.kpe-portal input[type=text]{font-size:16px}.kpe-config.kpe-config.kpe-portal .foot{flex:0 0 auto;padding:10px 16px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:#fff;gap:8px}.kpe-config.kpe-config.kpe-portal .price{font-size:18px}.kpe-config.kpe-config.kpe-portal .price small{font-size:11.5px}.kpe-config.kpe-config.kpe-portal .btn.back{padding:12px 16px}.kpe-config.kpe-config.kpe-portal .btn.next{padding:14px 26px;min-width:118px}@media(max-height:640px){.kpe-config.kpe-config.kpe-portal .stage{height:31vh;height:31dvh;min-height:160px;padding-top:48px}.kpe-config.kpe-config.kpe-portal .kpe-top{height:48px}}html.kpe-lock,html.kpe-lock body{overflow:hidden!important;overscroll-behavior:none}.kpe-config.kpe-config .btn{white-space:nowrap}.kpe-config.kpe-config.kpe-portal .price{flex:1 1 auto;min-width:0}.kpe-config.kpe-config.kpe-portal .price small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpe-config.kpe-config.kpe-portal .btn.next,.kpe-config.kpe-config.kpe-portal .btn.back{flex:0 0 auto}@media(max-width:370px){.kpe-config.kpe-config.kpe-portal .btn.next{padding:14px 18px;min-width:0}.kpe-config.kpe-config.kpe-portal .btn.back{padding:12px 13px}.kpe-config.kpe-config.kpe-portal .swatches{grid-template-columns:repeat(6,40px);gap:8px}.kpe-config.kpe-config.kpe-portal .sw{width:40px;height:40px}.kpe-config.kpe-config.kpe-portal .swatches.tape{grid-template-columns:repeat(7,36px);gap:6px}.kpe-config.kpe-config.kpe-portal .swatches.tape .sw{width:36px;height:36px}}.kpe-config.kpe-config.kpe-portal .views{align-items:stretch;min-height:0;height:100%}.kpe-config.kpe-config.kpe-portal .view{height:100%;min-height:0;max-width:none}.kpe-config.kpe-config.kpe-portal .view .holder{min-height:0;height:100%}.kpe-config.kpe-config.kpe-portal .view svg{height:100%;max-height:100%}.kpe-config.kpe-config.kpe-portal .view figcaption{display:none}.kpe-config.kpe-config.kpe-m:not(.kpe-portal) .views{align-items:stretch;height:100%;min-height:0}.kpe-config.kpe-config.kpe-m:not(.kpe-portal) .view{min-height:0}.kpe-config.kpe-config.kpe-m:not(.kpe-portal) .view .holder{min-height:0}@media(max-width:700px){.kpe-config.kpe-config.kpe-portal .big .wrap{flex-direction:column;gap:8px}.kpe-config.kpe-config.kpe-portal .big figure{min-height:0}}@media(min-width:700px){.kpe-config.kpe-config.kpe-portal .rail,.kpe-config.kpe-config.kpe-portal .body,.kpe-config.kpe-config.kpe-portal .foot{padding-left:max(16px,calc(50% - 320px));padding-right:max(16px,calc(50% - 320px))}.kpe-config.kpe-config.kpe-portal .rail{scroll-padding:0 max(16px,calc(50% - 320px))}.kpe-config.kpe-config.kpe-portal .stage{height:42vh;height:42dvh}}.kpe-config.kpe-config .kpe-badge{position:absolute;top:14px;left:14px;z-index:2;background:#111;color:#fff;font-size:12px;font-weight:600;line-height:1;padding:7px 11px;border-radius:999px;pointer-events:none}.kpe-config.kpe-config.kpe-portal .kpe-badge{top:10px;left:10px}.kpe-config.kpe-shins .views{align-items:stretch;height:100%;min-height:0}.kpe-config.kpe-shins .view{max-width:none;height:100%;min-height:0}.kpe-config.kpe-shins .view .holder{min-height:0;height:100%;align-items:center;justify-content:center}.kpe-config.kpe-shins canvas{display:block;width:100%;height:100%;object-fit:contain}.kpe-config.kpe-config.kpe-shins.kpe-portal .stage{padding-top:48px}.kpe-config.kpe-shins .big .wrap{align-items:center}.kpe-config.kpe-shins .big figure{height:100%;justify-content:center}.kpe-config.kpe-config .kpe-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kpe-config.kpe-config .kpe-card{display:flex;flex-direction:column;gap:4px;text-align:left;cursor:pointer;background:var(--bg);border:1.5px solid var(--line);border-radius:10px;padding:16px}.kpe-config.kpe-config .kpe-card:hover{border-color:var(--line-strong)}.kpe-config.kpe-config .kpe-card[aria-pressed=true]{border-color:var(--fg);box-shadow:inset 0 0 0 1px var(--fg)}.kpe-config.kpe-config .kpe-card b{font-size:17px;font-weight:800;letter-spacing:-.01em}.kpe-config.kpe-config .kpe-card span{font-size:13.5px;color:var(--dim);line-height:1.4}.kpe-config.kpe-config .kpe-card em{font-style:normal;font-weight:700;font-size:14px;margin-top:8px}.kpe-config.kpe-config .kpe-pre{background:var(--soft);border-radius:10px;padding:14px 16px;margin:18px 0 14px}.kpe-config.kpe-config .kpe-pre b{display:block;font-size:15px;font-weight:700;margin-bottom:4px}.kpe-config.kpe-config .kpe-pre p{font-size:13.5px;color:var(--dim);line-height:1.45}.kpe-config.kpe-config .kpe-agree{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.4;cursor:pointer}.kpe-config.kpe-config .kpe-agree input{width:22px;height:22px;margin:0;flex:none;accent-color:#111}
/*# sourceMappingURL=/cdn/shop/t/17/assets/kpe-shins.css.map */