.section-product-grid collection-filter-sort .container{display:flex;position:relative;align-items:flex-start;z-index:2}@media screen and (min-width: 64rem){.section-product-grid collection-filter-sort .container{z-index:1}}.section-product-grid collection-filter-sort .container .spinner-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.section-product-grid collection-filter-sort .container .spinner-container .loading-spinner-filter-sort{border:.25rem solid rgba(0,0,0,.1);border-left-color:var(--navy);animation:spin 1s linear infinite;border-radius:50%;width:6rem;height:6rem;display:none}@media screen and (min-width: 64rem){.section-product-grid collection-filter-sort .container .spinner-container .loading-spinner-filter-sort .loading-spinner-filter-sort{width:12rem;height:12rem}}.section-product-grid collection-filter-sort .container .filter-sort{font-size:1.125rem;position:fixed;left:0;overflow:auto;height:calc(100vh - 4rem);padding:1.25rem;background-color:var(--white);z-index:1;min-width:18.75rem;display:flex;flex-direction:column;gap:2rem;width:100%;box-sizing:border-box;top:-100%;transition:.4s top}@media screen and (min-width: 64rem){.section-product-grid collection-filter-sort .container .filter-sort{position:sticky;top:12rem;padding:0;margin-bottom:2rem;overflow:auto;max-height:calc(100vh - 12rem);width:unset}}.section-product-grid collection-filter-sort .container .filter-sort::-webkit-scrollbar{width:.5rem}.section-product-grid collection-filter-sort .container .filter-sort::-webkit-scrollbar-track{background:var(--white)}.section-product-grid collection-filter-sort .container .filter-sort::-webkit-scrollbar-thumb{background:var(--navy);border-left:.19rem;border-right:.19rem;border-top:0;border-bottom:0;border-style:solid;border-color:var(--white)}.section-product-grid collection-filter-sort .container .filter-sort .mobile-heading{display:flex;justify-content:space-between;background-color:var(--navy);position:fixed;top:0;left:0;z-index:1;width:100%;height:4rem;padding:1.25rem}@media screen and (min-width: 64rem){.section-product-grid collection-filter-sort .container .filter-sort .mobile-heading{display:none}}.section-product-grid collection-filter-sort .container .filter-sort .mobile-heading h4{color:var(--white)}.section-product-grid collection-filter-sort .container .filter-sort .mobile-heading .filter-sort-close{width:2rem;height:1rem;position:relative}@media screen and (min-width: 64rem){.section-product-grid collection-filter-sort .container .filter-sort .mobile-heading .filter-sort-close{display:none}}.section-product-grid collection-filter-sort .container .filter-sort .mobile-heading .filter-sort-close:after,.section-product-grid collection-filter-sort .container .filter-sort .mobile-heading .filter-sort-close:before{content:"";width:100%;height:.125rem;background:var(--white);position:absolute}.section-product-grid collection-filter-sort .container .filter-sort .mobile-heading .filter-sort-close:before{transform:rotate(-45deg);top:.5rem}.section-product-grid collection-filter-sort .container .filter-sort .mobile-heading .filter-sort-close:after{transform:rotate(45deg);bottom:.375rem;top:auto}.section-product-grid collection-filter-sort .container .filter-sort form#filter-by{color:var(--navy)}@media screen and (min-width: 64rem){.section-product-grid collection-filter-sort .container .filter-sort form#filter-by{display:block;padding-right:.5rem}}.section-product-grid collection-filter-sort .container .filter-sort form#filter-by details{margin-bottom:2.5rem}.section-product-grid collection-filter-sort .container .filter-sort form#filter-by details .clear-btn{display:none;width:-moz-fit-content;width:fit-content;margin-bottom:1rem;font-family:var(--ff-avenir-med);padding:0 .375rem}.section-product-grid collection-filter-sort .container .filter-sort form#filter-by details .clear-btn.show{display:flex}.section-product-grid collection-filter-sort .container .filter-sort form#filter-by details .clear-btn .clear-icon{display:flex;align-items:center}.section-product-grid collection-filter-sort .container .filter-sort form#filter-by details .clear-btn .clear-icon svg{width:.875rem;height:auto}.section-product-grid collection-filter-sort .container .filter-sort form#filter-by details summary{padding-right:1.25rem}.section-product-grid collection-filter-sort .container .filter-sort form#filter-by details summary div{display:flex;align-items:center;justify-content:space-between}.section-product-grid collection-filter-sort .container .filter-sort form#filter-by details summary div span{margin:0}.section-product-grid collection-filter-sort .container .filter-sort form#filter-by details summary div .chevron{transform:rotate(90deg);transition:transform ease-in-out .3s}.section-product-grid collection-filter-sort .container .filter-sort form#filter-by details summary div .chevron svg{width:.375rem;height:auto}.section-product-grid collection-filter-sort .container .filter-sort form#filter-by details[open] summary .chevron{transform:rotate(270deg)}.section-product-grid collection-filter-sort .container .filter-sort form#filter-by details ul.filter-list{list-style:none;padding:0}.section-product-grid collection-filter-sort .container .filter-sort form#filter-by details ul.filter-list li{margin-bottom:.5rem}.section-product-grid collection-filter-sort .container .filter-sort form#filter-by details ul.filter-list li .checkbox{color:var(--navy);position:relative;padding-left:2.3rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.section-product-grid collection-filter-sort .container .filter-sort form#filter-by details ul.filter-list li .checkbox:before{content:"";position:absolute;left:.2rem;top:.1rem;flex-shrink:0;width:1.25rem;height:1.25rem;border:.0625rem solid var(--navy);border-radius:.25rem;background-color:var(--white);cursor:pointer;display:inline-block;box-sizing:border-box}.section-product-grid collection-filter-sort .container .filter-sort form#filter-by details ul.filter-list li .checkbox.active:before{background-color:var(--navy)}.section-product-grid collection-filter-sort .container .filter-sort form#filter-by details ul.filter-list li .checkbox.active:after{content:"";display:block;width:.25rem;height:.6rem;border:solid white;border-width:0 .125rem .125rem 0;position:absolute;top:.25rem;left:.7rem;transform:rotate(45deg)}.section-product-grid collection-filter-sort .container .filter-sort form#filter-by details ul.filter-list li label{display:flex;align-items:center;margin-bottom:.5rem;gap:.75rem;cursor:pointer}.section-product-grid collection-filter-sort .container .filter-sort form#filter-by details ul.filter-list li label input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;flex-shrink:0;width:1.25rem;height:1.25rem;border:.0625rem solid var(--navy);border-radius:.25rem;background-color:var(--white);cursor:pointer;display:inline-block;position:relative;box-sizing:border-box}.section-product-grid collection-filter-sort .container .filter-sort form#filter-by details ul.filter-list li label input[type=checkbox]:checked{background-color:var(--navy)}.section-product-grid collection-filter-sort .container .filter-sort form#filter-by details ul.filter-list li label input[type=checkbox]:checked:before{content:"";display:block;width:.375rem;height:.75rem;border:solid white;border-width:0 .125rem .125rem 0;position:absolute;top:.125rem;left:.375rem;transform:rotate(45deg)}.section-product-grid collection-filter-sort .container .filter-sort select#sort-by{display:none}.section-product-grid collection-filter-sort .container .collection-ctn{flex:auto}.section-product-grid collection-filter-sort .container .collection-ctn .filter-sort-options{display:flex;justify-content:space-evenly;gap:.5625rem;padding:.75rem 0}@media screen and (min-width: 64rem){.section-product-grid collection-filter-sort .container .collection-ctn .filter-sort-options{display:none}}.section-product-grid collection-filter-sort .container .collection-ctn .filter-sort-options .filter-button,.section-product-grid collection-filter-sort .container .collection-ctn .filter-sort-options .sort-button{flex:1;padding:0}.section-product-grid collection-filter-sort .container .collection-ctn .filter-sort-options .filter-button{height:2.875rem;border-radius:1.625rem;display:flex;align-items:center}.section-product-grid collection-filter-sort .container .collection-ctn .filter-sort-options .filter-button .icon{width:1rem}@media screen and (min-width: 64rem){.section-product-grid collection-filter-sort .container .collection-ctn .product-grid{margin:0 -.625rem}}.section-product-grid collection-filter-sort .container .collection-ctn .product-grid .item{padding:0 0 1.5625rem}@media screen and (min-width: 64rem){.section-product-grid collection-filter-sort .container .collection-ctn .product-grid .item{padding:0 .625rem 1.375rem}}.section-product-grid collection-filter-sort .container .collection-ctn .show-more-ctn{margin:1rem auto;width:100%;padding:.625rem;position:relative}@media screen and (min-width: 37.5rem){.section-product-grid collection-filter-sort .container .collection-ctn .show-more-ctn{width:33%}}@media screen and (min-width: 64rem){.section-product-grid collection-filter-sort .container .collection-ctn .show-more-ctn{width:25%}}.section-product-grid collection-filter-sort .container .collection-ctn .show-more-ctn #show-more-button{display:flex;align-items:center;justify-content:center;position:relative}.section-product-grid collection-filter-sort .container .collection-ctn .show-more-ctn #show-more-button .loading-spinner-collection{border:.25rem solid rgba(0,0,0,.1);border-left-color:var(--soft-white);animation:spin 1s linear infinite;border-radius:50%;width:1.25rem;height:1.25rem;position:absolute;right:1rem;display:none}.section-product-grid collection-filter-sort .container .collection-ctn .show-more-ctn #show-more-button:hover .loading-spinner-collection{border-left-color:var(--navy)}@keyframes spin{to{transform:rotate(360deg)}}.section-product-grid collection-filter-sort .container .custom-select-wrapper{font-family:var(--ff-vertigo-demi);padding:0;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.section-product-grid collection-filter-sort .container .custom-select-wrapper.desktop{display:none}@media screen and (min-width: 64rem){.section-product-grid collection-filter-sort .container .custom-select-wrapper.desktop{display:block}.section-product-grid collection-filter-sort .container .custom-select-wrapper{padding:0rem .5rem 1rem 0rem}}.section-product-grid collection-filter-sort .container .custom-select-wrapper .custom-select-dd{position:relative;display:inline-block;cursor:pointer;font-size:1rem;width:100%;color:var(--navy)}.section-product-grid collection-filter-sort .container .custom-select-wrapper .custom-select-dd .custom-select-trigger{position:relative;display:flex;justify-content:space-between;align-items:center;background:var(--white);border:.125rem solid var(--navy);border-radius:1.625rem;cursor:pointer;padding:.625rem .75rem;gap:.2rem}@media screen and (min-width: 64rem){.section-product-grid collection-filter-sort .container .custom-select-wrapper .custom-select-dd .custom-select-trigger{padding:.625rem 1.5rem}}.section-product-grid collection-filter-sort .container .custom-select-wrapper .custom-select-dd .custom-select-trigger .sort-icon svg{width:1rem;height:auto}.section-product-grid collection-filter-sort .container .custom-select-wrapper .custom-select-dd .custom-select-trigger .sort-msg{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-product-grid collection-filter-sort .container .custom-select-wrapper .custom-select-dd .custom-select-trigger .chevron{transform:rotate(90deg);transition:transform ease-in-out .3s}.section-product-grid collection-filter-sort .container .custom-select-wrapper .custom-select-dd .custom-select-trigger .chevron svg{width:.375rem;height:auto}.section-product-grid collection-filter-sort .container .custom-select-wrapper .custom-select-dd .custom-options{position:absolute;top:100%;left:0;right:0;background:var(--white);border:.125rem solid var(--navy);border-radius:1.625rem;display:none;z-index:10;overflow:hidden;font-family:var(--ff-avenir-med)}.section-product-grid collection-filter-sort .container .custom-select-wrapper .custom-select-dd.open .custom-select-trigger{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:0}.section-product-grid collection-filter-sort .container .custom-select-wrapper .custom-select-dd.open .custom-select-trigger .chevron{transform:rotate(270deg)}.section-product-grid collection-filter-sort .container .custom-select-wrapper .custom-select-dd.open .custom-options{display:flex;flex-direction:column;border-top-left-radius:0;border-top-right-radius:0;border-top:0}.section-product-grid collection-filter-sort .container .custom-select-wrapper .custom-select-dd .custom-option{padding:.625rem 1.25rem;cursor:pointer;transition:background .3s}.section-product-grid collection-filter-sort .container .custom-select-wrapper .custom-select-dd .custom-option:hover{background:var(--light-blue)}.section-product-grid collection-filter-sort .container .custom-select-wrapper .custom-select-dd .custom-option[data-selected=true]{background:var(--light-blue)}.section-product-grid collection-filter-sort.mobile-filter-menu-open .container{z-index:3}@media screen and (min-width: 64rem){.section-product-grid collection-filter-sort.mobile-filter-menu-open .container{z-index:1}}.section-product-grid collection-filter-sort.mobile-filter-menu-open .container .filter-sort{top:4rem}
/*# sourceMappingURL=/cdn/shop/t/27/assets/section-collection-product-grid.css.map */