mb-orbit{--o-bg: #eceae6;--o-ink: #111;--o-dim: #6d6a66;--o-line: rgba(17, 17, 17, .14);--o-accent: #111;--o-on-accent: #fff;--o-font: inherit;--o-display: inherit;--o-h: min(88vh, 860px);display:block;position:relative;overflow:hidden;color:var(--o-ink);font-family:var(--o-font);background:var(--o-bg);isolation:isolate}mb-orbit[hidden]{display:none}mb-orbit .orbit-empty{grid-column:1 / -1;align-self:center;margin:0;padding:48px 20px;text-align:center;color:var(--o-dim)}mb-orbit .orbit-env{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}mb-orbit .orbit-grid{display:grid;grid-template-columns:minmax(260px,32%) 1fr;min-height:var(--o-h)}mb-orbit .orbit-info{position:relative;z-index:120;align-self:center;padding:48px 0 48px clamp(20px,5vw,72px);transition:opacity .2s ease,transform .3s cubic-bezier(.2,.7,.2,1)}mb-orbit .orbit-info.is-out{opacity:0;transform:translateY(12px)}mb-orbit .orbit-count{margin:0 0 14px;font:600 12px/1 var(--o-font);letter-spacing:.2em;color:var(--o-dim)}mb-orbit .orbit-count span{color:var(--o-ink)}mb-orbit .orbit-title{margin:0;font:800 clamp(40px,5.4vw,92px)/.88 var(--o-display);letter-spacing:-.03em;text-transform:uppercase;max-width:9ch;text-wrap:balance}mb-orbit .orbit-colorway{margin:12px 0 0;color:var(--o-dim);font-size:15px}mb-orbit .orbit-price{margin:14px 0 0;font:600 20px/1 var(--o-font)}mb-orbit .orbit-price s{color:var(--o-dim);font-weight:400;margin-right:6px}mb-orbit .orbit-sizes{display:grid;grid-template-columns:repeat(4,minmax(48px,64px));gap:8px;margin-top:26px}mb-orbit .orbit-size{min-height:48px;border:1px solid var(--o-line);background:transparent;color:inherit;font:600 14px/1 var(--o-font);border-radius:10px;cursor:pointer;transition:background .15s,color .15s,border-color .15s,transform .15s}mb-orbit .orbit-size:hover{border-color:var(--o-ink)}mb-orbit .orbit-size:active{transform:scale(.96)}mb-orbit .orbit-size[disabled]{opacity:.35;text-decoration:line-through;cursor:not-allowed}mb-orbit .orbit-size.is-added{background:var(--o-accent);color:var(--o-on-accent);border-color:var(--o-accent)}mb-orbit .orbit-actions{margin-top:22px}mb-orbit .orbit-open{border:0;background:none;color:inherit;font:600 14px/1 var(--o-font);padding:10px 0;border-bottom:1.5px solid currentColor;cursor:pointer}mb-orbit .orbit-status{min-height:1.4em;margin:10px 0 0;font-size:13px;color:var(--o-dim)}mb-orbit .orbit-stage{position:relative;outline:none;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}mb-orbit.is-dragging .orbit-stage{cursor:grabbing}mb-orbit .orbit-stage:focus-visible{box-shadow:inset 0 0 0 2px var(--o-accent)}mb-orbit .orbit-track{list-style:none;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0}mb-orbit .orbit-shoe{position:absolute;left:0;top:0;will-change:transform,opacity;transform-origin:50% 60%}mb-orbit .orbit-shoe img{display:block;width:100%;height:auto;pointer-events:none;filter:none}mb-orbit .orbit-shoe.is-front img{filter:drop-shadow(0 24px 22px rgba(0,0,0,.18))}mb-orbit .orbit-shadow{position:absolute;left:12%;right:12%;bottom:-6%;height:12%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.35),transparent);filter:blur(6px);z-index:-1}mb-orbit .orbit-dial-wrap{position:absolute;z-index:130;left:50%;bottom:26px;transform:translate(-50%);display:grid;justify-items:center;gap:8px;width:min(420px,80%)}mb-orbit .orbit-dial{width:100%;height:40px;border-radius:999px;cursor:ew-resize;touch-action:none;background:linear-gradient(90deg,var(--o-bg) 0%,transparent 18%,transparent 82%,var(--o-bg) 100%),repeating-linear-gradient(90deg,rgba(0,0,0,.42) 0 2px,rgba(255,255,255,.55) 2px 3px,transparent 3px 14px) var(--dial, 0px) 0 / 14px 100%,linear-gradient(180deg,#fafafa,#d9d7d3 55%,#c9c6c1);box-shadow:inset 0 1px #fff,inset 0 -2px 6px #0000002e,0 10px 24px #0000001f}mb-orbit .orbit-dial-label{display:flex;justify-content:space-between;width:100%;font:600 11px/1 var(--o-font);letter-spacing:.22em;color:var(--o-dim)}mb-orbit .orbit-nav{display:flex;gap:8px}mb-orbit .orbit-nav button{width:44px;height:44px;border-radius:50%;border:1px solid var(--o-line);background:transparent;color:inherit;cursor:pointer;font-size:18px}mb-orbit .orbit-dialog{border:0;padding:0;width:min(1040px,94vw);max-height:92vh;border-radius:20px;background:var(--o-bg);color:var(--o-ink)}mb-orbit .orbit-dialog::backdrop{background:#0a0a0a8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}mb-orbit .orbit-close{position:absolute;top:14px;right:16px;z-index:2;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--o-line);background:var(--o-bg);color:inherit;cursor:pointer;font:600 13px/1 var(--o-font)}mb-orbit .orbit-dialog-inner{display:grid;grid-template-columns:1.3fr 1fr;gap:28px;padding:28px;overflow:auto;max-height:92vh}mb-orbit .orbit-dialog-media{display:grid;gap:10px}mb-orbit .orbit-dialog-media img{width:100%;border-radius:14px;background:#ffffff80}mb-orbit .orbit-dialog-info{align-self:start;position:sticky;top:0;padding-top:40px}mb-orbit .orbit-dialog-info h2{margin:6px 0 0;font:800 clamp(30px,4vw,52px)/.92 var(--o-display);text-transform:uppercase;letter-spacing:-.02em}mb-orbit .orbit-desc{color:var(--o-dim);line-height:1.55}mb-orbit .orbit-link{display:inline-block;margin-top:18px;color:inherit;font-weight:600}@media(max-width:699px){mb-orbit{--o-h: auto}mb-orbit .orbit-grid{grid-template-columns:1fr;grid-template-rows:auto auto}mb-orbit .orbit-stage{order:-1;height:min(100vw,480px)}mb-orbit .orbit-info{padding:8px 20px 34px}mb-orbit .orbit-title{max-width:none}mb-orbit .orbit-dial-wrap{bottom:8px;width:82%}mb-orbit .orbit-dialog-inner{grid-template-columns:1fr;padding:16px}mb-orbit .orbit-dialog-info{position:static;padding-top:0}}@media(prefers-reduced-motion:reduce){mb-orbit .orbit-info{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/59/assets/mbd-shoe-orbit-mb-orbit.css.map */