.mx-orb{transition:background-color calc(.9s * var(--mx-speed)) var(--mx-ease)}.mx-orb--item{background:var(--orb-bg, var(--mx-bg))}.mx-orb__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:32px}.mx-orb__info{position:relative;display:grid;margin-top:30px;min-height:190px}.mx-orb__detail{grid-area:1 / 1;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .5s,transform .6s var(--mx-ease),visibility 0s .6s}.mx-orb__detail.is-active{opacity:1;visibility:visible;transform:none;transition-delay:.12s,.12s,0s}.mx-orb__name{margin:10px 0 0;font-family:var(--mx-font-h);font-weight:var(--fw-heading, 500);font-size:clamp(26px,2.6vw,36px);line-height:1.1}.mx-orb__text{margin:8px 0 0;color:var(--mx-muted);font-size:15px;line-height:1.55;max-width:40ch}.mx-orb__price{margin:12px 0 0;font-weight:600;font-size:19px}.mx-orb__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.mx-orb__nav{--mx-nav-justify: flex-start}.mx-orb__stage{position:relative;height:var(--orb-h);touch-action:pan-y;-webkit-user-select:none;user-select:none}.mx-orb__floor{position:absolute;left:8%;right:8%;bottom:8%;height:26%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.12),transparent)}.mx-orb__item{position:absolute;left:50%;top:50%;width:var(--orb-item);aspect-ratio:.8;margin:calc(var(--orb-item) / -1.6) 0 0 calc(var(--orb-item) / -2);padding:0;border:0;background:none;cursor:pointer;will-change:transform;transition:filter .4s}.mx-orb__item img,.mx-orb__item .mx-ph{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 24px 22px rgba(0,0,0,.22));pointer-events:none}.mx-orb__item:not(.is-active){filter:saturate(.85)}.mx-orb__item:focus-visible{outline:2px solid var(--mx-accent);outline-offset:6px;border-radius:16px}@media(max-width:749px){.mx-orb__grid{grid-template-columns:1fr;gap:8px}.mx-orb__stage{order:-1;height:var(--orb-hm)}.mx-orb__item{width:var(--orb-item-m);margin:calc(var(--orb-item-m) / -1.6) 0 0 calc(var(--orb-item-m) / -2)}.mx-orb__side{order:2}.mx-orb__info{margin-top:18px;min-height:170px}.mx-orb__actions .mx-btn{flex:1 1 auto}}
/*# sourceMappingURL=/cdn/shop/t/70/assets/mx-orb.css.map */