#nbp-filter-drawer{position:fixed;top:0;left:-100vw;width:42%;height:100vh;background-color:#fff;overflow-x:hidden;transition:.75s;padding-top:0;z-index:9999999999;scrollbar-width:thin}#nbp-filter-drawer .drawer-container{width:calc(100% - ((100vw - 1292px)/2) - 2rem);margin-left:auto;margin-right:2rem;margin-top:5rem}#nbp-filter-drawer .drawer-header{display:flex;justify-content:space-between;margin-bottom:2rem}#nbp-filter-drawer .drawer-header h2{color:#212121;font-family:"Roboto Serif";font-size:30px;font-style:normal;font-weight:600;line-height:120%;text-transform:none;letter-spacing:normal}#nbp-filter-drawer .drawer-header button{background:#fff;border:none}#nbp-filter-drawer .drawer-body{display:flex;flex-direction:column;height:100%}#nbp-filter-drawer .drawer-body .filter_inner h3{color:var(--Roots-grey, #747474);font-family:Figtree;font-size:16px;font-style:normal;font-weight:400;line-height:140%;text-transform:none;letter-spacing:normal;display:flex;align-items:center;justify-content:space-between;position:relative;cursor:pointer}#nbp-filter-drawer .drawer-body .filter_inner h3:after,#nbp-filter-drawer .drawer-body .filter_inner h3:before{height:0;width:0}#nbp-filter-drawer .drawer-body .filter_inner .filter_tags_list{max-height:0;overflow:hidden;transition:max-height .2s ease-out,opacity .2s ease-out,visibility .2s ease-out;opacity:0;visibility:hidden}#nbp-filter-drawer .drawer-body .filter_inner .filter_tags_list div.input-group{display:flex;align-items:center;justify-content:space-between;gap:1rem}#nbp-filter-drawer .drawer-body .filter_inner .filter_tags_list div.input-group label{margin-left:1rem;color:var(--Roots-black, #212121);font-family:Figtree;font-size:16px;font-style:normal;font-weight:400;line-height:200%}#nbp-filter-drawer .drawer-body .filter_inner .filter_tags_list div.input-group input[type=checkbox]{width:22px;height:22px;accent-color:white;margin-right:2px;border-color:#aaa}#nbp-filter-drawer .drawer-body .filter_inner .filter_tags_list.expanded{max-height:350px;opacity:1;overflow-x:hidden;overflow-y:auto;visibility:visible;transition:max-height .2s ease-in,opacity .2s ease-in,visibility .2s ease-in;scrollbar-width:thin}#nbp-filter-drawer .drawer-body .button-group{display:flex;justify-content:space-between;margin-top:auto}#nbp-filter-drawer .drawer-body .button-group button{display:flex;padding:1rem 3rem;justify-content:center;align-items:center;gap:10px;flex-shrink:0;border-radius:100vh}#nbp-filter-drawer .drawer-body .button-group button.button-primary{background-color:#f9cd3a;border:none;color:var(--Roots-black, #212121);text-align:center;font-family:Figtree;font-size:14px;font-style:normal;font-weight:500;line-height:100%;letter-spacing:.42px;text-transform:uppercase}#nbp-filter-drawer .drawer-body .button-group button.button-secondary{background-color:#fff;border:1px solid #AAA;color:var(--Roots-grey, #747474);text-align:center;font-family:Figtree;font-size:14px;font-style:normal;font-weight:500;line-height:100%;letter-spacing:.42px;text-transform:uppercase}#nbp-filter-drawer .drawer-body .button-group.drawer-buttons{background-color:#fff;padding:2rem 0;border-top:1px solid #EDEDED;position:sticky;bottom:18px}@media only screen and (max-width: 1300px){#nbp-filter-drawer .drawer-container{width:calc(100% - ((100vw - 1200px)/2) - 2rem)}}@media only screen and (max-width: 1199px){#nbp-filter-drawer .drawer-container{width:calc(100% - ((100vw - 992px)/2) - 2rem)}}@media only screen and (max-width: 991px){#nbp-filter-drawer{width:100%}#nbp-filter-drawer .drawer-container{width:calc(100% - ((100vw - 768px)/2) - 2rem);margin-left:auto;margin-right:2rem;margin-top:0rem}}@media only screen and (max-width: 767px){#nbp-filter-drawer .drawer-container{width:calc(100% - ((100vw - 600px)/2) - 1rem)}#nbp-filter-drawer .drawer-header{margin-left:2rem}}@media only screen and (max-width: 640px){#nbp-filter-drawer .drawer-container{width:calc(100% - ((100vw - 480px)/2) - 1rem)}}@media only screen and (max-width: 499px){#nbp-filter-drawer .drawer-container{width:calc(100% - ((100vw - 360px)/2) - 1rem)}}@media only screen and (max-width: 370px){#nbp-filter-drawer .drawer-container{width:calc(100% - ((100vw - 310px)/2) - 1rem)}}div.drawer-overlay{display:none;position:fixed;height:100%;width:100%;background:#212121;opacity:.3;z-index:999;top:0}
/*# sourceMappingURL=/cdn/shop/t/280/assets/nbp-filter-drawer.css.map */