.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-glow:hover{filter:drop-shadow(0 0 var(--ccb-glow-size,15px) var(--ccb-hover-color))}.ccb-hover-default:hover,.ccb-hover-glow:hover{box-shadow:inset 0 0 calc(var(--ccb-glow-size, 15px) * .6) color-mix(in srgb,var(--ccb-hover-color) 25%,transparent)}.ccb-solid.ccb-hover-default:hover,.ccb-solid.ccb-hover-glow:hover{background-color:var(--ccb-hover-color)}.ccb-outline.ccb-hover-default:hover,.ccb-outline.ccb-hover-glow:hover{background-color:color-mix(in srgb,var(--ccb-hover-color) 15%,#000)}.ccb-ghost.ccb-hover-default:hover,.ccb-ghost.ccb-hover-glow:hover{background-color:color-mix(in srgb,var(--ccb-hover-color) 22%,#000)}.ccb-solid.ccb-hover-shift:hover{background-color:var(--ccb-hover-bg);color:#000}.ccb-solid.ccb-hover-shift.ccb-hover-outlined:hover{background-color:#000;color:var(--ccb-hover-color)}.ccb-outline.ccb-hover-shift:hover{background-color:var(--ccb-hover-color);color:#000}.ccb-ghost.ccb-hover-shift:hover{background-color:color-mix(in srgb,var(--ccb-hover-color) 28%,#000);box-shadow:inset 0 0 calc(var(--ccb-glow-size, 15px) * .6) color-mix(in srgb,var(--ccb-hover-color) 55%,transparent)}@keyframes ccb-pulse-glow{0%,to{box-shadow:inset 0 0 var(--ccb-glow-size,15px) color-mix(in srgb,var(--ccb-hover-color) 20%,transparent)}50%{box-shadow:inset 0 0 calc(var(--ccb-glow-size, 15px) * 1.5) color-mix(in srgb,var(--ccb-hover-color) 40%,transparent)}}@keyframes ccb-pulse-glow-solid{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.ccb-hover-pulse:hover{animation:ccb-pulse-glow 1.2s ease-in-out infinite}.ccb-solid.ccb-hover-pulse:hover{background-color:var(--ccb-hover-color);animation:ccb-pulse-glow-solid 1.2s ease-in-out infinite}@keyframes ccb-shine-sweep{0%{transform:translateX(-220%) skewX(-20deg)}to{transform:translateX(320%) skewX(-20deg)}}.ccb-shine-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.ccb-shine-layer:after{content:"";position:absolute;top:-10%;left:0;width:35%;height:120%;background:linear-gradient(90deg,transparent,color-mix(in srgb,#fff 55%,transparent),transparent);transform:translateX(-220%) skewX(-20deg)}.ccb-hover-shine:hover .ccb-shine-layer:after{animation:ccb-shine-sweep .65s ease forwards}@keyframes ccb-scan-line{0%{top:-2px;opacity:.9}85%{opacity:.9}to{top:calc(100% + 2px);opacity:0}}.ccb-scan-layer{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,color-mix(in srgb,#fff 85%,transparent),transparent);pointer-events:none;opacity:0;top:-2px;z-index:1}.ccb-hover-scan:hover .ccb-scan-layer{opacity:1;animation:ccb-scan-line 1.1s linear infinite}@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:ccb-flicker .45s linear infinite}