#gallery{opacity:0;--artwork-width:280px;flex-direction:row;width:100%;margin:0 auto;transition:opacity .5s;display:flex}.column{flex-direction:column;display:flex}#gallery.loaded{opacity:1!important}.artwork{box-sizing:content-box;width:var(--artwork-width);display:flex;position:relative}.artwork img{z-index:0;border-radius:var(--inner-radius);opacity:0;width:100%;height:auto;transition:opacity .5s;display:block;position:relative;box-shadow:inset 0 0 0 1px #00000014,0 8px 20px #00000040}.loading{opacity:1;animation:2s ease-in-out infinite shimmer}@keyframes shimmer{0%,to{filter:brightness()}50%{filter:brightness(1.2)}}.artwork img.loaded{opacity:1}.remove{display:none!important}.art-frame{--wood:#b28f5f;--inner:calc(var(--artwork-width) * .02);--outer:calc(var(--artwork-width) * .02);--inner-radius:calc(var(--artwork-width) * .01);aspect-ratio:var(--w) / var(--h);width:100%;height:auto;padding:calc(var(--inner) + var(--outer) + var(--inner-radius));background:linear-gradient(135deg, color-mix(in srgb, var(--wood) 85%, #000 15%), var(--wood), color-mix(in srgb, var(--wood) 85%, #fff 15%));border-radius:0;margin:calc(10px + 1vw);transition:transform .3s;display:inline-block;position:relative;box-shadow:15px 25px 30px #0006,inset 0 2px 4px #ffffff59,inset 0 -6px 10px #00000040}.art-frame:before{content:"";inset:calc(var(--outer) + var(--inner-radius));padding:calc(var(--inner) + var(--inner-radius));background:linear-gradient(135deg, color-mix(in srgb, var(--wood) 50%, #000 50%), color-mix(in srgb, var(--wood) 90%, #fff 10%));-webkit-mask-composite:xor;pointer-events:none;border-radius:0;position:absolute;box-shadow:inset 0 2px 3px #ffffff40,inset 0 -4px 8px #00000059;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.art-frame:hover{transform:scale(1.02)}.art-frame.static:hover{transform:none!important}.art-canvas{position:relative}