.card-gallery{box-sizing:border-box;width:100%;min-width:0;padding-inline:var(--card-gallery-gutter);--card-gallery-gutter:clamp(16px,2vw,32px);--card-gallery-columns:var(--card-gallery-desktop-columns,4);--card-gallery-gap:var(--card-gallery-desktop-gap,24px);--card-gallery-action-height:40px;align-items:start;container:card-gallery/inline-size;grid-template-columns:repeat(var(--card-gallery-measured-columns,var(--card-gallery-columns)),minmax(0,1fr))!important;column-gap:var(--card-gallery-gap)!important;row-gap:calc(var(--card-gallery-gap) + 16px)!important;display:grid!important}.card-gallery-item{--card-gallery-unit:var(--card-gallery-measured-unit,calc((100cqw - (var(--card-gallery-columns) - 1)*var(--card-gallery-gap))/(7.7*var(--card-gallery-columns))));--card-gallery-art-width:calc(5*var(--card-gallery-unit));--card-gallery-action-height:max(40px,calc(.55*var(--card-gallery-unit)));box-sizing:border-box;min-width:0;position:relative;overflow:visible}.card-gallery-item[data-card-orientation=landscape]{--card-gallery-art-width:calc(7*var(--card-gallery-unit))}.card-gallery-item:has([data-hover-active=true]){z-index:20}.card-gallery-image-well{width:100%;height:calc(7*var(--card-gallery-unit) + var(--card-gallery-action-height));padding-top:var(--card-gallery-action-height);box-sizing:border-box;justify-content:center;align-items:flex-end;min-width:0;display:flex;position:relative;overflow:visible}.card-gallery-image-well>*{width:var(--card-gallery-art-width);flex:none;max-width:100%}.card-gallery-save{z-index:30;width:40px;height:40px;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:0;place-items:center;padding:6px;display:grid;position:absolute;top:0;right:0}.card-gallery-save svg{fill:none;stroke-width:1.6px;width:27px;height:27px}.card-gallery-save[aria-pressed=true]{color:#c62828}.card-gallery-save[aria-pressed=true] svg{fill:currentColor;stroke:currentColor}.card-gallery-save:focus-visible{outline-offset:2px;outline:2px solid}.card-gallery-save:disabled{cursor:default;opacity:.6}@media (pointer:coarse){.card-gallery-save{width:44px;height:44px}}@media (max-width:1024px){.card-gallery[data-gallery-device=responsive]{--card-gallery-columns:var(--card-gallery-tablet-columns,3)}}@media (max-width:720px){.card-gallery[data-gallery-device=responsive]{--card-gallery-columns:var(--card-gallery-mobile-columns,2);--card-gallery-gap:var(--card-gallery-mobile-gap,12px)}}.card-gallery[data-gallery-device=tablet]{--card-gallery-columns:var(--card-gallery-tablet-columns,3)}.card-gallery[data-gallery-device=mobile]{--card-gallery-columns:var(--card-gallery-mobile-columns,2);--card-gallery-gap:var(--card-gallery-mobile-gap,12px)}@container card-gallery (width<=1024px){.card-gallery[data-gallery-device=responsive]>.card-gallery-item{--card-gallery-columns:var(--card-gallery-tablet-columns,3)}}@container card-gallery (width<=720px){.card-gallery[data-gallery-device=responsive]>.card-gallery-item{--card-gallery-columns:var(--card-gallery-mobile-columns,2)}}.hover-card-preview{aspect-ratio:5/7;isolation:isolate;--hover-inside-scale:.68;width:100%;display:block;position:relative;overflow:visible}.hover-card-preview[data-orientation=landscape]{aspect-ratio:7/5}.hover-card-preview.is-large{--hover-inside-scale:.46}.hover-card-stage{pointer-events:none;transition:transform .9s;display:block;position:absolute;inset:0;transform:scale(1)}.hover-card-model{transform-style:preserve-3d;transform-origin:0;transform:translate(var(--hover-pose-x),var(--hover-pose-y)) rotateX(var(--hover-camera-x)) rotateY(var(--hover-camera-y)) scale(var(--hover-pose-scale));transition:transform .9s;display:block;position:absolute;inset:0}.hover-card-leaf{transform-style:preserve-3d;transform-origin:0;transition:transform .9s;display:block;position:absolute;inset:0}.hover-card-cover{transform:rotateY(var(--hover-cover-angle))}.hover-card-base{transform:rotateY(var(--hover-base-angle))}.hover-card-face{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#fff;display:block;position:absolute;inset:0;overflow:hidden}.hover-card-preview[data-gallery=true] .hover-card-face{outline:1px solid #b8bdbb}.hover-card-preview[data-gallery=false] .hover-card-cover{z-index:2}.hover-card-preview[data-gallery=false] .hover-card-base,.hover-card-preview[data-gallery=false][data-view=back] .hover-card-cover{z-index:1}.hover-card-preview[data-gallery=false][data-view=back] .hover-card-base{z-index:2}.hover-card-face>svg,.hover-card-face>span,.hover-card-face svg{width:100%;height:100%;display:block}.hover-card-reverse{transform:rotateY(180deg)}.hover-card-preview[data-orientation=landscape] .hover-card-model,.hover-card-preview[data-orientation=landscape] .hover-card-leaf{transform-origin:50% 0}.hover-card-preview[data-orientation=landscape] .hover-card-cover{transform:rotateX(var(--hover-cover-angle))}.hover-card-preview[data-orientation=landscape] .hover-card-base{transform:rotateX(var(--hover-base-angle))}.hover-card-preview[data-orientation=landscape] .hover-card-reverse{transform:rotateX(180deg)}.hover-card-preview[data-orientation=landscape] .hover-card-base .hover-card-reverse>*{transform:rotate(180deg)}.hover-card-preview[data-shadow=true] .hover-card-leaf{box-shadow:var(--hover-card-shadow,0 5px 16px #0002)}.hover-card-preview:not(.is-large)[data-hover-active=true]{z-index:8}.hover-card-preview:not(.is-large):not([data-gallery=true])[data-hover-active=true] .hover-card-stage{transform:scale(1.08)translateY(-3px)}.hover-card-preview:not(.is-large)[data-hover-active=true][data-view=inside] .hover-card-stage{transform:translate(var(--hover-edge-x,0px),var(--hover-edge-y,0px)) scale(1.08) translateY(-3px)}.hover-card-preview[data-gallery=true]:not(.is-large)[data-hover-active=true][data-view=inside] .hover-card-stage{transform:translate(var(--hover-edge-x,0px),var(--hover-edge-y,0px))}.hover-card-controls{z-index:10;white-space:nowrap;gap:4px;display:flex;position:absolute;bottom:-38px;left:50%;transform:translate(-50%)}.hover-card-controls button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:6px 10px;font-size:12px}.hover-card-controls button[aria-pressed=true]{background:#eee}.hover-card-controls button:focus-visible{outline:2px solid}@media (prefers-reduced-motion:reduce){.hover-card-preview *{transition:none!important}.hover-card-preview:not(.is-large) .hover-card-stage{transform:none!important}}
