.hfm-gallery{--hfm-gallery-bg:light-dark(var(--wp--preset--color--grey-100, #f0f0f0), #1e1e1e);--hfm-gallery-thumb-border:light-dark(#efefef, #333333);--hfm-gallery-thumb-bg:light-dark(#ffffff, #262626);--hfm-gallery-arrow-bg:light-dark(rgba(255, 255, 255, 0.78), rgba(0, 0, 0, 0.55));--hfm-gallery-arrow-color:light-dark(#1a1a1a, rgba(255, 255, 255, 0.90));--hfm-gallery-dot-color:light-dark(rgba(0, 0, 0, 0.70), rgba(255, 255, 255, 0.75))}.hfm-gallery{display:flex;flex-direction:column;gap:8px;width:100%}.hfm-gallery__viewport{position:relative;width:100%;border-radius:14px;overflow:hidden;background:var(--hfm-gallery-bg);aspect-ratio:1 / 1}.hfm-gallery__main{display:flex;width:100%;height:100%;overflow-x:scroll;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x pan-y;user-select:none}.hfm-gallery__main::-webkit-scrollbar{display:none}.hfm-gallery__slide{flex:0 0 100%;scroll-snap-align:start;width:100%;height:100%}.hfm-gallery__slide-img{display:block;width:100%;height:100%;object-fit:cover}.hfm-gallery__slide--video .hfm-gallery__slide-img{object-fit:contain;background:#000}.hfm-gallery__arrow{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:var(--hfm-gallery-arrow-bg)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:50%;border:none;box-shadow:none!important;cursor:pointer;z-index:10;padding:0;color:var(--hfm-gallery-arrow-color);transition:opacity 150ms ease-out}.hfm-gallery__arrow:hover,.hfm-gallery__arrow:focus,.hfm-gallery__arrow:active,.hfm-gallery__arrow:focus-visible{background:var(--hfm-gallery-arrow-bg)!important;box-shadow:none!important;outline:none;opacity:.85}.hfm-gallery__arrow svg{display:block;width:9px;height:16px;pointer-events:none;transition:transform 100ms ease-out}.hfm-gallery__arrow--prev{left:10px}.hfm-gallery__arrow--prev:hover svg{transform:translateX(-2px)}.hfm-gallery__arrow--next{right:10px}.hfm-gallery__arrow--next:hover svg{transform:translateX(2px)}.hfm-gallery__thumbs{display:flex;flex-direction:row;gap:6px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.hfm-gallery__thumbs::-webkit-scrollbar{display:none}.hfm-gallery__thumb{flex-shrink:0;scroll-snap-align:start;display:flex;align-items:center;justify-content:center;width:72px;height:60px;padding:3px;border-radius:8px;border:1px solid var(--hfm-gallery-thumb-border);background:var(--hfm-gallery-thumb-bg);cursor:pointer;transition:border-color 0.15s ease,outline-color 0.15s ease;outline:2px solid #fff0;outline-offset:0}.hfm-gallery__thumb:hover{border-color:color-mix(in srgb,currentColor 30%,transparent)}.hfm-gallery__thumb--active{border-color:#fff0;outline-color:currentColor}.hfm-gallery__thumb--video{position:relative}.hfm-gallery__thumb--video::after{content:'';position:absolute;inset:50% auto auto 50%;width:22px;height:22px;transform:translate(-50%,-50%);border-radius:50%;background:var(--hfm-gallery-arrow-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 12'%3E%3Cpath d='M1 1l8 5-8 5z' fill='%231a1a1a'/%3E%3C/svg%3E") 55% 50% / 8px no-repeat;backdrop-filter:blur(6px);pointer-events:none}.hfm-gallery__thumb-img{display:block;width:100%;height:100%;object-fit:cover;border-radius:6px;aspect-ratio:1.2 / 1}.hfm-gallery__dots{display:none;justify-content:center;align-items:center;gap:6px;padding:4px 0}.hfm-gallery__dot{width:10px;height:10px;border-radius:100%;background:var(--hfm-gallery-dot-color);opacity:.35;border:none;padding:0;cursor:pointer;transition:width 100ms ease-out,border-radius 100ms ease-out,opacity 100ms ease-out;overflow:hidden;text-indent:250%;white-space:nowrap}.hfm-gallery__dot:hover{opacity:.6}.hfm-gallery__dot--active{width:30px;border-radius:68px;opacity:1;cursor:default}.hfm-gallery__dot--active:hover{opacity:1}.hfm-gallery--single .hfm-gallery__arrow,.hfm-gallery--single .hfm-gallery__thumbs,.hfm-gallery--single .hfm-gallery__dots{display:none}.hfm-gallery--single .hfm-gallery__main{user-select:auto}@media (max-width:640px){.hfm-gallery__thumbs{display:none}.hfm-gallery__dots{display:flex}}