:root body .machine-d-pixel.machine-gallery{--gallery-card-width:clamp(300px,34vw,460px);--gallery-stage-height:390px;display:block;background:#eee7dc;color:var(--brown-dark);padding:28px 0 20px;border-bottom:1px solid var(--line);overflow:hidden}:root body .machine-d-pixel .machine-gallery-heading{display:flex;justify-content:space-between;gap:24px;padding:0 40px 24px;font:10px/1.5 Space Mono,monospace;letter-spacing:.13em;color:var(--brown)}:root body .machine-d-pixel .machine-gallery-stage{position:relative;height:var(--gallery-stage-height);width:100%;touch-action:pan-y}:root body .machine-d-pixel .machine-gallery-card{position:absolute;top:0;left:50%;margin-left:calc(var(--gallery-card-width) * -.5);width:var(--gallery-card-width);height:100%;min-height:0;padding:0;border:1px solid rgba(99,73,46,.12);border-radius:2px;background:#e2d8c9;overflow:hidden;cursor:pointer;transition:transform .65s cubic-bezier(.22,.68,.25,1),opacity .65s ease;transform-origin:center;-webkit-appearance:none;appearance:none}:root body .machine-d-pixel .machine-gallery-card[data-slot=current]{transform:translate(0) scale(1);opacity:1;z-index:2;box-shadow:0 10px 24px -16px #4e351e4d}:root body .machine-d-pixel .machine-gallery-card[data-slot=previous]{transform:translate(-106%) scale(.9);opacity:.62;z-index:1}:root body .machine-d-pixel .machine-gallery-card[data-slot=next]{transform:translate(106%) scale(.9);opacity:.62;z-index:1}:root body .machine-d-pixel .machine-gallery-card[data-slot=hidden]{transform:translate(210%) scale(.84);opacity:0;pointer-events:none}:root body .machine-d-pixel .machine-gallery-card>:is(img,video){display:block;width:100%;height:100%;max-height:none;min-height:0;max-width:none;object-fit:cover;object-position:center;margin:0;padding:0;opacity:0;transition:opacity .3s ease}:root body .machine-d-pixel .machine-gallery-card>[data-loaded=true]{opacity:1}:root body .machine-d-pixel .machine-gallery-photo-number{position:absolute;bottom:14px;left:16px;background:#f6f0e5;color:#6b4a29;padding:6px 8px;font:10px/1 Space Mono,monospace}:root body .machine-d-pixel .machine-gallery-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;color:#846d55;font:11px/1.5 Space Mono,monospace}:root body .machine-d-pixel .machine-gallery-card>[hidden]{display:none}:root body .machine-d-pixel .machine-gallery-placeholder>span{font-size:10px}:root body .machine-d-pixel .machine-gallery-bottom{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:22px 40px 0}:root body .machine-d-pixel .machine-gallery-caption{display:flex;align-items:center;gap:20px;min-width:0}:root body .machine-d-pixel .machine-gallery-caption>span{white-space:nowrap;font:11px/1.5 Space Mono,monospace;color:var(--brown)}:root body .machine-d-pixel .machine-gallery-caption b{font-weight:inherit}:root body .machine-d-pixel .machine-gallery-caption i{font-style:normal;color:#9b8a78}:root body .machine-d-pixel .machine-gallery-caption p{font-size:15px;line-height:1.3;color:var(--brown-dark);margin:0}:root body .machine-d-pixel .machine-gallery-dots{display:flex;gap:0}:root body .machine-d-pixel .machine-gallery-dots button{display:grid;place-items:center;width:30px;height:44px;background:none;border:0;padding:0;cursor:pointer}:root body .machine-d-pixel .machine-gallery-dots button span{width:18px;height:2px;background:#c5b7a6}:root body .machine-d-pixel .machine-gallery-dots button[aria-current=true] span{background:var(--brown)}:root body .machine-d-pixel .machine-gallery-controls{display:flex;gap:8px;justify-content:flex-end}:root body .machine-d-pixel .machine-gallery-controls>button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #cabbab;background:transparent;color:var(--brown-dark);border-radius:50%;padding:0;cursor:pointer}:root body .machine-d-pixel .machine-gallery-controls>.machine-gallery-pause{border:0;border-radius:0;width:54px;font:10px/1.3 Space Mono,monospace;margin-right:10px}:root body .machine-d-pixel .machine-gallery-controls svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.3}:root body .machine-d-pixel.machine-gallery button:hover{border-color:var(--brown)}:root body .machine-d-pixel.machine-gallery button:focus-visible{outline:2px solid var(--brown);outline-offset:4px}@media(max-width:900px){:root body .machine-d-pixel.machine-gallery{--gallery-card-width:54vw;--gallery-stage-height:360px}:root body .machine-d-pixel .machine-gallery-bottom{grid-template-columns:1fr auto;gap:12px}:root body .machine-d-pixel .machine-gallery-dots{grid-row:2;grid-column:1/-1;justify-content:center}:root body .machine-d-pixel .machine-gallery-caption{gap:12px}}@media(max-width:600px){:root body .machine-d-pixel.machine-gallery{--gallery-card-width:72vw;--gallery-stage-height:320px;padding-top:24px}:root body .machine-d-pixel .machine-gallery-heading{padding:0 20px 20px;font-size:9px}:root body .machine-d-pixel .machine-gallery-heading>span:last-child{display:none}:root body .machine-d-pixel .machine-gallery-bottom{padding:18px 20px 0}:root body .machine-d-pixel .machine-gallery-caption{flex-direction:column;align-items:flex-start;gap:7px}:root body .machine-d-pixel .machine-gallery-caption p{font-size:13px;max-width:170px}:root body .machine-d-pixel .machine-gallery-controls{gap:5px}:root body .machine-d-pixel .machine-gallery-controls>button{width:40px;height:40px}:root body .machine-d-pixel .machine-gallery-controls>.machine-gallery-pause{width:40px;margin-right:0}}@media(prefers-reduced-motion:reduce){:root body .machine-d-pixel .machine-gallery-card,:root body .machine-d-pixel .machine-gallery-card>:is(img,video){transition:none}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/machine-d-editorial-gallery.css.map */