[xo-pfs]{--pfs-min: 10;--pfs-max: 60;--min-viewport: 40;--max-viewport: 120;--m: (var(--pfs-max) - var(--pfs-min)) / (var(--max-viewport) - var(--min-viewport));--size: clamp( calc(var(--pfs-min) * 1rem), calc( var(--m) * 100vw + var(--pfs-min) * 1rem - var(--m) * var(--min-viewport) * 1rem ), calc(var(--pfs-max) * 1rem) )}@media (prefers-reduced-motion: no-preference){::view-transition-group(#main-collection-grid){animation-duration:.3s;animation-timing-function:ease}}.xo-filters-main-collection[xo-loading] .vertical-loader,.xo-filters-main-collection[xo-loading] .xo-filters-main-collection__loader{position:absolute;width:100%;height:100%;z-index:10;background-color:color-mix(in srgb,rgba(var(--color-background)) 20%,transparent);opacity:.6;display:flex;flex-direction:column;align-items:center}.xo-filters-main-collection__filter-content{position:relative}.vertical-loader,.xo-filters-main-collection__loader{display:none}.main-collection__heading{display:flex;justify-content:center;align-items:center;width:100%;padding-bottom:1.2rem}@media (min-width: 992px){.main-collection__heading{padding-bottom:5rem}}.main-collection__top-grid{border-top:.1rem solid color-mix(in srgb,rgba(var(--color-border)) 100%,transparent);border-bottom:.1rem solid color-mix(in srgb,rgba(var(--color-border)) 100%,transparent)}@media (max-width: 991px){.main-collection__top-grid{display:none}}.main-collection__top{display:flex;align-items:center;justify-content:space-between;padding:1.7rem}@media (min-width: 1200px){.main-collection__top{padding:2rem 2.5rem}}@media (min-width: 1400px){.main-collection__top{padding:2rem 3.5rem}}.main-collection__total-product{font-size:calc(var(--font-body-scale) * 1.4rem);font-weight:600;line-height:calc(1 + .57 / var(--font-body-scale));color:color-mix(in srgb,rgba(var(--color-foreground)) 80%,transparent);display:flex;align-items:center;gap:.6rem}.main-collection__group-btn-change{display:none;align-items:center;gap:.3rem}@media (min-width: 992px){.main-collection__group-btn-change{display:flex}}.main-collection__btn-change{opacity:.15;cursor:pointer;transition:all .3s}.main-collection__btn-change:hover{opacity:.8}.main-collection__btn-change.xo-active{transition:all .3s;opacity:.4}.main-collection__btn-change.xo-active:hover{opacity:.8}@media (max-width: 991px){.main-collection__bot-grid{border-top:.1rem solid color-mix(in srgb,rgba(var(--color-border)) 100%,transparent)}}@media (min-width: 992px){.main-collection__vertical-filters-refine-mobile{display:none}}.main-collection__filter{border-bottom:.1rem solid rgba(var(--color-foreground),.15)}@media (min-width: 992px){.main-collection__filter{border-bottom:none;position:relative}}@media (min-width: 992px){.main-collection__filter:after{content:"";position:absolute;top:0;z-index:1;width:.1rem;height:calc(100% + var(--pb_dt) * 1px);background-color:color-mix(in srgb,rgba(var(--color-border)) 100%,transparent)}[dir=ltr] .main-collection__filter:after{right:0rem}[dir=rtl] .main-collection__filter:after{left:0rem}}@media (max-width: 991px){.main-collection__vertical-filters-refine{display:none}}.main-collection__total-product-mobile-vertical{display:flex;align-items:center;padding:1rem 1.7rem;border-bottom:.1rem solid color-mix(in srgb,rgba(var(--color-border)) 100%,transparent)}@media (min-width: 992px){.main-collection__total-product-mobile-vertical{display:none}}.main-collection__filters-refine .xo-filters-refine{padding:1.7rem!important}@media (min-width: 992px){.main-collection__filters-refine .xo-filters-refine{padding:2.4rem 3.5rem!important}}.main-collection__top-grid-filter{display:flex;align-items:center;justify-content:space-between}@media (max-width: 991px){.main-collection__top-grid-filter{border-top:.1rem solid color-mix(in srgb,rgba(var(--color-border)) 100%,transparent);border-bottom:.1rem solid color-mix(in srgb,rgba(var(--color-border)) 100%,transparent);padding:.5rem 0rem}}.main-collection__total-product-mobile{display:block;padding:1rem 1.7rem}@media (min-width: 768px){.main-collection__total-product-mobile{padding:2rem 3.5rem}}@media (min-width: 992px){.main-collection__total-product-mobile{display:none}}@media (min-width: 992px){.main-collection__top-filter{flex:1}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-main-collection.css.map */