.hz-wa{--wa-green: #25d366;--wa-header: #128c7e;--wa-panel: #ece5dd;position:fixed;inset-block-end:2rem;z-index:40;display:flex;flex-direction:column;align-items:flex-end;gap:var(--hz-3, 1.2rem);pointer-events:none}.hz-wa--end{inset-inline-end:2rem}.hz-wa--start{inset-inline-start:2rem;align-items:flex-start}.hz-wa>*{pointer-events:auto}@media screen and (max-width:749px){.hz-wa[data-hide-mobile=true]{display:none}}.hz-wa__launcher{order:2;display:inline-flex;align-items:center;gap:var(--hz-3, 1.2rem);padding:0;border:0;background:transparent;cursor:pointer;color:inherit}.hz-wa--start .hz-wa__launcher{flex-direction:row-reverse}.hz-wa__launcher-label{padding:.9rem 1.6rem;border-radius:999px;background-color:#fff;color:#1a1614;font-size:var(--hz-text-sm, 1.4rem);font-weight:600;letter-spacing:.01em;white-space:nowrap;box-shadow:0 1px 2px #00000024,0 6px 18px -6px #0000004d;transition:opacity .16s cubic-bezier(.25,1,.5,1)}.hz-wa__launcher-icon{display:grid;place-items:center;width:6rem;height:6rem;border-radius:50%;background-color:var(--wa-green);color:#fff;box-shadow:0 2px 4px #0000002e,0 10px 26px -8px #00000073;transition:transform .16s cubic-bezier(.25,1,.5,1),box-shadow .16s cubic-bezier(.25,1,.5,1)}@media(hover:hover)and (pointer:fine){.hz-wa__launcher:hover .hz-wa__launcher-icon{transform:scale(1.05)}}.hz-wa__launcher:active .hz-wa__launcher-icon{transform:scale(.97)}.hz-wa__launcher:focus-visible .hz-wa__launcher-icon{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 5px var(--wa-header)}.hz-wa--open .hz-wa__launcher-label{opacity:0;pointer-events:none}.hz-wa__panel{order:1;width:min(34rem,calc(100vw - 4rem));border-radius:1.2rem;overflow:hidden;background-color:var(--wa-panel);box-shadow:0 4px 10px #00000029,0 24px 60px -18px #00000080;opacity:0;transform:translateY(1.2rem) scale(.98);transform-origin:bottom right;transition:opacity .22s cubic-bezier(.25,1,.5,1),transform .22s cubic-bezier(.25,1,.5,1)}.hz-wa--start .hz-wa__panel{transform-origin:bottom left}.hz-wa--open .hz-wa__panel{opacity:1;transform:translateY(0) scale(1)}.hz-wa__head{display:flex;align-items:center;gap:var(--hz-3, 1.2rem);padding:var(--hz-4, 1.6rem);background-color:var(--wa-header);color:#fff}.hz-wa__head-icon{display:grid;place-items:center;width:3.4rem;height:3.4rem;border-radius:50%;background-color:#fff;color:var(--wa-header);flex:none}.hz-wa__head-title{flex:1;font-size:var(--hz-text, 1.6rem);font-weight:700;line-height:1.25}.hz-wa__collapse{display:grid;place-items:center;width:3.2rem;height:3.2rem;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer;flex:none}@media(hover:hover)and (pointer:fine){.hz-wa__collapse:hover{background-color:#ffffff29}}.hz-wa__collapse:focus-visible{outline:2px solid #fff;outline-offset:2px}.hz-wa__body{min-height:14rem;max-height:34svh;overflow-y:auto;padding:var(--hz-5, 2.4rem) var(--hz-4, 1.6rem);background-image:radial-gradient(rgb(0 0 0 / .035) 1px,transparent 1px);background-size:18px 18px}.hz-wa__bubble{position:relative;display:inline-block;max-width:88%;padding:var(--hz-3, 1.2rem) var(--hz-4, 1.6rem) 2.2rem;border-radius:0 1rem 1rem;background-color:#fff;box-shadow:0 1px 1px #0000001f}.hz-wa__bubble-text{margin:0;font-size:var(--hz-text-sm, 1.4rem);line-height:1.45;color:#1a1614}.hz-wa__bubble-time{position:absolute;inset-block-end:.6rem;inset-inline-end:1rem;font-size:1.1rem;color:#0000006b}.hz-wa__form{display:flex;align-items:center;gap:var(--hz-2, .8rem);padding:var(--hz-3, 1.2rem);background-color:var(--wa-panel)}.hz-wa__input{flex:1;min-width:0;min-height:4.4rem;padding:0 1.6rem;border:0;border-radius:999px;background-color:#fff;font-family:inherit;font-size:var(--hz-text-sm, 1.4rem);color:#1a1614}.hz-wa__input:focus-visible{outline:2px solid var(--wa-header);outline-offset:1px}.hz-wa__send{display:grid;place-items:center;width:4.4rem;height:4.4rem;flex:none;padding:0;border:0;border-radius:50%;background-color:var(--wa-green);color:#fff;cursor:pointer;transition:transform .14s cubic-bezier(.25,1,.5,1)}@media(hover:hover)and (pointer:fine){.hz-wa__send:hover{transform:scale(1.06)}}.hz-wa__send:focus-visible{outline:2px solid var(--wa-header);outline-offset:2px}@media screen and (max-width:480px){.hz-wa{inset-block-end:1.6rem}.hz-wa--end{inset-inline-end:1.6rem}.hz-wa--start{inset-inline-start:1.6rem}}@media(prefers-reduced-motion:reduce){.hz-wa__panel,.hz-wa__launcher-icon,.hz-wa__send,.hz-wa__launcher-label{transition:none}.hz-wa__panel,.hz-wa--open .hz-wa__panel{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hiza-whatsapp.css.map */