.bo{position:relative;isolation:isolate;overflow:hidden;color:var(--c-on-night);padding-block:clamp(36px,5.5vw,72px) clamp(28px,4vw,48px);background:radial-gradient(120% 90% at 50% 105%,#2d1868 0%,var(--c-night) 52%,#0a0616 100%);--pl:clamp(104px,14vw,180px);--iw:168px;--ih:84px}.bo__head{text-align:center;position:relative}.bo__head .t-h3{color:#fff}.bo__hint{margin:8px auto 0;max-width:34rem;font-size:.875rem;color:var(--c-on-night-soft)}.bo:not(.is-ready) .bo__hint,.bo:not(.is-ready) .bo__ctrl{display:none}.bo__sky{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.bo__stars{position:absolute;top:0;bottom:0;left:0;right:-520px;background-repeat:repeat}.bo__stars--1{background-image:radial-gradient(1px 1px at 12px 20px,#fff 50%,transparent 51%),radial-gradient(1px 1px at 80px 70px,rgba(255,255,255,.8) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 140px 120px,#c4b5fd 50%,transparent 51%),radial-gradient(1px 1px at 190px 30px,#fff 50%,transparent 51%),radial-gradient(1px 1px at 40px 150px,rgba(255,255,255,.7) 50%,transparent 51%);background-size:220px 180px;opacity:.8}.bo__stars--2{background-image:radial-gradient(1.5px 1.5px at 60px 40px,#a5f3fc 50%,transparent 51%),radial-gradient(1px 1px at 210px 110px,#fff 50%,transparent 51%),radial-gradient(1px 1px at 300px 220px,rgba(255,255,255,.8) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 130px 260px,#e9d5ff 50%,transparent 51%);background-size:340px 300px;opacity:.7}.bo__stars--3{background-image:radial-gradient(2px 2px at 90px 80px,#fff 50%,transparent 51%),radial-gradient(2px 2px at 380px 300px,#ddd6fe 50%,transparent 51%),radial-gradient(2.5px 2.5px at 250px 190px,rgba(196,181,253,.95) 50%,transparent 51%);background-size:520px 440px;opacity:.9}.bo__neb{position:absolute;width:60vw;height:60vw;max-width:900px;max-height:900px;border-radius:50%;filter:blur(30px)}.bo__neb--a{left:-18%;top:-40%;background:radial-gradient(closest-side,rgba(139,92,246,.42),transparent 72%)}.bo__neb--b{right:-16%;bottom:-45%;background:radial-gradient(closest-side,rgba(56,189,248,.22),transparent 72%)}.bo__shoot{position:absolute;width:120px;height:2px;border-radius:2px;background:linear-gradient(90deg,#fff0,#fff);opacity:0;transform:rotate(28deg)}.bo__shoot--a{left:6%;top:10%}.bo__shoot--b{left:44%;top:4%}.bo__stage{position:relative;height:clamp(300px,34vw,430px);margin-top:10px;touch-action:pan-y;-webkit-user-select:none;user-select:none}.bo.is-ready .bo__stage{cursor:grab}.bo__stage.is-drag{cursor:grabbing}.bo__path{display:none;position:absolute;left:50%;top:50%;width:calc(var(--rx,400px) * 2);height:calc(var(--ry,60px) * 2);transform:translate(-50%,-50%);border:1px dashed rgba(196,181,253,.28);border-radius:50%}.bo.is-ready .bo__path{display:block}.bo__planet{display:none;position:absolute;left:50%;top:50%;width:var(--pl);height:var(--pl);margin:calc(var(--pl) / -2) 0 0 calc(var(--pl) / -2);z-index:2;pointer-events:none}.bo.is-ready .bo__planet{display:block}.bo__planet>i{position:absolute;display:block;font-style:normal}.bo__glow{top:-70%;right:-70%;bottom:-70%;left:-70%;background:radial-gradient(closest-side,rgba(139,92,246,.5),rgba(109,40,217,.18) 55%,transparent 72%)}.bo__planet>.bo__core{top:0;right:0;bottom:0;left:0;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 32% 26%,#f3e8ff,#a78bfa 17%,#6d28d9 47%,#2e1065 80%,#12042e);box-shadow:inset -16px -20px 38px #0000008c,inset 8px 8px 22px #ffffff1f,0 0 46px #8b5cf68c}.bo__core:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(8deg,rgba(255,255,255,.11) 0 5px,transparent 5px 20px);background-size:220px 100%;mix-blend-mode:soft-light}.bo__core b{position:relative;font-weight:500;font-size:clamp(.6875rem,1.2vw,.9375rem);letter-spacing:.28em;padding-left:.28em;color:#ffffffeb;text-shadow:0 2px 10px rgba(18,4,46,.6)}.bo__ring{left:-42%;top:50%;width:184%;height:42%;margin-top:-21%;border-radius:50%;border:3px solid rgba(233,213,255,.62);box-shadow:0 0 18px #a78bfa8c,inset 0 0 12px #a78bfa59;transform:rotate(-16deg)}.bo__ring--front{clip-path:polygon(0 50%,100% 50%,100% 100%,0 100%)}.bo__list{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding:12px var(--gutter) 0}.bo__item{list-style:none;width:var(--iw);height:var(--ih)}.bo.is-ready .bo__list{position:absolute;top:0;right:0;bottom:0;left:0;display:block;padding:0}.bo.is-ready .bo__item{position:absolute;left:50%;top:50%;margin:calc(var(--ih) / -2) 0 0 calc(var(--iw) / -2);will-change:transform,opacity}.bo__link{display:grid;place-items:center;width:100%;height:100%;padding:12px 18px;border-radius:var(--r-m);background:#fffffff5;text-decoration:none;box-shadow:0 14px 40px #06021473,0 0 0 1px #ffffff59;transition:box-shadow var(--t-base) ease}.bo__logo{width:auto;height:auto;max-width:100%;max-height:44px;object-fit:contain;filter:grayscale(1);transition:filter var(--t-base) ease;pointer-events:none}.bo__name{font-size:1rem;font-weight:500;letter-spacing:-.01em;color:var(--c-ink);text-align:center;pointer-events:none}.bo:not(.is-ready) .bo__logo{filter:none}.bo__item.is-front .bo__logo,.bo__link:hover .bo__logo,.bo__link:focus-visible .bo__logo{filter:none}.bo__item.is-front .bo__link{box-shadow:0 0 0 2px var(--c-accent-bright),0 0 44px #8b5cf6bf,0 18px 44px #06021480}.bo__link:focus-visible{outline:3px solid #fff;outline-offset:3px}.bo__ctrl{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:4px;padding-inline:var(--gutter)}.bo__btn{flex:none;width:44px;height:44px;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:#ffffff14;color:#fff;display:grid;place-items:center;cursor:pointer;padding:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background-color var(--t-micro) ease,border-color var(--t-micro) ease}.bo__btn:hover{background:#ffffff2e;border-color:#ffffff80}.bo__btn .icon{width:18px;height:18px}.bo__btn--pause{margin-left:8px}.bo__btn--pause .icon{width:16px;height:16px}.bo__btn--pause .bo__ic-play{display:none;fill:currentColor}.bo__btn--pause[aria-pressed=true] .bo__ic-pause{display:none}.bo__btn--pause[aria-pressed=true] .bo__ic-play{display:block}.bo__now{display:grid;justify-items:center;gap:2px;min-width:176px;text-align:center}.bo__now-name{font-size:1.125rem;font-weight:500;letter-spacing:-.01em;color:#fff}.bo__now-link{font-size:.875rem;color:var(--c-link-on-night);text-decoration:none}.bo__now-link:after{content:" \2192"}.bo__now-link:hover{text-decoration:underline}@keyframes bo-tw{0%,to{opacity:.35}50%{opacity:1}}@keyframes bo-drift{to{transform:translate3d(-520px,0,0)}}@keyframes bo-float{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(40px,24px,0) scale(1.12)}}@keyframes bo-glow{0%{transform:scale(.92);opacity:.75}to{transform:scale(1.08);opacity:1}}@keyframes bo-bands{to{background-position:220px 0}}@keyframes bo-shoot{0%{transform:translateZ(0) rotate(28deg);opacity:0}2%{opacity:1}9%{transform:translate3d(520px,280px,0) rotate(28deg);opacity:0}to{transform:translate3d(520px,280px,0) rotate(28deg);opacity:0}}.bo[data-anim=on] .bo__stars--1{animation:bo-tw 4s ease-in-out infinite,bo-drift 140s linear infinite}.bo[data-anim=on] .bo__stars--2{animation:bo-tw 6.5s ease-in-out -2s infinite,bo-drift 220s linear infinite}.bo[data-anim=on] .bo__stars--3{animation:bo-tw 9s ease-in-out -4s infinite}.bo[data-anim=on] .bo__neb{animation:bo-float 26s ease-in-out infinite alternate}.bo[data-anim=on] .bo__glow{animation:bo-glow 5s ease-in-out infinite alternate}.bo[data-anim=on] .bo__core:before{animation:bo-bands 24s linear infinite}.bo[data-anim=on] .bo__shoot--a{animation:bo-shoot 11s linear 2s infinite}.bo[data-anim=on] .bo__shoot--b{animation:bo-shoot 15s linear 8s infinite}@media(max-width:699px){.bo{--iw:108px;--ih:62px}.bo__link{padding:8px 12px;border-radius:var(--r-s)}.bo__logo{max-height:32px}.bo__name{font-size:.8125rem}.bo__stage{height:300px}.bo.is-ready .bo__item:nth-child(n+11){display:none}.bo__now{min-width:120px}.bo__now-name{font-size:1rem}.bo__btn--pause{margin-left:2px}}html[data-motion=lite] .bo[data-anim=on] .bo__stars--1,html[data-motion=none] .bo[data-anim=on] .bo__stars--1,html[data-motion=lite] .bo[data-anim=on] .bo__stars--2,html[data-motion=none] .bo[data-anim=on] .bo__stars--2,html[data-motion=lite] .bo[data-anim=on] .bo__stars--3,html[data-motion=none] .bo[data-anim=on] .bo__stars--3,html[data-motion=lite] .bo[data-anim=on] .bo__neb,html[data-motion=none] .bo[data-anim=on] .bo__neb,html[data-motion=lite] .bo[data-anim=on] .bo__glow,html[data-motion=none] .bo[data-anim=on] .bo__glow,html[data-motion=lite] .bo[data-anim=on] .bo__core:before,html[data-motion=none] .bo[data-anim=on] .bo__core:before,html[data-motion=lite] .bo[data-anim=on] .bo__shoot--a,html[data-motion=none] .bo[data-anim=on] .bo__shoot--a,html[data-motion=lite] .bo[data-anim=on] .bo__shoot--b,html[data-motion=none] .bo[data-anim=on] .bo__shoot--b{animation:none}html[data-motion=lite] .bo__btn,html[data-motion=none] .bo__btn{background:#ffffff29;-webkit-backdrop-filter:none;backdrop-filter:none}html:not([data-motion=full]) .bo.is-ready .bo__item{will-change:auto}
/*# sourceMappingURL=/cdn/shop/t/94/assets/brand-carousel.css.map */