.compare-styles-modal{display:none;position:fixed;top:0;left:0;z-index:99;width:100%;height:100%;background:#0000004d;overflow:auto}.compare-styles-modal.show-modal{display:block}.compare-styles-modal .compare-modal-inner{max-width:1675px;margin:179px auto 80px;background:#fff}.compare-styles-modal .compare-header{position:relative;padding:120px 0 45px;text-align:center}.compare-styles-modal .compare-header-close{position:absolute;top:24px;right:18px;background:none;border:none}.compare-styles-modal .heading{font-family:SaolText-Regular;font-size:32px;line-height:normal;margin-bottom:15px}.compare-styles-modal .sub-heading{font-family:Acumin Pro Regular;font-size:20px;line-height:normal;margin:0}.compare-styles-modal .compare-modal-query{display:flex;justify-content:center;align-items:center;gap:50px;padding:35px 0 120px}.compare-styles-modal .compare-modal-query .query-text{font-family:Avenir-Light;font-size:18px;font-style:normal;font-weight:350;line-height:normal;margin:0}.compare-styles-modal .compare-modal-query .query-cta{display:flex;width:250.913px;height:52.692px;justify-content:center;align-items:center;flex-shrink:0;background:#000;color:#fff;font-family:Acumin Pro Regular;font-size:16px;line-height:normal}.compare-body-inner{padding:0 14px}.compare-styles-modal table,.compare-styles-modal table tbody{display:block}.compare-styles-modal table tbody tr{display:flex}.compare-styles-modal table{width:1353px;max-width:100%;margin:auto;table-layout:fixed;border-collapse:collapse}.compare-styles-modal .before-after-inner{display:flex;width:100%;flex-direction:row}.compare-styles-modal .before-after-inner img{border:1px solid #000}.compare-styles-modal .before-image-holder,.compare-styles-modal .after-image-holder{width:50%;flex-shrink:0}.compare-styles-modal tbody tr td{width:33.33333%;max-width:451px;border-bottom:2px solid rgba(0,0,0,.1);text-align:center;vertical-align:top}.compare-styles-modal tbody tr td.odd{background-color:#f5f3f0}.compare-styles-modal tbody tr td img{display:block;width:100%;height:auto;object-fit:cover}.compare-styles-modal tbody tr td.image img{max-width:300px;margin:auto}.compare-styles-modal tbody tr td:not(.image){padding:29px}.compare-styles-modal tr td .collection-info{display:flex;height:100%;flex-direction:column;justify-content:space-between}.compare-styles-modal tr td .collection-dropdown{display:none}.compare-styles-modal tr td .collection-title{font-family:Acumin Pro Regular;font-size:20px;font-style:normal;font-weight:600;line-height:normal;text-transform:uppercase;margin-bottom:8px}.compare-styles-modal tr td .heading{font-family:Acumin Pro Bold;font-size:18px;font-weight:600;line-height:normal;margin-bottom:8px}.compare-styles-modal tr td .collection-price-range,.compare-styles-modal tr td .copy,.compare-styles-modal tr td .pieces-breakdown{font-family:Acumin Pro Regular;font-size:16px;line-height:normal;margin:auto;max-width:220px}.compare-styles-modal tr td .length-btns{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;align-items:center;gap:8px}.compare-styles-modal tr td .length-btns button{padding:4px 16px;margin:0;border:1px solid #000;background:transparent;font-family:Acumin Pro Regular;font-size:14px;line-height:normal;letter-spacing:1.4px}.compare-styles-modal tr td .length-btns button.active{background-color:#000;color:#fff}.compare-styles-modal tr td .weight-btn{background:none;border:none;font-family:Acumin Pro Regular;font-size:16px;line-height:normal;margin:0}.compare-styles-modal tr td .before-after{max-width:330px;margin:auto}.compare-styles-modal tr td .compare-shop--cta{display:block;width:100%;height:40px;color:#fff;text-align:center;font-family:Acumin Pro Regular;font-size:16px;line-height:normal;text-transform:uppercase;background-color:#000;display:flex;justify-content:center;align-items:center;margin-top:8px}.compare-styles-modal tr td .dropdown{position:relative;width:fit-content;margin:auto}.compare-styles-modal tr td .dropdown-toggle{padding:8px 16px;width:224px;max-width:100%;border:1px solid #000;display:flex;justify-content:space-between;align-items:center;margin:auto;margin-top:16px!important}.compare-styles-modal .dropdown button.dropdown-toggle,.compare-styles-modal .dropdown ul.dropdown-menu li{font-family:Acumin Pro Regular;font-size:14px;line-height:16px;text-transform:uppercase;padding:8px 16px;background-color:#fff;cursor:pointer;margin:auto;text-align:left}.compare-styles-modal .dropdown .dropdown-menu{display:none}.compare-styles-modal .dropdown.active .dropdown-menu{display:block;position:absolute;top:43px;width:224px;left:50%;transform:translate(-50%);border:1px solid #000;border-top:0;background-color:#fff;margin:0}.dropdown .dropdown-toggle svg{width:24px;height:24px;flex-shrink:0}.dropdown.active .dropdown-toggle svg{transform:rotate(180deg)}.compare-styles-modal .dropdown ul.dropdown-menu li.disabled{opacity:.5;cursor:default;pointer-events:none}@media (max-width:1675px){.compare-styles-modal .compare-modal-inner{margin:80px auto}}@media (max-width:900px){.compare-styles-modal tr td .collection-dropdown{display:block}.compare-styles-modal table tbody td{display:inline-block;min-width:50%}.compare-styles-modal .compare-modal-inner{margin:0 auto}}@media (max-width:768px){.compare-styles-modal .compare-header{padding:60px 0 24px}.compare-styles-modal .compare-header-close{top:16px;right:16px}.compare-styles-modal .heading{font-size:24px;margin-bottom:6px}.compare-styles-modal .sub-heading{font-size:18px}.compare-styles-modal tbody tr td:not(.image){padding:16px 10px 20px}.compare-styles-modal tr td .collection-title{font-size:18px}.compare-styles-modal tr td .heading{font-size:16px}.compare-styles-modal tr td .collection-price-range,.compare-styles-modal tr td .copy,.compare-styles-modal tr td .pieces-breakdown{font-size:14px}.compare-styles-modal .before-after-inner{flex-direction:column}.compare-styles-modal tr td .length-btns{gap:4px}.compare-styles-modal tr td .length-btns button{padding:4px 8px}.compare-styles-modal .before-image-holder,.compare-styles-modal .after-image-holder{width:calc(100% - 16px);margin:0 8px}.compare-styles-modal .compare-modal-query{flex-direction:column;gap:24px;padding:24px 0 40px}}@media (max-width:550px){.compare-styles-modal tr td .dropdown,.compare-styles-modal .dropdown.active .dropdown-menu{width:100%}}@media (max-width:514px){.compare-styles-modal .dropdown button.dropdown-toggle{height:50px}.compare-styles-modal .dropdown.active .dropdown-menu{top:50px}}
/*# sourceMappingURL=/cdn/shop/t/1136/assets/compare-modal.css.map */