.kbd{--tan: #A3825F;--teak: #744724;--stone: #D6D3C8;--c-sprout: #C9CEBC;--c-flax: #DCC6A6;--wash-tan: #EFE7DC;--wash-stone: #EEEDE7;--line: 1.5px solid var(--kh-ink)}.kbd [hidden]{display:none!important}.kbd .kbd-wrap{display:grid;gap:clamp(40px,6vw,72px)}.kbd h1,.kbd h2,.kbd h3,.kbd .kh-btn,.kbd .kh-eyebrow,.kbd .kbd-pill,.kbd .kac-nav a,.kbd .kbd-step{text-transform:lowercase}.kbd .kh-btn{border-radius:999px}@keyframes kbd-pop{0%{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}@keyframes kbd-spinslow{to{transform:rotate(360deg)}}@keyframes kbd-shake{0%,to{transform:translate(-50%) rotate(0)}25%{transform:translate(-50%) rotate(-7deg)}75%{transform:translate(-50%) rotate(7deg)}}@keyframes kbd-fall{to{transform:translate(var(--dx),110vh) rotate(540deg);opacity:.2}}@keyframes kbd-glow{0%,to{box-shadow:0 0 #dcc6a600}50%{box-shadow:0 0 0 8px #dcc6a659}}.kbd-head{display:grid;gap:14px}.kbd-hello{margin:0;font-size:clamp(48px,8vw,104px);line-height:1;letter-spacing:-.035em;font-weight:400;overflow-wrap:anywhere}.kbd .kac-nav{gap:8px;padding:0}.kh.kbd .kac-nav a{min-height:40px;padding:0 18px;border:var(--line);border-radius:999px}.kh.kbd .kac-nav a:hover{text-decoration:none;background:var(--wash-tan)}.kh.kbd .kac-nav a[aria-current]{background:var(--kh-olive);border-color:var(--kh-olive);color:var(--kh-ground)}.kh.kbd .kac-nav a[aria-current] span{color:#f8f6f2bf}.kbd-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-flow:row dense;gap:16px}.kbd-grid>*{animation:kbd-pop .5s cubic-bezier(.2,.7,.2,1) both}.kbd-grid>:nth-child(2){animation-delay:.05s}.kbd-grid>:nth-child(3){animation-delay:.1s}.kbd-grid>:nth-child(n+4){animation-delay:.15s}.kbd-s2{grid-column:span 2}.kbd-s3{grid-column:span 3}.kbd-s4{grid-column:span 4}.kbd-s6{grid-column:span 6}.kbd-tile{position:relative;display:grid;gap:10px;align-content:start;min-width:0;padding:24px 24px 22px;border:var(--line);border-radius:26px;background:var(--kh-ground);color:var(--kh-ink);overflow:hidden}.kbd-tile:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1.5px solid currentColor;border-radius:19px;opacity:.5;pointer-events:none}.kbd-tile>*{position:relative;z-index:1}.kbd-tile[hidden]{display:none}.kbd-tile h2{margin:0;font-size:22px;line-height:1.15;font-weight:400;text-wrap:balance}.kbd-tile p{margin:0}.kbd-tile .kbd-meta,.kbd-meta{font-size:12px;line-height:1.5;color:var(--kh-grey)}.kbd-tile .kh-eyebrow{color:var(--kh-grey)}.kbd-flax{background:var(--c-flax)}.kbd-sprout{background:var(--c-sprout)}.kbd-stone{background:var(--stone)}.kbd-wash{background:var(--wash-tan)}.kbd-flax .kbd-meta,.kbd-sprout .kbd-meta,.kbd-stone .kbd-meta,.kbd-flax .kh-eyebrow,.kbd-sprout .kh-eyebrow,.kbd-stone .kh-eyebrow{color:#141414b8}.kbd-olive{background:var(--kh-olive);border-color:var(--kh-olive);color:var(--kh-ground)}.kbd-olive .kbd-meta,.kbd-olive .kh-eyebrow{color:#f8f6f2c7}.kh .kbd-tile a:not(.kh-btn):not(.kbd-pill){color:inherit;text-decoration:underline;text-underline-offset:3px}.kbd-pill{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 20px;border:1.5px solid currentColor;border-radius:999px;background:transparent;color:inherit;font:inherit;font-size:13px;cursor:pointer;text-decoration:none;transition:background .2s,color .2s}.kh .kbd-pill{text-decoration:none}.kbd-pill:hover{background:var(--kh-ink);border-color:var(--kh-ink);color:var(--kh-ground)}.kbd-olive .kbd-pill{border-color:var(--kh-ground)}.kbd-olive .kbd-pill:hover{background:var(--kh-ground);color:var(--kh-ink)}.kbd-pill--solid{background:var(--kh-ground);color:var(--kh-ink);border-color:var(--kh-ground)}.kbd-pill:disabled{opacity:.5;cursor:default}.kbd-pill:focus-visible,.kbd-hub:focus-visible{outline:2px solid currentColor;outline-offset:3px}.kbd-row{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.kbd-stage__top{display:flex;justify-content:space-between;align-items:flex-end;gap:12px 24px;flex-wrap:wrap}.kbd .kbd-stage__name{font-size:clamp(30px,3.4vw,40px);line-height:1;letter-spacing:-.01em;text-transform:lowercase}.kbd-pts{text-align:right}.kbd-pts b{display:block;font-weight:400;font-size:clamp(40px,5vw,64px);line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.kbd-bar{display:grid;gap:6px;margin-top:4px}.kbd-bar__ends{display:flex;justify-content:space-between;font-size:12px;text-transform:lowercase}.kbd-bar__track{position:relative;height:14px;border:var(--line);border-radius:999px;background:var(--kh-ground);overflow:hidden}.kbd-bar__fill{position:absolute;inset:0 auto 0 0;width:0;background:repeating-linear-gradient(90deg,var(--kh-olive) 0 8px,#3d4425 8px 10px);border-radius:999px;transition:width 1.4s cubic-bezier(.2,.7,.2,1)}.kbd-skel{display:inline-block;min-width:4ch;border-radius:6px;background:#14141414;color:transparent}.kbd-play{align-content:center}.kbd-play .kbd-row{flex-wrap:nowrap;align-items:center}.kbd-mini{width:92px;height:92px;flex-shrink:0;animation:kbd-spinslow 16s linear infinite}.kbd-play.is-ready .kbd-mini{animation-duration:6s}.kbd-play.is-ready .kbd-pill--solid{animation:kbd-glow 2.4s ease-in-out infinite}.kbd-play__copy{display:grid;gap:8px;min-width:0}.kbd-code{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 8px 8px 16px;border:1.5px dashed var(--kh-ink);border-radius:16px;background:var(--kh-ground)}.kbd-code span{font-size:18px;letter-spacing:.14em;overflow-wrap:anywhere}.kbd-code .kbd-pill{min-height:34px;padding:0 14px;font-size:12px;flex-shrink:0}.kbd-track{list-style:none;margin:4px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.kbd-step{position:relative;display:grid;gap:6px;justify-items:center;text-align:center;font-size:11px;color:var(--kh-grey)}.kbd-step:before{content:"";position:absolute;top:10px;right:50%;width:100%;border-top:1.5px dashed rgba(20,20,20,.35)}.kbd-step:first-child:before{display:none}.kbd-step i{position:relative;width:22px;height:22px;border-radius:50%;border:var(--line);background:var(--kh-ground)}.kbd-step.is-done{color:var(--kh-ink)}.kbd-step.is-done i{background:var(--kh-olive);border-color:var(--kh-olive)}.kbd-step.is-done:before{border-top:1.5px solid var(--kh-olive)}.kbd-step.is-now i{background:var(--c-flax);border-color:var(--kh-ink);box-shadow:0 0 0 4px var(--kh-ground),0 0 0 5.5px var(--kh-ink)}.kbd-bed{list-style:none;margin:0;padding:0;display:grid;gap:12px}.kbd-bed li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:14px;align-items:center}.kbd-bed__img{width:56px;height:56px;border-radius:14px;border:var(--line);overflow:hidden;background:var(--kh-sand)}.kbd-bed__img img{width:100%;height:100%;object-fit:cover;display:block}.kbd-bed b{display:block;font-weight:400;font-size:14px;line-height:1.35}.kbd-sheet{width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:var(--line);border-radius:36px;background:var(--kh-ground);color:var(--kh-ink);overflow:hidden auto}.kbd-sheet[open]{animation:kbd-pop .35s cubic-bezier(.2,.7,.2,1)}.kbd-sheet::backdrop{background:#1414146b}.kbd-sheet__in{position:relative;display:grid;justify-items:center;gap:12px;text-align:center;padding:30px 22px 28px}.kbd-sheet h2{margin:0;font-size:clamp(30px,6vw,42px);line-height:1.05;font-weight:400;letter-spacing:-.01em;text-transform:lowercase}.kbd-x{position:absolute;top:14px;right:14px;width:40px;height:40px;border:var(--line);border-radius:50%;background:var(--kh-ground);color:var(--kh-ink);font:inherit;font-size:18px;cursor:pointer;z-index:3}.kbd-x:hover{background:var(--kh-ink);color:var(--kh-ground)}.kbd-wheel{position:relative;width:min(340px,78vw);aspect-ratio:1;margin-top:20px}.kbd-wheel [data-disc]{position:absolute;top:0;right:0;bottom:0;left:0}.kbd-wheel svg.kbd-disc{display:block;width:100%;height:100%;transition:transform 4.8s cubic-bezier(.12,.72,.12,1)}.kbd-needle{position:absolute;left:50%;top:-24px;width:34px;transform:translate(-50%);transform-origin:50% 20%;z-index:2}.kbd-wheel.is-spinning .kbd-needle{animation:kbd-shake .12s linear infinite}.kbd-hub{position:absolute;left:50%;top:50%;width:27%;aspect-ratio:1;transform:translate(-50%,-50%);border:var(--line);border-radius:50%;background:var(--kh-ground);color:var(--kh-ink);font:inherit;font-size:clamp(15px,4vw,20px);text-transform:lowercase;cursor:pointer;z-index:2;transition:transform .2s}.kbd-hub:hover:not(:disabled){transform:translate(-50%,-50%) scale(1.06)}.kbd-hub:disabled{cursor:default}.kbd-win{display:grid;gap:6px;justify-items:center;width:100%;max-width:360px;padding:20px 24px 22px;border:var(--line);border-radius:24px;background:var(--c-flax);position:relative;animation:kbd-pop .5s cubic-bezier(.2,.7,.2,1)}.kbd-win:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:1.5px solid var(--kh-ink);border-radius:17px;opacity:.8;pointer-events:none}.kbd-win[hidden]{display:none}.kbd-win b{font-weight:400;font-size:28px;line-height:1.1;text-transform:lowercase}.kbd-win p{margin:0;font-size:13px;line-height:1.5;position:relative;z-index:1}.kbd-win .kbd-pill{margin-top:6px;position:relative;z-index:1}.kbd-confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:2147483000}.kbd-confetti i{position:absolute;top:-12px;width:7px;height:7px;border-radius:50%;animation:kbd-fall 1.9s ease-in forwards}@keyframes kbd-thump{0%{transform:scale(2.2) rotate(-24deg);opacity:0}60%{transform:scale(.92) rotate(var(--r, 8deg));opacity:1}to{transform:scale(1) rotate(var(--r, 8deg))}}.kbd-post{background:var(--wash-stone)}.kbd-post__head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.kbd-post__copy{display:grid;gap:8px;max-width:40rem}.kbd-post__count{flex-shrink:0;padding:6px 14px;border:1.5px solid var(--kh-ink);border-radius:999px;background:var(--kh-ground);font-size:13px;font-variant-numeric:tabular-nums}.kbd-post.is-full .kbd-post__count{background:var(--kh-olive);border-color:var(--kh-olive);color:var(--kh-ground)}.kbd-stamps{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(8px,2vw,22px)}.kbd-slot{position:relative;aspect-ratio:1;max-width:132px;width:100%;justify-self:center;border-radius:50%;border:1.5px dashed rgba(20,20,20,.35);display:grid;place-items:center;text-align:center;font-size:11px;line-height:1.2;color:var(--kh-grey);text-transform:lowercase}.kbd-slot--gift{border:1.5px solid var(--kh-olive);background:var(--c-sprout);color:var(--kh-ink)}.kbd-slot--now{border-color:var(--kh-ink)}.kbd-st{position:absolute;top:7%;right:7%;bottom:7%;left:7%;border-radius:50%;border:2px solid var(--teak);color:var(--teak);background:#efe7dcd9;display:grid;place-items:center;align-content:center;gap:1px;transform:rotate(var(--r, 8deg));text-transform:lowercase}.kbd-st:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;border:1px dashed currentColor;opacity:.6}.kbd-st b{font-weight:400;font-size:clamp(13px,2vw,20px);line-height:1}.kbd-st span{font-size:clamp(9px,1.2vw,11px);opacity:.85}.kbd-st.is-new{animation:kbd-thump .6s cubic-bezier(.2,.7,.2,1) .3s both}.kbd-slot--gift .kbd-st{border-color:var(--kh-olive);color:var(--kh-olive);background:var(--c-sprout)}@media(max-width:680px){.kbd-stamps{grid-template-columns:repeat(3,minmax(0,1fr))}.kbd-post__head{flex-direction:column}}@media(prefers-reduced-motion:reduce){.kbd-st.is-new{animation:none}}.kbd-vch{background:var(--teak);border-color:var(--teak);color:var(--kh-ground)}.kbd-vch .kbd-meta,.kbd-vch .kh-eyebrow{color:#f8f6f2cc}.kbd-vch .kbd-pill{border-color:var(--kh-ground)}.kbd-vch .kbd-pill:hover:not(:disabled){background:var(--kh-ground);color:var(--kh-ink)}.kbd-vch .kbd-pill--solid,.kh .kbd-tile.kbd-vch a.kbd-pill--solid{background:var(--kh-ground);color:var(--kh-ink)}.kbd-vch .kbd-pill--solid:hover:not(:disabled),.kh .kbd-tile.kbd-vch a.kbd-pill--solid:hover{background:var(--c-flax);border-color:var(--c-flax);color:var(--kh-ink)}.kbd-vch .kbd-code{color:var(--kh-ink);border-color:var(--kh-ground);width:fit-content;max-width:100%}.kbd-vch .kbd-code .kbd-pill{border-color:var(--kh-ink)}.kbd-vch .kbd-code .kbd-pill:hover{background:var(--kh-ink);color:var(--kh-ground)}.kbd-vch h2{font-size:clamp(24px,2.6vw,32px);max-width:30em}.kbd-vch.is-ready{animation:kbd-pop .5s cubic-bezier(.2,.7,.2,1) both}.kbd-vch.is-busy{opacity:.85}.kbd-lnk{background:none;border:0;padding:0;font:inherit;font-size:13px;color:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer;text-transform:lowercase}.kbd-vch .kbd-lnk{color:#f8f6f2d9}.kbd-lnk:hover{color:var(--kh-ground)}.kbd-chips{display:flex;flex-wrap:wrap;gap:8px}.kbd-chip{display:grid;gap:2px;justify-items:start;min-height:44px;padding:8px 16px;border:1.5px solid rgba(248,246,242,.8);border-radius:999px;background:transparent;color:inherit;font:inherit;font-size:14px;line-height:1.1;cursor:pointer;text-transform:lowercase;transition:background .2s,color .2s}.kbd-chip small{font-size:11px;opacity:.8}.kbd-chip:hover:not(:disabled),.kbd-chip[aria-pressed=true]{background:var(--kh-ground);color:var(--kh-ink);border-color:var(--kh-ground)}.kbd-chip:disabled{opacity:.4;cursor:default}.kbd-chip:focus-visible{outline:2px solid var(--kh-ground);outline-offset:3px}.kbd-vlist{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:6px;font-size:12px;color:#f8f6f2d9}.kbd-vlist li{display:flex;flex-wrap:wrap;gap:4px 12px}.kbd-vlist__code{letter-spacing:.12em}.kbd-orders{display:grid;gap:8px}@media(max-width:1023px){.kbd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kbd-s2,.kbd-s3{grid-column:span 1}.kbd-s4,.kbd-s6{grid-column:span 2}}@media(max-width:680px){.kbd-grid{grid-template-columns:minmax(0,1fr);gap:14px}.kbd-vch .kbd-row>.kbd-pill{flex:1 1 100%}.kbd-vch .kbd-code{width:auto}.kbd-grid>*{grid-column:auto!important}.kbd-tile{padding:22px 20px 20px}.kbd-mini{width:76px;height:76px}.kbd-sheet{width:100vw;max-width:100vw;margin:auto 0 0;border-radius:30px 30px 0 0;border-bottom:0}}@media(prefers-reduced-motion:reduce){.kbd-grid>*,.kbd-mini,.kbd-sheet[open],.kbd-win,.kbd-play.is-ready .kbd-pill--solid{animation:none}.kbd-wheel svg.kbd-disc{transition-duration:.01s}.kbd-bar__fill{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/katha-board.css.map */