.kame-co{display:block;background:var(--kame-galaxy)}.kame-co__panel{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center;padding:clamp(28px,4vw,56px);border-radius:20px;border:1px solid color-mix(in srgb,var(--kame-blue-light) 12%,transparent);background:radial-gradient(60% 80% at 75% 50%,color-mix(in srgb,var(--kame-blue) 16%,transparent),transparent 70%),linear-gradient(160deg,color-mix(in srgb,var(--kame-c-raised) 88%,transparent),color-mix(in srgb,var(--kame-c-ink) 72%,transparent));box-shadow:inset 0 1px color-mix(in srgb,var(--kame-white) 6%,transparent)}.kame-co__intro{display:grid;gap:4px;align-content:start}.kame-co__list{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-top:28px}.kame-co__item{-webkit-appearance:none;appearance:none;border:0;background:none;padding:6px 0;font-family:var(--kame-font-heading);font-size:clamp(20px,2vw,28px);font-weight:700;letter-spacing:-.02em;text-align:left;color:var(--kame-muted);cursor:pointer;transition:color var(--kame-fast),border-color var(--kame-fast)}.kame-co__item{position:relative}.kame-co__item.is-active{color:var(--kame-orange-deep)}.kame-co__item:before{content:"";position:absolute;left:-18px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:var(--kame-amber);box-shadow:0 0 10px var(--kame-amber-glow);opacity:0;scale:.4;transition:opacity var(--kame-fast),scale var(--kame-fast)}.kame-co__item.is-active:before{opacity:1;scale:1}@media(hover:hover){.kame-co__item:hover{color:var(--kame-orange-deep)}}.kame-co__item:focus-visible{outline:2px solid var(--kame-orange);outline-offset:4px}.kame-co__stage{display:grid;justify-items:center;gap:16px}.kame-co__galaxy{position:relative;width:min(600px,100%);aspect-ratio:1;container-type:inline-size;touch-action:pan-y;-webkit-user-select:none;user-select:none}.kame-co__galaxy img{-webkit-user-drag:none}.kame-co.is-dragging .kame-co__galaxy{cursor:grabbing}.kame-co__aura{position:absolute;top:4%;right:4%;bottom:4%;left:4%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--kame-blue) 30%,transparent) 0%,transparent 62%),radial-gradient(circle at 60% 40%,color-mix(in srgb,var(--kame-blue-energy) 14%,transparent) 0%,transparent 55%);pointer-events:none;opacity:1;transition:opacity .6s var(--kame-ease-out) .12s}.kame-co.is-armed:not(.is-inview) .kame-co__aura{opacity:0}.kame-co__ring{position:absolute;left:50%;top:50%;width:84cqw;aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:repeating-conic-gradient(color-mix(in srgb,var(--kame-blue-light) 55%,transparent) 0 .7deg,transparent .7deg 5deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 1.5px),black calc(100% - 1.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 1.5px),black calc(100% - 1.5px));pointer-events:none}.kame-co__blast{position:absolute;left:50%;top:50%;z-index:1;width:84cqw;aspect-ratio:1;translate:-50% -50%;pointer-events:none;animation:kame-co-spin 9s linear infinite}.kame-co__blast:before{content:"";position:absolute;top:-1.5px;right:-1.5px;bottom:-1.5px;left:-1.5px;border-radius:50%;background:conic-gradient(from -100deg,transparent 0deg,color-mix(in srgb,var(--kame-blue-energy) 20%,transparent) 40deg,color-mix(in srgb,var(--kame-blue-light) 85%,transparent) 96deg,var(--kame-white) 100deg,transparent 101deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),black calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),black calc(100% - 3px));filter:drop-shadow(0 0 6px var(--kame-blue-light))}.kame-co__blast:after{content:"";position:absolute;left:50%;top:0;width:14px;height:14px;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,var(--kame-white) 0 30%,var(--kame-blue-light) 55%,transparent 72%);box-shadow:0 0 18px 4px color-mix(in srgb,var(--kame-blue-light) 70%,transparent),0 0 40px 8px color-mix(in srgb,var(--kame-blue-energy) 40%,transparent)}.kame-co__sun{position:absolute;left:50%;top:50%;z-index:2;width:45cqw;aspect-ratio:1;translate:-50% -50%;display:block}.kame-co__orb{position:absolute;top:-26%;right:-26%;bottom:-26%;left:-26%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--kame-amber) 50%,transparent) 0%,color-mix(in srgb,var(--kame-orange) 30%,transparent) 30%,color-mix(in srgb,var(--kame-blue) 18%,transparent) 50%,transparent 68%);filter:blur(8px);animation:kame-co-pulse 4s ease-in-out infinite}.kame-co__float{position:absolute;top:0;right:0;bottom:0;left:0;animation:kame-co-bob 5s ease-in-out infinite}.kame-co__sun-img{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;scale:.94;transition:opacity .42s var(--kame-ease-out),scale .52s var(--kame-ease-out)}.kame-co__sun-img.is-active{opacity:1;scale:1}.kame-co__sun-img:not(.is-cropped) img{filter:drop-shadow(0 24px 30px color-mix(in srgb,var(--kame-c-ink) 85%,transparent)) drop-shadow(0 0 26px color-mix(in srgb,var(--kame-amber) 22%,transparent))}.kame-co__sun-img img,.kame-co__sun-img svg{width:100%;height:100%;object-fit:contain;display:block}.kame-co__sun-img.is-cropped{top:6%;right:6%;bottom:6%;left:6%;border-radius:50%;overflow:hidden;background:var(--kame-c-raised);box-shadow:0 0 0 1px color-mix(in srgb,var(--kame-amber) 55%,transparent),0 0 0 7px color-mix(in srgb,var(--kame-c-ink) 55%,transparent),0 0 0 8px color-mix(in srgb,var(--kame-blue-light) 20%,transparent),0 24px 60px -12px color-mix(in srgb,var(--kame-c-ink) 90%,transparent)}.kame-co__sun-img.is-cropped:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 35% 25%,color-mix(in srgb,var(--kame-white) 18%,transparent),transparent 45%);pointer-events:none}.kame-co__sun-img.is-cropped img{object-fit:cover}.kame-co__rotor{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;animation:kame-co-spin var(--kame-co-period, 44s) linear infinite;animation-delay:var(--kame-co-delay, 0s);transition:opacity .6s var(--kame-ease-out),scale .6s var(--kame-ease-out)}.kame-co.is-armed:not(.is-inview) .kame-co__rotor{opacity:0;scale:.94}.kame-co.is-paused :is(.kame-co__rotor,.kame-co__pic){animation-play-state:paused}.kame-co__planet{position:absolute;left:50%;top:50%;width:17cqw;aspect-ratio:1;margin:-8.5cqw 0 0 -8.5cqw;transform:rotate(calc(var(--kame-co-i) * 360deg / var(--kame-co-count))) translateY(-42cqw) rotate(calc(var(--kame-co-i) * -360deg / var(--kame-co-count)));pointer-events:auto;cursor:pointer}.kame-co__planet:before{content:"";position:absolute;top:-18%;right:-18%;bottom:-18%;left:-18%;z-index:-1;border-radius:50%;pointer-events:none;background:radial-gradient(circle,color-mix(in srgb,var(--kame-orange-energy) 45%,transparent),transparent 70%);opacity:0;scale:.8;transition:opacity .26s var(--kame-ease-out),scale .26s var(--kame-ease-out)}.kame-co__planet.is-active:before{opacity:1;scale:1}.kame-co__pic{display:block;width:100%;height:100%;border-radius:50%;overflow:hidden;border:1px solid color-mix(in srgb,var(--kame-blue-light) 28%,transparent);background:var(--kame-c-raised);box-shadow:0 10px 24px color-mix(in srgb,var(--kame-c-ink) 70%,transparent);scale:1;animation:kame-co-spin var(--kame-co-period, 44s) linear infinite reverse;animation-delay:var(--kame-co-delay, 0s);transition:scale .28s var(--kame-ease-out),border-color var(--kame-fast),box-shadow var(--kame-fast)}.kame-co__planet.is-active .kame-co__pic{scale:1.12;box-shadow:0 0 28px color-mix(in srgb,var(--kame-amber) 40%,transparent)}.kame-co__planet--cutout .kame-co__pic{overflow:visible;border:0;border-radius:0;background:none;box-shadow:none;filter:drop-shadow(0 10px 14px color-mix(in srgb,var(--kame-c-ink) 85%,transparent));transition:scale .28s var(--kame-ease-out),filter .28s var(--kame-ease-out)}.kame-co__planet--cutout .kame-co__pic img{object-fit:contain}.kame-co__planet--cutout.is-active .kame-co__pic{scale:1.22;box-shadow:none;filter:drop-shadow(0 0 16px color-mix(in srgb,var(--kame-amber) 55%,transparent)) drop-shadow(0 10px 14px color-mix(in srgb,var(--kame-c-ink) 85%,transparent))}.kame-co__planet--cutout:before{top:-30%;right:-30%;bottom:-30%;left:-30%;background:radial-gradient(circle,color-mix(in srgb,var(--kame-amber) 30%,transparent),transparent 65%)}.kame-co__pic img,.kame-co__pic svg{width:100%;height:100%;object-fit:cover;display:block}.kame-co__meta{display:grid;justify-items:center;gap:4px;text-align:center;transition:opacity .22s var(--kame-ease-out),translate .22s var(--kame-ease-out)}.kame-co__label{display:grid;justify-items:center;gap:4px;transition:opacity .32s var(--kame-ease-out),translate .36s var(--kame-ease-out),filter .32s var(--kame-ease-out)}.kame-co__label.is-swapping{opacity:0;translate:0 -6px;filter:blur(3px);transition-duration:.15s;transition-timing-function:var(--kame-ease-in)}.kame-co__label.is-entering{opacity:0;translate:0 8px;filter:blur(3px);transition:none}.kame-co__name{margin:0;font-family:var(--kame-font-heading);font-size:28px;font-weight:700;letter-spacing:-.03em}.kame-co__count{margin:0 0 10px;font-size:14px;color:var(--kame-muted)}@keyframes kame-co-spin{to{rotate:360deg}}@keyframes kame-co-pulse{0%,to{opacity:.8}50%{opacity:1}}@keyframes kame-co-bob{0%,to{translate:0 0}50%{translate:0 -8px}}@media(max-width:899px){.kame-co__panel{grid-template-columns:1fr;gap:24px;padding:32px 16px}.kame-co__intro{justify-items:center;text-align:center}.kame-co__list{flex-direction:row;justify-self:stretch;max-width:100%;gap:8px;margin-top:16px;overflow-x:auto;scrollbar-width:none}.kame-co__item{flex:none;padding:10px 14px;border:1px solid var(--kame-line);border-radius:999px;background:var(--kame-white);font-family:var(--kame-font-body);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.kame-co__item.is-active{border-color:var(--kame-orange)}.kame-co__galaxy{width:min(460px,100%)}}@media(prefers-reduced-motion:reduce){.kame-co__blast,.kame-co__orb,.kame-co__float,.kame-co__rotor,.kame-co__pic{animation:none}.kame-co__pic,.kame-co__sun-img,.kame-co__meta,.kame-co__label,.kame-co__planet--cutout .kame-co__pic{transition:none}.kame-co__label{filter:none}.kame-co__planet:before{transition:opacity .26s var(--kame-ease-out);scale:1}}@supports not (translate: 0){.kame-co__ring,.kame-co__sun,.kame-co__blast{transform:translate(-50%,-50%)}}@supports not (width: 1cqw){.kame-co__galaxy{--kame-co-u: 6px}.kame-co__ring,.kame-co__blast{width:calc(var(--kame-co-u) * 84)}.kame-co__sun{width:calc(var(--kame-co-u) * 45)}.kame-co__planet{width:calc(var(--kame-co-u) * 17);margin:calc(var(--kame-co-u) * -8.5) 0 0 calc(var(--kame-co-u) * -8.5);transform:rotate(calc(var(--kame-co-i) * 360deg / var(--kame-co-count))) translateY(calc(var(--kame-co-u) * -42)) rotate(calc(var(--kame-co-i) * -360deg / var(--kame-co-count)))}@media(max-width:899px){.kame-co__galaxy{--kame-co-u: calc(min(460px, 100vw - 64px)*.01) }}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/kame-collection-orbit.css.map */