.kkb{--kkb-fg: var(--color-foreground);--kkb-g: var(--color-button);--kkb-bg: var(--color-background);--kkb-red: 158, 47, 56;margin:.2rem 0 1.8rem;font-family:var(--font-body-family);color:rgb(var(--kkb-fg))}.kkb *,.kkb *:before,.kkb *:after{box-sizing:border-box}.kkb__title{margin:0 0 1.4rem;font-size:1.7rem;line-height:1.3;font-weight:800;letter-spacing:0;text-align:center;text-wrap:balance;color:rgb(var(--kkb-fg))}@media screen and (min-width:750px){.kkb__title{font-size:1.9rem}}.kkb__tiers{display:grid;gap:1.4rem}.kkb-tier{position:relative;border:1px solid rgba(var(--kkb-fg),.14);border-radius:1.4rem;background:rgb(var(--kkb-bg));transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.kkb-tier:hover{border-color:rgba(var(--kkb-fg),.3)}.kkb-tier.is-on{border-color:rgb(var(--kkb-g));box-shadow:0 0 0 1px rgb(var(--kkb-g));background:rgba(var(--kkb-g),.035)}.kkb-tier__head{display:grid;grid-template-columns:2rem minmax(0,1fr) auto;align-items:center;gap:1.2rem;width:100%;margin:0;padding:1.5rem 1.6rem;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.kkb-tier__head:focus-visible{outline:2px solid rgb(var(--kkb-g));outline-offset:2px;border-radius:1.4rem}.kkb-tier__radio{width:2rem;height:2rem;border-radius:50%;border:1.5px solid rgba(var(--kkb-fg),.32);display:grid;place-items:center;transition:border-color .2s ease}.kkb-tier__radio:after{content:"";width:1rem;height:1rem;border-radius:50%;background:rgb(var(--kkb-g));transform:scale(0);transition:transform .2s ease}.kkb-tier.is-on .kkb-tier__radio{border-color:rgb(var(--kkb-g))}.kkb-tier.is-on .kkb-tier__radio:after{transform:scale(1)}.kkb-tier__main{display:flex;flex-direction:column;gap:.2rem;min-width:0}.kkb-tier__name{font-size:1.65rem;font-weight:700;line-height:1.2;letter-spacing:.02rem}.kkb-tier__sub{font-size:1.25rem;line-height:1.3;color:rgba(var(--kkb-fg),.62)}.kkb-tier__sub b{font-weight:600;color:rgb(var(--kkb-g))}.kkb-tier__price{display:flex;flex-direction:column;align-items:flex-end;gap:.1rem;white-space:nowrap}.kkb-tier__now{font-size:1.65rem;font-weight:700;line-height:1.2}.kkb-tier__was{font-size:1.2rem;line-height:1.2;color:rgba(var(--kkb-fg),.48);text-decoration:line-through}.kkb-tier__badge{position:absolute;top:0;right:1.4rem;transform:translateY(-50%);padding:.25rem .9rem;border-radius:2rem;background:rgb(var(--kkb-g));color:rgb(var(--color-button-text));font-size:1.05rem;font-weight:700;line-height:1.5;letter-spacing:.06rem;white-space:nowrap}.kkb-tier__body{display:grid;gap:1.4rem;margin:0 1.6rem;padding:1.4rem 0 1.6rem;border-top:1px solid rgba(var(--kkb-fg),.09);animation:kkb-in .25s ease}@keyframes kkb-in{0%{opacity:0;transform:translateY(-.4rem)}to{opacity:1;transform:none}}.kkb-slot{display:grid;gap:.8rem}.kkb-slot__top{display:flex;align-items:baseline;gap:.6rem;font-size:1.3rem;line-height:1.3}.kkb-slot__n{font-weight:700}.kkb-slot__val{color:rgba(var(--kkb-fg),.62)}.kkb-slot__row{display:flex;align-items:center;justify-content:space-between;gap:1.2rem}.kkb-sw{display:flex;flex-wrap:nowrap;gap:.8rem;min-width:0}.kkb-sw--wrap{flex-wrap:wrap}.kkb-sw__b{flex:none;width:2.8rem;height:2.8rem;margin:0;padding:0;border-radius:50%;border:1px solid rgba(0,0,0,.14);background:var(--sw);cursor:pointer;transition:box-shadow .15s ease;-webkit-tap-highlight-color:transparent}.kkb-sw__b[aria-pressed=true]{box-shadow:0 0 0 2px rgb(var(--kkb-bg)),0 0 0 3.5px rgb(var(--kkb-g))}.kkb-sw__b:focus-visible{outline:2px solid rgb(var(--kkb-g));outline-offset:3px}.kkb-sw__b:disabled{opacity:.3;cursor:not-allowed}.kkb-sel{position:relative;flex:0 1 13rem;min-width:10rem}.kkb-sel select{-webkit-appearance:none;appearance:none;display:block;width:100%;height:4rem;min-height:0;margin:0;padding:0 3.4rem 0 1.6rem;border:1px solid rgba(var(--kkb-fg),.24);border-radius:4rem;background:rgb(var(--kkb-bg));font:inherit;font-size:1.4rem;line-height:1;letter-spacing:.02rem;color:rgb(var(--kkb-fg));cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.kkb-sel select:focus{outline:none;border-color:rgb(var(--kkb-g));box-shadow:0 0 0 1px rgb(var(--kkb-g))}.kkb-sel select.is-empty{color:rgba(var(--kkb-fg),.6)}.kkb-sel:after{content:"";position:absolute;top:50%;right:1.5rem;width:.7rem;height:.7rem;border-right:1.5px solid rgba(var(--kkb-fg),.7);border-bottom:1.5px solid rgba(var(--kkb-fg),.7);transform:translateY(-70%) rotate(45deg);pointer-events:none}.kkb-sel.is-missing select{border-color:rgb(var(--kkb-red));box-shadow:0 0 0 1px rgb(var(--kkb-red));animation:kkb-nudge .35s ease}@keyframes kkb-nudge{0%,to{transform:none}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.kkb-slot__opts{display:grid;gap:.8rem}.kkb-pills{display:flex;flex-wrap:wrap;gap:.6rem}.kkb-pill{min-height:3.4rem;margin:0;padding:.4rem 1.3rem;border:1px solid rgba(var(--kkb-fg),.22);border-radius:4rem;background:rgb(var(--kkb-bg));font:inherit;font-size:1.3rem;line-height:1.2;letter-spacing:.02rem;color:rgb(var(--kkb-fg));cursor:pointer;transition:border-color .15s ease,background-color .15s ease,color .15s ease;-webkit-tap-highlight-color:transparent}.kkb-pill:hover{border-color:rgba(var(--kkb-fg),.5)}.kkb-pill[aria-pressed=true]{border-color:rgb(var(--kkb-g));box-shadow:inset 0 0 0 1px rgb(var(--kkb-g));background:rgba(var(--kkb-g),.08);color:rgb(var(--kkb-g));font-weight:600}.kkb-pill:disabled{opacity:.35;text-decoration:line-through;cursor:not-allowed}.kkb-pill:focus-visible{outline:2px solid rgb(var(--kkb-g));outline-offset:2px}.kkb-tier__extra{display:inline-block;align-self:flex-start;margin:.4rem 0 .2rem;padding:.2rem .9rem;border-radius:2rem;background:#b4432f;color:#fff;font-size:1.15rem;font-weight:700;line-height:1.5;letter-spacing:.02rem;white-space:nowrap}.kkb-tier__extra:empty{display:none}.kkb-pill{position:relative}.kkb-pill--sub{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:.6rem 1.3rem;border-radius:1.2rem;text-align:left}.kkb-pill__sub{display:block;margin-top:.2rem;font-size:1.1rem;font-weight:400;opacity:.75}.kkb-pill__pop{position:absolute;top:-.9rem;right:.8rem;padding:0 .7rem;border-radius:2rem;background:#b4432f;color:#fff;font-size:.95rem;font-weight:800;line-height:1.7;letter-spacing:.04rem;text-transform:uppercase;white-space:nowrap}.kkb-pills:has(.kkb-pill__pop){padding-top:.9rem}.kkb-note{margin:.7rem 0 0;padding:.6rem 1rem;border-radius:.8rem;background:#fff6e0;color:#6e4a00;font-size:1.2rem;line-height:1.4}.kkb-sel--wide{flex:1 1 auto;max-width:100%}.kkb-pick{display:flex;gap:.8rem;margin:0 -1.6rem;padding:.4rem 1.6rem .6rem;overflow-x:auto;scroll-padding:0 1.6rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}.kkb-pick::-webkit-scrollbar{display:none}.kkb-card{position:relative;flex:0 0 9.2rem;display:flex;flex-direction:column;gap:.5rem;margin:0;padding:.6rem .6rem .8rem;border:1px solid rgba(var(--kkb-fg),.14);border-radius:1.2rem;background:rgb(var(--kkb-bg));font:inherit;color:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent}.kkb-card:hover{border-color:rgba(var(--kkb-fg),.35)}.kkb-card[aria-pressed=true]{border-color:rgb(var(--kkb-g));box-shadow:0 0 0 1px rgb(var(--kkb-g))}.kkb-card:focus-visible{outline:2px solid rgb(var(--kkb-g));outline-offset:2px}.kkb-card__img{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:.8rem;background:rgba(var(--kkb-fg),.04);object-fit:cover}.kkb-card__name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.9rem;font-size:1.15rem;font-weight:600;line-height:1.25;letter-spacing:.01rem}.kkb-card__price{display:flex;flex-direction:column;gap:.1rem;font-size:1.15rem;line-height:1.2}.kkb-card__now{font-weight:700;color:rgb(var(--kkb-fg))}.kkb-card__was{font-size:1.05rem;color:rgba(var(--kkb-fg),.48)}.kkb-slot--media{grid-template-columns:6.4rem minmax(0,1fr);column-gap:1.2rem;align-items:start}.kkb-slot__img{display:block;width:6.4rem;height:6.4rem;border-radius:1rem;object-fit:cover;background:rgba(var(--kkb-fg),.04);border:1px solid rgba(var(--kkb-fg),.08)}.kkb-slot__main{display:grid;gap:.8rem;min-width:0}.kkb-card__tick{position:absolute;top:.9rem;right:.9rem;width:2rem;height:2rem;border-radius:50%;background:rgb(var(--kkb-g));color:rgb(var(--color-button-text));display:grid;place-items:center;transform:scale(0);transition:transform .15s ease}.kkb-card__tick svg{width:1.1rem;height:1.1rem}.kkb-card[aria-pressed=true] .kkb-card__tick{transform:scale(1)}.kkb-pick.is-missing .kkb-card{border-color:rgba(var(--kkb-red),.6);animation:kkb-nudge .35s ease}.kkb-atc{display:flex;align-items:center;justify-content:center;gap:.8rem;width:100%;min-height:5.2rem;margin:1.6rem 0 0;padding:0 2rem;border:0;border-radius:4rem;background:rgb(var(--kkb-g));color:rgb(var(--color-button-text));font:inherit;font-size:1.6rem;font-weight:700;letter-spacing:.06rem;cursor:pointer;transition:opacity .2s ease,transform .1s ease;-webkit-tap-highlight-color:transparent}.kkb-atc:hover{filter:brightness(1.08)}.kkb-atc:active{transform:scale(.99)}.kkb-atc:focus-visible{outline:2px solid rgb(var(--kkb-g));outline-offset:3px}.kkb-atc.is-waiting{background:rgba(var(--kkb-g),.84)}.kkb-atc[aria-busy=true]{background:rgba(var(--kkb-g),.7);cursor:progress}.kkb-atc__sep{opacity:.55;font-weight:400}.kkb-msg{min-height:0;margin:.8rem 0 0;font-size:1.3rem;line-height:1.4;text-align:center;color:rgb(var(--kkb-red))}.kkb-msg:empty{display:none}@media screen and (max-width:374px){.kkb-tier__head{padding:1.4rem 1.3rem;gap:1rem}.kkb-tier__body{margin:0 1.3rem}.kkb-slot__row{gap:.8rem}.kkb-sw{gap:.5rem}.kkb-sw__b{width:2.4rem;height:2.4rem}.kkb-sel{flex-basis:10.5rem;min-width:9rem}.kkb-sel select{padding:0 3rem 0 1.3rem;font-size:1.35rem}.kkb-sel:after{right:1.3rem}.kkb-pick{margin:0 -1.3rem;padding-left:1.3rem;padding-right:1.3rem}.kkb-card{flex-basis:8.8rem}}@media(prefers-reduced-motion:reduce){.kkb-tier__body,.kkb-sel.is-missing select,.kkb-pick.is-missing .kkb-card{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/kk-bundle.css.map */