.flxpnt-variation-gallery-wrap{position:relative;margin-bottom:1.5em;display:flex;flex-direction:column}@media (min-width:768px){.flxpnt-variation-gallery-wrap{flex-direction:row-reverse;gap:15px}}.flxpnt-gallery-loader{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:rgb(255 255 255 / .85);opacity:1;transition:opacity 0.3s ease;pointer-events:none}.flxpnt-variation-gallery-wrap:not(.flxpnt-loading) .flxpnt-gallery-loader{opacity:0;pointer-events:none;visibility:hidden}.flxpnt-gallery-loader__spinner{width:40px;height:40px;border:4px solid #e5e5e5;border-top-color:#333;border-radius:50%;animation:flxpnt-spin 0.8s linear infinite}@keyframes flxpnt-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.flxpnt-variation-gallery__main{position:relative;overflow:hidden;flex:1 1 auto;background:#f5f5f5;min-height:200px}.flxpnt-variation-gallery__main img{display:block;width:100%;height:auto;max-height:600px;object-fit:cover;transition:opacity 0.2s ease}.flxpnt-main-loader{position:absolute;inset:0;z-index:10;display:none;align-items:center;justify-content:center;background:rgb(245 245 245 / .7);pointer-events:none}.flxpnt-variation-gallery__main.flxpnt-main-loading .flxpnt-main-loader{display:flex}.flxpnt-main-loader__spinner{width:40px;height:40px;border:4px solid #e5e5e5;border-top-color:#333;border-radius:50%;animation:flxpnt-spin 0.8s linear infinite}.flxpnt-variation-gallery-wrap .flex-control-nav{list-style:none;padding:0;margin:14px 0;display:flex;flex-wrap:wrap;gap:15px;order:1}@media (min-width:768px){.flxpnt-variation-gallery-wrap .flex-control-nav{flex-direction:column;margin:0;width:auto;order:0}}.flxpnt-variation-gallery-wrap .flex-control-nav li{display:flex}.flxpnt-variation-gallery-wrap .flex-control-nav img{max-width:56px;width:40px;height:40px;object-fit:cover;border:1px solid #e5e5e5;border-radius:8px;padding:10px;cursor:pointer;transition:box-shadow 0.2s;background:#f5f5f5}@media (min-width:1024px){.flxpnt-variation-gallery-wrap .flex-control-nav img{width:80px;height:56px}}.flxpnt-variation-gallery-wrap .flex-control-nav img.flex-active{box-shadow:0 0 0 2px #333}