.custom-sidebar-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:2.5rem;align-items:start}.custom-sidebar{position:sticky;top:1rem}.custom-page-content{min-width:0}.custom-sidebar__nav{list-style:none;margin:0;padding:0;border-left:3px solid #000}.custom-sidebar__item{margin:0;padding:0}.custom-sidebar__link{display:block;padding:.75rem 0 .75rem 1.25rem;text-decoration:none;color:#000;font-size:1.4rem;font-family:var(--font-body-family);font-weight:var(--font-body-weight, 400);letter-spacing:var(--font-body-letter-spacing, 0);transition:color .2s ease,padding-left .2s ease,background-color .2s ease,border-color .2s ease;border-left:3px solid transparent;margin-left:-3px}.custom-sidebar__link:hover{color:#666;padding-left:1.5rem}.custom-sidebar__item--active .custom-sidebar__link{font-weight:700;color:#000;border-left-color:#000;background-color:#f5f5f5}@media screen and (max-width:768px){.custom-sidebar-layout{grid-template-columns:1fr;gap:1.25rem}.custom-sidebar{order:1;position:relative;top:auto;overflow:hidden;margin-inline:-1.5rem;padding-inline:1.5rem}.custom-page-content{order:2}.custom-sidebar:after{content:"";position:absolute;top:0;right:0;bottom:0;width:4rem;background:linear-gradient(to left,var(--color-background, rgb(var(--color-background))),transparent);pointer-events:none;opacity:1;transition:opacity .2s ease}.custom-sidebar.is-at-end:after{opacity:0}.custom-sidebar__nav{display:flex;flex-wrap:nowrap;gap:.5rem;overflow-x:auto;overflow-y:hidden;border-left:none;border-bottom:1px solid rgba(0,0,0,.12);padding:0 .25rem .75rem;scroll-snap-type:x mandatory;scroll-padding-inline:1.5rem;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.custom-sidebar__nav::-webkit-scrollbar{display:none}.custom-sidebar__item{flex:0 0 auto;scroll-snap-align:start;white-space:nowrap}.custom-sidebar__link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border:1px solid rgba(0,0,0,.14);border-left:none;border-bottom:2px solid transparent;border-radius:999px;margin-left:0;font-size:1.3rem;line-height:1.2;white-space:nowrap;text-overflow:clip;background-color:rgb(var(--color-background))}.custom-sidebar__link:hover{padding-left:16px;color:#000}.custom-sidebar__item--active .custom-sidebar__link{color:#fff;border-color:#000;border-left:none;border-bottom-color:#000;background-color:#000}}@media screen and (min-width:769px){.custom-sidebar:after{display:none}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/custom-sidebar.css.map */