.kbc{position:relative;background:var(--ink);color:#fff;overflow:clip}.kbc-intro .eye{margin:0}.kbc-h{font-size:clamp(28px,5.6vw,52px);font-weight:900;letter-spacing:-.035em;line-height:1.05;margin:12px 0 0}.kbc-k{font-size:10.5px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--red);margin:0}.kbc-copy h3{font-size:clamp(20px,2.3vw,28px);font-weight:800;letter-spacing:-.015em;line-height:1.2;margin:10px 0 14px;text-wrap:balance}.kbc-copy p:not(.kbc-k){margin:0 0 10px;color:var(--t6);font-size:15px;line-height:1.65}.kbc-spot,.kbc-progress,.kbc-back,.kbc-gesture{display:none}.kbc:not(.is-live) .kbc-intro{max-width:1200px;margin:0 auto;padding:clamp(64px,10vw,120px) var(--pad) 12px}.kbc-deck{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:20px;max-width:1200px;margin:0 auto;padding:24px var(--pad)}.kbc-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:24px;max-width:1200px;margin:0 auto;padding:12px var(--pad) 80px}.kbc-card{--w:100%;position:relative;width:100%;aspect-ratio:2/3}.kbc-card{transform-style:preserve-3d;--px:.5;--py:.5;--mx:50%;--my:50%;--glare:0}.kbc-art,.kbc-back{container-type:inline-size}.kbc-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:4.4%/2.9%;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 1px #ffffff1a inset,0 30px 60px -12px #000c,0 10px 22px #0000008c}.kbc-front{padding:3.2%;background:var(--frame)}.kbc-front:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;mix-blend-mode:overlay;opacity:0;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.85) 49%,#fff 50%,rgba(255,255,255,.85) 51%,transparent 60%);background-size:260% 260%;background-position:calc(var(--px) * 100%) calc(var(--py) * 100%)}.kbc-card.is-hero .kbc-front:after{opacity:.55}.kbc-art{position:relative;height:100%;border-radius:2.6%/1.75%;overflow:hidden;background:#111;isolation:isolate}.kbc-art img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.kbc-fx,.kbc-glare,.kbc-flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.kbc-rar{position:absolute;left:5.5%;top:3.8%;display:flex;align-items:center;gap:5cqw;z-index:3;padding:2.2cqw 4cqw 2.2cqw 2.6cqw;border-radius:99px;background:#08080a9e;box-shadow:inset 0 0 0 1px var(--edge)}.kbc-gem{width:6.2cqw;aspect-ratio:1;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:var(--gem);flex:none}.kbc-rar b{font-size:4.6cqw;font-weight:900;letter-spacing:.16em;line-height:1;background:var(--foil);-webkit-background-clip:text;background-clip:text;color:transparent}.kbc-plate{position:absolute;left:0;right:0;bottom:0;height:13.4%;z-index:3;display:flex;flex-direction:column;justify-content:center;gap:2cqw;padding:0 7.5% .6%;background:linear-gradient(180deg,transparent,rgba(5,5,7,.45) 30%,rgba(5,5,7,.6))}.kbc-plate p{margin:0}.kbc-name{font-size:6.6cqw;font-weight:900;letter-spacing:.06em;line-height:1;white-space:nowrap;background:var(--foil);background-size:220% 100%;background-position:calc(var(--px) * 100%) 0;-webkit-background-clip:text;background-clip:text;color:transparent}.kbc-meta{display:flex;justify-content:space-between;align-items:baseline;gap:3cqw}.kbc-type{font-size:3.1cqw;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#ffffffb8;white-space:nowrap}.kbc-no{flex:none;font-family:var(--sten);font-weight:700;font-size:4cqw;letter-spacing:.04em;color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums}.kbc-no span{color:#ffffff80}.kbc-glare{z-index:5;mix-blend-mode:overlay;opacity:calc(.18 + var(--glare) * .42);background:radial-gradient(farthest-corner circle at var(--mx) var(--my),rgba(255,255,255,.8) 0%,rgba(255,255,255,.2) 28%,rgba(0,0,0,.3) 90%)}.kbc-flash{z-index:6;opacity:0;mix-blend-mode:screen;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,0) 38%,rgba(255,255,255,.75) 50%,rgba(255,255,255,0) 62%,transparent 70%);background-size:300% 100%;background-position:100% 0}.kbc-card.is-flash .kbc-flash{animation:kbc-flash 1.1s cubic-bezier(.3,.6,.2,1) both}@keyframes kbc-flash{0%{opacity:1;background-position:100% 0}to{opacity:1;background-position:0 0}}.fx-pop{--frame:repeating-linear-gradient(90deg,rgba(255,255,255,.18) 0 1px,rgba(0,0,0,.06) 1px 2px,transparent 2px 4px),linear-gradient(135deg,#e2e2e8,#8f8f99 28%,#f6f6f9 50%,#9a9aa5 72%,#e6e6ea);--edge:rgba(230,232,240,.7);--gem:conic-gradient(from 0deg,#ff5a5a,#ffd75a,#5affa0,#5ac8ff,#be5aff,#ff5a5a);--foil:linear-gradient(90deg,#fff 0%,#ffe9a8 20%,#fff 40%,#bfefff 60%,#fff 80%,#ffd2e6 100%)}.fx-pop .kbc-fx1{z-index:2;mix-blend-mode:color-dodge;opacity:calc(.42 + var(--glare) * .16);background:repeating-linear-gradient(110deg,#ff4f4f,#ffd84f,#4fff9b,#4fc5ff,#b94fff,#ff4f4f 20%);background-size:400% 400%;background-position:calc(var(--px) * 100%) calc(var(--py) * 100%);-webkit-mask:radial-gradient(circle,#000 34%,transparent 38%) 0 0/1.9cqw 1.9cqw;mask:radial-gradient(circle,#000 34%,transparent 38%) 0 0/1.9cqw 1.9cqw}.fx-pop .kbc-fx2{z-index:2;mix-blend-mode:overlay;opacity:.6;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.7) 50%,transparent 65%);background-size:250% 250%;background-position:calc(var(--px) * 100%) 0}.fx-gold{--frame:repeating-linear-gradient(90deg,rgba(255,250,230,.22) 0 1px,rgba(60,40,0,.08) 1px 2px,transparent 2px 4px),linear-gradient(135deg,#7d5a1d,#f5d98f 20%,#b6873a 38%,#fff1c2 52%,#a87a2c 68%,#e9c877 85%,#7d5a1d);--edge:rgba(233,200,119,.8);--gem:linear-gradient(135deg,#fff1c2,#b6873a);--foil:linear-gradient(90deg,#b6873a 0%,#fff3cf 25%,#d9ad55 45%,#fff8e6 60%,#b6873a 80%,#f5d98f 100%)}.fx-gold .kbc-fx1{z-index:2;mix-blend-mode:color-dodge;opacity:calc(.3 + var(--glare) * .12);background:linear-gradient(115deg,transparent 34%,rgba(255,206,110,.7) 45%,#fff3d0 50%,rgba(255,206,110,.7) 55%,transparent 66%);background-size:260% 260%;background-position:calc(var(--px) * 100%) calc(var(--py) * 100%)}.fx-gold .kbc-fx2{z-index:2;mix-blend-mode:color-dodge;opacity:1;background-image:radial-gradient(circle at 20% 30%,#ffe7a6 0 .5px,transparent 1.4px),radial-gradient(circle at 70% 60%,#fff 0 .5px,transparent 1.3px),radial-gradient(circle at 40% 80%,#ffd27a 0 .6px,transparent 1.4px),radial-gradient(circle at 85% 15%,#fff 0 .4px,transparent 1.2px);background-size:31px 37px,47px 41px,23px 29px,53px 59px;background-position:calc(var(--px) * 30px) calc(var(--py) * 30px);-webkit-mask:linear-gradient(115deg,transparent 15%,#000 45%,#000 55%,transparent 85%) 0 0/260% 260%;mask:linear-gradient(115deg,transparent 15%,#000 45%,#000 55%,transparent 85%) 0 0/260% 260%;-webkit-mask-position:calc(var(--px) * 100%) calc(var(--py) * 100%);mask-position:calc(var(--px) * 100%) calc(var(--py) * 100%)}.fx-clock{--frame:repeating-linear-gradient(135deg,rgba(255,255,255,.14) 0 1px,transparent 1px 3px),linear-gradient(135deg,#3a3a42,#16161b 40%,#4a4a55 60%,#151519);--edge:rgba(53,214,208,.7);--gem:linear-gradient(135deg,#35d6d0,#e8402a);--foil:linear-gradient(90deg,#fff 0%,#9ff3ef 30%,#fff 50%,#ffb3a6 75%,#fff 100%)}.fx-clock .kbc-fx1{z-index:2;mix-blend-mode:color-dodge;opacity:calc(.13 + var(--glare) * .08);background:repeating-linear-gradient(45deg,transparent 0 3px,rgba(160,230,255,.6) 3px 4px),repeating-linear-gradient(135deg,#ff6a6a,#ffe36a,#6affb0,#6ad5ff,#c86aff,#ff6a6a 40%);background-size:100% 100%,350% 350%;background-position:0 0,calc(var(--px) * 100%) calc(var(--py) * 100%)}.fx-clock .kbc-hand{position:absolute;z-index:2;left:45%;top:45%;width:230%;aspect-ratio:1;translate:-50% -50%;pointer-events:none;mix-blend-mode:screen;background:conic-gradient(from 0deg,transparent 0deg 312deg,rgba(53,214,208,.08) 314deg,rgba(53,214,208,.6) 352deg,rgba(255,255,255,.95) 359.4deg,transparent 360deg);-webkit-mask:radial-gradient(circle,#000 0 17%,transparent 22%);mask:radial-gradient(circle,#000 0 17%,transparent 22%);animation:kbc-tick 7s linear infinite}@keyframes kbc-tick{to{rotate:360deg}}.fx-clock .kbc-fx2{display:none}.fx-cosmos{--frame:radial-gradient(circle at 20% 30%,rgba(255,255,255,.5) 0 1px,transparent 1.5px) 0 0/13px 17px,radial-gradient(circle at 70% 60%,rgba(255,255,255,.4) 0 1px,transparent 1.5px) 0 0/19px 23px,linear-gradient(135deg,#2a1747,#7a45c9 25%,#1b2a5c 50%,#3b8fd1 75%,#2a1747);--edge:rgba(196,140,255,.8);--gem:linear-gradient(135deg,#d3ff4a,#ff3fb4);--foil:linear-gradient(90deg,#ff7ad9 0%,#fff 25%,#d3ff6a 50%,#fff 70%,#b48bff 100%)}.fx-cosmos .kbc-fx1{z-index:2;mix-blend-mode:color-dodge;opacity:calc(.28 + var(--glare) * .1);background:radial-gradient(circle at 30% 30%,rgba(255,90,210,.75),transparent 40%),radial-gradient(circle at 70% 70%,rgba(120,255,90,.55),transparent 40%),repeating-linear-gradient(100deg,#ff5fd2,#9b6bff,#d3ff5f,#ff5fd2 30%);background-size:200% 200%;background-position:calc(var(--px) * 100%) calc(var(--py) * 100%)}.fx-cosmos .kbc-fx2{display:none}.kbc-stars{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.kbc-stars i{position:absolute;width:5.5cqw;aspect-ratio:1;translate:-50% -50%;opacity:0;background:radial-gradient(circle,#fff 0 9%,transparent 14%),linear-gradient(90deg,transparent 46%,rgba(255,255,255,.95) 50%,transparent 54%),linear-gradient(0deg,transparent 46%,rgba(255,255,255,.95) 50%,transparent 54%);-webkit-mask:radial-gradient(circle,#000 20%,transparent 70%);mask:radial-gradient(circle,#000 20%,transparent 70%);animation:kbc-tw 3.2s ease-in-out infinite}.kbc-stars i:nth-child(1){left:22%;top:18%;animation-delay:.2s}.kbc-stars i:nth-child(2){left:64%;top:12%;animation-delay:1.4s}.kbc-stars i:nth-child(3){left:84%;top:34%;animation-delay:.8s}.kbc-stars i:nth-child(4){left:46%;top:44%;animation-delay:2.2s;width:7cqw}.kbc-stars i:nth-child(5){left:12%;top:52%;animation-delay:2.7s}.kbc-stars i:nth-child(6){left:73%;top:58%;animation-delay:.5s}.kbc-stars i:nth-child(7){left:30%;top:70%;animation-delay:1.9s}.kbc-stars i:nth-child(8){left:58%;top:76%;animation-delay:1.1s;width:4cqw}.kbc-stars i:nth-child(9){left:90%;top:72%;animation-delay:2.9s;width:4cqw}.kbc-stars i:nth-child(10){left:40%;top:26%;animation-delay:.1s;width:4cqw}@keyframes kbc-tw{0%,to{opacity:0;scale:.4}45%{opacity:1;scale:1}60%{opacity:.7;scale:.8}}.kbc-back:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:3.5cqw solid #1a1720;border-radius:inherit;pointer-events:none}.kbc-back{transform:rotateY(180deg);display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,rgba(232,64,42,.2),transparent 55%),repeating-radial-gradient(circle at 50% 50%,rgba(255,255,255,.07) 0 1px,transparent 1px 9px),linear-gradient(160deg,#151419,#09080c);box-shadow:inset 0 0 0 1px #e8402a66,0 30px 60px -12px #000c}.kbc-ring{position:absolute;top:8%;right:8%;bottom:8%;left:8%;border:1px solid rgba(255,255,255,.18);border-radius:3%}.kbc-seal{display:grid;justify-items:center;gap:4cqw;position:relative}.kbc-seal img{width:62cqw;height:auto}.kbc-seal small{font-size:3.3cqw;font-weight:800;letter-spacing:.38em;color:var(--t6)}.kbc-backshine{mix-blend-mode:screen;opacity:.45;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.5) 50%,transparent 70%);background-size:250% 250%;background-position:calc(var(--px) * 100%) calc(var(--py) * 100%)}.kbc.is-live .kbc-track{height:560vh;position:relative}.kbc.is-live .kbc-pin{position:sticky;top:var(--hd);height:calc(100vh - var(--hd));height:calc(100svh - var(--hd));overflow:hidden;contain:layout paint;background:radial-gradient(70% 55% at 36% 50%,#17161c 0%,#0c0c0f 60%,var(--ink) 100%)}.kbc.is-live .kbc-intro{position:absolute;z-index:2;left:var(--pl,60%);width:var(--pw,36vw);top:clamp(22px,5vh,56px);margin:0;padding:0}.kbc.is-live .kbc-spot{display:block;position:absolute;left:var(--gx,34%);top:50%;width:72vmin;height:72vmin;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,rgba(232,64,42,.13),transparent 62%);pointer-events:none}.kbc.is-live .kbc-deck{display:block;position:absolute;top:0;right:0;bottom:0;left:0;max-width:none;margin:0;padding:0;perspective:1700px}.kbc.is-live .kbc-card{--w:var(--cw,400px);position:absolute;left:0;top:0;width:var(--w);will-change:transform;backface-visibility:hidden}.kbc.is-live .kbc-back{display:grid}.kbc.is-touch .kbc-face{box-shadow:0 1px #ffffff1a inset,0 16px 28px -10px #000000bf}.kbc.is-touch .kbc-back{box-shadow:inset 0 0 0 1px #e8402a66,0 16px 28px -10px #000000bf}.kbc.is-touch.is-moving .kbc-card :is(.kbc-fx,.kbc-glare,.kbc-hand,.kbc-stars){visibility:hidden}.kbc.is-touch.is-moving .kbc-front:after{visibility:hidden}.kbc.is-live .kbc-card:not(.is-hero) :is(.kbc-fx,.kbc-glare,.kbc-hand,.kbc-stars){display:none}.kbc.is-live .kbc-panel{display:block;position:absolute;left:var(--pl,60%);top:50%;width:var(--pw,36vw);height:0;max-width:none;margin:0;padding:0}.kbc.is-live .kbc-copy{position:absolute;left:0;right:0;top:0;transform:translateY(-40%);opacity:0;pointer-events:none;transition:opacity .45s,transform .55s cubic-bezier(.2,.8,.2,1)}.kbc.is-live .kbc-copy.on{opacity:1;transform:translateY(-50%);pointer-events:auto}.kbc.is-live .kbc-progress{display:flex;gap:8px;position:absolute;left:50%;bottom:22px;translate:-50% 0}.kbc-progress span{width:24px;height:2px;background:#fff3;transition:background-color .4s,width .4s}.kbc-progress span.on{background:var(--red);width:42px}.kbc.is-live .kbc-gesture{display:grid;place-items:center;position:absolute;z-index:60;left:var(--gx,34%);top:var(--gy,50%);width:128px;height:128px;translate:-50% -50%;border-radius:50%;color:#fff;background:#0b0b0db3;box-shadow:inset 0 0 0 1px #ffffff2e,0 18px 40px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;scale:.92;visibility:hidden;pointer-events:none;transition:opacity .5s,scale .5s cubic-bezier(.2,.8,.2,1),visibility 0s .5s}.kbc.is-live.is-start .kbc-gesture{opacity:1;scale:1;visibility:visible;transition-delay:0s}.kbc-gesture svg{width:54px;height:72px;overflow:visible}.kbc-g-mouse{display:none}@media(hover:hover)and (pointer:fine){.kbc-g-touch{display:none}.kbc-g-mouse{display:block}}.kbc-g-move{animation:kbc-g-move 2.6s cubic-bezier(.45,0,.55,1) infinite}@keyframes kbc-g-move{0%,to{transform:translateY(14px)}50%{transform:translateY(-14px)}}.kbc-g-up{animation:kbc-g-up 2.6s ease-in-out infinite}.kbc-g-dn{animation:kbc-g-up 2.6s ease-in-out infinite -1.3s}@keyframes kbc-g-up{0%,to{opacity:.25}35%,50%{opacity:1}}.kbc-g-ring{transform-box:fill-box;transform-origin:center;animation:kbc-g-ring 1.3s ease-out infinite}@keyframes kbc-g-ring{0%{transform:scale(.6);opacity:.9}to{transform:scale(1.9);opacity:0}}.kbc-g-wheel{animation:kbc-g-wheel 1.8s ease-in-out infinite}@keyframes kbc-g-wheel{0%{transform:translateY(0);opacity:1}70%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:0}}.kbc-g-c1,.kbc-g-c2{animation:kbc-g-up 1.8s ease-in-out infinite}.kbc-g-c2{animation-delay:.3s}@media(max-width:820px){.kbc.is-live .kbc-intro{left:var(--pad);right:var(--pad);width:auto;top:var(--it,16px)}.kbc.is-live .kbc-h{font-size:26px;margin-top:8px}.kbc.is-live .kbc-spot{left:50%;top:var(--gy,40%)}.kbc.is-live .kbc-gesture{left:50%;width:100px;height:100px}.kbc.is-live .kbc-panel{left:var(--pad);right:var(--pad);width:auto;top:var(--pt,60%)}.kbc.is-live .kbc-copy{transform:translateY(10px)}.kbc.is-live .kbc-copy.on{transform:none}.kbc.is-live .kbc-copy h3{font-size:18px;margin:6px 0}.kbc.is-live .kbc-copy p:not(.kbc-k){font-size:13px;line-height:1.5;margin-bottom:0}.kbc.is-live .kbc-more{display:none}.kbc.is-live .kbc-progress{bottom:auto;top:var(--gt,auto)}}@media(prefers-reduced-motion:reduce){.kbc *{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/kb-cards.css.map */