@property --kb-a{syntax: "<color>"; inherits: true; initial-value: #1aa6d9;}@property --kb-b{syntax: "<color>"; inherits: true; initial-value: #d700a3;}.gg-kb{--kb-black: #060607;--kb-ease: cubic-bezier(.22, 1, .36, 1);--kb-spring: cubic-bezier(.34, 1.56, .64, 1);position:relative;overflow:hidden;padding:58px 0 54px;transition:--kb-a .9s var(--kb-ease),--kb-b .9s var(--kb-ease);background:radial-gradient(55% 75% at 30% 0%,color-mix(in srgb,var(--kb-a) 26%,transparent),transparent 70%),radial-gradient(45% 70% at 88% 70%,color-mix(in srgb,var(--kb-b) 22%,transparent),transparent 72%),radial-gradient(rgba(255,255,255,.04) 1px,transparent 1.4px) 0 0 / 22px 22px,var(--kb-black);color:#ffffffe0}.gg-kb:has(.gg-kb__ex[data-glow=w]:is(:hover,:focus-visible)){--kb-a: #ffe9a3;--kb-b: #f2c443}.gg-kb:has(.gg-kb__ex[data-glow=u]:is(:hover,:focus-visible)){--kb-a: #2f9bff;--kb-b: #1aa6d9}.gg-kb:has(.gg-kb__ex[data-glow=b]:is(:hover,:focus-visible)){--kb-a: #8a63d2;--kb-b: #5a2a8a}.gg-kb:has(.gg-kb__ex[data-glow=r]:is(:hover,:focus-visible)){--kb-a: #ff4f2e;--kb-b: #ff9a3d}.gg-kb:has(.gg-kb__ex[data-glow=rg]:is(:hover,:focus-visible)){--kb-a: #ff4f2e;--kb-b: #2fd477}.gg-kb:has(.gg-kb__ex[data-glow=foil]:is(:hover,:focus-visible)){--kb-a: #ff3ea5;--kb-b: #3effc1}.gg-kb:has(.gg-kb__card[data-glow=w]:hover){--kb-a: #ffe9a3;--kb-b: #f2c443}.gg-kb:has(.gg-kb__card[data-glow=u]:hover){--kb-a: #2f9bff;--kb-b: #1aa6d9}.gg-kb:has(.gg-kb__card[data-glow=b]:hover){--kb-a: #8a63d2;--kb-b: #5a2a8a}.gg-kb:has(.gg-kb__card[data-glow=r]:hover){--kb-a: #ff4f2e;--kb-b: #ff9a3d}.gg-kb:has(.gg-kb__card[data-glow=g]:hover){--kb-a: #2fd477;--kb-b: #0f8a4a}.gg-kb__stars{position:absolute;top:0;right:0;bottom:0;left:0;animation:kb-drift 140s linear infinite;opacity:.55;background-image:radial-gradient(1px 1px at 12% 22%,#fff,transparent),radial-gradient(1px 1px at 33% 68%,#fff,transparent),radial-gradient(1.5px 1.5px at 51% 14%,#fff,transparent),radial-gradient(1px 1px at 68% 52%,#fff,transparent),radial-gradient(1px 1px at 82% 18%,#fff,transparent),radial-gradient(1.5px 1.5px at 91% 74%,#fff,transparent),radial-gradient(1px 1px at 22% 88%,#fff,transparent),radial-gradient(1px 1px at 61% 92%,#fff,transparent);background-size:340px 340px;pointer-events:none}.gg-kb__grid{display:grid;position:relative;align-items:center;gap:32px}@media(min-width:1024px){.gg-kb__grid{grid-template-columns:minmax(0,1fr) 420px;gap:80px}}.gg-kb__eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 12px;color:#ffffffa8;font-size:1.2rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.gg-kb__dots{display:inline-flex;gap:4px}.gg-kb__dots i{width:9px;height:9px;border-radius:50%;box-shadow:0 0 10px currentColor}.gg-kb__dot--w{background:#f8f6d8;color:#fff1b8}.gg-kb__dot--u{background:#6fb6ea;color:#2f9bff}.gg-kb__dot--b{background:#bab1ab;color:#8a63d2}.gg-kb__dot--r{background:#e86a4a;color:#ff4f2e}.gg-kb__dot--g{background:#5fbf7a;color:#2fd477}.gg-kb__title{margin:0 0 26px;color:#fff;font-size:clamp(3.4rem,5vw,6.4rem);line-height:1.02;text-wrap:balance;text-shadow:0 0 44px color-mix(in srgb,var(--kb-a) 45%,transparent)}.gg-kb__ai{--search-bg-color: 255 255 255;--search-text-color: 39 36 29;--input-bg-color: 255 255 255;--input-text-color: 39 36 29;max-width:760px}.gg-kb__ai .search__form{position:relative;transition:box-shadow .4s var(--kb-ease);border:0;border-radius:calc(var(--input-border-radius, 4px) + 4px);box-shadow:0 0 0 1px #ffffff24,0 24px 70px -24px color-mix(in srgb,var(--kb-a) 80%,transparent)}.gg-kb__ai .search__form:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--kb-a) 60%,transparent),0 30px 80px -24px var(--kb-a)}.gg-kb__ai .search__input{height:68px;padding-inline-start:60px;padding-inline-end:190px;border-radius:calc(var(--input-border-radius, 4px) + 4px);font-size:1.8rem}.gg-kb__ai .search__input::-webkit-search-cancel-button{display:none}.gg-kb__spark{top:50%;min-height:0;padding:0 0 0 22px;transform:translateY(-50%);color:rgb(var(--btn-bg-color));pointer-events:none}.gg-kb__spark .icon{display:block;width:24px;height:24px;animation:kb-twinkle 3.2s ease-in-out infinite}.gg-kb__ai .search__reset{right:158px}.gg-kb__go{position:absolute;top:9px;right:9px;bottom:9px;padding:0 24px;font-size:1.6rem;white-space:nowrap}.gg-kb__examples{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;max-width:820px;margin-top:20px}.gg-kb__examples-label{color:#ffffff8c;font-size:1.4rem}.gg-kb__chips{display:contents}.gg-kb__ex{transition:box-shadow .35s var(--kb-ease),background-position .4s ease-out}@media(hover:hover)and (pointer:fine){.gg-kb__ex:hover{box-shadow:0 10px 26px -12px var(--kb-a)}}.gg-kb__more{margin:22px 0 0}.gg-kb__more-link{display:inline-flex;align-items:center;gap:8px;color:#ffffffb3;font-size:1.5rem;text-decoration:none}.gg-kb__more-link span{color:#fff;font-weight:700;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--kb-a) 70%,#fff);text-decoration-thickness:2px;text-underline-offset:4px}.gg-kb__more-link svg{transition:translate .35s var(--kb-spring)}.gg-kb__more-link:hover svg{translate:4px 0}.gg-kb__fan{position:relative;height:360px;animation:kb-float 7s ease-in-out infinite}.gg-kb__fan:before{content:"";position:absolute;top:10%;right:6%;bottom:0;left:6%;border-radius:50%;opacity:.75;background:radial-gradient(closest-side at 35% 45%,color-mix(in srgb,var(--kb-a) 70%,transparent),transparent),radial-gradient(closest-side at 70% 60%,color-mix(in srgb,var(--kb-b) 60%,transparent),transparent);filter:blur(46px);pointer-events:none}.gg-kb__card{--spread: calc(var(--i) - (var(--n) - 1) / 2);--glow: #fff;position:absolute;bottom:18px;left:calc(50% - 98px);width:196px;aspect-ratio:63 / 88;overflow:hidden;transform:translate(calc(var(--spread) * 40px)) translateY(calc(var(--spread) * var(--spread) * 7px)) rotate(calc(var(--spread) * 8deg));transform-origin:50% 115%;transition:transform .55s var(--kb-spring),box-shadow .4s var(--kb-ease),filter .4s;border-radius:11px;background:#111;box-shadow:0 0 0 1px #ffffff1f,0 22px 40px -18px #000000e6}.gg-kb__card[data-glow=w]{--glow: #fff1b8}.gg-kb__card[data-glow=u]{--glow: #2f9bff}.gg-kb__card[data-glow=b]{--glow: #a77bff}.gg-kb__card[data-glow=r]{--glow: #ff5a36}.gg-kb__card[data-glow=g]{--glow: #38dd7f}.gg-kb__card-img{display:block;width:100%;height:100%;object-fit:cover}.gg-kb__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .4s;opacity:.5;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.28) 45%,transparent 60%);background-size:250% 100%;animation:kb-sheen 5.5s ease-in-out infinite;animation-delay:calc(var(--i) * .6s);pointer-events:none}@media(hover:hover)and (pointer:fine){.gg-kb__fan:hover .gg-kb__card{filter:saturate(.7) brightness(.75)}.gg-kb__fan .gg-kb__card:hover{z-index:5;transform:translate(calc(var(--spread) * 40px)) translateY(-26px) rotate(calc(var(--spread) * 3deg));filter:none;box-shadow:0 0 0 1px #ffffff4d,0 0 46px -6px var(--glow),0 30px 50px -18px #000000f2}}.gg-kb__fan .gg-kb__card.is-called{z-index:4;transform:translate(calc(var(--spread) * 40px)) translateY(-34px) rotate(calc(var(--spread) * 3deg));box-shadow:0 0 0 1px #ffffff4d,0 0 50px -4px var(--glow),0 30px 50px -18px #000000f2}@keyframes kb-drift{to{background-position:340px 680px}}@keyframes kb-twinkle{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.15) rotate(12deg)}}@keyframes kb-float{0%,to{translate:0 0}50%{translate:0 -8px}}@keyframes kb-sheen{0%,60%{background-position:120% 0}to{background-position:-120% 0}}@media(prefers-reduced-motion:reduce){.gg-kb *,.gg-kb *:before,.gg-kb *:after,.gg-kb__fan{animation:none!important;transition-duration:.01ms!important}}@media(max-width:1023.98px){.gg-kb__fan{order:-1;height:104px;margin:-4px 0 22px;animation:none}.gg-kb__card{bottom:0;left:calc(50% - 38px);width:76px;transform:translate(calc(var(--spread) * 34px)) translateY(calc(var(--spread) * var(--spread) * 4px)) rotate(calc(var(--spread) * 8deg));border-radius:5px}.gg-kb__fan .gg-kb__card.is-called{transform:translate(calc(var(--spread) * 34px)) translateY(-16px) rotate(calc(var(--spread) * 3deg))}.gg-kb__text{text-align:center}.gg-kb__eyebrow,.gg-kb__examples{justify-content:center}.gg-kb__ai{margin-inline:auto}}@media(max-width:768.98px){.gg-kb{padding:26px 0}.gg-kb__grid{gap:0}.gg-kb__eyebrow{margin-bottom:8px;font-size:1.05rem;letter-spacing:.16em}.gg-kb__title{margin-bottom:18px;font-size:clamp(3rem,9vw,3.8rem)}.gg-kb__ai{text-align:start}.gg-kb__ai .search__input{height:58px;padding-inline-start:46px;padding-inline-end:96px;font-size:1.6rem}.gg-kb__spark{padding-left:15px}.gg-kb__go{top:7px;right:7px;bottom:7px;padding:0 14px;font-size:1.45rem}.gg-kb__ai .search__reset{right:84px}.gg-kb__examples{flex-wrap:nowrap;justify-content:flex-start;margin:14px calc(var(--gutter, 20px) * -1) 0;padding:2px var(--gutter, 20px) 6px;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:var(--gutter, 20px);scrollbar-width:none}.gg-kb__examples::-webkit-scrollbar{display:none}.gg-kb__examples>*,.gg-kb__chips>*{flex:none;scroll-snap-align:start}.gg-kb__more{margin-top:14px}.gg-kb__more-link{font-size:1.4rem}}
/*# sourceMappingURL=/cdn/shop/t/123/assets/gg-ks-buehne.css.map */