:root{--container-width: 1920px}.collection-variant-grid{--filter-text-size: 1.25rem;--close-size: 20px;--color-overlay-alpha: 80;--sticky-offset: 80px;--column-max-height: calc(100vh - var(--sticky-offset, 2rem) - 2rem);--column-min-height: 400px;display:flex;flex-direction:column;justify-content:center;gap:2rem}.main-collection__wrapper{gap:2rem}.variant-grid__main{position:relative;z-index:1}.variant-grid__sidebar .f-drawer__content{padding:.5rem}.variant-grid__sidebar .f-drawer__inner{padding-bottom:100px}@media(min-width:1024px){.variant-grid__sidebar{align-self:flex-start;background:none;flex:0 0 auto;height:auto;max-height:none;min-height:none;position:static;bottom:0;transform:none;transition:none;width:24rem;z-index:0}.f-drawer__content{height:auto;min-height:none;max-height:none}}.variant-grid__sidebar-header{--padding-x: 1.25rem;--padding-y: 1.5rem;--display: flex;align-items:center;display:var(--display);border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:var(--padding-y) var(--padding-x);margin-bottom:1rem;padding-top:var(--padding-y)}.variant-grid__sidebar-header .btn{inset-inline-end:.8rem;top:.8rem}@media(min-width:1024px){.variant-grid__sidebar-header{--display: none}}.variant-grid__sidebar-title{margin:0 0 0 var(--padding-x)}.collection-product-count{font-weight:500}.variant-grid__sidebar-sort{display:flex;align-items:center;gap:var(--padding-x);flex:1;border-top:solid 1px var(--color-border);padding:var(--padding-y) var(--padding-x)}.variant-grid__sidebar-sort label{white-space:nowrap}drawer-opener{--display: block;display:var(--display)}@media(min-width:1024px){drawer-opener{--display: none}}.variant-grid__filtersets{display:flex;flex-direction:column;padding:0}.variant-grid__filterset{border-bottom:1px solid var(--color-bg-2);padding:1rem 1.5rem}.variant-grid__filterset .container{max-width:none;padding-inline:0}.variant-grid__filters{display:flex;flex-direction:column;gap:0;margin:.5rem 0 0}.variant-grid__filters-heading{align-items:center;border:none;display:flex;gap:.5rem;height:auto;line-height:inherit;margin:0;padding:0}.variant-grid__filter-heading-icon{width:1em;height:1em}.variant-grid__filter{--checkbox-radius: 3px;--color-border: var(--color-bg-2);--color-background: transparent;align-items:center;color:var(--color, currentColor);display:flex;flex-direction:column;font-size:var(--filter-text-size);gap:0;height:auto;justify-content:center;line-height:1em;margin:.5rem 0 0;position:relative;-webkit-user-select:none;user-select:none}.variant-grid__filter--logic-or{--checkbox-radius: 50%}.variant-grid__filter:disabled{--color: color-mix(in srgb, currentColor 50%, transparent);cursor:not-allowed}.variant-grid__filter:not(.variant-grid__filter--swatch):disabled{opacity:1!important}.variant-grid__filters:not(.variant-grid__filters--swatch) .variant-grid__filter:before{--color-border: color-mix(in srgb, transparent 50%, currentColor);background-clip:content-box;background-color:transparent;border-radius:var(--checkbox-radius);border:1px solid var(--color-border);content:"";display:block;flex-shrink:0;height:1em;padding:2px;transition:background-color .15s,border-color .15s;width:1em}.variant-grid__filters:not(.variant-grid__filters--swatch) .variant-grid__filter:hover:before{background-color:var(--color-border)}.variant-grid__filters:not(.variant-grid__filters--swatch) .variant-grid__filter.variant-grid__filter--active:before{background-color:var(--color-btn-bg);border-color:var(--color-btn-bg)}.variant-grid__filter--text{border:none;border-radius:0;flex-direction:row;gap:.75rem;justify-content:flex-start;padding:1rem 0;width:100%}.variant-grid__filter--text.variant-grid__filter--active{--color-background: transparent;--color-border: transparent;--color: var(--color-btn-bg);font-weight:600}.variant-grid__filter-subtext{font-size:1em;font-weight:500;text-transform:capitalize}.variant-grid__filterset--image{--close-size: 30px}.variant-grid__filterset--image .variant-grid__filters{gap:0;justify-content:flex-start}.variant-grid__filter--image{border:none;flex-direction:row;gap:1rem;justify-content:flex-start;padding:.5rem 0;width:100%}.variant-grid__filter--image:last-child{border-bottom:none}.variant-grid__filter--image.variant-grid__filter--active{--color-background: transparent;--color: var(--color-btn-bg);font-weight:600}.variant-grid__filter-thumbnail{align-items:center;aspect-ratio:1 / 1;background-color:var(--color-background);border-radius:50%;border:2px solid var(--color-border);box-sizing:border-box;display:inline-flex;flex-shrink:0;justify-content:center;max-width:48px;overflow:hidden;width:48px}.variant-grid__filter-thumbnail-image{border-radius:50%;height:auto;mix-blend-mode:multiply;object-fit:contain;pointer-events:none;width:100%}.variant-grid__filters--swatch{--color-swatch-size: 3.2rem;flex-direction:row;gap:.5rem;flex-wrap:wrap}.variant-grid__filter--swatch{background:transparent;border-radius:50%;border-width:2px;flex-direction:row;flex-wrap:wrap;gap:.5rem;padding:2px;margin:0;height:var(--color-swatch-size);width:var(--color-swatch-size);background-clip:content-box;background-color:var(--background-color, transparent);background-image:var(--background-image, none);background-position:center;background-size:cover}.variant-grid__filter--swatch.variant-grid__filter--active{border-color:var(--color-btn-bg)}.variant-grid__filter--swatch:disabled{opacity:.4}.variant-grid__header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;position:relative;z-index:2}@media(max-width:1023px){.variant-grid__header{flex-direction:column}}.variant-grid__sort{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;margin:0 0 0 auto;order:3;width:min(40vw,300px)}@media(max-width:1023px){.variant-grid__sort{display:none}}.variant-grid{padding:0 0 100px}.variant-grid .f-column[hidden]{display:none!important}.variant-grid__active-filters{display:flex;flex-wrap:wrap;gap:.5rem}.variant-grid__active-filters:empty{display:none}.variant-grid__active-filter{align-items:center;border:1px solid var(--color-border);border-radius:100px;cursor:pointer;display:inline-flex;font-size:1.25rem;gap:.4em;padding:.35em 1em}.variant-grid__clear-all-inline{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0;text-decoration:underline}.variant-grid__active-filter--clear-all{background:transparent;border-color:transparent;color:var(--color-btn-bg);text-decoration:underline}.variant-grid__active-filter-close{align-items:center;display:flex;flex-shrink:0;justify-content:center}.variant-grid__active-filter-close svg{height:.9em;stroke-width:3px;width:.9em}.variant-grid .product-card__image-wrapper{pointer-events:none}.variant-grid .product-card__image img{object-fit:contain}.variant-grid .product-card__info{display:flex;flex-direction:column;gap:.5rem;justify-content:center}.variant-grid .product-card__pills{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.variant-grid .product-card__pill{--pill-color-bg: var(--color-bg-2);--pill-color-text: currentColor;align-items:center;background:var(--pill-color-bg);border-radius:100px;color:var(--pill-color-text);display:inline-flex;font-size:1.25rem;font-weight:700;gap:.5rem;justify-content:center;padding:.25em .75em}.variant-grid .product-card__pill-label{font-size:1rem}.variant-grid .product-card__pill--thickness{text-transform:uppercase}.variant-grid .product-card__pill--activity{--size: 24px;display:flex;height:30px;padding:0;width:30px}.variant-grid .product-card__pill--activity[hidden]{display:none}.variant-grid .product-card__pill--activity img{height:var(--size);opacity:.66;width:var(--size)}.variant-grid .product-card__pill--color{padding:0}.variant-grid .product-card__swatch{--color-swatch-item-width: 30px;margin-block-start:0}.variant-grid .f-price{width:100%}.f-modal--find-ground-feel{align-items:center;padding-top:0}.ground-feel-tabs{display:flex;flex-direction:column;gap:2rem;padding:1rem 0;text-align:center}.ground-feel-scale-nav{display:flex;flex-direction:column;gap:.5rem}.ground-feel-scale-nav__select{display:none;width:100%}@media(max-width:768px){.ground-feel-scale-nav__select{display:block}}.ground-feel-scale-nav__labels{display:flex;justify-content:space-between;font-size:1.1rem;opacity:.55;padding:0 .5rem}.ground-feel-scale-nav__track{--track-size: 4px;--track-color: var(--color-border);position:relative;display:flex}@media(max-width:768px){.ground-feel-scale-nav__track{display:none}}.ground-feel-scale-nav__track:after{background-color:var(--track-color);bottom:0;content:"";display:block;height:var(--track-size);left:0;margin-top:calc(var(--track-size) * -1);position:absolute;width:100%;z-index:1}.ground-feel-scale-nav__marker{align-items:center;background:none;border-color:var(--track-color);border-radius:0;border-style:solid;border-width:0 0 var(--track-size);color:currentColor;cursor:pointer;display:flex;flex-direction:column;gap:.6rem;height:auto;padding:0 1.25rem .75em;position:relative;transition:color .15s,border-color .15s;z-index:2}.ground-feel-scale-nav__marker:hover,.ground-feel-scale-nav__marker--active{--track-color: var(--color-btn-bg)}.ground-feel-scale-nav__marker-label{display:flex;flex-direction:column;align-items:center;gap:.15rem;text-align:center}.ground-feel-scale-nav__marker-name{font-size:1rem;font-weight:600;line-height:1.2;transition:color .15s}.ground-feel-scale-nav__marker--active .ground-feel-scale-nav__marker-name{color:var(--color-btn-bg)}.ground-feel-scale-nav__marker-thickness{font-size:1rem;opacity:.6;line-height:1.2}.ground-feel-tabs__panel{display:none}.ground-feel-tabs__panel--active{display:flex;flex-direction:column;gap:1.25rem;animation:ground-feel-fade-in .2s ease}@keyframes ground-feel-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ground-feel-tabs__panel-header{display:flex;align-items:flex-start;gap:1.5rem}.ground-feel-tabs__panel-image{flex-shrink:0;width:80px;height:80px;border-radius:var(--btn-rounded, 4px);overflow:hidden;background:var(--color-bg-2)}.ground-feel-tabs__panel-image img{width:100%;height:100%;object-fit:cover;display:block}.ground-feel-tabs__panel-meta{display:flex;flex-direction:column;gap:.25rem}.ground-feel-tabs__panel-style-name{margin:0}.ground-feel-tabs__panel-thickness{margin:0;opacity:.6;font-size:1.3rem}.ground-feel-tabs__panel-comfort-title{margin:.25rem 0 0;font-size:1.3rem}.ground-feel-tabs__panel-comfort-label{opacity:.65}.ground-feel-tabs__panel-heading{align-items:center;display:flex;gap:1rem;flex-direction:column}.ground-feel-tabs__panel-title{text-transform:capitalize;letter-spacing:.03em;margin:0}.ground-feel-tabs__panel-icons{display:flex;gap:.25rem;align-items:center}.ground-feel-tabs__panel-icons-label{font-size:1.25rem;font-weight:600;margin:0;padding-right:1rem}.ground-feel-tabs__panel-icon{--icon-size: 1.5rem;--icon-color: color-mix(in srgb, currentColor 20%, transparent);display:flex;width:var(--icon-size);height:var(--icon-size);color:var(--icon-color)}.ground-feel-tabs__panel-icon svg{width:100%;height:100%}.ground-feel-tabs__panel-icon--filled{--icon-color: var(--color-btn-bg)}.ground-feel-tabs__panel-description{font-size:1.4rem;line-height:1.6}.ground-feel-tabs__panel-styles-heading{align-self:center;font-size:1.2rem;font-weight:600;margin:0}.ground-feel-tabs__panel-styles{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;padding:1.25rem;margin:.5rem 0}.ground-feel-tabs__panel-style{align-items:center;display:flex;flex-direction:column;gap:.25rem;text-align:center;width:80px}.ground-feel-tabs__panel-style-image{border-radius:var(--btn-rounded, 4px);height:60px;object-fit:cover;width:60px}.ground-feel-tabs__panel-style-name{font-size:1.2rem;font-weight:600;line-height:1.2}.ground-feel-tabs__panel-style-thickness{font-size:1rem;opacity:.6;line-height:1.2}.ground-feel-tabs__select-btn{margin-top:auto;width:100%}
/*# sourceMappingURL=/cdn/shop/t/37/assets/main-collection-variant-grid.css.map */