.kd-wrap-outer{padding:28px 16px}.kwd-dreidel{--bg: #0d0806;--cream: #f4ead9;--muted: #b7a593;--gold: #e2b75a;--gold-hi: #f7e3a8;--gold-lo: #b88a36;--line: rgba(255, 236, 205, .14);--ease: cubic-bezier(.2, .8, .2, 1);--spring: cubic-bezier(.34, 1.56, .64, 1);position:relative;overflow:clip;isolation:isolate;box-sizing:border-box;display:flex;max-width:1380px;margin:0 auto;min-height:clamp(640px,82vh,820px);border-radius:32px;background:var(--bg);color:var(--cream);font:400 16px/1.5 var(--kd-body, system-ui, sans-serif);-webkit-font-smoothing:antialiased;text-align:left;font-synthesis:none}.kwd-dreidel :is(.kd-eyebrow,.kd-legend li,.kd-card-name,.kd-price,.kd-link,.kd-bag-total,.kd-ship b,.kd-toast){font-family:var(--kd-strong, var(--kd-body, system-ui, sans-serif))}.kwd-dreidel *,.kwd-dreidel *:before,.kwd-dreidel *:after{box-sizing:border-box}.kwd-dreidel :is(h2,h3,p,ul){margin:0;padding:0}.kwd-dreidel :is(h2,h3,p,a,button,span,li,b,em){text-transform:none}.kwd-dreidel :is(.kd-title,.kd-r-title){letter-spacing:-.02em;text-shadow:none}.kwd-dreidel .kd-stage{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}.kwd-dreidel .kd-stage:active{cursor:grabbing}.kwd-dreidel .kd-poster,.kwd-dreidel .kd-poster img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.kwd-dreidel .kd-canvas,.kwd-dreidel .kd-canvas canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.kwd-dreidel .kd-canvas{opacity:0;transition:opacity .7s var(--ease)}.kwd-dreidel .kd-stage.is-live .kd-canvas{opacity:1}.kwd-dreidel .kd-stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#0d0806f0,#0d0806c7 26%,#0d080626 50%,#0d080600 62%),linear-gradient(0deg,#0d0806d9,#0d080600 22%),linear-gradient(180deg,#0d0806b3,#0d080600 18%)}.kwd-dreidel.is-poster .kd-ui,.kwd-dreidel.is-poster .kd-hint,.kwd-dreidel.is-poster .kd-stage:after,.kwd-dreidel.is-poster .kd-poster{display:none}.kwd-dreidel .kd-hint{position:absolute;left:62%;bottom:7%;transform:translate(-50%);z-index:2;white-space:nowrap;pointer-events:none;padding:8px 16px;border-radius:99px;font-size:13px;color:var(--cream);background:#fff0dc14;border:1px solid var(--line);-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);transition:opacity .6s,transform .6s var(--ease)}.kwd-dreidel .kd-hint.is-gone{opacity:0;transform:translate(-50%,10px)}.kwd-dreidel .kd-ui{position:relative;z-index:2;flex:1;pointer-events:none;padding:56px clamp(24px,4vw,56px);display:flex;flex-direction:column;justify-content:center;gap:22px}.kwd-dreidel .kd-ui>*{width:min(470px,42%);pointer-events:auto}.kwd-dreidel .kd-eyebrow{margin-bottom:12px;font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}.kwd-dreidel .kd-title{font-family:var(--kd-head, Georgia, serif);font-weight:500;color:var(--cream);font-size:clamp(38px,4.4vw,62px);line-height:1.04;letter-spacing:-.02em;transition:font-size .7s var(--ease)}.kwd-dreidel.is-result .kd-title{font-size:clamp(28px,2.6vw,38px)}.kwd-dreidel .kd-title em{display:block;font-style:var(--kd-em, italic);font-weight:inherit;background:linear-gradient(180deg,var(--gold-hi),var(--gold) 55%,var(--gold-lo));-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.12em;margin-bottom:-.12em}.kwd-dreidel .kd-copy{display:grid;min-width:0}.kwd-dreidel .kd-panel{grid-area:1 / 1;min-width:0;transition:opacity .6s var(--ease),transform .8s var(--ease),filter .6s var(--ease),visibility 0s}.kwd-dreidel .kd-panel:not(.is-on){opacity:0;transform:translateY(16px);filter:blur(8px);visibility:hidden;pointer-events:none;transition-delay:0s,0s,0s,.6s}.kwd-dreidel .kd-sub{margin-bottom:22px;max-width:36ch;font-size:17px;color:var(--muted)}.kwd-dreidel .kd-legend{list-style:none;display:flex;flex-wrap:wrap;gap:8px}.kwd-dreidel .kd-legend li{display:flex;align-items:center;gap:8px;margin:0;padding:6px 14px 6px 6px;border-radius:99px;font-size:14px;font-weight:500;color:var(--cream);background:#fff0dc0f;border:1px solid var(--line);transition:transform .5s var(--spring),border-color .4s,background .4s}.kwd-dreidel .kd-legend b,.kwd-dreidel .kd-r-glyph{display:grid;place-items:center;flex:none;border-radius:50%;background:radial-gradient(circle at 35% 30%,#7f1d38,#4a0a1d 70%);box-shadow:inset 0 0 0 1px #f7e3a859,inset 0 1px #ffffff2e}.kwd-dreidel .kd-legend b{width:30px;height:30px}.kwd-dreidel .kd-legend li.is-hit{transform:translateY(-2px);background:#e2b75a29;border-color:#e2b75ab3}.kwd-dreidel .kd-r-head{display:flex;align-items:center;gap:16px}.kwd-dreidel .kd-r-glyph{width:64px;height:64px}.kwd-dreidel .kd-result.is-on .kd-r-glyph{animation:kd-pop .8s var(--spring)}@keyframes kd-pop{0%{transform:scale(.4) rotate(-20deg);opacity:0}}.kwd-dreidel .kd-r-head .kd-eyebrow{margin-bottom:2px}.kwd-dreidel .kd-r-title{font:500 clamp(30px,3.2vw,42px)/1.05 var(--kd-head, Georgia, serif);letter-spacing:-.02em;color:var(--cream)}.kwd-dreidel .kd-r-line{margin:14px 0 18px;color:var(--muted);font-size:16px;max-width:40ch}.kwd-dreidel .kd-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-bottom:12px}.kwd-dreidel .kd-cards>:nth-child(n+4){display:none}.kwd-dreidel .kd-card{display:flex;flex-direction:column;min-width:0;padding:8px;border-radius:20px;background:#fff0dc12;border:1px solid var(--line);opacity:0;transform:translateY(16px);animation:kd-rise .8s var(--ease) forwards;transition:border-color .3s,background .3s}.kwd-dreidel .kd-card:hover{border-color:#e2b75a80;background:#fff0dc1a}@keyframes kd-rise{to{opacity:1;transform:none}}.kwd-dreidel .kd-card-img{position:relative;display:block;aspect-ratio:1 / 1.15;border-radius:14px;overflow:hidden;background:#fff}.kwd-dreidel .kd-card-img img{position:absolute;top:7%;right:7%;bottom:7%;left:7%;width:86%;height:86%;object-fit:contain;transition:transform .7s var(--ease)}.kwd-dreidel .kd-card:hover .kd-card-img img{transform:scale(1.06)}.kwd-dreidel .kd-card-name{margin:9px 4px 0;font-size:13px;font-weight:500;line-height:1.3;min-height:2.6em;color:var(--cream);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kwd-dreidel .kd-card-name a{color:inherit;text-decoration:none}.kwd-dreidel .kd-card-row{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:8px 4px 2px}.kwd-dreidel .kd-price{font-weight:600;font-size:14.5px}.kwd-dreidel .kd-add{border:0;cursor:pointer;height:30px;padding:0 12px;border-radius:99px;min-width:0;margin:0;font:600 12.5px var(--kd-strong, var(--kd-body, system-ui, sans-serif));color:#2a1608;text-transform:none;letter-spacing:0;background:linear-gradient(180deg,var(--gold-hi),var(--gold) 60%,var(--gold-lo));box-shadow:inset 0 1px #fff9,0 6px 14px -6px #e2b75a99;transition:transform .35s var(--spring),filter .3s}.kwd-dreidel .kd-add:hover{filter:brightness(1.06)}.kwd-dreidel .kd-add:active{transform:scale(.94)}.kwd-dreidel .kd-add.is-done{background:linear-gradient(180deg,#d9efd9,#9ccc9c)}.kwd-dreidel .kd-link{display:inline-flex;gap:6px;color:var(--gold);font-weight:600;font-size:14px;text-decoration:none}.kwd-dreidel .kd-link:after{content:"\2192";transition:transform .3s var(--ease)}.kwd-dreidel .kd-link:hover:after{transform:translate(4px)}.kwd-dreidel .kd-actions{display:flex;gap:10px}.kwd-dreidel .kd-spin{position:relative;flex:1;overflow:hidden;border:0;cursor:pointer;height:58px;border-radius:99px;margin:0;font:600 16px var(--kd-strong, var(--kd-body, system-ui, sans-serif));letter-spacing:.01em;color:#2a1608;text-transform:none;background:linear-gradient(180deg,var(--gold-hi) 0%,var(--gold) 55%,var(--gold-lo) 100%);box-shadow:inset 0 1px #ffffffb3,inset 0 -2px 6px #78460a59,0 18px 40px -16px #e2b75aa6;transition:transform .4s var(--spring),filter .3s,opacity .3s}.kwd-dreidel .kd-spin:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-120%);background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);animation:kd-sheen 3.8s var(--ease) infinite 1.4s}@keyframes kd-sheen{55%,to{transform:translate(120%)}}.kwd-dreidel .kd-spin:hover{filter:brightness(1.05)}.kwd-dreidel .kd-spin:active{transform:scale(.97)}.kwd-dreidel .kd-spin:disabled{cursor:default;opacity:.55}.kwd-dreidel .kd-spin:disabled:before{animation:none}.kwd-dreidel .kd-spin-label{position:relative}.kwd-dreidel .kd-spin.is-busy .kd-spin-label:after{content:"";display:inline-block;width:14px;height:14px;margin-left:10px;vertical-align:-2px;border-radius:50%;border:2px solid rgba(42,22,8,.25);border-top-color:#2a1608;animation:kd-turn .8s linear infinite}@keyframes kd-turn{to{transform:rotate(1turn)}}.kwd-dreidel .kd-bag{position:relative;display:flex;align-items:center;gap:10px;min-width:138px;padding:0 18px;border-radius:99px;margin:0;cursor:pointer;color:var(--cream);font:inherit;text-align:left;text-transform:none;letter-spacing:0;height:auto;background:#fff0dc12;border:1px solid var(--line)}.kwd-dreidel .kd-bag svg{width:22px;height:22px;fill:none;stroke:var(--gold);stroke-width:1.6;stroke-linejoin:round}.kwd-dreidel .kd-bag-text{display:grid;line-height:1.2}.kwd-dreidel .kd-bag-count{font-size:11px;color:var(--muted)}.kwd-dreidel .kd-bag-total{font-weight:600;font-size:15px}.kwd-dreidel .kd-bag-bar{position:absolute;left:18px;right:18px;bottom:8px;height:3px;border-radius:3px;background:#fff0dc1a;overflow:hidden}.kwd-dreidel .kd-bag-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold-lo),var(--gold-hi));transition:width .9s var(--ease)}.kwd-dreidel .kd-bag.no-bar .kd-bag-bar{display:none}.kwd-dreidel .kd-bag.is-bump{animation:kd-bump .5s var(--spring)}@keyframes kd-bump{40%{transform:scale(1.06)}}.kwd-dreidel .kd-ship{margin-top:-10px;font-size:13px;color:var(--muted)}.kwd-dreidel .kd-ship b{color:var(--gold);font-weight:600}.kwd-dreidel .kd-toast{position:absolute;left:50%;bottom:26px;z-index:5;padding:12px 18px;border-radius:16px;font-size:14px;font-weight:500;color:var(--cream);white-space:nowrap;background:#1e120cd1;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform:translate(-50%,160%);opacity:0;transition:transform .6s var(--spring),opacity .4s;pointer-events:none}.kwd-dreidel .kd-toast.is-on{transform:translate(-50%);opacity:1}@media(max-width:860px){.kd-wrap-outer{padding:20px 12px}.kwd-dreidel{min-height:0;padding:36px 0 32px;border-radius:26px;display:grid;grid-template-areas:"head" "stage" "copy" "actions" "ship"}.kwd-dreidel .kd-ui{display:contents}.kwd-dreidel .kd-ui>*{width:auto;margin:0 18px}.kwd-dreidel .kd-head{grid-area:head}.kwd-dreidel .kd-copy{grid-area:copy;margin-top:20px}.kwd-dreidel .kd-actions{grid-area:actions;margin-top:18px}.kwd-dreidel .kd-ship{grid-area:ship;margin-top:10px;text-align:center}.kwd-dreidel .kd-stage{grid-area:stage;position:relative;inset:auto;aspect-ratio:1 / 1;margin-top:18px}.kwd-dreidel .kd-stage:after{background:linear-gradient(180deg,var(--bg) 0%,rgba(13,8,6,0) 18%,rgba(13,8,6,0) 78%,var(--bg) 100%),radial-gradient(120% 90% at 50% 50%,#0d080600 50%,#0d0806b3)}.kwd-dreidel .kd-hint{left:50%;bottom:10%}.kwd-dreidel .kd-title{font-size:38px}.kwd-dreidel.is-result .kd-title{font-size:30px}.kwd-dreidel .kd-title em{display:inline}.kwd-dreidel .kd-panel{grid-area:auto}.kwd-dreidel .kd-panel:not(.is-on){display:none}.kwd-dreidel .kd-sub{font-size:16px;margin-bottom:16px}.kwd-dreidel .kd-legend{display:grid;grid-template-columns:1fr 1fr}.kwd-dreidel .kd-cards{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:44%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -18px;padding:4px 18px 14px;scroll-padding:0 18px}.kwd-dreidel .kd-cards::-webkit-scrollbar{display:none}.kwd-dreidel .kd-cards>:nth-child(n+4){display:flex}.kwd-dreidel .kd-card{scroll-snap-align:start}.kwd-dreidel .kd-spin{height:56px}}@media(prefers-reduced-motion:reduce){.kwd-dreidel .kd-spin:before{animation:none}.kwd-dreidel .kd-panel,.kwd-dreidel .kd-card{transition:opacity .2s;animation:none;opacity:1;transform:none;filter:none}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/kd-dreidel.css.map */