.yb-ca{--yb-pad-top:clamp(48px, 6vw, 96px);--yb-pad-bottom:clamp(48px, 6vw, 96px)}.yb-ca__panel{isolation:isolate;border-radius:var(--yb-radius-xl);background:var(--yb-white);box-shadow:var(--yb-shadow), 0 0 0 1px var(--yb-line);align-items:center;gap:clamp(28px,4vw,64px);padding:clamp(32px,5vw,72px);display:grid;position:relative;overflow:hidden}.yb-ca.has-switch .yb-ca__panel{grid-template-columns:auto minmax(0,1fr)}@media (width<=699px){.yb-ca.has-switch .yb-ca__panel{grid-template-columns:minmax(0,1fr)}}.yb-ca__glow{z-index:-1;background:radial-gradient(50% 45% at 18% 40%, color-mix(in srgb, var(--yb-blue) 14%, transparent), transparent 70%), radial-gradient(40% 40% at 85% 10%, color-mix(in srgb, var(--yb-blue) 8%, transparent), transparent 70%);opacity:0;height:140%;transition:opacity .9s var(--yb-ease);pointer-events:none;position:absolute;inset:-40% -10% auto}.yb-ca.is-on .yb-ca__glow{opacity:1}.yb-ca__head{max-width:40rem}.yb-ca__title{color:var(--yb-ink)}.yb-ca__actions{margin-top:28px}.yb-ca__note{font-family:var(--yb-font-display);letter-spacing:-.01em;color:var(--yb-ink-soft);align-items:center;gap:8px;margin-top:18px;font-size:.8rem;font-weight:650;display:inline-flex}.yb-ca__note .yb-icon{width:14px;height:14px;color:var(--yb-blue)}.yb-ca__switch{cursor:pointer;background:0 0;border:0;justify-items:center;gap:12px;padding:0;display:grid}.yb-ca__plate{width:92px;height:132px;box-shadow:inset 0 0 0 1px var(--yb-line-strong), 0 14px 30px -16px #0f1b3373;background:linear-gradient(160deg,#fff,#e4e9f2);border-radius:12px;display:block;position:relative}.yb-ca__rocker{width:46px;height:74px;transition:transform var(--yb-mid) var(--yb-ease), background var(--yb-mid) ease;background:linear-gradient(#fff 0%,#e7e9ee 50%,#cfd3da 100%);border-radius:6px;margin:-37px 0 0 -23px;position:absolute;top:50%;left:50%;transform:perspective(200px)rotateX(-14deg);box-shadow:0 2px #00000014,inset 0 -10px 12px -8px #0000002e}.yb-ca.is-on .yb-ca__rocker{background:linear-gradient(#cfd3da 0%,#e7e9ee 50%,#fff 100%);transform:perspective(200px)rotateX(14deg)}.yb-ca__rocker:after{content:"";width:6px;height:6px;transition:background var(--yb-mid) ease, box-shadow var(--yb-mid) ease;background:#9aa1ad;border-radius:50%;margin-left:-3px;position:absolute;top:10px;left:50%}.yb-ca.is-on .yb-ca__rocker:after{background:var(--yb-blue);box-shadow:0 0 8px 2px color-mix(in srgb, var(--yb-blue) 60%, transparent)}.yb-ca__state{font-family:var(--yb-font-display);letter-spacing:-.01em;color:var(--yb-ink-soft);font-size:.74rem;font-weight:650}.yb-ca__on,.yb-ca.is-on .yb-ca__off{display:none}.yb-ca.is-on .yb-ca__on{color:var(--yb-blue);display:inline}@media (width<=699px){.yb-ca__switch{grid-auto-flow:column;justify-self:start;place-items:center start}.yb-ca__plate{width:64px;height:92px}.yb-ca__rocker{width:32px;height:52px;margin:-26px 0 0 -16px}}@media (prefers-reduced-motion:reduce){.yb-ca__glow,.yb-ca__rocker{transition:none}}
