.demo-fit{position:relative;overflow:visible}.demo-fit[data-fit=scaled]{overflow:hidden}.demo-fit__inner{transform-origin:0 0}.demo-fit__opener{cursor:pointer;background:0 0;border:none;justify-content:flex-end;align-items:flex-end;padding:8px;font-family:inherit;display:flex;position:absolute;inset:0}.demo-fit__opener-pill{color:#fff;white-space:nowrap;background:#0b1020d1;border-radius:6px;padding:5px 10px;font-size:12px;font-weight:500;line-height:130%}.demo-fit[data-open]{z-index:1000;touch-action:pan-x pan-y pinch-zoom;overscroll-behavior:contain;background:#0b1020;padding:56px 12px 24px;position:fixed;inset:0;overflow:auto}@media (min-width:768px){.demo-fit[data-open]{padding:64px 24px 32px}}.demo-fit__stage{z-index:1;color:#fff;background:#0b1020eb;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex;position:fixed;top:0;left:0;right:0}@media (min-width:768px){.demo-fit__stage{padding:10px 24px}}.demo-fit__stage-title{opacity:.75;margin:0;font-size:13px;line-height:130%}.demo-fit__close{position:relative}.demo-fit__close:after{content:"";width:100%;min-width:44px;height:100%;min-height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.demo-fit__close{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:8px;flex:none;padding:6px 14px;font-family:inherit;font-size:14px;line-height:130%}.demo-fit__close:hover{background:#ffffff14}