.yb-find{--yb-speed:14s;position:relative;display:inline-flex;align-items:center;gap:.7rem;padding:.85rem 1.6rem;border-radius:999px;text-decoration:none;font-size:1.35rem;font-weight:600;letter-spacing:.01em;line-height:1;color:rgb(var(--color-foreground));background:rgb(var(--color-background));isolation:isolate;white-space:nowrap}.yb-find:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1.6px;background:conic-gradient(from var(--yb-a),#FF3B30,#FF9500,#FFCC00,#34C759,#00C7BE,#30B0C7,#007AFF,#5856D6,#AF52DE,#FF2D55,#FF3B30);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:yb-spin var(--yb-speed) linear infinite;z-index:-1}.yb-find:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:inherit;z-index:-2;background:conic-gradient(from var(--yb-a),#FF3B30,#FF9500,#FFCC00,#34C759,#00C7BE,#30B0C7,#007AFF,#5856D6,#AF52DE,#FF2D55,#FF3B30);filter:blur(9px);opacity:.3;animation:yb-spin var(--yb-speed) linear infinite;transition:opacity .25s ease}.yb-find:hover:after{opacity:.55}.yb-find:hover{transform:translateY(-1px)}.yb-find{transition:transform .2s ease}.yb-find:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.yb-find__dot{width:.9rem;height:.9rem;border-radius:50%;flex:none;background:conic-gradient(from var(--yb-a),#FF3B30,#FFCC00,#34C759,#007AFF,#AF52DE,#FF3B30);animation:yb-spin var(--yb-speed) linear infinite}@property --yb-a{syntax:"<angle>";inherits:true;initial-value:0deg}@keyframes yb-spin{to{--yb-a:360deg}}@supports not (background:conic-gradient(from var(--yb-a),red,blue)){.yb-find:before,.yb-find:after{animation:yb-rot var(--yb-speed) linear infinite}@keyframes yb-rot{to{transform:rotate(360deg)}}}@media(prefers-reduced-motion:reduce){.yb-find:before,.yb-find:after,.yb-find__dot{animation:none}.yb-find:hover{transform:none}}@media(max-width:989px){.yb-find{font-size:1.25rem;padding:.7rem 1.2rem}}@media(max-width:989px){.yb-find{width:4.4rem;height:4.4rem;padding:0;gap:0;justify-content:center}.yb-find__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.yb-find__dot{width:1.7rem;height:1.7rem}.yb-find:after{filter:blur(7px);opacity:.38}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/yb-find-my-color.css.map */