.sidebar-popup{position:fixed;top:0;right:calc(-45% - 1rem);width:calc(45% + 1rem);max-width:calc(100% - 2rem);height:100%;background:#fff;box-shadow:-2px 0 10px #0003;transition:right .5s ease;z-index:1000}.sidebar-popup.active{right:0}.sidebar-content{position:relative;padding:4rem;height:100%;z-index:999;background:#fff}.close-sidebar{position:absolute;top:1rem;right:2rem;font-size:4rem;background:none;border:none;cursor:pointer;font-weight:400}.sidebar-popup.active .overlay{display:block;position:fixed;left:0;top:0;width:100%;height:100%;background:#00000040;z-index:100}@media (min-width: 541px){.sidebar-popup.active .overlay{width:100%}}button.open-sidebar,button.tab-button{margin:0;padding:.5rem 0;cursor:pointer;background:transparent;border:0;position:relative;font-family:var(--font-body-family);font-size:1.4rem;text-transform:capitalize;color:rgb(var(--color-foreground))}button.open-sidebar:before{content:"";position:absolute;z-index:1;left:0;width:0;bottom:0;background:#2e2e2e;border-bottom:1px solid #2e2e2e;transition:width .3s cubic-bezier(.25,.1,.25,1) 0s}button.open-sidebar:hover:before{width:100%;transition:width .3s cubic-bezier(.25,.1,.25,1) 0s}.sidebar-popups-content .sidebar-tabs-button{display:flex;align-items:center;flex-wrap:wrap;gap:2rem;justify-content:space-between;position:sticky;bottom:0;left:0;width:100%;padding:3rem 4rem;background:#fff;max-width:45rem;margin:0 auto}.sidebar-popups-content .sidebar-content{padding:8rem 0 10rem}.sidebar-popups-content .inner__container{display:flex;flex-direction:column;align-items:center;height:100%;overflow:auto;padding:0 4rem}.sidebar-popups-content .inner__container .tab-content{max-width:37rem}.sidebar-popups-content .inner__container .rte{font-size:1.4rem}.tab-content{display:none}.tab-content.active{display:block}button.tab-button:before,.tab-button.active:before{content:"";position:absolute;z-index:1;left:0;width:0;bottom:0;background:#2e2e2e;border-bottom:1px solid #2e2e2e;transition:width .3s cubic-bezier(.25,.1,.25,1) 0s}button.tab-button:hover:before,.tab-button.active:before{width:100%;transition:width .3s cubic-bezier(.25,.1,.25,1) 0s}@media (max-width: 749px){.sidebar-popup{right:-55rem;width:55rem;max-width:calc(100% - 2rem)}.main-size-guide-popup .sidebar-content{padding:2rem 3rem!important}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/sidebar-popup.css.map */