@property --gb-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@property --gb-pos{syntax: "<percentage>"; initial-value: 0%; inherits: false;}:root{--gb-speed: 4s;--gb-width: 2px;--gb-radius: 8px;--gb-glow-blur: 8px;--gb-glow-opacity: .4;--gb-grad-1: linear-gradient(90deg, rgba(255, 61, 187, 1), rgba(162, 75, 255, 1) 100%);--gb-grad-2: linear-gradient(180deg, rgba(162, 75, 255, 1), rgba(59, 123, 255, 1) 100%);--gb-grad-3: linear-gradient(270deg, rgba(59, 123, 255, 1), rgba(37, 230, 255, 1) 100%);--gb-grad-4: linear-gradient(360deg, rgba(37, 230, 255, 1), rgba(255, 61, 187, 1) 100%)}.grad-border{position:relative;isolation:isolate;contain:layout style;border-radius:var(--gb-radius)}.grad-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--gb-width);border-radius:inherit;pointer-events:none;z-index:1;background:var(--gb-grad-1);background-origin:border-box;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;will-change:transform,opacity}.grad-border--morph:before{background:var(--gb-grad-1),var(--gb-grad-2),var(--gb-grad-3),var(--gb-grad-4);background-size:400% 400%;background-origin:border-box;animation:gbMorph var(--gb-speed) ease-in-out infinite}@keyframes gbMorph{0%{background-position:0% 0%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}to{background-position:0% 0%}}.grad-border--crossfade:before{background:var(--gb-grad-1);animation:gbCrossfade calc(var(--gb-speed) * 4) ease-in-out infinite}@keyframes gbCrossfade{0%,5%{background:var(--gb-grad-1)}25%,30%{background:var(--gb-grad-2)}50%,55%{background:var(--gb-grad-3)}75%,80%{background:var(--gb-grad-4)}95%,to{background:var(--gb-grad-1)}}.grad-border--sweep:before{background:var(--gb-grad-1);background-size:300% 100%;background-origin:border-box;animation:gbSweep var(--gb-speed) linear infinite}@keyframes gbSweep{0%{background-position:0% 50%}to{background-position:300% 50%}}.grad-border--pulse:before{animation:gbCrossfade calc(var(--gb-speed) * 4) ease-in-out infinite,gbPulseOp var(--gb-speed) ease-in-out infinite}@keyframes gbPulseOp{0%,to{opacity:.4}50%{opacity:1}}.grad-border--shimmer:before{background:linear-gradient(90deg,transparent 0%,transparent 35%,rgba(255,255,255,.8) 50%,transparent 65%,transparent 100%),var(--gb-grad-1);background-size:200% 100%,100% 100%;background-origin:border-box;animation:gbShimmer var(--gb-speed) ease-in-out infinite}@keyframes gbShimmer{0%{background-position:-200% 0,0 0}to{background-position:200% 0,0 0}}.grad-border--wave:before{background:var(--gb-grad-1),var(--gb-grad-2);background-size:200% 200%;background-origin:border-box;animation:gbWave var(--gb-speed) ease-in-out infinite}@keyframes gbWave{0%{background-position:0% 0%,100% 100%}25%{background-position:100% 0%,0% 100%}50%{background-position:100% 100%,0% 0%}75%{background-position:0% 100%,100% 0%}to{background-position:0% 0%,100% 100%}}.grad-border--spin:before{background:conic-gradient(from var(--gb-angle),1,1,1,1,1);background-origin:border-box;animation:gbSpin var(--gb-speed) linear infinite}@keyframes gbSpin{0%{--gb-angle: 0deg}to{--gb-angle: 360deg}}.grad-border--breathe:before{background:var(--gb-grad-1);background-size:200% 200%;background-origin:border-box;animation:gbCrossfade calc(var(--gb-speed) * 4) ease-in-out infinite,gbBreatheScale var(--gb-speed) ease-in-out infinite}@keyframes gbBreatheScale{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.02);opacity:1}}.hr-divider{position:relative;border-radius:var(--gb-radius)}.hr-divider:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--gb-width);border-radius:inherit;pointer-events:none;z-index:1;background:var(--gb-grad-1);background-origin:border-box;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}.ymq-options-img-input:checked+label{position:relative;border-radius:var(--gb-radius)}.ymq-options-img-input:checked+label:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--gb-width);border-radius:inherit;pointer-events:none;z-index:1;background:var(--gb-grad-1);background-origin:border-box;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}.grad-border--paused:before,.grad-border--paused:after{animation-play-state:paused!important}@media(max-width:1024px){.grad-border:before,.grad-border:after{animation-duration:calc(var(--gb-speed) * 2.5)!important}}@media(max-width:480px){.grad-border:after{display:none!important}.grad-border:before{animation-duration:calc(var(--gb-speed) * 3)!important}}@media(prefers-reduced-motion:reduce){.grad-border:before,.grad-border:after{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/148/assets/gradient-border-anim.css.map */