.image-dropdown__panel{position:absolute;top:100%;left:50%;transform:translate(-50%);width:max-content;max-width:min(76rem,calc(100vw - 4rem));padding:2rem;background-color:rgb(var(--color-background))}.js details>.image-dropdown__panel{opacity:0;transform:translate(-50%,-1.5rem)}details[open]>.image-dropdown__panel{animation:imageDropdownOpen var(--duration-default) ease;animation-fill-mode:forwards}@keyframes imageDropdownOpen{0%{opacity:0;transform:translate(-50%,-1.5rem)}to{opacity:1;transform:translate(-50%)}}@media(prefers-reduced-motion){details[open]>.image-dropdown__panel{opacity:1;transform:translate(-50%)}}.image-dropdown__grid{display:flex;flex-wrap:wrap;gap:1.6rem;list-style:none;margin:0;padding:0}.image-dropdown__item{width:15rem}.image-dropdown__link{display:block;text-decoration:none;color:rgb(var(--color-foreground))}.image-dropdown__media{position:relative;aspect-ratio:4 / 3;overflow:hidden;border-radius:.2rem;background-color:rgba(var(--color-foreground),.04);margin-bottom:.9rem}.image-dropdown__media img,.image-dropdown__media svg{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--duration-long) ease}.image-dropdown__link:hover .image-dropdown__media img{transform:scale(1.04)}.image-dropdown__label{display:block;font-size:1.3rem;letter-spacing:.04rem;line-height:1.3}.image-dropdown__link:hover .image-dropdown__label{text-decoration:underline;text-underline-offset:.3rem}.image-dropdown__footer{margin-top:1.6rem;padding-top:1.2rem;border-top:.1rem solid rgba(var(--color-foreground),.08);display:flex;flex-wrap:wrap;gap:2rem}.image-dropdown__footer .link{font-size:1.3rem}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-image-dropdown.css.map */