.best-seller-page-width{max-width:var(--page-width);margin:0 auto;padding:0 20px 16px 57px;box-sizing:border-box}@media screen and (max-width: 768px){.best-seller-page-width{padding:20px 21px 7px 30px}.best-seller-header{padding:0 0 7px!important;margin-top:22px!important}}@media screen and (min-width: 750px) and (max-width: 768px){.best-seller-page-width{margin-left:21px}.custom-dropdown{display:block;right:68px}}.tabs{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap;margin-left:3%}.tab-btn{text-transform:uppercase;color:#000;background-color:#fff;position:relative;display:flex;padding:1em 2em;border:0;border-radius:30px;text-align:center;white-space:nowrap;cursor:pointer;font-size:1.7rem}.tab-btn.active{background:#000;color:#fff}.tab-content{display:none}.tab-content.active{display:block}.tabs-content atomic-commerce-recommendation-list::part(label){display:none}.our-best-seller-wrapper{display:flex}.best-seller-header{flex-shrink:0;display:block;margin:0;padding:0 0 14px}.best-seller-header h3{padding:0 0 20px;font-size:34px;text-transform:uppercase;margin:0;font-family:Barlow Condensed;font-weight:600}.tabs-wrapper{flex-grow:1}.custom-dropdown{text-transform:uppercase;right:15px;display:flex;width:fit-content;padding-right:.5em;border-radius:30px;font-size:1.7rem;color:#fff;font-weight:600;position:absolute;background:#000;cursor:pointer}.custom-dropdown .selected{background:#000;color:#fff;padding:.7em 1.5em;border-radius:30px;font-weight:600}.custom-dropdown .options{display:none;position:absolute;top:100%;left:0;width:100%;background:#000;z-index:10;color:#fff}.custom-dropdown .options div{padding-left:1.5rem;cursor:pointer}.custom-dropdown .options div:hover{background:#333}.custom-dropdown.open{border-radius:0}.custom-dropdown.open .options{display:block;border-radius:0}.dropdown-arrow{position:absolute;height:35px;width:35px;vertical-align:middle;fill:#fff;right:5px;top:50%;transform:translateY(-50%)}@media (max-width: 768px){.tabs{display:none}.custom-dropdown{display:block;right:40px}.best-seller-header h3{font-size:18px}}@media (min-width: 769px){.custom-dropdown{display:none}}@media screen and (min-width: 750px) and (max-width: 768px){.best-seller-page-width{margin-left:25px}.custom-dropdown{display:block;right:68px}}
/*# sourceMappingURL=/cdn/shop/t/646/assets/our-best-sellers.css.map */