.ccb-clip-br{clip-path:polygon(0 0, 100% 0, 100% calc(100% - var(--ccb-corner-size,20px)), calc(100% - var(--ccb-corner-size,20px)) 100%, 0 100%)}.ccb-clip-bl{clip-path:polygon(0 0, 100% 0, 100% 100%, var(--ccb-corner-size,20px) 100%, 0 calc(100% - var(--ccb-corner-size,20px)))}.ccb-clip-tr{clip-path:polygon(0 0, calc(100% - var(--ccb-corner-size,20px)) 0, 100% var(--ccb-corner-size,20px), 100% 100%, 0 100%)}.ccb-clip-tl{clip-path:polygon(var(--ccb-corner-size,20px) 0, 100% 0, 100% 100%, 0 100%, 0 var(--ccb-corner-size,20px))}.ccb-clip-all{clip-path:polygon(var(--ccb-corner-size,20px) 0, 100% 0, 100% calc(100% - var(--ccb-corner-size,20px)), calc(100% - var(--ccb-corner-size,20px)) 100%, 0 100%, 0 var(--ccb-corner-size,20px))}.ccb-wrapper{padding:1px;display:inline-flex;position:relative}.ccb-border-frame{pointer-events:none;z-index:0;transition:background .3s,opacity .3s;position:absolute;inset:0}.ccb-wrapper-outline .ccb-border-frame{background:var(--ccb-color)}.ccb-wrapper-solid .ccb-border-frame,.ccb-wrapper-ghost .ccb-border-frame{background:#ffffff14}.ccb-btn{flex:1}.ccb-solid{background-color:var(--ccb-color);color:#000}.ccb-outline{color:var(--ccb-color);background-color:#000}.ccb-ghost{background-color:color-mix(in srgb, var(--ccb-color) 12%, #000);color:var(--ccb-color)}.ccb-hover-glow:hover{box-shadow:0 0 var(--ccb-glow-size,15px) var(--ccb-color), inset 0 0 calc(var(--ccb-glow-size,15px) * .6) color-mix(in srgb, var(--ccb-color) 25%, transparent)}.ccb-solid.ccb-hover-glow:hover{background-color:#fff}.ccb-outline.ccb-hover-glow:hover{background-color:color-mix(in srgb, var(--ccb-color) 15%, #000)}.ccb-ghost.ccb-hover-glow:hover{background-color:color-mix(in srgb, var(--ccb-color) 22%, #000)}.ccb-solid.ccb-hover-shift:hover{box-shadow:0 0 var(--ccb-glow-size,15px) var(--ccb-color);background-color:#fff}.ccb-outline.ccb-hover-shift:hover{background-color:var(--ccb-color);color:#000;box-shadow:0 0 var(--ccb-glow-size,15px) var(--ccb-color)}.ccb-ghost.ccb-hover-shift:hover{background-color:color-mix(in srgb, var(--ccb-color) 28%, #000);box-shadow:0 0 var(--ccb-glow-size,15px) color-mix(in srgb, var(--ccb-color) 55%, transparent)}@keyframes ccb-pulse-glow{0%,to{box-shadow:0 0 var(--ccb-glow-size,15px) var(--ccb-color), inset 0 0 var(--ccb-glow-size,15px) color-mix(in srgb, var(--ccb-color) 20%, transparent)}50%{box-shadow:0 0 calc(var(--ccb-glow-size,15px) * 2.5) var(--ccb-color), inset 0 0 calc(var(--ccb-glow-size,15px) * 1.5) color-mix(in srgb, var(--ccb-color) 40%, transparent)}}.ccb-hover-pulse:hover{animation:1.2s ease-in-out infinite ccb-pulse-glow}@keyframes ccb-shine-sweep{0%{transform:translate(-220%)skew(-20deg)}to{transform:translate(320%)skew(-20deg)}}.ccb-shine-layer{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.ccb-shine-layer:after{content:"";background:linear-gradient(90deg,#0000,#ffffff8c,#0000);width:35%;height:120%;position:absolute;top:-10%;left:0;transform:translate(-220%)skew(-20deg)}.ccb-hover-shine:hover .ccb-shine-layer:after{animation:.65s forwards ccb-shine-sweep}@keyframes ccb-scan-line{0%{opacity:.9;top:-2px}85%{opacity:.9}to{opacity:0;top:calc(100% + 2px)}}.ccb-scan-layer{pointer-events:none;opacity:0;z-index:1;background:linear-gradient(90deg,#0000,#ffffffd9,#0000);height:2px;position:absolute;top:-2px;left:0;right:0}.ccb-hover-scan:hover .ccb-scan-layer{opacity:1;animation:1.1s linear infinite ccb-scan-line}@keyframes ccb-flicker{0%,19.999%,22%,62.999%,64%,64.999%,70%,to{opacity:1}20%,21.999%,63%,63.999%,65%,69.999%{opacity:.35}}.ccb-wrapper:has(.ccb-hover-flicker:hover){animation:.45s linear infinite ccb-flicker}