.speakon-moments{--moments-gutter: 80px;display:block;padding:120px 0;background:#f7f7f7;color:#121212}.speakon-moments__intro,.speakon-moments__controls{width:calc(100% - 2 * var(--moments-gutter));max-width:1280px;margin-inline:auto}.speakon-moments__intro h2,.speakon-moments__story :is(h2,p),.speakon-moments__feedback p{margin:0}.speakon-moments__intro p{max-width:720px;margin:24px 0 0;color:#4f4f4f}.speakon-moments__track{display:flex;gap:32px;margin:64px 0 0;padding:0 max(var(--moments-gutter),calc((100% - 1280px)/2));list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-padding-inline:max(var(--moments-gutter),calc((100% - 1280px)/2));scroll-snap-type:x mandatory;scrollbar-width:none}.speakon-moments__track::-webkit-scrollbar{display:none}.speakon-moments__card{flex:0 0 min(360px,calc(100% - 24px));min-width:0;scroll-snap-align:start}.speakon-moments__open{display:block;width:100%;border:0;padding:0;background:transparent;color:inherit;text-align:start;cursor:pointer}.speakon-moments__photo{display:block;position:relative;aspect-ratio:3 / 4;overflow:hidden;border-radius:16px;background:#e4e4e4}.speakon-moments__image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;transition:transform .3s ease-out}.speakon-moments__image>img{position:absolute;width:100%;height:100%;max-width:none;object-fit:cover}.speakon-moments__photo--capture>img{width:228.3333%;height:114.2225%;left:-64.1667%;top:-1.2508%}.speakon-moments__photo--capture>.speakon-moments__capture-device{width:15.6086%;height:10.8704%;left:10.2528%;top:49.1283%}.speakon-moments__photo--reply>img{width:255.278%;height:107.708%;left:-55.556%;top:-3.75%}.speakon-moments__photo--follow-up>img{width:236.667%;height:118.333%;left:-83.333%;top:0}.speakon-moments__photo--draft>img{width:203.611%;height:101.875%;left:-55.833%;top:0}.speakon-moments__photo--agent>img{width:376.389%;height:188.125%;left:-131.389%;top:-33.125%;object-fit:fill;object-position:bottom}.speakon-moments__overlay{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid rgb(255 255 255 / 80%);border-radius:14px;background:#fffffff5;box-shadow:0 6px 18px #0000001f;color:#121212;font:500 16px/24px var(--font-body-family);letter-spacing:.02em;white-space:nowrap;pointer-events:none}.speakon-moments__overlay img{display:block;flex-shrink:0;max-width:none}.speakon-moments__overlay--capture,.speakon-moments__overlay--draft{left:6.667%;background:#121212f0;border-color:#ffffff24;color:#fff}.speakon-moments__overlay--capture{left:10.2778%;top:66.0417%}.speakon-moments__overlay--reply{left:5%;top:72.917%}.speakon-moments__overlay--follow-up{left:33.333%;top:73.75%}.speakon-moments__overlay--draft{top:84.167%;gap:16px}.speakon-moments__overlay--agent{left:6.667%;top:80%}.speakon-moments__overlay-action{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.speakon-moments__overlay-status{font:400 14px/22px var(--font-body-family);letter-spacing:-.01em}.speakon-moments__overlay-status{padding:2px 8px;border-radius:6px;background:#22c55e;color:#fff}.speakon-moments__plus{position:absolute;bottom:24px;right:24px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff;transition:background-color .16s ease-out}.speakon-moments__plus img{width:24px;height:24px}.speakon-moments__title{display:block;margin-top:16px}.speakon-moments__controls{display:flex;justify-content:flex-end;gap:12px;margin-top:64px}.speakon-moments__control{display:grid;place-items:center;flex:0 0 auto;width:62px;height:62px;padding:0;border:0;border-radius:50%;box-shadow:inset 0 0 0 1px #c9c9c9;background:transparent;cursor:pointer;transition:background-color .16s ease-out,box-shadow .16s ease-out}.speakon-moments__control--next{background:#e5ef16;box-shadow:none}.speakon-moments__control img{display:block;width:24px;height:24px}.speakon-moments__control--previous img{transform:rotate(180deg)}.speakon-moments__control:disabled{box-shadow:inset 0 0 0 1px #e4e4e4;cursor:default}.speakon-moments__control:disabled img{opacity:.35}.speakon-moments__control--next:disabled{background:#e5ef166b;box-shadow:none}.speakon-moments button:focus-visible{outline:2px solid #121212;outline-offset:4px}.speakon-moments .speakon-moments__open:focus-visible{outline-offset:-3px;border-radius:16px}.speakon-moments__dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:min(1280px,calc(100% - 48px));max-width:none;max-height:calc(100dvh - 48px);margin:auto;padding:0;border:0;border-radius:40px;background:#fff;color:#121212;overflow:hidden}.speakon-moments__dialog::backdrop{background:#0000007a}.speakon-moments__dialog[open]:not([data-keyboard]){animation:speakon-moment-enter .2s cubic-bezier(.23,1,.32,1)}.speakon-moments__dialog-body{display:grid;grid-template-columns:minmax(0,52.5fr) minmax(0,47.5fr);grid-template-rows:1fr auto;height:min(800px,calc(100dvh - 48px));overflow:auto;overscroll-behavior:contain}.speakon-moments__story{grid-area:1 / 2;display:flex;flex-direction:column;gap:16px;padding:64px 48px 56px 64px;color:#4f4f4f}.speakon-moments__story h2,.speakon-moments__outcome{color:#121212}.speakon-moments__demo{grid-area:1 / 1 / 3;display:flex;align-items:center;min-width:0;background:#f7f7f7}.speakon-moments__demo>:is(img,video){display:block;width:100%;height:auto;max-height:100%;object-fit:contain}.speakon-moments__demo--phone{position:relative;min-height:0;overflow:hidden;justify-content:center;padding:36px}.speakon-moments__demo--phone .speakon-moments__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-height:none;filter:blur(16px);transform:scale(1.08)}.speakon-moments__demo--phone .speakon-moments__phone{position:relative;width:100%;height:100%;min-height:0;object-fit:contain}.speakon-moments__feedback{grid-area:2 / 2;display:flex;flex-direction:column;gap:24px;margin:0 48px 56px 64px;padding-top:24px;border-top:1px solid #c9c9c9}.speakon-moments__feedback cite{font-style:normal}.speakon-moments__close{position:absolute;z-index:1;top:24px;right:24px;display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid #7e7e7e;border-radius:50%;background:#f7f7f7;cursor:pointer}html:has(.speakon-moments__dialog[open]){scrollbar-gutter:stable}body:has(.speakon-moments__dialog[open]){overflow:hidden}@keyframes speakon-moment-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(hover:hover)and (pointer:fine){.speakon-moments__open:is(:hover,:focus-visible) .speakon-moments__image{transform:scale(1.1)}.speakon-moments__open:hover .speakon-moments__plus{background:#e5ef16}.speakon-moments__control--previous:not(:disabled):hover{background:#f1f1f1;box-shadow:inset 0 0 0 1px #7e7e7e}.speakon-moments__control--next:not(:disabled):hover{background:#d2dc0e}}.speakon-moments__control--previous:not(:disabled):active{background:#e4e4e4;box-shadow:inset 0 0 0 1px #7e7e7e}.speakon-moments__control--next:not(:disabled):active{background:#c3cc0d}@media(max-width:1199.98px){.speakon-moments{--moments-gutter: 40px;padding-block:96px}.speakon-moments__intro p{margin-top:16px}.speakon-moments__track{gap:24px;margin-top:48px}.speakon-moments__card{flex-basis:min(360px,calc(100% - 24px))}.speakon-moments__controls{margin-top:48px}.speakon-moments__control{width:56px;height:56px}.speakon-moments__dialog-body{height:min(560px,calc(100dvh - 48px))}.speakon-moments__story{padding:64px 24px 28px}.speakon-moments__feedback{margin:0 24px 28px;gap:16px}.speakon-moments__close{width:44px;height:44px;top:12px;right:12px}}@media(max-width:767.98px){.speakon-moments{--moments-gutter: 24px;padding-block:48px}.speakon-moments__intro p{margin-top:12px}.speakon-moments__track{gap:16px;margin-top:40px}.speakon-moments__card{flex-basis:min(300px,calc(100% - 24px))}.speakon-moments__plus{bottom:16px;right:16px}.speakon-moments__overlay{transform:scale(.8);transform-origin:top left}.speakon-moments__controls{margin-top:40px}.speakon-moments__control img{width:20px;height:20px}.speakon-moments__dialog{width:100%;height:100dvh;max-height:none;border-radius:0}.speakon-moments__dialog-body{display:flex;flex-direction:column;height:100%;padding-top:72px}.speakon-moments__story{flex:0 0 auto;padding:0 24px 28px;gap:12px}.speakon-moments__demo{flex:0 0 auto}.speakon-moments__demo--phone{height:600px;padding:24px}.speakon-moments__feedback{flex:0 0 auto;margin:28px 24px}.speakon-moments__close{top:12px;right:16px}}@media(prefers-reduced-motion:reduce){.speakon-moments__dialog[open]:not([data-keyboard]){animation:none}.speakon-moments__control,.speakon-moments__plus,.speakon-moments__image{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/88/assets/speakon-home-moments.css.map */