.z-index{z-index:1}.o-widget-bg{width:auto;position:absolute;z-index:0;top:-18%;right:0;left:-22%}.action{width:100%;height:170px;z-index:2;position:absolute;left:20px;top:0;overflow:hidden;visibility:hidden;pointer-events:none;font-family:source sans pro,sans-serif}.action.animation{opacity:1;animation:actionAnimation .5s linear}.action.animation .path{stroke-dasharray:1000;stroke-dashoffset:1000;animation:path-animation 3s linear forwards}@keyframes actionAnimation{from{height:180px;opacity:0}to{height:170px;opacity:1}}.action .path{position:absolute;top:0;left:110px;z-index:0}.action .action-container{position:absolute;left:0;bottom:0;min-width:250px;overflow:auto;z-index:1;border:1px solid #647384;border-radius:20px;display:none}.action .action-container.visible{display:block}.action .action-container .header{width:100%;padding:10px;font-weight:700;background:#647384}.action .action-container .action-body{width:100%;padding:15px 20px;background:#fff}.o-widget{width:350px;height:570px;background:#fff;margin:0 auto;display:grid;grid-template-rows:80px 1fr 50px;overflow:hidden;border-radius:10px;box-shadow:rgba(0,0,0,.16)0 5px 40px;font-family:source sans pro,sans-serif}.o-widget .o-widget-header{display:grid;grid-template-columns:50px 1fr;grid-gap:20px;background:#fff;color:#000;padding:15px 20px;box-shadow:0 10px 15px rgba(#000,.1)}.o-widget .o-widget-header .avatar{width:45px;height:45px;border-radius:100%;position:relative;box-shadow:0 2px 8px rgba(0,0,0,8%)}.o-widget .o-widget-header .avatar::after{content:'';width:10px;height:10px;position:absolute;right:0;bottom:0;border-radius:100%;background:#00c057;border:2px solid #fff}.o-widget .o-widget-header .avatar__header{width:45px;height:45px;border-radius:100%;position:relative}.o-widget .o-widget-header .avatar__header::after{content:'';width:10px;height:10px;position:absolute;right:0;bottom:0;border-radius:100%;background:#00c057;border:2px solid #fff}.o-widget .o-widget-header .name{font-size:18px;font-weight:600}.o-widget .o-widget-header .status{margin-top:-3px;font-size:15px;opacity:.7}.o-widget .o-widget-container{background:#eaeef3;overflow-y:auto;overflow-x:hidden;padding:20px 0 0}.o-widget .o-widget-container .o-widget-msg{display:grid;grid-template-columns:30px 1fr;padding-bottom:20px;padding-left:25px;grid-gap:15px;position:relative}.o-widget .o-widget-container .o-widget-msg .author{padding:4px 0;font-size:13px;color:#909099}.o-widget .o-widget-container .o-widget-msg .o-widget-msg{padding-bottom:0}.o-widget .o-widget-container .o-widget-msg .o-widget-msg-container{overflow:hidden}.o-widget .o-widget-container .o-widget-msg .o-widget-msg-avatar{width:30px;height:30px;border-radius:100%}.o-widget .o-widget-container .o-widget-msg.full{padding-left:0;grid-template-columns:1fr;display:block}.o-widget .o-widget-container .o-widget-msg.user{display:block;padding-right:25px;padding-left:25px}.o-widget .o-widget-container .o-widget-msg.user .o-widget-text{width:auto;float:right;margin-right:0;border-radius:20px 20px 5px 20px;background:#004eff;color:#fff}.o-widget .o-widget-container .o-widget-msg .o-widget-text{min-width:50px;float:left;margin-right:25px;border-radius:5px 20px 20px 20px;padding:12px 15px;color:#303037;background:#fff}.o-widget .o-widget-container .o-widget-msg .o-widget-image{margin-right:20px}.o-widget .o-widget-container .o-widget-msg .o-widget-image img{border-radius:10px}.o-widget .o-widget-container .o-widget-msg .o-widget-carousel{width:100%;padding:10px 0}.o-widget .o-widget-container .o-widget-msg .o-widget-carousel .arrow-right{width:35px;height:35px;padding-left:2px;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;top:calc(50% - 17.5px);right:20px;z-index:1;background:#fff;border:1px solid #f6f6f7;border-radius:100%;display:flex;justify-content:center;align-items:center;box-shadow:0 5px 15px -3px rgba(0,0,0,.25),0 4px 6px -2px rgba(0,0,0,5%)}.o-widget .o-widget-container .o-widget-msg .o-widget-carousel .arrow-right:hover{box-shadow:0 5px 15px -3px rgba(0,0,0,.45),0 4px 6px -2px rgba(0,0,0,5%)}.o-widget .o-widget-container .o-widget-msg .o-widget-carousel .arrow-right img{width:11px;height:15px}.o-widget .o-widget-container .o-widget-msg .o-widget-carousel .arrow-left{width:35px;height:35px;padding-right:2px;position:absolute;top:calc(50% - 17.5px);left:20px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#fff;border:1px solid #f6f6f7;z-index:1;border-radius:100%;display:flex;justify-content:center;align-items:center;visibility:hidden;box-shadow:0 5px 15px -3px rgba(0,0,0,.25),0 4px 6px -2px rgba(0,0,0,5%)}.o-widget .o-widget-container .o-widget-msg .o-widget-carousel .arrow-left:hover{box-shadow:0 5px 15px -3px rgba(0,0,0,.45),0 4px 6px -2px rgba(0,0,0,5%)}.o-widget .o-widget-container .o-widget-msg .o-widget-carousel .arrow-left img{width:11px;height:15px;transform:rotate(180deg)}.o-widget .o-widget-container .o-widget-msg .o-widget-carousel .o-widget-carousel-container{display:flex;overflow:hidden;grid-gap:15px}.o-widget .o-widget-container .o-widget-msg .o-widget-carousel .o-widget-carousel-container.single-card .o-widget-card-container:first-child{margin-left:2px}.o-widget .o-widget-container .o-widget-msg .o-widget-carousel .o-widget-carousel-container .o-widget-card-container{flex:0 0 265px}.o-widget .o-widget-container .o-widget-msg .o-widget-carousel .o-widget-carousel-container .o-widget-card-container:first-child{margin-left:25px}.o-widget .o-widget-container .o-widget-msg .o-widget-carousel .o-widget-carousel-container .o-widget-card-container .o-widget-card{width:245px;display:grid;border-radius:10px;grid-template-rows:170px auto;grid-row-gap:10px;background:#fff;overflow:hidden}.o-widget .o-widget-container .o-widget-msg .o-widget-carousel .o-widget-carousel-container .o-widget-card-container .o-widget-card img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.o-widget .o-widget-container .o-widget-msg .o-widget-carousel .o-widget-carousel-container .o-widget-card-container .o-widget-card .title{font-weight:700}.o-widget .o-widget-container .o-widget-msg .o-widget-carousel .o-widget-carousel-container .o-widget-card-container .o-widget-card .button{padding:10px 0;font-weight:700;color:#006cff;text-align:center;border-top:1px solid #e3e3e3}.o-widget .o-widget-container .o-widget-msg .o-widget-button{padding-right:25px}.o-widget .o-widget-container .o-widget-msg .o-widget-button .o-widget-button-container{display:grid;border-radius:10px;overflow:hidden;border:1px solid #e3e3e3;background:#fff}.o-widget .o-widget-container .o-widget-msg .o-widget-button .o-widget-button-container .button{padding:10px 0;font-weight:700;color:#006cff;background:#fff;text-align:center;border-top:1px solid #e3e3e3}.o-widget .o-widget-container .o-widget-msg .o-widget-button .o-widget-button-container .button.selected{color:#fff;background:#006cff}.o-widget .o-widget-container .o-widget-msg .o-widget-quick-replies{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:0 10px 10px}.o-widget .o-widget-container .o-widget-msg .o-widget-quick-replies .button{min-width:50px;float:left;padding:5px 15px;margin-bottom:8px;margin-right:8px;border-radius:30px;font-weight:700;color:#006cff;border:1px solid #006cff;background:#fff;text-align:center}.o-widget .o-widget-textarea{font-size:15px;padding:12px 20px;border-top:1px solid #e3e3e3}.o-widget .o-widget-textarea .o-widget-send-message{width:20px;position:absolute;top:14px;right:15px}