.aspect-ratio-container{position:relative;overflow:hidden;border-radius:4px}.aspect-ratio-1-1{aspect-ratio:1/1}.aspect-ratio-4-3{aspect-ratio:4/3}.aspect-ratio-3-2{aspect-ratio:3/2}.aspect-ratio-16-9{aspect-ratio:16/9}.aspect-ratio-16-10{aspect-ratio:16/10}.aspect-ratio-3-4{aspect-ratio:3/4}.aspect-ratio-2-3{aspect-ratio:2/3}.aspect-ratio-9-16{aspect-ratio:9/16}.aspect-ratio-container img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}@supports not (aspect-ratio:1/1){.aspect-ratio-container{position:relative;width:100%}.aspect-ratio-container:before{content:"";display:block;width:100%}.aspect-ratio-1-1:before{padding-top:100%}.aspect-ratio-4-3:before{padding-top:75%}.aspect-ratio-3-2:before{padding-top:66.67%}.aspect-ratio-16-9:before{padding-top:56.25%}.aspect-ratio-16-10:before{padding-top:62.5%}.aspect-ratio-3-4:before{padding-top:133.33%}.aspect-ratio-2-3:before{padding-top:150%}.aspect-ratio-9-16:before{padding-top:177.78%}.aspect-ratio-container img{position:absolute;top:0;left:0;width:100%;height:100%}}@media print{.aspect-ratio-container{-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid}.aspect-ratio-container img{print-color-adjust:exact;-webkit-print-color-adjust:exact;color-adjust:exact}}@media (max-width:768px){.aspect-ratio-container{border-radius:2px}}.grid-aspect-square{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}.grid-aspect-landscape{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.grid-aspect-portrait{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px}.aspect-ratio-container{transition:all .3s ease-in-out}.aspect-ratio-container:hover{transform:scale(1.02);box-shadow:0 4px 12px rgba(0,0,0,.15)}.aspect-ratio-container.loading{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-color-scheme:dark){.aspect-ratio-container.loading{background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a 50%,#2a2a2a 75%);background-size:200% 100%}}