@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);-webkit-user-select:none;user-select:none;border-radius:.25rem;width:100%;line-height:1;display:inline-flex;position:relative;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);background-repeat:no-repeat;background-image:linear-gradient(90deg, var(--base-color), var(--highlight-color), var(--base-color));height:100%;animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute;top:0;left:0;right:0;transform:translate(-100%)}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}.vi{box-sizing:border-box;color:#0000;caret-color:#0000;background:0 0;border:0 #0000;outline:none;position:absolute;inset:0}.vi::-ms-reveal{display:none}.vi::-ms-clear{display:none}.vi::selection{background:0 0}:where(.vi__container){gap:8px;width:300px;height:50px;display:flex;position:relative}:where(.vi__character){text-align:center;color:#000;cursor:default;-webkit-user-select:none;user-select:none;box-sizing:border-box;background-color:#fff;border:1px solid #000;flex-grow:1;flex-basis:0;height:100%;font-size:36px;line-height:50px}:where(.vi__character--inactive){color:#696969;background-color:#d3d3d3}:where(.vi__character--selected){color:#6495ed;outline:2px solid #6495ed}