.sunshine-shell{display:flex;flex-direction:column;min-height:0}.sunshine-shell #MainContent{flex:1}sunshine-toolbars{position:sticky;top:calc(var(--announcement-bar-height, 0px) + var(--header-height, 0px));z-index:3;display:block;flex:0 0 auto;transition:transform .25s ease}sunshine-toolbars.sunshine-toolbars--header-hidden{transform:translateY(-100%)}.nav-toolbar-wrapper{width:100%;background:rgb(var(--color-background));transition:padding .18s ease}.sunshine-toolbars--compact .nav-toolbar{padding-top:.3rem;padding-bottom:.3rem}.nav-toolbar{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:.4rem;margin:0;padding:.4rem .8rem;list-style:none;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none}.nav-toolbar::-webkit-scrollbar{display:none}.nav-toolbar__item{flex:0 0 auto;scroll-snap-align:start}.nav-toolbar__pill{display:inline-flex;align-items:center;white-space:nowrap;padding:.4rem .7rem;border-radius:999px;font-size:1.05rem;letter-spacing:.01rem;text-decoration:none;color:rgba(var(--color-foreground),.75);background:rgba(var(--color-foreground),.06);transition:background-color .18s ease,color .18s ease,transform .18s ease}.nav-toolbar__pill:hover{background:rgba(var(--color-foreground),.1)}.nav-toolbar__pill:active{transform:scale(.96)}.nav-toolbar__pill--active{color:rgb(var(--color-button-text));background:rgb(var(--color-button))}.nav-toolbar--collection{background:rgba(var(--color-foreground),.025);box-shadow:0 .2rem .8rem rgba(var(--color-shadow),.07)}.nav-toolbar--collection .nav-toolbar{padding-top:.6rem;padding-bottom:.6rem}sunshine-toolbars.sunshine-toolbars--compact .nav-toolbar--collection .nav-toolbar{padding-top:.35rem;padding-bottom:.35rem}.nav-toolbar--collection .nav-toolbar__pill{padding:.75rem .8rem}@media screen and (min-width:990px){sunshine-toolbars,.nav-toolbar-wrapper{display:none}}#shopify-section-template--27767081992473__ss_collection_5_mb7bH6,#shopify-section-template--27767081992473__ss_collection_5_UEUkKm{scroll-margin-top:calc(var(--announcement-bar-height, 0px) + var(--header-height, 0px) + var(--sunshine-toolbars-height, 0px) + 16px)}
/*# sourceMappingURL=/cdn/shop/t/19/assets/component-nav-toolbars.css.map */