.fbs-wrapper{position:relative;width:100%;max-width:1200px;margin:10px auto;padding:0 1rem;overflow:hidden;box-sizing:border-box}.fbs-slider{display:flex;transition:transform .6s ease}.fbs-slide{flex:0 0 100%;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:8px;display:flex;justify-content:center;align-items:center;box-sizing:border-box;background:#f5f5f5}.fbs-slide a{display:block;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.fbs-slide img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.fbs-progress{position:absolute;bottom:15px;left:50%;transform:translate(-50%);width:100px;height:4px;background:#ffffff4d;border-radius:2px;overflow:hidden;z-index:10}.fbs-progress-bar{height:100%;background:#fff;width:0%;transition:width .1s linear}.fbs-thumbnails{display:flex;gap:.75rem;overflow-x:auto;padding:1rem 0;scrollbar-width:none;-ms-overflow-style:none}.fbs-thumbnails::-webkit-scrollbar{display:none}.fbs-thumb{flex:0 0 auto;aspect-ratio:16 / 9;width:140px;cursor:pointer;border:3px solid transparent;border-radius:6px;overflow:hidden;display:flex;justify-content:center;align-items:center;transition:all .3s ease;background:#f5f5f5;box-sizing:border-box}.fbs-thumb a{display:block;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.fbs-thumb img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.fbs-thumb.active{border-color:#007bff;transform:translateY(-2px);box-shadow:0 4px 12px #007bff66}.fbs-thumb:hover{opacity:.8;transform:translateY(-1px)}@media screen and (min-width: 750px){.fbs-wrapper{padding:0 2rem;max-width:650px;margin:15px auto}.fbs-slide{border-radius:12px}.fbs-thumbnails{justify-content:center;gap:1rem}.fbs-thumb{width:140px;border-radius:8px}}@media screen and (min-width: 750px) and (max-width: 1024px){.fbs-wrapper{max-width:800px}.fbs-thumb{width:130px}}@media screen and (max-width: 749px){.fbs-wrapper{margin:5px auto;padding:0 .5rem}.fbs-slide{border-radius:6px}.fbs-thumbnails{gap:.5rem;padding:.75rem 0}.fbs-thumb{width:110px;border:2px solid transparent}.fbs-thumb.active{border-width:2px}.fbs-progress{bottom:10px;width:80px;height:3px}}@media screen and (max-width: 480px){.fbs-thumb{width:90px}}
/*# sourceMappingURL=/cdn/shop/t/32/compiled_assets/styles.css.map */