.collection-page .filter-cta{display:flex;justify-content:space-between;margin:8px auto 24px;max-width:1600px;padding:8px 32px;position:relative}.collection-page .collection{display:flex;margin:0 auto;max-width:1600px;padding:16px;width:100%}@media only screen and (min-width:1024px){.collection-page .collection{padding:32px}}.collection-page .collection .collection-filters{position:relative;width:0}@media only screen and (min-width:1024px){.collection-page .collection .collection-filters{max-width:332px;padding:14px 5px 0;width:100%}}.collection-page .collection .collection-products{-moz-column-gap:32px;column-gap:32px;display:grid;flex-grow:1;grid-template-columns:repeat(1,1fr);max-width:100vw;padding:0 16px;row-gap:48px}@media only screen and (min-width:375px){.collection-page .collection .collection-products{grid-template-columns:repeat(2,1fr);padding:0 16px;row-gap:48px}}@media only screen and (min-width:768px){.collection-page .collection .collection-products{-moz-column-gap:24px;column-gap:24px;grid-template-columns:repeat(3,1fr);padding:0 32px;row-gap:24px}}@media only screen and (min-width:1024px){.collection-page .collection .collection-products{-moz-column-gap:32px;column-gap:32px;grid-template-columns:repeat(4,1fr);row-gap:32px}}@media only screen and (min-width:768px){.collection-page .collection .collection-products.show-filters{grid-template-columns:repeat(3,1fr)}}.collection-page .filter-modal-backdrop{background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}@media only screen and (min-width:1024px){.collection-page .filter-modal-backdrop{display:none}}.collection-page .filter-modal-backdrop.hide-filter-modal{display:none}.collection-page .filters-results-count{font-size:.875rem;line-height:1.5}.collection-page .filter-button--open-modal{background:#c12e6f;border-color:#c12e6f;border-radius:6px;border-style:solid;color:#fff;cursor:pointer;font-size:.875rem;font-weight:700;line-height:1.3;padding:6px 10px;text-decoration:none}.collection-page .filter-button--open-modal svg{height:12px;margin-right:6px;width:12px}@media only screen and (min-width:1024px){.collection-page .filter-button--open-modal{display:none}}.collection-page button{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;display:flex}.collection-page .filters{background-color:#fff;border-radius:10px 10px 0 0;bottom:85px;display:block;left:0;overflow:auto;padding:16px 8px 0;position:fixed;right:0;scrollbar-width:none;top:25%;width:100%;z-index:1001}.collection-page .filters::-webkit-scrollbar{display:none}.collection-page .filters.hide-filter-modal{display:none}@media only screen and (min-width:768px){.collection-page .filters{max-width:320px;right:auto;top:0}}@media only screen and (min-width:1024px){.collection-page .filters{background-color:initial;border-radius:initial;display:block;flex:0 0 322px;left:auto;padding:0 24px 40px;position:static;top:auto;z-index:auto}.collection-page .filters.hide-filter-modal{display:block}}.collection-page .filters .filter-modal-button--close{background:none;border:none;position:absolute;right:4px;top:16px}@media only screen and (min-width:1024px){.collection-page .filters .filter-modal-button--close{display:none}}.collection-page .filters .filter-modal-header .filter-modal-title{color:#313131;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:700;margin:0}@media only screen and (min-width:1024px){.collection-page .filters .filter-modal-header{display:none}}.collection-page .filters hr{background-color:#afafaf;width:100%}@media only screen and (min-width:1024px){.collection-page .filters hr{display:none}}.collection-page .filters div+hr{margin-top:24px}.collection-page .filters .filters-heading{font-family:inherit;font-size:.875rem;font-weight:700;margin:24px 0 0;width:100%}.collection-page .filters .filters-heading.hide{display:none}@media only screen and (min-width:1024px){.collection-page .filters .filters-heading{margin:16px 0 0}}.collection-page .filters .filter-controls>form{align-items:center;display:flex;flex-direction:column;margin-top:16px}.collection-page .filter button{background-color:#fff;border:1px solid #313131;color:#313131}.collection-page .filter-back-button{background:none;border:none;color:#c12e6f;display:block;font-size:.75rem;font-weight:700;margin-bottom:24px;padding:0;text-decoration:underline}.collection-page .filter-back-button.hide{display:none}@media only screen and (min-width:1024px){.collection-page .filter-back-button{display:none}}.collection-page .filter-by-title{cursor:pointer;font-size:1rem;margin:0;position:relative;width:100%}@media only screen and (min-width:1024px){.collection-page .filter-by-title{width:100%}}.collection-page .filter-by-title>span{pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%)}.collection-page .filter-by-title>span.hide--mobile-tablet{display:none}@media only screen and (min-width:1024px){.collection-page .filter-by-title>span.hide--mobile-tablet{display:inline-block}}.collection-page .filter-by-title[aria-expanded=false]>span>svg{transform:rotate(-90deg)}.collection-page .filter-by-title[aria-expanded=true]>span>svg{transform:rotate(90deg)}.collection-page .filter-tag-container{overflow:auto;scrollbar-width:none}.collection-page .filter-tag-container::-webkit-scrollbar{display:none}.collection-page .filter-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;width:100%}@media only screen and (min-width:1024px){.collection-page .filter-tags{display:none;width:100%}}.collection-page .filter-tags.show{display:flex}.collection-page .filter-tags button{background:#f5f5f5;border:1px solid #afafaf;border-radius:8px;padding:8px}.collection-page .filter-tags button.filter-toggle-active{background:#f9edee80;border:1px solid #c12e6f;color:#c12e6f;padding-right:16px;position:relative}.collection-page .filter-tags button.filter-toggle-active:after{content:"\d7";height:16px;position:absolute;right:0;top:50%;transform:translateY(-50%);width:16px}.collection-page .filter-button-controls-container{background-color:#fff;bottom:0;position:fixed;width:100%}@media only screen and (min-width:768px){.collection-page .filter-button-controls-container{max-width:320px}.collection-page .filter-button-controls-container hr{width:calc(100% - 16px)}}@media only screen and (min-width:1024px){.collection-page .filter-button-controls-container{margin-top:40px;position:static}.collection-page .filter-button-controls-container.hide--desktop{display:none}}.collection-page .filter-button-controls-container hr{margin-top:4px}.collection-page .filter-button-controls{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:16px;margin-top:16px;padding:0 8px;width:100%}.collection-page .filter-button-controls button{border-radius:100px;display:inline-block;font-size:16px;font-weight:400;height:48px;margin:0 auto;padding:16px 12px;text-align:center;width:100%}.collection-page .filter-button-controls .filter-button--clear-all{background-color:#fff;border:1px solid #313131;color:#313131}.collection-page .filter-button-controls .filter-button--apply-filters{background:#313131;border:none;color:#fff}.collection-page .filter-controls{font-size:.875rem;margin-bottom:16px;padding:0;width:100%}.collection-page .filter-controls--group{display:flex;flex-direction:column;gap:16px;width:100%}.collection-page .filter-controls--group .collection-filter-container{align-items:flex-start;display:flex;flex-direction:column;width:100%}@media only screen and (min-width:1024px){.collection-page .filter-controls--group .collection-filter-container{overflow:initial;width:100%}}.collection-page .filter-controls--group .collection-filter-container.hide{display:none}.collection-page .filter-controls--group .collection-filter-container.expanded-view .filter-tags{width:100%}@media only screen and (min-width:1024px){.collection-page .filters-mobile-tablet{display:none}}.collection-page .filter-header{align-items:center;display:flex;justify-content:space-between;width:100%}.collection-page .filter-title-button{background:none;border:none;font-size:inherit;padding:0 24px 0 0;width:100%}.collection-page .filter-title-button svg{display:none}@media only screen and (min-width:1024px){.collection-page .filter-title-button svg{display:unset;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(-90deg)}}.collection-page .filter-title-button[aria-expanded=true] svg{transform:translateY(-50%) rotate(90deg)}.collection-page .filter-view-all-options{background:none;border:none;color:#c12e6f;display:none;flex-shrink:0;font-size:.75rem;font-weight:700;padding-left:0;padding-right:0;text-decoration:underline}.collection-page .hidden{display:none}
/*# sourceMappingURL=/cdn/shop/t/6553/assets/collection-page-section.css.map */