.live-demo-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:var(--tf-bg,#050505);display:flex;flex-direction:column}.live-demo-overlay[hidden]{display:none}.live-demo-overlay__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;flex-shrink:0}.live-demo-overlay__close,.live-demo-overlay__open{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:var(--tf-card,#101010);color:var(--tf-ink,#f4f4f0);cursor:pointer;text-decoration:none;flex-shrink:0}.live-demo-overlay__open[hidden]{display:none}[data-live-demo-link]{appearance:none;-webkit-appearance:none}.live-demo-overlay__close svg,.live-demo-overlay__open svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.live-demo-overlay__switcher{display:flex;gap:4px;background:var(--tf-card,#101010);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:4px}.live-demo-overlay__switcher button{display:flex;align-items:center;justify-content:center;width:36px;height:32px;border:0;border-radius:999px;background:transparent;color:var(--tf-muted,#a7aaa7);cursor:pointer;transition:background .15s ease,color .15s ease}.live-demo-overlay__switcher button:hover{color:var(--tf-ink,#f4f4f0)}.live-demo-overlay__switcher button.is-active{background:var(--tf-accent,#20d179);color:#04140c}.live-demo-overlay__switcher svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.live-demo-overlay__title{margin:0 0 14px;text-align:center;color:var(--tf-ink,#f4f4f0);font-size:14px;font-weight:700;flex-shrink:0}.live-demo-overlay__stage{flex:1;display:flex;align-items:center;justify-content:center;padding:0 18px 24px;min-height:0}.live-demo-overlay__frame{position:relative;background:#fff;border-radius:16px;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 80px #0000008c,0 4px 18px #00000059;overflow:hidden;width:min(1360px,100%);height:100%;max-height:calc(100vh - 150px);transition:width .35s cubic-bezier(.4,0,.2,1),height .35s cubic-bezier(.4,0,.2,1),border-radius .35s ease}.live-demo-overlay__frame.is-mobile{width:390px;height:min(780px,calc(100vh - 150px));border-radius:32px;border-width:6px;border-color:#1c1c1e}.live-demo-overlay__frame img{display:block;width:100%;height:100%;border:0;background:#fff;object-fit:cover;object-position:top center}.live-demo-overlay__frame.is-full-preview{overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.live-demo-overlay__frame.is-full-preview img{height:auto;object-fit:unset}@media(max-width:480px){.live-demo-overlay__frame.is-mobile{width:100%;max-width:390px}}
/*# sourceMappingURL=/cdn/shop/t/360/assets/live-demo.css.map */