.details--preview{display:flex;align-items:flex-start;margin-top:1em;position:relative;overflow:hidden;overflow-x:auto;scrollbar-width:none;border-top:1px solid var(--COLOR-border);padding-top:1em}.details--preview::-webkit-scrollbar{display:none}.details--preview:before{content:"";position:absolute;top:-1em;left:0;right:0;border-top:1px solid var(--COLOR-border)}.details--preview .preview_image{cursor:pointer;height:50px;padding:0 .5em;background-color:#fff;border:0;white-space:nowrap;scroll-snap-align:start end}.details--preview .preview_image+.preview_image{border-left:1px solid var(--COLOR-border)}.details--preview .video{--icon-player:1.4em;position:relative}.details--preview .video .icon__wrapper{position:absolute;background-color:rgba(87,87,87,.4);padding:.4em .25em .4em .5em;display:flex;border-radius:5px;top:calc(50% - (var(--icon-player) / 1.2));left:calc(50% - (var(--icon-player) / 1.4))}.details--preview .video .icon.play{color:#fff;width:var(--icon-player);height:var(--icon-player)}