.wa-animation{--wa-canvas-width:960;isolation:isolate;width:100%;aspect-ratio:var(--wa-fitted-aspect,var(--wa-poster-aspect));position:relative;overflow:visible}.wa-animation-poster{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.wa-animation-art{visibility:hidden}.wa-animation[data-scene-ready=true] .wa-animation-art{visibility:visible}.wa-animation[data-scene-ready=true] .wa-animation-poster{visibility:hidden}.wa-animation-stage{transform-origin:0 0;font-family:var(--font-geist),Arial,sans-serif;color:#111214;-webkit-font-smoothing:antialiased;letter-spacing:-.01em;position:absolute;top:0;left:0}.wa-animation-stage *{box-sizing:border-box}.wa-animation .card{background:#fff;border:1px solid #e3e9f2;border-radius:18px;position:absolute;overflow:hidden;box-shadow:0 22px 60px #1112141f}.wa-animation .cap{letter-spacing:.14em;color:#777b82;font-size:13px;font-weight:700}.wa-animation .mono{font-family:var(--font-geist-mono),ui-monospace,monospace}.wa-animation .pill{white-space:nowrap;border-radius:99px;align-items:center;padding:5px 12px;font-size:14px;font-weight:700;display:inline-flex}.wa-animation .p-red{color:#8f1f24;background:#fdf0f0}.wa-animation .p-green{color:#146c42;background:#e8f6ee}.wa-animation .p-grey{color:#3c3e42;background:#f0f2f6}.wa-animation .p-blue{color:#1a5fc9;background:#edf4ff}.wa-animation .p-amber{color:#7a4a00;background:#fdf3e1}.wa-animation .btn{border:0;border-radius:9px;align-items:center;height:48px;padding:0 20px;font-family:inherit;font-size:16px;font-weight:700;display:inline-flex}.wa-animation .phone{background:#efeae2;border:9px solid #111214;border-radius:30px;position:absolute;overflow:hidden;box-shadow:0 25px 60px #11121433}.wa-animation .ph-top{color:#fff;z-index:2;background:#075e54;align-items:center;gap:12px;height:72px;padding:0 18px;display:flex;position:absolute;top:0;left:0;right:0}.wa-animation .ph-av{background:#fff;border-radius:99px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.wa-animation .ph-chat{flex-direction:column;justify-content:flex-end;padding:0 14px 16px;display:flex;position:absolute;inset:72px 0 0;overflow:hidden}.wa-animation .g{opacity:0;flex-shrink:0;max-height:0;overflow:hidden}.wa-animation .g>div{flex-direction:column;padding-top:10px;display:flex}.wa-animation .bo{background:#d9fdd3;border-radius:14px 4px 14px 14px;align-self:flex-end;max-width:86%;padding:10px 13px;font-size:16px;line-height:1.4}.wa-animation .bi{background:#fff;border-radius:4px 14px 14px;align-self:flex-start;max-width:88%;padding:10px 13px;font-size:16px;line-height:1.4}.wa-animation .ts{color:#4d6b59;text-align:right;margin-top:3px;font-size:12px}.wa-animation .nm{margin-bottom:2px;font-size:13px;font-weight:700}.wa-animation .ph{color:#3f5a45;background:repeating-linear-gradient(135deg,#c9d6c4 0 10px,#d6e1d2 10px 20px);border-radius:9px;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.wa-animation .src{color:#4d6b59;background:#eef6f0;border-radius:7px;align-self:flex-start;align-items:center;gap:6px;width:max-content;margin-top:8px;padding:4px 8px;font-size:13px;display:flex}.wa-animation .dot{background:#8a8e95;border-radius:99px;width:8px;height:8px;margin-right:4px;display:inline-block}.wa-animation .row{border-top:1px solid #eef0f3;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:14px;height:70px;padding:0 22px;display:grid}.wa-animation .ri{background:#edf4ff;border-radius:11px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.wa-animation .rt{font-size:18px;font-weight:600}.wa-animation .rd{color:#64676c;margin-top:2px;font-size:15px}.wa-animation .opt{background:#fff;border:1.5px solid #cfd8e4;border-radius:8px;padding:6px 11px;font-size:15px;font-weight:600}.wa-animation .cur{z-index:20;pointer-events:none;position:absolute;top:0;left:0}.wa-animation-stage{line-height:normal}.wa-page .fp-example:has(.wa-animation){padding:14px;overflow:visible}@media (max-width:600px){.wa-animation{--wa-canvas-width:600}.wa-animation-hero{--wa-poster-aspect:600 / 1106!important}.wa-animation-your-crew{--wa-poster-aspect:600 / 1042!important}.wa-animation-groups{--wa-poster-aspect:600 / 1100!important}.wa-animation-requests{--wa-poster-aspect:600 / 827!important}.wa-animation-clock-in{--wa-poster-aspect:600 / 924!important}.wa-page .fp-example:has(.wa-animation){padding:8px}}
