@layer etch-reset;[data-fe-woo-el=gallery__thumb][data-fe-woo-el][data-fe-woo-el]{min-block-size:var(--fe-woo-gallery-thumb-size, calc(4.5 * var(--fe-woo-u, 1rem)));padding:0}@layer fancy-etch{[data-fe-woo-el=gallery]{--empty-element-size: 0;--fe-woo-gallery-gap: calc(.75 * var(--fe-woo-u, 1rem));--fe-woo-gallery-radius: var(--fe-woo-radius, calc(.75 * var(--fe-woo-u, 1rem)));--fe-woo-gallery-surface: var(--fe-woo-panel, #f3f4f6);--fe-woo-gallery-border: var(--fe-woo-border, #d1d5db);--fe-woo-gallery-selected: var(--fe-woo-accent, #111827);--fe-woo-gallery-focus-ring: var(--fe-woo-focus-ring, #2563eb);--fe-woo-gallery-ratio: 1;--fe-woo-gallery-thumb-size: calc(4.5 * var(--fe-woo-u, 1rem));--fe-woo-gallery-thumb-ratio: 1;--fe-woo-gallery-columns: repeat(auto-fill, minmax(var(--fe-woo-gallery-thumb-size, calc(4.5 * var(--fe-woo-u, 1rem))), 1fr));--fe-woo-gallery-control-bg: var(--fe-woo-surface, #ffffff);--fe-woo-gallery-control-color: var(--fe-woo-color, #111827);--fe-woo-gallery-backdrop: rgb(17 24 39 / 80%);--fe-woo-gallery-swap: .24s;--fe-woo-gallery-swap-zoom: .3s;--fe-woo-gallery-swap-shift: 100%;display:grid;gap:var(--fe-woo-gallery-gap, calc(.75 * var(--fe-woo-u, 1rem)));:has(>&){container-type:inline-size}}[data-fe-woo-el=gallery][data-fe-woo-layout=left]{grid-template-columns:var(--fe-woo-gallery-thumb-size, calc(4.5 * var(--fe-woo-u, 1rem))) minmax(0,1fr);align-items:start}[data-fe-woo-el=gallery][data-fe-woo-layout=right]{grid-template-columns:minmax(0,1fr) var(--fe-woo-gallery-thumb-size, calc(4.5 * var(--fe-woo-u, 1rem)));align-items:start}[data-fe-woo-layout=left]>[data-fe-woo-el=gallery__thumbs],[data-fe-woo-layout=right]>[data-fe-woo-el=gallery__stage]{grid-column:1;grid-row:1}[data-fe-woo-layout=left]>[data-fe-woo-el=gallery__stage],[data-fe-woo-layout=right]>[data-fe-woo-el=gallery__thumbs]{grid-column:2;grid-row:1}[data-fe-woo-el=gallery]:not(:has(>[data-fe-woo-el=gallery__thumbs])){grid-template-columns:minmax(0,1fr)}[data-fe-woo-el=gallery]:not(:has(>[data-fe-woo-el=gallery__thumbs]))>[data-fe-woo-el=gallery__stage]{grid-column:1;grid-row:1}[data-fe-woo-layout=left]>[data-fe-woo-el=gallery__thumbs],[data-fe-woo-layout=right]>[data-fe-woo-el=gallery__thumbs]{grid-template-columns:1fr}@container (width < 30rem){[data-fe-woo-el=gallery][data-fe-woo-layout=left],[data-fe-woo-el=gallery][data-fe-woo-layout=right]{grid-template-columns:minmax(0,1fr)}[data-fe-woo-layout=left]>[data-fe-woo-el=gallery__stage],[data-fe-woo-layout=right]>[data-fe-woo-el=gallery__stage]{grid-column:1;grid-row:1}[data-fe-woo-layout=left]>[data-fe-woo-el=gallery__thumbs],[data-fe-woo-layout=right]>[data-fe-woo-el=gallery__thumbs]{grid-column:1;grid-row:2;grid-template-columns:var(--fe-woo-gallery-columns)}}[data-fe-woo-el=gallery__stage]{position:relative;overflow:hidden;border-radius:var(--fe-woo-gallery-radius, calc(.75 * var(--fe-woo-u, 1rem)));background:var(--fe-woo-gallery-surface, #f3f4f6);aspect-ratio:var(--fe-woo-gallery-ratio, 1)}[data-fe-woo-el=gallery__stage]:focus-visible{outline:3px solid var(--fe-woo-gallery-focus-ring, #2563eb);outline-offset:2px}[data-fe-woo-el=gallery],[data-fe-woo-el=gallery__dialog]{-webkit-user-select:none;user-select:none}[data-fe-woo-el=gallery__image]{position:relative;z-index:0;inline-size:100%;block-size:100%;object-fit:contain;display:block}[data-fe-woo-el=gallery__zoom]{position:absolute;z-index:1;inset-block-end:calc(.75 * var(--fe-woo-u, 1rem));inset-inline-end:calc(.75 * var(--fe-woo-u, 1rem));display:inline-flex;align-items:center;justify-content:center;inline-size:calc(2.75 * var(--fe-woo-u, 1rem));block-size:calc(2.75 * var(--fe-woo-u, 1rem));padding:0;border:1px solid var(--fe-woo-gallery-border, #d1d5db);border-radius:50%;background:var(--fe-woo-gallery-control-bg, #ffffff);color:var(--fe-woo-gallery-control-color, #111827);cursor:pointer}[data-fe-woo-el=gallery__zoom] svg{inline-size:calc(1.25 * var(--fe-woo-u, 1rem));block-size:calc(1.25 * var(--fe-woo-u, 1rem))}[data-fe-woo-el=gallery__zoom]:focus-visible,[data-fe-woo-el=gallery__thumb]:focus-visible,[data-fe-woo-el=gallery__close]:focus-visible,[data-fe-woo-el=gallery__step]:focus-visible{outline:3px solid var(--fe-woo-gallery-focus-ring, #2563eb);outline-offset:2px}[data-fe-woo-el=gallery__thumbs]{display:grid;grid-template-columns:var(--fe-woo-gallery-columns);gap:calc(var(--fe-woo-gallery-gap, calc(.75 * var(--fe-woo-u, 1rem))) / 1.5)}[data-fe-woo-el=gallery__thumb]{overflow:hidden;aspect-ratio:var(--fe-woo-gallery-thumb-ratio, 1);border:1px solid var(--fe-woo-gallery-border, #d1d5db);border-radius:calc(var(--fe-woo-gallery-radius, calc(.75 * var(--fe-woo-u, 1rem))) / 1.5);background:var(--fe-woo-gallery-surface, #f3f4f6);cursor:pointer}[data-fe-woo-el=gallery__thumb] img{inline-size:100%;block-size:100%;object-fit:cover;display:block}[data-fe-woo-el=gallery__thumb][aria-selected=true]{border-color:var(--fe-woo-gallery-selected, #111827);box-shadow:inset 0 0 0 2px var(--fe-woo-gallery-selected, #111827)}[data-fe-woo-el=gallery__status]{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}[data-fe-woo-el=gallery__dialog]{position:fixed;inline-size:min(92vw,calc(64 * var(--fe-woo-u, 1rem)));max-block-size:92vh;inset:0;margin:auto;padding:0;border:0;border-radius:var(--fe-woo-gallery-radius, calc(.75 * var(--fe-woo-u, 1rem)));background:var(--fe-woo-gallery-control-bg, #ffffff);color:var(--fe-woo-gallery-control-color, #111827);overflow:visible}[data-fe-woo-el=gallery__dialog]::backdrop{background:var(--fe-woo-gallery-backdrop, rgb(17 24 39 / 80%))}[data-fe-woo-el=gallery__dialog]{--fe-woo-gallery-swap: var(--fe-woo-gallery-swap-zoom, .3s)}[data-fe-woo-el=gallery__frame]{position:relative;overflow:hidden;z-index:0;display:grid;place-items:center;padding:var(--fe-woo-gallery-gap, calc(.75 * var(--fe-woo-u, 1rem)))}[data-fe-woo-el=gallery__full]{inline-size:100%;block-size:100%;max-block-size:calc(92vh - 2 * var(--fe-woo-gallery-gap, calc(.75 * var(--fe-woo-u, 1rem))));object-fit:scale-down;display:block}[data-fe-woo-el=gallery__close],[data-fe-woo-el=gallery__step]{position:absolute;z-index:1;display:inline-flex;align-items:center;justify-content:center;inline-size:calc(2.75 * var(--fe-woo-u, 1rem));block-size:calc(2.75 * var(--fe-woo-u, 1rem));padding:0;border:1px solid var(--fe-woo-gallery-border, #d1d5db);border-radius:50%;background:var(--fe-woo-gallery-control-bg, #ffffff);color:var(--fe-woo-gallery-control-color, #111827);cursor:pointer}[data-fe-woo-el=gallery__close] svg,[data-fe-woo-el=gallery__step] svg{inline-size:calc(1.25 * var(--fe-woo-u, 1rem));block-size:calc(1.25 * var(--fe-woo-u, 1rem))}[data-fe-woo-el=gallery__close]{inset-block-start:calc(-1.25 * var(--fe-woo-u, 1rem));inset-inline-end:calc(-1.25 * var(--fe-woo-u, 1rem))}[data-fe-woo-el=gallery__step][data-fe-woo-gallery-step="-1"]{inset-block-start:50%;inset-inline-start:calc(-1.25 * var(--fe-woo-u, 1rem));translate:0 -50%}[data-fe-woo-el=gallery__step][data-fe-woo-gallery-step="1"]{inset-block-start:50%;inset-inline-end:calc(-1.25 * var(--fe-woo-u, 1rem));translate:0 -50%}@media(width<48rem){[data-fe-woo-el=gallery__close]{inset-block-start:calc(.5 * var(--fe-woo-u, 1rem));inset-inline-end:calc(.5 * var(--fe-woo-u, 1rem))}[data-fe-woo-el=gallery__step][data-fe-woo-gallery-step="-1"]{inset-inline-start:calc(.5 * var(--fe-woo-u, 1rem))}[data-fe-woo-el=gallery__step][data-fe-woo-gallery-step="1"]{inset-inline-end:calc(.5 * var(--fe-woo-u, 1rem))}}@media(prefers-reduced-motion:no-preference){[data-fe-woo-el=gallery__dialog]{opacity:0;scale:.97;transition:opacity .18s ease,scale .18s ease,display .18s allow-discrete,overlay .18s allow-discrete}[data-fe-woo-el=gallery__dialog][open]{opacity:1;scale:1}@starting-style{[data-fe-woo-el=gallery__dialog][open]{opacity:0;scale:.97}}[data-fe-woo-el=gallery__dialog]::backdrop{opacity:0;transition:opacity .18s ease,display .18s allow-discrete,overlay .18s allow-discrete}[data-fe-woo-el=gallery__dialog][open]::backdrop{opacity:1}@starting-style{[data-fe-woo-el=gallery__dialog][open]::backdrop{opacity:0}}[data-fe-woo-el=gallery__image][data-fe-woo-swapping=next],[data-fe-woo-el=gallery__full][data-fe-woo-swapping=next]{animation:fe-woo-gallery-in-next var(--fe-woo-gallery-swap, .24s) cubic-bezier(.32,.72,0,1)}[data-fe-woo-el=gallery__image][data-fe-woo-swapping=prev],[data-fe-woo-el=gallery__full][data-fe-woo-swapping=prev]{animation:fe-woo-gallery-in-prev var(--fe-woo-gallery-swap, .24s) cubic-bezier(.32,.72,0,1)}[data-fe-woo-ghost=next]{animation:fe-woo-gallery-out-next var(--fe-woo-gallery-swap, .24s) cubic-bezier(.32,.72,0,1) forwards}[data-fe-woo-ghost=prev]{animation:fe-woo-gallery-out-prev var(--fe-woo-gallery-swap, .24s) cubic-bezier(.32,.72,0,1) forwards}[data-fe-woo-el=gallery__thumb]{transition:border-color .15s ease,box-shadow .15s ease}[data-fe-woo-el=gallery__zoom],[data-fe-woo-el=gallery__close],[data-fe-woo-el=gallery__step]{transition:background-color .15s ease,scale .15s ease}[data-fe-woo-el=gallery__zoom]:hover,[data-fe-woo-el=gallery__close]:hover,[data-fe-woo-el=gallery__step]:hover{scale:1.08}}@keyframes fe-woo-gallery-in-next{0%{translate:var(--fe-woo-gallery-swap-shift, 100%) 0}to{translate:0 0}}@keyframes fe-woo-gallery-in-prev{0%{translate:calc(-1 * var(--fe-woo-gallery-swap-shift, 100%)) 0}to{translate:0 0}}@keyframes fe-woo-gallery-out-next{0%{translate:0 0}to{translate:calc(-1 * var(--fe-woo-gallery-swap-shift, 100%)) 0}}@keyframes fe-woo-gallery-out-prev{0%{translate:0 0}to{translate:var(--fe-woo-gallery-swap-shift, 100%) 0}}@media(forced-colors:active){[data-fe-woo-el=gallery__thumb][aria-selected=true]{border-color:Highlight}}}[data-fancy-etch-canvas=true] [data-fe-woo-el=gallery__dialog]{position:static;display:block;inline-size:100%;margin-block-start:calc(.75 * var(--fe-woo-u, 1rem))}