.grid-configuration-demo_demo__sBVsq{position:absolute;inset:0;pointer-events:none;container-type:inline-size}.grid-configuration-demo_frame__mBdba{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0}.grid-configuration-demo_slider__tx6B8{position:absolute;bottom:3.5rem;left:50%;width:42%;max-width:9rem;height:1.5rem;transform:translateX(-50%)}.grid-configuration-demo_fill__Iefp_,.grid-configuration-demo_track__ya7Ua{position:absolute;top:.65rem;width:100%;height:3px;border-radius:99px;background:rgb(255 255 255/25%);box-shadow:0 1px 3px rgb(0 0 0/25%)}.grid-configuration-demo_fill__Iefp_{background:#ffb11b;transform-origin:left;transform:scaleX(var(--start))}.grid-configuration-demo_handle__8lljj{position:absolute;inset:0;transform:translateX(var(--start-x))}.grid-configuration-demo_knob__l51r8{position:absolute;top:.35rem;left:-.35rem;width:.7rem;height:.7rem;border-radius:50%;background:#ffb11b;box-shadow:0 0 0 3px rgb(15 15 15/50%)}.grid-configuration-demo_cursor__QAfWS{position:absolute;top:.6rem;left:-.15rem;width:1.25rem;height:1.5rem;filter:drop-shadow(0 1px 2px rgb(0 0 0/35%))}.grid-configuration-demo_caption__12MNm{position:absolute;bottom:2.45rem;left:1.25rem;display:none;max-width:calc(100% - 2.5rem);align-items:baseline;gap:.4rem;font-size:.72rem;line-height:1;white-space:nowrap;text-shadow:0 1px 6px rgb(0 0 0/70%);transition:opacity .2s ease-out}.grid-configuration-demo_cardHovered__f_YiD .grid-configuration-demo_caption__12MNm{opacity:0}@media (max-width:639.98px){.grid-configuration-demo_caption__12MNm{bottom:3.7rem}}.grid-configuration-demo_captionLabel__jNnaB{min-width:0;overflow:hidden;text-overflow:ellipsis;color:rgb(236 230 220/72%)}.grid-configuration-demo_captionValues__q04Ld{display:grid;font-weight:600;font-variant-numeric:tabular-nums;color:#fbf8f2}.grid-configuration-demo_captionValue__HLLzh{grid-area:1/1}.grid-configuration-demo_captionSecond__YWlZ_,.grid-configuration-demo_captionThird__Kb4NA{opacity:0}.grid-configuration-demo_running__LQMR_ .grid-configuration-demo_captionValue__HLLzh,.grid-configuration-demo_running__LQMR_ .grid-configuration-demo_fill__Iefp_,.grid-configuration-demo_running__LQMR_ .grid-configuration-demo_frame__mBdba,.grid-configuration-demo_running__LQMR_ .grid-configuration-demo_handle__8lljj{animation-duration:4.8s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.65,0,.35,1);animation-fill-mode:both;animation-play-state:var(--play-state,running)}.grid-configuration-demo_running__LQMR_ .grid-configuration-demo_second__945pd{animation-name:grid-configuration-demo_second__945pd}.grid-configuration-demo_running__LQMR_ .grid-configuration-demo_third__OwNWa{animation-name:grid-configuration-demo_third__OwNWa}.grid-configuration-demo_running__LQMR_ .grid-configuration-demo_base__Drpip{animation:grid-configuration-demo_base-in__iZop2 .6s cubic-bezier(.22,1,.36,1) both}@keyframes grid-configuration-demo_base-in__iZop2{0%{opacity:0}to{opacity:1}}.grid-configuration-demo_running__LQMR_ .grid-configuration-demo_fill__Iefp_{animation-name:grid-configuration-demo_fill__Iefp_}.grid-configuration-demo_running__LQMR_ .grid-configuration-demo_handle__8lljj{animation-name:grid-configuration-demo_drag__VbEiz}.grid-configuration-demo_running__LQMR_ .grid-configuration-demo_captionFirst__1gTzB{animation-name:grid-configuration-demo_caption-first__84Pxv}.grid-configuration-demo_running__LQMR_ .grid-configuration-demo_captionSecond__YWlZ_{animation-name:grid-configuration-demo_caption-second__ofKps}.grid-configuration-demo_running__LQMR_ .grid-configuration-demo_captionThird__Kb4NA{animation-name:grid-configuration-demo_caption-third__teMDP}@keyframes grid-configuration-demo_caption-first__84Pxv{0%,19%,85%,to{opacity:1}21%,83%{opacity:0}}@keyframes grid-configuration-demo_caption-second__ofKps{0%,19%,51%,to{opacity:0}21%,49%{opacity:1}}@keyframes grid-configuration-demo_caption-third__teMDP{0%,49%,85%,to{opacity:0}51%,83%{opacity:1}}@keyframes grid-configuration-demo_second__945pd{0%,14%{opacity:0}26%,57%{opacity:1}57.01%,to{opacity:0}}@keyframes grid-configuration-demo_third__OwNWa{0%,43%{opacity:0}57%,78%{opacity:1}90%,to{opacity:0}}@keyframes grid-configuration-demo_drag__VbEiz{0%,14%,90%,to{transform:translateX(var(--start-x))}26%,43%{transform:translateX(var(--second-x))}57%,78%{transform:translateX(var(--third-x))}}@keyframes grid-configuration-demo_fill__Iefp_{0%,14%,90%,to{transform:scaleX(var(--start))}26%,43%{transform:scaleX(var(--second))}57%,78%{transform:scaleX(var(--third))}}@media (prefers-reduced-motion:reduce){.grid-configuration-demo_demo__sBVsq{display:none}.grid-configuration-demo_running__LQMR_ *{animation:none}}@container (min-width: 300px){.grid-configuration-demo_slider__tx6B8{bottom:.9rem;left:1.25rem;width:30%;transform:none}.grid-configuration-demo_caption__12MNm{display:flex}}