.sampa-side-nav-section{position:absolute!important;top:0;right:0;width:0!important;height:0!important;margin:0!important;padding:0!important;overflow:visible!important}.sampa-side-nav{position:fixed!important;z-index:60;top:0;right:0;bottom:0;display:block;width:180px;max-width:none;height:100vh;height:100dvh;overflow:hidden;box-sizing:border-box;color:#fff;contain:layout paint;transform:translate(140px);transition:transform .3s ease}.sampa-side-nav:hover,.sampa-side-nav:focus-within,.sampa-side-nav.is-open{transform:translate(0)}.sampa-side-nav__panel{display:grid;width:100%;height:100%;align-items:center;background:transparent;box-shadow:none;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);transition:background .24s ease,box-shadow .24s ease,backdrop-filter .24s ease}.sampa-side-nav:hover .sampa-side-nav__panel,.sampa-side-nav:focus-within .sampa-side-nav__panel,.sampa-side-nav.is-open .sampa-side-nav__panel{background:#05091294;box-shadow:-16px 0 38px #00000029;-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%)}.sampa-side-nav ol{position:relative;display:grid;gap:2px;margin:0;padding:24px 0;list-style:none}.sampa-side-nav ol:before{position:absolute;z-index:0;top:12px;bottom:12px;left:4px;width:32px;border:1px solid rgba(15,23,42,.18);border-radius:999px;background:#ffffff57;box-shadow:0 10px 30px #00000029,inset 0 0 0 1px #ffffff94;-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%);content:"";pointer-events:none;opacity:1;transition:opacity .18s ease}.sampa-side-nav:hover ol:before,.sampa-side-nav:focus-within ol:before,.sampa-side-nav.is-open ol:before{opacity:0}.sampa-side-nav li{position:relative;z-index:1}.sampa-side-nav a{position:relative;display:grid;min-height:44px;grid-template-columns:40px minmax(0,1fr);align-items:center;padding:0 16px 0 0;color:#ffffffb8;font-size:13px;font-weight:700;text-decoration:none;transition:background .16s ease,color .16s ease}.sampa-side-nav__dot{position:relative;display:block;width:6px;height:6px;justify-self:center;border:1px solid rgba(6,10,18,.78);border-radius:50%;background:#fff;box-shadow:0 0 0 1px #fffffff0,0 2px 7px #0000007a}.sampa-side-nav__dot:after{position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;border:1px solid transparent;border-radius:50%;box-shadow:none;content:"";transition:border-color .16s ease,box-shadow .16s ease}.sampa-side-nav__label{min-width:0;padding-left:12px;white-space:nowrap}.sampa-side-nav a:hover{background:#f5a00724;color:#fff}.sampa-side-nav a.is-active{background:transparent;color:#fff}.sampa-side-nav:hover a.is-active,.sampa-side-nav:focus-within a.is-active,.sampa-side-nav.is-open a.is-active{background:#f5a0071f}.sampa-side-nav a:hover .sampa-side-nav__dot,.sampa-side-nav a.is-active .sampa-side-nav__dot{border-color:#fff;background:#f5a007;box-shadow:0 0 0 1px #060a12c7,0 2px 8px #00000080}.sampa-side-nav a.is-active .sampa-side-nav__dot:after{border-color:#f5a007;box-shadow:0 0 0 1px #ffffffeb,0 3px 10px #00000052}.sampa-side-nav a:focus-visible{outline:2px solid #F5A007;outline-offset:-2px}@media screen and (max-width:749px){.sampa-side-nav{width:168px;transform:translate(128px)}.sampa-side-nav:hover,.sampa-side-nav:focus-within{transform:translate(128px)}.sampa-side-nav.is-open{transform:translate(0)}.sampa-side-nav:hover:not(.is-open) .sampa-side-nav__panel,.sampa-side-nav:focus-within:not(.is-open) .sampa-side-nav__panel{background:transparent;box-shadow:none;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}.sampa-side-nav:hover:not(.is-open) ol:before,.sampa-side-nav:focus-within:not(.is-open) ol:before{opacity:1}.sampa-side-nav.is-open .sampa-side-nav__panel{background:#05091294;box-shadow:-16px 0 38px #00000029;-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%)}.sampa-side-nav a{grid-template-columns:40px minmax(0,1fr);font-size:12px}}@media(prefers-reduced-motion:reduce){.sampa-side-nav{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/sampa-side-nav.css.map */