.demo-better-translate{--paper:#f5f5f7;--panel:#ebebef;--ink:29, 29, 31;--secondary:#3c3c4399;--glass:#fff;--near:27, 87, 245;--far:240, 45, 74;--out:cubic-bezier(.22, 1, .36, 1);color:rgb(var(--ink));-webkit-font-smoothing:antialiased;justify-content:center;padding:6px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Hiragino Sans,system-ui,sans-serif;display:flex}.demo-better-translate.is-dark{--paper:#141416;--panel:#1e1e22;--ink:242, 242, 244;--secondary:#ebebf599;--glass:#2c2c32}.demo-better-translate *,.demo-better-translate :before,.demo-better-translate :after{box-sizing:border-box}.demo-better-translate button{font:inherit;color:inherit;margin:0}.demo-better-translate .bt-defs{width:0;height:0;position:absolute}.demo-better-translate .bt-phone{--pt:calc(100cqw / 402);aspect-ratio:402/874;background:var(--paper);border-radius:15.4%/7.1%;grid-template-rows:minmax(0,1fr) 1px minmax(0,1fr);width:min(320px,100%);transition:background-color .18s ease-out;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 5px #000;container-type:inline-size}.demo-better-translate .bt-status{z-index:5;height:calc(var(--pt) * 62);pointer-events:none;position:absolute;inset:0 0 auto}.demo-better-translate .bt-time{left:calc(var(--pt) * 52);top:calc(var(--pt) * 19);font-size:calc(var(--pt) * 17);font-weight:600;line-height:1;position:absolute}.demo-better-translate .bt-island{top:calc(var(--pt) * 11);width:calc(var(--pt) * 125);height:calc(var(--pt) * 37);border-radius:calc(var(--pt) * 19);background:#000;position:absolute;left:50%;transform:translate(-50%)}.demo-better-translate .bt-battery{right:calc(var(--pt) * 40);top:calc(var(--pt) * 20);width:calc(var(--pt) * 26);height:calc(var(--pt) * 13);border-radius:calc(var(--pt) * 4);background:rgb(var(--ink));position:absolute}.demo-better-translate .bt-half{min-height:0;transition:transform .18s var(--out);flex-direction:column;display:flex;position:relative}.demo-better-translate .bt-far{padding:calc(var(--pt) * 62) 0 calc(var(--pt) * 31)}.demo-better-translate .bt-far.is-turned{padding:calc(var(--pt) * 31) 0 calc(var(--pt) * 62);transform:rotate(180deg)}.demo-better-translate .bt-near{padding:calc(var(--pt) * 31) 0 calc(var(--pt) * 34)}.demo-better-translate .bt-seam{background:rgba(var(--ink), .14)}.demo-better-translate .bt-press{z-index:1;cursor:pointer;touch-action:manipulation;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:100%;padding:0;position:absolute;inset:0}.demo-better-translate .bt-press:focus-visible{outline-offset:-8px;border-radius:24px;outline:2px solid #0071e3}.demo-better-translate .bt-chiprow,.demo-better-translate .bt-solo,.demo-better-translate .bt-foot{z-index:2;pointer-events:none;position:relative}.demo-better-translate .bt-chiprow{padding:calc(var(--pt) * 10) calc(var(--pt) * 14) 0;flex:none;justify-content:space-between;align-items:center;display:flex}.demo-better-translate .is-upright .bt-chiprow{padding:0 calc(var(--pt) * 14) calc(var(--pt) * 10);order:3}.demo-better-translate .is-upright .bt-solo{order:2}.demo-better-translate .bt-chip{align-items:center;gap:calc(var(--pt) * 4);padding:calc(var(--pt) * 6) calc(var(--pt) * 10);background:var(--panel);font-size:calc(var(--pt) * 12);white-space:nowrap;border-radius:999px;font-weight:600;line-height:1.2;transition:background-color .18s ease-out;display:inline-flex}.demo-better-translate .bt-chev{color:rgba(var(--ink), .4);display:inline-flex}.demo-better-translate .bt-speak{width:calc(var(--pt) * 30);height:calc(var(--pt) * 30);margin-right:calc(var(--pt) * 16);background:var(--panel);color:rgba(var(--ink), .25);border-radius:50%;place-items:center;transition:color .18s ease-out,background-color .18s ease-out;display:grid}.demo-better-translate .is-upright .bt-speak{margin:0 0 0 calc(var(--pt) * 16)}.demo-better-translate .bt-speak.is-on{color:rgb(var(--ink))}.demo-better-translate .bt-inline{inset:0 calc(var(--pt) * 98) 0;padding-bottom:calc(var(--pt) * 10);justify-content:center;align-items:center;display:flex;position:absolute}.demo-better-translate .bt-solo{min-height:0;padding:0 calc(var(--pt) * 20);text-align:center;flex:auto;justify-content:center;align-items:center;display:flex}.demo-better-translate .bt-line{overflow-wrap:anywhere;text-wrap:balance;max-width:100%;margin:0;line-height:1.16}.demo-better-translate .bt-mine{color:var(--secondary);font-weight:400}.demo-better-translate .bt-theirs{color:rgb(var(--ink));animation:bt-arrive .18s var(--out) both;font-weight:600}.demo-better-translate .bt-resolving{color:rgb(var(--ink));filter:blur(calc(var(--pt) * 9));opacity:.26;font-weight:600;animation:1.15s ease-in-out infinite alternate bt-resolve}@keyframes bt-resolve{to{opacity:.42}}@keyframes bt-arrive{0%{opacity:.3;filter:blur(calc(var(--pt) * 9))}}.demo-better-translate .bt-foot{padding:calc(var(--pt) * 14) calc(var(--pt) * 16);flex:none;justify-content:center;align-items:center;display:flex}.demo-better-translate .bt-corners{height:calc(var(--pt) * 56);padding:0 calc(var(--pt) * 34);justify-content:space-between}.demo-better-translate .bt-corner{width:calc(var(--pt) * 56);height:calc(var(--pt) * 56);background:var(--glass);color:rgba(var(--ink), .6);border-radius:50%;flex:none;place-items:center;transition:background-color .18s ease-out;display:grid;box-shadow:0 1px 4px #0000000f}.demo-better-translate .bt-shimmer{min-width:0;font-size:calc(var(--pt) * 13);white-space:nowrap;text-overflow:ellipsis;line-height:1.3;position:relative;overflow:hidden}.demo-better-translate .bt-shimmer.is-hidden{visibility:hidden}.demo-better-translate .bt-shimmer-base{color:rgba(var(--ink), .3)}.demo-better-translate .bt-shimmer-hi{color:rgba(var(--ink), .85);opacity:0;animation:3.8s linear infinite bt-sweep;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000,#0000);mask-image:linear-gradient(90deg,#0000,#000,#0000);-webkit-mask-size:34% 100%;mask-size:34% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.demo-better-translate .bt-shimmer.slot-1 .bt-shimmer-hi{animation-delay:1.9s}.demo-better-translate .bt-shimmer.is-paused .bt-shimmer-hi{animation-play-state:paused}@keyframes bt-sweep{0%{opacity:1;-webkit-mask-position:-52% 0;mask-position:-52% 0}34.2%{opacity:1;-webkit-mask-position:152% 0;mask-position:152% 0}34.3%,to{opacity:0;-webkit-mask-position:152% 0;mask-position:152% 0}}.demo-better-translate .bt-aura{--c:var(--near);--a:.42;pointer-events:none;opacity:0;transition:opacity .18s ease-out;position:absolute;inset:0;overflow:hidden}.demo-better-translate .bt-aura-far{--c:var(--far)}.demo-better-translate .bt-aura.is-on{opacity:1}.demo-better-translate .bt-band{--w:.72;--depth:calc(var(--pt) * 88 * .62);background:linear-gradient(var(--dir), rgba(var(--c), calc(var(--a) * var(--w))), rgba(var(--c), 0));animation:2.4s cubic-bezier(.77,0,.175,1) infinite alternate paused bt-breathe;position:absolute}.demo-better-translate .bt-band.is-seam{--w:1;--depth:calc(var(--pt) * 121 * .62)}.demo-better-translate .bt-band.is-top{--dir:to bottom;height:var(--depth);transform-origin:top;inset:0 0 auto}.demo-better-translate .bt-band.is-bottom{--dir:to top;height:var(--depth);transform-origin:bottom;inset:auto 0 0}.demo-better-translate .bt-band.is-left{--dir:to right;width:var(--depth);transform-origin:0;animation-name:bt-breathe-x;inset:0 auto 0 0}.demo-better-translate .bt-band.is-right{--dir:to left;width:var(--depth);transform-origin:100%;animation-name:bt-breathe-x;inset:0 0 0 auto}.demo-better-translate .bt-aura.is-on .bt-band{animation-play-state:running}.demo-better-translate.is-offscreen .bt-band{animation-play-state:paused}@keyframes bt-breathe{to{transform:scaleY(1.17)}}@keyframes bt-breathe-x{to{transform:scaleX(1.17)}}.demo-better-translate .bt-seamctl{z-index:6;filter:drop-shadow(0 1px 3px #00000014);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.demo-better-translate .bt-goo{align-items:center;display:flex;position:absolute;inset:0}.demo-better-translate .bt-goo span{width:calc(var(--pt) * 42);height:calc(var(--pt) * 42);margin:0 calc(var(--pt) * 2);background:var(--glass);border-radius:50%;flex:none;transition:background-color .18s ease-out}.demo-better-translate .bt-seambtns{display:flex;position:relative}.demo-better-translate .bt-seambtn{width:calc(var(--pt) * 46);height:max(44px, calc(var(--pt) * 42));color:rgba(var(--ink), .6);background:0 0;border:0;place-items:center;padding:0;transition:color .18s ease-out,transform .12s ease-out;display:grid}.demo-better-translate button.bt-seambtn{cursor:pointer}.demo-better-translate .bt-seambtn.is-on{color:rgba(var(--ink), .95)}.demo-better-translate .bt-seambtn:disabled{color:rgba(var(--ink), .25);cursor:default}.demo-better-translate button.bt-seambtn:not(:disabled):active{transform:scale(.92)}.demo-better-translate .bt-seambtn:focus-visible{outline-offset:-4px;border-radius:50%;outline:2px solid #0071e3}@media (prefers-reduced-motion:reduce){.demo-better-translate .bt-half{transition:none}.demo-better-translate .bt-band,.demo-better-translate .bt-shimmer-hi,.demo-better-translate .bt-resolving,.demo-better-translate .bt-theirs{animation:none}.demo-better-translate .bt-resolving{opacity:.34}}