.om-fit{--t:5.2s;margin-top:auto;padding-top:16px}.om-fit-in{border-top:1px solid var(--border-default);padding-top:12px}.om-fit-cap{color:var(--color-primary);margin-bottom:8px;font-size:11.5px;font-weight:600;line-height:1.3;display:block}.om-fit-demo{height:48px;overflow:hidden}.om-fit-demo--ready{flex-direction:column;justify-content:space-between;display:flex}.om-fit-row{height:14px;color:var(--color-primary);align-items:center;gap:7px;display:flex}.om-fit-row i{background:var(--color-primary-tint);border:1px solid #90278e38;border-radius:999px;flex:0 auto;height:6px;display:block}.om-fit-row:first-child i{width:76%}.om-fit-row:nth-child(2) i{width:54%}.om-fit-row:nth-child(3) i{width:66%}.om-fit-tick{color:#fff;width:14px;height:14px;animation:omFitTick var(--t) ease-in-out infinite;animation-delay:var(--d,0s);background:0 0;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 0 0 1.5px #90278e4d}.om-fit-tick>svg{opacity:0;animation:omFitTickIn var(--t) ease-in-out infinite;animation-delay:var(--d,0s)}@keyframes omFitTick{0%,8%{background:0 0;box-shadow:inset 0 0 0 1.5px #90278e4d}20%,88%{background:var(--color-primary);box-shadow:inset 0 0 0 1.5px var(--color-primary)}to{background:0 0;box-shadow:inset 0 0 0 1.5px #90278e4d}}@keyframes omFitTickIn{0%,10%{opacity:0;transform:scale(.6)}20%,88%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.6)}}.om-fit-demo--wired{align-items:center;display:flex}.om-fit-ports{box-sizing:border-box;align-items:stretch;gap:6px;width:100%;height:100%;padding-block:4px;padding-inline-end:5px;display:flex}.om-fit-port{max-width:60px;color:var(--color-gray-mid);animation:omFitPort var(--t) ease-in-out infinite;animation-delay:var(--d,0s);background:0 0;border-radius:10px;flex:1 1 0;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:inset 0 0 0 1.5px #90278e00}.om-fit-port:before{content:"";border:1.5px dashed var(--color-gray-border);animation:omFitDash var(--t) ease-in-out infinite;animation-delay:var(--d,0s);border-radius:10px;position:absolute;inset:0}.om-fit-dock{background:var(--color-primary);color:#fff;opacity:0;width:13px;height:13px;animation:omFitDock var(--t) ease-in-out infinite;animation-delay:var(--d,0s);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset-block-start:-4px;inset-inline-end:-4px;transform:scale(0)}@keyframes omFitPort{0%,8%{color:var(--color-gray-mid);background:0 0;box-shadow:inset 0 0 0 1.5px #90278e00}20%,88%{background:var(--color-primary-tint);box-shadow:inset 0 0 0 1.5px var(--color-primary);color:var(--color-primary)}to{color:var(--color-gray-mid);background:0 0;box-shadow:inset 0 0 0 1.5px #90278e00}}@keyframes omFitDash{0%,8%{opacity:1}20%,88%{opacity:0}to{opacity:1}}@keyframes omFitDock{0%,10%{opacity:0;transform:scale(0)}22%,88%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}.om-fit-demo--tone{flex-direction:column;justify-content:space-between;display:flex}.om-fit-seg{background:var(--surface-muted);box-sizing:border-box;border-radius:999px;grid-template-columns:1fr 1fr;align-items:center;max-width:176px;height:28px;padding:3px;display:grid;position:relative}.om-fit-thumb{background:var(--color-primary);width:calc(50% - 3px);animation:omFitThumb var(--t) cubic-bezier(.65, 0, .35, 1) infinite;border-radius:999px;position:absolute;inset-block:3px;inset-inline-start:3px}.om-fit-opt{z-index:1;text-align:center;white-space:nowrap;text-overflow:ellipsis;animation-duration:var(--t);font-size:12px;font-weight:600;line-height:1;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:relative;overflow:hidden}.om-fit-opt--a{color:#fff;animation-name:omFitOptA}.om-fit-opt--b{color:var(--color-ink);animation-name:omFitOptB}@keyframes omFitThumb{0%,14%{transform:translate(0)}24%,88%{transform:translate(100%)}to{transform:translate(0)}}[dir=rtl] .om-fit-thumb{animation-name:omFitThumbRtl}@keyframes omFitThumbRtl{0%,14%{transform:translate(0)}24%,88%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes omFitOptA{0%,14%{color:#fff}24%,88%{color:var(--color-ink)}to{color:#fff}}@keyframes omFitOptB{0%,14%{color:var(--color-ink)}24%,88%{color:#fff}to{color:var(--color-ink)}}.om-fit-reply{height:14px;color:var(--color-primary);align-items:center;gap:7px;display:flex}.om-fit-reply i{background:var(--color-primary-tint);transform-origin:0;width:72%;height:6px;animation:omFitSay var(--t) cubic-bezier(.65, 0, .35, 1) infinite;border:1px solid #90278e38;border-radius:999px;flex:0 auto;display:block}[dir=rtl] .om-fit-reply i{transform-origin:100%}@keyframes omFitSay{0%,14%{transform:scaleX(1)}24%,88%{transform:scaleX(.62)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.om-fit-tick,.om-fit-tick>svg,.om-fit-port,.om-fit-port:before,.om-fit-dock,.om-fit-thumb,.om-fit-opt,.om-fit-reply i{animation:none!important}.om-fit-tick{background:var(--color-primary);box-shadow:inset 0 0 0 1.5px var(--color-primary)}.om-fit-tick>svg{opacity:1;transform:none}.om-fit-port{background:var(--color-primary-tint);box-shadow:inset 0 0 0 1.5px var(--color-primary);color:var(--color-primary)}.om-fit-port:before{opacity:0}.om-fit-dock{opacity:1;transform:none}.om-fit-thumb{width:calc(100% - 6px);transform:none}.om-fit-opt{color:#fff}.om-fit-reply i{transform:scaleX(.78)}}