.tf-gallery{display:grid;grid-template-columns:1fr;grid-template-rows:auto}.tf-gallery figure.tf-gallery-inner{container:tf-gallery-cont / inline-size}.tf-gallery figure.tf-gallery-inner .tf-gal-holder{width:100%;display:grid;gap:var(--sizing-100);grid-template-columns:repeat(4, 1fr);grid-template-columns:repeat(auto-fill, minmax(min(100%, 220px), 1fr))}@container tf-gallery-cont (width <= 65rem){.tf-gallery figure.tf-gallery-inner .tf-gal-holder{grid-template-columns:repeat(auto-fill, minmax(min(100%, 160px), 1fr))}}@container tf-gallery-cont (width <= 47.5rem){.tf-gallery figure.tf-gallery-inner .tf-gal-holder{grid-template-columns:repeat(auto-fill, minmax(min(100%, 160px), 1fr))}}@container tf-gallery-cont (width <= 26.25rem){.tf-gallery figure.tf-gallery-inner .tf-gal-holder{grid-template-columns:repeat(auto-fill, minmax(min(100%, 120px), 1fr))}}.tf-gallery figure.tf-gallery-inner .tf-gal-holder a.tf-gal-item{display:block;width:100%;aspect-ratio:10 / 8;position:relative;overflow:clip}.tf-gallery figure.tf-gallery-inner .tf-gal-holder a.tf-gal-item img{position:absolute;-o-object-fit:cover;object-fit:cover;width:100%;height:100%;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.tf-gallery figure.tf-gallery-inner .tf-gal-holder a.tf-gal-item i{font-size:var(--h-700-size);color:var(--xfont-w500);position:absolute;z-index:4;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);opacity:0;-webkit-transition:500ms cubic-bezier(.42, 0, .58, 1) all;transition:500ms cubic-bezier(.42, 0, .58, 1) all}.tf-gallery figure.tf-gallery-inner .tf-gal-holder a.tf-gal-item::after{content:"";display:block;position:absolute;z-index:3;background:rgba(0,0,0,0.5);inset:0;width:100%;height:100%;opacity:0;-webkit-transition:500ms cubic-bezier(.42, 0, .58, 1) all;transition:500ms cubic-bezier(.42, 0, .58, 1) all}.tf-gallery figure.tf-gallery-inner .tf-gal-holder a.tf-gal-item:hover::after,.tf-gallery figure.tf-gallery-inner .tf-gal-holder a.tf-gal-item:active::after{opacity:1}.tf-gallery figure.tf-gallery-inner .tf-gal-holder a.tf-gal-item:hover i,.tf-gallery figure.tf-gallery-inner .tf-gal-holder a.tf-gal-item:active i{opacity:1}.tf-gallery figure.tf-gallery-inner figcaption{width:100%;font-family:var(--satoshi);font-weight:var(--light);color:var(--font-500);font-size:var(--p-300-size);line-height:var(--p-300-line);color:var(--font-300);padding:3px 10px}