.fx-mock-host{position:relative;overflow:hidden;container-type:inline-size}
.fx-mock{position:absolute;top:0;left:0;transform-origin:top left;overflow:hidden;border-radius:16px;box-shadow:0 30px 80px -20px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.06);font-family:"Segoe UI",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.fx-desk{background:#fff;color:#111b21}
.fx-desk *,.fx-desk *::before,.fx-desk *::after{box-sizing:border-box}
.fx-desk-browser{height:40px;background:#fff;display:flex;align-items:center;padding:0 15px;gap:20px;border-bottom:1px solid #e9edef}
.fx-desk-dots{display:flex;gap:6px}
.fx-desk-dots i{width:10px;height:10px;border-radius:50%;background:#D7DBE2}
.fx-desk-address{height:25px;background:#f4f5f6;border-radius:6px;display:flex;align-items:center;justify-content:center;flex:1;color:#667781;font-size:12px}
.fx-desk-app{height:calc(100% - 40px);display:flex}
.fx-desk-chat{width:220px;flex:none;background:#EFEAE2;overflow:hidden;border-right:1px solid #d1d7db}
.fx-desk-chat-top{height:59px;background:#F0F2F5;display:flex;align-items:center;gap:9px;padding:0 10px;font-size:12px;font-weight:600;white-space:nowrap}
.fx-desk-chat-face{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#d9e5e3;color:#45635e;font-size:15px;flex:none}
.fx-desk-chat-bubble{background:#fff;border-radius:8px;margin:20px 12px 0;padding:9px 11px;font-size:12px;line-height:1.45;box-shadow:0 1px 1px rgba(0,0,0,.1)}
.fx-desk-chat-bubble+.fx-desk-chat-bubble{margin-top:12px}
.fx-desk-panel-wrap{position:relative;width:340px;flex:none;overflow:hidden}
.fx-desk-panel .fx-fd-corpo{position:relative}
.fx-desk-form-state,.fx-desk-done-state{position:absolute;inset:12px 12px auto;display:flex;flex-direction:column;gap:10px;transition:opacity .25s,transform .25s}
.fx-desk-done-state{opacity:0;pointer-events:none;transform:translateY(8px)}
.fx-desk-done-state.on{opacity:1;pointer-events:auto;transform:translateY(0)}
.fx-desk-form-state.off{opacity:0;pointer-events:none;transform:translateY(-8px)}
.fx-desk-name{display:flex;align-items:center}
.fx-desk-name:not(:empty)::after{content:"";width:1px;height:18px;background:var(--fd-marca-a);margin-left:1px;animation:fx-desk-caret .8s steps(2,end) infinite}
@keyframes fx-desk-caret{50%{opacity:0}}
.fx-desk-loading{display:none;letter-spacing:3px;animation:fx-desk-caret .5s steps(2,end) infinite}
.fx-desk-create.loading>span:first-child{display:none}
.fx-desk-create.loading .fx-desk-loading{display:inline}
.fx-desk-note{display:none}
.fx-desk-note.on{display:block}
.fx-desk-key{position:absolute;right:17px;bottom:23px;padding:5px 10px;border-radius:7px;background:#111b21;color:#fff;font-size:12px;box-shadow:0 3px 8px rgba(0,0,0,.15);opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s}
.fx-desk-key.on{opacity:1;transform:translateY(0)}
.fx-desk-cursor{position:absolute;left:0;top:0;width:28px;height:32px;z-index:5;opacity:0;transform:translate(280px,350px);transition:opacity .2s,transform .5s cubic-bezier(.2,0,0,1)}
.fx-desk-cursor.on{opacity:1;transform:translate(165px,301px)}
.fx-desk-cursor svg{width:28px;height:32px}
.fx-desk-compact .fx-desk-panel-wrap{width:400px;height:440px}
.fx-desk-compact .fx-fd-topo{height:50px}
.fx-desk-compact .fx-fd-corpo{padding:9px 12px}
.fx-desk-compact .fx-desk-form-state,.fx-desk-compact .fx-desk-done-state{inset:9px 12px auto;gap:7px}
.fx-desk-compact .fx-fd-cartao{padding:12px}
.fx-desk-compact .fx-fd-form{gap:8px}
.fx-desk-compact .fx-fd-fld label{margin-bottom:3px}
.fx-desk-compact .fx-fd-in{height:34px}
.fx-desk-compact .fx-fd-sel::after{top:12px}
.fx-desk-compact .fx-fd-chip{padding:0 9px!important;font-size:12px!important}
.fx-desk-compact .fx-fd-btn.cheio{height:38px}
.fx-desk-compact .fx-fd-hint{margin:0;font-size:11px}
.fx-desk-compact .fx-fd-etapa{min-height:35px}
.fx-desk-compact .fx-fd-op-cab{margin-bottom:7px}
.fx-desk-compact .fx-desk-note{display:none}
.fx-desk-compact .fx-desk-toast{bottom:12px}
.fx-desk-compact .fx-desk-cursor.on{transform:translate(145px,263px)}
@media(prefers-reduced-motion:reduce){.fx-desk *{animation:none!important;transition:none!important}}
.fx-mock-final *,.fx-mock-final *::before,.fx-mock-final *::after{animation:none!important;transition:none!important}
.fx-mock-paused *,.fx-mock-paused *::before,.fx-mock-paused *::after{animation-play-state:paused!important}