.photothumbs--photo,.photothumbs--thumbimg{width:100%;height:0;padding-top:75%;position:relative;background-color:var(--card-bg);border-radius:var(--borderradius-s);background-position:50% 50%;background-repeat:no-repeat}ul.photothumbs--thumbs{display:flex;flex-wrap:wrap;margin:var(--padding-s) calc(-1 * var(--padding-s)) 0 0}.photothumbs--thumbs li{margin:0 var(--padding-s) var(--padding-s) 0;flex:1 0 30%;max-width:33%;cursor:pointer;transition:all .3s var(--anim-linkeasing);border-radius:var(--borderradius-s);overflow:hidden;border:.2rem solid var(--color-bg)}.photothumbs--thumbs li:hover{opacity:.7}.photothumbs--thumbs li.is-selected{border-color:var(--color-accent)}@media (max-width: 62em) and (min-width: 34em){.photothumbs{display:flex;align-items:flex-start}.photothumbs--photo{flex:0 0 70%;padding-top:56%}ul.photothumbs--thumbs{padding-left:var(--padding-l);margin-top:0;flex:0 0 30%}.photothumbs--thumbs li{flex-basis:48%;max-width:48%}}