:root{--spottedfern-sidebar-width: 248px}.spottedfern-sidebar{display:none}@media screen and (min-width:750px){body.spottedfern-sidebar-layout .page-wrapper{padding-left:var(--spottedfern-sidebar-width)}body.spottedfern-sidebar-layout #header-group .header-section{display:none!important}.spottedfern-sidebar{position:fixed;inset:0 auto 0 0;z-index:calc(var(--layer-menu-drawer, 20) + 2);display:flex;width:var(--spottedfern-sidebar-width);min-height:100vh;min-height:100dvh;overflow-y:auto;background:var(--color-background, #ffffff);color:var(--color-foreground, #191919);border-right:1px solid var(--color-border, rgba(0, 0, 0, .14))}.spottedfern-sidebar__inner{display:flex;flex-direction:column;width:100%;min-height:100%;padding:36px 28px 28px}.spottedfern-sidebar__brand{display:block;margin-bottom:34px;color:inherit;font-family:var(--font-heading--family, inherit);font-size:1.35rem;font-weight:700;line-height:1.15;text-decoration:none}.spottedfern-sidebar__nav{flex:1 0 auto}.spottedfern-sidebar__list,.spottedfern-sidebar__sublist{margin:0;padding:0;list-style:none}.spottedfern-sidebar__item+.spottedfern-sidebar__item{margin-top:2px}.spottedfern-sidebar__link,.spottedfern-sidebar__sublink,.spottedfern-sidebar__utilities a{color:inherit;text-decoration:none}.spottedfern-sidebar__link{display:block;padding:8px 0;font-family:var(--font-body--family, inherit);font-size:.96rem;line-height:1.35}.spottedfern-sidebar__sublist{margin:0 0 6px 13px;padding-left:12px;border-left:1px solid var(--color-border, rgba(0, 0, 0, .14))}.spottedfern-sidebar__sublist--nested{margin-left:8px}.spottedfern-sidebar__sublink{display:block;padding:5px 0;font-size:.84rem;line-height:1.35;opacity:.78}.spottedfern-sidebar__link:hover,.spottedfern-sidebar__sublink:hover,.spottedfern-sidebar__utilities a:hover,.spottedfern-sidebar__link.is-active,.spottedfern-sidebar__sublink.is-active{text-decoration:underline;text-underline-offset:3px}.spottedfern-sidebar__link.is-active,.spottedfern-sidebar__sublink.is-active{font-weight:650}.spottedfern-sidebar__utilities{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:28px;padding-top:20px;border-top:1px solid var(--color-border, rgba(0, 0, 0, .14));font-size:.82rem}}@media screen and (max-width:749px){body.spottedfern-sidebar-layout .page-wrapper{padding-left:0}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/spottedfern-sidebar.css.map */