:root{--vc-primary: #000;--vc-secondary: #666;--vc-border: #e5e5e5;--vc-bg: #fff;--vc-bg-hover: #f5f5f5;--vc-sale: #ff0000;--vc-radius: .5rem;--vc-transition: .2s ease}.variant-collection-grid{position:relative}@media (min-width: 1024px) and (max-width: 1279.98px){.variant-collection-grid.active{grid-template-columns:300px 1fr}.variant-collection-grid.active .filter-sidebar{display:grid!important;max-width:300px}}.dynamic-padding{padding-top:var(--pt, 40px);padding-bottom:var(--pb, 40px)}.filter-sidebar{position:sticky;top:calc(var(--header-height, 60px) + 1rem);max-height:calc(100vh - 100px);overflow-y:auto}[data-variant-filter-item],[data-native-filter-item]{border-bottom:1px solid var(--vc-border)}.filter-search-input{width:100%;padding:.5rem .75rem;margin-bottom:.5rem;font-size:.8125rem;border:1px solid var(--vc-border);border-radius:var(--vc-radius);background:var(--vc-bg);transition:border-color var(--vc-transition)}.filter-search-input:focus{outline:none;border-color:var(--vc-primary)}.filter-search-input::placeholder{color:#999}.filter-slider-container{padding:.75rem 0}.filter-slider-values{display:flex;justify-content:space-between;font-size:.8125rem;font-weight:500;margin-bottom:.75rem;max-width:90%;margin:0 auto}.filter-slider-track{position:relative;height:1.25rem;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;max-width:90%;margin:0 auto}.filter-slider-track-bg{position:absolute;top:50%;left:0;right:0;height:4px;background:#e5e5e5;border-radius:2px;transform:translateY(-50%)}.filter-slider-track-fill{position:absolute;top:50%;height:4px;background:var(--vc-primary);border-radius:2px;transform:translateY(-50%)}.filter-slider-thumb{position:absolute;top:50%;width:1rem;height:1rem;background:#fff;border:2px solid var(--vc-primary);border-radius:50%;transform:translate(-50%,-50%);cursor:grab;transition:transform .1s ease,box-shadow .1s ease;z-index:2}.filter-slider-thumb:hover{transform:translate(-50%,-50%) scale(1.15)}.filter-slider-thumb:active,.filter-slider-thumb.is-dragging{cursor:grabbing;transform:translate(-50%,-50%) scale(1.2);box-shadow:0 0 0 4px #0000001a}.filter-slider-thumb:focus{outline:none;box-shadow:0 0 0 3px #0003}[data-filter-toggle]{display:flex;width:100%;align-items:center;justify-content:space-between;padding:1rem 0;background:transparent;border:none;cursor:pointer;font-size:.875rem;font-weight:500;transition:color var(--vc-transition)}[data-filter-toggle]:hover{color:var(--vc-secondary)}[data-filter-toggle] svg{transition:transform var(--vc-transition);flex-shrink:0}[data-filter-container]{transition:max-height .3s ease,opacity .2s ease;overflow:hidden}[data-variant-filter-options] label,[data-filter-container] fieldset label{display:flex;align-items:center;gap:.5rem;padding:.25rem 0;cursor:pointer;font-size:.875rem;transition:color var(--vc-transition)}[data-variant-filter-options] label:hover,[data-filter-container] fieldset label:hover{color:var(--vc-secondary)}[data-color-split-toggle]{position:relative;width:3rem;height:1.5rem;background-color:#d1d5db;border-radius:9999px;border:none;cursor:pointer;padding:0;transition:background-color .2s ease}[data-color-split-toggle] span{position:absolute;top:50%;left:.175rem;transform:translateY(-50%);width:1.125rem;height:1.125rem;background-color:#fff;border-radius:50%;transition:left .2s ease;box-shadow:0 1px 3px #0003}[data-color-split-toggle][aria-checked=true]{background-color:#000}[data-color-split-toggle][aria-checked=true] span{left:calc(100% - 1.3rem)}.vc-filter-swatch{position:relative;flex-shrink:0;width:30px;height:30px}.variant-color-swatch.ring-2{box-shadow:0 0 0 2px #fff,0 0 0 3px #000}.filter-swatch-grid{padding:6px}[data-filter-container]:has(.filter-swatch-grid){overflow:visible!important}[data-variant-filter-options]:has(.filter-swatch-grid){overflow:visible!important}[data-variant-filter-options] input[type=checkbox],[data-filter-container] input[type=checkbox]{-webkit-appearance:none;appearance:none;width:1rem;height:1rem;border:1px solid #999;border-radius:.125rem;cursor:pointer;transition:all var(--vc-transition)}[data-variant-filter-options] input[type=checkbox]:checked,[data-filter-container] input[type=checkbox]:checked{background-color:#fff;border-color:var(--vc-primary)}[data-price-slider]{position:relative;height:2.75rem;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}[data-price-slider]:before{content:"";position:absolute;top:50%;left:0;right:0;height:4px;background:var(--vc-border);border-radius:2px;transform:translateY(-50%)}[data-price-slider-bar]{position:absolute;top:50%;height:4px;background:var(--vc-primary);border-radius:2px;transform:translateY(-50%)}[data-mobile-filters-container] [data-slider-min-thumb]:before,[data-mobile-filters-container] [data-slider-max-thumb]:before,.filter-slider-thumb:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%}[data-slider-min-thumb],[data-slider-max-thumb],.filter-slider-thumb{position:absolute}[data-mobile-filters-container] [data-price-slider]{position:relative;height:2.75rem;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none}[data-mobile-filters-container] [data-price-slider]:before{content:"";position:absolute;top:50%;left:0;right:0;height:4px;background:var(--vc-border);border-radius:2px;transform:translateY(-50%)}[data-mobile-filters-container] [data-price-slider-bar]{position:absolute;top:50%;height:4px;background:var(--vc-primary);border-radius:2px;transform:translateY(-50%);pointer-events:none}[data-mobile-filters-container] [data-native-filter-item],[data-mobile-filters-container] [data-native-filter-item] [data-filter-container]{touch-action:pan-y}[data-active-filters]{display:flex;flex-wrap:wrap;gap:.5rem}[data-active-filters]:empty{display:none}[data-sort-dropdown]{position:relative}[data-sort-toggle]{display:flex;align-items:center;gap:.5rem;background:transparent;border:none;cursor:pointer}.vc-sort-options,[data-sort-options]{position:fixed;min-width:200px;background:#fff;border:1px solid var(--vc-border);border-radius:var(--vc-radius);box-shadow:0 10px 25px -5px #00000026;z-index:9999;padding:.5rem}.vc-sort-options.hidden,[data-sort-options].hidden{display:none!important}[data-sort-option]{display:block;width:100%;padding:.625rem 1rem;background:transparent;border:none;text-align:left;font-size:.875rem;cursor:pointer}[data-sort-option]:hover{background:var(--vc-bg-hover)}.variant-product-card{position:relative;z-index:1}.variant-card__image{position:relative;aspect-ratio:1;overflow:hidden;border-radius:var(--vc-radius);background:var(--vc-bg-hover)}.variant-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.variant-product-card:hover .variant-card__image img:first-child{transform:scale(1.05)}.variant-card__image img:nth-child(2){position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s ease}.variant-product-card:hover .variant-card__image img:nth-child(2){opacity:1}[data-variant-badges]{position:absolute;top:.5rem;left:.5rem;display:flex;flex-direction:column;gap:.25rem;z-index:1}.variant-badge{padding:.25rem .5rem;font-size:.75rem;font-weight:500;border-radius:.25rem}.variant-badge--sale{background:var(--vc-sale);color:#fff}.variant-badge--soldout{background:var(--vc-primary);color:#fff}.variant-card__info{margin-top:.375rem}.variant-card__info h3{font-size:.875rem;font-weight:500;line-height:1.4;margin:0}[data-variant-color]{font-size:.75rem;color:var(--vc-secondary);margin-bottom:.25rem;text-transform:capitalize}.variant-card__price{display:flex;align-items:center;gap:4px;margin-top:.25rem;margin-bottom:.375rem;flex-wrap:wrap;font-weight:600}.variant-card__price [data-variant-price]{font-size:.875rem;font-weight:600}.variant-card__price [data-variant-compare-price]{font-size:.875rem;color:var(--vc-secondary);text-decoration:line-through;font-weight:400}.variant-card__price [data-variant-savings]{font-size:.75rem;color:var(--vc-sale);font-weight:500;text-transform:capitalize}[data-variant-promo]{font-size:12px;font-weight:500;border-radius:0}.variant-card__color-swatches{display:flex;flex-wrap:wrap;align-items:center;gap:8px!important;margin-top:2px;max-width:100%}[data-color-swatches]{gap:6px}.variant-card__size-swatches{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem;margin-top:.6rem;max-width:100%}.variant-color-swatch{width:22px;height:22px;flex-shrink:0}.variant-size-swatch{min-width:40px;height:34px;padding:0 12px;border:1px solid #d1d5db;border-radius:30px;background:#fff;font-size:12px;font-weight:600;color:#000;cursor:pointer;transition:all .15s ease}.variant-size-swatch:hover:not(:disabled){border-color:#000}.variant-size-swatch.active,.variant-size-swatch.ring-2{background:#282e37;border-color:#282e37;color:#fff}.variant-size-swatch:disabled,.variant-size-swatch.opacity-40{opacity:.4;cursor:not-allowed;text-decoration:line-through}.variant-card__add-to-cart{width:100%;margin-top:.75rem;padding:.625rem 1rem;background:transparent;border:1px solid var(--vc-border);border-radius:var(--vc-radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--vc-transition);white-space:normal!important}.variant-card__add-to-cart:hover:not(:disabled){background:var(--vc-primary);border-color:var(--vc-primary);color:var(--vc-bg)}.variant-card__add-to-cart:disabled{opacity:.5;cursor:not-allowed}[data-loading-indicator]{display:flex;justify-content:center;padding:2rem}[data-loading-indicator].hidden{display:none}.variant-collection-sticky-container{position:sticky;top:var(--header-height, 60px);z-index:20;background-color:#fff;margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem;max-width:100vw;overflow:visible}.variant-collection-sticky-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background-color:var(--vc-border);opacity:0;transition:opacity .2s ease}.variant-collection-sticky-container:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background-color:var(--vc-border);opacity:0;transition:opacity .2s ease}.variant-collection-sticky-container.is-sticky:before,.variant-collection-sticky-container.is-sticky:after{opacity:1}.variant-hot-buttons-wrapper{padding-top:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--vc-border);width:100%;max-width:100%;overflow:hidden}.variant-hot-buttons{display:flex;gap:.5rem;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;width:100%;max-width:100%;padding-right:1rem}.variant-hot-buttons::-webkit-scrollbar{display:none}.variant-hot-button{flex:0 0 auto;display:inline-block;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;color:var(--vc-secondary, #666);background-color:var(--vc-bg-hover, #f5f5f5);border-radius:9999px;white-space:nowrap;text-decoration:none;transition:all var(--vc-transition, .2s ease);scroll-snap-align:start}.variant-hot-button:hover{color:var(--vc-primary, #000);background-color:#e5e5e5}.variant-hot-button.active{color:var(--vc-bg, #ffffff);background-color:var(--vc-primary, #000000)}.variant-collection-mobile-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.75rem;padding-bottom:.75rem}@media (min-width: 1024px){.variant-collection-sticky-container{position:relative;top:auto;z-index:0;margin-left:0;margin-right:0;padding-left:0;padding-right:0;background-color:transparent}.variant-collection-sticky-container:before,.variant-collection-sticky-container:after{display:none}.variant-collection-mobile-bar{padding-top:0;padding-bottom:0}}.variant-jump-link{display:block;padding:.5rem .75rem;font-size:.875rem;color:var(--vc-secondary);text-decoration:none;border-radius:var(--vc-radius);transition:all var(--vc-transition)}.variant-jump-link:hover{color:var(--vc-primary);background-color:var(--vc-bg-hover)}.variant-jump-link.active{color:var(--vc-primary);font-weight:500;background-color:var(--vc-bg-hover)}[data-variant-filter-options] .flex.flex-wrap{max-width:100%;padding:.5rem;margin:-.5rem}.filter-sidebar [data-filter-container]{overflow:hidden;padding:.25rem}[data-drawer^=variant-filters]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999}[data-drawer^=variant-filters].hidden{display:none}[data-drawer^=variant-filters] [data-drawer-backdrop]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;transition:opacity .3s ease}[data-drawer^=variant-filters] [data-drawer-content]{position:fixed;top:0;bottom:0;left:0;width:100%;max-width:22rem;background:var(--vc-bg);display:flex;flex-direction:column;transition:transform .3s ease;height:100%;max-height:100vh;max-height:100dvh}[data-drawer^=variant-filters] [data-drawer-content]>header{flex-shrink:0}[data-drawer^=variant-filters] [data-drawer-content]>footer{flex-shrink:0}[data-mobile-filters-container]{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0;padding-bottom:1rem}.filter-options-list,[data-variant-filter-options]{max-height:280px;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#ccc #f1f1f1}.filter-options-list::-webkit-scrollbar,[data-variant-filter-options]::-webkit-scrollbar{width:6px}.filter-options-list::-webkit-scrollbar-track,[data-variant-filter-options]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.filter-options-list::-webkit-scrollbar-thumb,[data-variant-filter-options]::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.filter-options-list::-webkit-scrollbar-thumb:hover,[data-variant-filter-options]::-webkit-scrollbar-thumb:hover{background:#999}[data-variant-filter-options] .filter-options-list{max-height:280px;overflow-y:auto}[data-variant-filter-options]:has(.filter-options-list){max-height:none;overflow:visible}[data-variant-filter-options]{display:flex;flex-direction:column;gap:.125rem}[data-variant-filter-options] label.filter-hidden,.filter-options-list label.filter-hidden{display:none!important}.filter-no-results{padding:.75rem 0;font-size:.8125rem;color:#999;text-align:center}.filter-no-results.hidden{display:none}[data-mobile-filters-container] .filter-options-list,[data-mobile-filters-container] [data-variant-filter-options]{max-height:220px}[data-mobile-filters-container] [data-filter-container] fieldset{max-height:220px;overflow-y:auto}[data-results-count]{font-size:.875rem;color:var(--vc-secondary)}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 1023.98px){.filter-sidebar{display:none!important}}@media (min-width: 1024px){.hide-on-desktop{display:none!important}.desktop-full-width{flex:1 1 100%}}@media (max-width: 768px){.variant-card__add-to-cart{padding:.5rem .75rem;font-size:.75rem}.variant-badge{padding:.125rem .375rem;font-size:.625rem}}
/*# sourceMappingURL=/cdn/shop/t/619/assets/bb-css-collection-grid.css.map */