:root{--sidebar-bg: rgba(0, 0, 0, .95);--sidebar-glassmorphism: rgba(255, 255, 255, .05);--sidebar-border: rgba(255, 255, 255, .1);--sidebar-accent: #ff0080;--sidebar-accent-glow: rgba(255, 0, 128, .4);--sidebar-text: #ffffff;--sidebar-text-muted: rgba(255, 255, 255, .7);--sidebar-transition: all .3s cubic-bezier(.4, 0, .2, 1);--sidebar-shadow: 0 20px 60px rgba(0, 0, 0, .5);--sidebar-hover-shadow: 0 25px 80px rgba(255, 0, 128, .2)}.menu-drawer{background:var(--sidebar-bg)!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--sidebar-border);box-shadow:var(--sidebar-shadow);position:relative;overflow:hidden}.menu-drawer:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ff008008,#ff008014);opacity:.6;z-index:1}.menu-drawer__inner-container{position:relative;z-index:2}.menu-drawer__navigation-container{background:var(--sidebar-glassmorphism);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:0 20px 20px 0;margin:1rem;overflow:hidden;box-shadow:0 10px 40px #0000004d}.menu-drawer__navigation{padding:2rem 0;background:linear-gradient(180deg,rgba(255,0,128,.05) 0%,transparent 50%)}.menu-drawer__menu-item{padding:1.5rem 3rem!important;text-decoration:none!important;font-size:1.6rem!important;font-weight:600!important;color:var(--sidebar-text)!important;transition:var(--sidebar-transition)!important;position:relative;overflow:hidden;border-radius:0 25px 25px 0;margin:.5rem 1rem .5rem 0}.menu-drawer__menu-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--sidebar-accent) 0%,rgba(255,0,128,.6) 100%);transition:var(--sidebar-transition);opacity:0}.menu-drawer__menu-item:hover:before{opacity:1;width:6px;background:linear-gradient(180deg,var(--sidebar-accent) 0%,#ff4da6 100%)}.menu-drawer__menu-item:hover{background:var(--sidebar-glassmorphism)!important;color:var(--sidebar-accent)!important;transform:translate(10px);box-shadow:var(--sidebar-hover-shadow);text-shadow:0 0 10px var(--sidebar-accent-glow)}.menu-drawer__menu-item--active{background:linear-gradient(90deg,rgba(255,0,128,.1) 0%,transparent 100%)!important;color:var(--sidebar-accent)!important;font-weight:700!important;text-shadow:0 0 15px var(--sidebar-accent-glow)}.menu-drawer__menu-item--active:before{opacity:1;width:6px;background:linear-gradient(180deg,var(--sidebar-accent) 0%,#ff4da6 100%)}.menu-drawer__close-button{background:var(--sidebar-glassmorphism)!important;border:1px solid var(--sidebar-border)!important;border-radius:12px!important;margin:1rem!important;padding:1rem 2rem!important;color:var(--sidebar-text)!important;transition:var(--sidebar-transition)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.menu-drawer__close-button:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--sidebar-accent) 0%,rgba(255,0,128,.6) 100%);transition:var(--sidebar-transition);opacity:0}.menu-drawer__close-button:hover:before{opacity:1;width:6px;background:linear-gradient(180deg,var(--sidebar-accent) 0%,#ff4da6 100%)}.menu-drawer__close-button:hover{background:#ff00801a!important;color:var(--sidebar-accent)!important;transform:translate(5px);box-shadow:0 8px 25px #ff008033}.menu-drawer__utility-links{background:var(--sidebar-glassmorphism)!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px 0 0 20px;margin:1rem;margin-top:0;padding:2rem!important;border:1px solid var(--sidebar-border);position:relative;overflow:hidden}.menu-drawer__utility-links:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ff008008,#ff008014);opacity:.6;z-index:1}.menu-drawer__utility-links>*{position:relative;z-index:2}.menu-drawer__account{background:var(--sidebar-glassmorphism)!important;border:1px solid var(--sidebar-border)!important;border-radius:12px!important;padding:1rem 1.5rem!important;color:var(--sidebar-text)!important;transition:var(--sidebar-transition)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;margin-bottom:1rem!important}.menu-drawer__account:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--sidebar-accent) 0%,rgba(255,0,128,.6) 100%);transition:var(--sidebar-transition);opacity:0}.menu-drawer__account:hover:before{opacity:1;width:6px;background:linear-gradient(180deg,var(--sidebar-accent) 0%,#ff4da6 100%)}.menu-drawer__account:hover{background:#ff00801a!important;color:var(--sidebar-accent)!important;transform:translate(5px);box-shadow:0 8px 25px #ff008033}.menu-drawer .list-social{justify-content:center!important;margin:0!important;gap:1rem}.menu-drawer .list-social__link{background:var(--sidebar-glassmorphism)!important;border:1px solid var(--sidebar-border)!important;border-radius:50%!important;padding:1rem!important;transition:var(--sidebar-transition)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;width:50px;height:50px;display:flex;align-items:center;justify-content:center}.menu-drawer .list-social__link:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--sidebar-accent) 0%,rgba(255,0,128,.8) 100%);border-radius:50%;opacity:0;transition:var(--sidebar-transition)}.menu-drawer .list-social__link:hover:before{opacity:1}.menu-drawer .list-social__link:hover{transform:scale(1.1);box-shadow:0 8px 25px #ff00804d;border-color:var(--sidebar-accent)}.menu-drawer .list-social__link .svg-wrapper{position:relative;z-index:2;transition:var(--sidebar-transition)}.menu-drawer .list-social__link:hover .svg-wrapper{color:#fff;transform:scale(1.1)}.menu-drawer__submenu{background:var(--sidebar-bg)!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--sidebar-border);box-shadow:var(--sidebar-shadow)}.menu-drawer__submenu .menu-drawer__menu-item{padding:1.2rem 2.5rem!important;font-size:1.4rem!important;margin:.3rem .5rem .3rem 0}.menu-drawer__menu-item .svg-wrapper{transition:var(--sidebar-transition)}.menu-drawer__menu-item:hover .svg-wrapper{transform:translate(5px);color:var(--sidebar-accent)}.menu-drawer__account account-icon>.svg-wrapper{transition:var(--sidebar-transition)}.menu-drawer__account:hover account-icon>.svg-wrapper{transform:scale(1.1);color:var(--sidebar-accent)}@media (max-width: 749px){.menu-drawer__navigation-container{margin:.5rem;border-radius:0 15px 15px 0}.menu-drawer__menu-item{padding:1.2rem 2rem!important;font-size:1.4rem!important;margin-right:.5rem}.menu-drawer__utility-links{margin:.5rem;margin-top:0;border-radius:15px 0 0 15px;padding:1.5rem!important}.menu-drawer .list-social__link{width:45px;height:45px;padding:.8rem!important}}@media (prefers-reduced-motion: reduce){.menu-drawer__menu-item,.menu-drawer__close-button,.menu-drawer__account,.menu-drawer .list-social__link{transition:none!important}.menu-drawer__menu-item:hover,.menu-drawer__close-button:hover,.menu-drawer__account:hover,.menu-drawer .list-social__link:hover{transform:none!important}}@media (prefers-contrast: high){.menu-drawer,.menu-drawer__navigation-container,.menu-drawer__utility-links,.menu-drawer__menu-item,.menu-drawer__close-button,.menu-drawer__account{border-width:2px}}.menu-drawer__menu-item:focus-visible,.menu-drawer__close-button:focus-visible,.menu-drawer__account:focus-visible,.menu-drawer .list-social__link:focus-visible{outline:2px solid var(--sidebar-accent);outline-offset:2px}@keyframes sidebarSlideIn{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.menu-drawer{animation:sidebarSlideIn .4s cubic-bezier(.4,0,.2,1)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.menu-drawer__menu-item--active{background:linear-gradient(90deg,#ff00801a 25%,#ff008033,#ff00801a 75%)!important;background-size:200% 100%;animation:shimmer 2s infinite}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-modern-sidebar.css.map */