.thumbnails-container{position:absolute;top:0;left:0;z-index:1;--padding:4px;--card-width:75;--card-var:1vh}.thumbnails-container>picture{cursor:pointer;padding:var(--padding);top:0;left:0;position:absolute;transform-origin:center;background-color:#fff;border:1px solid #686767}.thumbnails-container>picture[data-zoom=true]{box-shadow:0 0 9px 6px rgba(0,0,0,.568)}.thumbnails-container>picture img{max-width:calc(var(--card-width) * var(--card-var));background-size:cover}.thumbnails-container>picture[data-size=portrait] img{max-height:calc(var(--card-width) * var(--card-var));width:auto}.thumbnails-container>picture canvas{position:absolute;top:var(--padding);left:var(--padding);background-color:grey;-webkit-transform:translate3d(0,0,0)}@media (orientation:landscape){.thumbnails-container{--card-var:1vh}}@media (orientation:portrait){.thumbnails-container{--card-var:1vw}}