.cfb-slot{opacity:1;visibility:visible;transition:grid-template-columns var(--dur-base,.3s) var(--ease-standard,cubic-bezier(.32, .72, 0, 1)), margin-inline-end var(--dur-base,.3s) var(--ease-standard,cubic-bezier(.32, .72, 0, 1)), opacity var(--dur-fast,.2s) var(--ease-standard,cubic-bezier(.32, .72, 0, 1)), visibility 0s linear 0s;flex-shrink:0;grid-template-columns:1fr;margin-inline-end:0;display:inline-grid}.cfb-slot-inner{align-items:center;min-width:0;display:flex;overflow:hidden}.cfb-divider{background:var(--border);flex-shrink:0;width:1px;height:1rem;margin-inline:.125rem}.cfb{transition:background-color var(--dur-fast,.2s) ease, color var(--dur-fast,.2s) ease}.cfb :is(.cfb-glyph,.cfb-eraser,.cfb-trail){transform-box:view-box}.cfb .cfb-glyph{transform-origin:12px 12px}.cfb .cfb-eraser{transform-origin:7px 16.5px}.cfb .cfb-trail{transform-origin:20px 20.25px}.cfb .cfb-glyph{transition:transform var(--dur-base,.3s) var(--ease-spring,cubic-bezier(.34, 1.56, .64, 1));transform:scale(1)rotate(0)}.cfb-slot[data-hidden],.cfb-slot[data-reveal=input-group]{opacity:0;visibility:hidden;transition:grid-template-columns var(--dur-base,.3s) var(--ease-standard,cubic-bezier(.32, .72, 0, 1)), margin-inline-end var(--dur-base,.3s) var(--ease-standard,cubic-bezier(.32, .72, 0, 1)), opacity var(--dur-fast,.2s) var(--ease-standard,cubic-bezier(.32, .72, 0, 1)), visibility 0s linear var(--dur-base,.3s);grid-template-columns:0fr;margin-inline-end:calc(var(--cfb-gap,0px) * -1)}.cfb-slot:is([data-hidden],[data-reveal=input-group]) .cfb-glyph{transition-duration:var(--dur-fast,.2s);transition-timing-function:var(--ease-standard,cubic-bezier(.32, .72, 0, 1));transform:scale(.4)rotate(-90deg)}[data-slot=input-group]:has([data-slot=input-group-control]:not(:placeholder-shown)) .cfb-slot[data-reveal=input-group]{opacity:1;visibility:visible;transition:grid-template-columns var(--dur-base,.3s) var(--ease-standard,cubic-bezier(.32, .72, 0, 1)), margin-inline-end var(--dur-base,.3s) var(--ease-standard,cubic-bezier(.32, .72, 0, 1)), opacity var(--dur-fast,.2s) var(--ease-standard,cubic-bezier(.32, .72, 0, 1)), visibility 0s linear 0s;grid-template-columns:1fr;margin-inline-end:0}[data-slot=input-group]:has([data-slot=input-group-control]:not(:placeholder-shown)) .cfb-slot[data-reveal=input-group] .cfb-glyph{transition-duration:var(--dur-base,.3s);transition-timing-function:var(--ease-spring,cubic-bezier(.34, 1.56, .64, 1));transform:scale(1)rotate(0)}@keyframes cfb-rub{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-1.4px,.3px)rotate(-5deg)}50%{transform:translate(1.2px,-.2px)rotate(3deg)}75%{transform:translate(-.8px,.2px)rotate(-2deg)}}@keyframes cfb-trail{0%,to{opacity:1;transform:scaleX(1)}50%{opacity:.45;transform:scaleX(.3)}}@media (hover:hover){.cfb:is(:hover,:focus-visible) .cfb-eraser{animation:cfb-rub .56s var(--ease-standard,cubic-bezier(.32, .72, 0, 1)) 1}.cfb:is(:hover,:focus-visible) .cfb-trail{animation:.56s ease-in-out cfb-trail}}@media (prefers-reduced-motion:reduce){.cfb-slot,.cfb-slot .cfb-glyph{transition-duration:0s!important}.cfb :is(.cfb-eraser,.cfb-trail){animation:none!important}}