.TipDemo_fill__mhQTU,.TipDemo_layer__Q635u img{position:absolute;inset:0;inline-size:100%;block-size:100%;display:block;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.TipDemo_layer__Q635u,.TipDemo_stage___d7jc{position:absolute;inset:0}.TipDemo_chip__rL4Dg{position:absolute;inset-block-start:6px;left:6px;max-inline-size:46%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 7px;border-radius:var(--r-pill);background:rgb(20 22 26/.66);color:#fff;font:var(--fw-semibold) 11px/1.1 var(--sans);letter-spacing:0}.TipDemo_line__Zlt9Z{position:absolute;inset-block:0;left:calc(50% - 1px);inline-size:2px;background:#fff;box-shadow:0 0 6px rgb(0 0 0/.35)}.TipDemo_line__Zlt9Z:after{content:"";inline-size:14px;block-size:14px;transform:translate(-50%,-50%);background:#fff;box-shadow:0 1px 5px rgb(0 0 0/.4)}.TipDemo_line__Zlt9Z:after,.TipDemo_play__HyKEJ{position:absolute;inset-block-start:50%;inset-inline-start:50%;border-radius:50%}.TipDemo_play__HyKEJ{display:grid;place-items:center;inline-size:34px;block-size:34px;transform:translate(-50%,-50%);background:rgb(255 255 255/.92);color:#21201c;box-shadow:0 2px 10px rgb(0 0 0/.35)}@media (prefers-reduced-motion:reduce){.TipDemo_layer__Q635u[data-pos=mid]{display:none}.TipDemo_layer__Q635u[data-pos=first]{-webkit-clip-path:inset(0 50% 0 0);clip-path:inset(0 50% 0 0)}.TipDemo_layer__Q635u[data-pos=last]{-webkit-clip-path:inset(0 0 0 50%);clip-path:inset(0 0 0 50%)}.TipDemo_layer__Q635u[data-pos=last] .TipDemo_chip__rL4Dg{left:auto;right:6px}.TipDemo_stage___d7jc[data-flip="1"] .TipDemo_layer__Q635u[data-pos=first]{-webkit-clip-path:inset(0 0 0 50%);clip-path:inset(0 0 0 50%)}.TipDemo_stage___d7jc[data-flip="1"] .TipDemo_layer__Q635u[data-pos=last]{-webkit-clip-path:inset(0 50% 0 0);clip-path:inset(0 50% 0 0)}.TipDemo_stage___d7jc[data-flip="1"] .TipDemo_layer__Q635u[data-pos=first] .TipDemo_chip__rL4Dg{left:auto;right:6px}.TipDemo_stage___d7jc[data-flip="1"] .TipDemo_layer__Q635u[data-pos=last] .TipDemo_chip__rL4Dg{left:6px;right:auto}}@media (prefers-reduced-motion:no-preference){.TipDemo_line__Zlt9Z{display:none}.TipDemo_stage___d7jc[data-mode=fade] .TipDemo_layer__Q635u{opacity:0;animation:TipDemo_tip-fade-4__qLU5f calc(var(--n) * 2.6s) linear infinite backwards;animation-delay:calc(var(--i) * 2.6s - var(--n) * .182s)}.TipDemo_stage___d7jc[data-mode=fade][data-n="2"] .TipDemo_layer__Q635u{animation-name:TipDemo_tip-fade-2__BRr_9}.TipDemo_stage___d7jc[data-mode=fade][data-n="3"] .TipDemo_layer__Q635u{animation-name:TipDemo_tip-fade-3__I4IZk}.TipDemo_stage___d7jc[data-mode=wipe] .TipDemo_layer__Q635u[data-pos=last]{animation:TipDemo_tip-wipe__0Pqk9 7s ease-in-out infinite}.TipDemo_stage___d7jc[data-mode=wipe] .TipDemo_layer__Q635u[data-pos=last] .TipDemo_chip__rL4Dg{left:auto;right:6px}.TipDemo_stage___d7jc[data-mode=wipe] .TipDemo_line__Zlt9Z{display:block;animation:TipDemo_tip-line__CQnoJ 7s ease-in-out infinite}}@keyframes TipDemo_tip-fade-2__BRr_9{0%{opacity:0}7%{opacity:1}50%{opacity:1}57%{opacity:0}to{opacity:0}}@keyframes TipDemo_tip-fade-3__I4IZk{0%{opacity:0}7%{opacity:1}33.33%{opacity:1}40.33%{opacity:0}to{opacity:0}}@keyframes TipDemo_tip-fade-4__qLU5f{0%{opacity:0}7%{opacity:1}25%{opacity:1}32%{opacity:0}to{opacity:0}}@keyframes TipDemo_tip-wipe__0Pqk9{0%,10%{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}42%,60%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}92%,to{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}}@keyframes TipDemo_tip-line__CQnoJ{0%,8%{left:0;opacity:0}10%{left:0;opacity:1}42%{left:calc(100% - 2px);opacity:1}44%,58%{left:calc(100% - 2px);opacity:0}60%{left:calc(100% - 2px);opacity:1}92%{left:0;opacity:1}94%,to{left:0;opacity:0}}.InfoTip_tip__YSrCJ{display:inline-flex;flex:0 0 auto;vertical-align:middle;margin-inline:var(--s1) auto}.InfoTip_btn__hcuqQ{position:relative;display:inline-grid;place-items:center;inline-size:22px;block-size:22px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--text-3);cursor:help;transition:color var(--dur-2) var(--ease)}.InfoTip_btn__hcuqQ:after{content:"";position:absolute;inset:-11px}.InfoTip_btn__hcuqQ:hover,.InfoTip_btn__hcuqQ[aria-expanded=true]{color:var(--text)}.InfoTip_btn__hcuqQ:focus-visible{outline:2px solid var(--focus);outline-offset:2px;color:var(--text)}.InfoTip_box__Lwwi2{position:fixed;inset-inline-start:0;inset-block-start:0;z-index:var(--z-toast);display:grid;grid-gap:var(--s1);gap:var(--s1);inline-size:max-content;max-inline-size:300px;padding:var(--s3) 14px;border-radius:var(--r-3);background:var(--ink);color:var(--text-inv);font:var(--fw-regular) var(--t-small)/1.5 var(--sans);letter-spacing:0;text-align:start;text-transform:none;white-space:normal;box-shadow:var(--shadow-3);visibility:hidden;opacity:0;pointer-events:none;transition:opacity var(--dur-2) var(--ease),transform var(--dur-2) var(--ease),visibility 0s linear var(--dur-2)}.InfoTip_box__Lwwi2:before{content:"";position:absolute;inset-inline:0;block-size:8px}.InfoTip_box__Lwwi2[data-side=below]:before{inset-block-end:100%}.InfoTip_box__Lwwi2[data-side=above]:before{inset-block-start:100%}.InfoTip_box__Lwwi2[data-open=true]{visibility:visible;opacity:1;pointer-events:auto;transition-delay:0s}.InfoTip_line__frdFw{display:block}.InfoTip_withDemo__VPxIJ{inline-size:252px}.InfoTip_demo__ENaGH{position:relative;display:block;inline-size:100%;overflow:hidden;border-radius:var(--r-2);background:color-mix(in oklab,var(--text-inv) 14%,transparent);isolation:isolate}.InfoTip_box__Lwwi2[data-open=false] .InfoTip_demo__ENaGH *{animation-play-state:paused!important}@media (prefers-reduced-motion:no-preference){.InfoTip_box__Lwwi2[data-side=below]{transform:translateY(-3px)}.InfoTip_box__Lwwi2[data-side=above]{transform:translateY(3px)}.InfoTip_box__Lwwi2[data-open=true]{transform:none}}@media (prefers-reduced-motion:reduce){.InfoTip_demo__ENaGH [data-scene],.InfoTip_demo__ENaGH [data-scene] *{animation:none!important}}@media (forced-colors:active){.InfoTip_box__Lwwi2{border:1px solid CanvasText}}