.main-collection-filter .selections{display:flex;justify-content:space-between;align-items:center;padding:24px 0}.main-collection-filter .selections .filter-btn{height:48px;width:220px;background:none;outline:none;box-shadow:none;display:flex;align-items:center;justify-content:center;border:1px solid black;color:#000;text-transform:uppercase;font-family:TradeGothicLT-CondEighteen;font-size:18px;cursor:pointer}.main-collection-filter .selections .filter-btn svg{margin-left:18px;max-width:20px}.main-collection-filter .selections .sort label{text-transform:uppercase;font-family:TradeGothicLT-CondEighteen;font-size:16px;color:#000}.main-collection-filter .selections .sort .select{display:flex;align-items:center;justify-content:space-between}.main-collection-filter .selections .sort .select select{font-size:18px;background:none;outline:none;border:none;-webkit-appearance:none;appearance:none;cursor:pointer;margin-left:-4px;z-index:2;position:relative}.main-collection-filter .selections .sort svg{position:relative;right:13px;z-index:1}.main-collection-filter .filter-popup{display:none;position:fixed;top:0;left:0;height:100%;width:100%;align-items:center;justify-content:flex-end;z-index:10;opacity:0;transition:all .3s ease-in-out}.main-collection-filter .filter-popup.active{display:flex}.main-collection-filter .filter-popup.active.fade-in{opacity:1}.overlay{position:absolute;height:100%;width:100%;background:#0006;display:initial!important}.main-collection-filter .filter-popup .modal{background:#fff;width:calc(100% - 3rem);height:100%;max-width:500px;position:relative;transition:all .3s ease-in-out;transform:translate(100%)}.main-collection-filter .filter-popup .modal.active{transform:translate(0)}.main-collection-filter .filter-popup .modal .modal-header{padding:24px;border-bottom:1px solid #c8c8c8;display:flex;position:relative}.main-collection-filter .filter-popup .modal .modal-header button{background:none;border:none;outline:none;height:20px;width:20px;cursor:pointer}.main-collection-filter .filter-popup .modal .modal-header h1{font-size:24px;font-family:SackersGothicStd;text-transform:uppercase;font-weight:600;position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center}.main-collection-filter .filter-popup .modal .modal-content{padding:24px;max-height:calc(100% - 173px);height:100%;overflow:scroll}.main-collection-filter .filter-popup .modal .modal-content .content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px}.main-collection-filter .filter-popup .modal .modal-content .content-header .selected{display:flex}.main-collection-filter .filter-popup .modal .modal-content .content-header .selected p.count{text-transform:uppercase;font-size:16px;color:#000;letter-spacing:0;margin-right:16px;position:relative}.main-collection-filter .filter-popup .modal .modal-content .content-header .selected p.count:after{content:"";position:absolute;background:#b5b5b5;width:1px;height:20px;right:-8px;top:50%;transform:translateY(-50%)}.main-collection-filter .filter-popup .modal .modal-content .content-header .selected .tag-clear{background:none;border:none;color:#8e1729;font-size:16px;cursor:pointer;text-decoration:none}.main-collection-filter .filter-popup .modal .modal-content .content-header h2{font-family:SackersGothicStd}.main-collection-filter .filter-popup .modal .modal-content .content-filters label{color:#000;text-transform:uppercase;font-family:SackersGothicStd;letter-spacing:2px;margin-bottom:8px}.main-collection-filter .filter-popup .modal .modal-content .content-filters .filter{margin-bottom:48px}.main-collection-filter .filter-popup .modal .modal-content .content-filters ul{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;list-style:none}.main-collection-filter .filter-popup .modal .modal-content .content-filters ul li{border:1px solid #dddddd;color:#000;line-height:1.4;cursor:pointer;transition:all .3s ease-in-out}.main-collection-filter .filter-popup .modal .modal-content .content-filters ul li a{padding:16px;display:flex;width:100%;text-decoration:none;color:#000;transition:all .3s ease-in-out}.main-collection-filter .filter-popup .modal .modal-content .content-filters ul li.active{border-color:#000;background:#000}.main-collection-filter .filter-popup .modal .modal-content .content-filters ul li.disabled{background:#fff!important;border-color:#2b2b2b;opacity:.3}.main-collection-filter .filter-popup .modal .modal-content .content-filters ul li.active a{color:#fff}.main-collection-filter .filter-popup .modal .modal-content .content-filters ul li.active:hover{border-color:#000;background:#000;color:#fff}.main-collection-filter .filter-popup .modal .modal-content .content-filters ul li:hover{background:#d6d6d6}.main-collection-filter .filter-popup .modal .modal-footer{position:absolute;left:0;bottom:0;width:100%;background:#fff;padding:28px 24px;box-shadow:0 -5px 10px #0000001a;display:flex}.main-collection-filter .filter-popup .modal .modal-footer button{width:100%;text-align:center;outline:none;border:none;background:#8e1729;color:#fff;font-family:TradeGothicLT-CondEighteen;text-transform:uppercase;font-size:16px;height:48px;cursor:pointer}.main-collection-filter .results{display:none}.main-collection-filter .results.active{display:initial}.main-collection-filter .results .selected{display:flex;align-items:center;margin-bottom:24px}.main-collection-filter .results .selected .tag-count{color:#000;text-transform:uppercase;font-size:18px}.main-collection-filter .results .selected .tag-filters{list-style:none;display:flex;padding:0 32px;grid-gap:16px;flex-wrap:wrap}.main-collection-filter .results .selected .tag-filters .tag-filters__item{background:#000;color:#fff;text-transform:capitalize;position:relative;font-size:18px;line-height:1}.main-collection-filter .results .selected .tag-filters .tag-filters__item svg{position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:0}.main-collection-filter .results .selected .tag-filters .tag-filters__item a{color:#fff;text-decoration:none;width:100%;padding:10px 40px 10px 10px;display:flex;position:relative;z-index:1}.main-collection-filter .results .selected .tag-clear{background:none;border:none;box-shadow:none;padding:0;color:#000;outline:none;font-size:18px;text-transform:uppercase;cursor:pointer;line-height:1.2}.main-collection-filter .results .grid{display:grid;margin:0 0 120px;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:72px}.main-collection-filter .no-results{min-height:40vh;display:flex;align-items:center;justify-content:center;width:100%;grid-column:1 / 5}.main-collection-filter .no-results h1{font-family:TradeGothicLT-CondEighteen;text-transform:uppercase;color:#9f9f9f}@media (max-width: 1200px){.main-collection-filter .results .grid{grid-template-columns:1fr 1fr 1fr}.main-collection-filter .no-results{grid-column:1 / 4}}@media (max-width: 998px){.main-collection-filter .results .grid{grid-template-columns:1fr 1fr}.main-collection-filter .no-results{grid-column:1 / 3}}@media (max-width: 768px){.main-collection-filter .page-width{padding:0 3rem}.main-collection-filter .selections{flex-direction:column}.main-collection-filter .selections .filter-btn{width:100%;margin-bottom:2rem;justify-content:space-between;padding:1.5rem}.main-collection-filter .selections .sort{width:100%}.main-collection-filter .selections .sort label{display:none}.main-collection-filter .selections .sort .select{border:1px solid black;width:100%;display:flex;align-items:center;justify-content:center;height:48px;position:relative}.main-collection-filter .selections .sort .select select{position:absolute;left:1.5rem;top:0;height:100%;width:calc(100% - 3rem);font-family:TradeGothicLT-CondEighteen;text-transform:uppercase}.main-collection-filter .selections .sort .select svg{position:absolute;right:1.5rem}.main-collection-filter .results .selected{align-items:flex-start;flex-direction:column}.main-collection-filter .results .selected .tag-filters{padding:18px 0 22px}.main-collection-filter .results .grid{display:grid;margin:0 0 120px;grid-template-columns:1fr;grid-gap:72px}.main-collection-filter .no-results{grid-column:1 / 2}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/section-main-collection-filter.css.map */