@media (min-width:320PX) and (max-width:768PX){--planetSize:300PX;--ballSize:80PX}.product-container[data-v-0e233c0b]{--planet-rotate-step:180deg;background:url(/_nuxt/img/00cfeda.png);background-position:50%;background-repeat:no-repeat;background-size:cover;overflow:hidden;padding:2.5rem 6.25rem 0}.product-container .product-title[data-v-0e233c0b]{color:#0054a7;font-size:2.5rem;margin-bottom:16PX}.product-container .product-item[data-v-0e233c0b]{border:1px solid silver;border-bottom:none;padding:1rem 0;transition:all .6s}.product-container .product-item[data-v-0e233c0b]:hover{background:linear-gradient(180deg,transparent 1%,#4d87c1 2%,transparent)}.product-container .product-item[data-v-0e233c0b]:hover:before{background:#0054a7;content:"";display:block;height:4PX;left:0;position:absolute;top:0;transition:all .6s;width:100%}@keyframes planet-rotate-1-0e233c0b{0%{transform:rotate(-30deg) scaleY(.5) rotate(0deg)}to{transform:rotate(-30deg) scaleY(.5) rotate(1turn)}}@keyframes planet-rotate-2-0e233c0b{0%{transform:rotate(-30deg) scaleY(.5) rotate(calc(var(--planet-rotate-step)*1))}to{transform:rotate(-30deg) scaleY(.5) rotate(calc(1turn + var(--planet-rotate-step)*1))}}@keyframes planet-rotate-3-0e233c0b{0%{transform:rotate(-30deg) scaleY(.5) rotate(calc(var(--planet-rotate-step)*2))}to{transform:rotate(-30deg) scaleY(.5) rotate(calc(1turn + var(--planet-rotate-step)*2))}}@keyframes self-rotate-1-0e233c0b{0%{transform:rotate(0deg) scaleY(2) rotate(30deg) scale(1) translateX(3.125rem)}to{transform:rotate(-1turn) scaleY(2) rotate(30deg) scale(1) translateX(3.125rem)}}@keyframes self-rotate-2-0e233c0b{0%{transform:rotate(calc(0deg - var(--planet-rotate-step)*1)) scaleY(2) rotate(30deg) scale(1) translateX(3.125rem)}to{transform:rotate(calc(-1turn - var(--planet-rotate-step)*1)) scaleY(2) rotate(30deg) scale(1) translateX(3.125rem)}}@keyframes self-rotate-3-0e233c0b{0%{transform:rotate(calc(0deg - var(--planet-rotate-step)*2)) scaleY(2) rotate(30deg) scale(1) translateX(3.125rem)}to{transform:rotate(calc(-1turn - var(--planet-rotate-step)*2)) scaleY(2) rotate(30deg) scale(1) translateX(3.125rem)}}.circleBox-wrap[data-v-0e233c0b]{height:var(--planetSize);perspective-origin:50% 50%;transform:perspective(1000PX);transform-style:preserve-3d}.circleBox-wrap:has(.circleBoxItem:hover) .circleBox[data-v-0e233c0b]{animation-play-state:paused!important}.circleBox-wrap:has(.circleBoxItem:hover) .circleBoxItem[data-v-0e233c0b]{animation-play-state:paused!important}.circleBox[data-v-0e233c0b]{backface-visibility:hidden;border-radius:50%;height:var(--planetSize);pointer-events:none;position:absolute;transform-origin:50% 50%;width:var(--planetSize)}.circleBox .circleBoxItem[data-v-0e233c0b]{align-items:center;display:flex;flex-direction:row;left:calc(50% - 100PX);position:absolute;top:-30PX;transform-style:preserve-3d;width:200PX}.circleBox .circleBoxItem .ball[data-v-0e233c0b]{background-color:hsla(0,0%,100%,.5);background-position:50%;background-repeat:no-repeat;background-size:cover;border:.375rem solid #fff;border-radius:50%;height:var(--ballSize);margin-right:1.25rem;overflow:hidden;pointer-events:auto;position:relative;transform-style:preserve-3d;transition:all .5s;width:var(--ballSize);z-index:999}.circleBox .circleBoxItem .ball[data-v-0e233c0b]:hover{transform:scale(1.5)}.circleBox .circleBoxItem[data-v-0e233c0b]:hover{animation-play-state:paused!important}.circleBox[data-v-0e233c0b]:first-child{border:1px solid #ababab}