@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-duration:initial}}}.gallery-root:hover .gallery-indicator{opacity:1}.gallery-container{scroll-snap-type:x mandatory;align-items:flex-start;display:flex}.gallery-container::-webkit-scrollbar{display:none}.gallery-child{scroll-snap-align:center;scroll-snap-stop:always;text-align:center;flex-shrink:0}.gallery-child:last-child{margin-right:0!important}.gallery-indicator{z-index:1;background-color:var(--color-themed-bg_opacity,var(--bg-opacity));padding-inline:calc(var(--spacing,.25rem) * 6);padding-block:calc(var(--spacing,.25rem) * 4);opacity:0;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border-radius:24px;transition-duration:.3s;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}@property --tw-duration{syntax:"*";inherits:false}
.zoomed-image--error,.zoomed-image--loading{opacity:0}.zoomed-image--loaded{animation:.5s ease-in-out forwards imageLoad}@keyframes imageLoad{0%{opacity:.2;-webkit-mask:linear-gradient(90deg,#000 25%,#000000e6 50%,#0000) 150% 0/400% no-repeat;mask:linear-gradient(90deg,#000 25%,#000000e6 50%,#0000) 150% 0/400% no-repeat}to{opacity:1;-webkit-mask:linear-gradient(90deg,#000 25%,#000000e6 50%,#0000) 0/400% no-repeat;mask:linear-gradient(90deg,#000 25%,#000000e6 50%,#0000) 0/400% no-repeat}}