sasaro-side-nav{--sasaro-side-rail: 5.2rem;--sasaro-side-panel: 26rem;--sasaro-side-gap: .4rem;position:fixed;z-index:30;top:50%;left:0;display:flex;align-items:stretch;max-height:90vh;translate:0 -50%;transform:translate(calc(-100% - 1rem));opacity:0;visibility:hidden;pointer-events:none;transition:transform .46s var(--sasaro-ease-out),opacity .3s var(--sasaro-ease-out),visibility 0s linear .46s}sasaro-side-nav.is-visible{transform:none;opacity:1;visibility:visible;transition:transform .52s var(--sasaro-ease-spring),opacity .3s var(--sasaro-ease-out),visibility 0s}.sasaro-side-nav__rail,.sasaro-side-nav__panel{pointer-events:auto}.sasaro-side-nav__rail{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sasaro-side-gap);width:var(--sasaro-side-rail);padding:var(--sasaro-space-xs) 0;border-radius:0 var(--sasaro-radius-lg) var(--sasaro-radius-lg) 0;background-color:var(--sasaro-surface);box-shadow:var(--sasaro-shadow-lg)}sasaro-side-nav.is-open .sasaro-side-nav__rail{border-radius:0}@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){.sasaro-side-nav__rail{background-color:color-mix(in srgb,var(--sasaro-surface) 78%,transparent);-webkit-backdrop-filter:blur(1.2rem);backdrop-filter:blur(1.2rem)}}.sasaro-side-nav__button{position:relative;display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;padding:0;border:0;border-radius:var(--sasaro-radius-full);background:transparent;color:var(--sasaro-text);cursor:pointer;text-decoration:none;transition:background-color var(--sasaro-transition-fast),color var(--sasaro-transition-fast),transform var(--sasaro-transition-fast) var(--sasaro-ease-spring)}.sasaro-side-nav__button:hover{background-color:var(--sasaro-bg-subtle);color:var(--sasaro-blue)}.sasaro-side-nav__button:active{transform:scale(.92)}.sasaro-side-nav__button:focus-visible,.sasaro-side-nav__top:focus-visible,.sasaro-side-nav__link:focus-visible{outline:2px solid var(--sasaro-blue);outline-offset:2px}.sasaro-side-nav__icon{display:inline-flex;width:2rem;height:2rem}.sasaro-side-nav__icon svg{width:100%;height:100%}.sasaro-side-nav__button--toggle{display:grid;place-items:center}.sasaro-side-nav__button--toggle .sasaro-side-nav__icon{grid-area:1 / 1;transition:transform .36s var(--sasaro-ease-spring),opacity .2s var(--sasaro-ease-out)}.sasaro-side-nav__icon--close{transform:rotate(-90deg) scale(.4);opacity:0}.sasaro-side-nav__button--toggle[aria-expanded=true] .sasaro-side-nav__icon--open{transform:rotate(90deg) scale(.4);opacity:0}.sasaro-side-nav__button--toggle[aria-expanded=true] .sasaro-side-nav__icon--close{transform:none;opacity:1}.sasaro-side-nav__theme{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem}.sasaro-side-nav__count{position:absolute;top:.4rem;right:.4rem;min-width:1.8rem;padding:0 .4rem;border-radius:var(--sasaro-radius-full);background-color:var(--sasaro-red);color:#fff;font-size:1.1rem;font-weight:600;line-height:1.8rem;text-align:center}.sasaro-side-nav__panel{display:flex;flex-direction:column;gap:var(--sasaro-space-md);width:var(--sasaro-side-panel);margin-left:-.1rem;padding:var(--sasaro-space-md) var(--sasaro-space-md) var(--sasaro-space-md) var(--sasaro-space-sm);border-radius:0 var(--sasaro-radius-lg) var(--sasaro-radius-lg) 0;background-color:var(--sasaro-surface);box-shadow:var(--sasaro-shadow-lg);overflow-y:auto;overscroll-behavior:contain;transform:scaleX(.02);transform-origin:left center;opacity:0;visibility:hidden;transition:transform .42s var(--sasaro-ease-out),opacity .26s var(--sasaro-ease-out),visibility 0s linear .42s}sasaro-side-nav.is-open .sasaro-side-nav__panel{transform:none;opacity:1;visibility:visible;transition:transform .48s var(--sasaro-ease-out),opacity .26s var(--sasaro-ease-out) 60ms,visibility 0s}.sasaro-side-nav__view>*{opacity:0;transform:translate(-1.2rem);transition:opacity .26s var(--sasaro-ease-out),transform .38s var(--sasaro-ease-out)}sasaro-side-nav.is-open .sasaro-side-nav__view>*{opacity:1;transform:none}sasaro-side-nav.is-open .sasaro-side-nav__view>:nth-child(1){transition-delay:.12s}sasaro-side-nav.is-open .sasaro-side-nav__view>:nth-child(2){transition-delay:.18s}sasaro-side-nav.is-open .sasaro-side-nav__view>:nth-child(3){transition-delay:.24s}.sasaro-side-nav__view{display:flex;flex-direction:column;gap:var(--sasaro-space-md);min-height:0}.sasaro-side-nav__view[hidden]{display:none}.sasaro-side-nav__title{margin:0;color:var(--sasaro-text-muted);font-size:1.2rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.sasaro-side-nav__nav{min-height:0}.sasaro-side-nav__list,.sasaro-side-nav__sublist{margin:0;padding:0;list-style:none}.sasaro-side-nav__link{display:flex;align-items:center;justify-content:space-between;gap:var(--sasaro-space-xs);padding:var(--sasaro-space-2xs) var(--sasaro-space-xs);border-radius:var(--sasaro-radius-sm);color:var(--sasaro-text);font-size:1.4rem;text-decoration:none;cursor:pointer;list-style:none;transition:background-color var(--sasaro-transition-fast),color var(--sasaro-transition-fast),padding-left var(--sasaro-transition-base) var(--sasaro-ease-out)}.sasaro-side-nav__link::-webkit-details-marker{display:none}.sasaro-side-nav__link:hover{background-color:var(--sasaro-bg-subtle);color:var(--sasaro-blue);padding-left:var(--sasaro-space-md)}.sasaro-side-nav__link--active{color:var(--sasaro-blue);font-weight:600}.sasaro-side-nav__link--child{padding-left:var(--sasaro-space-md);color:var(--sasaro-text-muted);font-size:1.3rem}.sasaro-side-nav__link--child:hover{padding-left:var(--sasaro-space-lg)}.sasaro-side-nav__caret{display:inline-flex;align-items:center;justify-content:center;width:1.2rem;height:1.2rem;flex:0 0 auto;transition:transform .32s var(--sasaro-ease-spring)}.sasaro-side-nav__caret .icon-caret,.sasaro-side-nav__caret svg{position:static;top:auto;right:auto;width:1.2rem;height:1.2rem}.sasaro-side-nav__group[open] .sasaro-side-nav__caret{transform:rotate(180deg)}@supports selector(::details-content){@media(prefers-reduced-motion:no-preference){.sasaro-side-nav__group::details-content{block-size:0;overflow:hidden;transition:block-size .32s var(--sasaro-ease-in-out),content-visibility .32s allow-discrete}.sasaro-side-nav__group[open]::details-content{block-size:auto}}}.sasaro-side-nav__search{display:flex;align-items:stretch;gap:var(--sasaro-space-3xs);padding:var(--sasaro-space-3xs);border:1px solid var(--sasaro-border);border-radius:var(--sasaro-radius-sm);background-color:var(--sasaro-bg-subtle);transition:border-color var(--sasaro-transition-fast)}.sasaro-side-nav__search:focus-within{border-color:var(--sasaro-blue);outline:2px solid var(--sasaro-blue);outline-offset:2px}.sasaro-side-nav__search-input{flex:1 1 auto;min-width:0;min-height:4rem;padding:0 var(--sasaro-space-xs);border:0;border-radius:var(--sasaro-radius-sm);background:transparent;color:var(--sasaro-text);font-size:1.6rem;font-family:inherit}.sasaro-side-nav__search-input::placeholder{color:var(--sasaro-text-muted)}.sasaro-side-nav__search-input:focus{outline:none}.sasaro-side-nav__search-input::-webkit-search-cancel-button{filter:grayscale(1) opacity(.6)}.sasaro-side-nav__search-submit{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:4rem;min-height:4rem;padding:0;border:0;border-radius:var(--sasaro-radius-sm);background-color:var(--sasaro-blue);color:#fff;cursor:pointer;transition:background-color var(--sasaro-transition-fast)}.sasaro-side-nav__search-submit:hover{background-color:var(--sasaro-blue-hover)}.sasaro-side-nav__hint{margin:0;color:var(--sasaro-text-muted);font-size:1.3rem}.sasaro-side-nav__cart{display:flex;flex-direction:column;gap:var(--sasaro-space-sm);min-height:0}.sasaro-side-nav__cart-loading,.sasaro-side-nav__cart-empty,.sasaro-side-nav__cart-more{margin:0;color:var(--sasaro-text-muted);font-size:1.3rem}.sasaro-side-nav__cart-items{display:flex;flex-direction:column;gap:var(--sasaro-space-sm);margin:0;padding:0;list-style:none}.sasaro-side-nav__cart-item{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:var(--sasaro-space-xs)}.sasaro-side-nav__cart-thumb{width:5.6rem;height:7rem;object-fit:contain;border-radius:var(--sasaro-radius-sm);background-color:var(--sasaro-bg-subtle)}.sasaro-side-nav__cart-info{display:flex;flex-direction:column;gap:var(--sasaro-space-3xs);min-width:0}.sasaro-side-nav__cart-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--sasaro-text);font-size:1.3rem;line-height:1.35;text-decoration:none}.sasaro-side-nav__cart-title:hover{color:var(--sasaro-blue)}.sasaro-side-nav__cart-variant,.sasaro-side-nav__cart-qty{color:var(--sasaro-text-muted);font-size:1.2rem}.sasaro-side-nav__cart-line{color:var(--sasaro-text);font-size:1.3rem;font-weight:600;white-space:nowrap}.sasaro-side-nav__cart-subtotal{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sasaro-space-xs);padding-top:var(--sasaro-space-sm);border-top:1px solid var(--sasaro-border);color:var(--sasaro-text-muted);font-size:1.3rem}.sasaro-side-nav__cart-subtotal strong{color:var(--sasaro-text);font-size:1.6rem}.sasaro-side-nav__cart-actions{display:flex;flex-direction:column;gap:var(--sasaro-space-2xs)}.sasaro-side-nav__cart-actions[hidden]{display:none}.sasaro-side-nav__cart-link,.sasaro-side-nav__cart-checkout{display:flex;align-items:center;justify-content:center;min-height:4.4rem;padding:0 var(--sasaro-space-md);border-radius:var(--sasaro-radius-sm);font-size:1.4rem;font-weight:600;text-align:center;text-decoration:none;transition:background-color var(--sasaro-transition-fast),color var(--sasaro-transition-fast)}.sasaro-side-nav__cart-link{background-color:var(--sasaro-blue);color:#fff}.sasaro-side-nav__cart-link:hover{background-color:var(--sasaro-blue-hover)}.sasaro-side-nav__cart-checkout{border:1px solid var(--sasaro-border);color:var(--sasaro-text)}.sasaro-side-nav__cart-checkout:hover{background-color:var(--sasaro-bg-subtle);color:var(--sasaro-blue)}.sasaro-side-nav__footer{display:flex;flex-direction:column;gap:var(--sasaro-space-xs);padding-top:var(--sasaro-space-sm);border-top:1px solid var(--sasaro-border)}.sasaro-side-nav__mode{display:flex;align-items:center;justify-content:space-between;gap:var(--sasaro-space-xs)}.sasaro-side-nav__mode-label{color:var(--sasaro-text-muted);font-size:1.3rem}.sasaro-side-nav__localization{flex:0 0 auto}.sasaro-side-nav__localization .localization-form{padding:0}.sasaro-side-nav__localization .localization-form:only-child{padding:0;margin:0}.sasaro-side-nav__localization .disclosure__button{min-height:4.4rem;color:var(--sasaro-text)}.sasaro-side-nav__localization .disclosure__button:hover,.sasaro-side-nav__localization .disclosure__button:focus-visible{color:var(--sasaro-blue)}.sasaro-side-nav__localization .disclosure__button:focus-visible{outline:2px solid var(--sasaro-blue);outline-offset:2px}.sasaro-side-nav__localization .disclosure__list-wrapper{right:0;box-shadow:var(--sasaro-shadow-md)}.sasaro-side-nav__top{display:inline-flex;align-items:center;gap:var(--sasaro-space-2xs);color:var(--sasaro-blue);font-size:1.3rem;font-weight:600;text-decoration:none}.sasaro-side-nav__top-arrow{transition:transform var(--sasaro-transition-base) var(--sasaro-ease-spring)}.sasaro-side-nav__top:hover .sasaro-side-nav__top-arrow{transform:translateY(-.3rem)}.sasaro-side-nav__quick{display:none}.sasaro-side-nav__quick-link{display:flex;align-items:center;gap:var(--sasaro-space-xs);min-height:4.4rem;padding:0 var(--sasaro-space-xs);border-radius:var(--sasaro-radius-sm);color:var(--sasaro-text);font-size:1.4rem;text-decoration:none;transition:background-color var(--sasaro-transition-fast)}.sasaro-side-nav__quick-link:hover{background-color:var(--sasaro-bg-subtle)}.sasaro-side-nav__count--inline{position:static;margin-left:auto}@media screen and (max-width:749px){sasaro-side-nav{--sasaro-side-panel: min(32rem, calc(100vw - 8.4rem) );top:auto;bottom:max(1.6rem,env(safe-area-inset-bottom,0px));left:max(1.2rem,env(safe-area-inset-left,0px));translate:none;align-items:flex-end;max-height:calc(100dvh - 3.2rem)}.sasaro-side-nav__rail{width:5.2rem;padding:0;gap:var(--sasaro-space-xs);background-color:transparent;box-shadow:none;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none}sasaro-side-nav.is-open .sasaro-side-nav__rail{border-radius:0}.sasaro-side-nav__rail>:not(.sasaro-side-nav__button--toggle):not(.sasaro-side-nav__button--cart){display:none}.sasaro-side-nav__quick{display:flex;flex-direction:column}.sasaro-side-nav__button{width:5.2rem;height:5.2rem}.sasaro-side-nav__button--toggle,.sasaro-side-nav__button--cart{background-color:var(--sasaro-surface);box-shadow:var(--sasaro-shadow-lg);border-radius:var(--sasaro-radius-full)}@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){.sasaro-side-nav__button--toggle,.sasaro-side-nav__button--cart{background-color:color-mix(in srgb,var(--sasaro-surface) 82%,transparent);-webkit-backdrop-filter:blur(1.2rem);backdrop-filter:blur(1.2rem)}}.sasaro-side-nav__button--cart{order:1}.sasaro-side-nav__button--toggle{order:2}.sasaro-side-nav__button--cart .sasaro-side-nav__count{top:-.2rem;right:-.2rem}.sasaro-side-nav__panel{margin-left:var(--sasaro-space-xs);padding:var(--sasaro-space-md);border-radius:var(--sasaro-radius-lg);transform-origin:left bottom;max-height:calc(100dvh - 10rem)}.sasaro-side-nav__link{min-height:4.4rem;font-size:1.5rem}.sasaro-side-nav__link--child{min-height:4rem;font-size:1.4rem}.sasaro-side-nav__top{min-height:4.4rem;padding:var(--sasaro-space-2xs) 0}.sasaro-side-nav__search-input,.sasaro-side-nav__search-submit{min-height:4.4rem}.sasaro-side-nav__search-submit{width:4.4rem}sasaro-side-nav:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-color:#00000080;opacity:0;visibility:hidden;transition:opacity .32s var(--sasaro-ease-out),visibility 0s linear .32s}sasaro-side-nav.is-open:before{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .32s var(--sasaro-ease-out),visibility 0s}}@media screen and (max-width:749px)and (max-height:520px){sasaro-side-nav{max-height:calc(100dvh - 1.6rem)}.sasaro-side-nav__panel{max-height:calc(100dvh - 3.2rem)}}@media print{sasaro-side-nav{display:none}}@media(prefers-reduced-motion:reduce){sasaro-side-nav,sasaro-side-nav.is-visible,.sasaro-side-nav__panel,sasaro-side-nav.is-open .sasaro-side-nav__panel,.sasaro-side-nav__view>*,sasaro-side-nav.is-open .sasaro-side-nav__view>*,.sasaro-side-nav__button,.sasaro-side-nav__button--toggle .sasaro-side-nav__icon,.sasaro-side-nav__caret,.sasaro-side-nav__link{transition:none}.sasaro-side-nav__panel{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/sasaro-side-nav.css.map */