.outfit-motion{position:relative;display:block;width:100%;background:#292c28;overflow:hidden;isolation:isolate}
.outfit-motion video{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;background:#292c28;cursor:pointer}
.outfit-motion .motion-toggle{position:absolute;z-index:2;left:12px;bottom:12px;padding:10px 14px;border:1px solid #f4f1e5;background:#161914e8;color:#fff;font:500 13px Arial,sans-serif;line-height:1.3;border-radius:3px;cursor:pointer;min-height:40px}
.card-link>.motion-toggle-card{position:static;width:100%;margin-top:12px;border-color:#d3dc98;background:transparent;color:#d3dc98;text-align:left}
.outfit-motion .motion-toggle:focus-visible{outline:3px solid #d3dc98;outline-offset:3px}
.outfit-motion .motion-caption{position:absolute;z-index:2;bottom:62px;left:8%;right:8%;margin:0;padding:7px 10px;text-align:center;background:#161914df;color:white;font:14px/1.4 Arial,sans-serif;pointer-events:none}
.detail-photo .outfit-motion video{height:min(82dvh,900px);max-height:82dvh;aspect-ratio:auto;object-fit:contain}
.detail-photo:has(.outfit-motion){position:sticky;top:0;align-self:start}
@media(max-width:650px){.detail-photo .outfit-motion video{height:65dvh;max-height:65dvh}.outfit-motion .motion-caption{font-size:12px}.outfit-motion .motion-toggle{left:8px;bottom:8px;padding:8px 10px}}

.outfit-motion .motion-still{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:1;background:#292c28}.outfit-motion video{visibility:hidden}.outfit-motion.is-playing video{visibility:visible}.outfit-motion.is-playing .motion-still{visibility:hidden}