.kr,.kr *{box-sizing:border-box}.kr{font-family:var(--font-sans);color:var(--ink);background:var(--paper)}.ic{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.kr-btn{justify-content:center;align-items:center;gap:var(--space-2);height:52px;padding:0 var(--space-5);border-radius:var(--radius-sm);font:700 17px/1 var(--font-sans);cursor:pointer;border:0;text-decoration:none;transition:background .15s;display:inline-flex}.kr-btn .ic{stroke-width:2.5px;width:18px;height:18px}.kr-btn--primary{background:var(--red);color:var(--on-red)}.kr-btn--primary:hover{background:var(--red-deep)}.kr-btn--secondary{background:var(--paper-deep);color:var(--ink)}.kr-btn--secondary:hover{background:var(--line)}.kr-btn--quiet{color:var(--ink);border-bottom:2px solid var(--ink);background:0 0;border-radius:0;height:auto;padding:0 0 4px;font-size:16px;font-weight:600}.kr-btn:focus-visible,.kr-cartbtn:focus-visible,.kr-input:focus-visible,.kr-stepper button:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.kr-btn[disabled]{background:var(--paper-deep);color:var(--ink-soft);cursor:not-allowed}.kr-cartbtn{border-radius:var(--radius-sm);background:var(--red);width:44px;height:44px;color:var(--on-red);cursor:pointer;border:0;flex:none;place-items:center;display:grid}.kr-cartbtn:hover{background:var(--red-deep)}.kr-cartbtn .ic{width:22px;height:22px}.kr-badge{border-radius:var(--radius-pill);background:var(--red);min-width:16px;height:16px;color:var(--on-red);font:700 10px/16px var(--font-sans);text-align:center;padding:0 3px;position:absolute;top:-9px;left:10px}.kr-field{gap:6px;display:grid}.kr-input{height:48px;padding:0 var(--space-4);background:var(--white);border:1px solid var(--ink-soft);border-radius:var(--radius-sm);font:500 16px/1 var(--font-sans);color:var(--ink);width:100%;min-width:0}.kr-input::placeholder{color:var(--ink-soft);opacity:1}.kr-field--error .kr-input{border-color:var(--red);border-width:2px}.kr-error{color:var(--red);font:600 13px/18px var(--font-sans);align-items:center;gap:6px;display:flex}.kr-error .ic{stroke-width:2.25px;width:16px;height:16px}.kr-hint{color:var(--ink-soft)}.kr-stepper{border:1px solid var(--ink-soft);border-radius:var(--radius-sm);background:var(--white);align-items:center;height:48px;display:inline-flex}.kr-stepper button{width:44px;height:100%;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:0;place-items:center;display:grid}.kr-stepper output{text-align:center;min-width:36px;font:700 16px/1 var(--font-sans)}