.thumbnails-list{display:flex;flex-wrap:wrap;justify-content:center;--thumbnails-list-min-gap:10;--thumbnails-list-max-gap:30;--thumbnails-list-min-size:40;--thumbnails-list-max-size:70;--thumbnails-list-border-radius:8px;--thumbnails-list-border-width:3px;--thumbnails-list-border-color:currentColor;--thumbnails-list-border-color-active:var(--color-accent);--thumbnails-list-gap:calc(1 * var(--thumbnails-list-min-gap) * 1px);--thumbnails-list-size:calc(1 * var(--thumbnails-list-min-size) * 1px);gap:var(--thumbnails-list-gap)}@media screen and (min-width:360px){.thumbnails-list{--thumbnails-list-gap:calc(1 * (var(--thumbnails-list-min-gap) * 1px + (var(--thumbnails-list-max-gap) - var(--thumbnails-list-min-gap)) * (100vw - 360px) / 1560))}}@media screen and (min-width:1920px){.thumbnails-list{--thumbnails-list-gap:calc(1 * var(--thumbnails-list-max-gap) * 1px)}}@media screen and (min-width:360px){.thumbnails-list{--thumbnails-list-size:calc(1 * (var(--thumbnails-list-min-size) * 1px + (var(--thumbnails-list-max-size) - var(--thumbnails-list-min-size)) * (100vw - 360px) / 1560))}}@media screen and (min-width:1920px){.thumbnails-list{--thumbnails-list-size:calc(1 * var(--thumbnails-list-max-size) * 1px)}}.thumbnails-list_horizontal{padding-left:var(--thumbnails-list-gap);padding-right:var(--thumbnails-list-gap)}.thumbnails-list_vertical{flex-direction:column;padding-top:var(--thumbnails-list-gap);padding-bottom:var(--thumbnails-list-gap)}.thumbnails-list__item{position:relative;width:var(--thumbnails-list-size);height:var(--thumbnails-list-size);background:0 0;outline:0;box-shadow:none;outline-width:var(--thumbnails-list-border-width);outline-style:solid;outline-color:transparent;outline-offset:calc(var(--thumbnails-list-border-width) * -1);border-radius:var(--thumbnails-list-border-radius);padding:0;overflow:hidden;cursor:pointer}.thumbnails-list__item .responsive-rectangle{--responsive-rectangle-border-width:var(--thumbnails-list-border-width);--responsive-rectangle-border-color:var(--thumbnails-list-border-color-active)}.thumbnails-list__item img,.thumbnails-list__item video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform:scale(1.1);filter:grayscale(100%);transition:all .3s ease}.thumbnails-list__item::before{content:"";display:block;position:absolute;inset:0;border-radius:var(--thumbnails-list-border-radius);border:var(--thumbnails-list-border-width) solid var(--thumbnails-list-border-color,currentColor);z-index:10;transition:all .3s ease;opacity:0;pointer-events:none}.thumbnails-list__item::after{content:"";display:block;position:absolute;inset:0;background-color:rgba(0,0,0,.5);transition:background-color .3s ease}.thumbnails-list__item:hover::after{background-color:rgba(0,0,0,.1)}.thumbnails-list__item:hover img,.thumbnails-list__item:hover video{filter:grayscale(0);transform:scale(1)}.thumbnails-list__item[aria-current=true],.thumbnails-list__item[current]{pointer-events:none}.thumbnails-list__item[aria-current=true] *,.thumbnails-list__item[current] *{pointer-events:none}.thumbnails-list__item[aria-current=true]::before,.thumbnails-list__item[current]::before{opacity:1}.thumbnails-list__item[aria-current=true]::after,.thumbnails-list__item[current]::after{background-color:rgba(0,0,0,0)}.thumbnails-list__item[aria-current=true] img,.thumbnails-list__item[aria-current=true] video,.thumbnails-list__item[current] img,.thumbnails-list__item[current] video{filter:grayscale(0);transform:scale(1)}@media screen and (max-width:991px){.thumbnails-list{--thumbnails-list-border-width:2px}}