.vcc-side-menu{position:fixed;z-index:var(--vcc-side-z);inset-block:0;color:var(--vcc-side-text);pointer-events:none}body:has(.vcc-side-menu--trigger-corner){--vcc-global-side-offset: 0px}.vcc-side-menu--left{left:0}.vcc-side-menu--right{right:0}.vcc-side-menu--trigger-corner{width:0}.vcc-side-menu--trigger-corner .vcc-side-menu__rail{position:fixed;top:var(--vcc-corner-offset-y);left:var(--vcc-corner-offset-x);width:var(--vcc-corner-size);height:var(--vcc-corner-height);min-height:0;display:block;margin:0;padding:0;border:0;border-radius:0 0 var(--vcc-corner-radius) 0;background:linear-gradient(135deg,color-mix(in srgb,var(--vcc-corner-bg-1) 92%,transparent),color-mix(in srgb,var(--vcc-corner-bg-2) 86%,transparent));color:var(--vcc-side-accent);font:inherit;opacity:var(--vcc-tab-idle-opacity);box-shadow:0 16px var(--vcc-corner-glow) #0000002e,0 0 var(--vcc-corner-glow) color-mix(in srgb,var(--vcc-corner-line) 24%,transparent);cursor:pointer;pointer-events:auto;overflow:hidden;contain:paint;isolation:isolate;transition:opacity .18s ease,transform .18s ease}.vcc-side-menu--trigger-corner.vcc-side-menu--right .vcc-side-menu__rail{right:var(--vcc-corner-offset-x);left:auto;border-radius:0 0 0 var(--vcc-corner-radius)}.vcc-side-menu--trigger-corner.vcc-side-menu--corner-shape-diagonal .vcc-side-menu__rail{height:var(--vcc-corner-size);clip-path:polygon(0 0,100% 0,100% var(--vcc-corner-flat-side),var(--vcc-corner-flat-bottom) 100%,0 100%)}.vcc-side-menu--trigger-corner.vcc-side-menu--corner-shape-diagonal.vcc-side-menu--right .vcc-side-menu__rail{clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - var(--vcc-corner-flat-bottom)) 100%,0 var(--vcc-corner-flat-side))}.vcc-side-menu--trigger-corner .vcc-side-menu__rail:before{--vcc-corner-radial-layer: radial-gradient(circle at 22% 18%, rgb(255 255 255 / 28%), transparent 22%);content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--vcc-corner-radial-layer);opacity:.92;pointer-events:none}.vcc-side-menu--trigger-corner.vcc-side-menu--right .vcc-side-menu__rail:before{--vcc-corner-radial-layer: radial-gradient(circle at 78% 18%, rgb(255 255 255 / 28%), transparent 22%)}.vcc-side-menu--corner-scroll-morph.vcc-side-menu--trigger-corner.vcc-side-menu--corner-shape-diagonal.is-corner-morphed .vcc-side-menu__rail:before{background:var(--vcc-corner-radial-layer),linear-gradient(135deg,transparent 47%,var(--vcc-corner-accent-line) 48% 53%,transparent 54%);background-size:auto,calc(100% - var(--vcc-corner-flat-bottom)) calc(100% - var(--vcc-corner-flat-side));background-position:center,100% 100%;background-repeat:no-repeat}.vcc-side-menu--corner-scroll-morph.vcc-side-menu--trigger-corner.vcc-side-menu--corner-shape-diagonal.vcc-side-menu--right.is-corner-morphed .vcc-side-menu__rail:before{background-image:var(--vcc-corner-radial-layer),linear-gradient(225deg,transparent 47%,var(--vcc-corner-accent-line) 48% 53%,transparent 54%);background-position:center,0 100%}.vcc-side-menu--corner-accent-hidden .vcc-side-menu__rail{--vcc-corner-accent-line: transparent}.vcc-side-menu--trigger-corner .vcc-side-menu__rail:is(:hover,:focus-visible),.vcc-side-menu--trigger-corner.is-open .vcc-side-menu__rail{opacity:var(--vcc-tab-active-opacity);transform:translate(0);box-shadow:0 20px calc(var(--vcc-corner-glow) * 1.25) #00000038,0 0 calc(var(--vcc-corner-glow) * 1.5) color-mix(in srgb,var(--vcc-corner-line) 42%,transparent)}.vcc-side-menu--trigger-corner .vcc-side-menu__rail:focus-visible{outline:2px solid currentColor;outline-offset:-4px}@property --vcc-unified-flow-offset{syntax: "<length>"; inherits: true; initial-value: 0px;}:root:has(.vcc-side-menu[data-vcc-unified-color-enabled=true]) .vcc-site-header .vcc-announcement,.vcc-side-menu[data-vcc-unified-color-enabled=true].vcc-side-menu--trigger-corner .vcc-side-menu__rail{animation:vccUnifiedColorClock var(--vcc-unified-flow-speed) linear infinite;background-image:var(--vcc-unified-grid-layer),var(--vcc-unified-pattern-layer),var(--vcc-unified-flow-gradient);background-size:var(--vcc-unified-grid-size) var(--vcc-unified-grid-size),var(--vcc-unified-grid-size) var(--vcc-unified-grid-size),var(--vcc-unified-pattern-size),var(--vcc-unified-flow-width) 100%;background-repeat:repeat,repeat,repeat,repeat-x;background-position:var(--vcc-unified-position-x, 0px) 0,var(--vcc-unified-position-x, 0px) 0,var(--vcc-unified-position-x, 0px) 0,calc(var(--vcc-unified-position-x, 0px) - var(--vcc-unified-flow-offset, 0px)) center}:root:has(.vcc-side-menu[data-vcc-unified-color-enabled=true]) .vcc-site-header .vcc-announcement{--vcc-unified-position-x: calc(var(--vcc-unified-announcement-left, 0px) * -1)}.vcc-side-menu[data-vcc-unified-color-enabled=true]{--vcc-side-accent: color-mix(in srgb, var(--vcc-side-accent-config, #ff6534) var(--vcc-unified-side-setting-blend, 20%), var(--vcc-unified-warm, #ff6534));--vcc-corner-line: color-mix(in srgb, var(--vcc-side-accent-config, #ff6534) var(--vcc-unified-side-setting-blend, 20%), var(--vcc-unified-warm, #ff6534))}.vcc-side-menu[data-vcc-unified-color-enabled=true].vcc-side-menu--trigger-corner .vcc-side-menu__rail{--vcc-unified-position-x: calc(var(--vcc-corner-offset-x, 0px) * -1);--vcc-corner-accent-line: color-mix(in srgb, var(--vcc-unified-warm) 84%, #fff);color:var(--vcc-unified-warm)}.vcc-side-menu[data-vcc-unified-color-enabled=true].vcc-side-menu--trigger-corner.vcc-side-menu--right .vcc-side-menu__rail{--vcc-unified-position-x: calc((100vw - var(--vcc-corner-size) - var(--vcc-corner-offset-x)) * -1)}html.vcc-overlay-open .vcc-side-menu[data-vcc-unified-color-enabled=true] .vcc-side-menu__rail{animation-play-state:paused!important}.vcc-side-menu--trigger-corner .vcc-side-menu__mark{position:absolute;z-index:2;top:var(--vcc-corner-icon-y);left:var(--vcc-corner-icon-x);width:var(--vcc-corner-icon-size);height:var(--vcc-corner-icon-size);display:block;transform:rotate(var(--vcc-corner-icon-rotate))}.vcc-side-menu--trigger-corner.vcc-side-menu--right .vcc-side-menu__mark{right:16px;left:auto}.vcc-side-menu__mark img{width:100%;height:100%;display:block;object-fit:contain}.vcc-side-menu--pulse .vcc-side-menu__mark{animation:vccSideMarkPulse var(--vcc-side-pulse-speed) ease-in-out infinite}.vcc-side-menu--trigger-corner .vcc-side-menu__label{position:absolute;z-index:2;left:var(--vcc-corner-label-x);top:var(--vcc-corner-label-y);width:min-content;color:currentColor;font-family:var(--font-primary--family, var(--font-body--family, Inter, sans-serif));font-size:var(--vcc-corner-label-size);font-weight:800;line-height:1;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 1px 10px rgb(0 0 0 / 32%);white-space:nowrap;transform:rotate(calc(var(--vcc-corner-label-base-rotate, 0deg) + var(--vcc-corner-label-rotate)));transform-origin:left center}.vcc-side-menu--trigger-corner.vcc-side-menu--corner-label-diagonal .vcc-side-menu__label{--vcc-corner-label-base-rotate: -45deg}.vcc-side-menu--trigger-corner.vcc-side-menu--right .vcc-side-menu__label{right:18px;left:auto;transform-origin:right center}.vcc-side-menu--trigger-corner.vcc-side-menu--corner-label-diagonal.vcc-side-menu--right .vcc-side-menu__label{--vcc-corner-label-base-rotate: 45deg}.vcc-side-menu--trigger-corner:not(.vcc-side-menu--show-corner-label) .vcc-side-menu__label{display:none}.vcc-side-menu--trigger-corner.vcc-side-menu--pulse-label .vcc-side-menu__label{animation:vccSideCornerLabelPulse var(--vcc-side-pulse-speed) ease-in-out infinite}.vcc-side-menu--trigger-corner .vcc-side-menu__hamburger{display:none}.vcc-side-menu--shimmer .vcc-side-menu__rail:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 12%,rgb(255 255 255 / 26%),transparent 34%);transform:translateY(-130%) skewY(-12deg);animation:vccSideRailShimmer var(--vcc-side-shimmer-speed) cubic-bezier(.22,1,.36,1) infinite;opacity:0;pointer-events:none}@keyframes vccSideMarkPulse{0%,to{filter:drop-shadow(0 0 0 transparent);transform:rotate(var(--vcc-corner-icon-rotate)) scale(1)}50%{filter:drop-shadow(0 0 var(--vcc-side-pulse-glow) currentColor);transform:rotate(var(--vcc-corner-icon-rotate)) scale(var(--vcc-side-pulse-scale))}}@keyframes vccSideCornerLabelPulse{0%,to{filter:drop-shadow(0 0 0 transparent)}50%{filter:drop-shadow(0 0 calc(var(--vcc-side-pulse-glow) * .7) currentColor)}}@keyframes vccSideRailShimmer{0%,22%{opacity:0;transform:translateY(-130%) skewY(-12deg)}34%,58%{opacity:1}78%,to{opacity:0;transform:translateY(130%) skewY(-12deg)}}@keyframes vccUnifiedColorClock{0%{--vcc-unified-flow-offset: 0px}to{--vcc-unified-flow-offset: var(--vcc-unified-flow-width, 1800px)}}.vcc-side-menu--corner-scroll-morph.vcc-side-menu--trigger-corner.vcc-side-menu--corner-shape-diagonal.is-corner-morphed .vcc-side-menu__rail{--vcc-corner-flat-side: 0%;--vcc-corner-flat-bottom: 0%;top:calc(var(--vcc-corner-offset-y) + var(--vcc-corner-scroll-offset-y));left:calc(var(--vcc-corner-offset-x) + var(--vcc-corner-scroll-offset-x));width:calc(var(--vcc-corner-size) + var(--vcc-corner-scroll-size-add));height:calc(var(--vcc-corner-size) + var(--vcc-corner-scroll-size-add))}.vcc-side-menu--corner-scroll-morph.vcc-side-menu--right.is-corner-morphed .vcc-side-menu__rail{right:calc(var(--vcc-corner-offset-x) + var(--vcc-corner-scroll-offset-x));left:auto}html:not(.vcc-side-menu-main-style-ready) .vcc-side-menu[data-vcc-side-style-mode=deferred] :is(.vcc-side-menu__scrim,.vcc-side-menu__panel){display:none!important}@media(max-width:749px){.vcc-side-menu--trigger-corner .vcc-side-menu__rail{top:var(--vcc-corner-offset-y-mobile);left:var(--vcc-corner-offset-x-mobile);width:var(--vcc-corner-size-mobile);height:var(--vcc-corner-height-mobile);--vcc-corner-flat-side: var(--vcc-corner-flat-side-mobile);--vcc-corner-flat-bottom: var(--vcc-corner-flat-bottom-mobile);--vcc-corner-size: var(--vcc-corner-size-mobile);--vcc-corner-offset-x: var(--vcc-corner-offset-x-mobile);--vcc-corner-offset-y: var(--vcc-corner-offset-y-mobile);--vcc-corner-scroll-size-add: var(--vcc-corner-scroll-size-add-mobile);--vcc-corner-scroll-offset-x: var(--vcc-corner-scroll-offset-x-mobile);--vcc-corner-scroll-offset-y: var(--vcc-corner-scroll-offset-y-mobile)}.vcc-side-menu--trigger-corner.vcc-side-menu--corner-shape-diagonal .vcc-side-menu__rail{height:var(--vcc-corner-size-mobile)}.vcc-side-menu--trigger-corner.vcc-side-menu--right .vcc-side-menu__rail{right:var(--vcc-corner-offset-x-mobile);left:auto}.vcc-side-menu--trigger-corner .vcc-side-menu__mark{top:var(--vcc-corner-icon-y-mobile);left:var(--vcc-corner-icon-x-mobile);width:var(--vcc-corner-icon-size-mobile);height:var(--vcc-corner-icon-size-mobile)}.vcc-side-menu--trigger-corner.vcc-side-menu--right .vcc-side-menu__mark{right:11px;left:auto}.vcc-side-menu--trigger-corner .vcc-side-menu__label{left:var(--vcc-corner-label-x-mobile);top:var(--vcc-corner-label-y-mobile);font-size:var(--vcc-corner-label-size-mobile)}.vcc-side-menu--trigger-corner.vcc-side-menu--right .vcc-side-menu__label{right:12px;left:auto}}@media(prefers-reduced-motion:reduce){:root:has(.vcc-side-menu[data-vcc-unified-color-enabled=true]) .vcc-site-header .vcc-announcement,.vcc-side-menu .vcc-side-menu__rail,.vcc-side-menu .vcc-side-menu__mark,.vcc-side-menu .vcc-side-menu__label{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/123/assets/vcc-side-menu-critical.css.map */