@property --mh-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@property --mh-angle-offset{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@property --mh-percent{syntax: "<percentage>"; initial-value: 5%; inherits: false;}@property --mh-shine{syntax: "<color>"; initial-value: white; inherits: false;}.xo-menu-horizontal__item--shiny>.xo-menu-horizontal__link{--mh-percent: 10%;--mh-bg-subtle: color-mix(in srgb, var(--mh-bg, #000000) 82%, white);--mh-highlight-subtle: color-mix(in srgb, var(--mh-highlight, #4d4dff) 55%, white);--mh-animation: mh-gradient-angle linear infinite;--mh-duration: 3s;--mh-shadow-size: 2px;--mh-transition: .8s cubic-bezier(.25, 1, .5, 1);isolation:isolate;position:relative;display:inline-flex;align-items:center;overflow:hidden;border:1px solid transparent;border-radius:360px;padding:.7rem 1.6rem;color:var(--mh-fg, #ffffff);background:linear-gradient(var(--mh-bg, #000000),var(--mh-bg, #000000)) padding-box,conic-gradient(from calc(var(--mh-angle, 0deg) - var(--mh-angle-offset, 0deg)),transparent,var(--mh-highlight, #4d4dff) var(--mh-percent),var(--mh-shine, white) calc(var(--mh-percent) * 2),var(--mh-highlight, #4d4dff) calc(var(--mh-percent) * 3),transparent calc(var(--mh-percent) * 4)) border-box;box-shadow:inset 0 0 0 1px var(--mh-bg-subtle),0 0 14px -2px var(--mh-highlight, #4d4dff);transition:var(--mh-transition);transition-property:--mh-angle-offset,--mh-percent,--mh-shine;animation:var(--mh-animation) var(--mh-duration),var(--mh-animation) calc(var(--mh-duration) / .4) reverse paused;animation-composition:add}.xo-menu-horizontal__item--shiny:hover>.xo-menu-horizontal__link,.xo-menu-horizontal__item--shiny.xo-menu-horizontal__item--current>.xo-menu-horizontal__link{color:var(--mh-fg, #ffffff)}.xo-menu-horizontal__item--shiny>.xo-menu-horizontal__link:before,.xo-menu-horizontal__item--shiny>.xo-menu-horizontal__link:after,.xo-menu-horizontal__item--shiny .xo-menu-horizontal__label:before{content:"";pointer-events:none;position:absolute;inset-inline-start:50%;inset-block-start:50%;translate:-50% -50%;z-index:-1}.xo-menu-horizontal__item--shiny>.xo-menu-horizontal__link:before,.xo-menu-horizontal__item--shiny>.xo-menu-horizontal__link:after{animation:var(--mh-animation) var(--mh-duration),var(--mh-animation) calc(var(--mh-duration) / .4) reverse paused;animation-composition:add}.xo-menu-horizontal__item--shiny>.xo-menu-horizontal__link:before{--mh-size: calc(100% - var(--mh-shadow-size) * 3);--mh-position: 2px;--mh-space: calc(var(--mh-position) * 2);width:var(--mh-size);height:var(--mh-size);background:radial-gradient(circle at var(--mh-position) var(--mh-position),white calc(var(--mh-position) / 4),transparent 0) padding-box;background-size:var(--mh-space) var(--mh-space);background-repeat:space;-webkit-mask-image:conic-gradient(from calc(var(--mh-angle) + 45deg),black,transparent 10% 90%,black);mask-image:conic-gradient(from calc(var(--mh-angle) + 45deg),black,transparent 10% 90%,black);border-radius:inherit;opacity:.25}.xo-menu-horizontal__item--shiny>.xo-menu-horizontal__link:after{--mh-animation: mh-shimmer linear infinite;width:100%;aspect-ratio:1;background:linear-gradient(-50deg,transparent 35%,var(--mh-highlight, #4d4dff),transparent 65%);-webkit-mask-image:radial-gradient(circle at bottom,transparent 55%,black);mask-image:radial-gradient(circle at bottom,transparent 55%,black);opacity:.6}.xo-menu-horizontal__item--shiny .xo-menu-horizontal__label{position:relative;z-index:1}.xo-menu-horizontal__item--shiny .xo-menu-horizontal__label:before{--mh-size: calc(100% + 1rem) ;width:var(--mh-size);height:var(--mh-size);box-shadow:inset 0 -1ex 2rem 4px var(--mh-highlight, #4d4dff);opacity:.45;transition:opacity var(--mh-transition);animation:calc(var(--mh-duration) * 1.5) mh-breathe linear infinite}.xo-menu-horizontal__item--shiny:is(:hover,:focus-within)>.xo-menu-horizontal__link{--mh-percent: 18%;--mh-angle-offset: 95deg;--mh-shine: var(--mh-highlight-subtle);animation-play-state:running;box-shadow:inset 0 0 0 1px var(--mh-bg-subtle),0 0 20px -2px var(--mh-highlight, #4d4dff)}.xo-menu-horizontal__item--shiny:is(:hover,:focus-within)>.xo-menu-horizontal__link:before,.xo-menu-horizontal__item--shiny:is(:hover,:focus-within)>.xo-menu-horizontal__link:after{animation-play-state:running}.xo-menu-horizontal__item--shiny:is(:hover,:focus-within) .xo-menu-horizontal__label:before{opacity:1}@keyframes mh-gradient-angle{to{--mh-angle: 360deg}}@keyframes mh-shimmer{to{rotate:360deg}}@keyframes mh-breathe{0%,to{scale:1}50%{scale:1.2}}@media(prefers-reduced-motion:reduce){.xo-menu-horizontal__item--shiny>.xo-menu-horizontal__link,.xo-menu-horizontal__item--shiny>.xo-menu-horizontal__link:before,.xo-menu-horizontal__item--shiny>.xo-menu-horizontal__link:after,.xo-menu-horizontal__item--shiny .xo-menu-horizontal__label:before,.xo-menu-hamburger__item--shiny .xo-menu-hamburger__label:after{animation:none}}.xo-menu-hamburger__item--shiny>.xo-menu-hamburger__link .xo-menu-hamburger__label{position:relative;color:var(--mh-highlight, #4d4dff);font-weight:600}.xo-menu-hamburger__item--shiny>.xo-menu-hamburger__link .xo-menu-hamburger__label:after{content:"";position:absolute;inset-inline-start:0;inset-block-end:-4px;height:2px;width:100%;border-radius:2px;background:linear-gradient(90deg,transparent,var(--mh-highlight, #4d4dff),var(--mh-shine, white),var(--mh-highlight, #4d4dff),transparent);background-size:200% 100%;animation:mh-drawer-beam 2.4s linear infinite}@keyframes mh-drawer-beam{0%{background-position:200% 0}to{background-position:-200% 0}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/menu-highlight.css.map */